MediaWiki:Common.css

From Let's Play Webtoon Wikipedia
Revision as of 23:02, 8 November 2017 by Mongie (talk | contribs)
Jump to: navigation, 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: 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 */

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */

body.page-Main_Page #deleteconfirm,
body.page-Main_Page #t-cite,
body.page-Main_Page #footer-info-lastmod,
body.page-Main_Page #siteSub,
body.page-Zelda_Wiki_Discussion_Center #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page h1.firstHeading,
body.page-Zelda_Wiki_Discussion_Center h1.firstHeading,
body.page-Zelda_Wiki_Latest_Announcements #siteNotice {
	display: none !important;
}

body.page-Zelda_Wiki_Discussion_Center .messagebox {
	height: 15em;
	overflow: auto;
}

body.page-Community_Glossary h2 {
	border-bottom-width: 3px;
	color: #aff;
	font-weight:bold;
}

body.page-Community_Glossary h3 {
	clear: left;
}

body.page-Community_Glossary #toc~p,
body.page-Community_Glossary #toc~ul {
	margin-left: 20px;
}

/* Causes images to be resized using nearest-neighbor interpolation.
 * This prevents sprites, 2D game screenshots, and other pixel art from appearing blurry when resized (namely in galleries).
 * This comes at the cost of a slight reduction in quality for thumbnails of any other kind of image (e.g. screenshots and artwork)
 */
img, canvas {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering:crisp-edges;
	image-rendering:pixelated;
}


#siteSub { display:block; font-weight:normal; font-size:92%;}

/*
 * Dynamic menus
 */
.dmenu { width: 180px }
 
.dmenu, .dmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
.dmenu .selflink { font-weight: normal;}
 
.dmenu li { /* all list items */
	position: relative;
	float: left;
	width: 172px;
	padding: 4px;
	z-index: 100;
}
 
.dmenu li,
.dmenu li.even a,
.dmenu li.odd a,
.dmenu li li,
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
	color : black;
}
 
.dmenu li li { margin: 0;}
 
.dmenu li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	z-index: 101;
	border: 1px solid #ccc;
}
 
.dmenu li ul ul { /* third-and-above-level lists */
	position: absolute;
	left: -999em;
	margin: 0 0 0 0;
	z-index: 102;
}
 
.dmenu li.odd .submenu {
	width: 12px;
	height: 15px;
	float: right;
	background: url(/common/images/rarr-lt.png) 0 3px no-repeat;
}
.dmenu li.even .submenu {
	width: 12px;
	height: 15px;
	float: right;
	background: url(/common/images/rarr-dk.png) 0 3px no-repeat;
}
.dmenu li.odd {
	background: #E9EDF4;
	border: 2px solid #E9EDF4;
}
.dmenu li.even {
	background: #D0D8E8;
	border: 2px solid #D0D8E8;
}
 
.dmenu li:hover, .dmenu li.sfhover {
	border: 2px solid #385D8A;
}
 
.dmenu li:hover ul ul,
.dmenu li:hover ul ul ul,
.dmenu li.sfhover ul ul,
.dmenu li.sfhover ul ul ul {
	left: -999em;
}
 
.dmenu li:hover ul,
.dmenu li li:hover ul,
.dmenu li li li:hover ul,
.dmenu li.sfhover ul,
.dmenu li li.sfhover ul,
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: 182px;
	top: -3px;
}


.infobox {
	border: 1px solid #3b587e;
	background-color: #1f4973;
	color: #d2d2d2;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	clear: right;
}

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
	border: 1px solid #426787;
	width: 100%; 
	margin: auto;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
	margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
	text-align: center;      /* Title and above/below styles */
	padding-left: 1em;
	padding-right: 1em;
}
.navbox-group {              /* Group style */
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}
.navbox, .navbox-subgroup {

	background: #17456E;     /* Background color */
}
.navbox-list {

border-color: #17456E;   /* Must match background color */
}
.navbox-title,
table.navbox th {
	background: transparent;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
	background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
	background: #1a4d7a;     /* Even row striping */
}
.navbox-odd {
	background: transparent; /* Odd row striping */
}

.collapseButton {          /* 'show'/'hide' buttons created dynamically */
	float: right;          /* by the CollapsibleTables javascript in    */
	font-weight: normal;   /* [[MediaWiki:Common.js]] are styled here   */
	text-align: right;     /* so they can be customised.                */
	width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
	width: 6em;            /* the vde links from [[Template:Navbar]],    */
}                          /* so they need to be the same width.         */

.navbar {                  /* Navbox template links */
	font-size: 88%;        /* Default font-size */
	font-weight: normal;
}
.navbox .navbar {
	font-size: 100%;       /* Font-size when nested within navbox */
}

/* Prevent line breaks in silly places: 
   1) Links when we don't want them to
   2) Bold "links" to the page itself
*/
.nowraplinks a,
.nowraplinks .selflink{ 
	white-space: nowrap;
}

/* prevent horizontal page expansion */
pre { overflow: auto;}


/* 
 * Fixes to some issues after upgrading to MediaWiki 1.17
 * Preferable to move them to the main CSS files(?)
 */

.wikitable { color:#D2D2D2 !important;}


/* 
 * Hiding the original Licensing field on the upload form
 * Stupid workaround for the CustomUploadFields extension
 */
.mw-htmlform-field-Licenses { display:none;}

/* 
 * For use with the WikiEd extension
 * http://www.mediawiki.org/wiki/Extension:WikEd
 */
.wikEdPreviewBox, .wikEdDiffDiv { background-color: transparent !important;}

/* Enlarged gallery captions */
.gallerycaption { font-size:140%; padding:5px;}

/* Align OGG players to the center of the page (only on the file description page) */
.ns-6 .mediaContainer { margin:auto;}

/* Sitenotice background color */
table#mw-dismissable-notice { background-color: #1d578b !important;}

/* FileInfo CSS loaded on special pages, for upload preview */
.ns--1 .fileinfo {
	width:740px;
	background-color:#1d578b;
	border:1px solid #426787;
	margin: 1em auto;
	border-radius:10px;
	font-size:12px;
}

.fileinfo th{
	width:60px;
	border:none;
	text-align:left;
	padding:4px;
}

.fileinfo td{
	border-radius:10px;
	border:1px solid #426787;
	background-color:#17456e;
	padding:4px;
}

/* Clear level 1 and 2 headers on the left side */
h1, h2 { clear:left;}

.center{
	text-align:center !important;
}

/* Styling for enhanced Recent Changes and Watchlist */
td.mw-enhanced-rc {
	font-size: 1.25em;
}

/* Upload form field alignments */
table#mw-htmlform-description tr {
	vertical-align:top;
}

/* Style/reposition the site notice's [dismiss] */
.globalNotice > .globalNoticeDismiss { /* span is for extra specificity */
	margin: 0 5px; /* Reasonable distance from the 10px border-radius */
	height: 0;
}

/*
 * Temporary upload-related things 
 */

/* Hide MsUpload UI */
#msupload-container, #msupload-div {
	display: none;
}

/* Make Cargo table legible on https://zelda.gamepedia.com/Special:CargoTables/* */

table.cargoTable tr {
	background: none !important;
}

/* Negate the "display:block" on "caption a" elements 
 * (affects the link in collapsible tables) */
caption a {
	display:inline !important;
}

/* Restyle the buttons like "Show preview" and "Show changes" and ApiSandbox buttons */
.skin-hydradark span.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #bfbfbf;
	border: none;
	background-color: #001339;
}
.skin-hydradark span.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
	background-color: #0a2d6e;
}