[Summary view] [Print] [Text view]

   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 :)
  10  */
  11  
  12  div#column-content {
  13      width: 100%;
  14      float: right;
  15      margin: 0 0 .6em -12.2em;
  16      padding: 0;
  17  }
  18  
  19  .mw-body {
  20      margin: 2.8em 0 0 12.2em;
  21      padding: 1em;
  22      position: relative;
  23      z-index: 2;
  24      background: white;
  25      color: black;
  26      border: 1px solid #aaa;
  27      border-right: none;
  28      line-height: 1.5em;
  29  }
  30  
  31  div#column-one {
  32      padding-top: 160px;
  33  }
  34  
  35  /* Hide, but keep accessible for screen-readers */
  36  #column-one h2 {
  37      position: absolute;
  38      top: -9999px;
  39  }
  40  
  41  /* the left column width is specified in class .portlet */
  42  
  43  /* Font size:
  44  ** We take advantage of keyword scaling- browsers won't go below 9px
  45  ** More at http://www.w3.org/2003/07/30-font-size
  46  ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
  47  */
  48  
  49  body {
  50      font: x-small sans-serif;
  51      /* @embed */
  52      background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat;
  53      color: black;
  54      margin: 0;
  55      padding: 0;
  56      direction: ltr; /* Needed for RTL flipping */
  57      unicode-bidi: embed;
  58  }
  59  
  60  /* scale back up to a sane default */
  61  div#globalWrapper {
  62      font-size: 127%;
  63      width: 100%;
  64      margin: 0;
  65      padding: 0;
  66  }
  67  
  68  /* general styles */
  69  a {
  70      color: #002bb8;
  71  }
  72  
  73  a:visited {
  74      color: #5a3696;
  75  }
  76  
  77  a.new,
  78  #p-personal a.new {
  79      color: #cc2200;
  80  }
  81  
  82  ul {
  83      list-style-type: square;
  84      /* @embed */
  85      list-style-image: url(bullet.gif);
  86  }
  87  
  88  pre, .mw-code {
  89      line-height: 1.1em;
  90  }
  91  
  92  #firstHeading {
  93      padding-top: 0;
  94  }
  95  
  96  /*
  97  ** the main content area
  98  */
  99  
 100  #siteNotice {
 101      font-size: 95%;
 102      padding: 0 0.9em;
 103  }
 104  
 105  #localNotice {
 106      margin: 0;
 107  }
 108  
 109  #siteNotice p {
 110      margin: 0;
 111      padding: 0;
 112  }
 113  
 114  /*
 115  ** classes for special content elements like town boxes
 116  ** intended to be referenced directly from the wiki src
 117  */
 118  
 119  /*
 120  ** User styles
 121  */
 122  /* table standards */
 123  table.rimage {
 124      float: right;
 125      position: relative;
 126      margin-left: 1em;
 127      margin-bottom: 1em;
 128      text-align: center;
 129  }
 130  
 131  /*
 132  ** edit views etc
 133  */
 134  .special li {
 135      line-height: 1.4em;
 136      margin: 0;
 137      padding: 0;
 138  }
 139  
 140  /*
 141  ** Structural Elements
 142  */
 143  
 144  /*
 145  ** general portlet styles (elements in the quickbar)
 146  */
 147  .portlet {
 148      border: none;
 149      margin: 0 0 .5em;
 150      padding: 0;
 151      float: none;
 152      width: 11.6em;
 153      overflow: hidden;
 154  }
 155  
 156  .portlet h3 {
 157      background: transparent;
 158      padding: 0 1em 0 .5em;
 159      display: inline;
 160      height: 1em;
 161      text-transform: lowercase;
 162      font-size: 91%;
 163      font-weight: normal;
 164      white-space: nowrap;
 165  }
 166  
 167  .pBody {
 168      font-size: 95%;
 169      background-color: white;
 170      color: black;
 171      border-collapse: collapse;
 172      border: 1px solid #aaa;
 173      padding: 0 .8em .3em .5em;
 174  }
 175  
 176  /* allows .pBody styles to wrap around content added via BaseTemplateAfterPortlet hook */
 177  .pBody:after {
 178      content: '';
 179      clear: both;
 180      display: block;
 181  }
 182  
 183  .portlet ul {
 184      line-height: 1.5em;
 185      font-size: 95%;
 186  }
 187  
 188  .portlet li {
 189      padding: 0;
 190      margin: 0;
 191  }
 192  
 193  /*
 194  ** Logo properties
 195  */
 196  
 197  #p-logo {
 198      top: 0;
 199      left: 0;
 200      position: absolute; /*needed to use z-index */
 201      z-index: 3;
 202      height: 155px;
 203      width: 12em;
 204      overflow: visible;
 205  }
 206  
 207  #p-logo h3 {
 208      display: none;
 209  }
 210  
 211  #p-logo a,
 212  #p-logo a:hover {
 213      display: block;
 214      height: 155px;
 215      width: 12.2em;
 216      background-repeat: no-repeat;
 217      background-position: 35% 50% !important;
 218      text-decoration: none;
 219  }
 220  
 221  /*
 222  ** Search portlet
 223  */
 224  #p-search {
 225      position: relative;
 226      z-index: 3;
 227  }
 228  
 229  input.searchButton {
 230      margin-top: 1px;
 231      font-size: 95%;
 232  }
 233  
 234  #searchGoButton {
 235      padding-left: .5em;
 236      padding-right: .5em;
 237      font-weight: bold;
 238  }
 239  
 240  #searchInput {
 241      width: 10.9em;
 242      margin: 0;
 243      font-size: 95%;
 244  }
 245  
 246  #p-search .pBody {
 247      padding: .5em .4em .4em .4em;
 248      text-align: center;
 249  }
 250  
 251  #p-search #searchform div div {
 252      margin-top: .4em;
 253      font-size: 95%;
 254  }
 255  
 256  /*
 257  ** the personal toolbar
 258  */
 259  #p-personal {
 260      position: absolute;
 261      left: 0;
 262      top: 0;
 263      z-index: 3;
 264  }
 265  
 266  #p-personal {
 267      width: 100%;
 268      white-space: nowrap;
 269      padding: 0;
 270      margin: 0;
 271      border: none;
 272      background: none;
 273      overflow: visible;
 274      line-height: 1.2em;
 275  }
 276  
 277  #p-personal h3 {
 278      display: none;
 279  }
 280  
 281  #p-personal .portlet,
 282  #p-personal .pBody {
 283      z-index: 0;
 284      padding: 0;
 285      margin: 0;
 286      border: none;
 287      overflow: visible;
 288      background: none;
 289  }
 290  
 291  /* this is the ul contained in the portlet */
 292  #p-personal ul {
 293      border: none;
 294      line-height: 1.4em;
 295      color: #2f6fab;
 296      padding: 0 2em 0 3em;
 297      margin: 0;
 298      text-align: right;
 299      list-style-type: none;
 300      list-style-image: none;
 301      z-index: 0;
 302      background: none;
 303      cursor: default;
 304  }
 305  
 306  #p-personal li {
 307      z-index: 0;
 308      border: none;
 309      padding: 0;
 310      display: inline;
 311      color: #2f6fab;
 312      margin-left: 1em;
 313      line-height: 1.2em;
 314      background: none;
 315  }
 316  
 317  #p-personal li a {
 318      text-decoration: none;
 319      color: #005896;
 320      padding-bottom: .2em;
 321      background: none;
 322  }
 323  
 324  #p-personal li a:hover {
 325      background-color: white;
 326      padding-bottom: .2em;
 327      text-decoration: none;
 328  }
 329  
 330  #p-personal li.active a:hover {
 331      background-color: transparent;
 332  }
 333  
 334  /* The icon in front of the username / login link */
 335  li#pt-userpage,
 336  li#pt-anonuserpage,
 337  li#pt-login {
 338      /* @embed */
 339      background: url(user.gif) top left no-repeat;
 340      padding-left: 20px;
 341  }
 342  
 343  #p-personal ul {
 344      text-transform: lowercase;
 345  }
 346  
 347  /* Don't lowercase username or IP addresses (IPv6) */
 348  li#pt-userpage,
 349  li#pt-anonuserpage {
 350      text-transform: none;
 351  }
 352  
 353  #p-personal li.active {
 354      font-weight: bold;
 355  }
 356  
 357  /*
 358  ** the page-related actions- page/talk, edit etc
 359  */
 360  #p-cactions {
 361      position: absolute;
 362      top: 1.3em;
 363      left: 11.5em;
 364      margin: 0;
 365      white-space: nowrap;
 366      width: 76%;
 367      line-height: 1.1em;
 368      overflow: visible;
 369      background: none;
 370      border-collapse: collapse;
 371      padding-left: 1em;
 372      font-size: 95%;
 373  }
 374  
 375  #p-cactions ul {
 376      list-style-type: none;
 377      list-style-image: none;
 378  }
 379  
 380  #p-cactions li {
 381      display: inline;
 382      border: 1px solid #aaa;
 383      border-bottom: none;
 384      padding: 0 0 1em 0;
 385      margin: 0 .3em 0 0;
 386      overflow: visible;
 387      background: white;
 388  }
 389  
 390  #p-cactions li.selected {
 391      border-color: #fabd23;
 392      font-weight: bold;
 393  }
 394  
 395  #p-cactions li a {
 396      background-color: #fbfbfb;
 397      color: #002bb8;
 398      border: none;
 399      padding: 0 .8em .3em;
 400      position: relative;
 401      z-index: 0;
 402      margin: 0;
 403      text-decoration: none;
 404  }
 405  
 406  #p-cactions li.selected a {
 407      z-index: 3;
 408      background-color: white;
 409  }
 410  
 411  #p-cactions .new a {
 412      color: #ba0000;
 413  }
 414  
 415  #p-cactions li a:hover {
 416      z-index: 3;
 417      text-decoration: none;
 418      background-color: white;
 419  }
 420  
 421  #p-cactions h3 {
 422      display: none;
 423  }
 424  
 425  #p-cactions li.istalk {
 426      margin-right: 0;
 427  }
 428  
 429  #p-cactions li.istalk a {
 430      padding-right: .5em;
 431  }
 432  
 433  #p-cactions #ca-addsection a {
 434      padding-left: .4em;
 435      padding-right: .4em;
 436  }
 437  
 438  /* offsets to distinguish the tab groups */
 439  li#ca-talk {
 440      margin-right: 1.6em;
 441  }
 442  
 443  li#ca-watch,
 444  li#ca-unwatch,
 445  li#ca-varlang-0,
 446  li#ca-print {
 447      margin-left: 1.6em;
 448  }
 449  
 450  #p-cactions .pBody {
 451      font-size: 1em;
 452      background-color: transparent;
 453      color: inherit;
 454      border-collapse: inherit;
 455      border: 0;
 456      padding: 0;
 457  }
 458  
 459  #p-cactions li a {
 460      text-transform: lowercase;
 461  }
 462  
 463  #p-lang {
 464      position: relative;
 465      z-index: 3;
 466  }
 467  
 468  /* Override text-transform on languages where capitalization is significant */
 469  .capitalize-all-nouns .portlet h3,
 470  .capitalize-all-nouns #p-personal ul,
 471  .capitalize-all-nouns #p-cactions ul li a {
 472      text-transform: none;
 473  }
 474  
 475  /* TODO: #t-iscite is only used by the Cite extension, come up with some
 476   * system which allows extensions to add to this file on the fly
 477   */
 478  #t-ispermalink, #t-iscite {
 479      color: #999;
 480  }
 481  
 482  /*
 483  ** footer
 484  */
 485  div#footer {
 486      background-color: white;
 487      border-top: 1px solid #fabd23;
 488      border-bottom: 1px solid #fabd23;
 489      margin: .6em 0 1em 0;
 490      overflow: hidden;
 491      padding: .4em 0 .3em 0;
 492      text-align: center;
 493      font-size: 90%;
 494  }
 495  
 496  div#footer li {
 497      display: inline;
 498      margin: 0 1.3em;
 499  }
 500  
 501  #f-poweredbyico, #f-copyrightico {
 502      margin: 0 8px;
 503      position: relative;
 504      top: -2px; /* Bump it up just a tad */
 505  }
 506  
 507  #f-poweredbyico {
 508      float: right;
 509      height: 1%;
 510  }
 511  
 512  #f-copyrightico {
 513      float: left;
 514      height: 1%;
 515  }
 516  
 517  .mw-htmlform-submit {
 518      font-weight: bold;
 519      padding-left: .3em;
 520      padding-right: .3em;
 521      margin-right: 2em;
 522  }
 523  
 524  /* js pref toc */
 525  #preftoc {
 526      margin: 0;
 527      padding: 0;
 528      width: 100%;
 529      clear: both;
 530  }
 531  
 532  #preftoc li {
 533      background-color: #f0f0f0;
 534      color: #000;
 535  }
 536  
 537  #preftoc li {
 538      margin: 1px -2px 1px 2px;
 539      float: left;
 540      padding: 2px 0 3px 0;
 541      border: 1px solid #fff;
 542      border-right-color: #716f64;
 543      border-bottom: 0;
 544      position: relative;
 545      white-space: nowrap;
 546      list-style-type: none;
 547      list-style-image: none;
 548      z-index: 3;
 549  }
 550  
 551  #preftoc li.selected {
 552      font-weight: bold;
 553      background-color: #f9f9f9;
 554      border: 1px solid #aaa;
 555      border-bottom: none;
 556      cursor: default;
 557      top: 1px;
 558      padding-top: 2px;
 559      margin-right: -3px;
 560  }
 561  
 562  #preftoc > li.selected {
 563      top: 2px;
 564  }
 565  
 566  #preftoc a,
 567  #preftoc a:active {
 568      display: block;
 569      color: #000;
 570      padding: 0 .7em;
 571      position: relative;
 572      text-decoration: none;
 573  }
 574  
 575  #preftoc li.selected a {
 576      cursor: default;
 577      text-decoration: none;
 578  }
 579  
 580  #preferences {
 581      margin: 0;
 582      border: 1px solid #aaa;
 583      clear: both;
 584      padding: 1.5em;
 585      background-color: #F9F9F9;
 586  }
 587  
 588  .prefsection {
 589      border: none;
 590      padding: 0;
 591      margin: 0;
 592  }
 593  
 594  .prefsection legend {
 595      font-weight: bold;
 596  }
 597  
 598  .prefsection table, .prefsection legend {
 599      background-color: #F9F9F9;
 600  }
 601  
 602  .mainLegend {
 603      display: none;
 604  }
 605  
 606  td.htmlform-tip {
 607      font-size: x-small;
 608      padding: .2em 2em;
 609      color: #666;
 610  }
 611  
 612  .preferences-login {
 613      clear: both;
 614      margin-bottom: 1.5em;
 615  }
 616  
 617  .prefcache {
 618      font-size: 90%;
 619      margin-top: 2em;
 620  }
 621  
 622  #userloginprompt, #languagelinks {
 623      font-size: 85%;
 624  }
 625  
 626  #login-sectiontip {
 627      font-size: 85%;
 628      line-height: 1.2;
 629      padding-top: 2em;
 630  }
 631  
 632  #userloginlink a, #wpLoginattempt, #wpCreateaccount {
 633      font-weight: bold;
 634  }
 635  
 636  /**
 637   * This was originally added by Gabriel Wicke in r3681 (committed on 25 May 2004)
 638   * with the commit message "tweaks to page history".
 639   * Unlike the other IE/Mac fixes that used to be present here, this seems to get
 640   * applied on more modern browsers, so let's keep it here until someone has the
 641   * time to properly test it out.
 642   */
 643  #pagehistory li.selected {
 644      position: relative;
 645  }
 646  
 647  .redirectText {
 648      font-size: 150%;
 649      margin: 5px;
 650  }
 651  
 652  div.patrollink {
 653      clear: both;
 654  }
 655  
 656  .sharedUploadNotice {
 657      font-style: italic;
 658  }
 659  
 660  span.updatedmarker {
 661      color: black;
 662      background-color: #0f0;
 663  }
 664  
 665  .editExternally {
 666      border: 1px solid gray;
 667      background-color: #ffffff;
 668      padding: 3px;
 669      margin-top: 0.5em;
 670      float: left;
 671      font-size: small;
 672      text-align: center;
 673  }
 674  
 675  .editExternallyHelp {
 676      font-style: italic;
 677      color: gray;
 678  }
 679  
 680  .toggle {
 681      margin-left: 2em;
 682      text-indent: -2em;
 683  }
 684  
 685  /* @bug 1714 */
 686  input#wpSave,
 687  input#wpDiff {
 688      margin-right: 0.33em;
 689  }
 690  
 691  #wpSave {
 692      font-weight: bold;
 693  }
 694  
 695  /* noarticletext */
 696  div.noarticletext {
 697      border: 1px solid #ccc;
 698      background: #fff;
 699      padding: .2em 1em;
 700      color: #000;
 701  }
 702  
 703  div#searchTargetContainer {
 704      left: 10px;
 705      top: 10px;
 706      width: 90%;
 707      background: white;
 708  }
 709  
 710  div#searchTarget {
 711      padding: 3px;
 712      margin: 5px;
 713      background: #F0F0F0;
 714      border: solid 1px blue;
 715  }
 716  
 717  div#searchTarget ul li {
 718      list-style-type: none;
 719      list-style-image: none;
 720  }
 721  
 722  div#searchTarget ul li:before {
 723      color: orange;
 724      content: "\00BB \0020";
 725  }
 726  
 727  div#searchTargetHide {
 728      float: right;
 729      border: solid 1px black;
 730      background: #DCDCDC;
 731      padding: 2px;
 732  }
 733  
 734  #powersearch p {
 735      margin-top: 0;
 736  }
 737  
 738  div.multipageimagenavbox {
 739      border: solid 1px silver;
 740      padding: 4px;
 741      margin: 1em;
 742      background: #f0f0f0;
 743  }
 744  
 745  div.multipageimagenavbox div.thumb {
 746      border: none;
 747      margin-left: 2em;
 748      margin-right: 2em;
 749  }
 750  
 751  div.multipageimagenavbox hr {
 752      margin: 6px;
 753  }
 754  
 755  table.multipageimage td {
 756      text-align: center;
 757  }
 758  
 759  .templatesUsed {
 760      margin-top: 1.5em;
 761  }
 762  
 763  .mw-summary-preview {
 764      margin: 0.1em 0;
 765  }
 766  
 767  /* Friendlier slave lag warnings */
 768  div.mw-lag-warn-normal,
 769  div.mw-lag-warn-high {
 770      padding: 3px;
 771      text-align: center;
 772      margin: 3px auto;
 773  }
 774  
 775  div.mw-lag-warn-normal {
 776      border: 1px solid #FFCC66;
 777      background-color: #FFFFCC;
 778  }
 779  
 780  div.mw-lag-warn-high {
 781      font-weight: bold;
 782      border: 2px solid #FF0033;
 783      background-color: #FFCCCC;
 784  }
 785  
 786  .MediaTransformError {
 787      background-color: #ccc;
 788      padding: 0.1em;
 789  }
 790  
 791  .MediaTransformError td {
 792      text-align: center;
 793      vertical-align: middle;
 794      font-size: 90%;
 795  }
 796  
 797  /* Sometimes people don't want personal tools to be lowercase! */
 798  .no-text-transform {
 799      text-transform: none;
 800  }
 801  
 802  /* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
 803  .tipsy {
 804      font-size: 127%;
 805  }
 806  
 807  /* mediawiki.notification */
 808  .skin-monobook .mw-notification {
 809      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.125);
 810  }