tt-rss/digest.css

301 lines
4.6 KiB
CSS
Raw Normal View History

2010-09-09 14:50:10 +02:00
body {
background : #f0f0f0;
2010-09-13 13:02:50 +02:00
color : black;
2010-09-09 14:50:10 +02:00
font-family : sans-serif;
font-size : 12px;
}
a {
color : #0069D8;
text-decoration : none;
}
a:hover {
color : gray;
}
#header a, #footer a {
color : gray;
}
2010-09-12 12:37:47 +02:00
#header a:hover, #footer a:hover {
color : #0069D8;
}
2010-09-09 14:50:10 +02:00
#header {
font-weight : bold;
font-size : 14px;
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
margin-left : 1em;
margin-right : 1em;
2010-09-13 13:02:50 +02:00
color : gray;
2010-09-09 14:50:10 +02:00
}
#header div.links {
float : right;
}
#search {
float : right;
clear : left;
}
#content {
border : 1px solid #e0e0e0;
background : white;
padding : 0.8em;
margin : 0.5em;
}
#footer {
font-size : 12px;
text-align : center;
2010-09-13 13:02:50 +02:00
color : gray;
2010-09-09 14:50:10 +02:00
}
/*#content h1 {
font-weight : bold;
font-size : 25px;
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
letter-spacing : -2;
margin : 0px 0px 0.5em 0px;
color : black;
}
#content h2 {
font-weight : bold;
font-size : 20px;
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
letter-spacing : 2;
margin : 0px 0px 0.5em 0px;
color : #684C99;
}
#content h3 {
font-weight : bold;
font-size : 16px;
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
letter-spacing : 2;
margin : 0px 0px 0.5em 0px;
color : #659a4c;
} */
#content h1 {
margin : 0px 0px 20px 0px;
font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
font-size : 18px;
letter-spacing : 1px;
color : #684C99;
}
#title {
}
#latest {
padding : 5px;
}
#feeds {
float : right;
width : 30%;
min-width : 300px;
padding : 5px;
font-size : 14px;
}
#feeds h1 {
text-align : right;
}
#feeds ul#feeds-content img {
width : 16px;
height : 16px;
vertical-align : middle;
margin-right : 5px;
}
2010-09-12 09:05:03 +02:00
#feeds ul#feeds-content div.unread-ctr img.dismiss {
margin-right : 0px;
cursor : pointer;
}
2010-09-09 14:50:10 +02:00
#feeds ul#feeds-content div.unread-ctr {
color : gray;
float : right;
}
#feeds ul#feeds-content li {
margin : 0px 0px 2px 0px;
2010-09-11 09:33:47 +02:00
padding : 2px;
2010-09-11 13:25:47 +02:00
clear : both;
2010-09-11 09:33:47 +02:00
}
#feeds ul#feeds-content li.selected {
background : #f0f0f0;
}
#feeds ul#feeds-content li.selected a {
color : #404040;
}
#feeds ul#feeds-content li.selected a:hover {
color : #659a4c;
2010-09-09 14:50:10 +02:00
}
#feeds ul#feeds-content {
list-style-type : none;
font-weight : bold;
color : #659a4c;
margin : 0px;
padding : 0px;
}
2010-09-09 17:02:12 +02:00
#feeds ul#feeds-content li a {
color : #659a4c;
}
#feeds ul#feeds-content li a:hover {
color : gray;
}
2010-09-09 14:50:10 +02:00
#headlines {
padding : 5px;
font-size : 14px;
2010-09-10 11:59:21 +02:00
max-width : 65%;
}
2010-09-12 12:37:47 +02:00
#headlines h1 a {
color : #684C99;
}
#headlines h1 a:hover {
color : gray;
}
#headlines h1 #headlines-title {
color : gray;
}
#headlines ul#headlines-content div.digest-check {
float : right;
}
2010-09-10 11:59:21 +02:00
#headlines ul#headlines-content div.digest-check img {
cursor : pointer;
margin-right : 0px;
margin-left : 3px;
2010-09-09 14:50:10 +02:00
}
2010-09-11 09:33:47 +02:00
#headlines ul#headlines-content img.icon {
2010-09-09 14:50:10 +02:00
width : 16px;
height : 16px;
vertical-align : middle;
margin-right : 5px;
2010-09-12 18:13:20 +02:00
float : left;
2010-09-09 14:50:10 +02:00
}
#headlines ul#headlines-content {
list-style-type : none;
color : gray;
margin : 0px;
padding : 0px;
}
#headlines ul#headlines-content li {
margin : 0px 0px 10px 0px;
color : #909090;
2010-09-09 19:44:04 +02:00
clear : left;
2010-09-09 14:50:10 +02:00
}
2010-09-13 16:32:34 +02:00
#headlines ul#headlines-content li.fresh a.title {
font-weight : bold;
font-size : 16px;
display : block;
padding-left : 21px;
color : #007FFF;
}
2010-09-13 06:56:50 +02:00
#headlines ul#headlines-content li.unread a.title {
2010-09-09 14:50:10 +02:00
font-weight : bold;
font-size : 16px;
2010-09-12 18:13:20 +02:00
display : block;
padding-left : 21px;
2010-09-09 14:50:10 +02:00
}
2010-09-13 06:56:50 +02:00
#headlines ul#headlines-content li.read a.title {
font-size : 16px;
font-weight : bold;
display : block;
padding-left : 21px;
color : #8DB1D6;
}
#headlines ul#headlines-content li.read a.title:hover {
color : gray;
}
2010-09-12 18:29:10 +02:00
#headlines ul#headlines-content img#H-LOADING-IMG {
margin-left : 5px;
}
2010-09-09 14:50:10 +02:00
#headlines ul#headlines-content div.excerpt {
color : #404040;
2010-09-10 11:59:21 +02:00
cursor : pointer;
}
#headlines ul#headlines-content div.content {
color : #404040;
2010-09-09 14:50:10 +02:00
}
2010-09-11 09:33:47 +02:00
#headlines ul#headlines-content div.content img {
max-width : 75%;
}
2010-09-09 19:44:04 +02:00
#headlines ul#headlines-content div.body {
margin-left : 21px;
2010-09-10 11:59:21 +02:00
/*margin-left : 42px;*/
2010-09-09 19:44:04 +02:00
}
2010-09-09 14:50:10 +02:00
#headlines ul#headlines-content div.info {
2010-09-09 19:44:04 +02:00
font-size : 11px;
2010-09-09 14:50:10 +02:00
}
#headlines ul#headlines-content div.info a {
color : gray;
}
2010-09-12 12:37:47 +02:00
#headlines ul#headlines-content span.tags {
font-size : 11px;
margin-bottom : 2px;
}
#headlines ul#headlines-content span.tags a {
color : #684C99;
}
#headlines ul#headlines-content div.info a:hover,
#headlines ul#headlines-content span.tags a:hover {
2010-09-10 13:47:15 +02:00
color : #659a4c;
}
2010-09-13 12:39:16 +02:00
#overlay {
background : white;
left : 0;
top : 0;
height : 100%;
width : 100%;
z-index : 100;
position : absolute;
text-align : center;
}
#overlay_inner {
margin : 1em;
}
#overlay img {
vertical-align : middle;
}