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