Skip to content

E
edx-platform
Commit e9fd04d5 by Reda Lemeden
Options

Resolve application.css conflict

parents ef229435 071dc14d
Showing with 2816 additions and 2 deletions
sass/_askbot-original.scss 0 → 100644
// Original styles
/*body {
background: #FFF;
font-size: 14px;
line-height: 150%;
margin: 0;
padding: 0;
color: #000;
font-family: Arial; }*/
div {
margin: 0 auto;
padding: 0; }
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
margin: 0;
padding: 0;
border: none; }
label {
vertical-align: middle; }
hr {
border: none;
border-top: 1px dashed #ccccce; }
input, select {
vertical-align: middle;
font-family: Trebuchet MS,"segoe ui",Helvetica,Tahoma,Verdana,MingLiu,PMingLiu,Arial,sans-serif;
margin-left: 0px; }
textarea:focus, input:focus {
outline: none; }
iframe {
border: none; }
p {
font-size: 14px;
line-height: 140%;
margin-bottom: 6px; }
a {
color: #1b79bd;
text-decoration: none;
cursor: pointer; }
h2 {
font-size: 21px;
padding: 3px 0 3px 5px; }
h3 {
font-size: 19px;
padding: 3px 0 3px 5px; }
ul {
list-style: disc;
margin-left: 20px;
padding-left: 0px;
margin-bottom: 1em; }
ol {
list-style: decimal;
margin-left: 30px;
margin-bottom: 1em;
padding-left: 0px; }
td ul {
vertical-align: middle; }
li input {
margin: 3px 3px 4px 3px; }
pre {
font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
font-size: 100%;
margin-bottom: 10px;
background-color: #F5F5F5;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 20px; }
code {
font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
font-size: 100%; }
blockquote {
margin-bottom: 10px;
margin-right: 15px;
padding: 10px 0px 1px 10px;
background-color: #F5F5F5; }
* html {
.clearfix, .paginator {
height: 1;
overflow: visible; } }
+html {
.clearfix, .paginator {
min-height: 1%; } }
.clearfix:after, .paginator:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden; }
.badges a {
color: #763333;
text-decoration: underline; }
a:hover {
text-decoration: underline; }
.badge-context-toggle.active {
cursor: pointer;
text-decoration: underline; }
h1 {
font-size: 24px;
padding: 10px 0 5px 0px; }
body.user-messages {
margin-top: 2.4em; }
.left {
float: left; }
.right {
float: right; }
.clean {
clear: both; }
.center {
margin: 0 auto;
padding: 0; }
.notify {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 100;
padding: 0;
text-align: center;
background-color: #f5dd69;
border-top: #fff 1px solid;
font-family: 'Yanone Kaffeesatz',sans-serif;
p.notification {
margin-top: 6px;
margin-bottom: 6px;
font-size: 16px;
color: #424242; } }
#closeNotify {
position: absolute;
right: 5px;
top: 7px;
color: #735005;
text-decoration: none;
line-height: 18px;
background: -6px -5px url(../images/sprites.png) no-repeat;
cursor: pointer;
width: 20px;
height: 20px;
&:hover {
background: -26px -5px url(../images/sprites.png) no-repeat; } }
#header {
margin-top: 0px;
background: #16160f;
font-family: 'Yanone Kaffeesatz',sans-serif; }
/*.content-wrapper {
width: 960px;
margin: auto;
position: relative; }*/
#logo img {
padding: 5px 0px 5px 0px;
height: 75px;
width: auto;
float: left; }
#userToolsNav {
height: 20px;
padding-bottom: 5px;
a {
height: 35px;
text-align: right;
margin-left: 20px;
text-decoration: underline;
color: #d0e296;
font-size: 16px;
&:first-child {
margin-left: 0; }
&#ab-responses {
margin-left: 3px; } }
.user-info, .user-micro-info {
color: #b5b593; }
a img {
vertical-align: middle;
margin-bottom: 2px; }
.user-info a {
margin: 0;
text-decoration: none; } }
#metaNav {
float: right;
a {
color: #e2e2ae;
padding: 0px 0px 0px 35px;
height: 25px;
line-height: 30px;
margin: 5px 0px 0px 10px;
font-size: 18px;
font-weight: 100;
text-decoration: none;
display: block;
float: left;
&:hover {
text-decoration: underline; }
&.on {
font-weight: bold;
color: #FFF;
text-decoration: none; }
&.special {
font-size: 18px;
color: #B02B2C;
font-weight: bold;
text-decoration: none;
&:hover {
text-decoration: underline; } } }
#navTags {
background: -50px -5px url(../images/sprites.png) no-repeat; }
#navUsers {
background: -125px -5px url(../images/sprites.png) no-repeat; }
#navBadges {
background: -210px -5px url(../images/sprites.png) no-repeat; } }
#header {
&.with-logo #userToolsNav {
position: absolute;
bottom: 0;
right: 0px; }
&.without-logo {
#userToolsNav {
float: left;
margin-top: 7px; }
#metaNav {
margin-bottom: 7px; } } }
/*#secondaryHeader {
height: 55px;
background: #e9e9e1;
border-bottom: #d3d3c2 1px solid;
border-top: #fcfcfc 1px solid;
margin-bottom: 10px;
font-family: 'Yanone Kaffeesatz',sans-serif;
#homeButton {
border-right: #afaf9e 1px solid;
background: -6px -36px url(../images/sprites.png) no-repeat;
height: 55px;
width: 43px;
display: block;
float: left;
&:hover {
background: -51px -36px url(../images/sprites.png) no-repeat; } }
#scopeWrapper {
width: 688px;
float: left;
a {
display: block;
float: left; }
.scope-selector {
font-size: 21px;
color: #5a5a4b;
height: 55px;
line-height: 55px;
margin-left: 24px; }
.on {
background: url(../images/scopearrow.png) no-repeat center bottom; }
.ask-message {
font-size: 24px; } } }*/
#searchBar {
display: inline-block;
background-color: #fff;
width: 412px;
border: 1px solid #c9c9b5;
float: right;
height: 42px;
margin: 6px 0px 0px 15px;
.searchInput, .searchInputCancelable {
font-size: 30px;
height: 40px;
font-weight: 300;
background: #FFF;
border: 0px;
color: #484848;
padding-left: 10px;
font-family: Arial;
vertical-align: middle; }
.searchInput {
width: 352px; }
.searchInputCancelable {
width: 317px; }
.logoutsearch {
width: 337px; }
.searchBtn {
font-size: 10px;
color: #666;
background-color: #eee;
height: 42px;
border: #FFF 1px solid;
line-height: 22px;
text-align: center;
float: right;
margin: 0px;
width: 48px;
background: -98px -36px url(../images/sprites.png) no-repeat;
cursor: pointer;
&:hover {
background: -146px -36px url(../images/sprites.png) no-repeat; } }
.cancelSearchBtn {
font-size: 30px;
color: #ce8888;
background: #fff;
height: 42px;
border: 0px;
border-left: #deded0 1px solid;
text-align: center;
width: 35px;
cursor: pointer;
&:hover {
color: #d84040; } } }
body.anon #searchBar {
width: 500px;
.searchInput {
width: 440px; }
.searchInputCancelable {
width: 405px; } }
#askButton {
background: url(../images/bigbutton.png) repeat-x bottom;
line-height: 44px;
text-align: center;
width: 200px;
height: 42px;
font-size: 23px;
color: #4a757f;
margin-top: 7px;
float: right;
text-transform: uppercase;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #636363;
-moz-box-shadow: 1px 1px 2px #636363;
box-shadow: 1px 1px 2px #636363;
&:hover {
text-decoration: none;
background: url(../images/bigbutton.png) repeat-x top;
text-shadow: 0px 1px 0px #c6d9dd;
-moz-text-shadow: 0px 1px 0px #c6d9dd;
-webkit-text-shadow: 0px 1px 0px #c6d9dd; } }
/*#ContentLeft {
width: 730px;
float: left;
position: relative;
padding-bottom: 10px; }
#ContentRight {
width: 200px;
float: right;
padding: 0 0px 10px 0px; }*/
#ContentFull {
float: left;
width: 960px; }
.box {
/*background: #fff;*/
/*padding: 4px 0px 10px 0px;*/
/*width: 200px;*/
p {
margin-bottom: 4px;
&.info-box-follow-up-links {
text-align: right;
margin: 0; } }
h2 {
padding-left: 0;
/*background: #eceeeb;*/
height: 30px;
line-height: 30px;
/*text-align: right;*/
/*font-size: 18px !important;*/
font-weight: normal;
color: #656565;
/*padding-right: 10px;*/
/*margin-bottom: 10px;*/
/*font-family: 'Yanone Kaffeesatz',sans-serif;*/
}
h3 {
/*color: #4a757f;*/
/*font-size: 18px;*/
text-align: left;
font-weight: normal;
/*font-family: 'Yanone Kaffeesatz',sans-serif;*/
padding-left: 0px; }
.contributorback {
background: #eceeeb url(../images/contributorsback.png) no-repeat center left; }
label {
color: #707070;
font-size: 15px;
display: block;
float: right;
text-align: left;
font-family: 'Yanone Kaffeesatz',sans-serif;
width: 80px;
margin-right: 18px; }
#displayTagFilterControl label {
width: 160px; }
ul {
margin-left: 22px; }
li {
list-style-type: disc;
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
color: #707070; }
ul.tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; }
#displayTagFilterControl p label {
color: #707070;
font-size: 15px; }
/*.inputs {
#interestingTagInput, #ignoredTagInput {
width: 153px;
padding-left: 5px;
border: #c9c9b5 1px solid;
height: 25px; }
#interestingTagAdd, #ignoredTagAdd {
background: url(../images/small-button-blue.png) repeat-x top;
border: 0;
color: #4a757f;
font-weight: bold;
font-size: 12px;
width: 30px;
height: 27px;
margin-top: -2px;
cursor: pointer;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080; }
#interestingTagAdd:hover, #ignoredTagAdd:hover {
background: url(../images/small-button-blue.png) repeat-x bottom; } }*/
img.gravatar {
margin: 1px; }
a {
&.followed, &.follow {
background: url(../images/medium-button.png) top repeat-x;
height: 34px;
line-height: 34px;
text-align: center;
border: 0;
font-family: 'Yanone Kaffeesatz',sans-serif;
color: #4a757f;
font-weight: normal;
font-size: 21px;
margin-top: 3px;
display: block;
width: 120px;
text-decoration: none;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #636363;
-moz-box-shadow: 1px 1px 2px #636363;
box-shadow: 1px 1px 2px #636363;
margin: 0 auto;
padding: 0; }
&.followed:hover, &.follow:hover {
text-decoration: none;
background: url(../images/medium-button.png) bottom repeat-x;
text-shadow: 0px 1px 0px #c6d9dd;
-moz-text-shadow: 0px 1px 0px #c6d9dd;
-webkit-text-shadow: 0px 1px 0px #c6d9dd; }
&.followed {
div.unfollow {
display: none; }
&:hover div {
display: none;
&.unfollow {
display: inline;
color: #a05736; } } } }
.favorite-number {
padding: 5px 0 0 5px;
font-size: 100%;
font-family: Arial;
font-weight: bold;
color: #777;
text-align: center; }
.notify-sidebar #question-subscribe-sidebar {
margin: 7px 0 0 3px; } }
.statsWidget p {
color: #707070;
font-size: 16px;
border-bottom: #cccccc 1px solid;
font-size: 13px;
strong {
float: right;
padding-right: 10px; } }
.questions-related {
word-wrap: break-word;
p {
line-height: 20px;
padding: 4px 0px 4px 0px;
font-size: 16px;
font-weight: normal;
border-bottom: #cccccc 1px solid; }
a {
font-size: 13px; } }
#tips {
li {
color: #707070;
font-size: 13px;
list-style-image: url(../images/tips.png); }
a {
font-size: 16px; } }
#markdownHelp {
li {
color: #707070;
font-size: 13px; }
a {
font-size: 16px; } }
.tabBar {
background-color: #eff5f6;
height: 30px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
font-family: Georgia,serif;
font-size: 16px;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
h2 {
float: left; } }
.tabsA, .tabsC {
float: right;
position: relative;
display: block;
height: 20px; }
.tabsA {
float: right; }
.tabsC {
float: left; }
.tabsA a, .tabsC a {
border-left: 1px solid #d0e1e4;
color: #7ea9b3;
display: block;
float: left;
height: 20px;
line-height: 20px;
padding: 4px 7px 4px 7px;
text-decoration: none; }
.tabsA a.on, .tabsC a.on, .tabsA a:hover, .tabsC a:hover {
color: #4a757f; }
.tabsA .label, .tabsC .label {
float: left;
color: #646464;
margin-top: 4px;
margin-right: 5px; }
.main-page .tabsA .label {
margin-left: 8px; }
.tabsB a {
background: #eee;
border: 1px solid #eee;
color: #777;
display: block;
float: left;
height: 22px;
line-height: 28px;
margin: 5px 0px 0 4px;
padding: 0 11px 0 11px;
text-decoration: none; }
.tabsC .first {
border: none; }
.rss {
float: right;
font-size: 16px;
color: #f57900;
margin: 5px 0px 3px 7px;
width: 52px;
padding-left: 2px;
padding-top: 3px;
background: white url(../images/feed-icon-small.png) no-repeat center right;
float: right;
font-family: Georgia,serif;
font-size: 16px;
&:hover {
color: #F4A731 !important; } }
#questionCount {
font-weight: bold;
font-size: 23px;
color: #7ea9b3;
width: 200px;
float: left;
margin-bottom: 8px;
padding-top: 6px;
font-family: 'Yanone Kaffeesatz',sans-serif; }
#listSearchTags {
float: left;
margin-top: 3px;
color: #707070;
font-size: 16px;
font-family: 'Yanone Kaffeesatz',sans-serif; }
ul#searchTags {
margin-left: 10px;
float: right;
padding-top: 2px; }
.search-tips {
font-size: 16px;
line-height: 17px;
color: #707070;
margin: 5px 0 10px 0;
padding: 0px;
float: left;
font-family: 'Yanone Kaffeesatz',sans-serif;
a {
text-decoration: underline;
color: #1b79bd; } }
#question-list {
float: left;
position: relative;
background-color: #FFF;
padding: 0;
width: 100%; }
.short-summary {
position: relative;
filter: inherit;
padding: 10px;
border-bottom: 1px solid #DDDBCE;
margin-bottom: 1px;
overflow: hidden;
width: 710px;
float: left;
background: url(../images/summary-background.png) repeat-x;
h2 {
font-size: 24px;
font-weight: normal;
line-height: 26px;
padding-left: 0;
margin-bottom: 6px;
display: block;
font-family: 'Yanone Kaffeesatz',sans-serif; }
a {
color: #464646; }
.userinfo {
text-align: right;
line-height: 16px;
font-family: Arial;
padding-right: 4px;
.relativetime {
font-size: 11px;
clear: both;
font-weight: normal;
color: #555; } }
span.anonymous {
font-size: 11px;
clear: both;
font-weight: normal;
color: #555; }
.userinfo a {
font-weight: bold;
font-size: 11px; }
.counts {
float: right;
margin: 4px 0 0 5px;
font-family: 'Yanone Kaffeesatz',sans-serif;
.item-count {
padding: 0px 5px 0px 5px;
font-size: 25px;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.votes div, .views div, .answers div, .favorites div {
margin-top: 3px;
font-size: 14px;
line-height: 14px;
color: #646464; } }
.tags {
margin-top: 0; }
.votes, .answers, .favorites, .views {
text-align: center;
margin: 0 3px;
padding: 8px 2px 0px 2px;
width: 51px;
float: right;
height: 44px;
border: #dbdbd4 1px solid; }
.votes {
background: url(../images/vote-background.png) repeat-x; }
.answers {
background: url(../images/answers-background.png) repeat-x; }
.views {
background: url(../images/view-background.png) repeat-x; }
.no-votes .item-count {
color: #b1b5b6; }
.some-votes .item-count {
color: #4a757f; }
.no-answers .item-count {
color: #b1b5b6; }
.some-answers .item-count {
color: #eab243; }
.no-views .item-count {
color: #b1b5b6; }
.some-views .item-count {
color: #d33f00; }
.accepted .item-count {
background: url(../images/accept.png) no-repeat top right;
display: block;
text-align: center;
width: 40px;
color: #eab243; }
.some-favorites .item-count {
background: #338333;
color: #d0f5a9; }
.no-favorites .item-count {
background: #eab243;
color: yellow; } }
.evenMore {
font-size: 13px;
color: #707070;
padding: 15px 0px 10px 0px;
clear: both;
a {
text-decoration: underline;
color: #1b79bd; } }
.pager {
margin-top: 10px;
margin-bottom: 16px; }
.pagesize {
margin-top: 10px;
margin-bottom: 16px;
float: right; }
.paginator {
padding: 5px 0 10px 0;
font-size: 13px;
margin-bottom: 10px;
.prev a, .next a {
background-color: #fff;
color: #777;
padding: 2px 4px 3px 4px;
&:visited {
background-color: #fff;
color: #777;
padding: 2px 4px 3px 4px; } }
a {
color: #7ea9b3; }
.prev {
margin-right: .5em; }
.next {
margin-left: .5em; }
.page a {
padding: .25em;
background-color: #fff;
margin: 0em .25em;
color: #ff;
&:visited {
padding: .25em;
background-color: #fff;
margin: 0em .25em;
color: #ff; } }
.curr {
padding: .25em;
background-color: #fff;
margin: 0em .25em;
color: #ff;
background-color: #8ebcc7;
color: #fff;
font-weight: bold; }
.next a, .prev a {
color: #7ea9b3; }
.page a:hover, .curr a:hover, .prev a:hover, .next a:hover {
color: #8C8C8C;
background-color: #E1E1E1;
text-decoration: none; }
.text {
color: #777;
padding: .3em; }
.paginator-container-left {
padding: 5px 0 10px 0; } }
.tag-size-1 {
font-size: 12px; }
.tag-size-2 {
font-size: 13px; }
.tag-size-3 {
font-size: 14px; }
.tag-size-4 {
font-size: 15px; }
.tag-size-5 {
font-size: 16px; }
.tag-size-6 {
font-size: 17px; }
.tag-size-7 {
font-size: 18px; }
.tag-size-8 {
font-size: 19px; }
.tag-size-9 {
font-size: 20px; }
.tag-size-10 {
font-size: 21px; }
ul {
&.tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block;
&.marked-tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; } }
&#related-tags {
list-style: none;
margin: 0;
padding: 0;
line-height: 170%;
display: block; }
&.tags li {
float: left;
display: block;
margin: 0 8px 0 0;
padding: 0;
height: 20px; } }
.wildcard-tags {
clear: both; }
ul.tags.marked-tags li, .wildcard-tags ul.tags li {
margin-bottom: 5px; }
#tagSelector div.inputs {
clear: both;
float: none;
margin-bottom: 10px; }
.tags-page ul.tags li {
width: 160px;
margin: 5px; }
ul {
&#ab-user-tags li {
width: 160px;
margin: 5px; }
&#related-tags li {
margin: 0 5px 8px 0;
float: left;
clear: left; } }
.tag-left {
cursor: pointer;
display: block;
float: left;
height: 17px;
margin: 0 5px 0 0;
padding: 0;
-webkit-box-shadow: 0px 0px 5px #d3d6d7;
-moz-box-shadow: 0px 0px 5px #d3d6d7;
box-shadow: 0px 0px 5px #d3d6d7; }
.tag-right {
background: #f3f6f6;
border: #fff 1px solid;
border-top: #fff 2px solid;
outline: #cfdbdb 1px solid;
display: block;
float: left;
height: 17px;
line-height: 17px;
font-weight: normal;
font-size: 11px;
padding: 0px 8px 0px 8px;
text-decoration: none;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-family: Arial;
color: #717179; }
.deletable-tag {
margin-right: 3px;
white-space: nowrap;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px; }
.tags {
a.tag-right, span.tag-right {
color: #585858;
text-decoration: none; }
a:hover {
color: #1A1A1A; } }
.users-page h1, .tags-page h1 {
float: left; }
.main-page h1 {
margin-right: 5px; }
.delete-icon {
margin-top: -1px;
float: left;
height: 21px;
width: 18px;
display: block;
line-height: 20px;
text-align: center;
background: #bbcdcd;
cursor: default;
color: #fff;
border-top: #cfdbdb 1px solid;
font-family: Arial;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
text-shadow: 0px 1px 0px #7ea0a0;
-moz-text-shadow: 0px 1px 0px #7ea0a0;
-webkit-text-shadow: 0px 1px 0px #7ea0a0;
&:hover {
background: #b32f2f; } }
.tag-number {
font-weight: normal;
float: left;
font-size: 16px;
color: #5d5d5d; }
.badges .tag-number {
float: none;
display: inline;
padding-right: 15px; }
.section-title {
color: #7ea9b3;
font-family: 'Yanone Kaffeesatz',sans-serif;
font-weight: bold;
font-size: 24px; }
#fmask {
margin-bottom: 30px;
width: 100%; }
#askFormBar {
display: inline-block;
padding: 4px 7px 5px 0px;
margin-top: 0px;
p {
margin: 0 0 5px 0;
font-size: 14px;
color: #525252;
line-height: 1.4; }
.questionTitleInput {
font-size: 24px;
line-height: 24px;
height: 36px;
margin: 0px;
padding: 0px 0 0 5px;
border: #cce6ec 3px solid;
width: 725px; } }
.ask-page div#question-list, .edit-question-page div#question-list {
float: none;
border-bottom: #f0f0ec 1px solid;
float: left;
margin-bottom: 10px; }
.ask-page div#question-list a, .edit-question-page div#question-list a {
line-height: 30px; }
.ask-page div#question-list h2, .edit-question-page div#question-list h2 {
font-size: 13px;
padding-bottom: 0;
color: #1b79bd;
border-top: #f0f0ec 1px solid;
border-left: #f0f0ec 1px solid;
height: 30px;
line-height: 30px;
font-weight: normal; }
.ask-page div#question-list span, .edit-question-page div#question-list span {
width: 28px;
height: 26px;
line-height: 26px;
text-align: center;
margin-right: 10px;
float: left;
display: block;
color: #fff;
background: #b8d0d5;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px; }
.ask-page label, .edit-question-page label {
color: #525252;
font-size: 13px; }
.ask-page #id_tags, .edit-question-page #id_tags {
border: #cce6ec 3px solid;
height: 25px;
padding-left: 5px;
width: 395px;
font-size: 14px; }
.title-desc {
color: #707070;
font-size: 13px; }
#fmanswer input.submit, .ask-page input.submit, .edit-question-page input.submit {
float: left;
background: url(../images/medium-button.png) top repeat-x;
height: 34px;
border: 0;
font-family: 'Yanone Kaffeesatz',sans-serif;
color: #4a757f;
font-weight: normal;
font-size: 21px;
margin-top: 3px;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #636363;
-moz-box-shadow: 1px 1px 2px #636363;
box-shadow: 1px 1px 2px #636363;
margin-right: 7px; }
#fmanswer input.submit:hover, .ask-page input.submit:hover, .edit-question-page input.submit:hover {
text-decoration: none;
background: url(../images/medium-button.png) bottom repeat-x;
text-shadow: 0px 1px 0px #c6d9dd;
-moz-text-shadow: 0px 1px 0px #c6d9dd;
-webkit-text-shadow: 0px 1px 0px #c6d9dd; }
#editor {
font-size: 100%;
min-height: 200px;
line-height: 18px;
margin: 0;
border-left: #cce6ec 3px solid;
border-bottom: #cce6ec 3px solid;
border-right: #cce6ec 3px solid;
border-top: 0;
padding: 10px;
margin-bottom: 10px;
width: 710px; }
#id_title {
width: 100%; }
.wmd-preview {
margin: 3px 0 5px 0;
padding: 6px;
background-color: #F5F5F5;
min-height: 20px;
overflow: auto;
font-size: 13px;
font-family: Arial;
p {
margin-bottom: 14px;
line-height: 1.4;
font-size: 14px; }
pre {
background-color: #E7F1F8; }
blockquote {
background-color: #eee; }
IMG {
max-width: 600px; } }
.preview-toggle {
width: 100%;
color: #b6a475;
text-align: left;
span:hover {
cursor: pointer; } }
.after-editor {
margin-top: 15px;
margin-bottom: 15px; }
.checkbox {
margin-left: 5px;
font-weight: normal;
cursor: help; }
.question-options {
margin-top: 1px;
color: #666;
line-height: 13px;
margin-bottom: 5px;
label {
vertical-align: text-bottom; } }
.edit-content-html {
border-top: 1px dotted #D8D2A9;
border-bottom: 1px dotted #D8D2A9;
margin: 5px 0 5px 0; }
.edit-question-page, #fmedit, .wmd-preview {
color: #525252; }
.edit-question-page #id_revision, #fmedit #id_revision, .wmd-preview #id_revision {
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px; }
.edit-question-page #id_title, #fmedit #id_title, .wmd-preview #id_title {
font-size: 24px;
line-height: 24px;
height: 36px;
margin: 0px;
padding: 0px 0 0 5px;
border: #cce6ec 3px solid;
width: 725px;
margin-bottom: 10px; }
.edit-question-page #id_summary, #fmedit #id_summary, .wmd-preview #id_summary {
border: #cce6ec 3px solid;
height: 25px;
padding-left: 5px;
width: 395px;
font-size: 14px; }
.edit-question-page .title-desc, #fmedit .title-desc, .wmd-preview .title-desc {
margin-bottom: 10px; }
.question-page {
h1 {
padding-top: 0px;
font-family: 'Yanone Kaffeesatz',sans-serif;
a {
color: #464646;
font-size: 30px;
font-weight: normal;
line-height: 1; } }
p.rss {
float: none;
clear: both;
padding: 3px 0 0 23px;
font-size: 15px;
width: 110px;
background-position: center left;
margin-left: 0px !important;
a {
font-family: 'Yanone Kaffeesatz',sans-serif;
vertical-align: top; } }
.question-content {
float: right;
width: 682px;
margin-bottom: 10px; }
#question-table {
float: left;
border-top: #f0f0f0 1px solid;
margin: 6px 0 6px 0;
border-spacing: 0px;
width: 670px;
padding-right: 10px; }
.answer-table {
margin: 6px 0 6px 0;
border-spacing: 0px;
width: 670px;
padding-right: 10px;
margin-top: 0px;
border-bottom: 1px solid #D4D4D4;
float: right;
td {
width: 20px;
vertical-align: top; } }
#question-table td {
width: 20px;
vertical-align: top; }
.question-body, .answer-body {
overflow: auto;
margin-top: 10px;
font-family: Arial;
color: #4b4b4b; }
.question-body p, .answer-body p {
margin-bottom: 14px;
line-height: 1.4;
font-size: 14px;
padding: 0px 5px 5px 0px; }
.question-body a, .answer-body a {
color: #1b79bd; }
.question-body li, .answer-body li {
margin-bottom: 7px; }
.question-body IMG, .answer-body IMG {
max-width: 600px; }
.post-update-info-container {
float: right;
width: 175px; }
.post-update-info {
background: white url(../images/background-user-info.png) repeat-x bottom;
float: right;
font-size: 9px;
font-family: Arial;
width: 158px;
padding: 4px;
margin: 0px 0px 5px 5px;
line-height: 14px;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-box-shadow: 0px 2px 1px #bfbfbf;
-moz-box-shadow: 0px 2px 1px #bfbfbf;
box-shadow: 0px 2px 1px #bfbfbf;
p {
line-height: 13px;
font-size: 11px;
margin: 0 0 2px 1px;
padding: 0; }
a {
color: #444; }
.gravatar {
float: left;
margin-right: 4px; }
p.tip {
color: #444;
line-height: 13px;
font-size: 10px; } }
.post-controls {
font-size: 11px;
line-height: 12px;
min-width: 200px;
padding-left: 5px;
text-align: right;
clear: left;
float: right;
margin-top: 10px;
margin-bottom: 8px;
a {
color: #777;
padding: 0px 3px 3px 22px;
cursor: pointer;
border: none;
font-size: 12px;
font-family: Arial;
text-decoration: none;
height: 18px;
display: block;
float: right;
line-height: 18px;
margin-top: -2px;
margin-left: 4px;
&:hover {
background-color: #f5f0c9;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px; } }
.sep {
color: #ccc;
float: right;
height: 18px;
font-size: 18px; }
.question-delete {
background: url(../images/delete.png) no-repeat center left;
padding-left: 16px; } }
.answer-controls .question-delete {
background: url(../images/delete.png) no-repeat center left;
padding-left: 16px; }
.post-controls .question-flag, .answer-controls .question-flag {
background: url(../images/flag.png) no-repeat center left; }
.post-controls .question-edit, .answer-controls .question-edit {
background: url(../images/edit2.png) no-repeat center left; }
.post-controls .question-retag, .answer-controls .question-retag {
background: url(../images/retag.png) no-repeat center left; }
.post-controls .question-close, .answer-controls .question-close {
background: url(../images/close.png) no-repeat center left; }
.post-controls .permant-link, .answer-controls .permant-link {
background: url(../images/link.png) no-repeat center left; }
.tabBar {
width: 100%; }
#questionCount {
float: left;
font-family: 'Yanone Kaffeesatz',sans-serif;
line-height: 15px; }
.question-img-upvote, .question-img-downvote, .answer-img-upvote, .answer-img-downvote {
width: 25px;
height: 20px;
cursor: pointer; }
.question-img-upvote, .answer-img-upvote {
background: url(../images/vote-arrow-up-new.png) no-repeat; }
.question-img-downvote, .answer-img-downvote {
background: url(../images/vote-arrow-down-new.png) no-repeat; }
.question-img-upvote {
&:hover, &.on {
background: url(../images/vote-arrow-up-on-new.png) no-repeat; } }
.answer-img-upvote {
&:hover, &.on {
background: url(../images/vote-arrow-up-on-new.png) no-repeat; } }
.question-img-downvote {
&:hover, &.on {
background: url(../images/vote-arrow-down-on-new.png) no-repeat; } }
.answer-img-downvote {
&:hover, &.on {
background: url(../images/vote-arrow-down-on-new.png) no-repeat; } }
#fmanswer_button {
margin: 8px 0px; }
.question-img-favorite:hover {
background: url(../images/vote-favorite-on.png); }
div.comments {
padding: 0; }
#comment-title {
font-weight: bold;
font-size: 23px;
color: #7ea9b3;
width: 200px;
float: left;
font-family: 'Yanone Kaffeesatz',sans-serif; }
.comments {
font-size: 12px;
clear: both;
div.controls {
clear: both;
float: left;
width: 100%;
margin: 3px 0 20px 5px; }
.controls a {
color: #988e4c;
padding: 0 3px 2px 22px;
font-family: Arial;
font-size: 13px;
background: url(../images/comment.png) no-repeat center left;
&:hover {
background-color: #f5f0c9;
text-decoration: none; } }
.button {
color: #988e4c;
font-size: 11px;
padding: 3px;
cursor: pointer; }
a {
background-color: inherit;
color: #1b79bd;
padding: 0; }
form.post-comments {
margin: 3px 26px 0 42px;
textarea {
font-size: 13px;
line-height: 1.3; } }
textarea {
height: 42px;
width: 100%;
margin: 7px 0 5px 1px;
font-family: Arial;
outline: none;
overflow: auto;
font-size: 12px;
line-height: 140%;
padding-left: 2px;
padding-top: 3px;
border: #cce6ec 3px solid; }
input {
margin-left: 10px;
margin-top: 1px;
vertical-align: top;
width: 100px; }
button {
background: url(../images/small-button-blue.png) repeat-x top;
border: 0;
color: #4a757f;
font-family: Arial;
font-size: 13px;
width: 100px;
font-weight: bold;
height: 27px;
line-height: 25px;
margin-bottom: 5px;
cursor: pointer;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080;
&:hover {
background: url(../images/small-button-blue.png) bottom repeat-x;
text-shadow: 0px 1px 0px #c6d9dd;
-moz-text-shadow: 0px 1px 0px #c6d9dd;
-webkit-text-shadow: 0px 1px 0px #c6d9dd; } }
.counter {
display: inline-block;
width: 245px;
float: right;
color: #b6a475 !important;
vertical-align: top;
font-family: Arial;
float: right;
text-align: right; }
.comment {
border-bottom: 1px solid #edeeeb;
clear: both;
margin: 0;
margin-top: 8px;
padding-bottom: 4px;
overflow: auto;
font-family: Arial;
font-size: 11px;
min-height: 25px;
background: white url(../images/comment-background.png) bottom repeat-x;
border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; }
div.comment:hover {
background-color: #efefef; }
a.author {
background-color: inherit;
color: #1b79bd;
padding: 0;
&:hover {
text-decoration: underline; } }
span.delete-icon {
background: url(../images/close-small.png) no-repeat;
border: 0;
width: 14px;
height: 14px;
&:hover {
border: #BC564B 2px solid;
border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
margin: -3px 0px 0px -2px; } }
.content {
margin-bottom: 7px; }
.comment-votes {
float: left;
width: 37px;
line-height: 130%;
padding: 6px 5px 6px 3px; }
.comment-body {
line-height: 1.3;
margin: 3px 26px 0 46px;
padding: 5px 3px;
color: #666;
font-size: 13px;
.edit {
padding-left: 6px; }
p {
font-size: 13px;
line-height: 1.3;
margin-bottom: 3px;
padding: 0; } }
.comment-delete {
float: right;
width: 14px;
line-height: 130%;
padding: 8px 6px; }
.upvote {
margin: 0px;
padding-right: 17px;
padding-top: 2px;
text-align: right;
height: 20px;
font-size: 13px;
font-weight: bold;
color: #777;
&.upvoted {
color: #d64000; }
&.hover {
background: url(../images/go-up-grey.png) no-repeat;
background-position: right 1px; }
&:hover {
background: url(../images/go-up-orange.png) no-repeat;
background-position: right 1px; } }
.help-text {
float: right;
text-align: right;
color: gray;
margin-bottom: 0px;
margin-top: 0px;
line-height: 50%; } }
#questionTools {
font-size: 22px;
margin-top: 11px;
text-align: left; }
.question-status {
margin-top: 10px;
margin-bottom: 15px;
padding: 20px;
background-color: #fef7cc;
text-align: center;
border: #e1c04a 1px solid;
h3 {
font-size: 20px;
color: #707070;
font-weight: normal; } }
.vote-buttons {
float: left;
text-align: center;
padding-top: 2px;
margin: 10px 10px 0px 3px;
IMG {
cursor: pointer; } }
.vote-number {
font-family: 'Yanone Kaffeesatz',sans-serif;
padding: 0px 0 5px 0;
font-size: 25px;
font-weight: bold;
color: #777; }
.vote-buttons .notify-sidebar {
text-align: left;
width: 120px;
label {
vertical-align: top; } }
.tabBar-answer {
margin-bottom: 15px;
padding-left: 7px;
width: 723px;
margin-top: 10px; }
.answer .vote-buttons {
float: left; }
.accepted-answer {
background-color: #f7fecc;
border-bottom-color: #9BD59B;
.vote-buttons {
width: 27px;
margin-right: 10px;
margin-top: 10px; } }
.answer .post-update-info a {
color: #444444; }
.answered {
background: #CCC;
color: #999; }
.answered-accepted {
background: #DCDCDC;
color: #763333;
strong {
color: #E1E818; } }
.answered-by-owner {
background: #F1F1FF;
.comments {
.button {
background-color: #E6ECFF; }
background-color: #E6ECFF; }
.vote-buttons {
margin-right: 10px; } }
.answer-img-accept:hover {
background: url(../images/vote-accepted-on.png); }
.answer-body {
a {
color: #1b79bd; }
li {
margin-bottom: 0.7em; } }
#fmanswer {
color: #707070;
line-height: 1.2;
margin-top: 10px;
h2 {
font-family: 'Yanone Kaffeesatz',sans-serif;
color: #7ea9b3;
font-size: 24px; }
label {
font-size: 13px; } }
.message {
padding: 5px;
margin: 0px 0 10px 0; } }
@media screen and (-webkit-min-device-pixel-ratio:0) {
textarea {
padding-left: 3px !important; } }
.facebook-share.icon, .twitter-share.icon, .linkedin-share.icon, .identica-share.icon {
background: url(../images/socialsprite.png) no-repeat;
display: block;
text-indent: -100em;
height: 25px;
width: 25px;
margin-bottom: 3px; }
.facebook-share.icon:hover, .twitter-share.icon:hover, .linkedin-share.icon:hover, .identica-share.icon:hover {
opacity: 0.8;
filter: alpha(opacity = 80); }
.facebook-share.icon {
background-position: -26px 0px; }
.identica-share.icon {
background-position: -78px 0px; }
.twitter-share.icon {
margin-top: 10px;
background-position: 0px 0px; }
.linkedin-share.icon {
background-position: -52px 0px; }
.openid-signin, .meta, .users-page, .user-profile-edit-page {
font-size: 13px;
line-height: 1.3;
color: #525252; }
.openid-signin p, .meta p, .users-page p, .user-profile-edit-page p {
font-size: 13px;
color: #707070;
line-height: 1.3;
font-family: Arial;
color: #525252;
margin-bottom: 12px; }
.openid-signin h2, .meta h2, .users-page h2, .user-profile-edit-page h2 {
color: #525252;
padding-left: 0px;
font-size: 16px; }
.openid-signin form, .meta form, .users-page form, .user-profile-edit-page form, .user-profile-page form {
margin-bottom: 15px; }
.openid-signin input[type="text"], .meta input[type="text"], .users-page input[type="text"], .user-profile-edit-page input[type="text"], .user-profile-page input[type="text"], .openid-signin input[type="password"], .meta input[type="password"], .users-page input[type="password"], .user-profile-edit-page input[type="password"], .user-profile-page input[type="password"], .openid-signin select, .meta select, .users-page select, .user-profile-edit-page select, .user-profile-page select {
border: #cce6ec 3px solid;
height: 25px;
padding-left: 5px;
width: 395px;
font-size: 14px; }
.openid-signin select, .meta select, .users-page select, .user-profile-edit-page select, .user-profile-page select {
width: 405px;
height: 30px; }
.openid-signin textarea, .meta textarea, .users-page textarea, .user-profile-edit-page textarea, .user-profile-page textarea {
border: #cce6ec 3px solid;
padding-left: 5px;
padding-top: 5px;
width: 395px;
font-size: 14px; }
.openid-signin input.submit, .meta input.submit, .users-page input.submit, .user-profile-edit-page input.submit, .user-profile-page input.submit {
background: url(../images/small-button-blue.png) repeat-x top;
border: 0;
color: #4a757f;
font-weight: bold;
font-size: 13px;
font-family: Arial;
height: 26px;
margin: 5px 0px;
width: 100px;
cursor: pointer;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080; }
.openid-signin input.submit:hover, .meta input.submit:hover, .users-page input.submit:hover, .user-profile-edit-page input.submit:hover, .user-profile-page input.submit:hover {
background: url(../images/small-button-blue.png) repeat-x bottom;
text-decoration: none; }
.openid-signin .cancel, .meta .cancel, .users-page .cancel, .user-profile-edit-page .cancel, .user-profile-page .cancel {
background: url(../images/small-button-cancel.png) repeat-x top !important;
color: #525252 !important; }
.openid-signin .cancel:hover, .meta .cancel:hover, .users-page .cancel:hover, .user-profile-edit-page .cancel:hover, .user-profile-page .cancel:hover {
background: url(../images/small-button-cancel.png) repeat-x bottom !important; }
#email-input-fs, #local_login_buttons, #password-fs, #openid-fs {
margin-top: 10px; }
#email-input-fs #id_email, #local_login_buttons #id_email, #password-fs #id_email, #openid-fs #id_email, #email-input-fs #id_username, #local_login_buttons #id_username, #password-fs #id_username, #openid-fs #id_username, #email-input-fs #id_password, #local_login_buttons #id_password, #password-fs #id_password, #openid-fs #id_password {
font-size: 12px;
line-height: 20px;
height: 20px;
margin: 0px;
padding: 0px 0 0 5px;
border: #cce6ec 3px solid;
width: 200px; }
#email-input-fs .submit-b, #local_login_buttons .submit-b, #password-fs .submit-b, #openid-fs .submit-b {
background: url(../images/small-button-blue.png) repeat-x top;
border: 0;
color: #4a757f;
font-weight: bold;
font-size: 13px;
font-family: Arial;
height: 24px;
margin-top: -2px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080; }
#email-input-fs .submit-b:hover, #local_login_buttons .submit-b:hover, #password-fs .submit-b:hover, #openid-fs .submit-b:hover {
background: url(../images/small-button-blue.png) repeat-x bottom; }
.openid-input {
background: url(../images/openid.gif) no-repeat;
padding-left: 15px;
cursor: pointer; }
.openid-login-input {
background-position: center left;
background: url(../images/openid.gif) no-repeat 0% 50%;
padding: 5px 5px 5px 15px;
cursor: pointer;
font-family: Trebuchet MS;
font-weight: 300;
font-size: 150%;
width: 500px; }
.openid-login-submit {
height: 40px;
width: 80px;
line-height: 40px;
cursor: pointer;
border: 1px solid #777;
font-weight: bold;
font-size: 120%; }
.tabBar-user {
width: 375px; }
.user {
padding: 5px;
line-height: 140%;
width: 166px;
border: #eee 1px solid;
margin-bottom: 5px;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
.user-micro-info {
color: #525252; }
ul {
margin: 0;
list-style-type: none; }
.thumb {
clear: both;
float: left;
margin-right: 4px;
display: inline; } }
.tabBar-tags {
width: 270px;
margin-bottom: 15px; }
a {
&.medal {
font-size: 17px;
line-height: 250%;
margin-right: 5px;
color: #333;
text-decoration: none;
background: url(../images/medala.gif) no-repeat;
border-left: 1px solid #EEE;
border-top: 1px solid #EEE;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 4px 12px 4px 6px; }
&:hover.medal {
color: #333;
text-decoration: none;
background: url(../images/medala_on.gif) no-repeat;
border-left: 1px solid #E7E296;
border-top: 1px solid #E7E296;
border-bottom: 1px solid #D1CA3D;
border-right: 1px solid #D1CA3D; } }
#award-list .user {
float: left;
margin: 5px; }
.tabBar-profile {
width: 100%;
margin-bottom: 15px;
float: left; }
.user-profile-page {
font-size: 13px;
color: #525252;
p {
font-size: 13px;
line-height: 1.3;
color: #525252; }
.avatar img {
border: #eee 1px solid;
padding: 5px; }
h2 {
padding: 10px 0px 10px 0px;
font-family: 'Yanone Kaffeesatz',sans-serif; } }
.user-details {
font-size: 13px;
h3 {
font-size: 16px; } }
.user-about {
background-color: #EEEEEE;
height: 200px;
line-height: 20px;
overflow: auto;
padding: 10px;
width: 90%;
p {
font-size: 13px; } }
.follow-toggle, .submit {
border: 0 !important;
color: #4a757f;
font-weight: bold;
font-size: 12px;
height: 26px;
line-height: 26px;
margin-top: -2px;
font-size: 15px;
cursor: pointer;
font-family: 'Yanone Kaffeesatz',sans-serif;
background: url(../images/small-button-blue.png) repeat-x top;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080; }
.follow-toggle:hover, .submit:hover {
background: url(../images/small-button-blue.png) repeat-x bottom;
text-decoration: none !important; }
.follow-toggle {
.follow {
font-color: #000;
font-style: normal; }
.unfollow {
div.unfollow-red {
display: none; }
&:hover div {
&.unfollow-red {
display: inline;
color: #fff;
font-weight: bold;
color: #A05736; }
&.unfollow-green {
display: none; } } } }
.count {
font-family: 'Yanone Kaffeesatz',sans-serif;
font-size: 200%;
font-weight: 700;
color: #777777; }
.scoreNumber {
font-family: 'Yanone Kaffeesatz',sans-serif;
font-size: 35px;
font-weight: 800;
color: #777;
line-height: 40px;
margin-top: 3px; }
.vote-count {
font-family: Arial;
font-size: 160%;
font-weight: 700;
color: #777; }
.answer-summary {
display: block;
clear: both;
padding: 3px; }
.answer-votes {
background-color: #EEEEEE;
color: #555555;
float: left;
font-family: Arial;
font-size: 15px;
font-weight: bold;
height: 17px;
padding: 2px 4px 5px;
text-align: center;
text-decoration: none;
width: 20px;
margin-right: 10px;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px; }
.karma-summary {
padding: 5px;
font-size: 13px;
h3 {
text-align: center;
font-weight: bold;
padding: 5px; } }
.karma-diagram {
width: 477px;
height: 300px;
float: left;
margin-right: 10px; }
.karma-details {
float: right;
width: 450px;
height: 250px;
overflow-y: auto;
word-wrap: break-word;
p {
margin-bottom: 10px; } }
.karma-gained {
font-weight: bold;
background: #eee;
width: 25px;
margin-right: 5px;
color: green;
padding: 3px;
display: block;
float: left;
text-align: center;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px; }
.karma-lost {
font-weight: bold;
background: #eee;
width: 25px;
color: red;
padding: 3px;
display: block;
margin-right: 5px;
float: left;
text-align: center;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px; }
.submit-row {
margin-bottom: 10px; }
.revision {
margin: 10px 0 10px 0;
font-size: 13px;
color: #525252;
p {
font-size: 13px;
line-height: 1.3;
color: #525252; }
h3 {
font-family: 'Yanone Kaffeesatz',sans-serif;
font-size: 21px;
padding-left: 0px; }
.header {
background-color: #F5F5F5;
padding: 5px;
cursor: pointer; }
.author {
background-color: #e9f3f5; }
.summary {
padding: 5px 0 10px 0;
span {
background-color: #fde785;
padding: 6px;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
display: inline;
-webkit-box-shadow: 1px 1px 4px #cfb852;
-moz-box-shadow: 1px 1px 4px #cfb852;
box-shadow: 1px 1px 4px #cfb852; } }
.answerbody {
padding: 10px 0 5px 10px; }
.revision-mark {
width: 150px;
text-align: left;
display: inline-block;
font-size: 11px;
overflow: hidden;
.gravatar {
float: left;
margin-right: 4px;
padding-top: 5px; } }
.revision-number {
font-size: 300%;
font-weight: bold;
font-family: sans-serif; } }
del {
color: #C34719;
.post-tag {
color: #C34719; } }
ins {
.post-tag, p {
background-color: #E6F0A2; }
background-color: #E6F0A2; }
.vote-notification {
z-index: 1;
cursor: pointer;
display: none;
position: absolute;
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: white;
background-color: #8e0000;
text-align: center;
padding-bottom: 10px;
-webkit-box-shadow: 0px 2px 4px #370000;
-moz-box-shadow: 0px 2px 4px #370000;
box-shadow: 0px 2px 4px #370000;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
h3 {
background: url(../images/notification.png) repeat-x top;
padding: 10px 10px 10px 10px;
font-size: 13px;
margin-bottom: 5px;
border-top: #8e0000 1px solid;
color: #fff;
font-weight: normal;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px; }
a {
color: #fb7321;
text-decoration: underline;
font-weight: bold; } }
#ground {
width: 100%;
clear: both;
border-top: 1px solid #000;
padding: 6px 0 0 0;
background: #16160f;
font-size: 16px;
font-family: 'Yanone Kaffeesatz',sans-serif;
p {
margin-bottom: 0; } }
.footer-links {
color: #EEE;
text-align: left;
width: 500px;
float: left;
a {
color: #e7e8a8; } }
.powered-link {
width: 500px;
float: left;
text-align: left;
a {
color: #8ebcc7; } }
.copyright {
color: #616161;
width: 450px;
float: right;
text-align: right;
a {
color: #8ebcc7; }
img.license-logo {
margin: 6px 0px 20px 10px;
float: right; } }
.notify-me {
float: left; }
span {
&.text-counter {
margin-right: 20px; }
&.form-error {
color: #990000;
font-weight: normal;
margin-left: 5px; } }
p.form-item {
margin: 0px; }
.deleted {
background: #F4E7E7 none repeat scroll 0 0; }
.form-row {
line-height: 25px; }
table {
&.form-as-table {
margin-top: 5px;
ul {
list-style-type: none;
display: inline; }
li {
display: inline; }
td {
text-align: right; }
th {
text-align: left;
font-weight: normal; } }
&.ab-subscr-form, &.ab-tag-filter-form {
width: 45em; } }
.submit-row {
line-height: 30px;
padding-top: 10px;
display: block;
clear: both; }
.errors {
line-height: 20px;
color: red; }
.error {
color: darkred;
margin: 0;
font-size: 10px; }
label.retag-error {
color: darkred;
padding-left: 5px;
font-size: 10px; }
.fieldset {
border: none;
margin-top: 10px;
padding: 10px; }
span.form-error {
color: #990000;
font-size: 90%;
font-weight: normal;
margin-left: 5px; }
.favorites-empty {
width: 32px;
height: 45px;
float: left; }
.user-info-table {
margin-bottom: 10px;
border-spacing: 0; }
.user-stats-table .narrow {
width: 660px; }
.narrow .summary h3 {
padding: 0px;
margin: 0px; }
.relativetime {
font-weight: bold;
text-decoration: none; }
.narrow .tags {
float: left; }
.user-action-1 {
font-weight: bold;
color: #333; }
.user-action-2 {
font-weight: bold;
color: #CCC; }
.user-action-3, .user-action-4 {
color: #333; }
.user-action-5, .user-action-6 {
color: darkred; }
.user-action-7 {
color: #333; }
.user-action-8 {
padding: 3px;
font-weight: bold;
background-color: #CCC;
color: #763333; }
.revision-summary {
background-color: #FFFE9B;
padding: 2px; }
.question-title-link a {
font-weight: bold;
color: #0077CC; }
.answer-title-link a {
color: #333; }
.post-type-1 a, .post-type-3 a, .post-type-5 a {
font-weight: bold; }
.post-type-2 a, .post-type-4 a, .post-type-6 a, .post-type-8 a {
color: #333; }
.hilite, .hilite1 {
background-color: #ff0; }
.hilite2 {
background-color: #f0f; }
.hilite3 {
background-color: #0ff; }
.gold, .badge1 {
color: #FFCC00; }
.silver, .badge2 {
color: #CCCCCC; }
.bronze, .badge3 {
color: #CC9933; }
.score {
font-weight: 800;
color: #333; }
a {
&.comment {
background: #EEE;
color: #993300;
padding: 5px; }
&.offensive {
color: #999; } }
.message {
h1 {
padding-top: 0px;
font-size: 15px; }
p {
margin-bottom: 0px; } }
p.space-above {
margin-top: 10px; }
.warning {
color: red; }
button::-moz-focus-inner {
padding: 0;
border: none; }
.submit {
cursor: pointer;
background-color: #D4D0C8;
height: 30px;
border: 1px solid #777777;
font-weight: bold;
font-size: 120%;
&:hover {
text-decoration: underline; }
&.small {
margin-right: 5px;
height: 20px;
font-weight: normal;
font-size: 12px;
padding: 1px 5px;
&:hover {
text-decoration: none; } } }
.question-page a.submit {
display: -moz-inline-stack;
display: inline-block;
line-height: 30px;
padding: 0 5px;
*display: inline; }
.noscript {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 100;
padding: 5px 0;
text-align: center;
font-family: sans-serif;
font-size: 120%;
font-weight: Bold;
color: #FFFFFF;
background-color: #AE0000; }
.big {
font-size: 14px; }
.strong {
font-weight: bold; }
.orange {
color: #d64000;
font-weight: bold; }
.grey {
color: #808080; }
.about div {
padding: 10px 5px 10px 5px;
border-top: 1px dashed #aaaaaa; }
.highlight {
background-color: #FFF8C6; }
.nomargin {
margin: 0; }
.margin-bottom {
margin-bottom: 10px; }
.margin-top {
margin-top: 10px; }
.inline-block {
display: inline-block; }
.action-status {
margin: 0;
border: none;
text-align: center;
line-height: 10px;
font-size: 12px;
padding: 0;
span {
padding: 3px 5px 3px 5px;
background-color: #fff380;
font-weight: normal;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px; } }
.list-table td {
vertical-align: top; }
table.form-as-table {
.errorlist {
display: block;
margin: 0;
padding: 0 0 0 5px;
text-align: left;
font-size: 10px;
color: darkred; }
input {
display: inline;
margin-left: 4px; }
th {
vertical-align: bottom;
padding-bottom: 4px; } }
.form-row-vertical {
margin-top: 8px;
display: block;
label {
margin-bottom: 3px;
display: block; } }
.text-align-right {
text-align: center; }
ul.form-horizontal-rows {
list-style: none;
margin: 0;
li {
position: relative;
height: 40px; }
label {
display: inline-block; }
ul.errorlist {
list-style: none;
color: darkred;
font-size: 10px;
line-height: 10px;
position: absolute;
top: 2px;
left: 180px;
text-align: left;
margin: 0;
li {
height: 10px; } }
label {
position: absolute;
left: 0px;
bottom: 6px;
margin: 0px;
line-height: 12px;
font-size: 12px; }
li input {
position: absolute;
bottom: 0px;
left: 180px;
margin: 0px; } }
.narrow .summary {
float: left; }
.user-profile-tool-links {
font-weight: bold;
vertical-align: top; }
ul {
&.post-tags {
margin-left: 3px;
li {
margin-top: 4px;
margin-bottom: 3px; } }
&.post-retag {
margin-bottom: 0px;
margin-left: 5px; } }
#question-controls .tags {
margin: 0 0 3px 0; }
#tagSelector {
padding-bottom: 2px;
margin-bottom: 0; }
#related-tags {
padding-left: 3px; }
#hideIgnoredTagsControl {
margin: 5px 0 0 0;
label {
font-size: 12px;
color: #666; } }
#hideIgnoredTagsCb {
margin: 0 2px 0 1px; }
#recaptcha_widget_div {
width: 318px;
float: left;
clear: both; }
p.signup_p {
margin: 20px 0px 0px 0px; }
.simple-subscribe-options ul {
list-style: none;
list-style-position: outside;
margin: 0; }
.wmd-preview {
a {
color: #1b79bd; }
li {
margin-bottom: 7px;
font-size: 14px; } }
.search-result-summary {
font-weight: bold;
font-size: 18px;
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 2px 0 0 0;
float: left; }
.faq-rep-item {
text-align: right;
padding-right: 5px; }
.user-info-table .gravatar {
margin: 0; }
#responses {
clear: both;
line-height: 18px;
margin-bottom: 15px;
div.face {
float: left;
text-align: center;
width: 54px;
padding: 3px;
overflow: hidden; } }
.response-parent {
margin-top: 18px;
strong {
font-size: 20px; } }
.re {
min-height: 57px;
clear: both;
margin-top: 10px; }
#responses input {
float: left; }
#re_tools {
margin-bottom: 10px; }
#re_sections {
margin-bottom: 6px;
.on {
font-weight: bold; } }
.avatar-page {
ul {
list-style: none; }
li {
display: inline; } }
.user-profile-page {
.avatar p {
margin-bottom: 0px; }
.tabBar a#stats {
margin-left: 0; }
img.gravatar {
margin: 2px 0 3px 0; }
h3 {
padding: 0;
margin-top: -3px; } }
.userList {
font-size: 13px; }
img.flag {
border: 1px solid #eee;
vertical-align: text-top; }
.main-page img.flag {
vertical-align: text-bottom; }
a.edit {
padding-left: 3px;
color: #145bff; }
.str {
color: #080; }
.kwd {
color: #008; }
.com {
color: #800; }
.typ {
color: #606; }
.lit {
color: #066; }
.pun {
color: #660; }
.pln {
color: #000; }
.tag {
color: #008; }
.atn {
color: #606; }
.atv {
color: #080; }
.dec {
color: #606; }
pre.prettyprint {
clear: both;
padding: 3px;
border: 0px solid #888; }
@media print {
.str {
color: #060; }
.kwd {
color: #006;
font-weight: bold; }
.com {
color: #600;
font-style: italic; }
.typ {
color: #404;
font-weight: bold; }
.lit {
color: #044; }
.pun {
color: #440; }
.pln {
color: #000; }
.tag {
color: #006;
font-weight: bold; }
.atn {
color: #404; }
.atv {
color: #060; } }
sass/_discussion.scss
secondaryHeader {
.secondary-nav {
@extend .topbar;
margin: 0;
padding: 15px 0;
nav {
@extend .clearfix;
@extend .wrapper;
@include box-sizing(border-box);
padding: 0 $body-line-height;
div {
float: left;
&.question-filter {
font-size:16px;
margin-top: 4px;
width: grid-width(4);
ul {
@include border-radius(35px);
background: darken(#F6EFD4, 20%);
display: inline;
margin: 0 0 0 10px;
padding: $body-line-height/4 20px;
li {
display: inline-block;
list-style: none;
margin-right: 10px;
&:last-child {
margin-right: 0;
}
a {
text-transform: capitalize;
text-shadow: none;
font-size: 14px;
&.on {
font-weight: bold;
}
}
}
}
}
&.search-box {
margin-left:2%;
text-align:right;
width: grid-width(8);
}
}
}
}
.content-wrapper {
@extend .clearfix;
@extend .wrapper;
@include box-shadow(0 1px 0 #fff);
@include box-sizing(border-box);
background: #fff;
border: 1px solid #ccc;
border-top: 0;
.discussion-content {
/*@extend .content;*/
@include box-sizing(border-box);
display: table-cell;
padding: $gw-gutter;
vertical-align: top;
width: grid-width(9);
}
aside {
@extend .sidebar;
width: grid-width(2.5);
padding: $gw-gutter;
h2 {
font-size: 16px;
}
h3 {
border-bottom: 0;
box-shadow: none;
}
input[type="text"] {
width: 68%;
}
#displayTagFilterControl {
margin-top: 10px;
}
}
}
.footer-wrapper {
@extend .clearfix;
@extend .wrapper;
@include box-shadow(0 1px 0 #fff);
@include box-sizing(border-box);
border-top: 0;
padding: 0 $gw-gutter/2;
}
sass/_index-variables.scss
......@@ -24,4 +24,6 @@ $header-font-family: "Open Sans", Helvetica, Arial, sans-serif;
$lh: golden-ratio($body-font-size, 1);
// Colors
$mit-red: #990000;
$cream: #F6EFD4;
sass/application.scss
......@@ -13,8 +13,8 @@
@import "profile";
@import "wiki-create", "wiki";
@import "activation";
@import "discussion";
@import "help";
@import "discussion", "askbot-original";
// left over
@import "theme";
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment