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; }

/* DIVS */ div.facelift-header-nav-box { border: 1px solid; margin-bottom: 0.5em; }

/* 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; }

/* Color Template */ .tloz-blue { color: #139eff; }

.tloz-green { color: #a6c819; }

.tloz-red { color: #f64027; }

.lans-blue { color: #11b7e7; }

.lans-pink { color: #e989a3; }

.oot-dark-blue { color: #4d55ed; }

.oot-green { color: #46f04e; }

.oot-light-blue { color: #60b0f9; }

.oot-orange { color: #f16f00; }

.oot-purple { color: #be5fe4; }

.oot-red { color: #f63a3b; }

.oot-yellow { color: #e1ff32; }

/* OoT3D colors are all taken directly from in-game code. Do not change them. */

.oot3d-dark-blue { color: #0a64ff; }

.oot3d-green { color: #46ff50; }

.oot3d-light-blue { color: #64b4ff; }

.oot3d-purple { color: #ff96b4; }

.oot3d-red { color: #ff3c3c; }

.oot3d-yellow { color: #e1ff32; }

.mm-dark-blue { color: #50529a; }

.mm-light-blue { color: #628cc4; }

.mm-green { color: #5abe62; }

.mm-purple { color: #f2a1b5; }

.mm-red { color: #cc4a3e; }

.mm-silver { color: #aba7ae; }

.mm-yellow { color: #ffff2a; }

.mm3d-dark-blue { color: #0056fb; }

.mm3d-light-blue { color: #1298cf; }

.mm3d-gold { color: #ffd80d; }

.mm3d-green { color: #41a049; }

.mm3d-purple { color: #c829d8; }

.mm3d-red { color: #e34200; }

.mm3d-silver { color: #908a8d; }

.mm3d-yellow { color: #f0af1a; }

.oos-red { color: #bf0c3d; }

.oos-blue { color: #3ebcc5; }

.fs-blue { color: #1ab1f3; }

.fs-orange { color: #ff9413; }

.fs-red { color: #f53913; }

.tww-light-blue { color: #b5f2df; }

.tww-dark-blue { color: #0309b0; }

.tww-green { color: #01d003; }

.tww-orange { color: #b06d45; }

.tww-purple { color: #882b98; }

.tww-red { color: #e41800; }

.tww-silver { color: #808080; }

.tww-vermilion { color: #ff6b00; }

.tww-yellow { color: #f4e31c; }

.twwhd-dark-blue { color: #0000a7; }

.twwhd-green { color: #0dffb0; }

.twwhd-orange { color: #ffc200; }

.twwhd-purple { color: #f974f9; }

.twwhd-red { color: #d40300; }

.twwhd-silver { color: #cecfcd; }

.twwhd-vermilion { color: #f26312; }

.twwhd-yellow { color: #ffff0c; }

.tt-dark-blue { color: #191cdb; }

.tt-light-blue { color: #4e90c5; }

.tt-green { color: #295a2b; }

.tt-purple { color: #9b07a3; }

.tt-red { color: #ce0009; }

.fsa-gcn-blue { color: #55dfff; }

.fsa-gcn-green { color: #78ff1e; }

.fsa-gcn-purple { color: #fd71ff; }

.fsa-gcn-red { color: #f65712; }

.nt-green { color: #376953; }

.nt-red { color: #912000; }

.tmc-blue { color: #37acbe; }

.tmc-figurine-blue { color: #12437b; }

.tmc-figurine-red { color: #5d1f12; }

.tmc-green { color: #37c012; }

.tmc-red { color: #b73834; }

.tp-animal-green { color: #86a454; }

.tp-blue { color: #c4cbe5; }

.tp-green { color: #b7c182; }

.tp-midna-blue { color: #80b9ca; }

.tp-purple { color: #b09db3; }

.tp-red { color: #c1755c; }

.tp-rupee-yellow { color: #ebe28a; }

.tp-yellow { color: #ba9c77; }

.tphd-animal-green { color: #6eab43; }

.tphd-blue { color: #4799ff; }

.tphd-green { color: #3c934c; }

.tphd-midna-blue { color: #64b1b3; }

.tphd-purple { color: #944084; }

.tphd-red { color: #ff433b; }

.tphd-rupee-yellow { color: #ffff34; } .tphd-yellow { color: #ffb428; }

.ph-blue { color: #0000fe; }

.ph-green { color: #00b600; }

.ph-red { color: #dc0000; }

.st-dark-blue { color: #000c1a; }

.st-dark-red { color: #6b0000; }

.st-green { color: #0d8c00; }

.st-light-blue { color: #000cda; }

.st-light-red { color: #e23f3a; }

.ss-red { color: #f25239; }

.ss-dark-blue { color: #59a7bf; }

.ss-light-blue { color: #83deff; }

.ss-yellow { color: #f4b525; }

.ss-green { color: #70b94a; }

.albw-dark-blue { color: #0a407f; }

.albw-light-blue { color: #57f3db; }

.albw-yellow { color: #ffff6e; }

.tfh-blue { color: #003C90; }

.tfh-blue-link { color: #4040F8; }

.tfh-green-link { color: #40FC40; }

.tfh-red { color: #F82000; }

.tfh-red-link { color: #F84040; }

.botw-blue { color: #20f0d8; }

.botw-gold { color: #b99f65; }

.botw-gray { color: #948e7e; }

.botw-main-quest { color: #e0c039; }

.botw-memory { color: #b6e9d3; }

.botw-monk-blue { color: #d1ffff; }

.botw-red { color: #ef3f54; }

.botw-shrine-quest { color: #15a6d3; }

.botw-side-quest { color: #b1d213; }

.botw-yellow { color: #e8c930; }

.e-blue { color: #162c5e; }

.e-green { color: #215b33; }

.e-red { color: #741303; }

.e-circle { color: #a75142; }

.e-triangle { color: #5886b7; }

.e-square { color: #73af59; }

.e-cr-blue { color: #5c8098; }

.e-cr-light-green { color: #979b5e; }

.e-cr-dark-green { color: #66805b; }

.e-cr-red { color: #b95b73; }

.e-cr-yellow { color: #b0944b; }

.e-tw-blue { color: #55aac9; }

.e-tw-red { color: #b54b59; }

.fptrr-orange { color: #e48b2f; }

.fptrr-yellow { color: #e9d41a; }

.hw-blue { color: #4480c0; }

.hw-green { color: #297c49; }

.hw-red { color: #a42529; }

.hw-yellow { color: #c39f4a; }

.hwl-blue { color: #0d67cc; }

.hwl-green { color: #087a17; }

.hwl-red { color: #e51c32; }

.hwl-yellow { color: #954601; }

.hwde-adventure-mode-green { color: #63aa5d; }

.hwde-adventure-mode-yellow { color: #f6df6b; }

.hwde-blue { color: #6078e5; }

.hwde-green { color: #608e70; }

.hwde-red { color: #e15060; }

.hwde-yellow { color: #ceac6c; }

.coh-blue { color: #3ab3dc; }

.coh-green { color: #17ff09; }

.coh-red { color: #e0000e; }

.coh-yellow { color: #e5d442; }

/* 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; }