Diferencia entre revisiones de «MediaWiki:Common.css»

De Inkipedia
m (Cambio menor)
(Trasladado código y añadido el Common.css de Inkipedia inglesa)
Línea 1: Línea 1:
/* Los estilos CSS definidos aquí se aplicarán a todas las pieles (skins) */
/* CSS placed here will be applied to all skins */
@import url("https://es.splatoonwiki.org/wiki/MediaWiki:Interwiki.css?action=raw&ctype=text/css");


/* Hacer que se muestre [[MediaWiki:Tagline]] */
/*
  NOTE: The editor does not know how to handle CSS variables and will complain
  about there being errors when this file is saved. Be sure to double-check your
  edits carefully before saving.
*/
 
/* Causes [[MediaWiki:Tagline]] to display */
.mw-body #siteSub {
.mw-body #siteSub {
   display: block;
   display: block;
}
}


/* Habilitar los tipos de estilo de lista personalizados */
/* Hide licensing menu on [[Special:Upload]] */
.mw-htmlform-field-Licenses,
.mw-upload-editlicenses {
display: none;
}
 
/* Enable custom list style types */
div.note-list ol.references {
div.note-list ol.references {
   list-style-type: inherit;
   list-style-type: inherit;
}
}


/* Evitar que los elementos de la lista en las columnas pasen a la siguiente columna */
/* Prevent list items in columns from breaking into the next column */
.list-columns li {
.list-columns li {
page-break-inside: avoid;
page-break-inside: avoid;
}
}


/* Limitar los niveles de cabecera TOC que se muestran
/* Allow limiting of which header levels are shown in a TOC.
   <div class="toclimit-3">, por ejemplo, se limitará a mostrar ==encabezados== y ===encabezados=== pero no más. */
   <div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further. */
.toclimit-2 .toclevel-1 ul,
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-3 .toclevel-2 ul,
Línea 25: Línea 38:
}
}


/* Evita que algunas cosas se muestren en la página principal */
/* Prevents some things from displaying on the main page */
body.page-Página_principal #ca-delete, body.page-Página_principal #ca-move, body.page-Página_principal #deleteconfirm, body.page-Página_principal #siteSub, body.page-Página_principal #contentSub, body.page-Página_principal h1.firstHeading {
body.page-Main_Page #ca-delete, body.page-Main_Page #ca-move, body.page-Main_Page #deleteconfirm, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading {
   display: none !important;
   display: none !important;
}
}


/* Para cosas que sólo deben aparecer cuando se imprimen. Se utiliza en las listas de control de los equipos. */
/* For things that should only appear when printed. Used in gear checklists. */
.onlyprint {
.onlyprint {
   display: none;
   display: none;
}
}


/*==================================================
/*==================================================
Línea 40: Línea 52:
==================================================*/
==================================================*/


 
/* Links' color */
/* Color de links */
a:link, a:hover, a:active, div#mw-panel a:link, div.vector-menu-content li a:link, div.vector-menu-content ul.vector-menu-content-list li.selected a:link, li a:hover {
a:link, a:active, div#mw-panel a:link, div.vector-menu-content li a:link, div.vector-menu-content ul.vector-menu-content-list li.selected a:link {
   color: var(--link-internal, #378B00);
  text-decoration: none;
   color: #378B00;
}
}


/* Color de links visitados */
/* Visited links' color */
a:visited, div#mw-panel a:visited, div.vector-menu-content li a:visited, div.vector-menu-content ul.vector-menu-content-list li.selected a:visited {
a:visited, a:visited:hover, div#mw-panel a:visited, div.vector-menu-content li a:visited, div.vector-menu-content ul.vector-menu-content-list li.selected a:visited, li a:visited:hover  {
  text-decoration: none;
   color: var(--link-visited, var(--link-internal, #378B00));
   color: #008B2A;
}
}


/* Subrayar los enlaces al pasar el ratón por encima */
/* Underline links when hovering over */
a:hover {
a:hover {
   text-decoration: underline;
   text-decoration: underline;
}
}


