/*

El CSS añadido aquí afectará a todas las pieles

Para actualizar los cambios de forma rápida, abre la siguiente direccion:
http://videojuego.wikia.com/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000
Y refresca/recarga dicha página

---------------
FORMATO DE FORO
---------------
Forum formatting -Algorithm & -Splaka
*/
.forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; }
.forumlist td span { display: block; padding-left: 10px; font-size: smaller }
.forumlist td span a { text-decoration: none; }
.forumlist td span.forum_author { padding-left: 30px; }
.forumlist td.forum_edited a { text-decoration: none }
.forumlist td.forum_title a { padding-left: 20px; }
.forumlist td.forum_title span a { padding-left: 0px }
.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/1/11/Newmsg.png) center left no-repeat; padding-left: 20px; }
.forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; }
.forumlist th.forum_title { padding-left: 20px; }
.forumborder { border-collapse: collapse }
.forumborder td { border-top: solid #aaa 1px }


/*
----------------------
FORMATO DEL CALENDARIO
----------------------
*/
.upcoming_events { border: 1px solid #aaa; }
.upcoming_events h4 { text-align: center; }
#add_event_form label { font-size: small; font-weight: bold; }
#add_event_form input, #add_event_form textarea { margin-bottom: 4pt; }
#add_event_form_error { background-color: #ffffb3; margin-bottom: 1em; padding: 5pt; border: 1px solid #cc0; }
#upload_form_help { margin-top: 1em; }
#upload_form_category_example { background: none; border: none; margin-top: 0; margin-bottom: 0; }
#add_event_form .help_text { width: 70%; font-size: smaller; }

/*
-----------------
CREDITOS DE WIKIA
-----------------
Los créditos de wikia son puestos automáticamente por los bots porque wikia
los ha añadido a las páginas de exportación.

De esta forma al menos no se verán...
*/
#wikia-credits {display: none;}

/*
----------------------
ESTILOS PARA LA PORTADA
----------------------
Quitamos el encabezado y las categorías
*/
.page-Portada .firstHeading {display:none;}
.page-Portada #catlinks{display:none;}

.CajaPortada {
  padding: 1ex;
  border: 1px #add8e6 solid;
  text-align: center;
  vertical-align: top;
}

.TituloPortada {
  background-color: #add8e6;
  color: black;
  padding: 1ex;
  font-size: 12pt;
  font-weight: bold;
}

/*
--------------------------------------------------------------------------------
                           CLASES CSS DE FORMATO
--------------------------------------------------------------------------------

-----------------------------
MENSAJES DE AVISO DEL SISTEMA
-----------------------------
*/
.aviso{
  background:#ffd;
  font-variant: small-caps;
  padding:0 .5em;
}


/*
-----------------------------
MENSAJES DE ERROR DEL SISTEMA
-----------------------------
*/
.error {
  background:#f00;
  color:white;
  font-variant: small-caps;
  padding:0 .5em;
}


/*
--------------------------------------------------------------------------------
                    FORMATO DE ELEMENTOS COMUNES (ORIGINAL)
--------------------------------------------------------------------------------

--------------------
TEXTO CON FORMATEADO
--------------------
Hacemos que salga la barrita para el texto preformateado en caso de que no entre.
*/
pre { overflow:auto; }



/*
---------------------------
CÓDIGO DENTRO DE UN PÁRRAFO
---------------------------
*/
code {
  border: 1px solid #ddd;
  padding: 0 3px;
}

/*
------------------------------
LISTAS DENTRO DE LOS ARTÍCULOS
------------------------------
Cuando se pone algo a la izquierda (thumb, imagen, div, etc), las listas se ven mal
*/
#content ol, #content ul {
  list-style-position: inside;
}

/*
--------------
IMAGENES THUMB
--------------
Quitamos el borde, y por tanto su color blanco
*/
div.thumb { border:none; background: transparent;}

.tright { margin-left: 1em;}
.tleft { margin-right: 1em;}


/*
------------------------------------------
JUSTIFICACIÓN DE LOS PÁRRAFOS DEL ARTÍCULO
------------------------------------------
*/
#article, #bodyContent { text-align: justify; }


/*
--------------------------
ENLACES A ARTÍCULOS CORTOS
--------------------------
Esto sirve para definir otro color a los enlaces a artículos
cuyo tamaño es inferior al definido en preferencias.

Para hacer uso de ello deber ir a [[special:preferences]],
menú "miscelánea"
y en "Umbral para mostrar esbozos" escribir el tamaño (en bytes).
*/
a.stub{ color:magenta; }


/*
--------------------
GALERÍAS DE IMÁGENES
--------------------
Centramos la tabla que las contiene.
*/
table.gallery {margin:0 auto;}


/*
-----------
REFERENCIAS
-----------
Esto cambia el estilo de las notas al pie.
*/
ol.references {
  font-size: 90%;
}

/* Para que no sea una inmensa*/
@media screen, projection {
  ol.references {
    height: auto;
    max-height: 200px;
    overflow:auto;
  } 
}

/* Cuando se pulsa sobre una se coloree la referencia. */

ol.references > li:target {
 background-color: #ddf;
}

/*
--------------------------------------------------------------------------------
                      FORMATO PARA ALGUNAS PLANTILLAS
--------------------------------------------------------------------------------

---------------
PLANTILLA:ICONO
---------------
Posicinamiento de la plantilla icono para todos los Quartz,
debe redefinirse en cada una de las pieles clásicas
*/
.plantilla_icono{
  position:absolute;
  z-index:100;
  right:5px;
  top:5px;
}


/*
---------------------
PLANTILLA:TABLABONITA
---------------------
Formato de las tablas bonitas
*/
.tablabonita {margin: 0em auto;
  padding: 0.5em;
  background: #f9f9f9;
  color:black;
  border: 1px #aaa solid;
  border-collapse: collapse;
  font-size: 95%;
}

.tablabonita th {
  background: #f0f0ff;
  color:black;
  text-align:center;
}

/*
--------------
PLANTILLA:CITA
--------------
*/
.textocita{
  background: transparent;
  font-family: "Palatino Linotype", Garamond, "Times New Roman", serif;
  padding: 0 1ex 2ex 1ex;
  margin: 0;
  font-style: italic;
  font-size: 120%;
}
.autorcita{
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0 1ex 0ex 1ex;
  margin: 0;
  font-style: normal;
  font-size: 70%;
}

/*
--------------------------------------------------------------------------------
                               CHAPADO DE WIKIPEDIA
--------------------------------------------------------------------------------
Estas modificaciones son copiadas de Wikipedia

-------------------------------
ESTILOS DE COLUMNAS PARA TABLAS
-------------------------------
Define estilos para la alineación del texto según las columnas en las tablas.
Traido de [[wikipedia:es:mediawiki:common.css]].

La idea es, que 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"
o
  {| {{tablabonita|alineación = col1der col2cen col3izq}}

Así no hay que repetir en cada celda:
 style='text-align:right'", etc,

Modificado por Chixpy:
  * Aumentado el número de columnas a 7
  * Cambiada la alineación izquierda por una justificada
  * EXPERIMENTAL: La primera columna dela fila puede ser una celda de encabezado,
     mientras las demás son celdas normales

Nota
  Para que funcione bien todas las celdas de una fila deben ser del mismo tipo
    (celdas de título o celdas normales) o solo la primera columna de la fila
    ser una celda de encabezado y las demás normales
    
*/

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

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

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

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

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

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

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


/*
------------------------
REDIRECCIONES EN CURSIVA
------------------------
Mostrar las redirecciones en cursiva en páginas como [[special:allpages]]
*/
.allpagesredirect {font-style: italic;}


/*
--------------------
BLOQUES DESPLEGABLES
--------------------
Usado para la plantilla [[Plantilla:desplegable]]
y demás bloques desplegables.
*/
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 2px;
        border: 1px solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        background-color: #f0f0ff; 
        color:#000;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        margin: 0px;
        padding: 2px;
        float: right;
        z-index:100;
        font-weight:normal;
        font-size:smaller;
}


