]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
pref-feeds: make published and firefox integration links more visible
[tt-rss.git] / tt-rss.css
1 body {
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
6 font-family : "Lucida Grande", Arial, sans-serif;
7 }
8
9 blockquote {
10 margin : 5px 5px 5px 5px;
11 border-width : 0px 0px 0px 4px;
12 border-color : #e0e0e0;
13 border-style : solid;
14 padding : 5px;
15 background-color : #f0f0f0;
16 }
17
18 div.postReply {
19 padding : 0px;
20 }
21
22 div.postReply a {
23 color : #4684ff;
24 }
25
26 div.postReply a:hover {
27 color : black;
28 }
29
30 div.postReply div.postHeader {
31 background : #ecf4ff;
32 /* border : 1px solid #88b0f0; */
33 border-width : 0px 0px 1px 0px;
34 border-style : dotted;
35 border-color : #88b0f0;
36 margin : 0px 1px 0px 0px;
37 padding : 5px;
38 cursor : move;
39 }
40
41 /* div.postReply > div.postHeader {
42 padding : 5px;
43 } */
44
45 div.postReply div.postContent {
46 padding : 10px;
47 font-size : 14px;
48 }
49
50 div.postReply div.postContent img {
51 border-width : 0px;
52 max-width : 98%;
53 }
54
55 div.postReply div.postIcon {
56 float : right;
57 border : 0px;
58 margin : 10px 0px 10px 10px;
59 }
60
61 div.postReply div.postEnclosures {
62 margin-top : 1em;
63 color : gray;
64 }
65
66 div.postReply img.tagsPic {
67 width : 16px;
68 height : 16px;
69 vertical-align : middle;
70 }
71
72 div.postReply span.author {
73 font-size : 12px;
74 }
75
76 ul.feedList {
77 list-style-type : none;
78 margin : 5px 5px 5px 0px;
79 padding : 0px 0px 0px 5px;
80 font-size : 12px;
81 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
82 }
83
84 ul.feedList li.feedCat, ul.feedList li.virtCat {
85 margin : 0px;
86 padding : 3px 0px 3px 0px;
87 color : #707070;
88 font-size : 12px;
89 }
90
91 ul.feedList img.catCollapse {
92 cursor : pointer;
93 }
94
95 ul.feedList span.catTitle {
96 color : #707070;
97 cursor : pointer;
98 }
99
100 ul.feedList span.catTitle:hover {
101 color : #4684ff;
102 }
103
104 ul.feedList li.feedCatSelected {
105 margin : 0px;
106 padding : 3px 0px 3px 0px;
107 color : #4684ff;
108 font-size : 12px;
109 }
110
111 ul.feedList li.feedCatSelected span.catTitle {
112 color : #4684ff;
113 cursor : pointer;
114 }
115
116 ul.feedCatList {
117 list-style-type : none;
118 margin : 0px 0px 0px 20px;
119 padding : 0px;
120 }
121
122 ul.feedCatList li {
123 margin : 0px;
124 padding : 0px 0px 2px 0px;
125 color : black;
126 }
127
128 ul.feedList > li {
129 padding : 0px 0px 2px 0px;
130 }
131
132 ul.feedCatList img, ul.feedList img {
133 vertical-align : bottom;
134 }
135
136 li.feedUnread,
137 li.errorUnread,
138 li.labelUnread,
139 li.virtUnread,
140 li.tagUnread {
141 font-weight : bold;
142 }
143
144 li.errorSelected a,
145 li.error a,
146 li.errorUnread a,
147 li.errorUnreadSelected a {
148 color : #f04040;
149 }
150
151 li.feedSelected a,
152 li.labelSelected a,
153 li.virtSelected a,
154 li.tagSelected a {
155 color : #4684ff;
156 }
157
158 li.feedUnreadSelected a,
159 li.labelUnreadSelected a,
160 li.virtUnreadSelected a,
161 li.tagUnreadSelected a {
162 color : #4684ff;
163 }
164
165 li.feedUnreadSelected,
166 li.errorUnreadSelected,
167 li.labelUnreadSelected,
168 li.virtUnreadSelected,
169 li.tagUnreadSelected {
170 font-weight : bold;
171 }
172
173 li.feed {
174 display : block;
175 }
176
177 ul.feedList img, img.tinyFeedIcon {
178 margin : 0px 3px 0px 0px;
179 width : 16px;
180 height : 16px;
181 border-width : 0px;
182 }
183
184 h1 {
185 font-size : 18px;
186 }
187
188 h2 {
189 font-size : 16px;
190 font-weight : bold;
191 border-width : 0px 0px 1px 0px;
192 border-style : solid;
193 border-color : #ecf4ff;
194 }
195
196 h3 {
197 font-size : 14px;
198 font-weight : bold;
199 border-width : 0px 0px 1px 0px;
200 border-style : solid;
201 border-color : #ecf4ff;
202 }
203
204 hr {
205 border-width : 0px 0px 1px 0px;
206 border-style : dashed;
207 border-color : #e0e0e0;
208 }
209
210 a {
211 color : black;
212 text-decoration : none;
213 }
214
215 a:hover {
216 color : #4684ff;
217 }
218
219 #piggie {
220 z-index : 999;
221 position : absolute;
222 }
223
224 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
225 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
226 #iedit_fcat, #iedit_filter_action, #iedit_login, #iedit_pass, #iedit_email,
227 #iedit_parent_feed {
228 width : 100%;
229 padding-left : 2px;
230 background-color : #f0fff0;
231 }
232
233 textarea.iedit {
234 width : 100%;
235 }
236
237 input.iedit {
238 width : 100%;
239 padding-left : 2px;
240 }
241
242 select.iedit {
243 width : 100%;
244 }
245
246 input.editbox {
247 width : 200px;
248 padding-left : 2px;
249 }
250
251 #notify {
252 border-width : 1px;
253 border-style : solid;
254 top : 10px;
255 right : 35%;
256 min-width : 30%;
257 position : absolute;
258 display : none;
259 float : right;
260 font-size : 12px;
261 z-index : 998;
262 -moz-border-radius : 2px;
263 padding : 5px 5px 5px 5px;
264 }
265
266 #notify img {
267 vertical-align : middle;
268 }
269
270 .notifyProgress {
271 border-color : #d7c47a;
272 background-color : #fff7d5;
273 color : black;
274 }
275
276 .notifyInfo {
277 border-color : #7AD78E;
278 background-color : #D5FFDB;
279 color : black;
280 }
281
282 .notify {
283 border-color : #d7c47a;
284 background-color : #fff7d5;
285 color : black;
286 }
287
288 .notifyError {
289 background-color : #ffcccc;
290 border-color : #ff0000;
291 color : black;
292 }
293
294 .notifyError span:hover {
295 color : red;
296 cursor : pointer;
297 }
298
299 #dispSwitch {
300 font-size : 12px;
301 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
302 text-align : right;
303 float : right;
304 margin : 5px 5px 0px 0px;
305 }
306
307 #dispSwitch a {
308 color : gray;
309 }
310
311 #dispSwitch a:hover {
312 color : #4684ff;
313 }
314
315 div.expPane {
316 margin : 15px;
317 }
318
319 iframe {
320 border : 0px solid white;
321 }
322
323 iframe.feedsFrameWithActions {
324 width : 100%;
325 height : 90%;
326 margin : 0px;
327 padding : 0px;
328 }
329
330 iframe.feedsFrame {
331 width : 100%;
332 height : 100%;
333 margin : 0px;
334 padding : 0px;
335 }
336
337 iframe.contentFrame, iframe.headlinesFrame {
338 width : 100%;
339 padding : 0px;
340 margin : 0px;
341 height : 100%;
342 }
343
344 /*.button {
345 border : 1px solid #d0d0d0;
346 background-image : url("images/button.png");
347 background-position : top;
348 background-repeat : repeat-x;
349 background-color : white;
350 color : black;
351 }
352
353 .button:hover {
354 background : white;
355 text-decoration : none;
356 color : black;
357 }
358
359 .disabledButton {
360 border : 1px solid #c0c0c0;
361 background-color : white;
362 color : gray;
363 }
364
365 a.button {
366 padding : 2px 5px 2px 5px;
367 font-size : small;
368 } */
369
370 .evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
371 .evenSelectedUnread td {
372 background-color : #fff7d5;
373 font-weight : bold;
374 border-width : 0px 0px 1px 0px;
375 border-style : solid;
376 border-color : #e7d796;
377 }
378
379 .oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
380 .oddSelectedUnread td {
381 background-color : #fff7d5;
382 font-weight : bold;
383 border-width : 0px 0px 1px 0px;
384 border-style : solid;
385 border-color : #e7d796;
386 }
387
388 .evenSelected, .evenSelected td {
389 background-color : #fff7d5;
390 border-width : 0px 0px 1px 0px;
391 border-style : solid;
392 border-color : #e7d796;
393 border-collapse : collapse;
394 }
395
396 .oddSelected, .oddSelected td {
397 background-color : #fff7d5;
398 border-width : 0px 0px 1px 0px;
399 border-style : solid;
400 border-color : #e7d796;
401 border-collapse : collapse;
402 }
403
404 .evenGrayed, .evenGrayed td {
405 background-color : #f0f0f0;
406 color : #909090;
407 border-width : 0px 0px 1px 0px;
408 border-style : solid;
409 border-color : #c0c0c0;
410 border-collapse : collapse;
411 }
412
413 .oddGrayed {
414 color : #909090;
415 }
416
417 .even, .even td {
418 border-width : 0px 0px 1px 0px;
419 border-style : solid;
420 border-color : #c0c0c0;
421 background-color : #f0f0f0;
422 border-collapse : collapse;
423 }
424
425 .odd, .odd td {
426 border-width : 0px 0px 1px 0px;
427 border-style : solid;
428 border-color : #c0c0c0;
429 border-collapse : collapse;
430 }
431
432 .evenUnread, .evenUnread td {
433 background-color : #f0f0f0;
434 font-weight : bold;
435 border-width : 0px 0px 1px 0px;
436 border-style : solid;
437 border-color : #c0c0c0;
438 border-collapse : collapse;
439 }
440
441 .oddUnread, .oddUnread td {
442 font-weight : bold;
443 border-width : 0px 0px 1px 0px;
444 border-style : solid;
445 border-color : #c0c0c0;
446 }
447
448 .invisible {
449 display : none;
450 }
451
452 /* preferences */
453
454 table.prefPrefsList tr:hover td.prefValue {
455 color : #88b0f0;
456 }
457
458 table.prefPrefsList tr:hover td.prefValue input {
459 color : #88b0f0;
460 }
461
462 tr.title td {
463 border-width : 0px 0px 1px 0px;
464 border-color : #ecf4ff;
465 border-style : solid;
466 color : #4684ff;
467 }
468
469 tr.title td a {
470 color : #4684ff;
471 }
472
473 tr.title td a:hover {
474 color : black;
475 }
476
477 div.feedEditSearch {
478 float : right;
479 }
480
481 table.prefFeedList td.feedEditCat {
482 font-weight : bold;
483 border-width : 0px 0px 1px 0px;
484 border-style : solid;
485 border-color : #88b0f0;
486 padding-top : 0.5em;
487 }
488
489 table.prefFilterList td.filterEditCat {
490 font-weight : bold;
491 border-width : 0px 0px 1px 0px;
492 border-style : solid;
493 border-color : #88b0f0;
494 padding-top : 0.5em;
495 }
496
497 /* oh for the love of... */
498
499 table.prefFilterList tr.even,
500 table.prefFilterList tr.odd,
501 table.prefFilterList tr.evenSelected,
502 table.prefFilterList tr.oddSelected,
503 table.prefLabelList tr.even,
504 table.prefLabelList tr.odd,
505 table.prefLabelList tr.evenSelected,
506 table.prefLabelList tr.oddSelected,
507 table.prefUserList tr.even,
508 table.prefUserList tr.odd,
509 table.prefUserList tr.evenSelected,
510 table.prefUserList tr.oddSelected,
511 table.prefFeedList tr.even,
512 table.prefFeedList tr.odd,
513 table.prefFeedList tr.evenSelected,
514 table.prefFeedList tr.oddSelected
515 {
516 cursor : pointer;
517 }
518
519 table.prefFilterList tr.even:hover td,
520 table.prefFilterList tr.odd:hover td,
521 table.prefFilterList tr.evenSelected:hover td,
522 table.prefFilterList tr.oddSelected:hover td
523 table.prefLabelList tr.even:hover td,
524 table.prefLabelList tr.odd:hover td,
525 table.prefLabelList tr.evenSelected:hover td,
526 table.prefLabelList tr.oddSelected:hover td,
527 table.prefUserList tr.even:hover td,
528 table.prefUserList tr.odd:hover td,
529 table.prefUserList tr.evenSelected:hover td,
530 table.prefUserList tr.oddSelected:hover td,
531 table.prefFeedList tr.even:hover td,
532 table.prefFeedList tr.odd:hover td,
533 table.prefFeedList tr.evenSelected:hover td,
534 table.prefFeedList tr.oddSelected:hover td
535 {
536 color : #88b0f0;
537 }
538
539 table.prefFeedList td.feedIcon {
540 text-align : center;
541 }
542
543 table.prefFeedList td.feedSelect {
544 text-align : center;
545 }
546
547 div.prefFeedCatHolder {
548 height : 250px;
549 overflow : auto;
550 border : 1px solid #99d67a;
551 margin : 5px 0px 5px 0px;
552 background-color : white;
553 }
554
555 a.helpLink {
556 color : #808080;
557 }
558
559 a.helpLink:hover {
560 color : #4684ff;
561 }
562
563 div.helpResponse {
564 margin : 10px;
565 background-image : url("images/vgrad_light_rev2.png");
566 background-position : top left;
567 background-repeat : repeat-x;
568 padding : 10px 20px 10px 20px;
569 border : 1px solid #f0f0f0;
570 }
571
572 #infoBoxTitle {
573 border-width : 1px 1px 1px 1px;
574 border-style : solid;
575 border-color : #99d67a;
576 background-color : #99d67a;
577 padding : 4px 2px 4px 10px;
578 color : white;
579 font-weight : bold;
580 font-size : 12px;
581 }
582
583 /* shadow stuff from http://www.sixapart.com/pronet/articles/ydsf_-_robust_c.html */
584
585 #infoBox {
586 border-width : 1px 1px 1px 1px;
587 border-style : solid;
588 border-color : #99d67a;
589 background-color : #f8fcf5;
590 position: relative;
591 overflow : hidden;
592 left : -4px;
593 top : -4px;
594 }
595
596 html>body #infoBox {
597 left : -10px;
598 top : -10px;
599 margin : 0;
600 }
601
602 #infoBoxShadow:before, #infoBoxShadow:after {
603 content : " ";
604 display : block;
605 background : inherit;
606 width : 10px;
607 height : 10px;
608 }
609
610 #infoBoxShadow:before {
611 position : absolute;
612 top : 0;
613 right : 0;
614 margin : -10px 0 0 auto;
615 background-position : right top;
616 }
617
618 #infoBoxShadow:after {
619 margin : -10px 0 0 -10px;
620 background-position : left bottom;
621 }
622
623
624 #infoBoxShadow {
625 background-image : url("images/shadow.png");
626 background-position : bottom right;
627 left : 25%;
628 top : 70px;
629 width : 50%;
630 z-index : 5;
631 position : absolute;
632 display : none;
633 min-width : 600px;
634 }
635
636 div.infoBoxContents {
637 padding : 10px;
638 margin-bottom : 5px;
639 font-size : 12px;
640 }
641
642 div.infoBoxContents td {
643 font-size : 12px;
644 }
645
646 div.infoBoxContents a {
647 color : #527040;
648 }
649
650 div.infoBoxContents a:hover {
651 color : black;
652 }
653
654 div.helpResponse h1, div.infoBoxContents h1 {
655 /* border-width : 0px 0px 1px 0px;
656 border-style : solid;
657 border-color : #c0c0c0; */
658 font-size : 18px;
659 }
660
661 div.helpResponse h2, div.infoBoxContents h2 {
662 /* border-width : 0px 0px 0px 0px; */
663 font-size : 16px;
664 }
665
666 pre {
667 margin : 5px;
668 }
669
670 input.extSearch {
671 width : 100%;
672 }
673
674 div.firstTab {
675 width : 10px;
676 float : left;
677 }
678
679 div.prefsTab:hover {
680 cursor : pointer;
681 }
682
683 div.prefsTabSelected:hover {
684 cursor : pointer;
685 }
686
687 div.prefsTab {
688 float : left;
689 border-width : 1px 1px 0px 1px;
690 border-color : #88b0f0;
691 border-style : solid;
692 margin : 0px 0px 0px 5px;
693 padding : 3px 5px 3px 5px;
694 font-size : 12px;
695 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
696 border-collapse : collapse;
697 min-width : 100px;
698 text-align : center;
699 cursor : pointer;
700 position : relative;
701 bottom : -1px;
702 height : 30px;
703 }
704
705 div.prefsTabSelected {
706 float : left;
707 border-width : 1px 1px 0px 1px;
708 border-color : #88b0f0;
709 border-style : solid;
710 margin : 0px 0px 0px 5px;
711 padding : 3px 5px 3px 5px;
712 background-color : #ecf4ff;
713 font-size : 12px;
714 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
715 border-collapse : collapse;
716 font-weight : bold;
717 min-width : 100px;
718 text-align : center;
719 cursor : pointer;
720 position : relative;
721 bottom : -1px;
722 z-index : 3;
723 height : 30px;
724 }
725
726 div.notice {
727 background : #ffffff;
728 border : 1px solid #88b0f0;
729 width : 60%;
730 padding : 5px;
731 margin : 0px 0px 5px 0px;
732 font-size : 12px;
733 }
734
735 div.warning {
736 background : #fff7d5;
737 border : 1px solid #d7c47a;
738 font-size : 12px;
739 width : 60%;
740 padding : 5px;
741 margin : 0px 0px 5px 0px;
742 }
743
744
745 div.warning img, div.notice img, div.error img {
746 vertical-align : middle;
747 padding : 5px;
748 }
749
750 div.error {
751 border : 1px solid #ff0000;
752 background : #ffcccc;
753 padding : 5px;
754 margin : 0px 0px 5px 0px;
755 font-size : 12px;
756 }
757
758 ul.nomarks {
759 list-style-type : none;
760 margin : 0px;
761 padding : 10px;
762 }
763
764 div.prefHelp, td.prefHelp {
765 color : gray;
766 padding : 5px;
767 }
768
769 table.loginForm {
770 background-color : #ecf4ff;
771 }
772
773 table.innerLoginForm {
774 border : 1px solid #88b0f0;
775 padding : 50px;
776 background-color : white;
777 }
778
779 table.innerLoginForm td {
780 padding : 3px 3px 5px 3px;
781 }
782
783 span.feed_error {
784 color : red;
785 }
786
787 .insensitive {
788 color : gray;
789 }
790
791 .insensitive a {
792 color : #4684ff;
793 }
794
795 .insensitive a:hover {
796 color : black;
797 }
798
799 /* .prefGenericAddBox {
800 font-size : 12px;
801 } */
802
803 body.logoutBody {
804 background-color : #f0f0f0;
805 color : black;
806 }
807
808 span.logoutWarning {
809 color : red;
810 font-weight : bold;
811 }
812
813 div.logoutContent {
814 width : 600px;
815 border : 1px solid #c0c0c0;
816 background-color : white;
817 margin-left : auto;
818 margin-right : auto;
819 margin-top : 20px;
820 padding : 10px;
821 }
822
823 .small {
824 font-size : 12px;
825 }
826
827 table.innerFeedTable td {
828 margin : 0px;
829 padding : 0px;
830 }
831
832 td.selectPrompt {
833 font-size : 12px;
834 color : gray;
835 }
836
837 table.headlinesSubToolbar {
838 border-width : 0px 0px 1px 0px;
839 border-style : solid;
840 border-color : #f0f0f0;
841 position : absolute;
842 left : 0px;
843 top : 0px;
844 height : 25px;
845 right : 0px;
846 background-color : white;
847 font-size : 11px;
848 font-family : "Lucida Grande", Tahoma, Arial, sans-serif;
849 color : gray;
850 }
851
852 input#subtoolbar_search_box {
853 height : 10px;
854 font-size : 9px;
855 vertical-align : middle;
856 }
857
858 table.headlinesSubToolbar td.headlineActions {
859 padding : 0px 5px 0px 5px;
860 }
861
862 table.headlinesSubToolbar td.headlineActionsRTL {
863 padding : 0px 5px 0px 5px;
864 }
865
866 table.headlinesSubToolbar td.headlineTitle {
867 padding : 0px 5px 0px 5px;
868 text-align : right;
869 }
870
871 table.headlinesSubToolbar td.headlineTitleRTL {
872 padding : 0px 5px 0px 5px;
873 text-align : left;
874 }
875
876 span.contentPreview {
877 font-size : 12px;
878 color : gray;
879 font-weight : normal;
880 }
881
882 span.contentPreview:hover {
883 color : #4684ff;
884 }
885
886 table.headlinesList {
887 width : 100%;
888 }
889
890 table.headlinesList td.hlFeedIcon {
891 width : 25px;
892 text-align : center;
893 cursor : pointer;
894 }
895
896
897 table.headlinesList td.hlMarkedPic {
898 width : 25px;
899 text-align : center;
900 }
901
902 table.headlinesList td.hlfeed {
903 text-align : right;
904 }
905
906 td.hlSelectRow, td.hlUpdPic {
907 width : 25px;
908 text-align : center;
909 }
910
911 table.headlinesList td.hlUpdated {
912 color : gray;
913 text-align : right;
914 width : 100px;
915 cursor : pointer;
916 }
917
918 table.headlinesList tr td {
919 padding : 2px 0px 2px 0px;
920 }
921
922 div.postHeader div.postDate {
923 text-align : right;
924 color : gray;
925 float : right;
926 }
927
928 div.postHeader div.postDateRTL {
929 text-align : left;
930 color : gray;
931 float : right;
932 }
933
934 div.postReply span.tagList {
935 color : gray;
936 }
937
938 div.postHeader div {
939 padding-bottom : 3px;
940 font-size : 12px;
941 /* font-family : "Lucida Grande", Tahoma, sans-serif; */
942 }
943
944 #feedUpdateErrors {
945 display : none;
946 }
947
948 #allEntryTags {
949 font-size : 12px;
950 border-width : 0px 0px 1px 0px;
951 border-style : solid;
952 border-color : #c0c0c0;
953 padding-bottom : 5px;
954 display : none;
955 }
956
957 /*td.hlContent {
958 overflow : hidden;
959 height : 1em;
960 display : block;
961 } */
962
963 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
964 height : 1em;
965 }
966
967 td.hlFeed {
968 text-align : right;
969 }
970
971 span.hlFeed, span.hlFeed a {
972 font-size : 12px;
973 color : gray;
974 }
975
976 span.hlFeed a:hover {
977 color : #4684ff;
978 }
979
980 /* div.cdmArticle:hover {
981 background-color : white;
982 } */
983
984 div.cdmAllTags {
985 float : left;
986 background-color : white;
987 border : 1px solid #c0c0c0;
988 display : none;
989 z-index : 3;
990 top : auto;
991 left : auto;
992 right : auto;
993 position : absolute;
994 padding : 10px;
995 }
996
997 span.cdmAllTagsCtr:hover div {
998 display : block;
999 }
1000
1001 div.cdmArticle {
1002 border-color : #a0a0a0;
1003 border-width : 0px 0px 1px 0px;
1004 border-style : solid;
1005 background-color : #f9faff;
1006 margin : 0px;
1007 color : #505050;
1008 /* padding : 10px; */
1009 color : black;
1010
1011 }
1012
1013 /* div.cdmArticleUnread:hover {
1014 background-color : white;
1015 } */
1016
1017 div.cdmArticleUnread {
1018 border-color : #a0a0a0;
1019 border-width : 0px 0px 1px 0px;
1020 border-style : solid;
1021 background-color : white;
1022 margin : 0px;
1023 /* padding : 10px; */
1024 color : black;
1025 }
1026
1027 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
1028 margin : 0px;
1029 background-color : #fff7d5;
1030 border-color : #e7d796;
1031 border-width : 0px 0px 1px 0px;
1032 border-style : solid;
1033 }
1034
1035 div.cdmArticleUnread div.cdmHeader a.title,
1036 div.cdmArticleUnreadSelected div.cdmHeader a.title {
1037 font-weight : bold;
1038 }
1039
1040 div.cdmHeader {
1041 padding : 5px 5px 10px 5px;
1042 color : gray;
1043
1044 }
1045
1046 div.cdmArticleUnread div.cdmHeader span.titleWrap a {
1047 color : black;
1048 }
1049
1050 div.cdmFooter {
1051 font-size : 12px;
1052 color : black;
1053 padding : 5px;
1054 color : gray;
1055 /* background-color : white; */
1056 border-width : 1px 0px 0px 0px;
1057 border-color : #c0c0c0;
1058 border-style : dotted;
1059 }
1060
1061 /*div.cdmArticleSelected div.cdmFooter {
1062 background-color : transparent;
1063 }
1064
1065 div.cdmArticleUnreadSelected div.cdmFooter {
1066 background-color : transparent;
1067 }*/
1068
1069 div.cdmFooter span.s0 {
1070 border-width : 0px 1px 0px 0px;
1071 border-color : #c0c0c0;
1072 border-style : dotted;
1073 padding : 0px 5px 0px 0px;
1074 }
1075
1076 div.cdmFooter span.s1 {
1077 border-width : 0px 1px 0px 0px;
1078 border-color : #c0c0c0;
1079 border-style : dotted;
1080 padding : 0px 5px 0px 5px;
1081 }
1082
1083 div.cdmFooter span.s2 {
1084 padding : 0px 5px 0px 5px;
1085 }
1086
1087 div.cdmFooter img.markedPic, div.cdmFooter img.tagsPic {
1088 width : 16px;
1089 height : 16px;
1090 vertical-align : middle;
1091 }
1092
1093 img.markedPic {
1094 cursor : pointer;
1095 }
1096
1097 div.cdmHeader div.articleUpdated {
1098 float : right;
1099 font-weight : bold;
1100 color : gray;
1101 }
1102
1103 div.cdmHeader div.articleUpdated img {
1104 vertical-align : middle;
1105 }
1106
1107 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
1108 margin : 0px;
1109 }
1110
1111 div.cdmHeader, div.cdmHeader a {
1112 color : #505050;
1113 font-size : 12px;
1114 }
1115
1116 div.cdmHeader a:hover {
1117 color : #4684ff;
1118 }
1119
1120 div.cdmContent {
1121 margin : 0px 15px 5px 15px;
1122 }
1123
1124 div.cdmContent img {
1125 border-width : 0px;
1126 max-width : 98%;
1127 }
1128
1129 div.cdmContent:hover {
1130 cursor : pointer;
1131 }
1132
1133 div.cdmExcerpt {
1134 margin : 0px 15px 5px 15px;
1135 }
1136
1137 div.cdmExcerpt:hover {
1138 cursor : pointer;
1139 color : #88b0f0;
1140 }
1141
1142 div.cdmEnclosures {
1143 margin-top : 1em;
1144 color : gray;
1145 }
1146
1147 a.warning {
1148 color : #f04040;
1149 }
1150
1151 img.closeButton {
1152 border-width : 0px;
1153 float : right;
1154 }
1155
1156 span.groupPrompt {
1157 font-size : 12px;
1158 color : #4684ff;
1159 }
1160
1161 div.tagCloudContainer {
1162 /* height : 300px;
1163 overflow : auto; */
1164 border : 1px solid #99d67a;
1165 background-color : white;
1166 margin : 5px 0px 5px 0px;
1167 padding : 5px;
1168 text-align : center;
1169 }
1170
1171 ul.feedErrorsList {
1172 height : 300px;
1173 overflow : auto;
1174 list-style-type : none;
1175 border : 1px solid #99d67a;
1176 background-color : white;
1177 margin : 0px 0px 5px 0px;
1178 padding : 0px;
1179 }
1180
1181 ul.userFeedList {
1182 height : 300px;
1183 overflow : auto;
1184 list-style-type : none;
1185 border : 1px solid #99d67a;
1186 background-color : white;
1187 margin : 0px 0px 5px 0px;
1188 padding : 0px;
1189 }
1190
1191 /* #browseBigFeedList li.oddSelected {
1192 border : 1px solid #d0d0f6;
1193 background-color : #eaeaff;
1194 -moz-border-radius : 5px;
1195 } */
1196
1197 /*#browseBigFeedList li {
1198 padding :0px;
1199 }*/
1200
1201 div.labelTestError {
1202 margin : 5px 0px 5px 0px;
1203 color : #f04040;
1204 }
1205
1206 ul.labelTestResults {
1207 height : 100px;
1208 overflow : auto;
1209 list-style-type : none;
1210 margin : 0px 0px 5px 0px;
1211 padding : 0px;
1212 border : 1px solid #99d67a;
1213 background-color : white;
1214 }
1215
1216 ul.filterTestResults {
1217 height : 300px;
1218 overflow : auto;
1219 list-style-type : none;
1220 margin : 0px 0px 5px 0px;
1221 padding : 0px;
1222 border : 1px solid #99d67a;
1223 background-color : white;
1224 }
1225
1226 ul.browseFeedList {
1227 height : 300px;
1228 overflow : auto;
1229 list-style-type : none;
1230 margin : 0px 0px 5px 0px;
1231 padding : 0px;
1232 border : 1px solid #99d67a;
1233 background-color : white;
1234 }
1235
1236 ul.browseFeedList li {
1237 margin : 0px;
1238 padding : 0px;
1239 }
1240
1241 span.subscribers {
1242 color : #808080;
1243 }
1244
1245 div.subscribers {
1246 color : #808080;
1247 font-size : 12px;
1248 float : right;
1249 }
1250
1251 input.feedBrowseCB {
1252 margin-right : 1em;
1253 }
1254
1255 div.browserDetails {
1256 margin : 5px 5px 5px 5px;
1257 padding : 5px;
1258 }
1259
1260 ul.compact {
1261 list-style-type : none;
1262 margin : 0px;
1263 padding : 0px;
1264 }
1265
1266 ul.compact li {
1267 margin : 0px;
1268 padding : 0px;
1269 }
1270
1271 div.browserFeedInfo {
1272 font-size : 12px;
1273 /* border : 1px solid #88b0f0;
1274 background-color : #ecf4ff;
1275 -moz-border-radius : 5px; */
1276 padding : 5px;
1277 }
1278
1279 div.browserFeedInfo div.detailsPart {
1280 margin : 5px 0px 5px 5px;
1281 }
1282
1283 div.cdmContent a {
1284 color : #4684ff;
1285 }
1286
1287 div.cdmContent a:hover {
1288 color : black;
1289 }
1290
1291 a.cdmToggleLink {
1292 color : #808080;
1293 font-size : 12px;
1294 }
1295
1296 a.cdmToggleLink:hover {
1297 color : #4684ff;
1298 }
1299
1300 .noborder {
1301 border-width : 0px;
1302 }
1303
1304 #debug_output {
1305 position : absolute;
1306 width : 400px;
1307 height : 200px;
1308 right : 20px;
1309 bottom : 20px;
1310 z-index : 999;
1311 background-color : white;
1312 border : 1px solid #c0c0c0;
1313 overflow : auto;
1314 margin : 0px;
1315 padding : 0px;
1316 list-style-type : none;
1317 }
1318
1319 #debug_output li {
1320 margin : 0px;
1321 padding : 0px;
1322 font-size : 11px;
1323 }
1324
1325 #dialog_overlay {
1326 left : 0;
1327 top : 0;
1328 height : 100%;
1329 width : 100%;
1330 z-index : 4;
1331 position : absolute;
1332 background-image : url("images/shadow_white.png");
1333 }
1334
1335 #overlay {
1336 background : white;
1337 left : 0;
1338 top : 0;
1339 height : 100%;
1340 width : 100%;
1341 z-index : 100;
1342 position : absolute;
1343 }
1344
1345 #overlay_inner {
1346 font-weight : bold;
1347 margin : 10px;
1348 }
1349
1350 #fatal_error {
1351 background : white;
1352 left : 0;
1353 top : 0;
1354 height : 100%;
1355 width : 100%;
1356 z-index : 200;
1357 display : none;
1358 position : absolute;
1359 }
1360
1361 #fatal_error_inner {
1362 font-weight : bold;
1363 margin : 10px;
1364 color : red;
1365 }
1366
1367 #fatal_error_msg {
1368 color : black;
1369 padding : 10px;
1370 font-weight : normal;
1371 background-color : #ffcccc;
1372 border : 1px solid #ff0000;
1373 }
1374
1375 #fatal_error_msg a {
1376 color : red;
1377 }
1378
1379 #fatal_error_msg a:hover {
1380 color : red;
1381 text-decoration : underline;
1382 }
1383
1384 #fatal_error_msg img {
1385 vertical-align : middle;
1386 }
1387
1388 #noDaemonWarning {
1389 position : absolute;
1390 background-color : #ecf4ff;
1391 border : 1px solid #88b0f0;
1392 padding : 10px;
1393 margin : 5px;
1394 z-index : 2;
1395 display : none;
1396 }
1397
1398 #qafInput {
1399 width : 100%;
1400 }
1401
1402 form {
1403 margin : 0px;
1404 padding : 0px;
1405 }
1406
1407 #main_toolbar_form {
1408 margin : 0px;
1409 padding : 0px;
1410 display : inline;
1411 }
1412
1413 div.feedExtInfo {
1414 margin-left : 2em;
1415 font-size : 7pt;
1416 color : gray;
1417 font-weight : normal;
1418 }
1419
1420 span.debugTS {
1421 color : #4684ff;
1422 }
1423
1424 #backReqBox {
1425 display : none;
1426 }
1427
1428 /*.scriptWarn:before {
1429 content : "Disabled script:";
1430 }*/
1431
1432 .scriptWarn {
1433 color : white;
1434 background-color : #903030;
1435 border : 1px solid #601010;
1436 padding : 3px;
1437 font-weight : bold;
1438 display : none;
1439 }
1440
1441 .objectWarn {
1442 color : gray;
1443 font-style: italic;
1444 text-align : center;
1445 }
1446
1447 table.loginForm2 {
1448 padding : 1em;
1449 }
1450
1451 table.loginForm2 .loginTop {
1452 border-width : 0px 0px 1px 0px;
1453 border-color : #88b0f0;
1454 border-style : solid;
1455 padding : 0.5em;
1456 }
1457
1458 table.loginForm2 .loginMiddle {
1459 padding : 3em;
1460 }
1461
1462 table.loginForm2 .loginBottom {
1463 border-width : 1px 0px 0px 0px;
1464 border-color : #88b0f0;
1465 border-style : solid;
1466 font-size : 12px;
1467 text-align : center;
1468 color : #909090;
1469 padding : 0.5em;
1470 }
1471
1472 table.loginForm2 .loginBottom a {
1473 color : gray;
1474 }
1475
1476 table.loginForm2 .loginBottom a:hover {
1477 color : #4684ff;
1478 }
1479
1480 table.loginForm2 .loginError {
1481 color : red;
1482 margin : 0.5em;
1483 }
1484
1485 table.loginForm2 .innerLoginCell {
1486 padding-top : 0.5em;
1487 }
1488
1489 #milestoneDetails {
1490 display : none;
1491 }
1492
1493 div.loadingPrompt {
1494 padding : 1em;
1495 text-align : center;
1496 font-weight : bold;
1497 }
1498
1499 div.whiteBox {
1500 background-color : white;
1501 margin-left : 1px;
1502 text-align : center;
1503 padding : 1em;
1504 }
1505
1506 /* layout */
1507
1508 #header {
1509 position : absolute;
1510 white-space: nowrap;
1511 top : 10px;
1512 left : 15px;
1513 right : 5px;
1514 height : 40px;
1515 color : #4684ff;
1516 font-size : 12px;
1517 }
1518
1519 #feeds-holder {
1520 border-width : 1px 1px 0px 0px;
1521 border-style : solid;
1522 border-color : #88b0f0;
1523 top : 50px;
1524 left : 0px;
1525 position : absolute;
1526 width : 260px;
1527 overflow : auto;
1528 bottom : 0px;
1529 border-collapse : collapse;
1530 }
1531
1532 #toolbar {
1533 position : absolute;
1534 left : 261px;
1535 padding : 5px 10px 5px 10px;
1536 top : 50px;
1537 right : 0px;
1538 white-space: nowrap;
1539 height : 30px;
1540 background-image : url("images/toolbar.png");
1541 background-position : bottom left;
1542 background-repeat : repeat-x;
1543 font-size : 12px;
1544 }
1545
1546 div.headlines_normal {
1547 position : absolute;
1548 border-width : 1px 0px 0px 0px;
1549 border-style : solid;
1550 border-color : #88b0f0;
1551 left : 261px;
1552 height : 305px;
1553 top : 85px;
1554 right : 0px;
1555 overflow : hidden;
1556 font-size : 12px;
1557 border-collapse : collapse;
1558 }
1559
1560 div.headlines_cdm {
1561 position : absolute;
1562 border-width : 1px 0px 1px 0px;
1563 border-style : solid;
1564 border-color : #88b0f0;
1565 left : 261px;
1566 bottom : 40px;
1567 top : 85px;
1568 right : 0px;
1569 overflow : hidden;
1570 font-size : 12px;
1571 border-collapse : collapse;
1572 }
1573
1574 #content-frame {
1575 position : absolute;
1576 border-width : 1px 0px 0px 0px;
1577 border-style : solid;
1578 border-color : #88b0f0;
1579 overflow : auto;
1580 top : 390px;
1581 left : 261px;
1582 bottom : 40px;
1583 right : 0px;
1584 border-collapse : collapse;
1585 }
1586
1587 /*#resize-grabber {
1588 position : absolute;
1589 border-width : 1px;
1590 border-style : dotted;
1591 border-color : #88b0f0;
1592 background-color : white;
1593 width : 8px;
1594 height : 8px;
1595 z-index : 20;
1596 right : 20px;
1597 top : 20px;
1598 display : none;
1599 cursor : move;
1600 }*/
1601
1602 #resize-grabber {
1603 height : 5px;
1604 border-width : 0px 0px 1px 0px;
1605 border-style : solid;
1606 border-color : #88b0f0;
1607 background : url("images/resize_horiz.png") top left;
1608 cursor : move;
1609 text-align : center;
1610 }
1611
1612 #footer, #prefFooter {
1613 position : absolute;
1614 bottom : 0px;
1615 height : 20px;
1616 text-align : center;
1617 color : gray;
1618 font-size : 12px;
1619 background-image : url("images/footer.png");
1620 background-position : top left;
1621 background-repeat : repeat-x;
1622 background-color : white;
1623 right : 0px;
1624 left : 261px;
1625 padding : 10px;
1626 border-collapse : collapse;
1627 border-width : 1px 0px 0px 0px;
1628 border-style : solid;
1629 border-color : #88b0f0;
1630
1631 }
1632
1633 #prefFooter {
1634 left : 0px;
1635 }
1636
1637 #footer a, #prefFooter a {
1638 color : gray;
1639 }
1640
1641 #footer a:hover, #prefFooter a:hover {
1642 color : black;
1643 }
1644
1645 #headlinesContainer {
1646 margin-left : 0px;
1647 background-color : white;
1648 }
1649
1650 #headlineActionsTop {
1651 /* border-width : 0px 0px 1px 0px;
1652 border-style : solid;
1653 border-color : #c0c0c0;
1654 background-color : #fafafa; */
1655 font-size : 12px;
1656 }
1657
1658 #headlinesInnerContainer {
1659 overflow : auto;
1660 position : absolute;
1661 left : 0px;
1662 right : 0px;
1663 bottom : 0px;
1664 top : 25px;
1665 }
1666
1667 /* preferences layout */
1668
1669 #prefHeader {
1670 color : #4684ff;
1671 font-size : 12px;
1672 margin : 10px;
1673 height : 33px;
1674 }
1675
1676 div.return {
1677 float : right;
1678 font-size : 12px;
1679 margin-right : 10px;
1680 }
1681
1682 div.return a {
1683 color : #4684ff;
1684 }
1685
1686 div.return a:hover {
1687 color : black;
1688 }
1689
1690 #prefContentOuter {
1691 clear : left;
1692 position : absolute;
1693 bottom : 41px;
1694 top : 75px;
1695 left : 0px;
1696 right : 0px;
1697 min-height : 300px;
1698 border-width : 1px 0px 0px 0px;
1699 border-color : #88b0f0;
1700 border-style : solid;
1701 font-size : 12px;
1702 }
1703
1704 #prefContent {
1705 z-index : 4;
1706 background-image : url("images/prefs-content.png");
1707 background-position : top left;
1708 background-repeat : repeat-x;
1709 position : absolute;
1710 bottom : 0px;
1711 top : 0px;
1712 left : 0px;
1713 right : 0px;
1714 padding : 1em;
1715 overflow : auto;
1716
1717 }
1718
1719 #userSwitch {
1720 position : absolute;
1721 bottom : 2px;
1722 right : 2px;
1723 }
1724
1725 a.feedUpdErrLink {
1726 color : #ff0000;
1727 display : block;
1728 margin-bottom : 0.5em;
1729 }
1730
1731 .catCtrHasUnread, .feedCtrHasUnread {
1732 font-weight : bold;
1733 color : #707070;
1734 }
1735
1736 .catCtrNoUnread, .feedCtrNoUnread {
1737 display : none;
1738 }
1739
1740 ul.headlineDropdownMenu {
1741 list-style-type : none;
1742 margin : 0px;
1743 padding : 0px;
1744 }
1745
1746 ul.headlineDropdownMenu li.top {
1747 float : left;
1748 width : 12em;
1749 background-image : url("images/down_arrow.png");
1750 background-position : center right;
1751 background-repeat : no-repeat;
1752 margin : 0px;
1753 cursor : pointer;
1754 border-width : 1px 1px 1px 1px;
1755 border-color : transparent;
1756 border-style : solid;
1757 }
1758
1759 ul.headlineDropdownMenu li.top2 {
1760 float : left;
1761 }
1762
1763 ul.headlineDropdownMenu li.top3 {
1764 float : left;
1765 margin : 0px;
1766 cursor : pointer;
1767 border-width : 1px 1px 1px 1px;
1768 border-color : transparent;
1769 border-style : solid;
1770 }
1771
1772 ul.headlineDropdownMenu li.vsep {
1773 float : left;
1774 margin : 0px 5px 0px 0px;
1775 border-width : 0px 1px 0px 0px;
1776 border-color : #c0c0c0;
1777 border-style : dotted;
1778 color : white;
1779 }
1780
1781 ul.headlineDropdownMenu li.top:hover {
1782 cursor : pointer;
1783 border-width : 1px 1px 1px 1px;
1784 border-color : #c0c0c0;
1785 border-style : solid;
1786 }
1787
1788 ul.headlineDropdownMenu li.top:hover ul {
1789 display : block;
1790 }
1791
1792 ul.headlineDropdownMenu ul {
1793 list-style-type : none;
1794 position : absolute;
1795 float : none;
1796 margin : 0px;
1797 padding : 0px;
1798 display : none;
1799 background-color : white;
1800 width : 12em;
1801 z-index : 3;
1802 top : auto;
1803 left : auto;
1804 border-width : 0px 1px 1px 1px;
1805 border-color : #c0c0c0;
1806 border-style : solid;
1807 margin-left : -1px;
1808 }
1809
1810 ul.headlineDropdownMenu ul li {
1811 float: none;
1812 padding : 2px 0px 2px 10px;
1813 color : black;
1814 }
1815
1816 ul.headlineDropdownMenu ul li:hover {
1817 color : #4684ff;
1818 background-color : #f0f0f0;
1819 }
1820
1821 #newVersionIcon {
1822 vertical-align : middle;
1823 cursor : pointer;
1824 }
1825
1826 a.helpLinkPic {
1827 float : right;
1828 }
1829
1830 a.helpLinkPic img {
1831 border-width : 0px;
1832 }
1833
1834 #fadd_login_container {
1835 }
1836
1837 li.feedCatHolder {
1838 display : inline;
1839 }
1840
1841 table.prefFeedCatList {
1842 background-color : white;
1843 }
1844
1845 /*a[target="_new"], a[target="_blank"] {
1846 border-width : 0px 0px 1px 0px;
1847 border-color : #778899;
1848 border-style : dotted;
1849 }*/
1850
1851 div.autocomplete {
1852 position : absolute;
1853 width : 250px;
1854 background-color : white;
1855 border :1px solid #778899;
1856 margin : 0px;
1857 padding : 0px;
1858 }
1859
1860 div.autocomplete ul {
1861 list-style-type : none;
1862 margin : 0px;
1863 padding : 0px;
1864 }
1865
1866 div.autocomplete ul li.selected {
1867 background-color : #fff7d5;
1868 }
1869
1870 div.autocomplete ul li {
1871 list-style-type : none;
1872 display : block;
1873 margin : 0;
1874 padding : 2px;
1875 height : 32px;
1876 cursor : pointer;
1877 }
1878
1879 #feedOpToolbar {
1880 float : right;
1881 }
1882
1883 div.topLinks {
1884 float : right;
1885 margin-right : 5px;
1886 color : gray;
1887 }
1888
1889 div.topLinks a {
1890 color : #4684ff;
1891 }
1892
1893 div.topLinks a:hover {
1894 color : black;
1895 }
1896
1897 div.topLinks a.feedback {
1898 color : #009900;
1899 }
1900
1901 div.dashboard {
1902 margin-left : 3px;
1903 }
1904
1905 a.visibleLink {
1906 color : #4684ff;
1907
1908 }
1909
1910 a.visibleLinkB {
1911 color : #4684ff;
1912 border : 1px solid #4684ff;
1913 padding : 2px;
1914 }
1915
1916 a.visibleLinkB:hover {
1917 background-color : #ecf4ff;
1918 }
1919
1920 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1921 color : #4684ff;
1922 }
1923
1924 div.cdmFeedTitle {
1925 border-color : #a0a0a0;
1926 border-width : 0px 0px 1px 0px;
1927 border-style : solid;
1928 padding : 5px 3px 5px 5px;
1929 background : url("images/toolbar.png") bottom left;
1930 background-repeat : repeat-x;
1931 }
1932
1933 table.headlinesList tr, table.headlinesList td {
1934 border-collapse : collapse;
1935 margin : 0px;
1936 }
1937
1938 table.headlinesList tr.feedTitle td {
1939 /* text-align : right;
1940 margin-top : 10px; */
1941 /*padding-left : 5px;*/
1942
1943 background : url("images/toolbar.png") bottom left;
1944 background-repeat : repeat-x;
1945
1946 border-color : #c0c0c0;
1947 border-width : 0px 0px 1px 0px;
1948 border-style : solid;
1949 padding : 5px 3px 5px 5px;
1950
1951 }
1952
1953 td.hlContent, td.hlContentL, td.hlContentH {
1954 cursor : pointer;
1955 }
1956
1957 td.hlContentH a, td.hlContentH span {
1958 color : #00cc00;
1959 }
1960
1961 td.hlContentL a, td.hlContentL span {
1962 color : #909090;
1963 text-decoration : line-through;
1964 }
1965
1966 span.titleWrapH, span.titleWrapH a {
1967 color : #00cc00;
1968 }
1969
1970 span.titleWrapL, span.titleWrapL a {
1971 color : #909090;
1972 text-decoration : line-through;
1973 }
1974
1975 img.hlScorePic {
1976 vertical-align : middle;
1977 width : 16px;
1978 height : 16px;
1979 }
1980
1981 div#hotkey_help_overlay {
1982 position : absolute;
1983 left : 30px;
1984 right : 30px;
1985 top : 30px;
1986 z-index : 999;
1987 color : white;
1988 font-size : 15px;
1989 }
1990
1991 div#hotkey_help_overlay h1 {
1992 text-align : center;
1993 }
1994
1995 div#hotkey_help_overlay ul {
1996 list-style-type : none;
1997 margin : 0px;
1998 }
1999
2000 div#hotkey_help_overlay li {
2001 margin : 0px;
2002 }
2003
2004 div#hotkey_help_overlay p {
2005 text-align : center;
2006 }
2007
2008 div#hotkey_help_overlay td.n {
2009 text-align : right;
2010 font-weight : bold;
2011 width : 6em;
2012 color : #a0ffa0;
2013 padding-right : 5px;
2014 }
2015
2016 div#hotkey_help_overlay td {
2017 vertical-align : top;
2018 }
2019
2020 div#hotkey_help_overlay h1 {
2021 margin : 0px;
2022 }
2023
2024 div#hotkey_help_overlay h2 {
2025 font-size : 16px;
2026 border-width : 0px;
2027 margin : 0.3em 0px 0.3em 0px;
2028 text-align : center;
2029 color : #88b0f0;
2030 }
2031
2032 div#hotkey_help_overlay table.hho td.c1 {
2033 height : 30px;
2034 width : 30px;
2035 background : url("images/c1.png");
2036 background-repeat : no-repeat;
2037
2038 }
2039
2040 div#hotkey_help_overlay table.hho td.c2 {
2041 height : 30px;
2042 width : 30px;
2043 background : url("images/c2.png");
2044 background-repeat : no-repeat;
2045 }
2046
2047 div#hotkey_help_overlay table.hho td.c3 {
2048 height : 30px;
2049 width : 30px;
2050 background : url("images/c3.png");
2051 background-repeat : no-repeat;
2052 }
2053
2054 div#hotkey_help_overlay table.hho td.c4 {
2055 height : 30px;
2056 width : 30px;
2057 background : url("images/c4.png");
2058 background-repeat : no-repeat;
2059 }
2060
2061 div#hotkey_help_overlay table.hho td.top,
2062 div#hotkey_help_overlay table.hho td.left,
2063 div#hotkey_help_overlay table.hho td.right,
2064 div#hotkey_help_overlay table.hho td.bottom,
2065 div#hotkey_help_overlay table.hho td.content {
2066 background : url("images/shadow_dark.png");
2067 }
2068
2069 div#hotkey_help_overlay table.hho td.top,
2070 div#hotkey_help_overlay table.hho td.bottom {
2071 text-align : center;
2072 font-size : 13px;
2073 }
2074
2075 div.prefKbdHelp {
2076 float : right;
2077 font-size : 12px;
2078 margin-right : 15px;
2079 }
2080
2081 div.prefKbdHelp img {
2082 vertical-align : middle;
2083 }
2084
2085 div#l_progress_o {
2086 width : 200px;
2087 border : 1px solid black;
2088 background-color : white;
2089 margin-top : 10px;
2090 }
2091
2092 div#l_progress_i {
2093 width : 10px;
2094 background-color : #88b0f0;
2095 height : 10px;
2096 }
2097
2098 #content-insert {
2099 background-color : white;
2100 overflow : auto;
2101 position : absolute;
2102 left : 0px;
2103 right : 0px;
2104 bottom : 0px;
2105 top : 6px;
2106 }
2107
2108 div.dlgSec {
2109 font-size : 14px;
2110 color : gray;
2111 font-weight : bold;
2112 clear : both;
2113 height : 20px;
2114 }
2115
2116 div.dlgSecCont {
2117 position : relative;
2118 left : 150px;
2119 top : -20px;
2120 float : left;
2121 font-size : 12px;
2122 font-weight : medium;
2123 line-height : 200%;
2124 }
2125
2126 div.dlgButtons {
2127 text-align : right;
2128 clear : both;
2129 }
2130
2131 textarea.labelSQL {
2132 font-family : monospace;
2133 }
2134
2135 div#label_test_result {
2136 clear : both;
2137 }
2138
2139 pre, code {
2140 font-size : 12px;
2141 font-family : monospace;
2142 }