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