remove topic list striping, use bottom border

This commit is contained in:
Jeff Atwood 2015-05-11 16:09:46 -07:00
parent 5ef641126f
commit ce1fe8c8c2
6 changed files with 8 additions and 48 deletions

View File

@ -16,20 +16,16 @@
.topic-list {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-collapse: collapse;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
background: rgba($secondary, .8);
> tbody > tr {
&.archived a {
opacity: 0.6;
}
&.has-excerpt .star {
vertical-align: top;
margin-top: 2px;
}
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
}
th,

View File

@ -55,12 +55,6 @@
}
> tbody > tr {
&:nth-child(odd) {
background-color: darken($secondary, 3%);
}
&:nth-child(even) {
background-color: $secondary;
}
&.highlighted {
background-color: dark-light-diff($tertiary, $secondary, 90%, -41%);
}
@ -184,6 +178,7 @@
position: relative;
}
> tbody > tr {
border-bottom: none;
&:nth-child(odd) {
background-color: darken($secondary, 3%);
}

View File

@ -462,15 +462,6 @@ a.star {
#suggested-topics {
clear: left;
padding: 20px 0 15px 0;
.topic-list {
> tbody > tr {
&:nth-child(odd) {
background-color: darken($secondary, 3%);
}
&:nth-child(even) {
background-color: $secondary;
}
}
}
table {
table-layout: fixed;

View File

@ -582,14 +582,6 @@
}
.paginated-topics-list {
.topic-list > tbody > tr:nth-child(odd) {
background-color: darken($secondary, 3%);
}
.topic-list > tbody > tr:nth-child(even) {
background-color: $secondary;
}
.user-content {
width: 100%;
margin-top: 0;

View File

@ -30,12 +30,6 @@
.topic-list {
> tbody > tr {
&:nth-child(even) {
background-color: darken($secondary, 3%);
}
&:nth-child(odd) {
background-color: $secondary;
}
&.highlighted {
background-color: scale-color($tertiary, $lightness: 85%);
}

View File

@ -579,14 +579,6 @@
.paginated-topics-list {
margin-top: 20px;
.topic-list > tbody > tr:nth-child(odd) {
background-color: darken($secondary, 3%);
}
.topic-list > tbody > tr:nth-child(even) {
background-color: $secondary;
}
.user-content {
width: 100%;
margin-top: 0;