Common.css

Revision as of 19:50, 30 December 2020

/* 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-white: #e5e4e5;
	--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-white: #e3e3e3;
	--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-light-blue: #00c9f8;
	--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-blue: #004194;
	--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;

	--animal-crossing-new-leaf-orange: #ff9300;

	--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;
	
	--hwaoc-blue: #51b2df;
	--hwaoc-red: #d54a4f;
	--hwaoc-yellow: #f1d430;
}

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

body.page-Main_Page #siteSub {
	display: none;
}

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

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

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

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

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

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

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

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

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

/* 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 */
#wikiEditor-ui-toolbar.codeEditor-ui-toolbar {
	background: #d8d8d8;
}

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

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

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

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

.roundy {
	border-radius: var(--roundy-border-radius);
	padding: 4px;
}

/* TABLES */
table.wikitable {
	border-radius: var(--roundy-border-radius);
	padding: 4px;
	border-collapse: separate;
}

table.wikitable > * > tr > th {
	background-color: transparent;
}

table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
	border-color: transparent;
}

.fileinfo {
	width: 740px;
	margin: auto;
	font-size: 12px;
}

.fileinfo th {
	width: 60px;
	text-align: left;
}

table.infobox tr.infobox-field th {
	text-align: right;
	max-width: 50%;
}

table.infobox tr.infobox-field td {
	min-width: 50%;
}

table.infobox tr.infobox-field th,
table.wikitable td {
	padding: 8px;
}

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

.fileinfo th:last-child,
table.infobox tr.infobox-field th:last-child,
table.wikitable td:last-child {
	border-radius: 0px var(--roundy-border-radius) var(--roundy-border-radius) 0px;
}

.fileinfo th:first-child:last-child,
table.infobox tr.infobox-field th:first-child:last-child,
table.wikitable 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,
div.thumbcaption,
div.thumbinner {
	border-radius: var(--roundy-border-radius);
}

div.thumbcaption,
div.thumbinner {
	padding: 5px;
}

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

/* 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-white {
	color: var(--oot-white);
}

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-white {
	color: var(--oot3d-white);
}

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-light-blue {
	color: var(--twwhd-light-blue);
}

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-blue {
	color: var(--albw-blue);
}

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.animal-crossing-new-leaf-orange {
	color: var(--animal-crossing-new-leaf-orange);
}

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

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

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

span.colored-text.hwaoc-yellow {
	color: var(--hwaoc-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 */
/* curse ad to be deleted */
table.infobox,
table.infobox-curse-ad {
	float: right;
	margin: 0 0 1em 1em;
	padding: 5px;
	width: 29em;
	font-size: 95%;
	text-align: left;
	border-radius: var(--roundy-border-radius);
}

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

table.infobox tr.infobox-field 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; }
}

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

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

#mf-zw-logo {
	margin:0 auto;
}

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

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

.bodySearchWrap > input { /* Belongs to the input elements of <inputbox> */
	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 #################### */
#mf-welcome-text {
	margin:3em 0;
}

/* ############# INFOBLOCKS ############ */
.infoblock-container {
	margin:3em auto;
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
}

.infoblock {
	margin: 0.5em;
	padding: 0.5em;
	border-radius: var(--roundy-border-radius);
	background:#1d578b;
	vertical-align:top;
	overflow: auto;
	flex-basis: calc(50% - 4em);
	flex-grow: 1;
}

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

.infoblock#on-this-day,
.infoblock#dyk {
	text-align: left;
}

/* 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);
	text-align: center;
	overflow: hidden;
}

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;
	transition: background-color 0.3s;
	z-index: 1;
}

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

div.game-container div.game a ~ img {
	transition: transform 0.3s;
}

div.game-container div.game a:hover ~ img {
	transform: scale(1.05);
}

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

/* 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. {{Color|ZW Header}} */
}

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

#mf-NIWAnav { /* Main box */
	border-radius: var(--roundy-border-radius);
	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;
}

#mf-NIWAnav .cell { /* Each wiki's cell */
	border-radius: var(--roundy-border-radius);
	display:inline-block;
	margin:3px;
	padding:10px 0;
	text-align:center;
	width:12em;
}


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

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

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

td.nomenclature-flag {
	text-align: center;
}

.mwe-popups.mwe-popups-type-reference .mwe-popups-extract:after {
	background-image: none;
}
.mwe-popups {
	z-index: 100000; /* Needed to resolve a viusal bug caused by Gamepedia ads */
}

/* Unbulleted lists */
ol.plainlist,
ul.plainlist {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
ol.plainlist li,
ul.plainlist li {
	margin-bottom: 0;
}

dl.releases dt:not(:first-child) {
	margin-top: 1em;
}
dl.releases dd {
	margin-left: 0;
}

/* MISC */
.caption {
	font-size: 12px;
}

.centered {
	text-align: center !important;
	margin: auto !important;
}

.mobile-only {
	display: none;
}

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

.mw-highlight.nowrapLines pre {
	white-space: pre;
}

.hidden-link a, .hidden-link a:visited, .hidden-link a.new, .hidden-link a.new:visited {
	color: inherit !important;
}
Zelda Wiki

Common.css

Revision as of 19:50, 30 December 2020
