MediaWiki:Common.css

De WikiDex
Ir a la navegaciónIr a la búsqueda

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
  • Opera: Presiona Ctrl+F5.
/* Common.css v146 <pre>*/
/* El código CSS de esta página proviene de WikiDex.net. Para los autores del mismo, ver el historial de https://www.wikidex.net/wiki/MediaWiki:Common.css. Favor de mantener este mensaje si copian el código a otro wiki. */
/* Desde MediaWiki 1.35, este CSS afectará también a la piel móvil */
/*** General ***/

/* 20221117 temporal por si quedan restos del sitenotice en la caché */
.notice-35465,.notice-45664 {display:none;}

/* animación tabber */
@keyframes tabberspin { 
	100% {
		transform:rotate(360deg);
	}
}

.tabber__loading {
	min-width:200px;
	min-height:200px;
	overflow:hidden;
	text-align: center;
	line-height: 200px;
	position: relative;
}
.tabber__loading::after {
	content:"";
	display:block;
	position: absolute;
	top:0;
	left:calc(50% - 100px);
	margin:auto;
	width:200px;
	height:200px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath%20d%3D%22m%20100%2C2%20v%2012%20a%2086%2C86%200%200%201%2086%2C86%2086%2C86%200%200%201%20-86%2C86%2086%2C86%200%200%201%20-86%2C-86%20H%202%20a%2098%2C98%200%200%200%2098%2C98%2098%2C98%200%200%200%2098%2C-98%2098%2C98%200%200%200%20-98%2C-98%20z%22%20style%3D%22fill%3A%2394e2ff%3Bstroke%3Anone%22%2F%3E%3C/svg%3E") no-repeat center center;
	animation:tabberspin 2s linear infinite
}

/* Redirecciones con flecha */
body.ns-special #mw-content-text li > a.mw-redirect:first-child {
	background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTAuOTggMC41VjhjMCAxLjA0IDEuMDIgMS45OCAyLjAyIDEuOThoNmwzIC4wMiIvPjxwYXRoIGQ9Ik03LjQ4IDYuNWwuMDIgN0wxNCAxMHoiLz48L3N2Zz4=') no-repeat left center;
	padding-left:17px;
}

/*** IMÁGENES ***/
/* Fondo cuadriculado en imágenes transparentes */
body.ns-6 #file img {
	background:url('data:image/gif;base64,R0lGODdhEAAQAIABAO/v7////ywAAAAAEAAQAAACH4RvoauIzNyBSyYaLMDZcv15HAaSIlWiJ5Sya/RWVgEAOw==') repeat fixed;
}
/* Fondo oscuro al pasar mouse por encima */
body.ns-6 #file img:hover {
	background:none #333;
}

