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