// Styles for the single question view div.question-header { div.official-stamp { background: $mit-red; color: #fff; font-size: 12px; margin-top: 10px; padding: 2px 5px; text-align: center; margin-left: -1px; } div.vote-buttons { display: inline-block; float: left; margin-right: flex-gutter(9); width: flex-grid(0.7,9); ul { li { background-position: center; background-repeat: no-repeat; cursor: pointer; font-weight: bold; height: 20px; list-style: none; padding: 10px; text-align: center; width: 70%; &.post-vote { @include border-radius(4px); @include box-shadow(inset 0 1px 0px #fff); } &.question-img-upvote, &.answer-img-upvote { background-image: url(../images/askbot/vote-arrow-up.png); @include box-shadow(inset 0 1px 0px rgba(255, 255, 255, 0.5)); &:hover, &.on { background-color:#d1e3a8; border-color: darken(#D1E3A8, 20%); background-image: url(../images/askbot/vote-arrow-up-activate.png); } } &.question-img-downvote, &.answer-img-downvote { background-image: url(../images/askbot/vote-arrow-down.png); &:hover, &.on { background-color:#EAC6AD; border-color: darken(#EAC6AD, 20%); background-image: url(../images/askbot/vote-arrow-down-activate.png); } } } } } div.question-container { display: inline-block; float: left; width: flex-grid(8.3,9); h1 { margin-top: 0; } div.meta-bar { border-bottom: 1px solid #eee; display: block; margin: 10px 0; overflow: hidden; padding: 5px 0 10px; div.tag-list { display: inline-block; float:left; width: flex-grid(4,8); margin-right: flex-gutter(8); } div.question-actions { display: inline-block; float:left; text-align: right; width: flex-grid(4,8); a { &.question-delete { color: $mit-red; text-decoration: none; cursor: pointer; } } span.sep { color: #ccc; } } } div.question-content { overflow: hidden; div.question-body { display: inline-block; float: left; margin-right: flex-gutter(8); width: flex-grid(6.2,8); blockquote { margin-left: 2.5%; padding-left: 1.5%; border-left: 1px dashed #ddd; color: $mit-red;; } ul, ol, pre { margin-left: 6%; margin-bottom: 20px; } } div.post-update-container { display: inline-block; float: left; width: 20%; border-left: 1px dashed #ddd; a { border-bottom: none; font-style: normal; } div.post-update-info { @include box-sizing(border-box); padding: 10px; margin-bottom: 10px; &:last-child { margin-bottom: 0; } &.revision { text-align: center; // background:lighten($cream, 7%); a { color: black; } } div.change-date { font-size: 12px; margin-bottom: 2px; } div.user-meta { display: inline-block; span.username { font-size: 20px; margin-right: 5px; } span.user-badges { } } } } } div.comments-container { @include box-sizing(border-box); display: inline-block; padding: 0 0 3% 0; width: 100%; div.comments-content { font-size: 13px; background: #efefef; .block { border-top: 1px solid #ddd; padding: 15px; display: block; &:first-child { border-top: 0; } &.official { padding-top: 10px; span.official-comment { background: $mit-red; color: #fff; display: block; font-size: 12px; margin: 0 0 10px -5%; padding:2px 5px 2px 5%; text-align: left; width:100px; } } } form.post-comments { padding: 15px; button:last-child { margin-left: 10px; @extend .light-button; } } div.comment { &:first-child { border-top: 0; } &:last-child { margin-bottom: 20px; } aside.comment-controls { background: none; border: none; @include box-shadow(none); display: inline-block; margin-top: -8px; padding:0 2% 0 0; text-align: center; width: 5%; div { background: none; opacity: 0.6; &:hover { opacity: 1; } } div.comment-votes { width: 16px; a.upvote { background: url(../images/askbot/comment-vote-up.png) no-repeat 2px; cursor: pointer; color: green; display: block; margin-bottom: 6px; margin-top: 5px; overflow: hidden; text-decoration: none; text-indent: -9999px; width: 20px; } a.upvoted { @include border-radius(3px); background: #D1E3A8; color: green; font-weight: bold; margin-top: 10px; padding: 2px; text-indent: 0px; } } hr { margin: 0; } div.comment-delete { // display: inline; color: $mit-red; cursor: pointer; font-size: 15px; } div.comment-edit { @include transform(rotate(50deg)); cursor: pointer; font-size: 16px; a.edit-icon { color: #555; text-decoration: none; } } } div.comment-body { display: inline-block; width: 95%; &#full-width { width: 100%; } div.comment-meta { text-align: right; a.author { font-weight: bold; } a.edit { font-size: 12px; padding: 2px 10px; } } } } } #edit-comment-form { margin: 10px 0; min-height: 100px; width: 99%; resize: vertical; } .counter { color: #888; display: none; float: right; margin-top: 5px; text-align: right; } div.controls { border-top: 1px solid #efefef; text-align: right; a { display: inline-block; font-size: 12px; margin: 10px 10px 10px 0; } } } } } div.question-status { background: $mit-red; clear:both; color: #fff; display: block; padding: 10px 0 10px 7.5%; h3 { font-weight: normal; } a { color: #eee; } } div.share-question { padding: 10px 0 10px 7.5%; p { padding: 0; margin: 0; } }