topic page: alignment fixes for replies, minor alignment changes

This commit is contained in:
Kris Aubuchon 2013-10-22 16:36:32 -04:00
parent c2865e3e2c
commit 649b3d44a6
1 changed files with 20 additions and 35 deletions

View File

@ -94,7 +94,7 @@ nav.post-controls {
button.show-replies { button.show-replies {
padding: 8px; padding: 8px 15px;
margin-left: 0px; margin-left: 0px;
} }
@ -104,12 +104,10 @@ nav.post-controls {
color: darken(#e4f2f8, 35%); color: darken(#e4f2f8, 35%);
background: #e4f2f8; background: #e4f2f8;
padding: 8px 20px; padding: 8px 20px;
border: 1px solid darken(#e4f2f8, 35%);
margin-left: 10px; margin-left: 10px;
&:hover { color: darken(#e4f2f8, 45%); &:hover { color: darken(#e4f2f8, 45%);
background: darken(#e4f2f8, 10%); background: darken(#e4f2f8, 10%);
border: 1px solid darken(#e4f2f8, 10%);
} }
} }
@ -125,7 +123,7 @@ nav.post-controls {
padding: 8px 10px; padding: 8px 10px;
vertical-align: top; vertical-align: top;
background: transparent; background: transparent;
border: 1px solid #ddd; border: none;
margin-left: 3px; margin-left: 3px;
transition: all linear 0.15s; transition: all linear 0.15s;
outline: none; //removes the pesky square button highlight from some browsers outline: none; //removes the pesky square button highlight from some browsers
@ -189,32 +187,14 @@ nav.post-controls {
blockquote {background: #ddd;} blockquote {background: #ddd;}
&.bottom { margin-top: -11px; &.bottom { margin-top: -11px;
.reply { .reply {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
&:first-of-type {
border-top: 1px solid #ddd;
}
&:last-of-type {
border-bottom: 1px solid #ddd;
}
} }
} }
&.top {
.reply {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
&:first-of-type {
border-top: 1px solid #ddd;
}
&:last-of-type {
}
}
}
@ -721,7 +701,7 @@ blockquote {
i {font-size: 12px;} i {font-size: 12px;}
.post-links { .post-links {
margin-top: 3px; margin-top: 5px;
list-style-type: none; list-style-type: none;
padding-left: 19px; padding-left: 19px;
position: relative; position: relative;
@ -801,22 +781,27 @@ button.show-replies {
background: #eee; background: #eee;
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: none;
}
&.bottom-round button.show-replies { &:hover {background: #ddd;
background: #fff;
margin-bottom: 0;
padding-bottom: 10px;
border: 1px solid #ddd;
&:hover {background: #eee;
.badge-posts {color: #888;} .badge-posts {color: #888;}
} }
}
&.bottom-round button.show-replies {
background: #eee;
margin-bottom: 0;
padding-bottom: 8px;
&:hover {background: #ddd;
.badge-posts {color: #888;}
}
} }