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