Files
edx-platform/sass/_askbot-original.scss

2710 lines
61 KiB
SCSS

// 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; } }