MediaWiki:Common.css

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

/* Variables */ body { /* General */ --roundy-border-radius: 10px; /* Main Page */ --margin-main-page-game : 2px; /* Colors */ --tloz-blue: #139eff; --tloz-green: #a6c819; --tloz-red: #f64027;

--lans-blue: #11b7e7; --lans-green: #a4f781; --lans-pink: #e989a3; --lans-red: #ec4600;

--oot-dark-blue: #4d55ed; --oot-green: #46f04e; --oot-light-blue: #60b0f9; --oot-orange: #f16f00; --oot-purple: #be5fe4; --oot-red: #f63a3b; --oot-yellow: #e1ff32;

/* OoT3D colors are all taken directly from in-game code. Do not change them. */	--oot3d-dark-blue: #0a64ff; --oot3d-green: #46ff50; --oot3d-light-blue: #64b4ff; --oot3d-purple: #ff96b4; --oot3d-red: #ff3c3c; --oot3d-yellow: #e1ff32;

--mm-dark-blue: #50529a; --mm-light-blue: #628cc4; --mm-green: #5abe62; --mm-purple: #f2a1b5; --mm-red: #cc4a3e; --mm-silver: #aba7ae; --mm-yellow: #ffff2a;

--mm3d-dark-blue: #0056fb; --mm3d-light-blue: #1298cf; --mm3d-gold: #ffd80d; --mm3d-green: #41a049; --mm3d-purple: #c829d8; --mm3d-red: #e34200; --mm3d-silver: #908a8d; --mm3d-yellow: #f0af1a;

--oos-red: #bf0c3d; --oos-blue: #3ebcc5;

--fs-blue: #1ab1f3; --fs-orange: #ff9413; --fs-red: #f53913;

--tww-light-blue: #b5f2df; --tww-dark-blue: #0309b0; --tww-green: #01d003; --tww-orange: #b06d45; --tww-purple: #882b98; --tww-red: #e41800; --tww-silver: #808080; --tww-vermilion: #ff6b00; --tww-yellow: #f4e31c;

--twwhd-dark-blue: #0000a7; --twwhd-green: #0dffb0; --twwhd-orange: #ffc200; --twwhd-purple: #f974f9; --twwhd-red: #d40300; --twwhd-silver: #cecfcd; --twwhd-vermilion: #f26312; --twwhd-yellow: #ffff0c;

--tt-dark-blue: #191cdb; --tt-light-blue: #4e90c5; --tt-green: #295a2b; --tt-purple: #9b07a3; --tt-red: #ce0009;

--fsa-gcn-blue: #55dfff; --fsa-gcn-green: #78ff1e; --fsa-gcn-purple: #fd71ff; --fsa-gcn-red: #f65712;

--nt-green: #376953; --nt-red: #912000;

--tmc-blue: #37acbe; --tmc-figurine-blue: #12437b; --tmc-figurine-red: #5d1f12; --tmc-green: #37c012; --tmc-red: #b73834;

--tp-animal-green: #86a454; --tp-blue: #c4cbe5; --tp-green: #b7c182; --tp-midna-blue: #80b9ca; --tp-purple: #b09db3; --tp-red: #c1755c; --tp-rupee-yellow: #ebe28a; --tp-yellow: #ba9c77;

--tphd-animal-green: #6eab43; --tphd-blue: #4799ff; --tphd-green: #3c934c; --tphd-midna-blue: #64b1b3; --tphd-purple: #944084; --tphd-red: #ff433b; --tphd-rupee-yellow: #ffff34; --tphd-yellow: #ffb428;

--ph-blue: #0000fe; --ph-green: #00b600; --ph-red: #dc0000;

--st-dark-blue: #000c1a; --st-dark-red: #6b0000; --st-green: #0d8c00; --st-light-blue: #000cda; --st-light-red: #e23f3a;

--ss-red: #fe633d; --ss-black: #120600; --ss-dark-blue: #59a7bf; --ss-light-blue: #83deff; --ss-yellow: #ffbb19; --ss-gold: #ffbb19; --ss-green: #70b94a; --ss-white: #fffff1;

--albw-dark-blue: #0a407f; --albw-light-blue: #57f3db; --albw-yellow: #ffff6e;

--tfh-blue: #003C90; --tfh-blue-link: #4040F8; --tfh-green-link: #40FC40; --tfh-red: #F82000; --tfh-red-link: #F84040;

--botw-blue: #20f0d8; --botw-gold: #b99f65; --botw-gray: #948e7e; --botw-main-quest: #e0c039; --botw-memory: #b6e9d3; --botw-monk-blue: #d1ffff; --botw-red: #ef3f54; --botw-shrine-quest: #15a6d3; --botw-side-quest: #b1d213; --botw-yellow: #e8c930;

--e-blue: #162c5e; --e-green: #215b33; --e-red: #741303; --e-circle: #a75142; --e-triangle: #5886b7; --e-square: #73af59; --e-cr-blue: #5c8098; --e-cr-light-green: #979b5e; --e-cr-dark-green: #66805b; --e-cr-red: #b95b73; --e-cr-yellow: #b0944b; --e-tw-blue: #55aac9; --e-tw-red: #b54b59;

--fptrr-orange: #e48b2f; --fptrr-yellow: #e9d41a;

--lct-blue: #282f61;

--hw-blue: #4480c0; --hw-green: #297c49; --hw-red: #a42529; --hw-yellow: #c39f4a;

--hwl-blue: #0d67cc; --hwl-green: #087a17; --hwl-red: #e51c32; --hwl-yellow: #954601;

--hwde-adventure-mode-green: #63aa5d; --hwde-adventure-mode-yellow: #f6df6b; --hwde-blue: #6078e5; --hwde-green: #608e70; --hwde-red: #e15060; --hwde-yellow: #ceac6c;

--coh-blue: #3ab3dc; --coh-green: #17ff09; --coh-red: #e0000e; --coh-yellow: #e5d442; }

/* 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-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.default-scaling, canvas.default-scaling { image-rendering:initial; }


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

/* 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: var(--roundy-border-radius); font-size:12px; }

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

.fileinfo td{ border-radius: var(--roundy-border-radius); 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 */ .centered { text-align: center; }

.mobile-only { display: none; }

div.flex-line-break { width: 100%; }

/* GENERAL LAYOUT */ border-radius: 0 var(--roundy-border-radius) var(--roundy-border-radius) var(--roundy-border-radius); }
 * 1) content {

border-radius: var(--roundy-border-radius); }
 * 1) catlinks {

/* RECENT CHANGES */ div.mw-recentchanges-toplinks { border-radius: var(--roundy-border-radius); }

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

/* FIELDSETS */ fieldset { border-radius: var(--roundy-border-radius); }

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

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

/* TABLES */ .roundy { border-radius: var(--roundy-border-radius); padding: 10px; }

table.pill-rows tr.infobox-field th, table.pill-rows tr:not(:first-child) td { padding: 10px; }

table.pill-rows tr.infobox-field th:first-child, table.pill-rows tr:not(:first-child) td:first-child { border-radius: var(--roundy-border-radius) 0px 0px var(--roundy-border-radius); }

table.pill-rows tr.infobox-field th:last-child, table.pill-rows tr:not(:first-child) td:last-child { border-radius: 0px var(--roundy-border-radius) var(--roundy-border-radius) 0px; }

table.pill-rows tr.infobox-field th:first-child:last-child, table.pill-rows tr:not(:first-child) td:first-child:last-child { border-radius: var(--roundy-border-radius) var(--roundy-border-radius) var(--roundy-border-radius) var(--roundy-border-radius); }

/* GALLERIES */ li.gallerybox div.thumb { border-radius: var(--roundy-border-radius); }

/* TABLES OF CONTENTS */ div#toc, div.toc { border-radius: var(--roundy-border-radius); }

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

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

div.media-template div.tabcontents div.tabcontents { width: 320px; }

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 */ span.colored-text.tloz-blue { color: var(--tloz-blue); }

span.colored-text.tloz-green { color: var(--tloz-green); }

span.colored-text.tloz-red { color: var(--tloz-red); }

span.colored-text.lans-blue { color: var(--lans-blue); }

span.colored-text.lans-pink { color: var(--lans-pink); }

span.colored-text.oot-dark-blue { color: var(--oot-dark-blue); }

span.colored-text.oot-green { color: var(--oot-green); }

span.colored-text.oot-light-blue { color: var(--oot-light-blue); }

span.colored-text.oot-orange { color: var(--oot-orange); }

span.colored-text.oot-purple { color: var(--oot-purple); }

span.colored-text.oot-red { color: var(--oot-red); }

span.colored-text.oot-yellow { color: var(--oot-yellow); }

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

span.colored-text.oot3d-dark-blue { color: var(--oot3d-dark-blue); }

span.colored-text.oot3d-green { color: var(--oot3d-green); }

span.colored-text.oot3d-light-blue { color: var(--oot3d-light-blue); }

span.colored-text.oot3d-purple { color: var(--oot3d-purple); }

span.colored-text.oot3d-red { color: var(--oot3d-red); }

span.colored-text.oot3d-yellow { color: var(--oot3d-yellow); }

span.colored-text.mm-dark-blue { color: var(--mm-dark-blue); }

span.colored-text.mm-light-blue { color: var(--mm-light-blue); }

span.colored-text.mm-green { color: var(--mm-green); }

span.colored-text.mm-purple { color: var(--mm-purple); }

span.colored-text.mm-red { color: var(--mm-red); }

span.colored-text.mm-silver { color: var(--mm-silver); }

span.colored-text.mm-yellow { color: var(--mm-yellow); }

span.colored-text.mm3d-dark-blue { color: var(--mm3d-dark-blue); }

span.colored-text.mm3d-light-blue { color: var(--mm3d-light-blue); }

span.colored-text.mm3d-gold { color: var(--mm3d-gold); }

span.colored-text.mm3d-green { color: var(--mm3d-green); }

span.colored-text.mm3d-purple { color: var(--mm3d-purple); }

span.colored-text.mm3d-red { color: var(--mm3d-red); }

span.colored-text.mm3d-silver { color: var(--mm3d-silver); }

span.colored-text.mm3d-yellow { color: var(--mm3d-yellow); }

span.colored-text.oos-red { color: var(--oos-red); }

span.colored-text.oos-blue { color: var(--oos-blue); }

span.colored-text.fs-blue { color: var(--fs-blue); }

span.colored-text.fs-orange { color: var(--fs-orange); }

span.colored-text.fs-red { color: var(--fs-red); }

span.colored-text.tww-light-blue { color: var(--tww-light-blue); }

span.colored-text.tww-dark-blue { color: var(--tww-dark-blue); }

span.colored-text.tww-green { color: var(--tww-green); }

span.colored-text.tww-orange { color: var(--tww-orange); }

span.colored-text.tww-purple { color: var(--tww-purple); }

span.colored-text.tww-red { color: var(--tww-red); }

span.colored-text.tww-silver { color: var(--tww-silver); }

span.colored-text.tww-vermilion { color: var(--tww-vermilion); }

span.colored-text.tww-yellow { color: var(--tww-yellow); }

span.colored-text.twwhd-dark-blue { color: var(--twwhd-dark-blue); }

span.colored-text.twwhd-green { color: var(--twwhd-green); }

span.colored-text.twwhd-orange { color: var(--twwhd-orange); }

span.colored-text.twwhd-purple { color: var(--twwhd-purple); }

span.colored-text.twwhd-red { color: var(--twwhd-red); }

span.colored-text.twwhd-silver { color: var(--twwhd-silver); }

span.colored-text.twwhd-vermilion { color: var(--twwhd-vermilion); }

span.colored-text.twwhd-yellow { color: var(--twwhd-yellow); }

span.colored-text.tt-dark-blue { color: var(--tt-dark-blue); }

span.colored-text.tt-light-blue { color: var(--tt-light-blue); }

span.colored-text.tt-green { color: var(--tt-green); }

span.colored-text.tt-purple { color: var(--tt-purple); }

span.colored-text.tt-red { color: var(--tt-red); }

span.colored-text.fsa-gcn-blue { color: var(--fsa-gcn-blue); }

span.colored-text.fsa-gcn-green { color: var(--fsa-gcn-green); }

span.colored-text.fsa-gcn-purple { color: var(--fsa-gcn-purple); }

span.colored-text.fsa-gcn-red { color: var(--fsa-gcn-red); }

span.colored-text.nt-green { color: var(--nt-green); }

span.colored-text.nt-red { color: var(--nt-red); }

span.colored-text.tmc-blue { color: var(--tmc-blue); }

span.colored-text.tmc-figurine-blue { color: var(--tmc-figurine-blue); }

span.colored-text.tmc-figurine-red { color: var(--tmc-figurine-red); }

span.colored-text.tmc-green { color: var(--tmc-green); }

span.colored-text.tmc-red { color: var(--tmc-red); }

span.colored-text.tp-animal-green { color: var(--tp-animal-green); }

span.colored-text.tp-blue { color: var(--tp-blue); }

span.colored-text.tp-green { color: var(--tp-green); }

span.colored-text.tp-midna-blue { color: var(--tp-midna-blue); }

span.colored-text.tp-purple { color: var(--tp-purple); }

span.colored-text.tp-red { color: var(--tp-red); }

span.colored-text.tp-rupee-yellow { color: var(--tp-rupee-yellow); }

span.colored-text.tp-yellow { color: var(--tp-yellow); }

span.colored-text.tphd-animal-green { color: var(--tphd-animal-green); }

span.colored-text.tphd-blue { color: var(--tphd-blue); }

span.colored-text.tphd-green { color: var(--tphd-green); }

span.colored-text.tphd-midna-blue { color: var(--tphd-midna-blue); }

span.colored-text.tphd-purple { color: var(--tphd-purple); }

span.colored-text.tphd-red { color: var(--tphd-red); }

span.colored-text.tphd-rupee-yellow { color: var(--tphd-rupee-yellow); }

span.colored-text.tphd-yellow { color: var(--tphd-yellow); }

span.colored-text.ph-blue { color: var(--ph-blue); }

span.colored-text.ph-green { color: var(--ph-green); }

span.colored-text.ph-red { color: var(--ph-red); }

span.colored-text.st-dark-blue { color: var(--st-dark-blue); }

span.colored-text.st-dark-red { color: var(--st-dark-red); }

span.colored-text.st-green { color: var(--st-green); }

span.colored-text.st-light-blue { color: var(--st-light-blue); }

span.colored-text.st-light-red { color: var(--st-light-red); }

span.colored-text.ss-blue-rupee { background-image: linear-gradient(to bottom, #56adc4 40%, #9eced7 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.ss-red-rupee { background-image: linear-gradient(to bottom, #e8603f 40%, #ff8f74 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.ss-blue-grad { background-image: linear-gradient(to bottom, #d9eef7 40%, #93cdff 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.ss-dialogue { background-image: linear-gradient(to bottom, #fff0d0 40%, #dfca9f 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.ss-fi-blue { background-image: linear-gradient(to bottom, #75e0ff 40%, #dbfeff 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.ss-demise { background-image: linear-gradient(to bottom, #b28469 40%, #ae6b4a 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.ss-red { color: var(--ss-red); }

span.colored-text.ss-black { color: var(--ss-black); }

span.colored-text.ss-white { color: var(--ss-white); }

/* MUST BE DISCONINTUED */ span.colored-text.ss-dark-blue { color: var(--ss-dark-blue); } /* MUST BE DISCONINTUED */ span.colored-text.ss-light-blue { color: var(--ss-light-blue); }

span.colored-text.ss-purple-grad { background-image: linear-gradient(to bottom, #d9c8fc 40%, #9b7cff 75%); color: transparent; -webkit-background-clip: text; }

/* MUST BE DISCONINTUED */ span.colored-text.ss-yellow { color: var(--ss-yellow); }

span.colored-text.ss-gold { color: var(--ss-gold); }

span.colored-text.ss-gold-grad { background-image: linear-gradient(to bottom, #e6be43 40%, #fff59c 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.ss-green { color: var(--ss-green); }

span.colored-text.ss-green-grad { background-image: linear-gradient(to bottom, #93cb85 40%, #7bb656 75%); color: transparent; -webkit-background-clip: text; }

span.colored-text.albw-dark-blue { color: var(--albw-dark-blue); }

span.colored-text.albw-light-blue { color: var(--albw-light-blue); }

span.colored-text.albw-yellow { color: var(--albw-yellow); }

span.colored-text.tfh-blue { color: var(--tfh-blue); }

span.colored-text.tfh-blue-link { color: var(--tfh-blue-link); }

span.colored-text.tfh-green-link { color: var(--tfh-green-link); }

span.colored-text.tfh-red { color: var(--tfh-red); }

span.colored-text.tfh-red-link { color: var(--tfh-red-link); }

span.colored-text.botw-blue { color: var(--botw-blue); }

span.colored-text.botw-gold { color: var(--botw-gold); }

span.colored-text.botw-gray { color: var(--botw-gray); }

span.colored-text.botw-main-quest { color: var(--botw-main-quest); }

span.colored-text.botw-memory { color: var(--botw-memory); }

span.colored-text.botw-monk-blue { color: var(--botw-monk-blue); }

span.colored-text.botw-red { color: var(--botw-red); }

span.colored-text.botw-shrine-quest { color: var(--botw-shrine-quest); }

span.colored-text.botw-side-quest { color: var(--botw-side-quest); }

span.colored-text.botw-yellow { color: var(--botw-yellow); }

span.colored-text.e-blue { color: var(--e-blue); }

span.colored-text.e-green { color: var(--e-green); }

span.colored-text.e-red { color: var(--e-red); }

span.colored-text.e-circle { color: var(--e-circle); }

span.colored-text.e-triangle { color: var(--e-triangle); }

span.colored-text.e-square { color: var(--e-square); }

span.colored-text.e-cr-blue { color: var(--e-cr-blue); }

span.colored-text.e-cr-light-green { color: var(--e-cr-light-green); }

span.colored-text.e-cr-dark-green { color: var(--e-cr-dark-green); }

span.colored-text.e-cr-red { color: var(--e-cr-red); }

span.colored-text.e-cr-yellow { color: var(--e-cr-yellow); }

span.colored-text.e-tw-blue { color: var(--e-tw-blue); }

span.colored-text.e-tw-red { color: var(--e-tw-red); }

span.colored-text.fptrr-orange { color: var(--fptrr-orange); }

span.colored-text.fptrr-yellow { color: var(--fptrr-yellow); }

span.colored-text.hw-blue { color: var(--hw-blue); }

span.colored-text.hw-green { color: var(--hw-green); }

span.colored-text.hw-red { color: var(--hw-red); }

span.colored-text.hw-yellow { color: var(--hw-yellow); }

span.colored-text.hwl-blue { color: var(--hwl-blue); }

span.colored-text.hwl-green { color: var(--hwl-green); }

span.colored-text.hwl-red { color: var(--hwl-red); }

span.colored-text.hwl-yellow { color: var(--hwl-yellow); }

span.colored-text.hwde-adventure-mode-green { color: var(--hwde-adventure-mode-green); }

span.colored-text.hwde-adventure-mode-yellow { color: var(--hwde-adventure-mode-yellow); }

span.colored-text.hwde-blue { color: var(--hwde-blue); }

span.colored-text.hwde-green { color: var(--hwde-green); }

span.colored-text.hwde-red { color: var(--hwde-red); }

span.colored-text.hwde-yellow { color: var(--hwde-yellow); }

span.colored-text.coh-blue { color: var(--coh-blue); }

span.colored-text.coh-green { color: var(--coh-green); }

span.colored-text.coh-red { color: var(--coh-red); }

span.colored-text.coh-yellow { color: var(--coh-yellow); }

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

/* Template:Noncanon */ .canonicity-section { border-left: 5px solid; padding: 5px; border-radius: var(--roundy-border-radius); }

/* Template:Ref */ div.references-small { max-height: 175px; overflow: auto; margin-bottom: 1em; padding: 0.5em; }

/* INFOBOXES */ table.infobox-curse-ad.wikitable { float: right; margin: 0 0 1em 1em; width: 25em; border-collapse: collapse; font-size: 95%; text-align: left; }

table.new-infobox { float: right; margin: 0 0 1em 1em; padding: 5px; width: 25em; font-size: 95%; text-align: left; border-radius: var(--roundy-border-radius); }

table.new-infobox th.infobox-name { font-size: 1.1em; }

table.new-infobox tr.infobox-field.list td div.infobox-field-content { max-height: 175px; overflow: auto; }

/* MAIN PAGE */ @media screen and (min-width: 1650px) { /* width 1650px < 2355px */ .infoblock-container  { max-width:2130px; } }

.main-page { font-family:'Open Sans', Helvetica, Tahoma, Arial, sans-serif; }
 * 1) siteNotice,

.main-page { font-size:15px; margin:2em auto; width:98%; }

margin:0 auto; }
 * 1) mf-zw-logo {

/* ##################### SEARCH BAR ##################### */

.bodySearchWrap { /* Generated from the tags */ margin-top:30px; font-size:18px; }

.bodySearchWrap > input { /* Belongs to the input elements of */ height:40px; }

.mw-ui-input { max-width:600px; width:100%; height:100%; padding:2px 2px 2px 10px; border-radius:3px; border:1px solid #999; }

/* Custom search button styling */ .mw-ui-button { -webkit-appearance:none; -moz-appearance:none; height:100%; background-color:#ebebeb; border-radius:3px; border:1px solid #999; padding:2px; width:130px; cursor:pointer; -webkit-transition:background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out; -moz-transition:background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out; -o-transition:background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out; transition:background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out; }

.mw-ui-button:hover { box-shadow:0 2px rgba(0,0,0,0.1),inset 0 -4px rgba(0,0,0,0.2); }

.mw-ui-button:focus { border:2px solid rgba(0,0,0,0.3); border-radius:4px; outline:none; box-shadow:none; }

.mw-ui-button:active { box-shadow:0 0 3px rgba(0,0,0,0.2); background-color:#ccc; }

/* #################### WELCOME TEXT #################### */ /* May not be needed? */	margin:3em 0; }
 * 1) mf-welcome-text {

/* ############# NEWS AND DID YOU KNOW BLOCKS ############ */

.infoblock-container { margin:3em auto; display:flex; justify-content:center; }

.infoblock { text-align:left; margin:0 1em; padding:1em; border-radius:5px; background:#1d578b; vertical-align:top; overflow: auto; max-width: calc(50% - 4em); }

.infoblock-header { font-family:'Bowlby One'; letter-spacing:1px; display:block; font-size:2.5em; line-height:1em; padding:0 .5em .2em .5em; text-transform:uppercase; }

.infoblock-title { font-weight: 900; font-size: 1.2em; }

.infoblock-image { display: inline-block; }

.infoblock-text { display: inline-block; }

.infoblock-read-more { float: left; }


 * 1) news ul li { margin-bottom:10px; } /* Extra line spacing */
 * 2) dyk ul li { margin-bottom:20px; } /* Extra line spacing */

/* width 1350px < inf */ /*.infoblock-container  { flex-wrap: inherit;         }*/
 * 1) news                   { width:40%;                  }
 * 2) news dl                { display:none;               } /* Removes bulky announcement text (temp) */
 * 3) dyk                    { width:60%;                  }

@media screen and (max-width: 1350px) { /* width 0 < 1350px */ /* When width is sufficiently small, #news and #dyk are on separate rows */ #news               { width:100%;                 } /*#news dl          { display:none;               }*/ #dyk                { width:100%; order: 3; } /* Adds a space between #news and #dyk */ .infoblock-container { flex-wrap: wrap;           } #cdm-zone-02 { order: 2; } /* ? */ }

/* Template:Main Page Games */ @media screen and (max-width: 1380px) { div.game-container div.family-container div.spin-off-family div.spin-off-logo { display: block; }	div.game-container div.family-container div.spin-off-family div.spin-off-padding { display: none; } }

div.game-container { margin: 0 auto; display: flex; flex-flow: row wrap; justify-content: center; }

div.game-container div.game, div.game-container div.family-container div.spin-off-logo { display: inline-block; position: relative; margin: var(--margin-main-page-game); }

div.game-container div.game a { width: 100%; height: 100%; clip: rect(0px, 230px, 125px, 0px); position: absolute; line-height: 29px; font-size: 25px; text-decoration: none; background-color: rgba(0, 0, 0, 0.6); display: flex; flex-direction: column; justify-content: center; }

div.game-container div.game a:hover { background-color: rgba(0,0,0, 0.3); }

div.game-container div.family-container div.spin-off-family { margin-top: 2.5em; } div.game-container div.family-container div.spin-off-padding { display: inline-block; width: 115px; margin: var(--margin-main-page-game) calc(var(--margin-main-page-game) / 2) var(--margin-main-page-game) calc(var(--margin-main-page-game) / 2); }

div.game-container div.game span.year { position: absolute; bottom: 0.5em; left: 1em; z-index: 10; }

div.game-container div.game span.year, div.game-container div.game a { text-shadow: 2px 2px 4px #000000; }

/* SIDEBAR */ div#mw-panel div.portal li a[href="https://discord.gg/eJnnvYb"] { background: url(https://discordapp.com/api/guilds/471372235957993474/embed.png) no-repeat; color: transparent !important; display: inline-block; height: 20px; width: 119px; }

/* TRELLO */ iframe.trello-card { float:right; }

/* SITE NOTICE */ div#siteNotice .sitenotice-container { font-size:1.25em; text-align:center; padding:1em; border-radius: var(--roundy-border-radius); } div#siteNotice .sitenotice-date { float:left; line-height:0; font-size:.8em; }

div#siteNotice .sitenotice-header { margin: 0; font-size: 1.5em; }

div#siteNotice .sitenotice-latest-announcements { float:right; line-height:0; font-size:.8em; }

/* * Stylesheet to load on Template:Hide with Extension:CSS */ .template-hide { border: 1px solid #426787; border-collapse: collapse; clear: both; margin: 0; padding: 4px; }

.template-hide-head { display: flex; justify-content: space-between; align-items: center;

background-color: #2D679B; cursor: pointer; font-weight: bold; padding: 2px; text-align: center; -webkit-touch-callout: none; /* prevent text highlighting on double click */ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

div.nav-head:hover { background-color: #227777; }

.template-hide-toggle { color: yellow; flex-shrink: 0; float: right; font-size: smaller; font-weight: normal; vertical-align: middle; width: 5em; }

/* Allows hide and show to toggle */ .template-hide span.hide, .template-hide.mw-collapsed span.show { display: block; }

.template-hide span.show, .template-hide.mw-collapsed span.hide { display: none; }

/* Template:Compendium */ .compendium-heading { z-index:0; position: relative; text-align: center;/* The 'text' in the middle where the before and after behave relative to, which is also why we need a div outside the span/text */ } .compendium-heading:after, .compendium-heading:before { z-index: -1; position: absolute; top: 50%; overflow: hidden; width: 50%; /* 50% - [desired cropping of both ends] */ height: 1px; content: ' '; background-color: #E0E0E0; } .compendium-heading:before { margin-left: -50%;      /* -1*width */ } .compendium-heading > div > span { padding:0 1em; /* The desired spacing from the lines */ background-color:#1d578b; /* Messagebox Background color, i.e. */ }

/* Template:NIWAnav */ /* Note: The mf- prefix allows inclusion on the mobile main page */

/* width 0 < 700px */ /* Use .low-res logo header */ /*#mf-NIWAnav .low-res   { display:inherit; }*/
 * 1) mf-NIWAnav .high-res    { display:none;    }

/* width 700px < inf */ /* Use .high-res wide header */ @media screen and (min-width: 700px) { #mf-NIWAnav .low-res { display:none;    } #mf-NIWAnav .high-res { display:block;  } }

height:auto; max-width:100%; width:auto; }
 * 1) mf-NIWAnav .low-res img { /* The logo */

font-size:1.2em; }
 * 1) mf-NIWAnav .NIWA-header { /* Header */

background:#1d578b; border:1px solid #426787; border-radius:10px; box-sizing:border-box; margin:0 auto; max-width:1400px; /*Needs to be readjusted when new members are added. */	padding:0.5em; text-align:center; }
 * 1) mf-NIWAnav { /* Main box */

background:#17456e; border:1px solid #426787; border-radius:10px; display:inline-block; margin:3px; padding:10px 0; text-align:center; width:12em; }
 * 1) mf-NIWAnav .cell { /* Each wiki's cell */

/* Knight Challenges page */ text-align: center; }
 * 1) knight-challenges-page-banner {

max-width: 100%; height: auto; }
 * 1) knight-challenges-page-banner img {

div.knight-challenges-cards-container { display: flex; }

div.knight-challenges-card { flex-grow: 1; flex-basis: 0; padding: 10px; }

.knight-challenges-card-header { text-align: center; }

.knight-challenges-card-content { border-radius: var(--roundy-border-radius); height: calc(100% - (2 * 10px)); padding: 10px; }

/* NAVBOXES */ div.navbox { clear: both; border: 1px solid; padding: 2px; margin-top: 4px; }

div.navbox span.mw-collapsible-toggle { padding-right: 5px; }

div.navbox table.navbox-table { width: 100%; }

div.navbox table.navbox-table th { width: 10%; }

div.wikiEditor-ui-text textarea.ui-autocomplete-input { background-color: white; color: black; }