You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tt-rss/cdm.css

219 lines
3.3 KiB
CSS

div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
vertical-align : middle;
}
div.cdmHeader {
display : table;
}
div.cdmHeader > * {
display : table-cell;
padding : 5px;
}
div.cdmHeader > div {
white-space : nowrap;
}
div.cdmHeader > span {
width : 100%;
}
div.cdmHeader span.updated {
color : gray;
font-weight : normal;
font-size : 11px;
white-space : nowrap;
vertical-align : middle;
}
div.cdmHeader input {
margin-right : 5px;
}
div.cdmHeader div.updPic {
width : 25px;
display : inline-block;
text-align : center;
}
div.cdmHeader div.updPic img {
vertical-align : middle;
}
div.cdmHeader img, div.cdmFooter img {
margin : 0px 2px 0px 2px;
}
div.cdmContent a {
color : #4684ff;
}
div.cdmContent a:hover {
color : black;
}
div.cdmContentInner {
margin : 10px;
}
div.cdmContentInner img {
border-width : 0px;
max-width : 98%;
}
div.cdmFooter {
padding : 5px;
font-weight : normal;
color : gray;
clear : both;
}
div.cdm {
border-width : 0px 1px 1px 0px;
border-collapse : collapse;
border-color : #c0c0c0;
border-style : solid;
background : #fafafa;
}
div.cdm.expandable {
background : #f0f0f0;
}
div.cdm.expanded, div.cdm.expandable {
margin : 4px 4px 0px 4px;
border-width : 1px;
border-color : #c0c0c0;
box-shadow : 0px 0px 2px #ccc;
}
div.cdm.expanded div.cdmHeader {
background : #e0e0e0;
}
div.cdm.Unread {
background : white;
}
div.cdm.Unread div.cdmHeader {
background : #ecf4ff;
}
div.cdm.active {
border-color : #88b0f0;
background : white ! important;
}
div.cdm.expanded.active {
box-shadow : 0px 0px 2px #4684ff;
}
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;
}
span.cdmExcerpt {
font-size : 11px;
color : gray;
font-weight : normal;
cursor : pointer;
}
div.cdmContent div.postEnclosures {
margin-top : 1em;
color : gray;
}
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;
}
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;
}
div.cdmContentInner iframe {
min-width : 50%;
}
div.cdmHeader span.author {
color : gray;
font-size : 11px;
font-weight : normal;
}
div.cdm.expanded div.cdmHeader a.title, div.cdm.active div.cdmHeader a.title {
font-size : 13px;
}
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;
}