]>
Commit | Line | Data |
---|---|---|
1 | body { | |
2 | background : white; | |
3 | color : black; | |
4 | margin : 0px; | |
5 | padding : 0px; | |
6 | font-family : sans-serif; | |
7 | } | |
8 | ||
9 | /* common styles */ | |
10 | ||
11 | div.postReply { | |
12 | background-image : url("images/vgrad_light_rev.png"); | |
13 | background-position : top left; | |
14 | background-repeat : repeat-x; | |
15 | height : 100%; | |
16 | padding : 10px; | |
17 | margin-left : 1px; | |
18 | } | |
19 | ||
20 | div.postReply a { | |
21 | color : #5050aa; | |
22 | } | |
23 | ||
24 | div.postReply a:hover { | |
25 | color : black; | |
26 | } | |
27 | ||
28 | div.postReply div.postHeader { | |
29 | background : white; | |
30 | border : 1px solid #c0c0c0; | |
31 | } | |
32 | ||
33 | div.postReply > div.postHeader { | |
34 | padding : 5px; | |
35 | } | |
36 | ||
37 | div.postReply div.postContent { | |
38 | padding : 10px; | |
39 | } | |
40 | ||
41 | div.postReply div.postIcon { | |
42 | float : right; | |
43 | border : 0px; | |
44 | margin : 10px 0px 10px 10px; | |
45 | } | |
46 | ||
47 | ul.feedList { | |
48 | list-style-type : none; | |
49 | margin : 5px; | |
50 | padding : 0px 0px 0px 10px; | |
51 | } | |
52 | ||
53 | ul.feedList li.feedCat { | |
54 | margin : 0px; | |
55 | padding : 3px 0px 3px 0px; | |
56 | color : #707070; | |
57 | font-size : x-small; | |
58 | } | |
59 | ||
60 | ul.feedList li.feedCat a { | |
61 | color : #707070; | |
62 | } | |
63 | ||
64 | ul.feedList li.feedCat a:hover { | |
65 | color : #5050aa; | |
66 | } | |
67 | ||
68 | ul.feedCatList { | |
69 | list-style-type : none; | |
70 | margin : 0px 0px 0px 20px; | |
71 | padding : 0px; | |
72 | } | |
73 | ||
74 | ul.feedCatList li { | |
75 | margin : 0px; | |
76 | padding : 0px 0px 0px 0px; | |
77 | color : black; | |
78 | } | |
79 | ||
80 | ul.feedList li { | |
81 | margin : 0px; | |
82 | } | |
83 | ||
84 | ul.feedlist li.feedUnread, | |
85 | ul.feedlist li.errorUnread, | |
86 | ul.feedlist li.labelUnread, | |
87 | ul.feedlist li.virtUnread, | |
88 | ul.feedlist li.tagUnread { | |
89 | font-weight : bold; | |
90 | } | |
91 | ||
92 | ul.feedlist li.errorSelected a, | |
93 | ul.feedlist li.error a, | |
94 | ul.feedlist li.errorUnread a, | |
95 | ul.feedlist li.errorUnreadSelected a { | |
96 | color : #f04040; | |
97 | } | |
98 | ||
99 | ul.feedlist li.feedSelected a, | |
100 | ul.feedlist li.labelSelected a, | |
101 | ul.feedlist li.virtSelected a, | |
102 | ul.feedlist li.tagSelected a { | |
103 | color : #5050aa; | |
104 | } | |
105 | ||
106 | ul.feedlist li.feedUnreadSelected a, | |
107 | ul.feedlist li.labelUnreadSelected a, | |
108 | ul.feedlist li.virtUnreadSelected a, | |
109 | ul.feedlist li.tagUnreadSelected a { | |
110 | color : #5050aa; | |
111 | } | |
112 | ||
113 | ul.feedlist li.feedUnreadSelected, | |
114 | ul.feedlist li.errorUnreadSelected, | |
115 | ul.feedlist li.labelUnreadSelected, | |
116 | ul.feedlist li.virtUnreadSelected, | |
117 | ul.feedlist li.tagUnreadSelected { | |
118 | font-weight : bold; | |
119 | } | |
120 | ||
121 | ul.feedList li.feed { | |
122 | display : block; | |
123 | } | |
124 | ||
125 | ul.feedList img, img.tinyFeedIcon { | |
126 | margin : 0px 3px 0px 0px; | |
127 | width : 16px; | |
128 | height : 16px; | |
129 | border-width : 0px; | |
130 | } | |
131 | ||
132 | h1 { | |
133 | font-size : 16pt; | |
134 | } | |
135 | ||
136 | h2 { | |
137 | font-size : 14pt; | |
138 | font-weight : bold; | |
139 | border-width : 0px 0px 1px 0px; | |
140 | border-style : solid; | |
141 | border-color : #e0e0e0; | |
142 | } | |
143 | ||
144 | h3 { | |
145 | font-size : 12pt; | |
146 | font-weight : bold; | |
147 | border-width : 0px 0px 1px 0px; | |
148 | border-style : solid; | |
149 | border-color : #e0e0e0; | |
150 | } | |
151 | ||
152 | hr { | |
153 | border-width : 0px 0px 1px 0px; | |
154 | border-style : dashed; | |
155 | border-color : #e0e0e0; | |
156 | } | |
157 | ||
158 | a { | |
159 | color : black; | |
160 | text-decoration : none; | |
161 | } | |
162 | ||
163 | a:hover { | |
164 | color : #5050aa; | |
165 | } | |
166 | ||
167 | #notify { | |
168 | color : black; | |
169 | font-weight : bold; | |
170 | padding : 3px; | |
171 | } | |
172 | ||
173 | #dispSwitch { | |
174 | padding : 5px 5px 5px 0px; | |
175 | font-size : x-small; | |
176 | text-align : right; | |
177 | } | |
178 | ||
179 | #dispSwitch a { | |
180 | color : gray; | |
181 | } | |
182 | ||
183 | #dispSwitch a:hover { | |
184 | color : #5050aa; | |
185 | } | |
186 | ||
187 | iframe { | |
188 | border : 0px solid white; | |
189 | } | |
190 | ||
191 | iframe.feedsFrameWithActions { | |
192 | width : 100%; | |
193 | height : 90%; | |
194 | margin : 0px; | |
195 | padding : 0px; | |
196 | } | |
197 | ||
198 | iframe.feedsFrame { | |
199 | width : 100%; | |
200 | height : 100%; | |
201 | margin : 0px; | |
202 | padding : 0px; | |
203 | } | |
204 | ||
205 | iframe.contentFrame, iframe.headlinesFrame { | |
206 | width : 100%; | |
207 | padding : 0px; | |
208 | margin : 0px; | |
209 | height : 100%; | |
210 | } | |
211 | ||
212 | .button { | |
213 | border : 1px solid #d0d0d0; | |
214 | background-image : url("images/button.png"); | |
215 | background-position : top; | |
216 | background-repeat : repeat-x; | |
217 | background-color : white; | |
218 | } | |
219 | ||
220 | .button:hover { | |
221 | background : white; | |
222 | text-decoration : none; | |
223 | color : black; | |
224 | } | |
225 | ||
226 | a.button { | |
227 | padding : 2px 5px 2px 5px; | |
228 | font-size : small; | |
229 | } | |
230 | ||
231 | .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td, | |
232 | .evenSelectedUnread td { | |
233 | background-color : #e0e0ff; | |
234 | font-weight : bold; | |
235 | border-width : 1px 0px 1px 0px; | |
236 | border-style : solid; | |
237 | border-color : #778899; | |
238 | } | |
239 | ||
240 | .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td, | |
241 | .oddSelectedUnread td { | |
242 | background-color : #e0e0ff; | |
243 | font-weight : bold; | |
244 | } | |
245 | ||
246 | .evenSelected, .evenSelected td { | |
247 | background-color : #e0e0ff; | |
248 | border-width : 1px 0px 1px 0px; | |
249 | border-style : solid; | |
250 | border-color : #778899; | |
251 | } | |
252 | ||
253 | .oddSelected, .evenSelected td { | |
254 | background-color : #e0e0ff; | |
255 | } | |
256 | ||
257 | ||
258 | .disabledButton { | |
259 | border : 1px solid #c0c0c0; | |
260 | background-color : white; | |
261 | color : gray; | |
262 | } | |
263 | ||
264 | ||
265 | .evenGrayed, .evenGrayed td { | |
266 | background-color : #f0f0f0; | |
267 | color : #909090; | |
268 | border-width : 1px 0px 1px 0px; | |
269 | border-style : solid; | |
270 | border-color : #88b0f0; | |
271 | } | |
272 | ||
273 | .oddGrayed { | |
274 | color : #909090; | |
275 | } | |
276 | ||
277 | .even, .even td { | |
278 | border-width : 1px 0px 1px 0px; | |
279 | border-style : solid; | |
280 | border-color : #c0c0c0; | |
281 | background-color : #f0f0f0; | |
282 | } | |
283 | ||
284 | .evenUnread, .evenUnread td { | |
285 | background-color : #f0f0f0; | |
286 | font-weight : bold; | |
287 | border-width : 1px 0px 1px 0px; | |
288 | border-style : solid; | |
289 | border-color : #c0c0c0; | |
290 | } | |
291 | ||
292 | .oddUnread, .oddUnread td { | |
293 | font-weight : bold; | |
294 | } | |
295 | ||
296 | td > input, div > input { | |
297 | border : 1px solid #a0a0a0; | |
298 | } | |
299 | ||
300 | /* preferences */ | |
301 | ||
302 | tr.title td { | |
303 | border-width : 0px 0px 1px 0px; | |
304 | border-color : #f0f0f0; | |
305 | border-style : solid; | |
306 | font-size : small; | |
307 | color : gray; | |
308 | } | |
309 | ||
310 | tr.title td a { | |
311 | color : gray; | |
312 | } | |
313 | ||
314 | tr.title td a:hover { | |
315 | color : #5050aa; | |
316 | } | |
317 | ||
318 | div.prefFeedCatHolder { | |
319 | border : 1px solid #c0c0c0; | |
320 | } | |
321 | ||
322 | table.prefFeedList td.feedEditCat { | |
323 | font-size : large; | |
324 | border-color : #c0c0c0; | |
325 | } | |
326 | ||
327 | table.prefFeedList td.feedIcon { | |
328 | text-align : center; | |
329 | } | |
330 | ||
331 | table.prefFeedList td.feedSelect { | |
332 | text-align : center; | |
333 | } | |
334 | ||
335 | a.helpLink { | |
336 | color : #808080; | |
337 | } | |
338 | ||
339 | a.helpLink:hover { | |
340 | color : #5050aa; | |
341 | } | |
342 | ||
343 | div.helpResponse { | |
344 | margin : 10px; | |
345 | background-image : url("images/vgrad_light_rev2.png"); | |
346 | background-position : top left; | |
347 | background-repeat : repeat-x; | |
348 | padding : 10px 20px 10px 20px; | |
349 | border : 1px solid #f0f0f0; | |
350 | } | |
351 | ||
352 | #userDlgShadow { | |
353 | z-index : 3; | |
354 | position : absolute; | |
355 | left : 30%; | |
356 | top : 30%; | |
357 | display : none; | |
358 | background-image : url("images/shadow.png"); | |
359 | } | |
360 | ||
361 | #userDlg { | |
362 | padding : 15px; | |
363 | border : 1px solid #c0c0c0; | |
364 | font-size : small; | |
365 | position : relative; | |
366 | bottom : 2px; | |
367 | right : 2px; | |
368 | background-color : white; | |
369 | background-image : url("images/vgrad_light_rev2.png"); | |
370 | background-position : top left; | |
371 | background-repeat : repeat-x; | |
372 | } | |
373 | ||
374 | #qafInput { | |
375 | width : 300px; | |
376 | } | |
377 | ||
378 | #infoBoxTitle { | |
379 | border-width : 1px 1px 1px 1px; | |
380 | border-style : solid; | |
381 | border-color : #c0c0c0; | |
382 | background-color : #c0c0c0; | |
383 | padding : 2px; | |
384 | color : white; | |
385 | } | |
386 | ||
387 | ||
388 | #infoBox { | |
389 | border : 1px solid #c0c0c0; | |
390 | padding-bottom : 10px; | |
391 | font-size : small; | |
392 | position : relative; | |
393 | bottom : 2px; | |
394 | right : 2px; | |
395 | background : white; | |
396 | } | |
397 | ||
398 | #infoBoxShadow { | |
399 | background-image : url("images/shadow.png"); | |
400 | position : absolute; | |
401 | width : 30%; | |
402 | left : 35%; | |
403 | top : 30%; | |
404 | z-index : 3; | |
405 | display : none; | |
406 | } | |
407 | ||
408 | div.infoBoxContents { | |
409 | background-image : url("images/vgrad_light_rev2.png"); | |
410 | background-position : top left; | |
411 | background-repeat : repeat-x; | |
412 | padding : 5px; | |
413 | margin-bottom : 5px; | |
414 | } | |
415 | ||
416 | div.helpResponse h1, div.infoBoxContents h1 { | |
417 | border-width : 0px 0px 1px 0px; | |
418 | border-style : solid; | |
419 | border-color : #c0c0c0; | |
420 | font-size : 16pt; | |
421 | } | |
422 | ||
423 | div.helpResponse h2, div.infoBoxContents h2 { | |
424 | border-width : 0px 0px 0px 0px; | |
425 | font-size : 12pt; | |
426 | } | |
427 | ||
428 | div.prefsTab { | |
429 | border-width : 1px 1px 0px 1px; | |
430 | border-color : #c0c0c0; | |
431 | border-style : solid; | |
432 | font-size : small; | |
433 | position : relative; | |
434 | bottom : 0px; | |
435 | border-collapse : collapse; | |
436 | -moz-border-radius : 3px; | |
437 | min-width : 100px; | |
438 | text-align : center; | |
439 | background-image : url("images/vgrad_light_rev2.png"); | |
440 | background-position : top left; | |
441 | background-repeat : repeat-x; | |
442 | ||
443 | } | |
444 | ||
445 | div.prefsTabSelected { | |
446 | float : left; | |
447 | border-width : 1px 1px 0px 1px; | |
448 | border-color : #c0c0c0; | |
449 | border-style : solid; | |
450 | margin : 0px 0px 0px 5px; | |
451 | padding : 3px 5px 3px 5px; | |
452 | font-size : small; | |
453 | position : relative; | |
454 | bottom : 0px; | |
455 | border-collapse : collapse; | |
456 | -moz-border-radius : 3px; | |
457 | font-weight : bold; | |
458 | min-width : 100px; | |
459 | text-align : center; | |
460 | background : white; | |
461 | } | |
462 | ||
463 | input.prefsTab { | |
464 | border-width : 1px 1px 0px 1px; | |
465 | border-color : #c0c0c0; | |
466 | padding : 2px 7px 2px 7px; | |
467 | margin : 0px 1px 0px 0px; | |
468 | width : 130px; | |
469 | background-image : url("images/vgrad_light_rev2.png"); | |
470 | background-position : top left; | |
471 | background-repeat : repeat-x; | |
472 | -moz-border-radius : 7px 7px 0px 0px; | |
473 | font-size : small; | |
474 | } | |
475 | ||
476 | input.prefsTabSelected { | |
477 | border-width : 1px 1px 0px 1px; | |
478 | border-color : #c0c0c0; | |
479 | padding : 2px 7px 2px 7px; | |
480 | margin : 0px 1px 0px 0px; | |
481 | width : 130px; | |
482 | background : white; | |
483 | font-weight : bold; | |
484 | background-position : top left; | |
485 | background-repeat : repeat-x; | |
486 | -moz-border-radius : 7px 7px 0px 0px; | |
487 | font-size : small; | |
488 | color : black; | |
489 | } | |
490 | ||
491 | input.prefsTab:hover { | |
492 | background : white; | |
493 | } | |
494 | ||
495 | div.warning { | |
496 | background : #fffff0; | |
497 | border : 1px solid #c0c0c0; | |
498 | padding : 5px; | |
499 | margin : 5px; | |
500 | font-size : small; | |
501 | } | |
502 | ||
503 | div.notice { | |
504 | background : #ffffff; | |
505 | border : 1px solid #c0c0c0; | |
506 | padding : 5px; | |
507 | margin : 5px; | |
508 | font-size : small; | |
509 | } | |
510 | ||
511 | ul.nomarks { | |
512 | list-style-type : none; | |
513 | margin : 0px; | |
514 | padding : 10px; | |
515 | } | |
516 | ||
517 | div.bigErrorMsg { | |
518 | border : 1px solid #c0c0c0; | |
519 | background : #fff0f0; | |
520 | padding : 30px; | |
521 | margin : 20px; | |
522 | } | |
523 | ||
524 | div.prefHelp, td.prefHelp { | |
525 | font-size : x-small; | |
526 | color : gray; | |
527 | padding : 5px; | |
528 | } | |
529 | ||
530 | table.loginForm { | |
531 | background-image : url("images/vgrad_light_rev.png"); | |
532 | background-color : white; | |
533 | background-position : top left; | |
534 | background-repeat : repeat-x; | |
535 | } | |
536 | ||
537 | table.innerLoginForm { | |
538 | border : 1px solid #f0f0f0; | |
539 | padding : 50px; | |
540 | background-color : white; | |
541 | } | |
542 | ||
543 | table.innerLoginForm td { | |
544 | padding : 3px 3px 5px 3px; | |
545 | } | |
546 | ||
547 | span.insensitive { | |
548 | color : gray; | |
549 | } | |
550 | ||
551 | .prefGenericAddBox { | |
552 | margin : 5px; | |
553 | font-size : small; | |
554 | } | |
555 | ||
556 | .prefGenericAddBox td { | |
557 | font-size : small; | |
558 | } | |
559 | ||
560 | body.logoutBody { | |
561 | background-color : #f0f0f0; | |
562 | color : black; | |
563 | } | |
564 | ||
565 | span.logoutWarning { | |
566 | color : red; | |
567 | font-weight : bold; | |
568 | } | |
569 | ||
570 | div.logoutContent { | |
571 | width : 600px; | |
572 | border : 1px solid #c0c0c0; | |
573 | background-color : white; | |
574 | margin-left : auto; | |
575 | margin-right : auto; | |
576 | margin-top : 20px; | |
577 | padding : 10px; | |
578 | } | |
579 | ||
580 | .small { | |
581 | font-size : x-small; | |
582 | } | |
583 | ||
584 | table.innerFeedTable td { | |
585 | margin : 0px; | |
586 | padding : 0px; | |
587 | } | |
588 | ||
589 | td.selectPrompt { | |
590 | font-size : x-small; | |
591 | color : gray; | |
592 | } | |
593 | ||
594 | table.headlinesSubToolbar td.headlineActions { | |
595 | font-size : x-small; | |
596 | color : gray; | |
597 | padding : 5px 0px 5px 5px; | |
598 | } | |
599 | ||
600 | table.headlinesSubToolbar td.headlineActionsRTL { | |
601 | font-size : x-small; | |
602 | color : gray; | |
603 | padding : 5px 5px 5px 0px; | |
604 | } | |
605 | ||
606 | table.headlinesSubToolbar td.headlineTitle { | |
607 | font-size : x-small; | |
608 | color : gray; | |
609 | padding : 5px 5px 5px 0px; | |
610 | text-align : right; | |
611 | } | |
612 | ||
613 | table.headlinesSubToolbar td.headlineTitleRTL { | |
614 | font-size : x-small; | |
615 | color : gray; | |
616 | padding : 5px 0px 5px 5px; | |
617 | text-align : left; | |
618 | } | |
619 | ||
620 | span.contentPreview { | |
621 | font-size : x-small; | |
622 | color : gray; | |
623 | font-weight : normal; | |
624 | } | |
625 | ||
626 | span.contentPreview:hover { | |
627 | color : #5050aa; | |
628 | } | |
629 | ||
630 | table.headlinesList td.hlMarkedPic { | |
631 | width : 25px; | |
632 | text-align : center; | |
633 | } | |
634 | ||
635 | table.headlinesList td.hlfeed { | |
636 | text-align : right; | |
637 | font-size : small; | |
638 | } | |
639 | ||
640 | td.hlSelectRow, td.hlUpdatePic { | |
641 | width : 25px; | |
642 | text-align : center; | |
643 | } | |
644 | ||
645 | table.headlinesList td.hlUpdated { | |
646 | font-size : small; | |
647 | color : gray; | |
648 | text-align : right; | |
649 | width : 100px; | |
650 | } | |
651 | ||
652 | table.headlinesList tr td { | |
653 | padding : 2px 0px 2px 0px; | |
654 | } | |
655 | ||
656 | div.postHeader td.postDate { | |
657 | font-size : x-small; | |
658 | text-align : right; | |
659 | color : gray; | |
660 | } | |
661 | ||
662 | div.postHeader td.postDateRTL { | |
663 | font-size : x-small; | |
664 | text-align : left; | |
665 | color : gray; | |
666 | } | |
667 | ||
668 | #feedUpdateErrors { | |
669 | display : none; | |
670 | } | |
671 | ||
672 | #allEntryTags { | |
673 | font-size : x-small; | |
674 | border-width : 0px 0px 1px 0px; | |
675 | border-style : solid; | |
676 | border-color : #c0c0c0; | |
677 | padding-bottom : 5px; | |
678 | display : none; | |
679 | } | |
680 | ||
681 | /*td.hlContent { | |
682 | overflow : hidden; | |
683 | height : 1em; | |
684 | display : block; | |
685 | } */ | |
686 | ||
687 | td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed { | |
688 | height : 1em; | |
689 | } | |
690 | ||
691 | div.cdmArticle { | |
692 | border : 1px solid #f0f0f0; | |
693 | background-color : #fafafa; | |
694 | -moz-border-radius : 5px; | |
695 | margin : 10px 10px 0px 10px; | |
696 | padding : 10px; | |
697 | } | |
698 | ||
699 | div.cdmArticleUnread { | |
700 | border : 1px solid #d5f1f4; | |
701 | background-color : #fafeff; | |
702 | -moz-border-radius : 5px; | |
703 | margin : 10px 10px 0px 10px; | |
704 | padding : 10px; | |
705 | } | |
706 | ||
707 | div.cdmArticleSelected, div.cdmArticleUnreadSelected { | |
708 | border : 1px solid #d0d0f6; | |
709 | background-color : #eaeaff; | |
710 | -moz-border-radius : 5px; | |
711 | margin : 10px 10px 0px 10px; | |
712 | padding : 10px; | |
713 | } | |
714 | ||
715 | div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a { | |
716 | font-weight : bold; | |
717 | } | |
718 | ||
719 | div.cdmHeader { | |
720 | padding-bottom : 5px; | |
721 | } | |
722 | ||
723 | div.cdmFooter { | |
724 | font-size : x-small; | |
725 | color : gray; | |
726 | padding-top : 5px; | |
727 | } | |
728 | ||
729 | div.cdmFooter input, div.cdmHeader input, div.cdmFooter img { | |
730 | margin : 0px; | |
731 | } | |
732 | ||
733 | div.cdmHeader, div.cdmHeader a { | |
734 | color : gray; | |
735 | font-size : x-small; | |
736 | } | |
737 | ||
738 | div.cdmHeader a:hover { | |
739 | color : #5050aa; | |
740 | } | |
741 | ||
742 | div.cdmContent { | |
743 | } | |
744 | ||
745 | a.warning { | |
746 | color : #f04040; | |
747 | } | |
748 | ||
749 | img.closeButton { | |
750 | border-width : 0px; | |
751 | float : right; | |
752 | } | |
753 | ||
754 | span.groupPrompt { | |
755 | font-size : x-small; | |
756 | color : #505050; | |
757 | } | |
758 | ||
759 | ul.userFeedList { | |
760 | height : 300px; | |
761 | overflow : auto; | |
762 | list-style-type : none; | |
763 | border-color : #c0c0c0; | |
764 | } | |
765 | ||
766 | /* #browseBigFeedList li.oddSelected { | |
767 | border : 1px solid #d0d0f6; | |
768 | background-color : #eaeaff; | |
769 | -moz-border-radius : 5px; | |
770 | } */ | |
771 | ||
772 | ul.browseFeedList { | |
773 | height : 300px; | |
774 | overflow : auto; | |
775 | list-style-type : none; | |
776 | margin : 0px 0px 5px 0px; | |
777 | padding : 0px; | |
778 | border-color : #c0c0c0; | |
779 | } | |
780 | ||
781 | ul.browseFeedList li { | |
782 | margin : 0px; | |
783 | padding : 0px; | |
784 | } | |
785 | ||
786 | span.subscribers { | |
787 | color : #808080; | |
788 | } | |
789 | ||
790 | div.subscribers { | |
791 | color : #808080; | |
792 | font-size : x-small; | |
793 | float : right; | |
794 | } | |
795 | ||
796 | input.feedBrowseCB { | |
797 | margin-right : 1em; | |
798 | } | |
799 | ||
800 | div.browserDetails { | |
801 | margin : 5px 5px 5px 5px; | |
802 | display : none; | |
803 | padding : 5px; | |
804 | } | |
805 | ||
806 | ul.compact { | |
807 | list-style-type : none; | |
808 | margin : 0px; | |
809 | padding : 0px; | |
810 | } | |
811 | ||
812 | ul.compact li { | |
813 | margin : 0px; | |
814 | padding : 0px; | |
815 | } | |
816 | ||
817 | div.browserFeedInfo { | |
818 | font-size : x-small; | |
819 | border-color : #c0c0c0; | |
820 | } | |
821 | ||
822 | div.browserFeedInfo div.detailsPart { | |
823 | margin : 5px 0px 5px 5px; | |
824 | } | |
825 | ||
826 | div.cdmContent a { | |
827 | color : #5050aa; | |
828 | } | |
829 | ||
830 | div.cdmContent a:hover { | |
831 | color : black; | |
832 | } | |
833 | ||
834 | /* layout */ | |
835 | ||
836 | #header { | |
837 | position : absolute; | |
838 | top : 10px; | |
839 | left : 15px; | |
840 | right : 5px; | |
841 | height : 40px; | |
842 | color : gray; | |
843 | } | |
844 | ||
845 | #feeds-holder { | |
846 | border-color : #c0c0c0; | |
847 | top : 70px; | |
848 | left : 0px; | |
849 | position : absolute; | |
850 | width : 260px; | |
851 | bottom : 50px; | |
852 | } | |
853 | ||
854 | #toolbar { | |
855 | left : 261px; | |
856 | padding : 5px 10px 5px 10px; | |
857 | top : 70px; | |
858 | right : 0px; | |
859 | height : 30px; | |
860 | background-image : url("images/vgrad_light.png"); | |
861 | background-position : bottom left; | |
862 | background-repeat : repeat-x; | |
863 | } | |
864 | ||
865 | div.headlines_normal { | |
866 | border-color : #c0c0c0; | |
867 | left : 260px; | |
868 | height : 280px; | |
869 | top : 105px; | |
870 | right : 0px; | |
871 | } | |
872 | ||
873 | div.headlines_cdm { | |
874 | border-color : #c0c0c0; | |
875 | left : 260px; | |
876 | bottom : 50px; | |
877 | top : 105px; | |
878 | right : 0px; | |
879 | } | |
880 | ||
881 | #content-frame { | |
882 | border-color : #c0c0c0; | |
883 | overflow : auto; | |
884 | top : 390px; | |
885 | left : 260px; | |
886 | bottom : 50px; | |
887 | right : 0px; | |
888 | } | |
889 | ||
890 | #prefFooter { | |
891 | display : none; | |
892 | } | |
893 | ||
894 | #footer { | |
895 | position : absolute; | |
896 | bottom : 0px; | |
897 | height : 30px; | |
898 | text-align : center; | |
899 | color : gray; | |
900 | font-size : x-small; | |
901 | background-image : url("images/vgrad_light_rev2.png"); | |
902 | background-position : top left; | |
903 | background-repeat : repeat-x; | |
904 | background-color : white; | |
905 | border-color : #c0c0c0; | |
906 | right : 0px; | |
907 | left : 0px; | |
908 | padding : 10px; | |
909 | } | |
910 | ||
911 | #headlinesContainer { | |
912 | margin-left : 1px; | |
913 | background-color : white; | |
914 | } | |
915 | ||
916 | /* preferences layout */ | |
917 | ||
918 | #prefHeader { | |
919 | position : static; | |
920 | color : gray; | |
921 | margin : 10px; | |
922 | } | |
923 | ||
924 | div.return a { | |
925 | color : #5050aa; | |
926 | } | |
927 | ||
928 | div.return a:hover { | |
929 | color : black; | |
930 | } | |
931 | ||
932 | #prefContent { | |
933 | position : static; | |
934 | background-image : url("images/vgrad_light_rev.png"); | |
935 | background-position : top left; | |
936 | background-repeat : repeat-x; | |
937 | border-color : #c0c0c0; | |
938 | } |