]> git.wh0rd.org Git - 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 }