modifying some styles for the new pin/unpin feature

This commit is contained in:
Kris Aubuchon 2014-04-09 23:27:05 -04:00
parent 1725f6e5bc
commit ec96ca4c60
5 changed files with 23 additions and 16 deletions

View file

@ -1,3 +1,4 @@
.fa-thumb-tack.unpinned {
@include fa-icon-rotate(315deg, 1);
color: $secondary_text_color;
}

View file

@ -231,8 +231,7 @@ blockquote {
margin: 0;
i {
font-size: 15px;
color: darken($tertiary_text_color, 60%);
}
}
}
}

View file

@ -60,6 +60,9 @@
border-spacing: 0;
margin: 0 0 10px;
border-top: 1px solid $primary-border-color;
.fa-thumb-tack {color: $primary_text_color;}
.fa-thumb-tack.unpinned {color: $secondary_text_color;}
a.title {color: $primary_text_color;}
a.title:visited:not(.badge-notification) {color: lighten($primary_text_color, 35%);}
@ -166,6 +169,7 @@
.topic-status {
margin-right: 4px;
padding: 0;
font-size: 15px;
&:last-of-type {
margin-right: 0;
}
@ -459,7 +463,6 @@
margin: 20px 0 10px;
}
.topic-statuses .topic-status i {font-size: 15px;}
.empty-topic-list {
padding: 10px;

View file

@ -30,7 +30,9 @@
margin-left: 0;
}
h1 .topic-statuses .topic-status i {margin-right: 5px;}
h1 .topic-statuses .topic-status i {
font-size: 20px;
}
.logo-small {
margin-right: 8px;
@ -462,7 +464,12 @@ iframe {
float: left;
width: 78%;
max-width: 800px;
.topic-statuses {margin-right: 5px;}
.topic-statuses {
i { color: $primary_text_color;
}
.unpinned { color: $secondary_text_color;}
}
.topic-link {color: $primary_text_color;}
}
@ -488,12 +495,14 @@ iframe {
}
a.star {
margin-right: 8px;
margin-right: 7px;
font-size: 20px;
margin-top: 6px;
}
.topic-statuses {margin-top: -2px;}
.topic-statuses {
margin-top: -2px;
}
.badge-category {
vertical-align: top;

View file

@ -37,7 +37,7 @@
margin-bottom: 20px;
.star {
font-size: 20px;
margin-top: 8px;
margin-top: 6px;
margin-right: 6px;
}
#edit-title { width: 500px; }
@ -62,7 +62,9 @@
}
.topic-statuses {
margin-top: -2px;
.fa-thumb-tack { margin-top: -1px; }
.fa-thumb-tack { padding-left: 3px;
}
}
.chzn-container { vertical-align: middle; }
.private-message-glyph { display: none; }
@ -181,13 +183,6 @@ a:hover.reply-new {
}
.topic-statuses .topic-status {
padding: 0;
i {
font-size:20px;
}
}
#suggested-topics .topic-statuses .topic-status {
padding: 0;
i {