]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
set max-width of images in postContent to prevent side scrolling
[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:hover {
1125 cursor : pointer;
1126 }
1127
1128 div.cdmExcerpt {
1129 margin : 0px 15px 5px 15px;
1130 }
1131
1132 div.cdmExcerpt:hover {
1133 cursor : pointer;
1134 color : #88b0f0;
1135 }
1136
1137 div.cdmEnclosures {
1138 margin-top : 1em;
1139 color : gray;
1140 }
1141
1142 a.warning {
1143 color : #f04040;
1144 }
1145
1146 img.closeButton {
1147 border-width : 0px;
1148 float : right;
1149 }
1150
1151 span.groupPrompt {
1152 font-size : 12px;
1153 color : #4684ff;
1154 }
1155
1156 div.tagCloudContainer {
1157 /* height : 300px;
1158 overflow : auto; */
1159 border : 1px solid #99d67a;
1160 background-color : white;
1161 margin : 5px 0px 5px 0px;
1162 padding : 5px;
1163 text-align : center;
1164 }
1165
1166 ul.feedErrorsList {
1167 height : 300px;
1168 overflow : auto;
1169 list-style-type : none;
1170 border : 1px solid #99d67a;
1171 background-color : white;
1172 margin : 0px 0px 5px 0px;
1173 padding : 0px;
1174 }
1175
1176 ul.userFeedList {
1177 height : 300px;
1178 overflow : auto;
1179 list-style-type : none;
1180 border : 1px solid #99d67a;
1181 background-color : white;
1182 margin : 0px 0px 5px 0px;
1183 padding : 0px;
1184 }
1185
1186 /* #browseBigFeedList li.oddSelected {
1187 border : 1px solid #d0d0f6;
1188 background-color : #eaeaff;
1189 -moz-border-radius : 5px;
1190 } */
1191
1192 /*#browseBigFeedList li {
1193 padding :0px;
1194 }*/
1195
1196 div.labelTestError {
1197 margin : 5px 0px 5px 0px;
1198 color : #f04040;
1199 }
1200
1201 ul.labelTestResults {
1202 height : 100px;
1203 overflow : auto;
1204 list-style-type : none;
1205 margin : 0px 0px 5px 0px;
1206 padding : 0px;
1207 border : 1px solid #99d67a;
1208 background-color : white;
1209 }
1210
1211 ul.filterTestResults {
1212 height : 300px;
1213 overflow : auto;
1214 list-style-type : none;
1215 margin : 0px 0px 5px 0px;
1216 padding : 0px;
1217 border : 1px solid #99d67a;
1218 background-color : white;
1219 }
1220
1221 ul.browseFeedList {
1222 height : 300px;
1223 overflow : auto;
1224 list-style-type : none;
1225 margin : 0px 0px 5px 0px;
1226 padding : 0px;
1227 border : 1px solid #99d67a;
1228 background-color : white;
1229 }
1230
1231 ul.browseFeedList li {
1232 margin : 0px;
1233 padding : 0px;
1234 }
1235
1236 span.subscribers {
1237 color : #808080;
1238 }
1239
1240 div.subscribers {
1241 color : #808080;
1242 font-size : 12px;
1243 float : right;
1244 }
1245
1246 input.feedBrowseCB {
1247 margin-right : 1em;
1248 }
1249
1250 div.browserDetails {
1251 margin : 5px 5px 5px 5px;
1252 padding : 5px;
1253 }
1254
1255 ul.compact {
1256 list-style-type : none;
1257 margin : 0px;
1258 padding : 0px;
1259 }
1260
1261 ul.compact li {
1262 margin : 0px;
1263 padding : 0px;
1264 }
1265
1266 div.browserFeedInfo {
1267 font-size : 12px;
1268 /* border : 1px solid #88b0f0;
1269 background-color : #ecf4ff;
1270 -moz-border-radius : 5px; */
1271 padding : 5px;
1272 }
1273
1274 div.browserFeedInfo div.detailsPart {
1275 margin : 5px 0px 5px 5px;
1276 }
1277
1278 div.cdmContent a {
1279 color : #4684ff;
1280 }
1281
1282 div.cdmContent a:hover {
1283 color : black;
1284 }
1285
1286 a.cdmToggleLink {
1287 color : #808080;
1288 font-size : 12px;
1289 }
1290
1291 a.cdmToggleLink:hover {
1292 color : #4684ff;
1293 }
1294
1295 .noborder {
1296 border-width : 0px;
1297 }
1298
1299 #debug_output {
1300 position : absolute;
1301 width : 400px;
1302 height : 200px;
1303 right : 20px;
1304 bottom : 20px;
1305 z-index : 999;
1306 background-color : white;
1307 border : 1px solid #c0c0c0;
1308 overflow : auto;
1309 margin : 0px;
1310 padding : 0px;
1311 list-style-type : none;
1312 }
1313
1314 #debug_output li {
1315 margin : 0px;
1316 padding : 0px;
1317 font-size : 11px;
1318 }
1319
1320 #dialog_overlay {
1321 left : 0;
1322 top : 0;
1323 height : 100%;
1324 width : 100%;
1325 z-index : 4;
1326 position : absolute;
1327 background-image : url("images/shadow_white.png");
1328 }
1329
1330 #overlay {
1331 background : white;
1332 left : 0;
1333 top : 0;
1334 height : 100%;
1335 width : 100%;
1336 z-index : 100;
1337 position : absolute;
1338 }
1339
1340 #overlay_inner {
1341 font-weight : bold;
1342 margin : 10px;
1343 }
1344
1345 #fatal_error {
1346 background : white;
1347 left : 0;
1348 top : 0;
1349 height : 100%;
1350 width : 100%;
1351 z-index : 200;
1352 display : none;
1353 position : absolute;
1354 }
1355
1356 #fatal_error_inner {
1357 font-weight : bold;
1358 margin : 10px;
1359 color : red;
1360 }
1361
1362 #fatal_error_msg {
1363 color : black;
1364 padding : 10px;
1365 font-weight : normal;
1366 background-color : #ffcccc;
1367 border : 1px solid #ff0000;
1368 }
1369
1370 #fatal_error_msg a {
1371 color : red;
1372 }
1373
1374 #fatal_error_msg a:hover {
1375 color : red;
1376 text-decoration : underline;
1377 }
1378
1379 #fatal_error_msg img {
1380 vertical-align : middle;
1381 }
1382
1383 #noDaemonWarning {
1384 position : absolute;
1385 background-color : #ecf4ff;
1386 border : 1px solid #88b0f0;
1387 padding : 10px;
1388 margin : 5px;
1389 z-index : 2;
1390 display : none;
1391 }
1392
1393 #qafInput {
1394 width : 100%;
1395 }
1396
1397 form {
1398 margin : 0px;
1399 padding : 0px;
1400 }
1401
1402 #main_toolbar_form {
1403 margin : 0px;
1404 padding : 0px;
1405 display : inline;
1406 }
1407
1408 div.feedExtInfo {
1409 margin-left : 2em;
1410 font-size : 7pt;
1411 color : gray;
1412 font-weight : normal;
1413 }
1414
1415 span.debugTS {
1416 color : #4684ff;
1417 }
1418
1419 #backReqBox {
1420 display : none;
1421 }
1422
1423 /*.scriptWarn:before {
1424 content : "Disabled script:";
1425 }*/
1426
1427 .scriptWarn {
1428 color : white;
1429 background-color : #903030;
1430 border : 1px solid #601010;
1431 padding : 3px;
1432 font-weight : bold;
1433 display : none;
1434 }
1435
1436 .objectWarn {
1437 color : gray;
1438 font-style: italic;
1439 text-align : center;
1440 }
1441
1442 table.loginForm2 {
1443 padding : 1em;
1444 }
1445
1446 table.loginForm2 .loginTop {
1447 border-width : 0px 0px 1px 0px;
1448 border-color : #88b0f0;
1449 border-style : solid;
1450 padding : 0.5em;
1451 }
1452
1453 table.loginForm2 .loginMiddle {
1454 padding : 3em;
1455 }
1456
1457 table.loginForm2 .loginBottom {
1458 border-width : 1px 0px 0px 0px;
1459 border-color : #88b0f0;
1460 border-style : solid;
1461 font-size : 12px;
1462 text-align : center;
1463 color : #909090;
1464 padding : 0.5em;
1465 }
1466
1467 table.loginForm2 .loginBottom a {
1468 color : gray;
1469 }
1470
1471 table.loginForm2 .loginBottom a:hover {
1472 color : #4684ff;
1473 }
1474
1475 table.loginForm2 .loginError {
1476 color : red;
1477 margin : 0.5em;
1478 }
1479
1480 table.loginForm2 .innerLoginCell {
1481 padding-top : 0.5em;
1482 }
1483
1484 #milestoneDetails {
1485 display : none;
1486 }
1487
1488 div.loadingPrompt {
1489 padding : 1em;
1490 text-align : center;
1491 font-weight : bold;
1492 }
1493
1494 div.whiteBox {
1495 background-color : white;
1496 margin-left : 1px;
1497 text-align : center;
1498 padding : 1em;
1499 }
1500
1501 /* layout */
1502
1503 #header {
1504 position : absolute;
1505 white-space: nowrap;
1506 top : 10px;
1507 left : 15px;
1508 right : 5px;
1509 height : 40px;
1510 color : #4684ff;
1511 font-size : 12px;
1512 }
1513
1514 #feeds-holder {
1515 border-width : 1px 1px 0px 0px;
1516 border-style : solid;
1517 border-color : #88b0f0;
1518 top : 50px;
1519 left : 0px;
1520 position : absolute;
1521 width : 260px;
1522 overflow : auto;
1523 bottom : 0px;
1524 border-collapse : collapse;
1525 }
1526
1527 #toolbar {
1528 position : absolute;
1529 left : 261px;
1530 padding : 5px 10px 5px 10px;
1531 top : 50px;
1532 right : 0px;
1533 white-space: nowrap;
1534 height : 30px;
1535 background-image : url("images/toolbar.png");
1536 background-position : bottom left;
1537 background-repeat : repeat-x;
1538 font-size : 12px;
1539 }
1540
1541 div.headlines_normal {
1542 position : absolute;
1543 border-width : 1px 0px 0px 0px;
1544 border-style : solid;
1545 border-color : #88b0f0;
1546 left : 261px;
1547 height : 305px;
1548 top : 85px;
1549 right : 0px;
1550 overflow : hidden;
1551 font-size : 12px;
1552 border-collapse : collapse;
1553 }
1554
1555 div.headlines_cdm {
1556 position : absolute;
1557 border-width : 1px 0px 1px 0px;
1558 border-style : solid;
1559 border-color : #88b0f0;
1560 left : 261px;
1561 bottom : 40px;
1562 top : 85px;
1563 right : 0px;
1564 overflow : hidden;
1565 font-size : 12px;
1566 border-collapse : collapse;
1567 }
1568
1569 #content-frame {
1570 position : absolute;
1571 border-width : 1px 0px 0px 0px;
1572 border-style : solid;
1573 border-color : #88b0f0;
1574 overflow : auto;
1575 top : 390px;
1576 left : 261px;
1577 bottom : 40px;
1578 right : 0px;
1579 border-collapse : collapse;
1580 }
1581
1582 /*#resize-grabber {
1583 position : absolute;
1584 border-width : 1px;
1585 border-style : dotted;
1586 border-color : #88b0f0;
1587 background-color : white;
1588 width : 8px;
1589 height : 8px;
1590 z-index : 20;
1591 right : 20px;
1592 top : 20px;
1593 display : none;
1594 cursor : move;
1595 }*/
1596
1597 #resize-grabber {
1598 height : 5px;
1599 border-width : 0px 0px 1px 0px;
1600 border-style : solid;
1601 border-color : #88b0f0;
1602 background : url("images/resize_horiz.png") top left;
1603 cursor : move;
1604 text-align : center;
1605 }
1606
1607 #footer, #prefFooter {
1608 position : absolute;
1609 bottom : 0px;
1610 height : 20px;
1611 text-align : center;
1612 color : gray;
1613 font-size : 12px;
1614 background-image : url("images/footer.png");
1615 background-position : top left;
1616 background-repeat : repeat-x;
1617 background-color : white;
1618 right : 0px;
1619 left : 261px;
1620 padding : 10px;
1621 border-collapse : collapse;
1622 border-width : 1px 0px 0px 0px;
1623 border-style : solid;
1624 border-color : #88b0f0;
1625
1626 }
1627
1628 #prefFooter {
1629 left : 0px;
1630 }
1631
1632 #footer a, #prefFooter a {
1633 color : gray;
1634 }
1635
1636 #footer a:hover, #prefFooter a:hover {
1637 color : black;
1638 }
1639
1640 #headlinesContainer {
1641 margin-left : 0px;
1642 background-color : white;
1643 }
1644
1645 #headlineActionsTop {
1646 /* border-width : 0px 0px 1px 0px;
1647 border-style : solid;
1648 border-color : #c0c0c0;
1649 background-color : #fafafa; */
1650 font-size : 12px;
1651 }
1652
1653 #headlinesInnerContainer {
1654 overflow : auto;
1655 position : absolute;
1656 left : 0px;
1657 right : 0px;
1658 bottom : 0px;
1659 top : 25px;
1660 }
1661
1662 /* preferences layout */
1663
1664 #prefHeader {
1665 color : #4684ff;
1666 font-size : 12px;
1667 margin : 10px;
1668 height : 33px;
1669 }
1670
1671 div.return {
1672 float : right;
1673 font-size : 12px;
1674 margin-right : 10px;
1675 }
1676
1677 div.return a {
1678 color : #4684ff;
1679 }
1680
1681 div.return a:hover {
1682 color : black;
1683 }
1684
1685 #prefContentOuter {
1686 clear : left;
1687 position : absolute;
1688 bottom : 41px;
1689 top : 75px;
1690 left : 0px;
1691 right : 0px;
1692 min-height : 300px;
1693 border-width : 1px 0px 0px 0px;
1694 border-color : #88b0f0;
1695 border-style : solid;
1696 font-size : 12px;
1697 }
1698
1699 #prefContent {
1700 z-index : 4;
1701 background-image : url("images/prefs-content.png");
1702 background-position : top left;
1703 background-repeat : repeat-x;
1704 position : absolute;
1705 bottom : 0px;
1706 top : 0px;
1707 left : 0px;
1708 right : 0px;
1709 padding : 1em;
1710 overflow : auto;
1711
1712 }
1713
1714 #userSwitch {
1715 position : absolute;
1716 bottom : 2px;
1717 right : 2px;
1718 }
1719
1720 a.feedUpdErrLink {
1721 color : #ff0000;
1722 display : block;
1723 margin-bottom : 0.5em;
1724 }
1725
1726 .catCtrHasUnread, .feedCtrHasUnread {
1727 font-weight : bold;
1728 color : #707070;
1729 }
1730
1731 .catCtrNoUnread, .feedCtrNoUnread {
1732 display : none;
1733 }
1734
1735 ul.headlineDropdownMenu {
1736 list-style-type : none;
1737 margin : 0px;
1738 padding : 0px;
1739 }
1740
1741 ul.headlineDropdownMenu li.top {
1742 float : left;
1743 width : 12em;
1744 background-image : url("images/down_arrow.png");
1745 background-position : center right;
1746 background-repeat : no-repeat;
1747 margin : 0px;
1748 cursor : pointer;
1749 border-width : 1px 1px 1px 1px;
1750 border-color : transparent;
1751 border-style : solid;
1752 }
1753
1754 ul.headlineDropdownMenu li.top2 {
1755 float : left;
1756 }
1757
1758 ul.headlineDropdownMenu li.top3 {
1759 float : left;
1760 margin : 0px;
1761 cursor : pointer;
1762 border-width : 1px 1px 1px 1px;
1763 border-color : transparent;
1764 border-style : solid;
1765 }
1766
1767 ul.headlineDropdownMenu li.vsep {
1768 float : left;
1769 margin : 0px 5px 0px 0px;
1770 border-width : 0px 1px 0px 0px;
1771 border-color : #c0c0c0;
1772 border-style : dotted;
1773 color : white;
1774 }
1775
1776 ul.headlineDropdownMenu li.top:hover {
1777 cursor : pointer;
1778 border-width : 1px 1px 1px 1px;
1779 border-color : #c0c0c0;
1780 border-style : solid;
1781 }
1782
1783 ul.headlineDropdownMenu li.top:hover ul {
1784 display : block;
1785 }
1786
1787 ul.headlineDropdownMenu ul {
1788 list-style-type : none;
1789 position : absolute;
1790 float : none;
1791 margin : 0px;
1792 padding : 0px;
1793 display : none;
1794 background-color : white;
1795 width : 12em;
1796 z-index : 3;
1797 top : auto;
1798 left : auto;
1799 border-width : 0px 1px 1px 1px;
1800 border-color : #c0c0c0;
1801 border-style : solid;
1802 margin-left : -1px;
1803 }
1804
1805 ul.headlineDropdownMenu ul li {
1806 float: none;
1807 padding : 2px 0px 2px 10px;
1808 color : black;
1809 }
1810
1811 ul.headlineDropdownMenu ul li:hover {
1812 color : #4684ff;
1813 background-color : #f0f0f0;
1814 }
1815
1816 #newVersionIcon {
1817 vertical-align : middle;
1818 cursor : pointer;
1819 }
1820
1821 a.helpLinkPic {
1822 float : right;
1823 }
1824
1825 a.helpLinkPic img {
1826 border-width : 0px;
1827 }
1828
1829 #fadd_login_container {
1830 }
1831
1832 li.feedCatHolder {
1833 display : inline;
1834 }
1835
1836 table.prefFeedCatList {
1837 background-color : white;
1838 }
1839
1840 /*a[target="_new"], a[target="_blank"] {
1841 border-width : 0px 0px 1px 0px;
1842 border-color : #778899;
1843 border-style : dotted;
1844 }*/
1845
1846 div.autocomplete {
1847 position : absolute;
1848 width : 250px;
1849 background-color : white;
1850 border :1px solid #778899;
1851 margin : 0px;
1852 padding : 0px;
1853 }
1854
1855 div.autocomplete ul {
1856 list-style-type : none;
1857 margin : 0px;
1858 padding : 0px;
1859 }
1860
1861 div.autocomplete ul li.selected {
1862 background-color : #fff7d5;
1863 }
1864
1865 div.autocomplete ul li {
1866 list-style-type : none;
1867 display : block;
1868 margin : 0;
1869 padding : 2px;
1870 height : 32px;
1871 cursor : pointer;
1872 }
1873
1874 #feedOpToolbar {
1875 float : right;
1876 }
1877
1878 div.topLinks {
1879 float : right;
1880 margin-right : 5px;
1881 color : gray;
1882 }
1883
1884 div.topLinks a {
1885 color : #4684ff;
1886 }
1887
1888 div.topLinks a:hover {
1889 color : black;
1890 }
1891
1892 div.topLinks a.feedback {
1893 color : #009900;
1894 }
1895
1896 div.dashboard {
1897 margin-left : 3px;
1898 }
1899
1900 a.visibleLink {
1901 color : #4684ff;
1902
1903 }
1904
1905 table.headlinesList tr.feedTitle td a, div.cdmFeedTitle a {
1906 color : #4684ff;
1907 }
1908
1909 div.cdmFeedTitle {
1910 border-color : #a0a0a0;
1911 border-width : 0px 0px 1px 0px;
1912 border-style : solid;
1913 padding : 5px 3px 5px 5px;
1914 background : url("images/toolbar.png") bottom left;
1915 background-repeat : repeat-x;
1916 }
1917
1918 table.headlinesList tr, table.headlinesList td {
1919 border-collapse : collapse;
1920 margin : 0px;
1921 }
1922
1923 table.headlinesList tr.feedTitle td {
1924 /* text-align : right;
1925 margin-top : 10px; */
1926 /*padding-left : 5px;*/
1927
1928 background : url("images/toolbar.png") bottom left;
1929 background-repeat : repeat-x;
1930
1931 border-color : #c0c0c0;
1932 border-width : 0px 0px 1px 0px;
1933 border-style : solid;
1934 padding : 5px 3px 5px 5px;
1935
1936 }
1937
1938 td.hlContent, td.hlContentL, td.hlContentH {
1939 cursor : pointer;
1940 }
1941
1942 td.hlContentH a, td.hlContentH span {
1943 color : #00cc00;
1944 }
1945
1946 td.hlContentL a, td.hlContentL span {
1947 color : #909090;
1948 text-decoration : line-through;
1949 }
1950
1951 span.titleWrapH, span.titleWrapH a {
1952 color : #00cc00;
1953 }
1954
1955 span.titleWrapL, span.titleWrapL a {
1956 color : #909090;
1957 text-decoration : line-through;
1958 }
1959
1960 img.hlScorePic {
1961 vertical-align : middle;
1962 width : 16px;
1963 height : 16px;
1964 }
1965
1966 div#hotkey_help_overlay {
1967 position : absolute;
1968 left : 30px;
1969 right : 30px;
1970 top : 30px;
1971 z-index : 999;
1972 color : white;
1973 font-size : 15px;
1974 }
1975
1976 div#hotkey_help_overlay h1 {
1977 text-align : center;
1978 }
1979
1980 div#hotkey_help_overlay ul {
1981 list-style-type : none;
1982 margin : 0px;
1983 }
1984
1985 div#hotkey_help_overlay li {
1986 margin : 0px;
1987 }
1988
1989 div#hotkey_help_overlay p {
1990 text-align : center;
1991 }
1992
1993 div#hotkey_help_overlay td.n {
1994 text-align : right;
1995 font-weight : bold;
1996 width : 6em;
1997 color : #a0ffa0;
1998 padding-right : 5px;
1999 }
2000
2001 div#hotkey_help_overlay td {
2002 vertical-align : top;
2003 }
2004
2005 div#hotkey_help_overlay h1 {
2006 margin : 0px;
2007 }
2008
2009 div#hotkey_help_overlay h2 {
2010 font-size : 16px;
2011 border-width : 0px;
2012 margin : 0.3em 0px 0.3em 0px;
2013 text-align : center;
2014 color : #88b0f0;
2015 }
2016
2017 div#hotkey_help_overlay table.hho td.c1 {
2018 height : 30px;
2019 width : 30px;
2020 background : url("images/c1.png");
2021 background-repeat : no-repeat;
2022
2023 }
2024
2025 div#hotkey_help_overlay table.hho td.c2 {
2026 height : 30px;
2027 width : 30px;
2028 background : url("images/c2.png");
2029 background-repeat : no-repeat;
2030 }
2031
2032 div#hotkey_help_overlay table.hho td.c3 {
2033 height : 30px;
2034 width : 30px;
2035 background : url("images/c3.png");
2036 background-repeat : no-repeat;
2037 }
2038
2039 div#hotkey_help_overlay table.hho td.c4 {
2040 height : 30px;
2041 width : 30px;
2042 background : url("images/c4.png");
2043 background-repeat : no-repeat;
2044 }
2045
2046 div#hotkey_help_overlay table.hho td.top,
2047 div#hotkey_help_overlay table.hho td.left,
2048 div#hotkey_help_overlay table.hho td.right,
2049 div#hotkey_help_overlay table.hho td.bottom,
2050 div#hotkey_help_overlay table.hho td.content {
2051 background : url("images/shadow_dark.png");
2052 }
2053
2054 div#hotkey_help_overlay table.hho td.top,
2055 div#hotkey_help_overlay table.hho td.bottom {
2056 text-align : center;
2057 font-size : 13px;
2058 }
2059
2060 div.prefKbdHelp {
2061 float : right;
2062 font-size : 12px;
2063 margin-right : 15px;
2064 }
2065
2066 div.prefKbdHelp img {
2067 vertical-align : middle;
2068 }
2069
2070 div#l_progress_o {
2071 width : 200px;
2072 border : 1px solid black;
2073 background-color : white;
2074 margin-top : 10px;
2075 }
2076
2077 div#l_progress_i {
2078 width : 10px;
2079 background-color : #88b0f0;
2080 height : 10px;
2081 }
2082
2083 #content-insert {
2084 background-color : white;
2085 overflow : auto;
2086 position : absolute;
2087 left : 0px;
2088 right : 0px;
2089 bottom : 0px;
2090 top : 6px;
2091 }
2092
2093 div.dlgSec {
2094 font-size : 14px;
2095 color : gray;
2096 font-weight : bold;
2097 clear : both;
2098 height : 20px;
2099 }
2100
2101 div.dlgSecCont {
2102 position : relative;
2103 left : 150px;
2104 top : -20px;
2105 float : left;
2106 font-size : 12px;
2107 font-weight : medium;
2108 line-height : 200%;
2109 }
2110
2111 div.dlgButtons {
2112 text-align : right;
2113 clear : both;
2114 }
2115
2116 textarea.labelSQL {
2117 font-family : monospace;
2118 }
2119
2120 div#label_test_result {
2121 clear : both;
2122 }
2123
2124 pre, code {
2125 font-size : 12px;
2126 font-family : monospace;
2127 }