mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-08-31 21:41:33 +00:00
297 lines
8.1 KiB
CSS
297 lines
8.1 KiB
CSS
/* ========== */
|
||
/* = Global = */
|
||
/* ========== */
|
||
body {
|
||
overflow-y: scroll !important;
|
||
}
|
||
.NB-favicon {
|
||
width: 16px;
|
||
height: 16px;
|
||
vertical-align: text-top;
|
||
}
|
||
.NB-story-tags {
|
||
overflow: hidden;
|
||
line-height: 12px;
|
||
height: 14px;
|
||
margin: 4px 0 0 0;
|
||
}
|
||
.NB-story-tag {
|
||
float: left;
|
||
font-weight: normal;
|
||
font-size: 9px;
|
||
padding: 0px 4px 1px;
|
||
margin: 0 2px 0;
|
||
background-color: #E3DFD4;
|
||
color: #878787;
|
||
text-shadow: 0 1px 0 #E9E9E9;
|
||
border-radius: 4px;
|
||
-moz-border-radius: 4px;
|
||
-webkit-border-radius: 4px;
|
||
}
|
||
.NB-story-author {
|
||
color: #969696;
|
||
font-size: 10px;
|
||
text-transform: uppercase;
|
||
margin: 4px 16px 0 0;
|
||
text-shadow: 0 1px 0 #F9F9F9;
|
||
float: left;
|
||
}
|
||
.NB-story-date {
|
||
font-size: 11px;
|
||
color: #252D6C;
|
||
margin: 0 0 4px;
|
||
}
|
||
.NB-story .NB-icon-score {
|
||
margin-top: 12px;
|
||
height: 16px;
|
||
width: 16px;
|
||
left: 4px;
|
||
top: 17px;
|
||
}
|
||
.NB-story.NB-read .NB-icon-score {
|
||
opacity: .2;
|
||
}
|
||
.NB-story.NB-score-positive .NB-icon-score {
|
||
background: transparent url('/media/embed/icons/nouns/indicator-focus.svg') no-repeat 0 0;
|
||
}
|
||
.NB-story.NB-score-neutral .NB-icon-score {
|
||
background: transparent url('/media/embed/icons/nouns/indicator-unread.svg') no-repeat 0 0;
|
||
}
|
||
.NB-story.NB-score-negative .NB-icon-score {
|
||
background: transparent url('/media/embed/icons/nouns/indicator-hidden.svg') no-repeat 0 0;
|
||
}
|
||
.NB-story .NB-story-title {
|
||
clear: left;
|
||
}
|
||
.ui-btn-up-c,
|
||
.ui-btn-hover-c {
|
||
border: 1px solid #E4E4E4;
|
||
color: #111;
|
||
background-color: #E0E0E0;
|
||
background-image: -moz-linear-gradient(top, #FCFCFC, #F3F3F3); /* FF3.6 */
|
||
background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F3F3F3)); /* Saf4+, Chrome */
|
||
background-image: linear-gradient(top, #FCFCFC, #F3F3F3);
|
||
}
|
||
.ui-btn-active {
|
||
text-shadow: 0 -1px 1px #145072;
|
||
border: 1px solid #155678;
|
||
background-color: #4596ce;
|
||
background-image: -moz-linear-gradient(top, #85bae4, #5393c5); /* FF3.6 */
|
||
background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4), to(#5393c5)); /* Saf4+, Chrome */
|
||
background-image: linear-gradient(top, #85bae4, #5393c5);
|
||
}
|
||
|
||
/* ============= */
|
||
/* = Feed List = */
|
||
/* ============= */
|
||
|
||
#NB-feed-list a {
|
||
padding-left: 36px;
|
||
padding-right: 36px;
|
||
}
|
||
#NB-feed-list .ui-li-icon {
|
||
width: 16px;
|
||
height: 16px;
|
||
margin-top: -2px;
|
||
}
|
||
#NB-feed-list .ui-li-count {
|
||
position: static;
|
||
float: right;
|
||
margin: 1px 2px 0 0;
|
||
padding: 3px 4px 2px;
|
||
white-space: normal;
|
||
border: none;
|
||
border-radius: 5px;
|
||
text-shadow: none;
|
||
}
|
||
#NB-feed-list .ui-li-count.ui-li-count-positive {
|
||
color: white;
|
||
background-color: #559F4D;
|
||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#559F4D), to(#3B7613));
|
||
background-image: -moz-linear-gradient(center bottom, #3B7613, #559F4D);
|
||
}
|
||
#NB-feed-list .ui-li-count.ui-li-count-neutral {
|
||
background-color: #F9C72A;
|
||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9C72A), to(#E4AB00));
|
||
background-image: -moz-linear-gradient(center bottom, #E4AB00, #F9C72A);
|
||
}
|
||
#NB-feed-list .ui-li-count.ui-li-count-negative {
|
||
color: white;
|
||
background-color: #CC2A2E;
|
||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC2A2E), to(#9B181B));
|
||
background-image: -moz-linear-gradient(center bottom, #9B181B, #CC2A2E);
|
||
}
|
||
|
||
/* ============== */
|
||
/* = Story List = */
|
||
/* ============== */
|
||
|
||
#NB-story-list .NB-story a {
|
||
padding-left: 24px;
|
||
padding-right: 36px;
|
||
}
|
||
#NB-story-list .NB-story-feed {
|
||
overflow: hidden;
|
||
text-shadow: 0 1px 0 #E9E9E9;
|
||
margin: 4px 0 0 0;
|
||
white-space: normal;
|
||
}
|
||
#NB-story-list .NB-story-feed .NB-story-feed-icon {
|
||
float: left;
|
||
margin: 0 4px 0 0;
|
||
}
|
||
#NB-story-list .NB-story-feed .NB-story-feed-icon img {
|
||
width: 16px;
|
||
height: 16px;
|
||
}
|
||
#NB-story-list .NB-story-feed .NB-story-feed-title {
|
||
float: left;
|
||
font-size: 12px;
|
||
margin: 2px 0 0 0;
|
||
color: #525252;
|
||
}
|
||
#NB-story-list .NB-read .NB-story-feed .NB-story-feed-title {
|
||
color: #8D8D8D;
|
||
}
|
||
#NB-story-list .NB-read .NB-story-feed img {
|
||
opacity: .6;
|
||
}
|
||
#NB-story-list .NB-story .NB-story-title {
|
||
text-shadow: 0 1px 0 #F3F3F3;
|
||
white-space: normal;
|
||
font-weight: bold;
|
||
}
|
||
#NB-story-list .NB-story.ui-btn-active .NB-story-title,
|
||
#NB-story-list .NB-story.ui-btn-active .NB-story-tags,
|
||
#NB-story-list .NB-story.ui-btn-active .NB-story-author,
|
||
#NB-story-list .NB-story.ui-btn-active .NB-story-date,
|
||
#NB-story-list .NB-story.ui-btn-active .NB-story-feed .NB-story-feed-title,
|
||
#NB-story-list .NB-read.ui-btn-active .NB-story-author,
|
||
#NB-story-list .NB-read.ui-btn-active .NB-story-date,
|
||
#NB-story-list .NB-read.ui-btn-active .NB-story-title,
|
||
#NB-story-list .NB-read.ui-btn-active .NB-story-feed .NB-story-feed-title {
|
||
text-shadow: inherit;
|
||
color: inherit;
|
||
}
|
||
#NB-story-list .NB-story.ui-btn-active .NB-story-feed .NB-story-feed-title,
|
||
#NB-story-list .NB-read.ui-btn-active .NB-story-feed .NB-story-feed-title {
|
||
text-shadow: 0 1px 0 #000;
|
||
}
|
||
#NB-story-list .NB-read .NB-story-title {
|
||
font-weight: normal;
|
||
color: #808080;
|
||
}
|
||
#NB-story-list .NB-read .NB-story-date {
|
||
color: #6D6D6D;
|
||
font-weight: normal;
|
||
}
|
||
#NB-story-list .NB-read .NB-story-author {
|
||
color: #B0B0B0;
|
||
}
|
||
#NB-story-list .NB-read .NB-story-tags {
|
||
opacity: .7;
|
||
}
|
||
#NB-story-list .NB-read.ui-btn-up-c,
|
||
#NB-story-list .NB-read.ui-btn-hover-c {
|
||
border: 1px solid #E4E4E4;
|
||
color: #111;
|
||
background-color: #E0E0E0;
|
||
background-image: -moz-linear-gradient(top, #FCFCFC, #F9F9F9); /* FF3.6 */
|
||
background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F9F9F9)); /* Saf4+, Chrome */
|
||
background-image: linear-gradient(top, #FCFCFC, #F9F9F9);
|
||
}
|
||
|
||
|
||
/* ================ */
|
||
/* = Story Detail = */
|
||
/* ================ */
|
||
|
||
#NB-page-story .NB-story-feed-header {
|
||
margin: 8px 0;
|
||
}
|
||
#NB-page-story .ui-content {
|
||
padding: 0;
|
||
}
|
||
#NB-page-story .ui-header {
|
||
padding: 2px 0;
|
||
color: white;
|
||
font-size: 13px;
|
||
text-shadow: 1px 1px 0 #000;
|
||
}
|
||
#NB-page-story .ui-header.NB-inverse {
|
||
color: black;
|
||
text-shadow: 1px 1px 0 #E0E0E0;
|
||
}
|
||
#NB-page-story .ui-title {
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
margin: 0 120px 0 106px;
|
||
}
|
||
#NB-page-story .ui-title .feed_title {
|
||
}
|
||
#NB-page-story .NB-favicon {
|
||
margin-right: 4px;
|
||
}
|
||
#NB-story-detail {
|
||
background-color: white;
|
||
}
|
||
#NB-story-detail .NB-story-header {
|
||
font-weight: bold;
|
||
font-size: 16px;
|
||
padding: 8px 24px 6px 24px;
|
||
background-color: #dadada;
|
||
background-image: -moz-linear-gradient(top, #EBEBEB, #CFCFCF); /* FF3.6 */
|
||
background-image: -ms-linear-gradient(top, #EBEBEB, #CFCFCF); /* IE10 */
|
||
background-image: -o-linear-gradient(top, #EBEBEB, #CFCFCF); /* Opera 11.10+ */
|
||
background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#CFCFCF)); /* Saf4+, Chrome */
|
||
background-image: -webkit-linear-gradient(top, #EBEBEB, #CFCFCF); /* Chrome 10+, Saf5.1+ */
|
||
background-image: linear-gradient(top, #EBEBEB, #CFCFCF);
|
||
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#CFCFCF'); /* IE6–IE9 */
|
||
|
||
border-bottom: 1px solid #ADADAD;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
#NB-story-detail .NB-story-header a {
|
||
text-decoration: none;
|
||
}
|
||
#NB-story-detail .NB-story-title {
|
||
color: #303030;
|
||
}
|
||
#NB-story-detail .NB-story-content {
|
||
text-shadow: none;
|
||
padding: 12px 24px;
|
||
color: #2b2b2b;
|
||
font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
||
font-size: 12px;
|
||
line-height: 1.5em;
|
||
}
|
||
#NB-story-detail .NB-story-content p {
|
||
clear: both;
|
||
}
|
||
#NB-story-detail .NB-story-content blockquote {
|
||
background-color: #F0F0F0;
|
||
border-left: 1px solid #9B9B9B;
|
||
padding: .5em 2em;
|
||
margin: 0px;
|
||
}
|
||
#NB-story-detail .NB-story-content img {
|
||
max-width: 100%;
|
||
}
|
||
|
||
#NB-page-story .NB-icon-score {
|
||
margin-top: 12px;
|
||
height: 16px;
|
||
width: 16px;
|
||
left: 4px;
|
||
top: 17px;
|
||
}
|
||
#NB-page-story.NB-score-positive .NB-icon-score {
|
||
background: transparent url('/media/embed/icons/nouns/indicator-focus.svg') no-repeat 0 0;
|
||
}
|
||
#NB-page-story.NB-score-neutral .NB-icon-score {
|
||
background: transparent url('/media/embed/icons/nouns/indicator-unread.svg') no-repeat 0 0;
|
||
}
|
||
#NB-page-story.NB-score-negative .NB-icon-score {
|
||
background: transparent url('/media/embed/icons/nouns/indicator-hidden.svg') no-repeat 0 0;
|
||
}
|