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