Diferencia entre revisiones de «MediaWiki:Common.css»

De Inkipedia
m (Añadido el parámetro de Splatoon 3 que faltaba)
m (Añadido el aviso de nueva política)
(No se muestran 47 ediciones intermedias del mismo usuario)
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]] */
@import url("https://es.splatoonwiki.org/wiki/MediaWiki:SiteColor.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 {
.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 40:
}
}


/* Evita que algunas cosas se muestren en la página principal */
/* 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 {
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 {
   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 54:
==================================================*/
==================================================*/


 
/* 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:Raltseye"], a[href="/wiki/User:Espyo"] {
  color: #319471;
}
}


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


/* Color para nombres de burócratas */
/* Color para nombres de burócratas */
a[href="/wiki/User:Slate"], a[href="/wiki/User:Prod"] {
a[href="/wiki/Usuario:Prod"], a[href="/wiki/Usuario:A22PG"] {
   color: #DAA520;
   color: #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 */
}
 
/* Color de links para ARMS Institute */
#bodyContent a[href^="https://armswiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/9/92/ARMS_Institute_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para para Bulbapedia */
#bodyContent a[href^="https://bulbapedia.bulbagarden.net/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/7/75/Bulbapedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Donkey Kong Wiki */
#bodyContent a[href^="https://www.dkwiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/2/29/Donkey_Kong_Wiki_link.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Dragalia Lost Wiki */
#bodyContent a[href^="https://dragalialost.wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/b/b6/Dragalia_Lost_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Dragon Quest Wiki*/
#bodyContent a[href^="https://dragon-quest.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/9/96/Dragon_Quest_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Fire Emblem Wiki */
#bodyContent a[href^="https://fireemblemwiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/cb/Fire_Emblem_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para F-Zero Wiki */
#bodyContent a[href^="http://mutecity.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/0/0e/F-Zero_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Golden Sun Universe */
#bodyContent a[href^="https://goldensunwiki.net/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/0/0c/Golden_Sun_Universe_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Hard Drop Wiki */
#bodyContent a[href^="https://harddrop.com/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/48/Hard_Drop_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Icaruspedia */
#bodyContent a[href^="https://kidicaruswiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/4d/Icaruspedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Lylat Wiki */
#bodyContent a[href^="https://www.starfoxwiki.info/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/b/ba/Lylat_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Metroid Wiki */
#bodyContent a[href^="https://www.metroidwiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/0/0a/Metroid_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para NintendoWiki */
#bodyContent a[href^="http://niwanetwork.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/a/a9/NWiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Nookipedia */
#bodyContent a[href^="https://nookipedia.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/f/f7/Nookipedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Pikipedia */
#bodyContent a[href^="https://www.pikminwiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/4e/Pikipedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Pikmin Fanon */
#bodyContent a[href^="https://www.pikminfanon.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/1/11/Pikmin_Fanon_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para SmashWiki */
#bodyContent a[href^="https://www.ssbwiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/7/78/Smash_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Starfy Wiki */
#bodyContent a[href^="https://starfywiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/41/Starfy_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para StrategyWiki */
#bodyContent a[href^="https://strategywiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/9/9f/StrategyWiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Super Mario Wiki */
#bodyContent a[href^="https://www.mariowiki.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/ca/Super_Mario_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Ukikipedia */
#bodyContent a[href^="https://ukikipedia.net/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/c8/Ukikipedia_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Wars Wiki */
#bodyContent a[href^="https://warswiki.org/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/c/ca/Wars_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para WikiBound */
#bodyContent a[href^="https://wikibound.info/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/d/dd/WikiBound_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para WiKirby */
#bodyContent a[href^="https://wikirby.com/wiki"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/4/4a/Wikirby_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Zelda Wiki */
#bodyContent a[href^="https://zelda.gamepedia.com"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/8/87/Zelda_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
 
/* Color de links para Xeno Series Wiki */
#bodyContent a[href^="https://xenoserieswiki.org"] {
  background: url("//cdn.wikimg.net/en/splatoonwiki/images/a/a8/Xeno_Series_Wiki_favicon.png") no-repeat scroll right center transparent;
  padding-right: 18px;
}
}


/*==================================================
/*==================================================
   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 281: Línea 128:
.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 383: Línea 242:
.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 395: Línea 254:
.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 407: Línea 266:
.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 420: Línea 279:
.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 432: Línea 291:
.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 444: Línea 303:
.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 456: Línea 315:
.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 507: Línea 366:


.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 534: Línea 393:
   .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
==================================================*/
==================================================*/


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


/* Clase wikitable para el color de las tablas.
/* left-aligns header cell text to complement zebra stripes */
  Los colores por defecto están pensados para las tablas generadas por MediaWiki como la tabla del historial de archivos.
table.nocellborder > thead > tr > th,
  Hay otros esquemas de color disponibles para usar en Mainspace; ver las clases Sitecolor más abajo. */
table.nocellborder > tbody > tr > th {
table.wikitable {
   text-align: left;
   background-color: #fff;
  color: #222;
  margin: 1em 0;
  border-style: solid;
  border-width: 5px 2px;
  border-color: #006400;  /* green */
  border-collapse: collapse;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.25);
}
}


table.wikitable > thead > tr > th,
/* Give `stickyheader` class tables sticky headers that stay on-screen
table.wikitable > tbody > tr > th,
even when the page scrolls, very useful for list articles */
table.wikitable > tbody > tr > td {
table.stickyheader {
   border-style: solid;
   position: relative;
  border-width: 1px;
}
   border-color: #006400;
table.stickyheader thead, table.stickyheader tbody th {
   padding: 0.2em 0.4em;
   position: sticky;
   top: 0;
}
}


table.wikitable > thead > tr > th,
 
table.wikitable > tbody > tr > th {
/*==================================================
  color: #fff;
  Interactive Music
  background-color: #378b00; /* Verde, el mismo tono utilizado para los enlaces */
==================================================*/
 
/* 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{
table.wikitable > caption {
width:100%;
  font-weight: bold;
height:100%;
font-size:18px;
}
}


/* Clases para añadir colores del sitio a las tablas
/* Category header */
  Los colores del sitio están documentados en [[Template:SiteColor]] */
.i-categoryh-{
table.sitecolor-generic,
font-size:26px;
table.sitecolor-generic > thead > tr > th,
table.sitecolor-generic > tbody > tr > th,
table.sitecolor-generic > tbody > tr > td {
  border-color: rgba(0, 153, 255, 1); /* Genérico azul */
}
}
 
/* Subcategory header */
table.sitecolor-generic > thead > tr > th,
.i-categorys-{
table.sitecolor-generic > tbody > tr > th {
font-size:22px;
  background-color: rgba(0, 153, 255, 0.25);
        margin-left:10px
  color: #222;
}
}


table.sitecolor-s,
/* Sizes for columns in Interactive Music */
table.sitecolor-s > thead > tr > th,
/* Column1 */
table.sitecolor-s > tbody > tr > th,
.i-column1{
table.sitecolor-s > tbody > tr > td {
        width:25%
  border-color: rgba(170, 220, 0, 1);  /* Splatoon verde */
}
}
 
/* Column2 */
table.sitecolor-s > thead > tr > th,
.i-column2{
table.sitecolor-s > tbody > tr > th {
        width:10%
  background-color: rgba(170, 220, 0, 0.25);
  color: #222;
}
}
 
/* Column4 */
table.sitecolor-s2,
.i-column4{
table.sitecolor-s2 > thead > tr > th,
        width:350px
table.sitecolor-s2 > tbody > tr > th,
table.sitecolor-s2 > tbody > tr > td {
  border-color: rgba(240, 60, 120, 1);  /* Splatoon 2 rosa */
}
}


table.sitecolor-s2 > thead > tr > th,
/*==================================================
table.sitecolor-s2 > tbody > tr > th {
   OTHER
  background-color: rgba(240, 60, 120, 0.25);
==================================================*/
   color: #222;
}


table.sitecolor-oe,
/* Smaller text size for link suggestions */
table.sitecolor-oe > thead > tr > th,
#ui-id-1 {
table.sitecolor-oe > tbody > tr > th,
   font-size: inherit;
table.sitecolor-oe > tbody > tr > td {
   border-color: rgba(174, 21, 102, 1); /* Octo Expansion color de tinta por defecto */
}
}


table.sitecolor-oe > thead > tr > th,
/* Countdowns start with their metadata until the Js
table.sitecolor-oe > tbody > tr > th {
changes them. So they should start invisible */
   background-color: rgba(174, 21, 102, 0.25);
countdown {
  color: #222;
   display: none;
}
}


