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
  49 /* Remove additional paddings inside table-cells that are not present in <div>s */
  50 table#toc td,
  51 table.toc td {
  52         padding: 0;
  53 }
  54
  55 #toc h2,
  56 .toc h2 {
  57         display: inline;
  58         border: none;
  59         padding: 0;
  60         font-size: 100%;
  61         font-weight: bold;
  62 }
  63
  64 #toc #toctitle,
  65 .toc #toctitle,
  66 #toc .toctitle,
  67 .toc .toctitle {
  68         text-align: center;
  69 }
  70
  71 #toc ul,
  72 .toc ul {
  73         list-style-type: none;
  74         list-style-image: none;
  75         margin-left: 0;
  76         padding: 0;
  77         text-align: left;
  78 }
  79
  80 #toc ul ul,
  81 .toc ul ul {
  82         margin: 0 0 0 2em;
  83 }
  84
  85 #toc .toctoggle,
  86 .toc .toctoggle {
  87         font-size: 94%;
  88 }
  89
  90 .toccolours {
  91         border: 1px solid #aaa;
  92         background-color: #f9f9f9;
  93         padding: 5px;
  94         font-size: 95%;
  95 }
  96
  97 /* Warning */
  98 .mw-warning {
  99         margin-left: 50px;
 100         margin-right: 50px;
 101         text-align: center;
 102 }
 103
 104 /* Images */
 105 /* @noflip */div.floatright, table.floatright {
 106         margin: 0 0 .5em .5em;
 107         border: 0;
 108 }
 109
 110 div.floatright p {
 111         font-style: italic;
 112 }
 113
 114 /* @noflip */div.floatleft, table.floatleft {
 115         margin: 0 .5em .5em 0;
 116         border: 0;
 117 }
 118
 119 div.floatleft p {
 120         font-style: italic;
 121 }
 122
 123 /* Thumbnails */
 124 div.thumb {
 125         margin-bottom: .5em;
 126         width: auto;
 127         background-color: transparent;
 128 }
 129
 130 div.thumbinner {
 131         border: 1px solid #ccc;
 132         padding: 3px !important;
 133         background-color: #f9f9f9;
 134         font-size: 94%;
 135         text-align: center;
 136         overflow: hidden;
 137 }
 138
 139 html .thumbimage {
 140         border: 1px solid #ccc;
 141 }
 142
 143 html .thumbcaption {
 144         border: none;
 145         line-height: 1.4em;
 146         padding: 3px !important;
 147         font-size: 94%;
 148 }
 149
 150 div.magnify {
 151         border: none !important;
 152         background: none !important;
 153         margin-left: 3px;
 154 }
 155
 156 div.magnify a, div.magnify img {
 157         display: block;
 158         border: none !important;
 159         background: none !important;
 160 }
 161
 162 /* @noflip */div.tright {
 163         margin: .5em 0 1.3em 1.4em;
 164 }
 165
 166 /* @noflip */div.tleft {
 167         margin: .5em 1.4em 1.3em 0;
 168 }
 169
 170 img.thumbborder {
 171         border: 1px solid #dddddd;
 172 }