[Summary view] [Print] [Text view]

   1  /**
   2   * oldshared.css
   3   * This file contains CSS settings common to Wikistandard, Nostalgia and
   4   * CologneBlue, the old pre-Monobook skins
   5   */
   6  
   7  /* For clarity, explicitly state some recommendations from
   8   * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right
   9   */
  10  
  11  h1 {
  12      font-size: 2em;
  13  }
  14  
  15  h2 {
  16      font-size: 1.5em;
  17  }
  18  
  19  h3 {
  20      font-size: 1.17em;
  21  }
  22  
  23  h4 {
  24      font-size: 1.11em;
  25  }
  26  
  27  h5 {
  28      font-size: 1.05em;
  29  }
  30  
  31  h6 {
  32      font-size: 1em;
  33  }
  34  
  35  h1, h2, h3, h4, h5, h6 {
  36      font-weight: bolder;
  37  }
  38  
  39  /* Now the custom parts */
  40  
  41  #footer {
  42      clear: both;
  43  }
  44  
  45  /* images */
  46  /* @noflip */
  47  div.floatright {
  48      float: right;
  49      clear: right;
  50      margin: 0 0 1em 1em;
  51  }
  52  
  53  /* @noflip */
  54  div.floatright p {
  55      font-style: italic;
  56  }
  57  
  58  /* @noflip */
  59  div.floatleft {
  60      float: left;
  61      clear: left;
  62      margin: 0.3em 0.5em 0.5em 0;
  63  }
  64  
  65  /* @noflip */
  66  div.floatleft p {
  67      font-style: italic;
  68  }
  69  
  70  /* table standards */
  71  table.rimage {
  72      float: right;
  73      margin-left: 1em;
  74      margin-bottom: 1em;
  75      text-align: center;
  76      font-size: smaller;
  77  }
  78  
  79  /* thumbnails */
  80  div.thumb {
  81      margin-bottom: .5em;
  82      border-style: solid;
  83      border-color: white;
  84      width: auto;
  85  }
  86  
  87  div.thumbinner {
  88      border: 1px solid #ccc;
  89      padding: 3px;
  90      background-color: #f9f9f9;
  91      font-size: 94%;
  92      text-align: center;
  93      overflow: hidden;
  94  }
  95  
  96  html .thumbimage {
  97      border: 1px solid #ccc;
  98  }
  99  
 100  html .thumbcaption {
 101      border: none;
 102      line-height: 1.4em;
 103      padding: 3px;
 104      font-size: 94%;
 105      text-align: left;
 106  }
 107  
 108  div.magnify {
 109      float: right;
 110      margin-left: 3px;
 111  }
 112  
 113  div.magnify a {
 114      display: block;
 115      /* Hide the text… */
 116      text-indent: 15px;
 117      white-space: nowrap;
 118      overflow: hidden;
 119      /* …and replace it with the image */
 120      width: 15px;
 121      height: 11px;
 122      /* @embed */
 123      background: url(images/magnify-clip-ltr.png) center center no-repeat;
 124      /* Don't annoy people who copy-paste everything too much */
 125      -moz-user-select: none;
 126      -webkit-user-select: none;
 127      -ms-user-select: none;
 128      user-select: none;
 129  }
 130  
 131  /* @noflip */
 132  div.tright {
 133      clear: right;
 134      float: right;
 135      border-width: .5em 0 .8em 1.4em;
 136  }
 137  
 138  /* @noflip */
 139  div.tleft {
 140      float: left;
 141      clear: left;
 142      margin-right: .5em;
 143      border-width: .5em 1.4em .8em 0;
 144  }
 145  
 146  img.thumbborder {
 147      border: 1px solid #dddddd;
 148  }
 149  
 150  /* Page history styling */
 151  /* the auto-generated edit comments */
 152  .autocomment {
 153      color: #4b4b4b;
 154  }
 155  
 156  img {
 157      border: none;
 158  }
 159  
 160  #toc,
 161  .toc {
 162      border: 1px solid #bba;
 163      background-color: #f7f8ff;
 164      padding: 5px;
 165      font-size: 95%;
 166      text-align: center;
 167      display: -moz-inline-block;
 168      display: inline-block;
 169      display: table;
 170  
 171      /* IE7 and earlier */
 172      zoom: 1;
 173      *display: inline;
 174  
 175      padding: 7px;
 176  }
 177  
 178  /* CSS for backwards-compatibility with cached page renders and creative uses in wikitext */
 179  table#toc,
 180  table.toc {
 181      border-collapse: collapse;
 182  }
 183  
 184  /* Remove additional paddings inside table-cells that are not present in <div>s */
 185  table#toc td,
 186  table.toc td {
 187      padding: 0;
 188  }
 189  
 190  #toc h2,
 191  .toc h2 {
 192      display: inline;
 193      border: none;
 194      padding: 0;
 195      font-size: 100%;
 196      font-weight: bold;
 197  }
 198  
 199  #toc ul,
 200  .toc ul {
 201      list-style-type: none;
 202      list-style-image: none;
 203      padding: 0;
 204      text-align: left;
 205  }
 206  
 207  #toc ul ul,
 208  .toc ul ul {
 209      margin: 0 0 0 2em;
 210  }
 211  
 212  #toc .toctoggle,
 213  .toc .toctoggle {
 214      font-size: 94%;
 215  }
 216  
 217  .error {
 218      color: red;
 219      font-size: larger;
 220  }
 221  
 222  /* preference page with js-genrated toc */
 223  #preftoc {
 224      float: left;
 225      margin: 1em 1em 1em 1em;
 226      width: 13em;
 227  }
 228  
 229  #preftoc li {
 230      border: 1px solid White;
 231  }
 232  
 233  #preftoc li.selected {
 234      background-color: #f9f9f9;
 235      border: 1px dashed #aaaaaa;
 236  }
 237  
 238  #preftoc a,
 239  #preftoc a:active {
 240      display: block;
 241      color: #005189;
 242  }
 243  
 244  .mw-prefs-buttons {
 245      clear: left;
 246      float: left;
 247      margin-top: 1em;
 248  }
 249  
 250  div.htmlform-tip {
 251      font-size: 94%;
 252      margin-top: 0.4em;
 253      color: #666;
 254  }
 255  
 256  fieldset.prefsection {
 257      margin-top: 1em;
 258  }
 259  
 260  fieldset.operaprefsection {
 261      margin-left: 15em;
 262  }
 263  
 264  /* emulate center */
 265  .center {
 266      width: 100%;
 267      text-align: center;
 268  }
 269  
 270  *.center * {
 271      margin-left: auto;
 272      margin-right: auto;
 273  }
 274  
 275  /* small for tables and similar */
 276  .small {
 277      font-size: 94%;
 278  }
 279  
 280  table.small {
 281      font-size: 100%;
 282  }
 283  
 284  /* use this instead of #toc for page content */
 285  .toccolours {
 286      border: 1px solid #aaaaaa;
 287      background-color: #f9f9f9;
 288      padding: 5px;
 289      font-size: 95%;
 290  }
 291  
 292  #siteNotice {
 293      border: 1px solid #aaaaaa;
 294      padding-left: 0.5em;
 295      padding-right: 0.5em;
 296  }
 297  
 298  .sharedUploadNotice {
 299      font-style: italic;
 300  }
 301  
 302  span.unpatrolled {
 303      font-weight: bold;
 304      color: red;
 305  }
 306  
 307  span.updatedmarker {
 308      color: black;
 309      background-color: #00FF00;
 310  }
 311  
 312  div.gallerybox {
 313      width: 150px;
 314  }
 315  
 316  span.comment {
 317      font-style: italic;
 318  }
 319  
 320  span.changedby {
 321      font-size: 95%;
 322  }
 323  
 324  .previewnote {
 325      text-align: center;
 326      color: #cc0000;
 327  }
 328  
 329  .editExternally {
 330      border-style: solid;
 331      border-width: 1px;
 332      border-color: gray;
 333      background: #ffffff;
 334      padding: 3px;
 335      margin-top: 0.5em;
 336      float: left;
 337      font-size: small;
 338      text-align: center;
 339  }
 340  
 341  .editExternallyHelp {
 342      font-style: italic;
 343      color: gray;
 344  }
 345  
 346  li span.deleted {
 347      text-decoration: line-through;
 348      color: #888;
 349      font-style: italic;
 350  }
 351  
 352  /* Classes for Exif data display */
 353  table.mw_metadata {
 354      margin-left: 0.5em;
 355  }
 356  
 357  table.mw_metadata caption {
 358      font-weight: bold;
 359  }
 360  
 361  table.mw_metadata th {
 362      font-weight: normal;
 363  }
 364  
 365  table.mw_metadata td {
 366      padding: 0.1em;
 367  }
 368  
 369  table.mw_metadata {
 370      border: none;
 371      border-collapse: collapse;
 372  }
 373  
 374  table.mw_metadata td,
 375  table.mw_metadata th {
 376      border: 1px solid #aaaaaa;
 377      padding-left: 4px;
 378      padding-right: 4px;
 379  }
 380  
 381  table.mw_metadata th {
 382      background-color: #f9f9f9;
 383  }
 384  
 385  table.mw_metadata td {
 386      background-color: #fcfcfc;
 387  }
 388  
 389  table.mw_metadata td.spacer {
 390      background: inherit;
 391      border-top: none;
 392      border-bottom: none;
 393  }
 394  
 395  .visualClear {
 396      clear: both;
 397  }
 398  
 399  /* Allmessages table */
 400  #allmessagestable th {
 401      background-color: #b2b2ff;
 402  }
 403  
 404  #allmessagestable tr.orig {
 405      background-color: #ffe2e2;
 406  }
 407  
 408  #allmessagestable tr.new {
 409      background-color: #e2ffe2;
 410  }
 411  
 412  #allmessagestable tr.def {
 413      background-color: #f0f0ff;
 414  }
 415  
 416  #jump-to-nav {
 417      display: none;
 418  }
 419  
 420  div.multipageimagenavbox {
 421      border: solid 1px silver;
 422      padding: 4px;
 423      margin: 1em;
 424      background: #f0f0f0;
 425  }
 426  
 427  div.multipageimagenavbox div.thumb {
 428      border: none;
 429      margin-left: 2em;
 430      margin-right: 2em;
 431  }
 432  
 433  div.multipageimagenavbox hr {
 434      margin: 6px;
 435  }
 436  
 437  table.multipageimage td {
 438      text-align: center;
 439  }
 440  
 441  .templatesUsed {
 442      margin-top: 1em;
 443  }
 444  
 445  .MediaTransformError {
 446      border: thin solid #777;
 447      background-color: #ccc;
 448      padding: 0.1em;
 449  }
 450  
 451  .MediaTransformError td {
 452      text-align: center;
 453      vertical-align: middle;
 454      font-size: 90%;
 455  }
 456  
 457  form#specialpages {
 458      display: inline;
 459  }
 460  
 461  body {
 462      direction: ltr;
 463      unicode-bidi: embed;
 464      background-color: #ffffec;
 465  }
 466  
 467  body.ns-0 {
 468      background-color: white;
 469  }
 470  
 471  /** RTL specific CSS starts here **/
 472  
 473  /**
 474   * Lists:
 475   * The following lines don't have a visible effect on non-Gecko browsers
 476   * They fix a problem with Gecko browsers rendering lists to the right of
 477   * left-floated objects in an RTL layout.
 478   */
 479  /* @noflip */
 480  html > body.rtl div#article ul {
 481      display: table;
 482  }
 483  
 484  /* @noflip */
 485  html > body.rtl .mw-body ul#filetoc {
 486      display: block;
 487  }
 488  
 489  /* RTL specific CSS ends here **/