MediaWiki:Common.css
From Hiccup
Jump to navigationJump to searchNote: 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;;
}