]> git.wh0rd.org Git - tt-rss.git/blob - css/cdm.css
unify normal headline colors with cdm; add selected backgrounds in expandable and...
[tt-rss.git] / css / cdm.css
1 div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
2         vertical-align : middle;
3 }
4
5 div.cdmHeader {
6         display : table;
7 }
8
9 div.cdmHeader > * {
10         display : table-cell;
11         padding : 5px;
12 }
13
14 div.cdmHeader > div {
15         white-space : nowrap;
16 }
17
18 div.cdmHeader > span {
19         width : 100%;
20 }
21
22 div.cdmHeader span.updated {
23         color : #555;
24         font-weight : normal;
25         font-size : 11px;
26         white-space : nowrap;
27         vertical-align : middle;
28 }
29
30 div.cdmHeader input {
31         margin-right : 5px;
32 }
33
34 div.cdmHeader div.updPic {
35         width : 25px;
36         display : inline-block;
37         text-align : center;
38 }
39
40 div.cdmHeader div.updPic img {
41         vertical-align : middle;
42 }
43
44 div.cdmHeader img, div.cdmFooter img {
45         margin : 0px 2px 0px 2px;
46 }
47
48 div.cdmContentInner {
49         margin : 10px;
50         line-height : 20px;
51 }
52
53 div.cdmContentInner img {
54         border-width : 0px;
55         max-width : 98%;
56         height : auto;
57 }
58
59 div.cdmFooter {
60         padding : 5px;
61         font-weight : normal;
62         color : #555;
63         clear : both;
64 }
65
66 div.cdm.expanded {
67         margin-top : 4px;
68         margin-bottom : 4px;
69 }
70
71 div.cdm.expandable {
72         background-color : #f0f0f0;
73         border-width : 0px 0px 1px 0px;
74         border-color : #c0c0c0;
75         border-style : solid;
76 }
77
78 div.cdm.expandable > hr {
79         display : none;
80 }
81
82 div.cdm.expanded > hr {
83         margin-top : 0px;
84         margin-bottom : 0px;
85 }
86
87 div.cdm.expandable.Unread {
88         background : white;
89 }
90
91 div.cdm.expandable.Selected {
92         background : #f9fbff;
93 }
94
95 div.cdm.expandable.active {
96         box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1);
97         border-color : #88b0f0;
98         background : white ! important;
99 }
100
101 div.cdm.expandable div.cdmHeader a.title {
102         font-weight : bold;
103         color : #555;
104 }
105
106 div.cdm.expandable.Unread div.cdmHeader a.title {
107         color : black;
108 }
109
110 div.cdm.expandable.active div.cdmHeader a.title {
111         color : #4684ff;
112 }
113
114 div.cdm.expanded div.cdmHeader {
115         background : transparent ! important;
116 }
117
118 div.cdm.expanded div.cdmHeader a.title {
119         font-size : 14px;
120         color : #999;
121         font-weight : bold;
122 }
123
124 div.cdm.expanded.active {
125         background : white;
126 }
127
128 div.cdm.expanded.active div.cdmHeader a.title {
129         color : #4684ff;
130 }
131
132 div.cdm.expanded.Unread div.cdmHeader a.title {
133         color : black;
134 }
135
136 div.cdm.expanded div.cdmContent {
137         color : #555;
138 }
139
140 div.cdm.expanded.Unread div.cdmContent {
141         color : black;
142 }
143
144 div.cdm.active div.cdmContent {
145         color : black;
146 }
147
148 span.cdmExcerpt {
149         font-size : 11px;
150         color : #555;
151         font-weight : normal;
152         cursor : pointer;
153 }
154
155 div.cdmContent div.postEnclosures {
156         margin-top : 1em;
157         color : #555;
158 }
159
160 div.cdmFeedTitle {
161         border-color : #a0a0a0;
162         border-width : 0px 0px 1px 0px;
163         border-style : solid;
164         padding : 5px 3px 5px 5px;
165         background : url("images/toolbar.png") bottom left;
166         background-repeat : repeat-x;
167 }
168
169 div.cdmFeedTitle a.title {
170         color : #555;
171         font-style : italic;
172         font-weight : bold;
173 }
174
175 div.cdmFeedTitle a {
176         color : #555;
177 }
178
179 div.cdmFeedTitle a:hover {
180         color : #4684ff;
181 }
182
183 div.cdmHeader span.hlFeed {
184         float : right;
185         font-weight : normal;
186         font-style : italic;
187 }
188
189 div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
190         vertical-align : middle;
191         color : #555;
192         font-weight : normal;
193         font-style : italic;
194         font-size : 11px;
195 }
196
197 div.cdm .hlFeed a {
198         border-radius : 4px;
199         display : inline-block;
200         padding : 1px 4px 1px 4px;
201 }
202
203 div.cdmContentInner p {
204         max-width : 650px;
205 }
206
207 div.cdmContentInner iframe {
208         min-width : 50%;
209 }
210
211 div.cdmHeader span.author {
212         color : #555;
213         font-size : 11px;
214         font-weight : normal;
215 }
216
217