MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at 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; }

img.optimizequality, canvas.optimizequality { image-rendering:optimizequality; }


 * 1) 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; margin:auto !important; }

/* Template:Caption */ text-align:center; margin:auto; }
 * 1) caption-text{

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

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

/* Style/reposition the site notice's [dismiss] for the local wiki notice and not global notices */ margin: 0 5px; /* Reasonable distance from the 10px border-radius */ height: 0; }
 * 1) localNotice > .globalNoticeDismiss { /* span is for extra specificity */

/* * Temporary upload-related things */

/* Hide MsUpload UI */ .oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget, .oo-ui-selectFileWidget-supported, .oo-ui-selectFileWidget-empty, #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; }

/* Restyling the fallback search icon */ div#simpleSearch #mw-searchButton { background-position: center center; background-repeat: no-repeat; }

/* Restyling "choose a table" list on "Special:Drilldown/Images" */ div#drilldown-tables-wrapper, ul#drilldown-tables li.tableName { background: none; }

/* Change the color of the codeEditor toolbar so the icons can be identified clearly */ background: #d8d8d8; }
 * 1) wikiEditor-ui-toolbar.codeEditor-ui-toolbar {

/* Unrestrict max-width and resizability of textareas on Special:Expandtemplates */ body.mw-special-ExpandTemplates div.oo-ui-textInputWidget { max-width: inherit; } .oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea { resize: auto; }

/* CSS relative to Cargo */ div.cargoReplacementTableInfo { background-color: #1d578b; border-color: #0b284f; }

div.warningbox { color: #d2d2d2; border-color: #0b284f; background-color: #1d578b; }

/* For the Editor's Hub */ div.eh-lists { display: flex; justify-content: center; flex-wrap: wrap; }

div.eh-list { flex: 1 1 0; }

div.eh-list-title { display: -webkit-box; background-color: #1D578B; border: 1px solid #426787; padding: 1em; }

div.eh-list-title-image { padding-right: 5px; }

div.eh-list-pages { border: 1px solid #426787; min-height: 17em; max-height: 17em; overflow: auto; }

div.eh-list-pages p { text-align:center; }

/* FACELIFT */ /* All CSS placed under there is for the upcoming facelift of Zelda Wiki, place any other CSS above it */

/* MISC */ .facelift-centered { text-align: center; }

.facelift-mobile-only { display: none; }

/* GENERAL LAYOUT */ border-radius: 0 10px 10px 10px; }
 * 1) content {

border-radius: 10px; }
 * 1) catlinks {

/* RECENT CHANGES */ div.mw-recentchanges-toplinks { border-radius: 10px; }

div.mw-recentchanges-toplinks div.mw-parser-output { padding-left: 1em; padding-right: 1em; }

/* FIELDSETS */ fieldset { border-radius: 10px; }

.skin-hydradark #preferences fieldset.prefsection fieldset { border-radius: 0; }

/* TABLES */ .facelift-roundy { border-radius: 10px; padding: 10px; } table.facelift-pill-rows tr:not(:first-child) td { padding: 10px; }

table.facelift-pill-rows tr:not(:first-child) td:first-child { border-radius: 10px 0px 0px 10px; }

table.facelift-pill-rows tr:not(:first-child) td:last-child { border-radius: 0px 10px 10px 0px; }

/* GALLERIES */ li.gallerybox div.thumb { border-radius: 10px; }

/* TABLES OF CONTENTS */ div#toc, div.toc { border-radius: 10px; }

/* NAVBOXES */ div.facelift-tabbed-navbox { text-align: center; }

/* Template:Tab2 */ /* centering image in for infoboxes */ table.infobox-curse-ad div.tabcontents.vertical-centered-content > div.content img { position: relative; top: 50%; transform: translateY(-50%); }

div.tabcontainer span.tab.explain { text-decoration: none; float: none; display: inline-block; }

div.tabcontainer { margin-left: auto; margin-right: auto; }

div.tabcontainer-top { padding-top: 5px; margin-top: 0; margin-bottom: 10px; }

div.tabcontainer-bottom { padding-bottom: 5px; margin-top: 10px; margin-bottom: 0; }

/* Game navigation */ .facelift-game-nav-wrapper { list-style-type: none; overflow: hidden; }

.facelift-game-nav-wrapper li { float: left; padding: 8px; width: 100px; position: relative; }

.facelift-game-nav-wrapper li:after { content: ''; position: absolute; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 16px solid white; z-index: 10; top: 0px; right: 0px; }

.facelift-game-nav-wrapper li a { display: block; text-align: center; }

/* Text Indentation */ .em-indent { text-indent: 1em; }

/* LIST BOXES */ div.list-box-container { display: flex; flex-wrap: wrap; justify-content: center; }

div.list-box { position: relative; margin: 8px; flex-grow: 1; flex-basis: calc((100% / 3) - (8px *2) - (10px * 2)); }

@media only screen and (max-width: 1550px) { div.list-box { flex-basis: calc((100% / 2) - (8px *2) - (10px * 2)); } }

@media only screen and (max-width: 1100px) { div.list-box { flex-basis: calc(100% - (8px *2) - (10px * 2)); } }

div.list-box span.list-box-link a { text-align: right; position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-decoration: none; }

div.list-box span.list-box-link a span.list-box-text { position: relative; top: 50%; transform: translateY(-50%); display: block; padding-right: 1em; font-size: large; }