[Summary view] [Print] [Text view]

   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;
 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;
 147      font-size: 94%;
 148      /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
 149      text-align: left;
 150  }
 151  
 152  div.magnify {
 153      /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
 154      float: right;
 155      margin-left: 3px;
 156  }
 157  
 158  div.magnify a {
 159      display: block;
 160      /* Hide the text… */
 161      text-indent: 15px;
 162      white-space: nowrap;
 163      overflow: hidden;
 164      /* …and replace it with the image */
 165      width: 15px;
 166      height: 11px;
 167      /* Default styles when there's no .mw-content-ltr or .mw-content-rtl, overridden below */
 168      /* @embed */
 169      background: url(images/magnify-clip-ltr.png) center center no-repeat;
 170      /* Don't annoy people who copy-paste everything too much */
 171      -moz-user-select: none;
 172      -webkit-user-select: none;
 173      -ms-user-select: none;
 174      user-select: none;
 175  }
 176  
 177  img.thumbborder {
 178      border: 1px solid #dddddd;
 179  }
 180  
 181  /* Directionality-specific styles for thumbnails - their positioning depends on content language */
 182  
 183  /* @noflip */
 184  .mw-content-ltr .thumbcaption {
 185      text-align: left;
 186  }
 187  
 188  /* @noflip */
 189  .mw-content-ltr .magnify {
 190      float: right;
 191      margin-left: 3px;
 192      margin-right: 0;
 193  }
 194  
 195  /* @noflip */
 196  .mw-content-ltr div.magnify a {
 197      /* @embed */
 198      background-image: url(images/magnify-clip-ltr.png);
 199  }
 200  
 201  /* @noflip */
 202  .mw-content-rtl .thumbcaption {
 203      text-align: right;
 204  }
 205  
 206  /* @noflip */
 207  .mw-content-rtl .magnify {
 208      float: left;
 209      margin-left: 0;
 210      margin-right: 3px;
 211  }
 212  
 213  /* @noflip */
 214  .mw-content-rtl div.magnify a {
 215      /* @embed */
 216      background-image: url(images/magnify-clip-rtl.png);
 217  }
 218  
 219  /* @noflip */
 220  div.tright {
 221      margin: .5em 0 1.3em 1.4em;
 222  }
 223  
 224  /* @noflip */
 225  div.tleft {
 226      margin: .5em 1.4em 1.3em 0;
 227  }