tt-rss/cdm.css

216 lines
3.3 KiB
CSS
Raw Normal View History

2010-11-09 18:57:23 +01:00
div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
vertical-align : middle;
}
div.cdmHeader {
display : table;
}
div.cdmHeader > * {
display : table-cell;
2010-11-09 18:57:23 +01:00
padding : 5px;
}
div.cdmHeader > div {
white-space : nowrap;
}
div.cdmHeader > span {
width : 100%;
}
2010-11-09 18:57:23 +01:00
div.cdmHeader span.updated {
color : gray;
font-weight : normal;
font-size : 11px;
2013-03-16 14:43:26 +01:00
white-space : nowrap;
2013-03-17 11:23:07 +01:00
vertical-align : middle;
2010-11-09 18:57:23 +01:00
}
div.cdmHeader input {
margin-right : 5px;
}
2010-11-13 12:04:37 +01:00
div.cdmHeader div.updPic {
2010-11-12 23:41:18 +01:00
width : 25px;
display : inline-block;
text-align : center;
}
2010-11-13 12:04:37 +01:00
div.cdmHeader div.updPic img {
2010-11-12 23:41:18 +01:00
vertical-align : middle;
}
2010-11-09 18:57:23 +01:00
div.cdmHeader img, div.cdmFooter img {
margin : 0px 2px 0px 2px;
2010-11-09 18:57:23 +01:00
}
div.cdmContent a {
color : #4684ff;
}
div.cdmContent a:hover {
color : black;
}
2010-11-09 18:57:23 +01:00
div.cdmContentInner {
2013-03-16 10:41:37 +01:00
margin : 10px;
2010-11-09 18:57:23 +01:00
}
div.cdmContentInner img {
border-width : 0px;
max-width : 98%;
}
2010-11-09 18:57:23 +01:00
div.cdmFooter {
padding : 5px;
font-weight : normal;
color : gray;
clear : both;
}
div.cdm {
border-width : 0px 1px 1px 0px;
border-collapse : collapse;
2013-03-29 16:00:50 +01:00
border-color : #c0c0c0;
border-style : solid;
2013-03-29 16:00:50 +01:00
background : #fafafa;
}
div.cdm.expandable {
background : #f0f0f0;
}
div.cdm.expanded, div.cdm.expandable {
2013-03-29 16:00:50 +01:00
margin : 4px 4px 0px 4px;
border-width : 1px;
border-color : #c0c0c0;
box-shadow : 0px 0px 3px #ccc;
2013-03-29 16:00:50 +01:00
}
div.cdm.expanded div.cdmHeader {
background : #e0e0e0;
}
div.cdm.Unread {
2013-03-29 16:50:25 +01:00
background : white;
}
div.cdm.Unread div.cdmHeader {
background : #ecf4ff;
}
div.cdm.active {
2013-03-29 16:00:50 +01:00
border-color : #88b0f0;
background : white ! important;
box-shadow : 0px 0px 3px #4684ff;
2013-03-29 16:20:37 +01:00
}
div.cdm.active div.cdmHeader {
background : #ecf4ff;
}
div.cdm.active div.cdmHeader a.title {
color : #4684ff;
font-weight : bold;
}
div.cdm.active div.cdmContent {
background : white;
2010-11-09 18:57:23 +01:00
}
span.cdmExcerpt {
font-size : 11px;
color : gray;
font-weight : normal;
cursor : pointer;
}
div.cdmContent div.postEnclosures {
margin-top : 1em;
color : gray;
}
2010-11-13 12:04:37 +01:00
div.cdmFeedTitle {
border-color : #a0a0a0;
border-width : 0px 0px 1px 0px;
border-style : solid;
padding : 5px 3px 5px 5px;
background : url("images/toolbar.png") bottom left;
background-repeat : repeat-x;
}
div.cdmFeedTitle a.title {
color : gray;
font-style : italic;
font-weight : bold;
}
div.cdmFeedTitle a {
color : gray;
}
div.cdmFeedTitle a:hover {
color : #4684ff;
}
div.articleNote {
border-style : dashed none dashed none;
}
div.cdmHeader span.hlFeed {
float : right;
font-weight : normal;
font-style : italic;
}
2013-03-16 10:01:17 +01:00
div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
vertical-align : middle;
color : gray;
font-weight : normal;
font-style : italic;
font-size : 11px;
}
div.cdmContentInner p {
max-width : 650px;
}
.Unread div.cdmHeader {
font-weight : bold;
}
2013-03-21 13:50:27 +01:00
div.cdmContentInner iframe {
min-width : 50%;
}
2013-03-22 09:42:48 +01:00
div.cdmHeader span.author {
color : gray;
font-size : 11px;
2013-03-23 06:25:36 +01:00
font-weight : normal;
2013-03-22 09:42:48 +01:00
}
2013-03-22 10:04:41 +01:00
div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title {
font-size : 13px;
}
2013-03-22 10:04:41 +01:00
div#small_article_preview {
width : 300px;
max-height : 350px;
overflow : hidden;
border : 1px solid #c0c0c0;
background : white;
position : absolute;
box-shadow : 2px 2px 4px #c0c0c0;
z-index : 2;
}
div#small_article_preview div.content {
padding : 5px;
font-size : 12px;
color : gray;
}
div#small_article_preview div.content img {
max-width : 290px;
}