* (bug 1477) hide details of SQL error messages by default
[mediawiki.git] / skins / amethyst / main.css
blob872269a8afb0cc765332b445ed8a25aaa81dc004
1 /*
2 ** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
3 ** Copyright Gabriel Wicke - http://wikidev.net/
4 ** License: GPL (http://www.gnu.org/copyleft/gpl.html)
5 **
6 ** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
7 ** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
8 ** Michael Zeltner and Geir Bækholt)
9 ** All you guys rock :)
11 * Amethyst skin
12 * Original design by Sorkhiri and Sorwena members of the EverQuest
13 * <Amethyst> guild
14 * Ported to MediaWiki by Ashar Voultoiz
16 gris : #2F333B
17 gris clair : #aaaaaa
18 bleu : #2A3C61
19 bleu clair : #2f6fab
20 yellow : #fabd23
24 #column-content {
25 width: 100%;
26 float: right;
27 margin: 0 0 0.6em -12.2em;
28 padding:0;
30 #content {
31 margin: 2.8em 0 0 12.2em;
32 padding: 0em 1em 1.5em 1em;
33 color : #C0C0C0;
34 background: #2F333B;
35 border: 1px solid #aaaaaa;
36 border-right: none;
37 line-height: 1.5em;
38 position: relative;
39 z-index: 2;
41 #column-one { padding-top: 160px; }
42 /* the left column width is specified in class .portlet */
44 /* Font size:
45 ** We take advantage of keyword scaling- browsers won't go below 9px
46 ** More at http://www.w3.org/2003/07/30-font-size
47 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
50 body {
51 font-family: Arial, Helvetica, sans-serif;
52 font-size: x-small;
53 font-weight: normal;
54 color: White;
55 background: Black;
56 /* background: #070707 url("headbg.jpg") 0px 0px no-repeat; */
57 margin: 0;
58 padding: 0;
61 /* scale back up to a sane default */
62 #globalWrapper {
63 font-size:127%;
64 width: 100%;
65 margin: 0;
66 padding: 0;
68 .visualClear { clear: both; }
70 /* general styles */
72 table {
73 font-size: 100%;
74 background: #2F333B;
75 color: white;
77 th {
78 font-family: Tahoma, Arial, Helvetica, sans-serif;
79 font-size: 11px;
80 color: White;
81 background: #2A3C61;
82 font-weight: normal
84 td {
85 font-family: Tahoma, Arial, Helvetica, sans-serif;
86 font-size: 11px;
87 color:#8A8F99 ;
88 background: #2F333B;
89 font-weight: normal
92 a {
93 color: white;
94 background: none;
96 a:visited { color: white; }
97 a:active { color: #ffa500; }
98 a:hover { text-decoration: underline;}
99 a.stub { color: #772233; }
100 a.new,
101 #p-nav a.new { color:#C033C0; }
102 a.new:visited,
103 #p-nav a.new:visited { color:#C033C0; }
105 img {
106 border: none;
107 vertical-align: middle;
110 margin: 0.4em 0em 0.5em 0em;
111 line-height: 1.5em;
114 p img { margin: 0; }
116 hr {
117 height: 1px;
118 color: #aaaaaa;
119 background-color: #aaaaaa;
120 border: 0;
121 margin: 0.2em 0 0.2em 0;
124 h1, h2, h3, h4, h5, h6 {
125 color: White;
126 background: none;
127 font-weight: normal;
128 margin: 0;
129 padding-top: 0.5em;
130 padding-bottom: 0.17em;
131 border-bottom: 1px solid #aaaaaa;
133 h1 { font-size: 188%; }
134 h2 { font-size: 150%; }
135 h3, h4, h5, h6 {
136 border-bottom: none;
137 font-weight: bold;
139 h3 { font-size: 132%; }
140 h4 { font-size: 116%; }
141 h5 { font-size: 100%; }
142 h6 { font-size: 80%; }
144 ul {
145 line-height: 1.5em;
146 list-style-type: square;
147 margin: 0.3em 0 0 1.5em;
148 padding:0;
149 list-style-image: url("bullet.gif");
151 ol {
152 line-height: 1.5em;
153 margin: 0.3em 0 0 3.2em;
154 padding:0;
155 list-style-image: none;
157 li { margin-bottom: 0.1em; }
158 dt {
159 font-weight: bold;
160 margin-bottom: 0.1em;
163 margin-top: 0.2em;
164 margin-bottom: 0.5em;
166 dd {
167 line-height: 1.5em;
168 margin-left: 2em;
169 margin-bottom: 0.1em;
172 fieldset {
173 border: 1px solid #2f6fab;
174 margin: 1em 0em 1em 0em;
175 padding: 0em 1em 1em 1em;
176 line-height: 1.5em;
179 legend {
180 padding: 0.5em;
181 font-size: 95%;
182 color: white;
184 form {
185 border: none;
186 margin: 0;
189 textarea {
190 color: #C0C0C0;
191 background-color: #2F333B;
192 border: 1px solid #2f6fab;
193 width: 100%;
194 padding: 0.1em;
195 overflow: auto;
197 /* hide this from ie/mac and konq2.2 */
198 @media All {
199 head:first-child+body input {
200 visibility: visible;
201 border: 1px solid #2f6fab;
202 color: White;
203 background-color: #2F333B;
204 vertical-align: middle;
205 padding: 0.2em;
208 input.historysubmit {
209 padding: 0 0.3em 0.3em 0.3em !important;
210 font-size: 94%;
211 cursor: pointer;
212 height: 1.7em !important;
213 margin-left: 1.6em;
215 input[type="radio"],
216 input[type="checkbox"] { border:none; }
218 select {
219 border: 1px solid #2f6fab;
220 color: Black;
221 vertical-align: top;
223 abbr, acronym, .explain {
224 border-bottom: 1px dotted Black;
225 color: Black;
226 background: none;
227 cursor: help;
230 font-family: Times, "Times New Roman", serif;
231 font-style: italic;
233 /* disabled for now
234 blockquote {
235 font-family: Times, "Times New Roman", serif;
236 font-style: italic;
238 code { background-color: #f9f9f9; }
239 pre {
240 padding: 1em;
241 border: 1px dashed #2f6fab;
242 color: #C0C0C0;
243 background-color: #2A3C61;
244 line-height: 1.1em;
249 ** the main content area
252 #siteSub { display: none; }
253 #contentSub {
254 font-size: 84%;
255 line-height: 1.2em;
256 margin: 0 0 1.4em 1em;
257 color: #7d7d7d;
258 width: auto;
260 span.subpages { display: block; }
262 /* Some space under the headers in the content area */
263 #bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; }
264 #bodyContent h3,
265 #bodyContent h4,
266 #bodyContent h5 {
267 margin-bottom: 0.3em;
269 .firstHeading { margin-bottom:0.1em; }
271 /* user notification thing */
272 .usermessage {
273 background-color: #2A3C61;
274 border: 1px solid #ffa500;
275 color: White;
276 font-weight: bold;
277 margin: 2em 0em 1em 0em;
278 padding: 0.5em 1em;
279 vertical-align: middle;
281 #siteNotice {
282 text-align: center;
283 font-size: 95%;
284 padding: 0 0.9em 0 0.9em;
286 #siteNotice p { margin: 0; padding: 0; }
287 .error {
288 color: red;
289 font-size: larger;
291 #catlinks {
292 border:1px solid #aaaaaa;
293 background-color:#f9f9f9;
294 padding:5px;
295 margin-top: 1em;
296 clear: both;
298 /* currently unused, intended to be used by a metadata box
299 in the bottom-right corner of the content area */
300 .documentDescription {
301 /* The summary text describing the document */
302 font-weight: bold;
303 display: block;
304 margin: 1em 0em;
305 line-height: 1.5em;
307 .documentByLine {
308 text-align: right;
309 font-size: 90%;
310 clear: both;
311 font-weight: normal;
312 color: #76797c;
315 /* emulate center */
316 .center {
317 width: 100%;
318 text-align: center;
320 *.center * {
321 margin-left: auto;
322 margin-right: auto;
324 /* small for tables and similar */
325 .small, .small * { font-size: 94%; }
326 table.small { font-size: 100% }
329 ** content styles
332 /* IE/mac fixes */
333 #toc {
334 display: inline-table;
336 #toc h2, #toc div, #toc ul, #toc li {
337 float: left;
338 clear: left;
340 @media all {
341 #toc {
342 display: block;
343 text-align: center;
345 #toc * {
346 float: none!important;
349 /* end IE/mac fixes */
351 #toc {
352 border: 1px solid #aaa;
353 background-color: #2f333b;
354 padding: 0.5em;
355 font-size: 95%;
356 float: left;
358 #toc h2 {
359 display: inline;
360 border: none;
361 padding: 0;
362 font-size: 100%;
363 font-weight: bold;
365 #toc ul {
366 list-style-type: none;
367 list-style-image: none;
368 margin-left: 0;
369 padding-left: 0;
370 text-align: left;
372 #toc ul ul {
373 margin: 0 0 0 2em;
375 #toc .toctoggle {
376 font-size: 94%;
379 /* images */
380 div.floatright, table.floatright {
381 clear: right;
382 float: right;
383 margin: 0;
384 position: relative;
385 border: 0.5em solid White;
386 border-width: 0.5em 0 0.8em 1.4em;
388 div.floatright p { font-style: italic; }
389 div.floatleft, table.floatleft {
390 float: left;
391 margin: 0.3em 0.5em 0.5em 0;
392 position: relative;
393 border: 0.5em solid White;
394 border-width: 0.5em 1.4em 0.8em 0;
396 div.floatleft p { font-style: italic; }
397 /* thumbnails */
398 div.thumb {
399 margin-bottom: 0.5em;
400 border-style: solid;
401 border-color: #2F333B;
402 width: auto;
404 div.thumb div {
405 border:1px solid #aaaaaa;
406 padding: 3px !important;
407 background-color:#2F333B;
408 font-size: 94%;
409 text-align: center;
410 overflow: hidden;
412 div.thumb div a img {
413 border:1px solid #cccccc;
415 div.thumb div div.thumbcaption {
416 border: none;
417 text-align: left;
418 line-height: 1.4em;
419 padding: 0.3em 0 0.1em 0;
421 div.magnify {
422 float: right;
423 border: none !important;
424 background: none !important;
426 div.magnify a, div.magnify img {
427 display: block;
428 border: none !important;
429 background: none !important;
431 div.tright {
432 clear: right;
433 float: right;
434 border-width: 0.5em 0 0.8em 1.4em;
436 div.tleft {
437 float: left;
438 margin-right:0.5em;
439 border-width: 0.5em 1.4em 0.8em 0;
442 .hiddenStructure {
443 display: none;
445 img.tex { vertical-align: middle; }
446 span.texhtml { font-family: serif; }
449 ** classes for special content elements like town boxes
450 ** intended to be referenced directly from the wiki src
454 ** User styles
456 /* table standards */
457 table.rimage {
458 float:right;
459 position:relative;
460 margin-left:1em;
461 margin-bottom:1em;
462 text-align:center;
464 .toccolours {
465 border:1px solid #aaaaaa;
466 background-color:#f9f9f9;
467 padding:5px;
468 font-size: 95%;
470 div.townBox {
471 position:relative;
472 float:right;
473 background:White;
474 margin-left:1em;
475 border: 1px solid gray;
476 padding:0.3em;
477 width: 200px;
478 overflow: hidden;
479 clear: right;
481 div.townBox dl {
482 padding: 0;
483 margin: 0 0 0.3em 0;
484 font-size: 96%;
486 div.townBox dl dt {
487 background: none;
488 margin: 0.4em 0 0 0;
490 div.townBox dl dd {
491 margin: 0.1em 0 0 1.1em;
492 background-color: #f3f3f3;
496 ** edit views etc
498 .special li {
499 line-height: 1.4em;
500 margin: 0;
501 padding: 0;
504 /* Page history styling */
505 /* the auto-generated edit comments */
506 .autocomment { color: gray; }
507 #pagehistory span.user {
508 margin-left: 1.4em;
509 margin-right: 0.4em;
511 #pagehistory span.minor { font-weight: bold; }
512 #pagehistory li { border: 1px solid #2F333B; }
513 #pagehistory li.selected {
514 background-color:#2A3C61;
515 border:1px dashed #2f6fab;
518 ** Diff rendering
520 table.diff { background:#2F333B; }
521 td.diff-otitle { background:#2F333B; }
522 td.diff-ntitle { background:#2F333B; }
523 td.diff-addedline {
524 color: black;
525 background:#ccffcc;
526 font-size: smaller;
528 td.diff-deletedline {
529 color: black;
530 background:#ffffaa;
531 font-size: smaller;
533 td.diff-context {
534 color: black;
535 background:#aaaaaa;
536 font-size: smaller;
538 span.diffchange { color: red; }
541 ** keep the whitespace in front of the ^=, hides rule from konqueror
542 ** this is css3, the validator doesn't like it when validating as css2
544 #bodyContent a[href ^="http://"],
545 #bodyContent a[href ^="gopher://"] {
546 background: url(external.png) center right no-repeat;
547 padding-right: 13px;
549 #bodyContent a[href ^="https://"],
550 .link-https {
551 background: url("lock_icon.gif") center right no-repeat;
552 padding-right: 16px;
554 #bodyContent a[href ^="mailto:"],
555 .link-mailto {
556 background: url("mail_icon.gif") center right no-repeat;
557 padding-right: 18px;
559 #bodyContent a[href ^="news://"] {
560 background: url("news_icon.png") center right no-repeat;
561 padding-right: 18px;
563 #bodyContent a[href ^="ftp://"],
564 .link-ftp {
565 background: url("file_icon.gif") center right no-repeat;
566 padding-right: 18px;
568 #bodyContent a[href ^="irc://"],
569 .link-irc {
570 background: url("discussionitem_icon.gif") center right no-repeat;
571 padding-right: 18px;
573 /* disable interwiki styling */
574 #bodyContent a.extiw,
575 #bodyContent a.extiw:active {
576 color: #3366bb;
577 background: none;
578 padding: 0;
580 #bodyContent a.external { color: white; }
581 /* this can be used in the content area to switch off
582 special external link styling */
583 #bodyContent .plainlinks a {
584 background: none !important;
585 padding: 0;
588 ** Structural Elements
592 ** general portlet styles (elements in the quickbar)
594 .portlet {
595 border: none;
596 margin: 0 0 0.5em 0em;
597 float: none;
598 padding: 0;
599 width: 11.6em;
600 overflow: hidden;
602 .portlet h4 {
603 font-size: 95%;
604 font-weight: normal;
605 white-space: nowrap;
607 .portlet h5 {
608 background: transparent;
609 padding: 0em 1em 0em 0.5em;
610 text-transform: lowercase;
611 display: inline;
612 font-size: 91%;
613 height: 1em;
614 font-weight: normal;
615 white-space: nowrap;
617 .portlet h6 {
618 background: #ffae2e;
619 border: 1px solid #2f6fab;
620 border-style: solid solid none solid;
621 padding: 0em 1em 0em 1em;
622 text-transform: lowercase;
623 display: block;
624 font-size: 1em;
625 height: 1.2em;
626 font-weight: normal;
627 white-space: nowrap;
629 .pBody {
630 font-size: 95%;
631 border-collapse: collapse;
632 border: none;
633 padding: 0.3em;
635 .portlet h1,
636 .portlet h2,
637 .portlet h3,
638 .portlet h4 {
639 margin: 0;
640 padding: 0;
642 .portlet ul {
643 margin: 0 0 0 0;
644 line-height: 2em;
645 list-style-type: none;
646 list-style-image: none;
647 font-size:95%;
649 .portlet li {
650 background: #2F333B;
651 padding:0;
652 margin: 0 0 0.5em 0;
653 border : 1px solid #aaaaaa;
655 .portlet form {
656 background: #2F333B;
657 padding:0;
658 margin: 0 0 0.5em 0;
659 border : 1px solid #aaaaaa;
662 ** Logo properties
665 #p-logo {
666 z-index: 3;
667 position:absolute; /*needed to use z-index */
668 top: 0;
669 left: 0;
670 height: 155px;
671 width: 12em;
672 overflow: visible;
674 #p-logo h5 { display: none; }
675 #p-logo a,
676 #p-logo a:hover {
677 display: block;
678 height: 155px;
679 width: 12.2em;
680 background-repeat: no-repeat;
681 background-position: 35% 50% !important;
682 text-decoration: none;
686 ** the navigation portlet
689 #p-personal {
690 position:relative;
691 z-index:3;
695 ** Search portlet
697 #p-search {
698 position:relative;
699 z-index:3;
701 #p-search .pBody {
702 text-align: center;
704 input.searchButton {
705 margin-top:1px;
706 padding: 0 0.4em !important;
707 font-size: 95%;
708 cursor: pointer;
709 background-color: White;
710 border: 1px solid #2f6fab;
712 #searchInput {
713 border: 1px solid #2f6fab;
714 width:10.9em;
715 margin: 0 0 0 0;
716 font-size: 95%;
718 #p-search .pBody {
719 padding: 0.5em 0.4em 0.4em 0.4em;
723 ** the personal toolbar
726 #p-nav {
727 width:100%;
728 white-space:nowrap;
729 padding:0 0 0 0;
730 margin:0;
731 position:absolute;
732 left:0px;
733 top:0px;
734 z-index: 0;
735 border: none;
736 background: none;
737 overflow: visible;
738 line-height: 1.2em;
741 #p-nav h5 {
742 display:none;
744 #p-nav .portlet,
745 #p-nav .pBody {
746 padding:0;
747 margin:0;
748 border: none;
749 z-index:0;
750 overflow: visible;
751 background: none;
754 /* this is the ul contained in the portlet */
755 #p-nav ul {
756 border: none;
757 line-height: 1.4em;
758 color: #2f6fab;
759 padding: 0em 2em 0 3em;
760 margin: 0;
761 text-align: right;
762 text-transform: lowercase;
763 list-style: none;
764 z-index:0;
765 background: none;
767 #p-nav li {
768 z-index:0;
769 border:none;
770 padding:0;
771 display: inline;
772 color: #2f6fab;
773 margin-left: 1em;
774 line-height: 1.2em;
775 background: none;
777 #p-nav li a {
778 text-decoration: none;
779 color: white;
780 padding-bottom: 0.2em;
781 background: none;
783 #p-nav li a:hover {
784 padding-bottom: 0.2em;
785 text-decoration: none;
788 /* the icon in front of the user name, single quotes
789 in bg url to hide it from iemac */
790 li#pt-userpage,
791 li#pt-anonuserpage,
792 li#pt-login {
793 background: url('user.gif') top left no-repeat;
794 padding-left: 20px;
795 text-transform: none;
799 ** the page-related actions- page/talk, edit etc
801 #p-cactions {
802 position:absolute;
803 top: 1.3em;
804 left: 11.9em;
805 margin: 0;
806 white-space:nowrap;
807 width: 76%;
808 line-height: 1.1em;
809 overflow: visible;
810 background: none;
811 border-collapse: collapse;
812 padding-left: 1em;
813 list-style: none;
814 font-size: 95%;
816 #p-cactions .hiddenStructure { display: none; }
817 #p-cactions ul {
818 list-style: none;
820 #p-cactions li {
821 display: inline;
822 border: 1px solid #aaaaaa;
823 border-bottom: none;
824 padding: 0 0 0.1em 0;
825 margin: 0 0.3em 0 0;
826 overflow: visible;
827 background: #2F333B;
829 #p-cactions li.selected {
830 border-color: #fabd23;
831 padding: 0 0 0.2em 0;
833 #p-cactions li a {
834 background-color: #2F333B;
835 color: white;
836 border: none;
837 padding: 0 0.8em 0.3em 0.8em;
838 text-decoration: none;
839 text-transform: lowercase;
840 position: relative;
841 z-index: 0;
842 margin: 0;
844 #p-cactions .selected a { z-index: 3; }
845 #p-cactions .new a { color: #A033A0; background-color: black; }
846 #p-cactions li a:hover {
847 z-index: 3;
848 text-decoration: none;
850 #p-cactions h5 { display: none; }
851 #p-cactions li.istalk { margin-right: 0; }
852 #p-cactions li.istalk a { padding-right: 0.5em; }
853 #p-cactions #ca-addsection a {
854 padding-left: 0.4em;
855 padding-right: 0.4em;
859 /* offsets to distinguish the tab groups */
860 li#ca-talk { margin-right: 1.6em; }
861 li#ca-watch, li#ca-watch { margin-left: 1.6em; }
865 ** the remaining portlets
867 #p-tbx,
868 #p-lang {
869 position:relative;
870 z-index:3;
874 ** footer
876 #footer {
877 background-color: #2F333B;
878 border-top: 1px solid #aaaaaa;
879 border-bottom: 1px solid #aaaaaa;
880 color: #C0C0C0;
881 margin: 0.6em 0em 1em 0em;
882 padding: 0.4em 0em 1.2em 0em;
883 text-align: center;
884 font-size: 90%;
886 #footer li {
887 display: inline;
888 margin: 0 1.3em;
890 /* hide from incapable browsers */
891 head:first-child+body #footer li { white-space: nowrap; }
892 #f-poweredbyico, #f-copyrightico {
893 margin: 0 8px;
894 position: relative;
895 top: -2px; /* Bump it up just a tad */
897 #f-poweredbyico {
898 float: right;
899 height: 1%;
901 #f-copyrightico {
902 float: left;
903 height: 1%;
906 /* js pref toc */
907 #preftoc {
908 float: left;
909 margin: 1em 1em 1em 1em;
910 width: 13em;
912 #preftoc li { border: 1px solid White; }
913 #preftoc li.selected {
914 background-color:#f9f9f9;
915 border:1px dashed #aaaaaa;
917 #preftoc a,
918 #preftoc a:active {
919 display: block;
920 color: #0014a6;
922 #prefcontrol {
923 clear: both;
924 float: left;
925 margin-top: 1em;
927 div.prefsectiontip {
928 font-size: 95%;
929 margin-top: 1em;
931 fieldset.operaprefsection { margin-left: 15em }
934 ** IE/Mac fixes, hope to find a validating way to move this
935 ** to a separate stylesheet. This would work but doesn't validate:
936 ** @import("IEMacFixes.css");
938 /* tabs: border on the a, not the div */
939 * > html #p-cactions li { border:none; }
940 * > html #p-cactions li a {
941 border: 1px solid #aaaaaa;
942 border-bottom: none;
944 * > html #p-cactions li.selected a { border-color: #fabd23; }
945 /* footer icons need a fixed width */
946 * > html #f-poweredbyico,
947 * > html #f-copyrightico { width: 88px; }
948 * > html #bodyContent,
949 * > html #bodyContent pre {
950 overflow-x: auto;
951 width: 100%;
952 padding-bottom: 25px;
955 /* more IE fixes */
956 /* float/negative margin brokenness */
957 * html #footer {margin-top: 0;}
958 * html #column-content {
959 display: inline;
960 margin-bottom: 0;
962 * html div.editsection { font-size: smaller; }
963 #pagehistory li.selected { position: relative; }
965 /* Mac IE 5.0 fix; floated content turns invisible */
966 * > html #column-content {
967 float: none;
969 * > html #column-one {
970 position: absolute;
971 left: 0;
972 top: 0;
974 * > html #footer {
975 margin-left: 13.2em;
977 .redirectText {
978 font-size:150%;
979 margin:5px;
982 .printfooter {
983 display: none;
986 ul.special li.not-patrolled, ol.special li.not-patrolled {
987 background-color: #2A3C61;
989 div.patrollink {
990 font-size: 75%;
991 text-align: right;
993 span.newpage, span.minor, span.searchmatch {
994 font-weight: bold;
996 span.searchmatch {
997 color: red;
1000 span.updatedmarker {
1001 color:black;
1002 background-color:#00FF00;
1004 span.newpageletter {
1005 font-weight:bold;
1006 color:black;
1007 background-color:yellow;
1009 span.minoreditletter {
1010 color:black;
1011 background-color:#C5FFE6;
1014 table.gallery {
1015 border: 1px solid #cccccc;
1016 margin: 2px;
1017 padding: 2px;
1018 background-color:#ffffff;
1021 table.gallery tr {
1022 vertical-align:top;
1025 table.gallery td {
1026 vertical-align:top;
1027 background-color:#f9f9f9;
1028 border: solid 2px white;
1032 div.gallerybox {
1033 margin: 2px;
1034 width: 150px;
1037 div.gallerybox div.thumb {
1038 text-align: center;
1039 border: 1px solid #cccccc;
1040 margin: 2px;
1043 div.gallerytext {
1044 font-size: 94%;
1045 padding: 2px 4px;