]> git.wh0rd.org - tt-rss.git/blame - css/cdm.css
remove some unused shadows
[tt-rss.git] / css / cdm.css
CommitLineData
dad14b51
AD
1div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
2 vertical-align : middle;
3}
4
5div.cdmHeader {
915b61ef
AD
6 display : table;
7}
8
9div.cdmHeader > * {
10 display : table-cell;
dad14b51
AD
11 padding : 5px;
12}
13
915b61ef
AD
14div.cdmHeader > div {
15 white-space : nowrap;
16}
17
18div.cdmHeader > span {
19 width : 100%;
20}
21
dad14b51 22div.cdmHeader span.updated {
81aa9e2b 23 color : #555;
dad14b51 24 font-weight : normal;
23ac03ff 25 font-size : 11px;
804ab1f7 26 white-space : nowrap;
47837c09 27 vertical-align : middle;
dad14b51
AD
28}
29
30div.cdmHeader input {
31 margin-right : 5px;
32}
33
8cc5e965 34div.cdmHeader div.updPic {
62b800b4
AD
35 width : 25px;
36 display : inline-block;
37 text-align : center;
38}
39
8cc5e965 40div.cdmHeader div.updPic img {
62b800b4
AD
41 vertical-align : middle;
42}
43
dad14b51 44div.cdmHeader img, div.cdmFooter img {
0e70e4a4
AD
45 margin : 0px 4px;
46}
47
48div.cdmHeader input {
49 margin-left : 4px;
50 margin-right : 4px;
dad14b51
AD
51}
52
dad14b51 53div.cdmContentInner {
dbd7e915 54 margin : 10px;
17809d7c 55 line-height : 20px;
dad14b51
AD
56}
57
16b59fc8
AD
58div.cdmContentInner img {
59 border-width : 0px;
60 max-width : 98%;
5b27cb05 61 height : auto;
16b59fc8
AD
62}
63
b4eff716
AD
64div.cdmContentInner h1 {
65 font-size : 16px;
66}
67
68div.cdmContentInner h2,
013507bf
AD
69div.cdmContentInner h3,
70div.cdmContentInner h4 {
b4eff716
AD
71 font-size : 14px;
72}
73
dad14b51 74div.cdmFooter {
dad14b51
AD
75 padding : 5px;
76 font-weight : normal;
81aa9e2b 77 color : #555;
dad14b51
AD
78 clear : both;
79}
80
03700cb6
AD
81div.cdm {
82 margin-right : 4px;
83}
84
14c53e4e
AD
85div.cdm.expanded {
86 margin-top : 4px;
87 margin-bottom : 4px;
c2fd7468
AD
88}
89
d44f3da4
AD
90div.cdm.expanded div.cdmFooter {
91 border-style : solid;
92 border-width : 0px 0px 1px 0px;
03700cb6 93 border-color : #ddd;
d44f3da4
AD
94}
95
c2fd7468 96div.cdm.expandable {
14c53e4e
AD
97 background-color : #f0f0f0;
98 border-width : 0px 0px 1px 0px;
d44f3da4 99 border-color : #ddd;
14c53e4e 100 border-style : solid;
a0ddecb9
AD
101}
102
14c53e4e
AD
103div.cdm.expandable > hr {
104 display : none;
c2fd7468
AD
105}
106
14c53e4e
AD
107div.cdm.expanded > hr {
108 margin-top : 0px;
109 margin-bottom : 0px;
a0ddecb9
AD
110}
111
ee71a9ff 112div.cdm.expandable.Unread {
12a80ad5 113 background : white;
a0ddecb9
AD
114}
115
9e14c591
AD
116div.cdm.expandable.Selected {
117 background : #f9fbff;
118}
119
ee71a9ff 120div.cdm.expandable.active {
a0ddecb9 121 background : white ! important;
42c43ff7
AD
122}
123
f8900c31
AD
124div.cdm.expandable div.cdmHeader span.titleWrap {
125 white-space : nowrap;
126 text-overflow : ellipsis;
127 overflow : hidden;
128 max-width : 500px;
129}
130
7415fcf2
AD
131div.cdm.expandable.active div.cdmHeader span.titleWrap {
132 white-space : normal;
133}
134
14c53e4e 135div.cdm.expandable div.cdmHeader a.title {
5470cfab 136 font-weight : 600;
81aa9e2b 137 color : #555;
ef8e54a1 138 font-size : 14px;
898f86c0
AD
139 -webkit-transition : color 0.2s;
140 transition : color 0.2s;
5470cfab
AD
141 text-rendering: optimizelegibility;
142 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
143 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
144 Helvetica, Arial, sans-serif;
14c53e4e
AD
145}
146
147div.cdm.expandable.Unread div.cdmHeader a.title {
148 color : black;
a0ddecb9
AD
149}
150
14c53e4e 151div.cdm.expandable.active div.cdmHeader a.title {
a0ddecb9 152 color : #4684ff;
ef8e54a1 153 font-size : 16px;
5470cfab
AD
154 font-weight : 600;
155 text-rendering: optimizelegibility;
156 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
157 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
158 Helvetica, Arial, sans-serif;
a0ddecb9
AD
159}
160
14c53e4e
AD
161div.cdm.expanded div.cdmHeader {
162 background : transparent ! important;
163}
164
165div.cdm.expanded div.cdmHeader a.title {
ef8e54a1 166 font-size : 16px;
b79da019 167 color : #999;
5470cfab 168 font-weight : 600;
898f86c0
AD
169 -webkit-transition : color 0.2s;
170 transition : color 0.2s;
5470cfab
AD
171 text-rendering: optimizelegibility;
172 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
173 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
174 Helvetica, Arial, sans-serif;
14c53e4e
AD
175}
176
9e14c591
AD
177div.cdm.expanded.active {
178 background : white;
179}
14c53e4e
AD
180
181div.cdm.expanded.active div.cdmHeader a.title {
182 color : #4684ff;
183}
184
185div.cdm.expanded.Unread div.cdmHeader a.title {
186 color : black;
187}
188
189div.cdm.expanded div.cdmContent {
81aa9e2b 190 color : #555;
14c53e4e
AD
191}
192
193div.cdm.expanded.Unread div.cdmContent {
194 color : black;
195}
196
a0ddecb9 197div.cdm.active div.cdmContent {
14c53e4e 198 color : black;
dad14b51
AD
199}
200
201span.cdmExcerpt {
202 font-size : 11px;
029005c4 203 color : #999;
dad14b51
AD
204 font-weight : normal;
205 cursor : pointer;
206}
207
208div.cdmContent div.postEnclosures {
209 margin-top : 1em;
81aa9e2b 210 color : #555;
dad14b51
AD
211}
212
8cc5e965
AD
213div.cdmFeedTitle {
214 border-color : #a0a0a0;
215 border-width : 0px 0px 1px 0px;
216 border-style : solid;
217 padding : 5px 3px 5px 5px;
0c0e5f36 218 background : url("../images/toolbar.png") bottom left;
8cc5e965
AD
219 background-repeat : repeat-x;
220}
221
36b4cf2f 222div.cdmFeedTitle a.title {
81aa9e2b 223 color : #555;
36b4cf2f
AD
224 font-style : italic;
225 font-weight : bold;
226}
14c53e4e 227
36b4cf2f 228div.cdmFeedTitle a {
81aa9e2b 229 color : #555;
36b4cf2f
AD
230}
231
232div.cdmFeedTitle a:hover {
233 color : #4684ff;
234}
235
ef69681b
AD
236div.cdmHeader span.hlFeed {
237 float : right;
238 font-weight : normal;
23ac03ff 239 font-style : italic;
ef69681b 240}
c06289d3 241
d56ec700
AD
242div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
243 vertical-align : middle;
81aa9e2b 244 color : #555;
e17e99fb 245 font-weight : normal;
23ac03ff
AD
246 font-style : italic;
247 font-size : 11px;
d56ec700 248}
54bc5594 249
d3103484
AD
250div.cdm .hlFeed a {
251 border-radius : 4px;
252 display : inline-block;
253 padding : 1px 4px 1px 4px;
254}
255
54bc5594
AD
256div.cdmContentInner p {
257 max-width : 650px;
ac57b9dd
AD
258 -webkit-hyphens: auto;
259 -moz-hyphens: auto;
260 hyphens: auto;
54bc5594 261}
b5d4716a 262
922bfe73
AD
263div.cdmContentInner iframe {
264 min-width : 50%;
265}
11bd95b4
AD
266
267div.cdmHeader span.author {
81aa9e2b 268 color : #555;
11bd95b4 269 font-size : 11px;
d080678c 270 font-weight : normal;
11bd95b4 271}
472219f0 272
d2f3467b 273
08820be7
AD
274div#floatingTitle {
275 position : absolute;
276 z-index : 5;
1bffd106 277 top : 0px;
8ee5e9e5
AD
278 right : 0px;
279 left : 0px;
03700cb6 280 border-color : #ddd;
1c51dc73 281 border-width : 0px 0px 1px 0px;
8ee5e9e5 282 border-style : solid;
d44f3da4 283 background : white;
08820be7 284 color : #555;
752b3f64 285 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
08820be7
AD
286}
287
288div#floatingTitle > * {
289 display : table-cell;
290 white-space : nowrap;
291 vertical-align : middle;
8ee5e9e5 292 padding : 9px 5px;
08820be7
AD
293}
294
8ee5e9e5
AD
295div#floatingTitle img {
296 margin-right : 4px;
297 margin-left : 4px;
d1692b4c
AD
298}
299
8ee5e9e5
AD
300div#floatingTitle span.author {
301 color : #555;
302 font-size : 11px;
303 font-weight : normal;
304}
305
306div#floatingTitle a.title {
ef8e54a1 307 font-size : 16px;
8ee5e9e5 308 color : #999;
898f86c0
AD
309 -webkit-transition : color 0.2s;
310 transition : color 0.2s;
5470cfab
AD
311 font-weight : 600;
312 text-rendering: optimizelegibility;
313 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
314 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
315 Helvetica, Arial, sans-serif;
8ee5e9e5 316}
41d37fb2
AD
317
318div#floatingTitle.Unread a.title {
319 color : black;
320}
321
8ee5e9e5 322div#floatingTitle img.anchor {
8ee5e9e5
AD
323 margin-left : 0px;
324}
325
326div#floatingTitle div.hlFeed {
327 padding-right : 10px;
328 color : #555;
329 font-weight : normal;
330 font-style : italic;
331 font-size : 11px;
332 white-space : nowrap;
333}
334
b532ef24
AD
335div#floatingTitle div.hlFeed a {
336 border-radius : 4px;
337 display : inline-block;
338 padding : 1px 4px 1px 4px;
339}
340
8ee5e9e5
AD
341div#floatingTitle span.updated {
342 padding-right : 10px;
343 white-space : nowrap;
344 color : #555;
345 font-size : 11px;
346}
347
348div#floatingTitle div.hlFeed a {
349 color : #555;
350}
351
352div#floatingTitle span.titleWrap {
353 width : 100%;
8043035b 354 white-space : normal;
08820be7
AD
355}
356
8ee5e9e5
AD
357div#floatingTitle .dijit,
358div#floatingTitle img.hlScorePic {
08820be7
AD
359 display : none;
360}
4b7ebe93
AD
361
362.cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
363.cdm.high .cdmHeader span.author {
364 color : #00aa00;
365}
366
367.cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
368.cdm.Unread.high .cdmHeader span.author {
369 color : #00dd00;
370}
371
372.cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt,
373.cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt,
374.cdm.low .cdmHeader span.author {
375 color : #909090;
376 text-decoration : line-through;
377}
378
87065739
AD
379div.cdmFeedTitle > * {
380 display : table-cell;
381 vertical-align : middle;
382}
383
384div.cdmFeedTitle a.title {
385 width : 100%;
386}
387
388div.cdmFeedTitle a.catchup {
389 text-align : right;
390 color : #555;
391 padding-right : 10px;
392 font-size : 11px;
393 white-space : nowrap;
394}
395
396div.cdmFeedTitle a.catchup:hover {
397 color : #4684ff;
398}
4b7ebe93 399