]>
Commit | Line | Data |
---|---|---|
dad14b51 AD |
1 | div.cdmHeader img, div.cdmHeader input, div.cdmFooter img { |
2 | vertical-align : middle; | |
3 | } | |
4 | ||
5 | div.cdmHeader { | |
915b61ef AD |
6 | display : table; |
7 | } | |
8 | ||
9 | div.cdmHeader > * { | |
10 | display : table-cell; | |
dad14b51 AD |
11 | padding : 5px; |
12 | } | |
13 | ||
915b61ef AD |
14 | div.cdmHeader > div { |
15 | white-space : nowrap; | |
16 | } | |
17 | ||
18 | div.cdmHeader > span { | |
19 | width : 100%; | |
20 | } | |
21 | ||
dad14b51 | 22 | div.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 | ||
30 | div.cdmHeader input { | |
31 | margin-right : 5px; | |
32 | } | |
33 | ||
8cc5e965 | 34 | div.cdmHeader div.updPic { |
62b800b4 AD |
35 | width : 25px; |
36 | display : inline-block; | |
37 | text-align : center; | |
38 | } | |
39 | ||
8cc5e965 | 40 | div.cdmHeader div.updPic img { |
62b800b4 AD |
41 | vertical-align : middle; |
42 | } | |
43 | ||
dad14b51 | 44 | div.cdmHeader img, div.cdmFooter img { |
0e70e4a4 AD |
45 | margin : 0px 4px; |
46 | } | |
47 | ||
48 | div.cdmHeader input { | |
49 | margin-left : 4px; | |
50 | margin-right : 4px; | |
dad14b51 AD |
51 | } |
52 | ||
dad14b51 | 53 | div.cdmContentInner { |
dbd7e915 | 54 | margin : 10px; |
d2cd36fb AD |
55 | line-height : 1.5; |
56 | font-size : 15px; | |
dad14b51 AD |
57 | } |
58 | ||
d517829b AD |
59 | div.cdmContentInner img, |
60 | div.cdmContentInner video { | |
16b59fc8 AD |
61 | border-width : 0px; |
62 | max-width : 98%; | |
5b27cb05 | 63 | height : auto; |
16b59fc8 AD |
64 | } |
65 | ||
b4eff716 AD |
66 | div.cdmContentInner h1 { |
67 | font-size : 16px; | |
68 | } | |
69 | ||
70 | div.cdmContentInner h2, | |
013507bf AD |
71 | div.cdmContentInner h3, |
72 | div.cdmContentInner h4 { | |
d2cd36fb | 73 | font-size : 15px; |
b4eff716 AD |
74 | } |
75 | ||
dad14b51 | 76 | div.cdmFooter { |
dad14b51 AD |
77 | padding : 5px; |
78 | font-weight : normal; | |
81aa9e2b | 79 | color : #555; |
dad14b51 AD |
80 | clear : both; |
81 | } | |
82 | ||
03700cb6 AD |
83 | div.cdm { |
84 | margin-right : 4px; | |
85 | } | |
86 | ||
14c53e4e AD |
87 | div.cdm.expanded { |
88 | margin-top : 4px; | |
89 | margin-bottom : 4px; | |
c2fd7468 AD |
90 | } |
91 | ||
d44f3da4 AD |
92 | div.cdm.expanded div.cdmFooter { |
93 | border-style : solid; | |
94 | border-width : 0px 0px 1px 0px; | |
03700cb6 | 95 | border-color : #ddd; |
d44f3da4 AD |
96 | } |
97 | ||
c2fd7468 | 98 | div.cdm.expandable { |
14c53e4e AD |
99 | background-color : #f0f0f0; |
100 | border-width : 0px 0px 1px 0px; | |
d44f3da4 | 101 | border-color : #ddd; |
14c53e4e | 102 | border-style : solid; |
a0ddecb9 AD |
103 | } |
104 | ||
14c53e4e AD |
105 | div.cdm.expandable > hr { |
106 | display : none; | |
c2fd7468 AD |
107 | } |
108 | ||
14c53e4e AD |
109 | div.cdm.expanded > hr { |
110 | margin-top : 0px; | |
111 | margin-bottom : 0px; | |
a0ddecb9 AD |
112 | } |
113 | ||
ee71a9ff | 114 | div.cdm.expandable.Unread { |
12a80ad5 | 115 | background : white; |
a0ddecb9 AD |
116 | } |
117 | ||
9e14c591 AD |
118 | div.cdm.expandable.Selected { |
119 | background : #f9fbff; | |
120 | } | |
121 | ||
ee71a9ff | 122 | div.cdm.expandable.active { |
a0ddecb9 | 123 | background : white ! important; |
42c43ff7 AD |
124 | } |
125 | ||
f8900c31 AD |
126 | div.cdm.expandable div.cdmHeader span.titleWrap { |
127 | white-space : nowrap; | |
128 | text-overflow : ellipsis; | |
129 | overflow : hidden; | |
130 | max-width : 500px; | |
131 | } | |
132 | ||
7415fcf2 AD |
133 | div.cdm.expandable.active div.cdmHeader span.titleWrap { |
134 | white-space : normal; | |
135 | } | |
136 | ||
14c53e4e | 137 | div.cdm.expandable div.cdmHeader a.title { |
5470cfab | 138 | font-weight : 600; |
81aa9e2b | 139 | color : #555; |
ef8e54a1 | 140 | font-size : 14px; |
898f86c0 AD |
141 | -webkit-transition : color 0.2s; |
142 | transition : color 0.2s; | |
5470cfab AD |
143 | text-rendering: optimizelegibility; |
144 | font-family : "Segoe WP Semibold", "Segoe UI Semibold", | |
e9db9f94 | 145 | "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", |
5470cfab | 146 | Helvetica, Arial, sans-serif; |
14c53e4e AD |
147 | } |
148 | ||
149 | div.cdm.expandable.Unread div.cdmHeader a.title { | |
150 | color : black; | |
a0ddecb9 AD |
151 | } |
152 | ||
14c53e4e | 153 | div.cdm.expandable.active div.cdmHeader a.title { |
a0ddecb9 | 154 | color : #4684ff; |
ef8e54a1 | 155 | font-size : 16px; |
5470cfab AD |
156 | font-weight : 600; |
157 | text-rendering: optimizelegibility; | |
158 | font-family : "Segoe WP Semibold", "Segoe UI Semibold", | |
e9db9f94 | 159 | "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", |
5470cfab | 160 | Helvetica, Arial, sans-serif; |
a0ddecb9 AD |
161 | } |
162 | ||
14c53e4e AD |
163 | div.cdm.expanded div.cdmHeader { |
164 | background : transparent ! important; | |
165 | } | |
166 | ||
167 | div.cdm.expanded div.cdmHeader a.title { | |
ef8e54a1 | 168 | font-size : 16px; |
b79da019 | 169 | color : #999; |
5470cfab | 170 | font-weight : 600; |
898f86c0 AD |
171 | -webkit-transition : color 0.2s; |
172 | transition : color 0.2s; | |
5470cfab AD |
173 | text-rendering: optimizelegibility; |
174 | font-family : "Segoe WP Semibold", "Segoe UI Semibold", | |
e9db9f94 | 175 | "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", |
5470cfab | 176 | Helvetica, Arial, sans-serif; |
14c53e4e AD |
177 | } |
178 | ||
9e14c591 AD |
179 | div.cdm.expanded.active { |
180 | background : white; | |
181 | } | |
14c53e4e AD |
182 | |
183 | div.cdm.expanded.active div.cdmHeader a.title { | |
184 | color : #4684ff; | |
185 | } | |
186 | ||
187 | div.cdm.expanded.Unread div.cdmHeader a.title { | |
188 | color : black; | |
189 | } | |
190 | ||
191 | div.cdm.expanded div.cdmContent { | |
81aa9e2b | 192 | color : #555; |
14c53e4e AD |
193 | } |
194 | ||
195 | div.cdm.expanded.Unread div.cdmContent { | |
196 | color : black; | |
197 | } | |
198 | ||
a0ddecb9 | 199 | div.cdm.active div.cdmContent { |
14c53e4e | 200 | color : black; |
dad14b51 AD |
201 | } |
202 | ||
203 | span.cdmExcerpt { | |
204 | font-size : 11px; | |
029005c4 | 205 | color : #999; |
dad14b51 AD |
206 | font-weight : normal; |
207 | cursor : pointer; | |
208 | } | |
209 | ||
210 | div.cdmContent div.postEnclosures { | |
211 | margin-top : 1em; | |
81aa9e2b | 212 | color : #555; |
dad14b51 AD |
213 | } |
214 | ||
8cc5e965 | 215 | div.cdmFeedTitle { |
ac4c1383 | 216 | border-color : #4684ff; |
8cc5e965 AD |
217 | border-width : 0px 0px 1px 0px; |
218 | border-style : solid; | |
219 | padding : 5px 3px 5px 5px; | |
8cc5e965 AD |
220 | } |
221 | ||
36b4cf2f | 222 | div.cdmFeedTitle a.title { |
81aa9e2b | 223 | color : #555; |
36b4cf2f AD |
224 | font-weight : bold; |
225 | } | |
14c53e4e | 226 | |
36b4cf2f | 227 | div.cdmFeedTitle a { |
81aa9e2b | 228 | color : #555; |
36b4cf2f AD |
229 | } |
230 | ||
231 | div.cdmFeedTitle a:hover { | |
232 | color : #4684ff; | |
233 | } | |
234 | ||
ef69681b AD |
235 | div.cdmHeader span.hlFeed { |
236 | float : right; | |
237 | font-weight : normal; | |
23ac03ff | 238 | font-style : italic; |
ef69681b | 239 | } |
c06289d3 | 240 | |
d56ec700 AD |
241 | div.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 |
249 | div.cdm .hlFeed a { |
250 | border-radius : 4px; | |
251 | display : inline-block; | |
252 | padding : 1px 4px 1px 4px; | |
253 | } | |
254 | ||
54bc5594 AD |
255 | div.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 |
262 | div.cdmContentInner iframe { |
263 | min-width : 50%; | |
b9bd7ec5 | 264 | max-width : 98%; |
922bfe73 | 265 | } |
11bd95b4 AD |
266 | |
267 | div.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 |
274 | div#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 | ||
288 | div#floatingTitle > * { | |
289 | display : table-cell; | |
290 | white-space : nowrap; | |
291 | vertical-align : middle; | |
8ee5e9e5 | 292 | padding : 9px 5px; |
08820be7 AD |
293 | } |
294 | ||
8ee5e9e5 AD |
295 | div#floatingTitle img { |
296 | margin-right : 4px; | |
297 | margin-left : 4px; | |
d1692b4c AD |
298 | } |
299 | ||
8ee5e9e5 AD |
300 | div#floatingTitle span.author { |
301 | color : #555; | |
302 | font-size : 11px; | |
303 | font-weight : normal; | |
304 | } | |
305 | ||
306 | div#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", | |
e9db9f94 | 314 | "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue", |
5470cfab | 315 | Helvetica, Arial, sans-serif; |
8ee5e9e5 | 316 | } |
41d37fb2 AD |
317 | |
318 | div#floatingTitle.Unread a.title { | |
319 | color : black; | |
320 | } | |
321 | ||
8ee5e9e5 | 322 | div#floatingTitle img.anchor { |
8ee5e9e5 AD |
323 | margin-left : 0px; |
324 | } | |
325 | ||
326 | div#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 |
335 | div#floatingTitle div.hlFeed a { |
336 | border-radius : 4px; | |
337 | display : inline-block; | |
338 | padding : 1px 4px 1px 4px; | |
339 | } | |
340 | ||
8ee5e9e5 AD |
341 | div#floatingTitle span.updated { |
342 | padding-right : 10px; | |
343 | white-space : nowrap; | |
344 | color : #555; | |
345 | font-size : 11px; | |
346 | } | |
347 | ||
348 | div#floatingTitle div.hlFeed a { | |
349 | color : #555; | |
350 | } | |
351 | ||
352 | div#floatingTitle span.titleWrap { | |
353 | width : 100%; | |
8043035b | 354 | white-space : normal; |
08820be7 AD |
355 | } |
356 | ||
8ee5e9e5 AD |
357 | div#floatingTitle .dijit, |
358 | div#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 |
379 | div.cdmFeedTitle > * { |
380 | display : table-cell; | |
381 | vertical-align : middle; | |
382 | } | |
383 | ||
384 | div.cdmFeedTitle a.title { | |
385 | width : 100%; | |
386 | } | |
387 | ||
388 | div.cdmFeedTitle a.catchup { | |
389 | text-align : right; | |
390 | color : #555; | |
391 | padding-right : 10px; | |
392 | font-size : 11px; | |
393 | white-space : nowrap; | |
394 | } | |
395 | ||
396 | div.cdmFeedTitle a.catchup:hover { | |
397 | color : #4684ff; | |
398 | } | |
4b7ebe93 | 399 |