mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-08-31 21:41:33 +00:00
609111e503
- Story titles author now next to date, and same color as content. - Story titles now always bold. - Story titles are now positioned to have equal top spacing (i.e. normalized). - Unread indicator now top-aligned. - Added border radius and margin to highlighted feeds. - Feed favicons are now rounded. - Blurblogs moved below folders. - Fixed an issue with the feed detail settings for some folder types. - Renamed All Stories to All Site Stories, to match web. - Removed border from story content header.
258 lines
5.5 KiB
CSS
258 lines
5.5 KiB
CSS
/**
|
|
* Sepia Theme overrides
|
|
*/
|
|
|
|
/**
|
|
* Universal Style
|
|
*/
|
|
|
|
body {
|
|
background-color: #FFFEE5;
|
|
}
|
|
|
|
/* ========== */
|
|
/* = Header = */
|
|
/* ========== */
|
|
|
|
.NB-header {
|
|
color: black;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffd0), to(#ffffc0));
|
|
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.NB-story-title {
|
|
color: #111111;
|
|
}
|
|
|
|
.NB-story-title-positive {
|
|
color: #58A353;
|
|
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
|
|
}
|
|
.NB-story-title-negative {
|
|
color: #B85044;
|
|
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
|
|
}
|
|
|
|
.NB-story-permalink {
|
|
color: #111111;
|
|
}
|
|
.NB-story-toggle-changes {
|
|
color: #818776;
|
|
}
|
|
.NB-story-date {
|
|
color: #818776;
|
|
}
|
|
|
|
.NB-middot {
|
|
color: #A0A0A0;
|
|
}
|
|
|
|
.NB-story-author {
|
|
color: #959B8B;
|
|
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
|
|
}
|
|
.NB-story-author-positive {
|
|
color: #58A353;
|
|
text-shadow: 0 1px 0 #E9F6E9;
|
|
}
|
|
.NB-story-author-negative {
|
|
color: #B85044;
|
|
text-shadow: 0 1px 0 #F6E9E9;
|
|
}
|
|
|
|
.NB-story-tag {
|
|
background-color: rgba(0, 0, 0, .1);
|
|
color: #959B8B;
|
|
text-shadow: 0 1px 0 rgba(245, 245, 192, .9);
|
|
border-color: rgba(255, 255, 255, .3) transparent rgba(0, 0, 0, .1);
|
|
}
|
|
.NB-story-tag-positive {
|
|
background-color: #88B383;
|
|
color: white;
|
|
text-shadow: 0 1px 0 #588353;
|
|
}
|
|
.NB-story-tag-negative {
|
|
background-color: #C89094;
|
|
color: white;
|
|
text-shadow: 0 1px 0 #986064;
|
|
}
|
|
.NB-story-tag .NB-highlight,
|
|
.NB-user-tag .NB-highlight,
|
|
.NB-story-author .NB-highlight,
|
|
.NB-show-profile .NB-highlight {
|
|
background-color: #000;
|
|
}
|
|
|
|
.NB-user-tag {
|
|
color: #959B8B;
|
|
text-shadow: 0 1px 0 rgba(245, 245, 192, .9);
|
|
border-color: rgba(255, 255, 255, .3) transparent rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.NB-user-tag.NB-add-user-tag {
|
|
background: rgba(0, 0, 0, .25) url("add_tag.png") no-repeat 6px 3px;
|
|
background-size: 8px;
|
|
color: #E5EBDB;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.NB-story-starred-date {
|
|
color: #818776;
|
|
}
|
|
|
|
a {
|
|
color: #1B248C;
|
|
}
|
|
a:active {
|
|
color: #82301A;
|
|
}
|
|
|
|
.NB-story blockquote {
|
|
border-left-color: #E1E3B6;
|
|
background-color: #F2F2D4;
|
|
}
|
|
|
|
.NB-story blockquote p {
|
|
background-color: #F2F2D4;
|
|
}
|
|
|
|
/* Comments */
|
|
|
|
.NB-story-comments-group:last-child {
|
|
border-bottom: 1px solid rgba(194, 197, 190, .5);
|
|
}
|
|
|
|
#story_pane .NB-story-comments-shares-teaser.NB-highlighted {
|
|
color: #aaaaaa;
|
|
background-color: #111111;
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply.NB-highlighted {
|
|
color: #aaaaaa;
|
|
background-color: #111111;
|
|
}
|
|
|
|
#story_pane .NB-story-comment.NB-highlighted {
|
|
color: #aaaaaa;
|
|
background-color: #111111;
|
|
}
|
|
|
|
.NB-story-comment:last-child {
|
|
border-bottom: 1px solid #A6A6A6;
|
|
}
|
|
|
|
/* Edit, Like, and Reply buttons */
|
|
|
|
.NB-button {
|
|
text-shadow: 0px 1px 0px rgba(255,255,255,1);
|
|
}
|
|
|
|
.NB-button a {
|
|
color: rgba(255, 255, 255, .8);
|
|
text-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.NB-button div {
|
|
background: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(#E9AF86),
|
|
color-stop(0.50, #E9AF86),
|
|
color-stop(0.50, #E5A87F),
|
|
to(#E5A87F));
|
|
border: 1px solid transparent;
|
|
border-color: rgba(255, 255, 255, .3) rgba(0, 0, 0, .2) rgba(0, 0, 0, .3) rgba(255, 255, 255, .2);
|
|
}
|
|
.NB-button.NB-share-button div {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
|
|
border: 1px solid rgb(0, 0, 0, 0.25);
|
|
}
|
|
.NB-button:active div,
|
|
.NB-button.NB-button-active div {
|
|
background: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(#6C6D69),
|
|
color-stop(0.50, #6C6D69),
|
|
color-stop(0.50, #656662),
|
|
to(#656662));
|
|
}
|
|
|
|
.NB-button.selected div {
|
|
background: #2379bf;
|
|
}
|
|
|
|
.NB-button.NB-share-button:active div,
|
|
.NB-button.NB-share-button.NB-button-active div {
|
|
color: darkgrey;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
|
|
}
|
|
|
|
.NB-newsletter p,
|
|
.NB-newsletter div,
|
|
.NB-newsletter span,
|
|
.NB-newsletter td {
|
|
background-color: #FFFEE5 !important;
|
|
}
|
|
.NB-newsletter h1,
|
|
.NB-newsletter h2,
|
|
.NB-newsletter h3,
|
|
.NB-newsletter h4,
|
|
.NB-newsletter h5,
|
|
.NB-newsletter h6 {
|
|
background-color: #FFFEE5 !important;
|
|
}
|
|
|
|
/* Story Comments */
|
|
|
|
#story_pane .NB-story-comment {
|
|
border-bottom: 1px solid rgba(194, 197, 190, .25);
|
|
background:#ffffd0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#story_pane .NB-story-comment .NB-story-comment-username {
|
|
color: #1D4BA6;
|
|
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
|
|
}
|
|
#story_pane .NB-story-comment .NB-story-comment-date {
|
|
color: #9D9D9D;
|
|
}
|
|
|
|
#story_pane .NB-story-comment .NB-story-comment-content {
|
|
color: #303030;
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply {
|
|
border-top: 1px solid rgba(194, 197, 190, .25);
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply-content {
|
|
color: #303030;
|
|
}
|
|
|
|
#story_pane .NB-story-comment-reply-form .NB-error {
|
|
color: #6A1000;
|
|
}
|
|
|
|
#story_pane .NB-story-comments-public-teaser,
|
|
#story_pane .NB-story-comments-public-header,
|
|
#story_pane .NB-story-comments-friends-header {
|
|
background-color: #fffff0;
|
|
color: white;
|
|
text-shadow: 0 1px 0 rgba(194, 197, 190, .25);
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6b0), to(#f0f29e));
|
|
color: #404040;
|
|
border-color: #e7e998 transparent #d8dd81;
|
|
}
|
|
#story_pane .NB-story-comments-shares-teaser {
|
|
background-color: #fffff0;
|
|
color: #898989;
|
|
text-shadow: 0 1px 0 #FFF;
|
|
border-bottom: 1px solid #DCDDB6;
|
|
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
|
|
}
|
|
|
|
.NB-text-view-premium-only {
|
|
background-color: #FFFEE5;
|
|
}
|