]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
change db backed sessions option description
[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 : 15px;
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 : 150px;
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 }
619
620 input.prefsTabSelected {
621         border-width : 1px 1px 0px 1px;
622         border-color : #c0c0c0; 
623         padding : 2px 7px 2px 7px;
624         margin : 0px 1px 0px 0px;
625         width : 150px;
626         background : white;
627         font-weight : bold;
628         background-position : top left;
629         background-repeat : repeat-x;
630         -moz-border-radius : 7px 7px 0px 0px;
631 }
632
633
634 input.prefsTab:hover {
635         background : white;
636 }
637
638 div.warning {
639         background : #fffff0;
640         border : 1px solid #c0c0c0;
641         padding : 5px;
642         margin : 5px;
643         font-size : x-small;
644 }
645
646 div.notice {
647         background : #ffffff;
648         border : 1px solid #c0c0c0;
649         padding : 5px;
650         margin : 5px;
651         font-size : x-small;
652 }
653
654 ul.nomarks {
655         list-style-type : none;
656         margin : 0px;
657         padding : 10px; 
658 }
659
660 div.bigErrorMsg {
661         border : 1px solid #c0c0c0;
662         background : #fff0f0;
663         padding : 30px;
664         margin : 20px;
665 }
666
667 div.prefHelp, td.prefHelp {
668         font-size : x-small;
669         color : gray;
670         padding : 5px;
671 }
672
673 td.welcomePrompt {
674         font-size : x-small;
675         color : gray;
676         text-align : right;
677         padding-right : 10px;
678
679 }
680
681 td.httpWelcomePrompt {
682         font-size : small;
683         color : gray;
684         text-align : right;
685 }
686
687 table.loginForm {
688         background-image : url("images/vgrad_light_rev.png");
689         background-color : white;
690         background-position : top left;
691         background-repeat : repeat-x;
692 }
693
694 table.innerLoginForm {
695         border : 1px solid #f0f0f0;
696         padding : 50px;
697         background-color : white;
698 }
699
700 table.innerLoginForm td {
701         padding : 3px 3px 5px 3px;
702 }
703
704 span.insensitive {
705         color : gray;
706 }
707
708 .prefGenericAddBox {
709         margin : 5px;
710         font-size : small;
711 }
712
713 .prefGenericAddBox td {
714         font-size : small;
715 }
716
717 body.logoutBody {
718         background-color : #f0f0f0;
719         color : black;
720 }
721
722 span.logoutWarning {
723         color : red;
724         font-weight : bold;
725 }
726
727 div.logoutContent {
728         width : 600px;
729         border : 1px solid #c0c0c0;
730         background-color : white;
731         margin-left : auto;
732         margin-right : auto;
733         margin-top : 20px;
734         padding : 10px;
735 }
736
737 .small {
738         font-size : x-small;
739 }
740
741 table.innerFeedTable td {
742         margin : 0px;
743         padding : 0px;
744 }
745
746 td.selectPrompt {
747         font-size : x-small;
748         color : gray;
749 }
750
751 table.headlinesSubToolbar td.headlineActions {
752         font-size : x-small;
753         color : gray;
754         padding : 5px 0px 5px 5px;
755 }
756
757 table.headlinesSubToolbar td.headlineActionsRTL {
758         font-size : x-small;
759         color : gray;
760         padding : 5px 5px 5px 0px;
761 }
762
763 table.headlinesSubToolbar td.headlineTitle {
764         font-size : x-small;
765         color : gray;
766         padding : 5px 5px 5px 0px;
767         text-align : right;
768 }
769
770 table.headlinesSubToolbar td.headlineTitleRTL {
771         font-size : x-small;
772         color : gray;
773         padding : 5px 0px 5px 5px;
774         text-align : left;
775 }
776
777 span.contentPreview {
778         font-size : x-small;
779         color : gray;
780         font-weight : normal;
781 }
782
783 span.contentPreview:hover {
784         color : #5050aa;
785 }
786
787 table.headlinesList td.hlMarkedPic {
788         width : 25px;
789         text-align : center;
790 }
791
792 table.headlinesList td.hlfeed {
793         text-align : right;
794         font-size : small;
795 }
796
797 td.hlSelectRow, td.hlUpdatePic {
798         width : 25px;
799         text-align : center;
800 }
801
802 table.headlinesList td.hlUpdated {
803         font-size : small;
804         color : gray;
805         text-align : right;
806         width : 100px;
807 }
808
809 table.headlinesList tr td {
810         padding : 2px 0px 2px 0px;
811 }
812
813 /*
814 tr.even td.headlineContent, tr.evenUnread td.headlineContent {
815         display : block;
816         overflow : hidden;
817         height : 1em;   
818         background-color : #f0f0f0;
819 }
820
821 tr.odd td.headlineContent, tr.oddUnread td.headlineContent {
822         display : block;
823         overflow : hidden;
824         height : 1em;
825 }
826
827 tr.oddSelected td.headlineContent,
828 tr.evenSelected td.headlineContent,
829 tr.oddUnreadSelected td.headlineContent,
830 tr.evenUnreadSelected td.headlineContent {
831         display : block;
832         overflow : hidden;
833         height : 1em;
834         background-color : #e0e0ff;
835 } */
836
837 div.postHeader td.postDate {
838         font-size : x-small;
839         text-align : right;
840         color : gray;
841 }
842
843 #feedUpdateErrors {
844         display : none;
845 }
846
847 #allEntryTags {
848         font-size : x-small;
849         border-width : 0px 0px 1px 0px;
850         border-style : solid;
851         border-color : #c0c0c0;
852         padding-bottom : 5px;
853         display : none;
854 }
855
856 /*td.hlContent {
857         overflow : hidden;
858         height : 1em;
859         display : block;
860 } */
861
862 td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
863         height : 1em;
864 }
865
866 div.cdmArticle {
867         border : 1px solid #f0f0f0;
868         background-color : #fafafa;
869         -moz-border-radius : 5px;
870         margin : 10px 10px 0px 10px;
871         padding : 10px;
872 }
873
874 div.cdmArticleUnread {
875         border : 1px solid #d5f1f4;
876         background-color : #fafeff;
877         -moz-border-radius : 5px;
878         margin : 10px 10px 0px 10px;
879         padding : 10px;
880 }
881
882 div.cdmArticleSelected, div.cdmArticleUnreadSelected {
883         border : 1px solid #d0d0f6;
884         background-color : #eaeaff;
885         -moz-border-radius : 5px;
886         margin : 10px 10px 0px 10px;
887         padding : 10px;
888 }
889
890 div.cdmArticleUnread div.cdmHeader a, div.cdmArticleUnreadSelected div.cdmHeader a {
891         font-weight : bold;
892 }
893
894 div.cdmHeader {
895         padding-bottom : 5px;
896 }
897
898 div.cdmFooter {
899         font-size : x-small;
900         color : gray;
901         padding-top : 5px;
902 }
903
904 div.cdmFooter input, div.cdmHeader input, div.cdmFooter img {
905         margin : 0px;
906 }
907
908 div.cdmHeader, div.cdmHeader a {
909         color : gray;
910         font-size : x-small;
911 }
912
913 div.cdmHeader a:hover {
914         color : #5050aa;
915 }
916
917 div.cdmContent {
918 }
919
920 a.warning {
921         color : #f04040;
922 }
923
924 img.closeButton {
925         border-width : 0px;
926         float : right;
927 }
928
929 span.groupPrompt {
930         font-size : x-small;
931         color : #505050;
932 }
933
934 ul.userFeedList {
935         height : 300px;
936         overflow : auto;
937         list-style-type : none;
938 }
939
940 /* #browseBigFeedList li.oddSelected {
941         border : 1px solid #d0d0f6;
942         background-color : #eaeaff;
943         -moz-border-radius : 5px;
944 } */
945
946 ul.browseFeedList {
947         height : 300px;
948         overflow : auto;
949         list-style-type : none;
950         margin : 0px 0px 5px 0px;
951         padding : 0px;
952 }
953
954 ul.browseFeedList li {
955         margin : 0px;
956         padding : 0px;
957 }
958
959 span.subscribers {
960         color : #808080;
961 }
962
963 div.subscribers {
964         color : #808080;
965         font-size : x-small;
966         float : right;
967 }
968
969 input.feedBrowseCB {
970         margin-right : 1em;
971 }
972
973 div.browserDetails {
974         margin : 5px 5px 5px 5px;
975         display : none;
976         padding : 5px;
977 }
978
979 ul.compact {
980         list-style-type : none;
981         margin : 0px;
982         padding : 0px;
983 }
984
985 ul.compact li {
986         margin : 0px;
987         padding : 0px;
988 }
989
990 div.browserFeedInfo {
991         font-size : x-small;
992 }
993
994 div.browserFeedInfo div.detailsPart {
995         margin : 5px 0px 5px 5px;       
996 }
997
998 div.cdmContent a {
999         color : #5050aa;
1000 }
1001
1002 div.cdmContent a:hover {
1003         color : black;
1004 }
1005
1006 .noborder {
1007         border-width : 0px;
1008 }
1009
1010 #debug_output {
1011         width : 400;
1012         height : 200;
1013         right : 20;
1014         bottom : 20;
1015         background-color : white;
1016         display : none;
1017         z-index : 3;
1018         position : absolute;
1019         border : 1px solid #c0c0c0;
1020         overflow : auto;
1021         margin : 0px;
1022         padding : 0px;
1023         list-style-type : none;
1024 }
1025
1026 #debug_output li {
1027         margin : 0px;
1028         padding : 0px;
1029         font-size : x-small;
1030 }
1031
1032 #overlay {
1033         background : white;
1034         left : 0;
1035         top : 0;
1036         height : 100%;
1037         width : 100%;
1038         z-index : 100;
1039         position : absolute;
1040 }
1041
1042 #overlay_inner {
1043         font-weight : bold;
1044         text-align : center;
1045         margin : 10px;
1046 }