]>
Commit | Line | Data |
---|---|---|
dad14b51 AD |
1 | div.cdmHeader img, div.cdmHeader input, div.cdmFooter img { |
2 | vertical-align : middle; | |
3 | } | |
4 | ||
bc20cb9f | 5 | div.cdmHeader, div.cdmFooter { |
915b61ef AD |
6 | display : table; |
7 | } | |
8 | ||
9 | div.cdmHeader > * { | |
10 | display : table-cell; | |
dad14b51 AD |
11 | padding : 5px; |
12 | } | |
13 | ||
bc20cb9f AD |
14 | div.cdmFooter > * { |
15 | display : table-cell; | |
16 | vertical-align : middle; | |
17 | } | |
18 | ||
19 | div.cdmHeader > div, div.cdmFooter > div { | |
915b61ef AD |
20 | white-space : nowrap; |
21 | } | |
22 | ||
bc20cb9f | 23 | div.cdmHeader > span, div.cdmFooter > span.left { |
915b61ef AD |
24 | width : 100%; |
25 | } | |
26 | ||
dad14b51 | 27 | div.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 | ||
35 | div.cdmHeader input { | |
36 | margin-right : 5px; | |
37 | } | |
38 | ||
8cc5e965 | 39 | div.cdmHeader div.updPic { |
62b800b4 AD |
40 | width : 25px; |
41 | display : inline-block; | |
42 | text-align : center; | |
43 | } | |
44 | ||
8cc5e965 | 45 | div.cdmHeader div.updPic img { |
62b800b4 AD |
46 | vertical-align : middle; |
47 | } | |
48 | ||
dad14b51 | 49 | div.cdmHeader img, div.cdmFooter img { |
0e70e4a4 AD |
50 | margin : 0px 4px; |
51 | } | |
52 | ||
53 | div.cdmHeader input { | |
54 | margin-left : 4px; | |
55 | margin-right : 4px; | |
dad14b51 AD |
56 | } |
57 | ||
90da4ada AD |
58 | div.cdmIntermediate { |
59 | margin : 10px; | |
60 | } | |
61 | ||
dad14b51 | 62 | div.cdmContentInner { |
dbd7e915 | 63 | margin : 10px; |
d2cd36fb AD |
64 | line-height : 1.5; |
65 | font-size : 15px; | |
dad14b51 AD |
66 | } |
67 | ||
d517829b AD |
68 | div.cdmContentInner img, |
69 | div.cdmContentInner video { | |
16b59fc8 AD |
70 | border-width : 0px; |
71 | max-width : 98%; | |
5b27cb05 | 72 | height : auto; |
16b59fc8 AD |
73 | } |
74 | ||
b4eff716 AD |
75 | div.cdmContentInner h1 { |
76 | font-size : 16px; | |
77 | } | |
78 | ||
79 | div.cdmContentInner h2, | |
013507bf AD |
80 | div.cdmContentInner h3, |
81 | div.cdmContentInner h4 { | |
d2cd36fb | 82 | font-size : 15px; |
b4eff716 AD |
83 | } |
84 | ||
dad14b51 | 85 | div.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 |
93 | div.cdm { |
94 | margin-right : 4px; | |
95 | } | |
96 | ||
14c53e4e AD |
97 | div.cdm.expanded { |
98 | margin-top : 4px; | |
99 | margin-bottom : 4px; | |
c2fd7468 AD |
100 | } |
101 | ||
d44f3da4 AD |
102 | div.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 | 108 | div.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 |
115 | div.cdm.expandable > hr { |
116 | display : none; | |
c2fd7468 AD |
117 | } |
118 | ||
14c53e4e AD |
119 | div.cdm.expanded > hr { |
120 | margin-top : 0px; | |
121 | margin-bottom : 0px; | |
a0ddecb9 AD |
122 | } |
123 | ||
ee71a9ff | 124 | div.cdm.expandable.Unread { |
12a80ad5 | 125 | background : white; |
a0ddecb9 AD |
126 | } |
127 | ||
9e14c591 AD |
128 | div.cdm.expandable.Selected { |
129 | background : #f9fbff; | |
130 | } | |
131 | ||
ee71a9ff | 132 | div.cdm.expandable.active { |
a0ddecb9 | 133 | background : white ! important; |
42c43ff7 AD |
134 | } |
135 | ||
f8900c31 AD |
136 | div.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 |
143 | div.cdm.expandable.active div.cdmHeader span.titleWrap { |
144 | white-space : normal; | |
145 | } | |
146 | ||
14c53e4e | 147 | div.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 | ||
159 | div.cdm.expandable.Unread div.cdmHeader a.title { | |
160 | color : black; | |
a0ddecb9 AD |
161 | } |
162 | ||
14c53e4e | 163 | div.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 |
173 | div.cdm.expanded div.cdmHeader { |
174 | background : transparent ! important; | |
175 | } | |
176 | ||
177 | div.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 |
189 | div.cdm.expanded.active { |
190 | background : white; | |
191 | } | |
14c53e4e AD |
192 | |
193 | div.cdm.expanded.active div.cdmHeader a.title { | |
0acc1ed7 | 194 | color : #0088cc; |
14c53e4e AD |
195 | } |
196 | ||
197 | div.cdm.expanded.Unread div.cdmHeader a.title { | |
198 | color : black; | |
199 | } | |
200 | ||
201 | div.cdm.expanded div.cdmContent { | |
81aa9e2b | 202 | color : #555; |
14c53e4e AD |
203 | } |
204 | ||
205 | div.cdm.expanded.Unread div.cdmContent { | |
206 | color : black; | |
207 | } | |
208 | ||
a0ddecb9 | 209 | div.cdm.active div.cdmContent { |
14c53e4e | 210 | color : black; |
dad14b51 AD |
211 | } |
212 | ||
213 | span.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 | ||
221 | div.cdmContent div.postEnclosures { | |
222 | margin-top : 1em; | |
81aa9e2b | 223 | color : #555; |
dad14b51 AD |
224 | } |
225 | ||
8cc5e965 | 226 | div.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 | 233 | div.cdmFeedTitle a.title { |
81aa9e2b | 234 | color : #555; |
36b4cf2f AD |
235 | font-weight : bold; |
236 | } | |
14c53e4e | 237 | |
36b4cf2f | 238 | div.cdmFeedTitle a { |
81aa9e2b | 239 | color : #555; |
36b4cf2f AD |
240 | } |
241 | ||
242 | div.cdmFeedTitle a:hover { | |
0acc1ed7 | 243 | color : #0088cc; |
36b4cf2f AD |
244 | } |
245 | ||
ef69681b AD |
246 | div.cdmHeader span.hlFeed { |
247 | float : right; | |
248 | font-weight : normal; | |
23ac03ff | 249 | font-style : italic; |
ef69681b | 250 | } |
c06289d3 | 251 | |
d56ec700 AD |
252 | div.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 |
260 | div.cdm .hlFeed a { |
261 | border-radius : 4px; | |
262 | display : inline-block; | |
263 | padding : 1px 4px 1px 4px; | |
264 | } | |
265 | ||
54bc5594 | 266 | div.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 |
273 | div.cdmContentInner iframe { |
274 | min-width : 50%; | |
b9bd7ec5 | 275 | max-width : 98%; |
922bfe73 | 276 | } |
11bd95b4 AD |
277 | |
278 | div.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 |
286 | div#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 | ||
300 | div#floatingTitle > * { | |
301 | display : table-cell; | |
302 | white-space : nowrap; | |
303 | vertical-align : middle; | |
8ee5e9e5 | 304 | padding : 9px 5px; |
08820be7 AD |
305 | } |
306 | ||
8ee5e9e5 AD |
307 | div#floatingTitle img { |
308 | margin-right : 4px; | |
309 | margin-left : 4px; | |
d1692b4c AD |
310 | } |
311 | ||
8ee5e9e5 AD |
312 | div#floatingTitle span.author { |
313 | color : #555; | |
314 | font-size : 11px; | |
315 | font-weight : normal; | |
316 | } | |
317 | ||
318 | div#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 | |
330 | div#floatingTitle.Unread a.title { | |
331 | color : black; | |
332 | } | |
333 | ||
8ee5e9e5 | 334 | div#floatingTitle img.anchor { |
8ee5e9e5 AD |
335 | margin-left : 0px; |
336 | } | |
337 | ||
338 | div#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 |
347 | div#floatingTitle div.hlFeed a { |
348 | border-radius : 4px; | |
349 | display : inline-block; | |
350 | padding : 1px 4px 1px 4px; | |
351 | } | |
352 | ||
8ee5e9e5 AD |
353 | div#floatingTitle span.updated { |
354 | padding-right : 10px; | |
355 | white-space : nowrap; | |
356 | color : #555; | |
357 | font-size : 11px; | |
358 | } | |
359 | ||
360 | div#floatingTitle div.hlFeed a { | |
361 | color : #555; | |
362 | } | |
363 | ||
364 | div#floatingTitle span.titleWrap { | |
365 | width : 100%; | |
8043035b | 366 | white-space : normal; |
08820be7 AD |
367 | } |
368 | ||
8ee5e9e5 AD |
369 | div#floatingTitle .dijit, |
370 | div#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 |
391 | div.cdmFeedTitle > * { |
392 | display : table-cell; | |
393 | vertical-align : middle; | |
394 | } | |
395 | ||
396 | div.cdmFeedTitle a.title { | |
397 | width : 100%; | |
398 | } | |
399 | ||
400 | div.cdmFeedTitle a.catchup { | |
401 | text-align : right; | |
402 | color : #555; | |
403 | padding-right : 10px; | |
404 | font-size : 11px; | |
405 | white-space : nowrap; | |
406 | } | |
407 | ||
408 | div.cdmFeedTitle a.catchup:hover { | |
0acc1ed7 | 409 | color : #0088cc; |
87065739 | 410 | } |
4b7ebe93 | 411 |