MediaWiki:Common.css

From Hiccup
Jump to navigationJump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* 
 * Any downscaled images are handled by MediaWiki's clean resampling.
 * For that reason, any image needing user-side resizing will usually be due to zoomed in images.
 * This will enable us to have nice and crisp graphics regardless of how large they're blown up:
 */
* { 
  image-rendering: -moz-crisp-edges; 
  image-rendering: -o-crisp-edges; 
  image-rendering: -webkit-optimize-contrast; 
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  -ms-interpolation-mode:nearest-neighbor;
  }

/* Hide links leading to the Visual Editor */
#ca-ve-edit, .mw-editsection-visualeditor, .mw-editsection-divider {display: none;}

.navbox a {
 white-space: nowrap;
}

.nop p {padding:0; margin:0;}

.breakout {
  float: right;
  border: 1px solid #888;
  background: #fff;
  padding: 0.2em;
  }

.breakouttitle {
  text-align: center;
  background: #cfc;
  border-top: 1px solid #6a6;
  border-bottom: 1px solid #6a6;
  }


.contributionscores .header     { background-color: #eee; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .header td  { padding-left: .2em; padding-right: .2em; }
.contributionscores td { padding-left: .2em; padding-right: .2em; border-bottom: 1px solid #ccc;}


input, textarea {
  border: 1px solid #ccc;
  background: #f8f8f8; /* you can't fight f8 */
  color:      #000;
}



/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}



/* special table for Paper Mario: Thousand Year Door system messages */
table.papersystem {
    margin: 1px 0 1px 0;
    background-image: url(images/2/25/PMTTYDSystemAnimated.gif);
    background-repeat: repeat;
    text-shadow: 2px 2px 2px #000;
    color:  #FFF;
    line-height: 1.5;
    font-size: 120%;
    border: 2px #e0e0e0 solid;
    height: 96px;
    width: 288px;
}

/* special table for Shining Force II messages */
table.sf2 {
    background-image: url(images/e/ec/Shining2DialogueBox.png);
    color:  #FFF;
    font-size: 110%;
    line-height: 1.1;
    vertical-align: top;
    height: 56px;
    width: 232px;
    padding: 0px 8px;
    border: 0 !important;
}

/* special table for Shining Force II battle messages */
table.sf2B {
    background-image: url(images/e/ec/Shining2DialogueBox.png);
    color:  #FFF;
    font-size: 110%;
    line-height: 1.1;
    vertical-align: top;
    height: 40px;
    width: 232px;
    padding: 0px 8px;
    border: 0 !important;
}

/* special table for Shining Force II character pics */
table.sf2C {
    background-image: url(images/c/ce/Shining2CharBox.png);
    color:  #FFF;
    font-size: 110%;
    vertical-align: middle;
    height: 80px;
    width: 64px;
    padding: 0px 8px;
    border: 0 !important;
}

/* special table for Phantasy Star II messages */
table.psII {
    background-image: url(images/6/6b/PhantasyStarIIDialogueBox.png);
    color:  #FFF;
    font-size: 110%;
    line-height: 1.1;
    vertical-align: top;
    height: 42px;
    width: 200px;
    padding: 0px 8px;
    border: 0 !important;
}

/* special table for Phantasy Star IV messages */
table.psIV {
    background-image: url(images/6/60/PSIVDialogueBox.png);
    color:  #FFF;
    font-size: 15px;
    line-height: 1.3;
    vertical-align: top;
    height: 52px;
    width: 272px;
    padding: 4px 8px;
    border: 0 !important;
}

/* special table for Phantasy Star IV item descriptions */
table.psIVI {
    background-image: url(images/7/77/PSIVDialogueBoxI.png);
    color:  #FFF;
    font-size: 12px;
    line-height: 1.3;
    vertical-align: top;
    height: 44px;
    width: 208px;
    padding: 0px 12px;
    border: 0 !important;
}

/* Makes the background of a framed image white instead of gray. */
/* Only visible with transparent images. */
div.thumb img.thumbimage {
    background-color: #fff;
}
 
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
    background-color: #F9F9F9;   /* Light gray padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img {
    background: white url("images/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img, 
.nochecker .gallerybox .thumb img {
    background: none;
}

/* Todo: Make Galleryboxes suck less */



/*
 * Message box template
 */
.msgbox {
  margin: 0em 2em 1em 3em;
  border: 1px solid #888;
  background: #ddd;
  color: #000;
  -moz-border-radius: 0 8px 0 8px;
  border-radius: 0 8px 0 8px;
  padding: 0;
  border-spacing: 0;
  }

.msgbox td {
  vertical-align: middle;
  padding: 0.5em 1em 0.5em 0em;
  width: 100%;
  }

.msgbox .msgboximg {
  vertical-align: middle;
  width: 0%;
  padding: 0.5em 1em 0.5em 1em;
  }



/* Bottom Navbox template */
table.navbox {
  border: 1px solid #0c0;
  padding: 1px;
  margin: 0.5em auto;
  width: 90%;
  clear: both;
  font-size: 95%;
  }
.navbox th {
  background: #cfc;
  color: #000;
  }
.navboxhead {
  background: #ada !important; /* bite me */
  }



div.topicon {
  position: absolute; 
  z-index: 10; 
  top: 6px;
  right: 10px;
  display: block !important;
  }

pre, code {display:inline-block; }
pre, tt, code { font-size: 110%; }
textarea, pre, code, tt {font-family: Consolas,  DejaVu Sans Mono, Droid Sans Mono, Lucida Console, Courier New, monospace; }

/* Taken from Wikipedia:
   Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}


/* keep superscript and subscript text from breaking the line-spacing. taken from https://www.mediawiki.org/wiki/Topic:Rcs0u0h5uh1rgbik*/
#bodyContent sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#bodyContent sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;;
}