table.sitecolor-am,
.noscript { display: none; }
table.sitecolor-am > thead > tr > th,
.schedulesplit { display: table-cell; }
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,
/* Prevent line breaks in silly places:
table.sitecolor-am > tbody > tr > th {
  1) Where desired
   background-color: rgba(128, 128, 128, 0.25);
  2) Links when we don't want them to
  color: #222;
  3) Bold "links" to the page itself */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink {
   white-space: nowrap;
}
}


table.sitecolor-s3,
/* Prevent text selection */
table.sitecolor-s3 > thead > tr > th,
.noselect {
table.sitecolor-s3 > tbody > tr > th,
  -webkit-touch-callout: none;
table.sitecolor-s3 > tbody > tr > td {
    -webkit-user-select: none;
  border-color: rgba(235, 238, 61, 1); /* Splatoon 3 amarillo */
    -khtml-user-select: none;
      -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
}


table.sitecolor-s3 > thead > tr > th,
/* force-display-none */
table.sitecolor-s3 > tbody > tr > th {
.force-display-none {
  background-color: rgba(235, 238, 61, 0.25);
    display:none !important
  color: #222;
}
}


table.sitecolor-niwa,
/* Warnings like "This user is blocked. Here is the log" */
table.sitecolor-niwa > thead > tr > th,
div.mw-warning-with-logexcerpt {
table.sitecolor-niwa > tbody > tr > th,
    padding:10px;
table.sitecolor-niwa > tbody > tr > td {
    border-radius:20px;
  border-color: rgba(255, 128, 0, 1); /* NIWA naranja */
}
}


table.sitecolor-niwa > thead > tr > th,
/* hide sensitive data on file pages */
table.sitecolor-niwa > tbody > tr > th {
#mw_metadata .exif-gpslatitude,
  background-color: rgba(255, 128, 0, 0.25);
#mw_metadata .exif-gpslongitude,
   color: #222;
#mw_metadata .exif-artist {
   display: none;
}
}


table.sitecolor-sr,
table.sitecolor-sr > thead > tr > th,
table.sitecolor-sr > tbody > tr > th,
table.sitecolor-sr > tbody > tr > td {
  border-color: rgba(241, 121, 42, 1);  /* Salmon Run naranja apagado */
}


table.sitecolor-sr > thead > tr > th,
/*==================================================
table.sitecolor-sr > tbody > tr > th {
   3D/2D Viewer
  background-color: rgba(241, 121, 42, 0.25);
==================================================*/
   color: #222;
}


/* Alterna los colores de fondo de las filas en las tablas de estilo "cebra"
/* 3D/2D viewer */
  Hay opciones pares e impares para seleccionar qué fila cambia de color primero */
.container-2d {
table.sitecolor-generic.zebra-even > tbody > tr:nth-child(even) > td,
  display: block;
table.sitecolor-generic.zebra-odd > tbody > tr:nth-child(odd) > td {
   position: relative;
   background-color: rgba(0, 153, 255, 0.15); /* Genérico azul */
}
}


table.sitecolor-s.zebra-even > tbody > tr:nth-child(even) > td,
.viewer-2d {
table.sitecolor-s.zebra-odd > tbody > tr:nth-child(odd) > td {
  position: relative;
   background-color: rgba(170, 220, 0, 0.15); /* Splatoon verde */
  width: 100%;
  height: 100%;
   top: 0;
  left: 0;
}
}


table.sitecolor-s2.zebra-even > tbody > tr:nth-child(even) > td,
.switch-to-3d {
table.sitecolor-s2.zebra-odd > tbody > tr:nth-child(odd) > td {
  position: absolute;
   background-color: rgba(240, 60, 120, 0.15); /* Splatoon 2 rosa */
  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;
}
}


table.sitecolor-oe.zebra-even > tbody > tr:nth-child(even) > td,
.switch-to-2d {
table.sitecolor-oe.zebra-odd > tbody > tr:nth-child(odd) > td {
  position: absolute;
   background-color: rgba(174, 21, 102, 1); /* Octo expansion color de tinta por defecto */
  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;
}
}