/* NIWA affiliate color */
a[href="/wiki/User:A22PG"], a[href="/wiki/User:Espyo"], a[href="/wiki/User:ModdedInkling"], a[href="/wiki/User:Raltseye"], a[href="/wiki/User:Trig_Jegman"] {
  color: var(--link-niwa, #319471);
}


/* Color para nombres de administradores */
/* Admin link color */
a[href="/wiki/Usuaria:Slate"], a[href="/wiki/Usuario:Shahar"], a[href="/wiki/Usuario:Killer1001"]{
a[href="/wiki/User:GuyPerfect"], a[href="/wiki/User:SuperHamster"], a[href="/wiki/User:Shahar"], a[href="/wiki/User:Luke26"], a[href="/wiki/User:Inkrid"], a[href="/wiki/User:GloverMist"], a[href="/wiki/User:Fumple"] {
   color: #7D11E3;
   color: var(--link-admin, #006400);
   font-weight: 700;
   font-weight: 700;
}
}


/* Color para nombres de burócratas */
/* Bureaucrat link color */
a[href="/wiki/Usuario:Prod"], a[href="/wiki/Usuario:A22PG"] {
a[href="/wiki/User:Slate"], a[href="/wiki/User:Prod"], a[href="/wiki/User:Heddy"] {
   color: #DAA520;
   color: var(--link-bureaucrat, #DAA520);
   font-weight: 700;
   font-weight: 700;
}
}


/* Color de link inexistente */
/* Non-existent page link color (i.e. red links) */
div.vector-menu-content li.new a, div.vector-menu-content li.new a:visited, div.vector-menu-content li.new a, div.vector-menu-content li.new, a.new, #p-personal a.new, a.new {
div.vector-menu-content li.new a, div.vector-menu-content li.new a:visited, div.vector-menu-content li.new a, div.vector-menu-content li.new, a.new, #p-personal a.new, a.new {
  text-decoration: none;
   color: var(--link-missing, #BA0000);
   color: #BA0000; /* Red */
}
}


/*==================================================
/*==================================================
   ENTRADAS
   INPUT
==================================================*/
==================================================*/


 
/* text input */
/* Entrada de texto */
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
   border-color: #008B2A;
   border-color: var(--selected, #3366cc);
}
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
   border-color: #008B2A;
   border-color: var(--selected, #3366cc);
   box-shadow:inset 0 0 0 1px #008B2A;
   box-shadow:inset 0 0 0 1px var(--shadow, #3366cc);
}
}


/* Menú desplegable */
/* dropdown menu */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
   border-color: #008B2A;
   border-color: var(--selected, #3366cc);
   box-shadow:inset 0 0 0 1px #008B2A;
   box-shadow:inset 0 0 0 1px var(--shadow, #3366cc);
}
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
  background-color: #EBFFEC;
  color: var(--ui-main-theme, #008B2A);
  color: #008B2A;
  background-color: var(--page, #EBFFEC);
}
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
  background-color: rgba(0,139,42,0.1);
color: var(--ui-main-theme, #008B2A);
color: #008B2A;
  background-color: var(--ui-main-theme-b, rgba(0,139,42,0.1));
}
}


/* Botón principal */
/* primary button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
   background-color: #008B2A;
   background-color: var(--ui-main-theme, #008B2A);
   border-color: #008B2A;
   border-color: var(--border, #008B2A);
}
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
   background-color: #378B00;
   background-color: var(--ui-main-theme, #378B00); /* Fallback not checked */
   border-color: #378B00;
   border-color: var(--page, #378B00);
}
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
Línea 121: Línea 131:
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
   background-color: #006400;
   background-color: var(--ui-main-theme, #006400);
   border-color: #006400;
   border-color: var(--border, #006400);
}
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
   border-color: #008B2A;
   border-color: var(--border, #008B2A);
   box-shadow:inset 0 0 0 1px #008B2A,inset 0 0 0 2px #fff;
   box-shadow:inset 0 0 0 1px var(--border, #008B2A), inset 0 0 0 2px var(--input, #fff);
}
}


/* Botón secundario */
/* secondary button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
   border-color: #008B2A;
   border-color: var(--border, #008B2A);
   box-shadow:inset 0 0 0 1px #008B2A;
   box-shadow:inset 0 0 0 1px var(--border, #008B2A);
}
}


/* Botón de cambios recientes */
/* recent changes buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
   background-color: #006400;
   color: var(--ui-main-theme, #006400);
   border-color: #006400;
   border-color: var(--border, #006400);
}
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
   border-color: #008B2A;
   border-color: var(--border, #008B2A);
   box-shadow: inset 0 0 0 1px #008B2A, inset 0 0 0 2px #fff
   box-shadow: inset 0 0 0 1px var(--border, #008B2A), inset 0 0 0 2px var(--input, #fff);
}
}


/* Casilla de verificación */
/* checkbox */
.oo-ui-checkboxInputWidget {
  /* Fix checkboxes' containers being displayed away from the check */
  display: flex;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
  /* Fix checks not appearing by inheriting opacity 0 */
  opacity: 0.75;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
   border-color: #008B2A;
   border-color: var(--border, #008B2A);
   box-shadow:inset 0 0 0 1px #008B2A;
   box-shadow: inset 0 0 0 1px var(--border, #008B2A);
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
   border-color: #378B00;
   border-color: var(--ui-main-theme, #378B00); /* Fallback not checked */
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
   background-color: #006400;
   background-color: var(--ui-main-theme, #006400);
   border-color: #006400;
   border-color: var(--border, #006400);
   box-shadow:inset 0 0 0 1px #006400;
   box-shadow:inset 0 0 0 1px var(--ui-main-theme, #006400);
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
   background-color: #008B2A;
   background-color: var(--ui-main-theme, #008B2A);
   border-color: #008B2A;
   border-color: var(--border, #008B2A);
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
   background-color: #008B2A;
   background-color: var(--ui-main-theme, #008B2A);
   border-color: #008B2A;
   border-color: var(--border, #008B2A);
   box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #008B2A;
   box-shadow: inset 0 0 0 1px var(--selected, #36c), inset 0 0 0 2px var(--ui-main-theme, #008B2A);
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
   background-color: #378B00;
   background-color: var(--ui-main-theme, #378B00);
   border-color: #378B00;
   border-color: var(--ui-main-theme, #378B00); /* Fallback not checked */
}
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
   background-color: #006400;
   background-color: var(--ui-main-theme, #006400);
   border-color: #006400;
   border-color: var(--border, #006400);
   box-shadow:inset 0 0 0 1px #006400;
   box-shadow: inset 0 0 0 1px var(--ui-main-theme, #006400);
}
}


/* Radio del botón */
/* radio button */
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
  border-color: #378B00;
  border-color: var(--ui-main-theme, #378B00); /* Fallback not checked */
}
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
  background-color: #006400;
  background-color: var(--ui-main-theme, #006400);
  border-color: #006400;
  border-color: var(--border, #006400);
}
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
  border-color: #008B2A;
  border-color: var(--border, #008B2A);
}
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
  border-color: #378B00;
  border-color: var(--ui-main-theme, #378B00); /* Fallback not checked */
}
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
  border-color: #006400;
  border-color: var(--border, #006400);
  box-shadow: inset 0 0 0 1px #006400;
  box-shadow: inset 0 0 0 1px var(--ui-main-theme, #006400);
}
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
  border-color: #006400;
  border-color: var(--border, #006400);
}
}


/* ReplaceText widget */
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--page);
    border-color: var(--ui-warning);
}


/*==================================================
/*==================================================
   INFOBOXES
   BOXES
==================================================*/
==================================================*/


.widget {
.widget {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   box-shadow: 0px 0px 15px white inset;
   box-shadow: 0px 0px 15px var(--page, white) inset;
   width: 25%;
   width: 25%;
   border-style: solid;
   border-style: solid;
   border-color: #AADC00;
   border-color: var(--divider, #AADC00);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
Línea 223: Línea 245:
.widget1 {
.widget1 {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   box-shadow: 0px 0px 15px white inset;
   box-shadow: 0px 0px 15px var(--page, white) inset;
   width: 75%;
   width: 75%;
   border-style: solid;
   border-style: solid;
   border-color: #AADC00;
   border-color: var(--divider, #AADC00);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
Línea 235: Línea 257:
.widget2 {
.widget2 {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   box-shadow: 0px 0px 15px white inset;
   box-shadow: 0px 0px 15px var(--page, white) inset;
   width: 100%;
   width: 100%;
   border-style: solid;
   border-style: solid;
   border-color: #AADC00;
   border-color: var(--divider, #AADC00);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
Línea 247: Línea 269:
.widget3 {
.widget3 {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/6/62/S2_Fes_Main_BG3.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/6/62/S2_Fes_Main_BG3.png");
   box-shadow: 0px 0px 25px black inset;
   box-shadow: 0px 0px 25px var(--shadow, black) inset;
   overflow: hidden;
   overflow: hidden;
   width: 100%;
   width: 100%;
   border-style: solid;
   border-style: solid;
   border-color: #13EB92;
   border-color: var(--divider, #13EB92);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
Línea 260: Línea 282:
.widget4 {
.widget4 {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   box-shadow: 0px 0px 15px white inset;
   box-shadow: 0px 0px 15px var(--page, white) inset;
   width: 100%;
   width: 100%;
   border-style: solid;
   border-style: solid;
   border-color: #FF8000;
   border-color: var(--site-color-niwa, #FF8000);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
Línea 272: Línea 294:
.widget5 {
.widget5 {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   box-shadow: 0px 0px 15px white inset;
   box-shadow: 0px 0px 15px var(--page, white) inset;
   width: 50%;
   width: 50%;
   border-style: solid;
   border-style: solid;
   border-color: #AADC00;
   border-color: var(--divider, #AADC00);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
Línea 284: Línea 306:
.widget6 {
.widget6 {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   box-shadow: 0px 0px 15px white inset;
   box-shadow: 0px 0px 15px var(--page, white) inset;
   width: 100%;
   width: 100%;
   border-style: solid;
   border-style: solid;
   border-color: #424242;
   border-color: var(--body-2, #424242);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
Línea 296: Línea 318:
.widgett {
.widgett {
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
   box-shadow: 0px 0px 15px white inset;
   box-shadow: 0px 0px 15px var(--page, white) inset;
   width: 97%;
   width: 97%;
   border-style: solid;
   border-style: solid;
   border-color: #AADC00;
   border-color: var(--divider, #AADC00);
   border-radius: 10px;
   border-radius: 10px;
   border-width: 10px 0 10px 0;
   border-width: 10px 0 10px 0;
Línea 347: Línea 369:


.infobox {
.infobox {
   background-color: rgba(140,220,0,0.1);
   background-color: var(--ui-main-theme-b,  rgba(140,220,0,0.1));
   width: 25%;
   width: 25%;
   border-radius: 10px;
   border-radius: 10px;
   padding: 10px;
   padding: 10px;
   border-style: solid;
   border-style: solid;
   border-color: #AADC00;
   border-color: var(--divider, #AADC00);
   border-width: 10px 1px 10px 1px;
   border-width: 10px 1px 10px 1px;
}
}


.infobox1 {
.infobox1 {
   background-color: rgba(140,220,0,0.3);
   background-color: var(--ui-main-theme-b,  rgba(140,220,0,0.3));
   border-style: solid;
   border-style: solid;
   border-color: rgba(140,220,0,0.5);
   border-color: var(--ui-main-theme,  rgba(140,220,0,0.5));
   border-width: 1px 1px 1px 5px;
   border-width: 1px 1px 1px 5px;
   border-radius: 5px;
   border-radius: 5px;
   color: #190707;
   color: var(--input-text, #190707);
   font-size: 115%;
   font-size: 115%;
   padding: 1em;
   padding: 1em;
Línea 374: Línea 396:
   .infobox td b {
   .infobox td b {
     padding: 6px;
     padding: 6px;
     background: -moz-linear-gradient(left, rgba(140,220,0,0.3) 0%, rgba(140,220,0,0) 100%);
     background: -moz-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(140,220,0,0.3)), color-stop(100%,rgba(140,220,0,0)));
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(140,220,0,0.3)), color-stop(100%,var(--input-text, #190707)));
     background: -webkit-linear-gradient(left, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%);
     background: -webkit-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
     background: -o-linear-gradient(left, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%);
     background: -o-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
     background: -ms-linear-gradient(left, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%);
     background: -ms-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
     background: linear-gradient(to right, rgba(140,220,0,0.3) 0%,rgba(140,220,0,0) 100%);
     background: linear-gradient(to right, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
     border-style: solid;
     border-style: solid;
     border-color: rgba(140,220,0,0.5);
     border-color: var(--ui-main-theme,  rgba(140,220,0,0.5));
     border-width: 1px 0 1px 5px;
     border-width: 1px 0 1px 5px;
     border-radius: 5px 0 0 5px;
     border-radius: 5px 0 0 5px;
   }
   }


/*==================================================
/*==================================================
   TABLAS
   TABLES
==================================================*/
==================================================*/


 
/* wikitable class for skinning tables. default colors are intended for mediawiki-generated tables, like the file history table. other color schemes are available for use in mainspace; see the sitecolor classes below. */
/* Clase wikitable para el color de las tablas.
  Los colores por defecto están pensados para las tablas generadas por MediaWiki como la tabla del historial de archivos.
  Hay otros esquemas de color disponibles para usar en Mainspace; ver las clases Sitecolor más abajo. */
table.wikitable {
table.wikitable {
   background-color: var(--input, #fff);
   background-color: var(--input, #fff);
Línea 401: Línea 419:
   border-style: solid;
   border-style: solid;
   border-width: 5px 2px;
   border-width: 5px 2px;
   border-color: var(--border, #006400);
   border-color: #006400;
   border-collapse: collapse;
   border-collapse: collapse;
   box-shadow: 0 0 1em var(--shadow, rgba(0, 0, 0, 0.25));
   box-shadow: 0 2px 16px rgba(0,0,0,0.5);
   overflow-wrap: normal;  /** Thanks Chromium */
   overflow-wrap: normal;  /** Thanks Chromium */
}
}
Línea 415: Línea 433:
   padding: 0.2em 0.4em;
   padding: 0.2em 0.4em;
   overflow-wrap: normal;  /** Thanks Chromium */
   overflow-wrap: normal;  /** Thanks Chromium */
}
table.wikitable > thead > tr > th,
table.wikitable > tbody > tr > th,
table.wikitable > tbody > tr > td {
  border-style: solid;
  border-width: 1px;
  border-color: #006400;
  padding: 0.2em 0.4em;
}
}


table.wikitable > thead > tr > th,
table.wikitable > thead > tr > th,
table.wikitable > tbody > tr > th {
table.wikitable > tbody > tr > th {
   color: #fff;
   background-color: var(--ui-main-theme, #378B00);
   background-color: #378b00; /* Verde, el mismo tono utilizado para los enlaces */
   color: var(--input, #fff);
}
}


Línea 437: Línea 445:
}
}


/* Clases para añadir colores del sitio a las tablas
/* classes for adding site colors to tables
   Los colores del sitio están documentados en [[Template:SiteColor]] */
   site colors are documented at [[Template:SiteColor]] */
table.sitecolor-generic,
table.sitecolor-generic,
table.sitecolor-generic > thead > tr > th,
table.sitecolor-generic > thead > tr > th,
table.sitecolor-generic > tbody > tr > th,
table.sitecolor-generic > tbody > tr > th,
table.sitecolor-generic > tbody > tr > td {
table.sitecolor-generic > tbody > tr > td {
   border-color: rgba(0, 153, 255, 1);  /* Genérico azul */
   border-color: var(--site-color-generic, rgba(0, 153, 255, 1));  /* generic blue */
}
}


table.sitecolor-generic > thead > tr > th,
table.sitecolor-generic > thead > tr > th,
table.sitecolor-generic > tbody > tr > th {
table.sitecolor-generic > tbody > tr > th {
   background-color: rgba(0, 153, 255, 0.25);
   background-color: var(--site-color-background-generic, rgba(0, 153, 255, 0.25));
   color: #222;
   color: var(--input-text, #222);
}
}


Línea 456: Línea 464:
table.sitecolor-s > tbody > tr > th,
table.sitecolor-s > tbody > tr > th,
table.sitecolor-s > tbody > tr > td {
table.sitecolor-s > tbody > tr > td {
   border-color: rgba(170, 220, 0, 1);  /* Splatoon verde */
   border-color: var(--site-color-s, rgba(170, 220, 0, 1));  /* Splatoon 1 grello */
}
}


table.sitecolor-s > thead > tr > th,
table.sitecolor-s > thead > tr > th,
table.sitecolor-s > tbody > tr > th {
table.sitecolor-s > tbody > tr > th {
   background-color: rgba(170, 220, 0, 0.25);
   background-color: var(--site-color-background-s, rgba(170, 220, 0, 0.25));
   color: #222;
   color: var(--input-text, #222);
}
}


Línea 469: Línea 477:
table.sitecolor-s2 > tbody > tr > th,
table.sitecolor-s2 > tbody > tr > th,
table.sitecolor-s2 > tbody > tr > td {
table.sitecolor-s2 > tbody > tr > td {
   border-color: rgba(240, 60, 120, 1);  /* Splatoon 2 rosa */
   border-color: var(--site-color-s2, rgba(240, 60, 120, 1));  /* Splatoon 2 pink */
}
}


table.sitecolor-s2 > thead > tr > th,
table.sitecolor-s2 > thead > tr > th,
table.sitecolor-s2 > tbody > tr > th {
table.sitecolor-s2 > tbody > tr > th {
   background-color: rgba(240, 60, 120, 0.25);
   background-color: var(--site-color-background-s2, rgba(240, 60, 120, 0.25));
   color: #222;
   color: var(--input-text, #222);
}
}


Línea 482: Línea 490:
table.sitecolor-oe > tbody > tr > th,
table.sitecolor-oe > tbody > tr > th,
table.sitecolor-oe > tbody > tr > td {
table.sitecolor-oe > tbody > tr > td {
   border-color: rgba(174, 21, 102, 1);  /* Octo Expansion color de tinta por defecto */
   border-color: var(--site-color-oe, rgba(174, 21, 102, 1));  /* Octo Expansion default ink color */
}
}


table.sitecolor-oe > thead > tr > th,
table.sitecolor-oe > thead > tr > th,
table.sitecolor-oe > tbody > tr > th {
table.sitecolor-oe > tbody > tr > th {
   background-color: rgba(174, 21, 102, 0.25);
   background-color: var(--site-color-background-oe, rgba(174, 21, 102, 0.25));
   color: #222;
   color: var(--input-text, #222);
}
 
table.sitecolor-am,
table.sitecolor-am > thead > tr > th,
table.sitecolor-am > tbody > tr > th,
table.sitecolor-am > tbody > tr > td {
  border-color: rgba(128, 128, 128, 1);  /* Area mutante negro */
}
 
table.sitecolor-am > thead > tr > th,
table.sitecolor-am > tbody > tr > th {
  background-color: rgba(128, 128, 128, 0.25);
  color: #222;
}
}


Línea 508: Línea 503:
table.sitecolor-s3 > tbody > tr > th,
table.sitecolor-s3 > tbody > tr > th,
table.sitecolor-s3 > tbody > tr > td {
table.sitecolor-s3 > tbody > tr > td {
   border-color: rgba(235, 238, 61, 1);  /* Splatoon 3 amarillo */
   border-color: var(--site-color-s3, rgba(235, 238, 61, 1));  /* Splatoon 3 yellow */
}
}


table.sitecolor-s3 > thead > tr > th,
table.sitecolor-s3 > thead > tr > th,
table.sitecolor-s3 > tbody > tr > th {
table.sitecolor-s3 > tbody > tr > th {
   background-color: rgba(235, 238, 61, 0.25);
   background-color: var(--site-color-background-s3, rgba(235, 238, 61, 0.25));
   color: #222;
   color: var(--input-text, #222);
}
}


table.sitecolor-niwa,
table.sitecolor-niwa > thead > tr > th,
table.sitecolor-niwa > thead > tr > th,
table.sitecolor-niwa > tbody > tr > th {
table.sitecolor-niwa > tbody > tr > th,
   background-color: rgba(255, 128, 0, 0.25);
table.sitecolor-niwa > tbody > tr > td {
  color: #222;
   border-color: var(--site-color-niwa, rgba(255, 128, 0, 1)); /* NIWA orange */
}
}


table.sitecolor-sr,
table.sitecolor-niwa > thead > tr > th,
table.sitecolor-sr > thead > tr > th,
table.sitecolor-niwa > tbody > tr > th {
table.sitecolor-sr > tbody > tr > th,
   background-color: var(--site-color-background-niwa, rgba(255, 128, 0, 0.25));
table.sitecolor-sr > tbody > tr > td {
  color: var(--input-text, #222);
   border-color: rgba(241, 121, 42, 1); /* Salmon Run naranja apagado */
}
}


table.sitecolor-sr > thead > tr > th,
/* alternates background colors for rows in zebra-classed tables
table.sitecolor-sr > tbody > tr > th {
   there are even and odd options to select which row changes color first */
  background-color: rgba(241, 121, 42, 0.25);
  color: #222;
}
 
/* Alterna los colores de fondo de las filas en las tablas de estilo "cebra"
   Hay opciones pares e impares para seleccionar qué fila cambia de color primero */
table.sitecolor-generic.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-generic.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-generic.zebra-odd > tbody > tr:nth-child(odd) > td {
table.sitecolor-generic.zebra-odd > tbody > tr:nth-child(odd) > td {
   background-color: rgba(0, 153, 255, 0.15); /* Genérico azul */
   background-color: var(--site-color-background-b-generic, rgba(0, 153, 255, 0.15)); /* generic blue */
}
}


table.sitecolor-s.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s.zebra-odd > tbody > tr:nth-child(odd) > td {
table.sitecolor-s.zebra-odd > tbody > tr:nth-child(odd) > td {
   background-color: rgba(170, 220, 0, 0.15); /* Splatoon verde */
   background-color: var(--site-color-background-b-s, rgba(170, 220, 0, 0.15)); /* Splatoon 1 grello */
}
}


table.sitecolor-s2.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s2.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s2.zebra-odd > tbody > tr:nth-child(odd) > td {
table.sitecolor-s2.zebra-odd > tbody > tr:nth-child(odd) > td {
   background-color: rgba(240, 60, 120, 0.15);  /* Splatoon 2 rosa */
   background-color: var(--site-color-background-b-s2, rgba(240, 60, 120, 0.15)); /* Splatoon 2 pink */
}
 
table.sitecolor-oe.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-oe.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: rgba(174, 21, 102, 1);  /* Octo expansion color de tinta por defecto */
}
 
table.sitecolor-oe.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-oe.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: rgba(128, 128, 128, 1); /* Octo expansion color de tinta por defecto */
}
}


table.sitecolor-s3.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s3.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s3.zebra-odd > tbody > tr:nth-child(odd) > td {
table.sitecolor-s3.zebra-odd > tbody > tr:nth-child(odd) > td {
   background-color: rgba(235, 238, 61, 1); /* Splatoon 3 amarillo */
   background-color: var(--site-color-background-b-s3, rgba(235, 238, 61, 0.15)); /* Splatoon 3 yellow */
}
}


table.sitecolor-sr.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-niwa.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-sr.zebra-odd > tbody > tr:nth-child(odd) > td {
table.sitecolor-niwa.zebra-odd > tbody > tr:nth-child(odd) > td {
   background-color: rgba(241, 121, 42, 0.15); /* Salmon Run naranja apagado */
   background-color: var(--site-color-background-b-niwa, rgba(255, 128, 0, 0.15)); /* NIWA orange */
}
}


/* Clase cebra destinada a ser utilizada en el espacio de nombres de Inkipedia, por ejemplo la página de personal */
/* zebra class intended for use in the inkipedia namespace, for example the staff page. */
table.zebra-inkipedia > tbody > tr:nth-child(odd) > td {
table.zebra-inkipedia > tbody > tr:nth-child(odd) > td {
   background-color: rgba(55, 139, 0, 0.2)  /* Verde, el mismo tono usado en los links pero con un 20% de opacidad */
   background-color: var(--ui-main-theme-b, rgba(55, 139, 0, 0.2)); /* green, the same shade used for links but with 20% opacity */
}
}


/* Rayas verticales de cebra */
/* vertical zebra stripes */
table.sitecolor-generic.zebra-vert tbody td:nth-child(even) {
table.sitecolor-generic.zebra-vert tbody td:nth-child(even) {
   background-color: rgba(0, 153, 255, 0.15); /* Genérico azul */
   background-color: var(--site-color-background-b-generic, rgba(0, 153, 255, 0.15)); /* generic blue */
}
}


table.sitecolor-s.zebra-vert tbody td:nth-child(even) {
table.sitecolor-s.zebra-vert tbody td:nth-child(even) {
   background-color: rgba(170, 220, 0, 0.15); /* Splatoon verde */
   background-color: var(--site-color-background-b-s, rgba(170, 220, 0, 0.15)); /* Splatoon 1 grello */
}
}


table.sitecolor-s2.zebra-vert tbody td:nth-child(even) {
table.sitecolor-s2.zebra-vert tbody td:nth-child(even) {
   background-color: rgba(240, 60, 120, 0.15); /* Splatoon 2 rosa */
   background-color: var(--site-color-background-b-s2, rgba(240, 60, 120, 0.15)); /* Splatoon 2 pink */
}
}


table.sitecolor-s3.zebra-vert tbody td:nth-child(even) {
table.sitecolor-s3.zebra-vert tbody td:nth-child(even) {
   background-color: rgba(235, 238, 61, 0.15); /* Splatoon 3 amarillo */
   background-color: var(--site-color-background-b-s3, rgba(235, 238, 61, 0.15)); /* Splatoon 3 yellow */
}
 
table.sitecolor-oe.zebra-vert tbody td:nth-child(even) {
  background-color: rgba(174, 21, 102, 1);  /* Octo expansion color de tinta por defecto */
}
 
table.sitecolor-oe.zebra-vert tbody td:nth-child(even) {
  background-color: rgba(128, 128, 128, 1);  /* Octo expansion color de tinta por defecto */
}
}


table.sitecolor-sr.zebra-vert tbody td:nth-child(even) {
table.sitecolor-niwa.zebra-vert tbody td:nth-child(even) {
   background-color: rgba(255, 128, 0, 0.15); /* Salmon Run naranja apagado */
   background-color: var(--site-color-background-b-niwa, rgba(255, 128, 0, 0.15)); /* NIWA orange */
}
}


/* Elimina los bordes de las celdas de la tabla para complementar las rayas de cebra */
/* removes borders from table cells to complement zebra stripes */
table.nocellborder > thead > tr > th,
table.nocellborder > thead > tr > th,
table.nocellborder > tbody > tr > th,
table.nocellborder > tbody > tr > th,
Línea 614: Línea 585:
}
}


/* Alinea a la izquierda el texto de la celda de cabecera para complementar las rayas de cebra */
/* left-aligns header cell text to complement zebra stripes */
table.nocellborder > thead > tr > th,
table.nocellborder > thead > tr > th,
table.nocellborder > tbody > tr > th {
table.nocellborder > tbody > tr > th {
   text-align: left;
   text-align: left;
}
}
/* Give `stickyheader` class tables sticky headers that stay on-screen
even when the page scrolls, very useful for list articles */
table.stickyheader {
  position: relative;
}
table.stickyheader thead, table.stickyheader tbody th {
  position: sticky;
  top: 0;
}


/*==================================================
/*==================================================
   Música interactiva
   Interactive Music
  ==================================================*/
==================================================*/


/* Estilo de las casillas de verificación */
/* Checkbox styling */
.i-checkbox{
.i-checkbox{
        border:3px solid black;
border:3px solid var(--shadow, black);
        border-radius:5px;
border-radius:5px;
        width:25px;
width:25px;
        height:25px;
height:25px;
        text-align:center;
text-align:center;
        display:inline-block;
display:inline-block;
}
}
.i-checkbox-checked{
.i-checkbox-checked{
        width:100%;
width:100%;
        height:100%;
height:100%;
        font-size:18px;
font-size:18px;
}
}
/* Cabecera de categoría */
 
/* Category header */
.i-categoryh-{
.i-categoryh-{
        font-size:26px;
font-size:26px;
}
}
/* Cabezera de subcategoría */
/* Subcategory header */
.i-categorys-{
.i-categorys-{
        font-size:22px;
font-size:22px;
         margin-left:10px
         margin-left:10px
}
}
/* Tamaños de las columnas en la música interactiva */
 
/* Columna1 */
/* Sizes for columns in Interactive Music */
/* Column1 */
.i-column1{
.i-column1{
         width:25%
         width:25%
}
}
/* Columna2 */
/* Column2 */
.i-column2{
.i-column2{
         width:10%
         width:10%
}
}
/* Columna4 */
/* Column4 */
.i-column4{
.i-column4{
         width:350px
         width:350px
}
}
/*==================================================
  FUENTES PERSONALIZADAS
==================================================*/
@font-face {
    font-family: Splatoon;
    src: url("https://frozenpandaman.github.io/Splatoon1.otf") format("opentype");
}
@font-face {
    font-family: Splatoon2;
    src: url("https://frozenpandaman.github.io/Splatoon2.otf") format("opentype");
}


/*==================================================
/*==================================================
   OTROS
   OTHER
==================================================*/
==================================================*/


 
/* Smaller text size for link suggestions */
/* Tamaño de texto más pequeño para las sugerencias de enlaces */
#ui-id-1 {
#ui-id-1 {
   font-size: inherit;
   font-size: inherit;
}
}


/* Las cuentas atrás comienzan con sus metadatos hasta que el Js
/* Countdowns start with their metadata until the Js
  los cambie. Por lo tanto, deberían empezar invisibles */
changes them. So they should start invisible */
countdown {
countdown {
   display: none;
   display: none;
Línea 697: Línea 663:
.schedulesplit { display: table-cell; }
.schedulesplit { display: table-cell; }


/* Evite los saltos de línea en lugares tontos:
/* Prevent line breaks in silly places:
   1) Cuando se desee
   1) Where desired
   2) Los enlaces cuando no los queramos
   2) Links when we don't want them to
   3) "Enlaces" en negrita a la propia página */
   3) Bold "links" to the page itself */
.nowrap,
.nowrap,
.nowraplinks a,
.nowraplinks a,
Línea 707: Línea 673:
}
}


/* Impedir la selección de texto */
/* Prevent text selection */
.noselect {
.noselect {
   -webkit-touch-callout: none;
   -webkit-touch-callout: none;
Línea 717: Línea 683:
}
}


/* force-display-none */
.force-display-none {
.force-display-none {
     display:none !important
     display:none !important
}
}


/* Avisos como "Este usuario está bloqueado" */
/* Warnings like "This user is blocked. Here is the log" */
div.mw-warning-with-logexcerpt {
div.mw-warning-with-logexcerpt {
     padding:10px;
     padding:10px;
Línea 727: Línea 694:
}
}


/* Ocultar datos confidenciales en las páginas de los archivos */
/* hide sensitive data on file pages */
#mw_metadata .exif-gpslatitude,
#mw_metadata .exif-gpslatitude,
#mw_metadata .exif-gpslongitude {
#mw_metadata .exif-gpslongitude,
#mw_metadata .exif-artist {
   display: none;
   display: none;
}
}


/*==================================================
/*==================================================
   Vista 3D/2D
   3D/2D Viewer
==================================================*/
==================================================*/


/* Vista 3D/2D */
/* 3D/2D viewer */
.container-2d {
.container-2d {
   display: block;
   display: block;
Línea 783: Línea 752:
}
}


/* Visualización del modelo 3D */
/* 3D model viewer */
.viewer-3d span {
.viewer-3d span {
     display: none;
     display: none;
Línea 803: Línea 772:
     position: relative;
     position: relative;
}
}
/* Final de la visualización del modelo 3D */
/* End 3D model viewer */


/* Nuevo CSS específico para el visor 3D */
/* New 3D viewer specific CSS */
.viewer-3d-container {
.viewer-3d-container {
   display: block;
   display: block;
Línea 859: Línea 828:
}
}


/* Fin de la nueva visualización 3D */
/* End new 3D viewer */


/******************************* Icono de botones ********************************/
 
/* Estilo del elemento icono base */
 
/******************************* Button icons ********************************/
 
/* Base icon element style */
.pro-icon,
.pro-icon,
.switch-icon {
.switch-icon {
        background      : currentcolor;
background      : currentcolor;
        display          : inline-block;
display          : inline-block;
        height          : 28px;
height          : 28px;
        mask-size        : contain;
mask-size        : contain;
        vertical-align  : middle;
vertical-align  : middle;
        width            : 28px;
width            : 28px;
        -webkit-mask-size: contain;
-webkit-mask-size: contain;
}
}
/* URLs de iconos */
 
/* Icon URLs */
:root {
:root {
        --pro-icon-controller-outline: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/35/Pro_Icon_Controller_Outline.svg");
--pro-icon-controller-outline: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/35/Pro_Icon_Controller_Outline.svg");
        --pro-icon-d-pad-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/df/Pro_Icon_D-Pad_Down.svg");
--pro-icon-d-pad-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/df/Pro_Icon_D-Pad_Down.svg");
        --pro-icon-d-pad-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7e/Pro_Icon_D-Pad_Left.svg");
--pro-icon-d-pad-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7e/Pro_Icon_D-Pad_Left.svg");
        --pro-icon-d-pad-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/2/2a/Pro_Icon_D-Pad_Right.svg");
--pro-icon-d-pad-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/2/2a/Pro_Icon_D-Pad_Right.svg");
        --pro-icon-d-pad-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/8/89/Pro_Icon_D-Pad_Up.svg");
--pro-icon-d-pad-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/8/89/Pro_Icon_D-Pad_Up.svg");
        --pro-icon-d-pad: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/e8/Pro_Icon_D-Pad.svg");
--pro-icon-d-pad: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/e8/Pro_Icon_D-Pad.svg");
        --pro-icon-gyro-pitch: url("https://cdn.wikimg.net/en/splatoonwiki/images/9/9c/Pro_Icon_Gyro_Pitch.svg");
--pro-icon-gyro-pitch: url("https://cdn.wikimg.net/en/splatoonwiki/images/9/9c/Pro_Icon_Gyro_Pitch.svg");
        --pro-icon-gyro-roll: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/55/Pro_Icon_Gyro_Roll.svg");
--pro-icon-gyro-roll: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/55/Pro_Icon_Gyro_Roll.svg");
        --pro-icon-gyro-yaw: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7d/Pro_Icon_Gyro_Yaw.svg");
--pro-icon-gyro-yaw: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7d/Pro_Icon_Gyro_Yaw.svg");
        --switch-icon-a: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/5a/Switch_Icon_A.svg");
--switch-icon-a: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/5a/Switch_Icon_A.svg");
        --switch-icon-b: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7f/Switch_Icon_B.svg");
--switch-icon-b: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7f/Switch_Icon_B.svg");
        --switch-icon-capture: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/77/Switch_Icon_Capture.svg");
--switch-icon-capture: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/77/Switch_Icon_Capture.svg");
        --switch-icon-home: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/da/Switch_Icon_Home.svg");
--switch-icon-home: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/da/Switch_Icon_Home.svg");
        --switch-icon-l: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/3e/Switch_Icon_L.svg");
--switch-icon-l: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/3e/Switch_Icon_L.svg");
        --switch-icon-left-stick-all: url("https://cdn.wikimg.net/en/splatoonwiki/images/0/0b/Switch_Icon_Left_Stick_All.svg");
--switch-icon-left-stick-all: url("https://cdn.wikimg.net/en/splatoonwiki/images/0/0b/Switch_Icon_Left_Stick_All.svg");
        --switch-icon-left-stick-click: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/58/Switch_Icon_Left_Stick_Click.svg");
--switch-icon-left-stick-click: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/58/Switch_Icon_Left_Stick_Click.svg");
        --switch-icon-left-stick-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/e2/Switch_Icon_Left_Stick_Down.svg");
--switch-icon-left-stick-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/e2/Switch_Icon_Left_Stick_Down.svg");
        --switch-icon-left-stick-left-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/4/49/Switch_Icon_Left_Stick_Left-Right.svg");
--switch-icon-left-stick-left-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/4/49/Switch_Icon_Left_Stick_Left-Right.svg");
        --switch-icon-left-stick-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/9/95/Switch_Icon_Left_Stick_Left.svg");
--switch-icon-left-stick-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/9/95/Switch_Icon_Left_Stick_Left.svg");
        --switch-icon-left-stick-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/14/Switch_Icon_Left_Stick_Right.svg");
--switch-icon-left-stick-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/14/Switch_Icon_Left_Stick_Right.svg");
        --switch-icon-left-stick-up-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/0/06/Switch_Icon_Left_Stick_Up-Down.svg");
--switch-icon-left-stick-up-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/0/06/Switch_Icon_Left_Stick_Up-Down.svg");
        --switch-icon-left-stick-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7c/Switch_Icon_Left_Stick_Up.svg");
--switch-icon-left-stick-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7c/Switch_Icon_Left_Stick_Up.svg");
        --switch-icon-left-stick: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/73/Switch_Icon_Left_Stick.svg");
--switch-icon-left-stick: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/73/Switch_Icon_Left_Stick.svg");
        --switch-icon-minus: url("https://cdn.wikimg.net/en/splatoonwiki/images/6/6d/Switch_Icon_Minus.svg");
--switch-icon-minus: url("https://cdn.wikimg.net/en/splatoonwiki/images/6/6d/Switch_Icon_Minus.svg");
        --switch-icon-plus: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c9/Switch_Icon_Plus.svg");
--switch-icon-plus: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c9/Switch_Icon_Plus.svg");
        --switch-icon-r: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/d0/Switch_Icon_R.svg");
--switch-icon-r: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/d0/Switch_Icon_R.svg");
        --switch-icon-right-stick-all: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/73/Switch_Icon_Right_Stick_All.svg");
--switch-icon-right-stick-all: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/73/Switch_Icon_Right_Stick_All.svg");
        --switch-icon-right-stick-click: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/d8/Switch_Icon_Right_Stick_Click.svg");
--switch-icon-right-stick-click: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/d8/Switch_Icon_Right_Stick_Click.svg");
        --switch-icon-right-stick-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/4/47/Switch_Icon_Right_Stick_Down.svg");
--switch-icon-right-stick-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/4/47/Switch_Icon_Right_Stick_Down.svg");
        --switch-icon-right-stick-left-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/a/a2/Switch_Icon_Right_Stick_Left-Right.svg");
--switch-icon-right-stick-left-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/a/a2/Switch_Icon_Right_Stick_Left-Right.svg");
        --switch-icon-right-stick-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/b/b1/Switch_Icon_Right_Stick_Left.svg");
--switch-icon-right-stick-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/b/b1/Switch_Icon_Right_Stick_Left.svg");
        --switch-icon-right-stick-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/f/f2/Switch_Icon_Right_Stick_Right.svg");
--switch-icon-right-stick-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/f/f2/Switch_Icon_Right_Stick_Right.svg");
        --switch-icon-right-stick-up-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c1/Switch_Icon_Right_Stick_Up-Down.svg");
--switch-icon-right-stick-up-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c1/Switch_Icon_Right_Stick_Up-Down.svg");
        --switch-icon-right-stick-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/78/Switch_Icon_Right_Stick_Up.svg");
--switch-icon-right-stick-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/78/Switch_Icon_Right_Stick_Up.svg");
        --switch-icon-right-stick: url("https://cdn.wikimg.net/en/splatoonwiki/images/f/f6/Switch_Icon_Right_Stick.svg");
--switch-icon-right-stick: url("https://cdn.wikimg.net/en/splatoonwiki/images/f/f6/Switch_Icon_Right_Stick.svg");
        --switch-icon-sl: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/35/Switch_Icon_SL.svg");
--switch-icon-sl: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/35/Switch_Icon_SL.svg");
        --switch-icon-sr: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c3/Switch_Icon_SR.svg");
--switch-icon-sr: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c3/Switch_Icon_SR.svg");
        --switch-icon-x: url("https://cdn.wikimg.net/en/splatoonwiki/images/2/24/Switch_Icon_X.svg");
--switch-icon-x: url("https://cdn.wikimg.net/en/splatoonwiki/images/2/24/Switch_Icon_X.svg");
        --switch-icon-y: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c5/Switch_Icon_Y.svg");
--switch-icon-y: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c5/Switch_Icon_Y.svg");
        --switch-icon-zl: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/79/Switch_Icon_ZL.svg");
--switch-icon-zl: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/79/Switch_Icon_ZL.svg");
        --switch-icon-zr: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/1e/Switch_Icon_ZR.svg");
--switch-icon-zr: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/1e/Switch_Icon_ZR.svg");
}
}
/* Estilos de iconos */
 
/* Icon styles */
.pro-icon.controller-outline { mask-image: var(--pro-icon-controller-outline); -webkit-mask-image: var(--pro-icon-controller-outline); }
.pro-icon.controller-outline { mask-image: var(--pro-icon-controller-outline); -webkit-mask-image: var(--pro-icon-controller-outline); }
.pro-icon.d-pad-down { mask-image: var(--pro-icon-d-pad-down); -webkit-mask-image: var(--pro-icon-d-pad-down); }
.pro-icon.d-pad-down { mask-image: var(--pro-icon-d-pad-down); -webkit-mask-image: var(--pro-icon-d-pad-down); }
Línea 936: Línea 910:
.switch-icon.left-stick-down { mask-image: var(--switch-icon-left-stick-down); -webkit-mask-image: var(--switch-icon-left-stick-down); }
.switch-icon.left-stick-down { mask-image: var(--switch-icon-left-stick-down); -webkit-mask-image: var(--switch-icon-left-stick-down); }
.switch-icon.left-stick-left-right { mask-image: var(--switch-icon-left-stick-left-right); -webkit-mask-image: var(--switch-icon-left-stick-left-right); }
.switch-icon.left-stick-left-right { mask-image: var(--switch-icon-left-stick-left-right); -webkit-mask-image: var(--switch-icon-left-stick-left-right); }
.switch-icon.left-stick-left { mask-image: var(--switch-icon-left-stick-right); -webkit-mask-image: var(--switch-icon-left-stick-right); }
.switch-icon.left-stick-left { mask-image: var(--switch-icon-left-stick-left); -webkit-mask-image: var(--switch-icon-left-stick-left); }
.switch-icon.left-stick-right { mask-image: var(--switch-icon-left-stick-right); -webkit-mask-image: var(--switch-icon-left-stick-right); }
.switch-icon.left-stick-right { mask-image: var(--switch-icon-left-stick-right); -webkit-mask-image: var(--switch-icon-left-stick-right); }
.switch-icon.left-stick-up-down { mask-image: var(--switch-icon-left-stick-up-down); -webkit-mask-image: var(--switch-icon-left-stick-up-down); }
.switch-icon.left-stick-up-down { mask-image: var(--switch-icon-left-stick-up-down); -webkit-mask-image: var(--switch-icon-left-stick-up-down); }
Línea 959: Línea 933:
.switch-icon.zl { mask-image: var(--switch-icon-zl); -webkit-mask-image: var(--switch-icon-zl); }
.switch-icon.zl { mask-image: var(--switch-icon-zl); -webkit-mask-image: var(--switch-icon-zl); }
.switch-icon.zr { mask-image: var(--switch-icon-zr); -webkit-mask-image: var(--switch-icon-zr); }
.switch-icon.zr { mask-image: var(--switch-icon-zr); -webkit-mask-image: var(--switch-icon-zr); }
/******************************* Infobox styles *******************************/
/******************************* Infobox styles *******************************/
/* Soporte CSS para Template:GearCategory */
 
/* Supporting CSS for Template:GearCategory */
:root {
:root {
        --gear-icon-clothing: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/78/S2_Icon_Clothing.png");
--gear-icon-clothing: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/78/S2_Icon_Clothing.png");
        --gear-icon-headgear: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/12/S2_Icon_Headgear.png");
--gear-icon-headgear: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/12/S2_Icon_Headgear.png");
        --gear-icon-shoes: url("https://cdn.wikimg.net/en/splatoonwiki/images/a/a5/S2_Icon_Shoes.png");
--gear-icon-shoes: url("https://cdn.wikimg.net/en/splatoonwiki/images/a/a5/S2_Icon_Shoes.png");
}
}
.gear-category {
.gear-category {
        display: inline-block;
display: inline-block;
        position: relative;
position: relative;
        vertical-align: middle;
vertical-align: middle;
}
}
.gear-category a,
.gear-category a,
.gear-category a:hover{
.gear-category a:hover{
        display: block;
display: block;
        height: 100%;
height: 100%;
        left: 0;
left: 0;
        position: absolute;
position: absolute;
        text-decoration: none;
text-decoration: none;
        top: 0;
top: 0;
        width: 100%;
width: 100%;
}
}
.gear-category::before {
.gear-category::before {
        background: currentcolor;
background: currentcolor;
        content: "";
content: "";
        height: 100%;
height: 100%;
        left: 0;
left: 0;
        mask-position: center;
mask-position: center;
        mask-repeat: no-repeat;
mask-repeat: no-repeat;
        mask-size: contain;
mask-size: contain;
        opacity: 0.6;
opacity: 0.6;
        position: absolute;
position: absolute;
        top: 0;
top: 0;
        width: 100%;
width: 100%;
        -webkit-mask-position: center;
-webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
-webkit-mask-size: contain;
}
}
.gear-category.Clothing::before {
.gear-category.Clothing::before {
        mask-image: var(--gear-icon-clothing);
mask-image: var(--gear-icon-clothing);
        -webkit-mask-image: var(--gear-icon-clothing);
-webkit-mask-image: var(--gear-icon-clothing);
}
}
.gear-category.Headgear::before {
.gear-category.Headgear::before {
        mask-image: var(--gear-icon-headgear);
mask-image: var(--gear-icon-headgear);
        -webkit-mask-image: var(--gear-icon-headgear);
-webkit-mask-image: var(--gear-icon-headgear);
}
}
.gear-category.Shoes::before {
.gear-category.Shoes::before {
        mask-image: var(--gear-icon-shoes);
mask-image: var(--gear-icon-shoes);
        -webkit-mask-image: var(--gear-icon-shoes);
-webkit-mask-image: var(--gear-icon-shoes);
}
}
/* Nuevos estilos de implementación de infoboxes */
 
/* New infobox implementation styles */
.infobox {
.infobox {
        box-shadow: 0 0 16px var(--page, #ffffff) inset;
box-shadow: 0 0 16px var(--page, #ffffff) inset;
}
 
 
 
 
 
/* ----- ESTILOS DE INKIPEDIA ES -----*/
 
/* Enlaces de estilo para Amiibopedia */
#bodyContent a[href^="https://es.amiibopedia.com"] {
  background: url("//cdn.wikimg.net/es/splatoonwiki/images/5/52/Amiibopedia_link.png") no-repeat scroll right center transparent;
  padding-right: 18px;
  background-size: 16px auto;
}
#bodyContent a[href^="https://es.amiibopedia.com"]::after{
display: none;
}
 
/* Enlaces de estilo para Wikidex */
#bodyContent a[href^="https://www.wikidex.net"] {
  background: url("//cdn.wikimg.net/es/splatoonwiki/images/8/89/Wikidex_link.svg") no-repeat scroll right center transparent;
  padding-right: 18px;
  background-size: 16px auto;
}
#bodyContent a[href^="https://www.wikidex.net"]::after{
display: none;
}
 
 
/* Enlaces de estilo para Animal Crossing Enciclopedia */
#bodyContent a[href^="https://animalcrossing.wikidex.net"] {
  background: url("//cdn.wikimg.net/es/splatoonwiki/images/8/83/AnimalCrossingEnciclopedia_link.svg") no-repeat scroll right center transparent;
  padding-right: 18px;
  background-size: 16px auto;
}
#bodyContent a[href^="https://animalcrossing.wikidex.net"]::after{
display: none;
}
 
/* Enlaces de estilo para SmashPedia */
#bodyContent a[href^="https://es.ssbwiki.com"] {
  background: url("//cdn.wikimg.net/es/splatoonwiki/images/6/6a/SmashPedia_link.png") no-repeat scroll right center transparent;
  padding-right: 18px;
  background-size: 16px auto;
}
#bodyContent a[href^="https://es.ssbwiki.com"]::after{
display: none;
}
 
 
/* Enlaces de estilo para Xenoblade Wiki */
#bodyContent a[href^="https://xenoblade.fandom.com/es"] {
  background: url("//cdn.wikimg.net/es/splatoonwiki/images/7/74/XenobladeWiki_link.png") no-repeat scroll right center transparent;
  padding-right: 18px;
  background-size: 16px auto;
}
#bodyContent a[href^="https://xenoblade.fandom.com/es"]::after{
display: none;
}
}

Revisión del 19:27 18 abr 2023

/* CSS placed here will be applied to all skins */
@import url("https://es.splatoonwiki.org/wiki/MediaWiki:Interwiki.css?action=raw&ctype=text/css");

/*
  NOTE: The editor does not know how to handle CSS variables and will complain
  about there being errors when this file is saved. Be sure to double-check your
  edits carefully before saving.
*/

/* Causes [[MediaWiki:Tagline]] to display */
.mw-body #siteSub {
  display: block;
}

/* Hide licensing menu on [[Special:Upload]] */
.mw-htmlform-field-Licenses,
.mw-upload-editlicenses {
	display: none;
}

/* Enable custom list style types */
div.note-list ol.references {
  list-style-type: inherit;
}

/* Prevent list items in columns from breaking into the next column */
.list-columns li {
page-break-inside: avoid;
}

/* Allow limiting of which header levels are shown in a TOC.
   <div class="toclimit-3">, for instance, will limit to showing ==headings== and ===headings=== but no further. */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul {
  display: none;
}

/* Prevents some things from displaying on the main page */
body.page-Main_Page #ca-delete, body.page-Main_Page #ca-move, body.page-Main_Page #deleteconfirm, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading {
  display: none !important;
}

/* For things that should only appear when printed. Used in gear checklists. */
.onlyprint {
  display: none;
}

/*==================================================
  LINKS
==================================================*/

/* Links' color */
a:link, a:hover, a:active, div#mw-panel a:link, div.vector-menu-content li a:link, div.vector-menu-content ul.vector-menu-content-list li.selected a:link, li a:hover {
  color: var(--link-internal, #378B00);
}

/* Visited links' color */
a:visited, a:visited:hover, div#mw-panel a:visited, div.vector-menu-content li a:visited, div.vector-menu-content ul.vector-menu-content-list li.selected a:visited, li a:visited:hover  {
  color: var(--link-visited, var(--link-internal, #378B00));
}

/* Underline links when hovering over */
a:hover {
  text-decoration: underline;
}

/* NIWA affiliate color */
a[href="/wiki/User:A22PG"], a[href="/wiki/User:Espyo"], a[href="/wiki/User:ModdedInkling"], a[href="/wiki/User:Raltseye"], a[href="/wiki/User:Trig_Jegman"] {
  color: var(--link-niwa, #319471);
}

/* Admin link color */
a[href="/wiki/User:GuyPerfect"], a[href="/wiki/User:SuperHamster"], a[href="/wiki/User:Shahar"], a[href="/wiki/User:Luke26"], a[href="/wiki/User:Inkrid"], a[href="/wiki/User:GloverMist"], a[href="/wiki/User:Fumple"] {
  color: var(--link-admin, #006400);
  font-weight: 700;
}

/* Bureaucrat link color */
a[href="/wiki/User:Slate"], a[href="/wiki/User:Prod"], a[href="/wiki/User:Heddy"] {
  color: var(--link-bureaucrat, #DAA520);
  font-weight: 700;
}

/* Non-existent page link color (i.e. red links) */
div.vector-menu-content li.new a, div.vector-menu-content li.new a:visited, div.vector-menu-content li.new a, div.vector-menu-content li.new, a.new, #p-personal a.new, a.new {
  color: var(--link-missing, #BA0000);
}

/*==================================================
  INPUT
==================================================*/

/* text input */
.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
  border-color: var(--selected, #3366cc);
}
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
  border-color: var(--selected, #3366cc);
  box-shadow:inset 0 0 0 1px var(--shadow, #3366cc);
}

/* dropdown menu */
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
  border-color: var(--selected, #3366cc);
  box-shadow:inset 0 0 0 1px var(--shadow, #3366cc);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
 color: var(--ui-main-theme, #008B2A);
 background-color: var(--page, #EBFFEC);
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
 color: var(--ui-main-theme, #008B2A);
 background-color: var(--ui-main-theme-b, rgba(0,139,42,0.1));
}

/* primary button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  background-color: var(--ui-main-theme, #008B2A);
  border-color: var(--border, #008B2A);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: var(--ui-main-theme, #378B00);  /* Fallback not checked */
  border-color: var(--page, #378B00);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
  background-color: var(--ui-main-theme, #006400);
  border-color: var(--border, #006400);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
  border-color: var(--border, #008B2A);
  box-shadow:inset 0 0 0 1px var(--border, #008B2A), inset 0 0 0 2px var(--input, #fff);
}

/* secondary button */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
  border-color: var(--border, #008B2A);
  box-shadow:inset 0 0 0 1px var(--border, #008B2A);
}

/* recent changes buttons */
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
  color: var(--ui-main-theme, #006400);
  border-color: var(--border, #006400);
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
  border-color: var(--border, #008B2A);
  box-shadow: inset 0 0 0 1px var(--border, #008B2A), inset 0 0 0 2px var(--input, #fff);
}

/* checkbox */
.oo-ui-checkboxInputWidget {
  /* Fix checkboxes' containers being displayed away from the check */
  display: flex;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
  /* Fix checks not appearing by inheriting opacity 0 */
  opacity: 0.75;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
  border-color: var(--border, #008B2A);
  box-shadow: inset 0 0 0 1px var(--border, #008B2A);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
  border-color: var(--ui-main-theme, #378B00);  /* Fallback not checked */
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
  background-color: var(--ui-main-theme, #006400);
  border-color: var(--border, #006400);
  box-shadow:inset 0 0 0 1px var(--ui-main-theme, #006400);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
  background-color: var(--ui-main-theme, #008B2A);
  border-color: var(--border, #008B2A);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
  background-color: var(--ui-main-theme, #008B2A);
  border-color: var(--border, #008B2A);
  box-shadow: inset 0 0 0 1px var(--selected, #36c), inset 0 0 0 2px var(--ui-main-theme, #008B2A);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
  background-color: var(--ui-main-theme, #378B00);
  border-color: var(--ui-main-theme, #378B00);  /* Fallback not checked */
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
  background-color: var(--ui-main-theme, #006400);
  border-color: var(--border, #006400);
  box-shadow: inset 0 0 0 1px var(--ui-main-theme, #006400);
}

/* radio button */
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
 border-color: var(--ui-main-theme, #378B00);  /* Fallback not checked */
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
 background-color: var(--ui-main-theme, #006400);
 border-color: var(--border, #006400);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
 border-color: var(--border, #008B2A);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
 border-color: var(--ui-main-theme, #378B00);  /* Fallback not checked */
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
 border-color: var(--border, #006400);
 box-shadow: inset 0 0 0 1px var(--ui-main-theme, #006400);
}
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
 border-color: var(--border, #006400);
}

/* ReplaceText widget */
.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
    background-color: var(--page);
    border-color: var(--ui-warning);
}

/*==================================================
  BOXES
==================================================*/

.widget {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
  box-shadow: 0px 0px 15px var(--page, white) inset;
  width: 25%;
  border-style: solid;
  border-color: var(--divider, #AADC00);
  border-radius: 10px;
  border-width: 10px 1px 10px 1px;
  padding: 15px;
  margin: 5px;
}

.widget1 {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
  box-shadow: 0px 0px 15px var(--page, white) inset;
  width: 75%;
  border-style: solid;
  border-color: var(--divider, #AADC00);
  border-radius: 10px;
  border-width: 10px 1px 10px 1px;
  padding: 15px;
  margin: 5px;
}

.widget2 {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
  box-shadow: 0px 0px 15px var(--page, white) inset;
  width: 100%;
  border-style: solid;
  border-color: var(--divider, #AADC00);
  border-radius: 10px;
  border-width: 10px 1px 10px 1px;
  padding: 15px;
  margin: 5px;
}

.widget3 {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/6/62/S2_Fes_Main_BG3.png");
  box-shadow: 0px 0px 25px var(--shadow, black) inset;
  overflow: hidden;
  width: 100%;
  border-style: solid;
  border-color: var(--divider, #13EB92);
  border-radius: 10px;
  border-width: 10px 1px 10px 1px;
  padding: 15px;
  margin: 5px;
}

.widget4 {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
  box-shadow: 0px 0px 15px var(--page, white) inset;
  width: 100%;
  border-style: solid;
  border-color: var(--site-color-niwa, #FF8000);
  border-radius: 10px;
  border-width: 10px 1px 10px 1px;
  padding: 15px;
  margin: 5px;
}

.widget5 {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
  box-shadow: 0px 0px 15px var(--page, white) inset;
  width: 50%;
  border-style: solid;
  border-color: var(--divider, #AADC00);
  border-radius: 10px;
  border-width: 10px 1px 10px 1px;
  padding: 15px;
  margin: 5px;
}

.widget6 {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
  box-shadow: 0px 0px 15px var(--page, white) inset;
  width: 100%;
  border-style: solid;
  border-color: var(--body-2, #424242);
  border-radius: 10px;
  border-width: 10px 1px 10px 1px;
  padding: 15px;
  margin: 5px;
}

.widgett {
  background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/2/26/Amiibo_main_bg.png");
  box-shadow: 0px 0px 15px var(--page, white) inset;
  width: 97%;
  border-style: solid;
  border-color: var(--divider, #AADC00);
  border-radius: 10px;
  border-width: 10px 0 10px 0;
  position: relative;
  padding: 15px;
}

.btextwidget {
  background-color: rgba(255,255,255,0.5);
  border-color: rgba(255,255,255,0.7);
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  position: relative;
}

#widcontent {
  justify-content: center;
  display: flex;
  display: -webkit-flex;
}

.textwidget, .cd {
  padding: 5px;
  background-color: rgba(255,255,255,0.5);
  border-color: rgba(255,255,255,0.7);
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

#tex2 {
  margin-left: 25%;
}

#widgfa {
  position: relative;
  left: 1.5%;
  max-width: 85%;
}

.infobox {
  background-color: var(--ui-main-theme-b,  rgba(140,220,0,0.1));
  width: 25%;
  border-radius: 10px;
  padding: 10px;
  border-style: solid;
  border-color: var(--divider, #AADC00);
  border-width: 10px 1px 10px 1px;
}

.infobox1 {
  background-color: var(--ui-main-theme-b,  rgba(140,220,0,0.3));
  border-style: solid;
  border-color: var(--ui-main-theme,  rgba(140,220,0,0.5));
  border-width: 1px 1px 1px 5px;
  border-radius: 5px;
  color: var(--input-text, #190707);
  font-size: 115%;
  padding: 1em;
  margin: 5px;
}

.infobox td {
  padding: 5px;
}

  .infobox td b {
    padding: 6px;
    background: -moz-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(140,220,0,0.3)), color-stop(100%,var(--input-text, #190707)));
    background: -webkit-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
    background: -o-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
    background: -ms-linear-gradient(left, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
    background: linear-gradient(to right, var(--ui-main-theme-b, rgba(140,220,0,0.3)) 0%, var(--input-text, #190707) 100%);
    border-style: solid;
    border-color: var(--ui-main-theme,  rgba(140,220,0,0.5));
    border-width: 1px 0 1px 5px;
    border-radius: 5px 0 0 5px;
  }

/*==================================================
  TABLES
==================================================*/

/* wikitable class for skinning tables. default colors are intended for mediawiki-generated tables, like the file history table. other color schemes are available for use in mainspace; see the sitecolor classes below. */
table.wikitable {
  background-color: var(--input, #fff);
  color: var(--input-text, #222);
  margin: 1em 0;
  border-style: solid;
  border-width: 5px 2px;
  border-color: #006400;
  border-collapse: collapse;
  box-shadow: 0 2px 16px rgba(0,0,0,0.5);
  overflow-wrap: normal;  /** Thanks Chromium */
}

table.wikitable > thead > tr > th,
table.wikitable > tbody > tr > th,
table.wikitable > tbody > tr > td {
  border-style: solid;
  border-width: 1px;
  border-color: var(--ui-main-theme, #006400);
  padding: 0.2em 0.4em;
  overflow-wrap: normal;  /** Thanks Chromium */
}

table.wikitable > thead > tr > th,
table.wikitable > tbody > tr > th {
  background-color: var(--ui-main-theme, #378B00);
  color: var(--input, #fff);
}

table.wikitable > caption {
  font-weight: bold;
}

/* classes for adding site colors to tables 
   site colors are documented at [[Template:SiteColor]] */
table.sitecolor-generic,
table.sitecolor-generic > thead > tr > th,
table.sitecolor-generic > tbody > tr > th,
table.sitecolor-generic > tbody > tr > td {
  border-color: var(--site-color-generic, rgba(0, 153, 255, 1));  /* generic blue */
}

table.sitecolor-generic > thead > tr > th,
table.sitecolor-generic > tbody > tr > th {
  background-color: var(--site-color-background-generic, rgba(0, 153, 255, 0.25));
  color: var(--input-text, #222);
}

table.sitecolor-s,
table.sitecolor-s > thead > tr > th,
table.sitecolor-s > tbody > tr > th,
table.sitecolor-s > tbody > tr > td {
  border-color: var(--site-color-s, rgba(170, 220, 0, 1));  /* Splatoon 1 grello */
}

table.sitecolor-s > thead > tr > th,
table.sitecolor-s > tbody > tr > th {
  background-color: var(--site-color-background-s, rgba(170, 220, 0, 0.25));
  color: var(--input-text, #222);
}

table.sitecolor-s2,
table.sitecolor-s2 > thead > tr > th,
table.sitecolor-s2 > tbody > tr > th,
table.sitecolor-s2 > tbody > tr > td {
  border-color: var(--site-color-s2, rgba(240, 60, 120, 1));  /* Splatoon 2 pink */
}

table.sitecolor-s2 > thead > tr > th,
table.sitecolor-s2 > tbody > tr > th {
  background-color: var(--site-color-background-s2, rgba(240, 60, 120, 0.25));
  color: var(--input-text, #222);
}

table.sitecolor-oe,
table.sitecolor-oe > thead > tr > th,
table.sitecolor-oe > tbody > tr > th,
table.sitecolor-oe > tbody > tr > td {
  border-color: var(--site-color-oe, rgba(174, 21, 102, 1));  /* Octo Expansion default ink color */
}

table.sitecolor-oe > thead > tr > th,
table.sitecolor-oe > tbody > tr > th {
  background-color: var(--site-color-background-oe, rgba(174, 21, 102, 0.25));
  color: var(--input-text, #222);
}

table.sitecolor-s3,
table.sitecolor-s3 > thead > tr > th,
table.sitecolor-s3 > tbody > tr > th,
table.sitecolor-s3 > tbody > tr > td {
  border-color: var(--site-color-s3, rgba(235, 238, 61, 1));  /* Splatoon 3 yellow */
}

table.sitecolor-s3 > thead > tr > th,
table.sitecolor-s3 > tbody > tr > th {
  background-color: var(--site-color-background-s3, rgba(235, 238, 61, 0.25));
  color: var(--input-text, #222);
}

table.sitecolor-niwa,
table.sitecolor-niwa > thead > tr > th,
table.sitecolor-niwa > tbody > tr > th,
table.sitecolor-niwa > tbody > tr > td {
  border-color: var(--site-color-niwa, rgba(255, 128, 0, 1));  /* NIWA orange */
}

table.sitecolor-niwa > thead > tr > th,
table.sitecolor-niwa > tbody > tr > th {
  background-color: var(--site-color-background-niwa, rgba(255, 128, 0, 0.25));
  color: var(--input-text, #222);
}

/* alternates background colors for rows in zebra-classed tables 
   there are even and odd options to select which row changes color first */
table.sitecolor-generic.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-generic.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: var(--site-color-background-b-generic, rgba(0, 153, 255, 0.15)); /* generic blue */
}

table.sitecolor-s.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: var(--site-color-background-b-s, rgba(170, 220, 0, 0.15)); /* Splatoon 1 grello */
}

table.sitecolor-s2.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s2.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: var(--site-color-background-b-s2, rgba(240, 60, 120, 0.15)); /* Splatoon 2 pink */
}

table.sitecolor-s3.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-s3.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: var(--site-color-background-b-s3, rgba(235, 238, 61, 0.15)); /* Splatoon 3 yellow */
}

table.sitecolor-niwa.zebra-even > tbody > tr:nth-child(even) > td,
table.sitecolor-niwa.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: var(--site-color-background-b-niwa, rgba(255, 128, 0, 0.15)); /* NIWA orange */
}

/* zebra class intended for use in the inkipedia namespace, for example the staff page. */
table.zebra-inkipedia > tbody > tr:nth-child(odd) > td {
  background-color: var(--ui-main-theme-b, rgba(55, 139, 0, 0.2));  /* green, the same shade used for links but with 20% opacity */
}

/* vertical zebra stripes */
table.sitecolor-generic.zebra-vert tbody td:nth-child(even) {
  background-color: var(--site-color-background-b-generic, rgba(0, 153, 255, 0.15)); /* generic blue */
}

table.sitecolor-s.zebra-vert tbody td:nth-child(even) {
  background-color: var(--site-color-background-b-s, rgba(170, 220, 0, 0.15)); /* Splatoon 1 grello */
}

table.sitecolor-s2.zebra-vert tbody td:nth-child(even) {
  background-color: var(--site-color-background-b-s2, rgba(240, 60, 120, 0.15)); /* Splatoon 2 pink */
}

table.sitecolor-s3.zebra-vert tbody td:nth-child(even) {
  background-color: var(--site-color-background-b-s3, rgba(235, 238, 61, 0.15)); /* Splatoon 3 yellow */
}

table.sitecolor-niwa.zebra-vert tbody td:nth-child(even) {
  background-color: var(--site-color-background-b-niwa, rgba(255, 128, 0, 0.15)); /* NIWA orange */
}

/* removes borders from table cells to complement zebra stripes */
table.nocellborder > thead > tr > th,
table.nocellborder > tbody > tr > th,
table.nocellborder > tbody > tr > td {
  border-style: none;
}

/* left-aligns header cell text to complement zebra stripes */
table.nocellborder > thead > tr > th,
table.nocellborder > tbody > tr > th {
  text-align: left;
}

/* Give `stickyheader` class tables sticky headers that stay on-screen 
even when the page scrolls, very useful for list articles */
table.stickyheader {
  position: relative;
}
table.stickyheader thead, table.stickyheader tbody th {
  position: sticky;
  top: 0;
}


/*==================================================
  Interactive Music
==================================================*/

/* Checkbox styling */
.i-checkbox{
	border:3px solid var(--shadow, black);
	border-radius:5px;
	width:25px;
	height:25px;
	text-align:center;
	display:inline-block;
}
.i-checkbox-checked{
	width:100%;
	height:100%;
	font-size:18px;
}

/* Category header */
.i-categoryh-{
	font-size:26px;
}
/* Subcategory header */
.i-categorys-{
	font-size:22px;
        margin-left:10px
}

/* Sizes for columns in Interactive Music */
/* Column1 */
.i-column1{
        width:25%
}
/* Column2 */
.i-column2{
        width:10%
}
/* Column4 */
.i-column4{
        width:350px
}

/*==================================================
  OTHER
==================================================*/

/* Smaller text size for link suggestions */
#ui-id-1 {
  font-size: inherit;
}

/* Countdowns start with their metadata until the Js
changes them. So they should start invisible */
countdown {
  display: none;
}

.noscript { display: none; }
.schedulesplit { display: table-cell; }

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

/* Prevent text selection */
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* force-display-none */
.force-display-none {
    display:none !important
}

/* Warnings like "This user is blocked. Here is the log" */
div.mw-warning-with-logexcerpt {
    padding:10px;
    border-radius:20px;
}

/* hide sensitive data on file pages */
#mw_metadata .exif-gpslatitude,
#mw_metadata .exif-gpslongitude,
#mw_metadata .exif-artist {
  display: none;
}


/*==================================================
  3D/2D Viewer
==================================================*/

/* 3D/2D viewer */
.container-2d {
  display: block;
  position: relative;
}

.viewer-2d {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.switch-to-3d {
  position: absolute;
  top: 0;
  right: 0;
  background: url("https://cdn.wikimg.net/en/splatoonwiki/images/6/65/2D_icon.png");
  width: 92px;
  height: 48px;
  z-index: 999;
  opacity: 0.5;
  cursor :pointer;
  cursor: hand;
  transition: opacity 0.2s;
}

.switch-to-2d {
  position: absolute;
  top: 0;
  right: 0;
  background: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7e/3D_icon.png");
  width: 92px;
  height: 48px;
  z-index: 999;
  opacity: 0.5;
  cursor: pointer;
  cursor: hand;
  transition: opacity 0.2s;
}

.switch-to-3d:hover, .switch-to-2d:hover {
  opacity: 1.0;
}

/* 3D model viewer */
.viewer-3d span {
    display: none;
}
.viewer-3d {
    margin: 4px;
    display: block;
    cursor: move;
    position: relative;
}
.viewer-3d-frame {
    position: absolute;
}
.viewer-3d-overlay {
    background: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/ed/3D_rotation_icon.png") bottom right no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: relative;
}
/* End 3D model viewer */

/* New 3D viewer specific CSS */
.viewer-3d-container {
  display: block;
  padding: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 288px;
}

.viewer-3d-container ul {
  padding: 0px;
  margin: 0px;
}
.viewer-3d-container ul li {
  display: block;
  margin: 0px;
  margin-top: 2px; /* For vertical spacing of the buttons */
  list-style: none;
  text-align: center;
}
.viewer-3d-container ul a {
  display: block;
  width: 134px;
  padding: 4px;
  text-decoration: none;
  font-size: 1.25em;
  opacity: .75;
}

.viewer-3d-container ul a:hover {
  opacity: 1;
}

.view-selector-default-left {
    border-radius: 10px;
    float: left;
    background: #e2e2e2;
}
.view-selector-default-right {
    border-radius: 10px;
    float: right;
    background: #e2e2e2;
}
.view-selector-default-full {
    border-radius: 10px;
    width: 100%;
    float: left;
    clear: both;
    background: #e2e2e2;
}
.view-selector-default-full a {
    width: 100% !important;
}

/* End new 3D viewer */



/******************************* Button icons ********************************/

/* Base icon element style */
.pro-icon,
.switch-icon {
	background       : currentcolor;
	display          : inline-block;
	height           : 28px;
	mask-size        : contain;
	vertical-align   : middle;
	width            : 28px;
	-webkit-mask-size: contain;
}

/* Icon URLs */
:root {
	--pro-icon-controller-outline: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/35/Pro_Icon_Controller_Outline.svg");
	--pro-icon-d-pad-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/df/Pro_Icon_D-Pad_Down.svg");
	--pro-icon-d-pad-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7e/Pro_Icon_D-Pad_Left.svg");
	--pro-icon-d-pad-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/2/2a/Pro_Icon_D-Pad_Right.svg");
	--pro-icon-d-pad-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/8/89/Pro_Icon_D-Pad_Up.svg");
	--pro-icon-d-pad: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/e8/Pro_Icon_D-Pad.svg");
	--pro-icon-gyro-pitch: url("https://cdn.wikimg.net/en/splatoonwiki/images/9/9c/Pro_Icon_Gyro_Pitch.svg");
	--pro-icon-gyro-roll: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/55/Pro_Icon_Gyro_Roll.svg");
	--pro-icon-gyro-yaw: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7d/Pro_Icon_Gyro_Yaw.svg");
	--switch-icon-a: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/5a/Switch_Icon_A.svg");
	--switch-icon-b: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7f/Switch_Icon_B.svg");
	--switch-icon-capture: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/77/Switch_Icon_Capture.svg");
	--switch-icon-home: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/da/Switch_Icon_Home.svg");
	--switch-icon-l: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/3e/Switch_Icon_L.svg");
	--switch-icon-left-stick-all: url("https://cdn.wikimg.net/en/splatoonwiki/images/0/0b/Switch_Icon_Left_Stick_All.svg");
	--switch-icon-left-stick-click: url("https://cdn.wikimg.net/en/splatoonwiki/images/5/58/Switch_Icon_Left_Stick_Click.svg");
	--switch-icon-left-stick-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/e2/Switch_Icon_Left_Stick_Down.svg");
	--switch-icon-left-stick-left-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/4/49/Switch_Icon_Left_Stick_Left-Right.svg");
	--switch-icon-left-stick-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/9/95/Switch_Icon_Left_Stick_Left.svg");
	--switch-icon-left-stick-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/14/Switch_Icon_Left_Stick_Right.svg");
	--switch-icon-left-stick-up-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/0/06/Switch_Icon_Left_Stick_Up-Down.svg");
	--switch-icon-left-stick-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/7c/Switch_Icon_Left_Stick_Up.svg");
	--switch-icon-left-stick: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/73/Switch_Icon_Left_Stick.svg");
	--switch-icon-minus: url("https://cdn.wikimg.net/en/splatoonwiki/images/6/6d/Switch_Icon_Minus.svg");
	--switch-icon-plus: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c9/Switch_Icon_Plus.svg");
	--switch-icon-r: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/d0/Switch_Icon_R.svg");
	--switch-icon-right-stick-all: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/73/Switch_Icon_Right_Stick_All.svg");
	--switch-icon-right-stick-click: url("https://cdn.wikimg.net/en/splatoonwiki/images/d/d8/Switch_Icon_Right_Stick_Click.svg");
	--switch-icon-right-stick-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/4/47/Switch_Icon_Right_Stick_Down.svg");
	--switch-icon-right-stick-left-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/a/a2/Switch_Icon_Right_Stick_Left-Right.svg");
	--switch-icon-right-stick-left: url("https://cdn.wikimg.net/en/splatoonwiki/images/b/b1/Switch_Icon_Right_Stick_Left.svg");
	--switch-icon-right-stick-right: url("https://cdn.wikimg.net/en/splatoonwiki/images/f/f2/Switch_Icon_Right_Stick_Right.svg");
	--switch-icon-right-stick-up-down: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c1/Switch_Icon_Right_Stick_Up-Down.svg");
	--switch-icon-right-stick-up: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/78/Switch_Icon_Right_Stick_Up.svg");
	--switch-icon-right-stick: url("https://cdn.wikimg.net/en/splatoonwiki/images/f/f6/Switch_Icon_Right_Stick.svg");
	--switch-icon-sl: url("https://cdn.wikimg.net/en/splatoonwiki/images/3/35/Switch_Icon_SL.svg");
	--switch-icon-sr: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c3/Switch_Icon_SR.svg");
	--switch-icon-x: url("https://cdn.wikimg.net/en/splatoonwiki/images/2/24/Switch_Icon_X.svg");
	--switch-icon-y: url("https://cdn.wikimg.net/en/splatoonwiki/images/c/c5/Switch_Icon_Y.svg");
	--switch-icon-zl: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/79/Switch_Icon_ZL.svg");
	--switch-icon-zr: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/1e/Switch_Icon_ZR.svg");
}

/* Icon styles */
.pro-icon.controller-outline { mask-image: var(--pro-icon-controller-outline); -webkit-mask-image: var(--pro-icon-controller-outline); }
.pro-icon.d-pad-down { mask-image: var(--pro-icon-d-pad-down); -webkit-mask-image: var(--pro-icon-d-pad-down); }
.pro-icon.d-pad-left { mask-image: var(--pro-icon-d-pad-left); -webkit-mask-image: var(--pro-icon-d-pad-left); }
.pro-icon.d-pad-right { mask-image: var(--pro-icon-d-pad-right); -webkit-mask-image: var(--pro-icon-d-pad-right); }
.pro-icon.d-pad-up { mask-image: var(--pro-icon-d-pad-up); -webkit-mask-image: var(--pro-icon-d-pad-up); }
.pro-icon.d-pad { mask-image: var(--pro-icon-d-pad); -webkit-mask-image: var(--pro-icon-d-pad); }
.pro-icon.gyro-pitch { mask-image: var(--pro-icon-gyro-pitch); -webkit-mask-image: var(--pro-icon-gyro-pitch); }
.pro-icon.gyro-roll { mask-image: var(--pro-icon-gyro-roll); -webkit-mask-image: var(--pro-icon-gyro-roll); }
.pro-icon.gyro-yaw { mask-image: var(--pro-icon-gyro-yaw); -webkit-mask-image: var(--pro-icon-gyro-yaw); }
.switch-icon.a { mask-image: var(--switch-icon-a); -webkit-mask-image: var(--switch-icon-a); }
.switch-icon.b { mask-image: var(--switch-icon-b); -webkit-mask-image: var(--switch-icon-b); }
.switch-icon.capture { mask-image: var(--switch-icon-capture); -webkit-mask-image: var(--switch-icon-capture); }
.switch-icon.home { mask-image: var(--switch-icon-home); -webkit-mask-image: var(--switch-icon-home); }
.switch-icon.l { mask-image: var(--switch-icon-l); -webkit-mask-image: var(--switch-icon-l); }
.switch-icon.left-stick-all { mask-image: var(--switch-icon-left-stick-all); -webkit-mask-image: var(--switch-icon-left-stick-all); }
.switch-icon.left-stick-click { mask-image: var(--switch-icon-left-stick-click); -webkit-mask-image: var(--switch-icon-left-stick-click); }
.switch-icon.left-stick-down { mask-image: var(--switch-icon-left-stick-down); -webkit-mask-image: var(--switch-icon-left-stick-down); }
.switch-icon.left-stick-left-right { mask-image: var(--switch-icon-left-stick-left-right); -webkit-mask-image: var(--switch-icon-left-stick-left-right); }
.switch-icon.left-stick-left { mask-image: var(--switch-icon-left-stick-left); -webkit-mask-image: var(--switch-icon-left-stick-left); }
.switch-icon.left-stick-right { mask-image: var(--switch-icon-left-stick-right); -webkit-mask-image: var(--switch-icon-left-stick-right); }
.switch-icon.left-stick-up-down { mask-image: var(--switch-icon-left-stick-up-down); -webkit-mask-image: var(--switch-icon-left-stick-up-down); }
.switch-icon.left-stick-up { mask-image: var(--switch-icon-left-stick-up); -webkit-mask-image: var(--switch-icon-left-stick-up); }
.switch-icon.left-stick { mask-image: var(--switch-icon-left-stick); -webkit-mask-image: var(--switch-icon-left-stick); }
.switch-icon.minus { mask-image: var(--switch-icon-minus); -webkit-mask-image: var(--switch-icon-minus); }
.switch-icon.plus { mask-image: var(--switch-icon-plus ); -webkit-mask-image: var(--switch-icon-plus ); }
.switch-icon.r { mask-image: var(--switch-icon-r); -webkit-mask-image: var(--switch-icon-r); }
.switch-icon.right-stick-all { mask-image: var(--switch-icon-right-stick-all); -webkit-mask-image: var(--switch-icon-right-stick-all); }
.switch-icon.right-stick-click { mask-image: var(--switch-icon-right-stick-click); -webkit-mask-image: var(--switch-icon-right-stick-click); }
.switch-icon.right-stick-down { mask-image: var(--switch-icon-right-stick-down); -webkit-mask-image: var(--switch-icon-right-stick-down); }
.switch-icon.right-stick-left-right { mask-image: var(--switch-icon-right-stick-left-right); -webkit-mask-image: var(--switch-icon-right-stick-left-right); }
.switch-icon.right-stick-left { mask-image: var(--switch-icon-right-stick-left); -webkit-mask-image: var(--switch-icon-right-stick-left); }
.switch-icon.right-stick-right { mask-image: var(--switch-icon-right-stick-right); -webkit-mask-image: var(--switch-icon-right-stick-right); }
.switch-icon.right-stick-up-down { mask-image: var(--switch-icon-right-stick-up-down); -webkit-mask-image: var(--switch-icon-right-stick-up-down); }
.switch-icon.right-stick-up { mask-image: var(--switch-icon-right-stick-up); -webkit-mask-image: var(--switch-icon-right-stick-up); }
.switch-icon.right-stick { mask-image: var(--switch-icon-right-stick); -webkit-mask-image: var(--switch-icon-right-stick); }
.switch-icon.sl { mask-image: var(--switch-icon-sl); -webkit-mask-image: var(--switch-icon-sl); }
.switch-icon.sr { mask-image: var(--switch-icon-sr); -webkit-mask-image: var(--switch-icon-sr); }
.switch-icon.x { mask-image: var(--switch-icon-x); -webkit-mask-image: var(--switch-icon-x); }
.switch-icon.y { mask-image: var(--switch-icon-y); -webkit-mask-image: var(--switch-icon-y); }
.switch-icon.zl { mask-image: var(--switch-icon-zl); -webkit-mask-image: var(--switch-icon-zl); }
.switch-icon.zr { mask-image: var(--switch-icon-zr); -webkit-mask-image: var(--switch-icon-zr); }



/******************************* Infobox styles *******************************/

/* Supporting CSS for Template:GearCategory */
:root {
	--gear-icon-clothing: url("https://cdn.wikimg.net/en/splatoonwiki/images/7/78/S2_Icon_Clothing.png");
	--gear-icon-headgear: url("https://cdn.wikimg.net/en/splatoonwiki/images/1/12/S2_Icon_Headgear.png");
	--gear-icon-shoes: url("https://cdn.wikimg.net/en/splatoonwiki/images/a/a5/S2_Icon_Shoes.png");
}
.gear-category {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.gear-category a,
.gear-category a:hover{
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 100%;
}
.gear-category::before {
	background: currentcolor;
	content: "";
	height: 100%;
	left: 0;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}
.gear-category.Clothing::before {
	mask-image: var(--gear-icon-clothing);
	-webkit-mask-image: var(--gear-icon-clothing);
}
.gear-category.Headgear::before {
	mask-image: var(--gear-icon-headgear);
	-webkit-mask-image: var(--gear-icon-headgear);
}
.gear-category.Shoes::before {
	mask-image: var(--gear-icon-shoes);
	-webkit-mask-image: var(--gear-icon-shoes);
}

/* New infobox implementation styles */
.infobox {
	box-shadow: 0 0 16px var(--page, #ffffff) inset;
}
Obtenido de «https://es.splatoonwiki.org/w/index.php?title=MediaWiki:Common.css&oldid=20510»