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