table.sitecolor-oe.zebra-even > tbody > tr:nth-child(even) > td,
.switch-to-3d:hover, .switch-to-2d:hover {
table.sitecolor-oe.zebra-odd > tbody > tr:nth-child(odd) > td {
   opacity: 1.0;
   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,
/* 3D model viewer */
table.sitecolor-s3.zebra-odd > tbody > tr:nth-child(odd) > td {
.viewer-3d span {
  background-color: rgba(235, 238, 61, 1); /* Splatoon 3 amarillo */
    display: none;
}
}
 
.viewer-3d {
table.sitecolor-niwa.zebra-even > tbody > tr:nth-child(even) > td,
    margin: 4px;
table.sitecolor-niwa.zebra-odd > tbody > tr:nth-child(odd) > td {
    display: block;
  background-color: rgba(255, 128, 0, 0.15); /* NIWA naranja */
    cursor: move;
    position: relative;
}
}
 
.viewer-3d-frame {
table.sitecolor-sr.zebra-even > tbody > tr:nth-child(even) > td,
    position: absolute;
table.sitecolor-sr.zebra-odd > tbody > tr:nth-child(odd) > td {
  background-color: rgba(241, 121, 42, 0.15); /* Salmon Run naranja apagado */
}
}
 
.viewer-3d-overlay {
/* Clase cebra destinada a ser utilizada en el espacio de nombres de Inkipedia, por ejemplo la página de personal */
    background: url("https://cdn.wikimg.net/en/splatoonwiki/images/e/ed/3D_rotation_icon.png") bottom right no-repeat;
table.zebra-inkipedia > tbody > tr:nth-child(odd) > td {
    width: 100%;
  background-color: rgba(55, 139, 0, 0.2)  /* Verde, el mismo tono usado en los links pero con un 20% de opacidad */
    height: 100%;
    opacity: 0.5;
    position: relative;
}
}
/* End 3D model viewer */


/* Rayas verticales de cebra */
/* New 3D viewer specific CSS */
table.sitecolor-generic.zebra-vert tbody td:nth-child(even) {
.viewer-3d-container {
   background-color: rgba(0, 153, 255, 0.15); /* Genérico azul */
  display: block;
  padding: 2px;
  margin-left: auto;
   margin-right: auto;
  width: 288px;
}
}


table.sitecolor-s.zebra-vert tbody td:nth-child(even) {
.viewer-3d-container ul {
   background-color: rgba(170, 220, 0, 0.15); /* Splatoon verde */
  padding: 0px;
   margin: 0px;
}
}
 
.viewer-3d-container ul li {
table.sitecolor-s2.zebra-vert tbody td:nth-child(even) {
  display: block;
   background-color: rgba(240, 60, 120, 0.15); /* Splatoon 2 rosa */
  margin: 0px;
   margin-top: 2px; /* For vertical spacing of the buttons */
  list-style: none;
  text-align: center;
}
}
 
.viewer-3d-container ul a {
table.sitecolor-s3.zebra-vert tbody td:nth-child(even) {
  display: block;
   background-color: rgba(235, 238, 61, 0.15); /* Splatoon 3 amarillo */
  width: 134px;
  padding: 4px;
  text-decoration: none;
   font-size: 1.25em;
  opacity: .75;
}
}


table.sitecolor-oe.zebra-vert tbody td:nth-child(even) {
.viewer-3d-container ul a:hover {
   background-color: rgba(174, 21, 102, 1); /* Octo expansion color de tinta por defecto */
   opacity: 1;
}
}


table.sitecolor-oe.zebra-vert tbody td:nth-child(even) {
.view-selector-default-left {
  background-color: rgba(128, 128, 128, 1); /* Octo expansion color de tinta por defecto */
    border-radius: 10px;
    float: left;
    background: #e2e2e2;
}
}
 
.view-selector-default-right {
table.sitecolor-niwa.zebra-vert tbody td:nth-child(even) {
    border-radius: 10px;
  background-color: rgba(241, 121, 42, 0.15); /* NIWA naranja */
    float: right;
    background: #e2e2e2;
}
}
 
.view-selector-default-full {
table.sitecolor-sr.zebra-vert tbody td:nth-child(even) {
    border-radius: 10px;
  background-color: rgba(255, 128, 0, 0.15); /* Salmon Run naranja apagado */
    width: 100%;
    float: left;
    clear: both;
    background: #e2e2e2;
}
}
 
.view-selector-default-full a {
/* Elimina los bordes de las celdas de la tabla para complementar las rayas de cebra */
    width: 100% !important;
table.nocellborder > thead > tr > th,
table.nocellborder > tbody > tr > th,
table.nocellborder > tbody > tr > td {
  border-style: none;
}
}


/* Alinea a la izquierda el texto de la celda de cabecera para complementar las rayas de cebra */
/* End new 3D viewer */
table.nocellborder > thead > tr > th,
table.nocellborder > tbody > tr > th {
  text-align: left;
}




/*==================================================
  FUENTES PERSONALIZADAS
==================================================*/


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


@font-face {
/* Base icon element style */
    font-family: Splatoon;
.pro-icon,
    src: url("https://frozenpandaman.github.io/Splatoon1.otf") format("opentype");
.switch-icon {
background      : currentcolor;
display          : inline-block;
height          : 28px;
mask-size        : contain;
vertical-align  : middle;
width            : 28px;
-webkit-mask-size: contain;
}
}


@font-face {
/* Icon URLs */
    font-family: Splatoon2;
:root {
    src: url("https://frozenpandaman.github.io/Splatoon2.otf") format("opentype");
--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); }




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


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


/* Tamaño de texto más pequeño para las sugerencias de enlaces */
/* Supporting CSS for Template:GearCategory */
#ui-id-1 {
:root {
  font-size: inherit;
--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);
}
}


