skins/common/commonContent.css

   1 /**
   2  * MediaWiki style sheet for general styles on complex content
   3  *
   4  * Styles for complex things which are a standard part of page content
   5  * (ie: the CSS classing built into the system), like the TOC.
   6  */
   7
   8 /* Table of Contents */
   9 #toc,
  10 .toc,
  11 .mw-warning {
  12         border: 1px solid #aaa;
  13         background-color: #f9f9f9;
  14         padding: 5px;
  15         font-size: 95%;
  16 }
  17
  18 /**
  19  * We want to display the ToC element with intrinsic width in block mode. The fit-content
  20  * value for width is however not supported by large groups of browsers.
  21  *
  22  * We use display:table. Even though it should only contain other table-* display
  23  * elements, there are no known problems with using this.
  24  *
  25  * Because IE < 8, FF 2 and other older browsers don't support display:table, we fallback to
  26  * using inline-block mode, which features at least intrinsic width, but won't clear preceding
  27  * inline elements. In practice inline elements surrounding the TOC are uncommon enough that
  28  * this is an acceptable sacrifice.
  29  */
  30 #toc,
  31 .toc {
  32         display: -moz-inline-block;
  33         display: inline-block;
  34         display: table;
  35
  36         /* IE7 and earlier */
  37         zoom: 1;
  38         *display: inline;
  39
  40         padding: 7px;
  41 }
  42
  43 /* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
  44 table#toc,
  45 table.toc {
  46         border-collapse: collapse;
  47 }
  48 /* Remove additional paddings inside table-cells that are not present in <div>s */
  49 table#toc td,
  50 table.toc td {
  51         padding: 0;
  52 }
  53
  54 #toc h2,
  55 .toc h2 {
  56         display: inline;
  57         border: none;
  58         padding: 0;
  59         font-size: 100%;
  60         font-weight: bold;
  61 }
  62 #toc #toctitle,
  63 .toc #toctitle,
  64 #toc .toctitle,
  65 .toc .toctitle {
  66         text-align: center;
  67 }
  68 #toc ul,
  69 .toc ul {
  70         list-style-type: none;
  71         list-style-image: none;
  72         margin-left: 0;
  73         padding: 0;
  74         text-align: left;
  75 }
  76 #toc ul ul,
  77 .toc ul ul {
  78         margin: 0 0 0 2em;
  79 }
  80 #toc .toctoggle,
  81 .toc .toctoggle {
  82         font-size: 94%;
  83 }
  84
  85 .toccolours {
  86         border: 1px solid #aaa;
  87         background-color: #f9f9f9;
  88         padding: 5px;
  89         font-size: 95%;
  90 }
  91
  92 /* Warning */
  93 .mw-warning {
  94         margin-left: 50px;
  95         margin-right: 50px;
  96         text-align: center;
  97 }
  98
  99 /* Images */
 100 /* @noflip */div.floatright, table.floatright {
 101         margin: 0 0 .5em .5em;
 102         border: 0;
 103 }
 104 div.floatright p { font-style: italic; }
 105 /* @noflip */div.floatleft, table.floatleft {
 106         margin: 0 .5em .5em 0;
 107         border: 0;
 108 }
 109 div.floatleft p { font-style: italic; }
 110 /* Thumbnails */
 111 div.thumb {
 112         margin-bottom: .5em;
 113         width: auto;
 114         background-color: transparent;
 115 }
 116 div.thumbinner {
 117         border: 1px solid #ccc;
 118         padding: 3px !important;
 119         background-color: #f9f9f9;
 120         font-size: 94%;
 121         text-align: center;
 122         overflow: hidden;
 123 }
 124 html .thumbimage {
 125         border: 1px solid #ccc;
 126 }
 127 html .thumbcaption {
 128         border: none;
 129         line-height: 1.4em;
 130         padding: 3px !important;
 131         font-size: 94%;
 132 }
 133 div.magnify {
 134         border: none !important;
 135         background: none !important;
 136         margin-left: 3px;
 137 }
 138 div.magnify a, div.magnify img {
 139         display: block;
 140         border: none !important;
 141         background: none !important;
 142 }
 143 /* @noflip */div.tright {
 144         margin: .5em 0 1.3em 1.4em;
 145 }
 146 /* @noflip */div.tleft {
 147         margin: .5em 1.4em 1.3em 0;
 148 }
 149 img.thumbborder {
 150         border: 1px solid #dddddd;
 151 }
 152
 153 /**
 154  * Edit forms
 155  */
 156 #editform textarea {
 157         display: block;
 158         -moz-box-sizing: border-box;
 159         -webkit-box-sizing: border-box;
 160         box-sizing: border-box;
 161 }
 162
 163 /**
 164  * Basic styles for the user login and create account forms
 165  */
 166 #userlogin, #userloginForm {
 167         border: solid 1px #cccccc;
 168         padding: 1.2em;
 169         margin: 0.5em;
 170 }
 171
 172 #loginend {
 173         margin: 0.5em;
 174 }
 175
 176 #loginend table {
 177         width: 100%;
 178 }