adding some padding to the topic-body, helps selection is Firefox and makes highlighted posts look better

This commit is contained in:
Kris Aubuchon 2014-05-23 02:40:55 -04:00
parent 00278b42d8
commit 3cd91b50ed
2 changed files with 42 additions and 14 deletions

View File

@ -554,46 +554,56 @@ body {
.row:after {
clear: both;
}
[class*="span"] {
float: left;
}
.span24 {
width: 1236px;
float: left;
}
.span15 {
/* intentionally no width set here, do not add one */
margin-left: 12px;
float: left;
}
.span14 {
width: 716px;
float: left;
}
.span13 {
width: 664px;
float: left;
}
.span11 {
width: 560px;
float: left;
}
.span10 {
width: 508px;
float: left;
}
.span8 {
width: 404px;
float: left;
}
.span6 {
width: 300px;
float: left;
}
.span5 {
width: 248px;
float: left;
}
.span4 {
width: 196px;
margin-right: 12px;
float: left;
}
.span3 {
width: 144px;
float: left;
}
.span2 {
width: 92px;
float: left;
}
.offset2 {
margin-left: 116px;

View File

@ -566,7 +566,7 @@ iframe {
.badge-category {
vertical-align: top;
margin-top: 4px;
margin-top: 2px;
}
}
@ -769,7 +769,7 @@ blockquote { /* solo quotes */
&.highlighted {
background-color: scale-color($tertiary, $lightness: 85%);
}
img, svg {
img:not(.avatar), svg {
max-width: 100%;
}
}
@ -794,22 +794,41 @@ blockquote { /* solo quotes */
//columns
.span14 { width: 70%; } //main content
.span2 {width: 6%; }
.span11 {width: 86%; padding-left: 2%;}
.span5 {width: 19%; padding-left: 1%; }
.span14 {
width: 68%;
padding-left: 1%;
padding-right: 1%;
}
.span2 { width: 5%; }
.span11 {
width: 84%;
padding-left: 4%;
}
.span5 {
width: 19%;
padding-left: 1%;
}
@media screen and (max-width: 966px) {
.gutter {display: none;}
.span14 { width: 80%; max-width: 720px; } //main content
.span14 {
width: 78%;
padding-left: 1%;
padding-right: 1%;
max-width: 720px;
} //main content
}
.row:before, .row:after {display: table; content: "";}
.row:before, .row:after {
display: table;
content: "";
}
.row:after {clear: both;}
.dropdown {
position: relative;
}
@ -1029,7 +1048,6 @@ a.attachment:before {
}
.topic-meta-data {
margin-bottom: 10px;
&:after {
visibility: hidden;