/* Las cuentas atrás comienzan con sus metadatos hasta que el Js
/* New infobox implementation styles */
  los cambie. Por lo tanto, deberían empezar invisibles */
.infobox {
countdown {
box-shadow: 0 0 16px var(--page, #ffffff) inset;
  display: none;
}
}


.noscript { display: none; }
/* Ajustes para las versiones móviles */
.schedulesplit { display: table-cell; }
.mobile-show {
    display: none;
}


/* Evite los saltos de línea en lugares tontos:
@media all and (max-width: 700px){
  1) Cuando se desee
    .mobile-hide {
  2) Los enlaces cuando no los queramos
        display: none;
  3) "Enlaces" en negrita a la propia página */
    }
.nowrap,
.nowraplinks a,
.nowraplinks .selflink {
  white-space: nowrap;
}


/* Impedir la selección de texto */
    .mobile-show {
.noselect {
        display: block;
  -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 {
/* Código para nuevas políticas */
     display:none !important
#n-Política span:before{
content:'NUEVO ';
color:red;
    vertical-align: super;
    font-size: smaller;
     font-weight: 700;
}
}


/* Avisos como "Este usuario está bloqueado" */
/* Botón "Ocultar" dentro de Sitenotice */
div.mw-warning-with-logexcerpt {
@media (min-width:601px){
    padding:10px;
.mw-dismissable-notice-close {
    border-radius:20px;
position: absolute;
right: 0;
}
}
}


/* Ocultar datos confidenciales en las páginas de los archivos */
/* Código para políticas reformadas
#mw_metadata .exif-gpslatitude,
#n-Política span:before{
#mw_metadata .exif-gpslongitude {
content:'REFORMADO ';
  display: none;
color:orange;
}
    vertical-align: super;
    font-size: smaller;
    font-weight: 700;
}*/

Revisión del 14:49 21 abr 2024

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

@import url("https://es.splatoonwiki.org/wiki/MediaWiki:SiteColor.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-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 {
  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;
}

/* Color para nombres de administradores */
a[href="/wiki/Usuaria:Slate"], a[href="/wiki/Usuario:Shahar"], a[href="/wiki/Usuario:Killer1001"]{
  color: #7D11E3;
  font-weight: 700;
}

/* Color para nombres de burócratas */
a[href="/wiki/Usuario:Prod"], a[href="/wiki/Usuario:A22PG"] {
  color: #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
==================================================*/

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

/* Ajustes para las versiones móviles */
.mobile-show {
    display: none;
}

@media all and (max-width: 700px){
    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }
}

/* Código para nuevas políticas */
#n-Política span:before{
	content:'NUEVO ';
	color:red;
    vertical-align: super;
    font-size: smaller;
    font-weight: 700;
}

/* Botón "Ocultar" dentro de Sitenotice */
@media (min-width:601px){
	.mw-dismissable-notice-close {
		position: absolute;
		right: 0;
	}
}

/* Código para políticas reformadas
#n-Política span:before{
	content:'REFORMADO ';
	color:orange;
    vertical-align: super;
    font-size: smaller;
    font-weight: 700;
}*/