/* Aspecto de los thumbs. span por Plantilla:Imagen pop-up */
div.thumbinner, span.thumbinner,
/*VE,MW1.40+*/
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:Image/Thumb"],
figure[typeof~="mw:Video/Thumb"],
figure[typeof~="mw:Audio/Thumb"],
figure[typeof~="mw:File/Frame"],
figure[typeof~="mw:Image/Frame"],
figure[typeof~="mw:Video/Frame"],
figure[typeof~="mw:Audio/Frame"] {
	background-color:#333;
	background:linear-gradient(to bottom, #888, #333);
	border:none;
	border-radius:5px;
	color:#fff;
	box-shadow:2px 2px 5px #333;
	padding:4px !important; /* Un píxel más para igualar con los lados */
	text-align: center;
	/*VE*/
	display: block;
}

/*VE,MW1.40+*/
figure[typeof~="mw:File/Thumb"] > figcaption,
figure[typeof~="mw:Image/Thumb"] > figcaption,
figure[typeof~="mw:Video/Thumb"] > figcaption,
figure[typeof~="mw:Audio/Thumb"] > figcaption,
figure[typeof~="mw:File/Frame"] > figcaption,
figure[typeof~="mw:Image/Frame"] > figcaption,
figure[typeof~="mw:Video/Frame"] > figcaption,
figure[typeof~="mw:Audio/Frame"] > figcaption {
	/*VE*/
	display: block;
	background: none;
	border: none;
}

/* por mobilefrontend hay que replicarlo aquí */
.content .thumbcaption { color:#fff; }

.thumbinner a, .thumbinner a:visited, #bodyContent .thumbinner a.external, figcaption a { color:#fec423; }

/* tamaño del caption en thumbs. Nota que se cuentan los 2 selectores, por lo que primero aplica 95% y de ese vuelve aplicar otro 95%. Así lo hace MW estándar */
.thumbinner, .thumbinner .caption { font-size: 95%; }

.thumbinner .caption { color: #fff; }

img.thumbimage,
/*VE,MW1.40+*/
figure[typeof~="mw:File/Thumb"] > a:first-child > :first-child:not(.mw-broken-media),
figure[typeof~="mw:Image/Thumb"] > a:first-child > :first-child:not(.mw-broken-media),
figure[typeof~="mw:Video/Thumb"] > a:first-child > :first-child:not(.mw-broken-media),
figure[typeof~="mw:Audio/Thumb"] > a:first-child > :first-child:not(.mw-broken-media),
figure[typeof~="mw:File/Frame"] > a:first-child > :first-child:not(.mw-broken-media),
figure[typeof~="mw:Image/Frame"] > a:first-child > :first-child:not(.mw-broken-media),
figure[typeof~="mw:Video/Frame"] > a:first-child > :first-child:not(.mw-broken-media),
figure[typeof~="mw:Audio/Frame"] > a:first-child > :first-child:not(.mw-broken-media) {
	background-color:#f9f9f9;
	border:none;
	border-radius:3px;
}

/* Quitar el fondo negro de los vídeos, para que se vean los vídeos transparentes */
.video-js {
	background: transparent;
}

@media screen {
	.mw-parser-output div.magnify a,
	/*MW1.40+*/
	.mw-content-ltr figure[typeof~="mw:File/Thumb"]:not([typeof~="mw:Error"]) > a.mw-file-description::after {
		background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI1MCIgeDI9IjUwIiB5MT0iOTQuMTkyIiB5Mj0iNC41NDA2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmQyMjUiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZTc5ODAxIiBvZmZzZXQ9Ii41Ii8+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmYyYjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+CjxwYXRoIGQ9Im05Ni41IDUwYTQ2LjUgNDYuNSAwIDEgMSAtOTMgMCA0Ni41IDQ2LjUgMCAxIDEgOTMgMHoiIGZpbGw9InVybCgjYSkiIHN0cm9rZT0iIzgwNzg3OCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Im01NS4zMDYgMjggMjQuNzQ5IDIyLTI0Ljc0OSAyMm0tMzcuMzc2LTIyaDYyLjEyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjkiLz4KPC9zdmc+Cg==') center center no-repeat;
		height: 12px;
	}
}

/* Aspecto de las galerías en artículos (etiqueta gallery) */
.gallerybox {
	background-color:#333;
	background:linear-gradient(to bottom, #888, #333);
	padding:4px 2px 4px 4px !important;
	margin:6px 7px 6px 0 !important;
	border-radius:5px;
	box-shadow:2px 2px 5px #333;
}

.gallerybox .gallerytext { color:#fff; font-size:95%; margin-top:0; }

.gallerybox .gallerytext a { color:#fec423; }
.gallerybox .gallerytext a.new { color:#e7401e; }

.galleryfilename-truncate { white-space: normal; }

.gallerybox div.thumb {
	height:auto !important;
	background:#ffffff url('data:image/gif;base64,R0lGODdhBQAFAOMJANHR0dLS0tbW1u7u7u/v7/Dw8PX19fb29vf39////////////////////////////ywAAAAABQAFAAAEDzBJA+QBJSFAdOiJMEhJBAA7') repeat;
	border:none !important;
	margin-right:2px !important;
    border-radius: 3px;
}

ul.mw-gallery-nolines li.gallerybox div.gallerytext {
	text-align:left;
}

/*[[Plantilla:Imagen pop-up]]*/
.imagenpopup .popup {display:none; speak:none;}

.imagenpopup .enlace a {color:#008000;}

.imagenpopup:hover .popup {
	background:transparent;
	padding:2em 1em 1em 2em;
	display:inline;
	position:absolute;
	margin-left:-200px;
	margin-top:-50px;
	z-index:10;
}

.imagenpopup .popup .thumb { border:none !important; }

/*** FIN IMÁGENES ***/

/* Estilos línea de puntos para los casos de .explain, eliminados del CSS de MediaWiki en 1.37 */
/* Debido a que tipsy quita el title y lo sustituye por original-title, lo añadimos para estos casos */
abbr[ title ],
.explain[ title ],
abbr[ original-title ],
.explain[ original-title ] {
	border-bottom: 1px dotted;
}

@supports ( text-decoration: underline dotted ) {
	abbr[ title ], /* FIXME: Remove similar to `abbr` above. */
	.explain[ title ],
	abbr[ original-title ],
	.explain[ original-title ] {
		border-bottom: 0;
		text-decoration: underline dotted;
	}
}

/* Barras de desplazamiento al usar elemento pre */
pre { overflow:auto; }

/* ocultar título y categorías en página principal */
body.page-WikiDex .firstHeading, body.page-WikiDex .catlinks {display:none !important;}
body.page-WikiDex #articleFooter { margin-top:-22px; }

/* Cambios recientes */
.mw-plusminus-pos { color:#006500; }
.mw-plusminus-neg { color:#8B0000; }
.mw-plusminus-null { color:#aaa; }

/* Resaltar nombres de administrador, reversor, asistente y bot  */
.mw-usergroup-sysop, .mw-usergroup-asistente, .mw-usergroup-rollback, .mw-usergroup-bot {
	font-weight: bold;
}

.mw-usergroup-sysop, .mw-usergroup-sysop:visited {
	color: #a0993a;
}

.mw-usergroup-asistente, .mw-usergroup-asistente:visited {
	color: #ad4c78;
}

.mw-usergroup-rollback, .mw-usergroup-rollback:visited {
	color: #ad4c78;
}

.mw-usergroup-bot, .mw-usergroup-bot:visited {
	color: #699;
}

.mw-usergroup-sysop:hover:after, .mw-usergroup-asistente:hover:after, .mw-usergroup-rollback:hover:after, .mw-usergroup-bot:hover:after {
	color: #000;
	background: #fff;
	font-weight: normal;
	text-decoration: none;
	position:absolute;
	padding: .5em;
	margin-top: -2em;
	border: 1px solid #888;
}

.mw-usergroup-sysop:hover:after {
	content: "Administrador";
}

.mw-usergroup-asistente:hover:after {
	content: "Asistente";
}

.mw-usergroup-rollback:hover:after {
	content: "Reversor";
}

.mw-usergroup-asistente.mw-usergroup-rollback:hover:after {
	content: "Reversor y Asistente";
}

.mw-usergroup-bot:hover:after {
	content: "Bot";
}

/* Fuente para que muestre bien caracteres extraños */
.ipa {font-family:"Bitstream Vera Sans", "Arial Unicode MS", "Lucida Sans Unicode";}

/* referencias de tamaño más pequeño */
ol.references {font-size:95%;}

/* Cambia el color de fondo de la referencia seleccionada al llegar a ella */
ol.references > li:target, sup.reference:target {background-color:#def;}

/* Resalta con borde los cambios del diff, solo al pasar el mouse por encima */
.diff tr:hover del, .diff tr:hover ins {outline:2px solid #1e90ff;}

/* Resaltar la opción seleccionada en el LinkSuggest */
#wpTextbox1_container .navigation-hover {background-color:#fdff4f;}

/* Sombras */
.sombra {
	box-shadow:0.1em 0.1em 0.5em #303030;
}

/* Efecto degradado */
.degradado2 {
	width:28px;
	background:#ffffff url('https://images.wikidexcdn.net/mwuploads/wikidex/b/b9/latest/20090910124100/Degradado_2.png') 0 0 repeat;
}

/* enlaces especiales */
.enlacessinsubrayado a, .enlacessinsubrayado a:hover { text-decoration: none; }
.enlacesblancos a, .enlacesblancos a:visited { color: white; }
#enlacenumeropokemon:hover { color: #EABF35 !important; text-shadow: 1px 1px #C2BDAD; }

/*** Ajustes en [[Special:Upload]] ***/
body.page-Especial_SubirArchivo fieldset { border:2px solid #c8d0df; background:#f1f7fb; }
body.page-Especial_SubirArchivo legend { font-size:150%; font-weight:bold; }

/* Volver a mostrar el enlace a la ayuda, que oculta el wikieditor */
.client-js .editOptions .editButtons .editHelp, .client-js .editButtons .cancelLink .mw-editButtons-pipe-separator { display:inline; }

/* sin discusión en Forum: */
body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li { display:none; }

/* TEMAS */
/* tema wiki */
.theme-wiki .border-theme, .theme-wiki.border-theme {
  border: 1px solid #88a;
}

.theme-wiki .bg-theme-dark, .theme-wiki.bg-theme-dark {
  background: #ccf;
}

/*** Estilos de tablas ***/
/*** General ***
Estilos para tablas. (de [[Wikipedia:es:MediaWiki:Common.css]])

La idea es, si se quiere que la primera columna de la tabla esté alineada
a la derecha, la segunda centrada y la tercera a la izquierda, usar
{| class="col1der col2cen col3izq"
en vez de repetir "style='text-align:right'", etc, en '''cada''' celda
*/

table.col1der td:first-child { text-align:right; }
table.col1izq td:first-child { text-align:left; }
table.col1cen td:first-child { text-align:center; }

table.col2der td:first-child + td { text-align:right; }
table.col2izq td:first-child + td { text-align:left; }
table.col2cen td:first-child + td { text-align:center; }

table.col3der td:first-child + td + td { text-align:right; }
table.col3izq td:first-child + td + td { text-align:left; }
table.col3cen td:first-child + td + td { text-align:center; }

table.col4der td:first-child + td + td + td { text-align:right; }
table.col4izq td:first-child + td + td + td { text-align:left; }
table.col4cen td:first-child + td + td + td { text-align:center; }

table.col5der td:first-child + td + td + td + td { text-align:right; }
table.col5izq td:first-child + td + td + td + td { text-align:left; }
table.col5cen td:first-child + td + td + td + td { text-align:center; }

table.col6der td:first-child + td + td + td + td + td { text-align:right; }
table.col6izq td:first-child + td + td + td + td + td { text-align:left; }
table.col6cen td:first-child + td + td + td + td + td { text-align:center; }

table.col7der td:first-child + td + td + td + td + td + td { text-align:right; }
table.col7izq td:first-child + td + td + td + td + td + td { text-align:left; }
table.col7cen td:first-child + td + td + td + td + td + td { text-align:center; }

table.col8der td:first-child + td + td + td + td + td + td + td { text-align:right; }
table.col8izq td:first-child + td + td + td + td + td + td + td { text-align:left; }
table.col8cen td:first-child + td + td + td + td + td + td + td { text-align:center; }

table.col9der td:first-child + td + td + td + td + td + td + td + td { text-align:right; }
table.col9izq td:first-child + td + td + td + td + td + td + td + td { text-align:left; }
table.col9cen td:first-child + td + td + td + td + td + td + td + td { text-align:center; }

table.col10der td:first-child + td + td + td + td + td + td + td + td + td { text-align:right; }
table.col10izq td:first-child + td + td + td + td + td + td + td + td + td { text-align:left; }
table.col10cen td:first-child + td + td + td + td + td + td + td + td + td { text-align:center; }

tr.encabezado { background:#ccf; color:#000; white-space:nowrap; }

/*
Formatos generales de tablas:
* wiki: estándar
* lista: estándar + resaltado de fila al pasar el mouse, filas más juntas
* galeria: estándar + centrado + ancho mínimo de columna a 100px (sí y sólo si contiene encabezados)

Ejemplo de uso:
{| class="lista"
*/

table.wiki, table.lista, table.galeria {
	border-collapse:collapse;
	background:#f8f8ff;
	color:#000;
	margin-bottom:1.5em;
}

table.lista {
	font-size:95%;
	line-height:1.1em;
}

table.galeria {
	text-align:center;
	margin:auto;
}

table.wiki td, table.wiki th,
table.lista td, table.lista th,
table.galeria td, table.galeria th
	{ padding:2px; border:1px solid #88a; }

table.wiki caption, table.lista caption, table.galeria caption {
	line-height:1.1em;
/*	margin: 2px; --> Bug en Firefox? Si usamos {| class="lista" align="center" con caption, éste aparece alineado a la izquierda, sin importarle que la tabla quede en el centro. Usando padding no pasa. */
	padding:5px 2px;
}

/* cambio de color al pasar ratón por encima */
table.lista tr:hover { background:#f5f5dc; color:#000; }
table.resaltado tr:hover { background:#f5f5dc; color:#000; }
/* Lo quitamos para los encabezados */
table.lista tr.encabezado:hover { background:#ccf; color:#000; }
table.resaltado tr.encabezado:hover { background:#ccf; color:#000; }

table.galeria tr.encabezado th { width:105px; }

table.bandas {
	border-collapse: collapse;
}
table.bandas td, table.bandas th {
	border: 1px solid #C0C0C0;
	padding: 2px;
}
table.bandas tr.encabezado, table.bandas tr.encabezado:nth-child(odd), table.bandas tr.encabezado:nth-child(even) {
	background-color: #667CC6;
	color: white;
}
table.bandas tr:nth-child(odd) {
	background-color: #F1F4F8;
}

/*** Formatos específicos de tablas ***/
/*** Tablas relacionadas con los POKÉMON (movimientos, listas de Pokémon) ***/
table.movnivel, table.movmtmo, table.movtutor,
table.movhuevo, table.movespecial, table.estadisticas,
table.tabmov, table.tabpokemon {
	border:2px solid #C6C6C6;
	border-collapse:collapse;
	font-size:90%;
	text-align:center;
	margin:5px 0 1.5em;
	background-color:#FFFFFF;
	box-shadow:0.3em 0.3em 0.5em #ACACAD;
}

table.tabmov, table.tabpokemon {
	margin:5px auto 1.5em;
}

table.movnivel, table.movmtmo, table.movtutor, table.movhuevo, table.movespecial, table.estadisticas {
	width:100%;
	line-height:22px;
}

table.tabpokemon { line-height:22px; }

/* encabezado */
table.movnivel th, table.movmtmo th, table.movtutor th,
table.movhuevo th, table.movespecial th, table.estadisticas th,
table.tabmov th, table.tabpokemon th { background-color:#3B3B3B; border:2px solid #333; color:white; height:20px; }

/* colores alternos en celdas */
table.movnivel tr:nth-child(even), table.movmtmo tr:nth-child(even), table.movtutor tr:nth-child(even),
table.movhuevo tr:nth-child(even), table.movespecial tr:nth-child(even), table.estadisticas tr:nth-child(even),
table.tabmov tr:nth-child(even), table.tabpokemon tr:nth-child(even) { background-color:#FFFFFF; }

table.movnivel tr:nth-child(odd), table.movmtmo tr:nth-child(odd), table.movtutor tr:nth-child(odd),
table.movhuevo tr:nth-child(odd), table.movespecial tr:nth-child(odd), table.estadisticas tr:nth-child(odd),
table.tabmov tr:nth-child(odd), table.tabpokemon tr:nth-child(odd) { background-color:#EEEDE5; }

/* bordes a las tablas */
table.movnivel td, table.movmtmo td, table.movtutor td,
table.movhuevo td, table.movespecial td, table.estadisticas td,
table.tabmov td, table.tabpokemon td { border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6; }

table.movnivel td:last-child, table.movmtmo td:last-child, table.movtutor td:last-child,
table.movhuevo td:last-child, table.movespecial td:last-child, table.estadisticas td:last-child,
table.tabmov td:last-child, table.tabpokemon td:last-child { border-right:0; }

/* anchura de columnas */
table.movmtmo th, table.movtutor th, table.movespecial th { width:16%;}
table.movmtmo th:first-child + th,
table.movtutor th.movimiento,
table.movespecial th:first-child
	{ width:36%; }
table.movtutor th.edicion {
	width:2.5em;
}

table.movnivel th { width:2.5em; }
table.movnivel th.movimiento { width:auto; }
table.movnivel th.tipo,
table.movnivel th.clase,
table.movnivel th.concurso
	{ width:10%; }

table.movhuevo th.movimiento { width:7em; }
table.movhuevo th.tipo,
table.movhuevo th.clase,
table.movhuevo th.concurso
	{ width:75px; }

table.estadisticas th:first-child { text-align:left; width:30%; }
table.estadisticas th.caracteristica { width:7em; }
th.PE, th.base, th.maxdes, th.maxneu, th.maxfav { padding-left:10px; }

table.tabmov th.movnumero { width:60px; }
table.tabmov th.movpokemon { width:180px; }
table.tabmov th.movtipo { width:110px; }
table.tabmov th.movnivel { width:100px; }
table.tabmov td:first-child + td { width:55px; }
table.tabmov td:first-child + td + td { width:125px; }
table.tabmov td:first-child + td + td + td { width:55px; }

table.evolucion {
	text-align:center;
	margin:1em auto;
	border:1px solid #e0e0e0;
	font-size:smaller;
	line-height:1.4em;
	background:#fff;
	color:#000;
}
table.evolucion td {padding:0.2em 1em 0.2em; vertical-align:bottom;}

table.evolucion td.flecha {
	background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNTAiIGhlaWdodD0iMjgiPjxwYXRoIHN0eWxlPSJmaWxsOiNkZGQiIGQ9Im0gMCw2LjUgMzMyLDAgMCwtNi41IDE4LDE0IC0xOCwxNCAwLC02LjUgLTMzMiwwIHoiIC8+PC9zdmc+') no-repeat right center;
	color:#000;
	height:30px;
	padding:0 1.5em;
	font-size:larger;
	vertical-align:middle;
}

/*** Tablas relacionadas con los VIDEOJUEGOS (artículos, listas relacionadas) ***/
table.tabvideojuegos {
	border:1px solid #C6C6C6;
	border-bottom:0;
	border-collapse:collapse;
	font-size:90%;
	text-align:center;
	margin-bottom:1.5em;
	margin-top:5px;
	background-color:#FFFFFF;
	box-shadow:0.3em 0.3em 0.5em #ACACAD;
}

table.tabvideojuegos { line-height:22px; }

/* encabezado */
table.tabvideojuegos th { background-color:#606060; color:white; height:20px; }

/* colores alternos en celdas */
table.tabvideojuegos tr:nth-child(even) { background-color:#FFFFFF; }
table.tabvideojuegos tr:nth-child(odd) { background-color:#E9E9E9; }

/* bordes a las tablas */
table.tabvideojuegos td { border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6; }
table.tabvideojuegos td:last-child { border-right:0; }

/*** tablas de Pokémon en habilidades ***/
.habpokemon {
  border-collapse: collapse;
  text-align: center;
  font-size:90%;
  margin:auto;
  box-shadow:4px 4px 4px #ACACAD;
}

.habpokemon .encabezado {
  background: none;
}

.habpokemon .encabezado th + th, .habpokemon .habilidades th {
  background-color:#3B3B3B;
  border:1px solid #333;
  color: #fff;
  height:20px;
}

.habpokemon .encabezado a {
  color: #fff;
}

.habpokemon .habilidades {
  background: #EDEDFF;
}

.habpokemon td {
  border-right:1px solid #C6C6C6; border-bottom:1px solid #C6C6C6;
}

/*** Tablas relacionadas con los OBJETOS (artículos, listas) ***/

table.tablaobjeto {
	border:1px solid #C3C9DB;
	border-left:0;
	border-bottom:0;
	border-collapse:collapse;
	font-size:90%;
	text-align:center;
	margin-bottom:5px;
	margin-top:5px;
	background-color:#FFFFFF;
	box-shadow:0.3em 0.3em 0.5em #A4A9B8;
}

table.tablaobjeto th > a { color:white; }
table.tablaobjeto td { border-right:1px solid #C3C9DB; border-bottom:1px solid #C3C9DB; }
table.tablaobjeto td:last-child { border-right:0; }
table.tablaobjeto tr:nth-child(even) { background-color:#FFFFFF; }
table.tablaobjeto tr:nth-child(odd) { background-color:#E3EAFF; }
table.tablaobjetomt td:first-child + th + th + td + td + td + td + td { text-align:left; padding-left:5px; }

.celdaobjeto { background-color:#314A9E; color:white; }
.celdaobjeto a, .celdaobjeto a:visited { color: white; }
.celdaobjetoesquina {
	border-top:1px solid white;
	border-right:0;
	border-bottom:0;
	background: #fff;
	vertical-align: bottom;
}
.celdaobjetoesquina::before {
	content: '';
	display: block;
	margin-bottom: -5px;
	margin-left: -1px;
	margin-right: -1px;
	width: 200%;
	height: 10px;
	background: #314A9E;
	border-top-left-radius: 5px;
}
.celdaobjetoN, .celdaobjetoC, .celdaobjetoB, .celdaobjetoMT, .celdaobjetoMO { background-color:#5070D9; border-right-style:dotted !important; border-bottom-style:dotted !important; }
.celdaobjetoC { background-color:#599E31; }
.celdaobjetoB { background-color:#9E3131; }
.celdaobjetoMT { background-color:#E7C800; }
.celdaobjetoMO { background-color:#FF8300; }

.navegadorobjeto a {
	color:#002bb8;
	background-color:#E3EAFF;
	border:1px solid #C3C9DB;
	border-right-width:2px;
	border-bottom-width:2px;
	border-radius:10px 10px 0 0;
	padding:4px 12px;
}
.navegadorobjeto .selflink {
	color:white;
	background-color:#314A9E;
	border:1px solid #263A7D;
	border-right-width:2px;
	border-bottom-width:2px;
	border-radius:10px 10px 0 0;
	font-weight:bold;
	padding:4px 12px;
}
.navegadorobjeto a:hover {
	background-color:#314A9E;
	border:1px solid #263A7D;
	color:white;
	font-weight:bold;
	text-decoration:none;
}

/*** Tablas relacionadas con el ANIME (personajes, Pokémon de personajes, listas) */
/* Tabla de [[Plantilla:Metaplantilla de navegación de Pokémon de personajes]] */
table.navpa {
	width:580px;
	margin:0 auto 0;
	padding:3px;
	text-align:center;
	font-size:90%;
	border:1px solid #2C4196;
	border-radius:15px 15px 0 0;
	border-right-width:2px;
	border-bottom-width:0px;
}

table.navpa tr:nth-child(even) { background-color:#FFFFFF; }
table.navpa tr:nth-child(odd) { background-color:#EBF0FF; }

th.navpacabecera {
	background:#445AB3;
	color:white;
	font-size:105%;
	border-bottom:1px solid #2C4196;
	border-radius:10px 10px 0 0;
}

th.navpafila {
	width:120px;
	text-align:right;
	background:#445AB3;
	color:white;
	border-top:1px solid white;
	border-right:1px solid #2C4196;
}

table.navpacierre {
	width:580px;
	margin:auto;
	margin-top:-5px;
	padding:0 1px 1px 1px;
	border:1px solid #2C4196;
	border-radius:0 0 15px 15px;
	border-right-width:2px;
	border-bottom-width:2px;
	border-top-width:0px;
}

td.navpacierrefila {
	background:#445AB3;
	text-align:center;
	font-size:90%;
	border-radius:0 0 10px 10px;
}

/* Tabla de la lista en [[Lista de Pokémon por aparición en el anime]] */

table.listaaparicionanime {
	border:1px solid #C6C6C6;
	border-collapse: collapse;
	width:100%;
	font-size:90%;
}

table.listaaparicionanime th:first-child, table.listaaparicionanime th:first-child + th,
table.listaaparicionanime th:first-child + th + th, table.listaaparicionanime th:first-child + th + th + th {
	background-color:#484857;
	border:1px solid #3C3C3C;
	color: white;
}

table.listaaparicionanime td { padding-left:5px; }

table.listaaparicionanime th:first-child a, table.listaaparicionanime th:first-child + th a { color: white; }

table.listaaparicionanime tr:nth-child(even) { background-color:#FFFFFF; }
table.listaaparicionanime tr:nth-child(odd) { background-color:#EEEDE5; }

/*** Plantillas de navegación ***/
/** horizontal **/
.hnav {
	border:1px solid #aaa;
	border-spacing:0;
	font-size:90%;
	clear:both;
	margin:0.5em auto;
	padding:0.5em;
	text-align:center;
}

table.hnav th, table.hnav td {
	padding-left:.3em;
	padding-right:.3em;
}

table.hnav th {
	background:#dfdfff;
	color:#000;
}

table.hnav th + td {
	padding-left:.5em;
}

.hnav .caption, .hnav .caption th, .hnav .encabezado, .hnav .encabezado th {
	background:#ccccff;
	color:#000;
	text-align:center;
	padding:0.15em 1em;
	font-weight:bold;
	font-size:103%;
}

table.hnav.bordes td {
	border-bottom: 1px solid #dfdfff;
}
table.hnav.bordes tr:last-child > td {
	border-bottom: none;
}

/** Vertical **/

.vnav {
	float:right;
	text-align:center;
	color:black;
	background:white;
}

.vnav .titulo {
	font-size:200%;
	line-height:1.2em;
	font-weight:bold;
}

.vnav .vnav_datos {
	overflow:hidden;
	width:100%; /* Para IE: NECESARIO especificar width si overflow: hidden; ¬_¬U */
	background:white;
	color:black;
}

.vnav table {
	width:100%;
	border-collapse:collapse;
}

.vnav table.resalto tr:hover {background:#fff68f; color:#000; }
.vnav table.datos tr {border-top:1px dotted #888;}
.vnav table.datos tr:first-child {border-top:none;}

/* mobilefrontend: tablas dentro de tablas que sigan siéndolo */
.content .vnav table, .content .infobox table {
	margin: auto;
	display: table;
}

.vnav .h {font-weight:bold;}
.infobox .h {
	font-weight:bold;
	text-align:center;
	padding: 1px;
}
.infobox table.datos {
	width: 100%;
}
.infobox table.datos th {
	text-align:right;
	padding-right:5px;
}
.infobox table.datos td {
	text-align:left;
}

/* Diseño responsive de algunos div con ancho fijo */
@media only screen and (max-width: 720px) {
    .vnav {
    	width: 100% !important;
    	float: none;
    	margin-left: 0 !important;
    	margin-right: 0 !important;
    }
    .otrosdatos {
    	width: 95% !important;
    }
    .small-clear {
    	clear:both;
    }

	/* Tabla flexible */
	.tfx, .tfx > tbody, .tfx > tbody > tr > th, .tfx > tbody > tr > td {
		display:block;  
	}
	.tfx .tfx-hid {
		display: none;
	}
	.tfx > tbody > tr {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
	}
	.tfx > tbody > tr > th, .tfx > tbody > tr > td {
		flex: 1;
	}
	.tfx .tfx-fw {
		box-sizing: border-box;
		flex: 1 0 100%;
		max-width: 100%;
	}
	
	/* Imagenes en float sin borde, quitamos el float (usado en índice de guías como la de RFVH) */
	.content .floatright {
		float: none;
		margin: auto;
		text-align: center;
	}
	
	/* Las fórmulas matemáticas son imágenes y no se pueden scrollear */
	.mwe-math-element {
		display: inline-block;
		max-width: 100%;
		overflow-x: auto;
	}
}
/* Emulación de tablas con div (sub-división de celdas dentro de otra celda) */
.emu-fila {
	display:flex;
	justify-content: space-around;
	align-items:center;
	border-bottom: 1px solid #C0C0C0;
}
.emu-fila:last-child {
	margin-bottom:-1px;
}
.emu-fila > .emu-celda {
	display:inline-block;
}
.emu-fila > .emu-celda:first-child {
	border-right: 1px solid #C0C0C0;
}

/* margen general emulación tabla con borde del color de fondo */
.cntmrgn {
	padding: 1px;
}
.cntmrgn .cnt {
	margin: 1px;
}
.cntlight .cnt {
	background-color: #fff;
}

/* Padding general */
.cntpad .cnt {
	padding: 2px;
}

/* texto centrado */
.center-text {
  text-align: center;
}

/* div centrado vertical emulando el vertical-align de una celda con flex */
.centrado-vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* border-box general */
.border-box * {
	box-sizing: border-box;
}

/*** Bordes redondos ***/
/* Adaptación de skins slate/smoke de Wikia */
.rbox { margin:0; background:transparent; }
.rbox span.xtop, .rbox span.xbottom {display:block; font-size:1px;}
.rbox b.xb1, .rbox b.xb2, .rbox b.xb3, .rbox b.xb4 {display:block; overflow:hidden;}
.rbox b.xb1, .rbox b.xb2, .rbox b.xb3 {height:1px;}
.rbox b.xb1 {margin:0 5px;}
.rbox b.xb2 {margin:0 3px;}
.rbox b.xb3 {margin:0 2px;}
.rbox b.xb4 {height:2px; margin:0 1px;}
/* Fin adaptación */

/* Otros bordes redondos con CSS */
.radius10 {
	border-radius:10px;
}

.radius10 .radiusinnertl {
	border-top-left-radius:8px;
}

.radius10 .radiusinnertr {
	border-top-right-radius:8px;
}

.radius10 .radiusinnerbl {
	border-bottom-left-radius:8px;
}

.radius10 .radiusinnerbr {
	border-bottom-right-radius:8px;
}

/* Fondos asociados a tipos */
.ctipo	{color:#000;}
.tipo1-Normal .ctipo {background:#ddccaa; border-color:#C4B597;} h1.tipo1-Normal {border-color:#C4B597;}
.tipo2-Volador .ctipo {background:#baaaff; border-color:#a99be6;} /* Después de .tipo1-Normal para pillar Normal/Volador pero no Agua/Volador, etc. */ h1.tipo2-Volador {border-color:#a99be6;}
.tipo1-Agua .ctipo {background:#b0e2ff; border-color:#9ECBE6;} h1.tipo1-Agua {border-color:#9ECBE6;}
.tipo1-Bicho .ctipo {background:#99cc33; border-color:#86B32D;} h1.tipo1-Bicho {border-color:#86B32D;}
.tipo1-Eléctrico .ctipo {background:#ffd700; border-color:#E6C100;} h1.tipo1-Eléctrico {border-color:#E6C100;}
.tipo1-Fuego .ctipo {background:#ff7f00; border-color:#D96C00;} h1.tipo1-Fuego {border-color:#D96C00;}
.tipo1-Lucha .ctipo {background:#ff6a6a; border-color:#E65F5F;} h1.tipo1-Lucha {border-color:#E65F5F;}
.tipo1-Planta .ctipo {background:#99ff66; border-color:#82D957;} h1.tipo1-Planta {border-color:#82D957;}
.tipo1-Volador .ctipo {background:#baaaff; border-color:#a99be6;} h1.tipo1-Volador {border-color:#a99be6;}
.tipo1-Acero .ctipo {background:#cccccc; border-color:#B3B3B3;} h1.tipo1-Acero {border-color:#B3B3B3;}
.tipo1-Dragón .ctipo {background:#ab82ff; border-color:#916ED9;} h1.tipo1-Dragón {border-color:#916ED9;}
.tipo1-Fantasma .ctipo {background:#778899; border-color:#637180;} h1.tipo1-Fantasma {border-color:#637180;}
.tipo1-Hielo .ctipo {background:#add8e6; border-color:#A3CCD9;} h1.tipo1-Hielo {border-color:#A3CCD9;}
.tipo1-Psíquico .ctipo {background:#ffb5c5; border-color:#E6A3B1;} h1.tipo1-Psíquico {border-color:#E6A3B1;}
.tipo1-Roca .ctipo {background:#cd853f; border-color:#B37437;} h1.tipo1-Roca {border-color:#B37437;}
.tipo1-Siniestro .ctipo {background:#a9a9a9; border-color:#8F8F8F;} h1.tipo1-Siniestro {border-color:#8F8F8F;}
.tipo1-Tierra .ctipo {background:#deb887; border-color:#C4A377;} h1.tipo1-Tierra {border-color:#C4A377;}
.tipo1-Veneno .ctipo {background:#cc88bb; border-color:#b078a1;} h1.tipo1-Veneno {border-color:#9A75E6;}
.tipo1-Hada .ctipo {background:#ffb0ff; border-color:#E79FE7;} h1.tipo1-Hada {border-color:#E79FE7;}
.tipo1-Oscuro .ctipo {background:#775577;}
.tipo1-Descon .ctipo {background:#68a090;}

/* box interno */
.rbox .rboxint {padding:4px;}/* Ancho borde */
.rbox .rboxint .xtop b, .rbox .rboxint .xbottom b {
	background:white;
	color:black;
}

/* Estilo de guías */
div.guia {
	padding: 0.5em;
	margin: 0;
	border: 1px solid #FFCA2B;
	border-radius: 15px 15px 20px 20px;
	background-color:#FFFAD9;
	color: #000;
	box-shadow: 0.1em 0.1em 1em #FFCA2B;
}
.mw-parser-output div.guia h2 {
	font-family:'Trebuchet MS', 'Times New Roman', serif;
	font-size:175%;
	letter-spacing:2px;
	text-indent: 10px;
	margin:-10px 0 10px;
	border-bottom:1px solid #FFCA2B;
}
div.guia h2 span.titulo {
	display:block;
	border-radius: 12px 12px 0 0;
	color: #FFF;
	background-color:#FFCA2B;
	width:250px;
	padding:5px 3px 3px;
	margin-bottom:-4px;
	box-shadow: 0.1em 0.1em 1em #FFCA2B;
}
div.guia h2 span.titulo a {
	color: #fff;
}

/*** [[Plantilla:Cuadro Movimiento]] ***/
div.cuadro_movimiento {width:19em;}
div.cuadro_movimiento table.datos th {text-align:right;}
div.cuadro_movimiento .afectado .h, .cuadro_movimiento .gen3 .h, .cuadro_movimiento .gen4 .h {background:#dcdcdc; color:#000;}
div.cuadro_movimiento .afectado table td {padding:0 1em;}

/* Plantilla plegable */
span.plegable-ctrl {float:right; font-weight:normal; font-size:90%; padding:0 0.5em; cursor:pointer;}
table.hnav.plegable .caption th .plegable-ctrl, table.hnav.plegable .encabezado th .plegable-ctrl {margin-right:-1em;}
/* por ajustes mobile */
table.plegable {display: table !important;}

/* Plantilla:SVG activo */
.svg-enabled { display:none; }
/* Estilos de [[Plantilla:Navegador]] */
#navegador {
	font-size:90%;
	position:absolute;/*B/C, pendiente quitar*/
	left:1em;
	top:0.4em;
	color:#888888;
}
.mw-indicator #navegador {
	position: static;
}
#mw-indicator-aa-0-navegador {
	position: absolute;
	left: 1em;
}

body.ns-10.action_view #navegador { display:none }

#navegador a { color:#0052A3; }
#navegador a:hover { color:#008000; text-decoration:none; }

#siteNotice:not(:empty) { margin-top:1em; }

/* Estilo de la barra de nuevos mensajes */

.usermessage {
	background:#ffce7b url('https://images.wikidexcdn.net/mwuploads/wikidex/5/50/latest/20100401155413/Fondo_de_nuevos_mensajes.png') no-repeat left;
	padding-left:87px;
	box-shadow:0 0 0.5em #ffce7b;
	border-radius:5px;
}

/* Navegador de {{Cuadro Pokémon}} */

h1.navcp { margin-top:8px !important; line-height:1.2em !important; }

h1#firstHeading .navtitulo {
	border-radius:10px 10px 0 0;
	padding:2px 14px 1px 10px;
	border-width:2px 2px 1px;
	border-style:solid;
}

h1#firstHeading .navprev, h1#firstHeading .navnext {
	border-width:1px;
	border-style:solid;
	padding:3px 16px 4px 12px;
	font-size:55%;
	margin-left:-1px;
	line-height:10px;
}

h1#firstHeading .navnext {
	border-radius:0 10px 0 0;
}

h1#firstHeading span a { color:#001E8C; }
h1#firstHeading span a:hover { text-decoration:none; }

/*** Páginas de categorías (ns14) ***/
/* TOC */

ul#categorytoc, ul#filetoc {
	border:2px solid #555;
	border-radius:10px;
	background:#666;
	background:linear-gradient(to bottom, #666, #444);
	box-shadow:0.1em 0.1em 0.5em 0.01em #303030;
	color:#fff;
	font-size: 95%;
	margin-bottom: 0.5em;
	margin-left: 0;
	margin-right: 0;
	padding: 5px;
	padding-top: 3px;
	text-align: center;
}

#categorytoc li, #filetoc li {
	display: inline;
	list-style-type: none;
	padding-right: 8px;
	padding-left: 8px;
}

#categorytoc li a, #filetoc li a { color:#fec423 !important; }

/* sexta gen. Ocultar enlaces rotos de imágenes temporalmente */
.cuadro_pokemon .datos a.new[rel=nofollow], .otrosdatos a.new[rel=nofollow] {
	display: inline-block;
	overflow: hidden;
	width: 18px;
	height: 18px;
	text-indent: -1000px;
	background: url('https://images.wikidexcdn.net/mwuploads/wikidex/thumb/5/55/latest/20080814145507/Desconocido.png/18px-Desconocido.png') no-repeat center center;
}

/* AbuseFilter, prevenir valores excesivamente grandes */
div.mw-abuselog-var-value { max-width: 1024px; }

/* Quitar margen sup/inferior de gallery mode=slideshow */
ul.gallery.mw-gallery-slideshow {
	margin: 0;
}
/* Quitar margen derecho de gallery heredado de ul */
ul.gallery {
	margin-left: 0;
}
/* cookiewarning */
.mw-cookiewarning-container {
	top: auto;
	bottom: 0;
	background-image: url('https://images.wikidexcdn.net/mwuploads/wikidex/f/fd/latest/20110130122312/Galleta_lava_%28Dream_World%29.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 100px;
}

/* Label de resumen de edición al lado del texto y no arriba */
#wpSummaryLabel > .oo-ui-fieldLayout-body {
	display: flex;
}
#wpSummaryLabel > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
	flex: 0 1 auto;
	padding-right: 1em;
}
#wpSummaryLabel > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
	flex: 1 1 auto;
}

/* Navegador */
#navegador ol, #navegador li {
  display: inline;
  margin: 0;
}

/* Caja flexible */
.cajaflexible {
	display: flex; 
	flex-flow: row wrap;
	justify-content:center;
	margin:auto; 
	max-width: 1000px;
}

/* Separación entre contenedores de vídeos */
.thumb.video {
	margin: 5px 5px 0 0;
}
/* Devolver los márgenes si está alineado la derecha */
.thumb.video.tright {
	margin: 0.5em 0 1.3em 1.4em;
}

/* Clase CSS para imágenes, evitar que se agranden si se especifica un tamaño superior al tamaño original de la imagen. Usado en Plantilla:O */
img.noagrandar {
	object-fit: scale-down;
}

/* Ocultar el ID de encuesta de las encuestas */
.ajaxpoll-id-info { display:none; }

/* Destacar la pregunta del captcha */
label[for="wpCaptchaWord"], #userlogin2 label + .mw-input {
    color:red;
}

/* Cambios recientes, ajustes para aprovechar el espacio */
@media screen and (max-width: 550px) {
  .mw-rcfilters-ui-changesListWrapperWidget-highlighted .mw-rcfilters-ui-highlights:not(.mw-enhanced-rc-nested) {
    position: absolute;
    margin-left: 0;
    margin-top: -6px;
  }

  .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
    margin-left: 0;
    margin-top: 10px;
  }
}

@media only screen and (min-width: 721px) {
	.float-largescreen {
		float:right;
		clear:right;
	}
}

/* El código CSS de esta página proviene de WikiDex.net. Para los autores del mismo, ver el historial de https://www.wikidex.net/wiki/MediaWiki:Common.css. Favor de mantener este mensaje si copian el código a otro wiki. */
/* </pre> */
Obtenido de «https://www.wikidex.net/index.php?title=MediaWiki:Common.css&oldid=3099102»