/*
----------------
FONDO AJEDREZADO
----------------
Fondo ajedrezado para las imágenes transparentes en su descripción
Habría que traer la imagen...

Put a checker background at the image description page only visible
   if the image has transparent background
*/

#file img {
  background: url(http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
}

/*
------------------
CATEGORÍAS
--------------------
Definimos un tamaño máximo.
*/
div.catlinks {
  max-height: 200px;
  overflow: auto;
}
/*

--------------------------------------------------------------------------------
                               CHAPADO DE UNCYCLOPEDIA
--------------------------------------------------------------------------------

----------------
TEXTO EXPANSIBLE
----------------
Estas dos clases hacen que un texto oculto sea visible
y se expanda al poner el ratón sobre otro texto.

NOTA:
  Solo sirve para elementos de un mismo bloque de texto,
  es decir por ejemplo 

Un ejemplo de uso:
  Esto lo ves
  Esto no lo veías

Para mayor comodidad se ha creado [[plantilla:expansible]]
*/

/* allows for expanding hidden sig sections (experimental) -Dawg */
.textooculto { display: none }
.textovisible:hover .textooculto { display: inline !important; position:absolute; background:white; color:black;}

/*
Variación hecha por [[user:Chixpy]] para poder hacer menús.
Para mayor comodidad se ha creado [[plantilla:Menú expansible]].
*/
.menuoculto { display: none }
.menuvisible:hover .menuoculto { display: block !important }

/*
*/