MediaWiki:Common.css

/*<pre><nowiki>
El CSS añadido aquí afectará a todas las pieles

Para actualizar los cambios de forma rápida, abre la siguiente direccion:
http://inciclopedia.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;
  color:#008;
  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;
}


/*
---------------------
LOGOS DE LOS ESPACIOS
---------------------
Cambiamos el logo de los distintos espacios.
Chuleta (Sus respectivas discusiones son sumando 1):
0 -> Principal     6 -> Imagen      12? -> Ayuda
2 -> Usuario       8 -> Mediawiki   112 -> Incinoticias
4 -> Inciclopedia  10 -> Plantilla  114 -> Incitables

Uso:
  body.ns-<número> #p-logo a { background-image:url( <imagen> ) !important; }
*/

body.ns-112 #p-logo a { background-image: url(/images/c/c9/ChixpyLogoIncinoticias.png) !important; }
body.ns-113 #p-logo a { background-image: url(/images/c/c9/ChixpyLogoIncinoticias.png) !important; }
body.ns-116 #p-logo a { background-image: url(/images/7/78/Logo_patataboy.png) !important; }
body.ns-117 #p-logo a { background-image: url(/images/7/78/Logo_patataboy.png) !important; }

/*
-----
CITAS
-----
*/
.textocita{
  background: transparent;
  font-family: "Palatino Linotype", Garamond, "Times New Roman", serif;
  padding: 0 1ex 1ex 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%;
}

/*
------------------------------------
ESTILO PARA LAS LETRAS DE LOS ATUNES
------------------------------------
*/
.LetraaTunes {
  text-align: center;
  font-style: italic;
}

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

/*
-------
Flechas
-------
Usadas para la tabla de evolución de los pokemones.
Traido de [[w:c:es.pokemon:mediawiki:common.css]].
*/
table.evolucion td.flecha {
	background: url('http://images.wikia.com/es.pokemon/images/0/0e/Flecha_derecha.gif?1') no-repeat right center;
	color:#000;
	height:30px;
	padding: 0 1.5em;
	font-size:larger;
	vertical-align:middle;
}

/*
--------------------------------------------------------------------------------
                    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
---------------------------
Añadimos un suave borde con aires contemporáneos y estilo goyesco
que rememora el arte de Picasso en su punto más álgido */
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;
}
/*
--------------
IMÁGENES THUMB
--------------
Quitamos el borde, y por tanto el color blanco que aparecía alrededor de los
thumb
*/
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;}

/*
-----------
TABLABONITA
-----------
Bueno en verdad es medio chapado de WP,
ya que lo que hago aquí es traerlo al CSS
en vez de ponerlo a la plantilla.
*/
.tablabonita {
  margin: 0.5em 0.5em 0.5em 1em;
  padding: 0.5em;
  background: #f9f9f9;
  color:black;
  border: 1px #aaa solid;
  border-collapse: collapse;
  font-size: 95%;
}

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

/*
-------------
BOTON DESHACER
--------------
Eliminamos el botón deshacer, con uso de javascript los usuarios registrados
lo volverán a ver.
*/
.mw-history-undo { display: none; }
#mw-diff-ntitle1 a + a + a { display: none; }

/*
----------------------
ESTILOS PARA LA PORTADA
----------------------
Quitamos el encabezado y las categorías
*/

body.page-Inciclopedia_Portada .firstHeading {display:none !important; ; }
body.page-Inciclopedia_Portada #catlinks {display:none !important; ;}

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

EXPERIMENTAL
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"
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
  *Añadido para que también se centren las cabeceras

Nota
  Para que funcione bien todas las celdas de una fila deben ser celdas normales.
*/

table.col1der TD:first-child { text-align:right; }
table.col1izq TD:first-child { text-align:justify; }
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:justify; }
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:justify; }
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:justify; }
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:justify; }
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:justify; }
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:justify; }
table.col7cen TD:first-child + TD + TD + TD + TD + TD + TD { text-align:center; }

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


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

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


/*
--------------------------------------------------------------------------------
                               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 <span>

Un ejemplo de uso:
  <span class="textovisible">Esto lo ves
  <span class="textooculto">Esto no lo veías</span></span>

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; border: 1px solid #aaa; padding: 5px;}

/*
Variación hecha por [[user:Chixpy]] para poder hacer menús.
Para mayor comodidad se ha creado [[plantilla:Menú]].
*/
.menuoculto { display: none }
.menuvisible:hover .menuoculto { display: block !important; border: 1px solid #aaa; padding: 5px;}

/*
----------------
PLANTILLA:TÍTULO
----------------
Traido de Uncyclopedia.

Sirve para Poder poner un título personalizado en las páginas

Comentario Original:
This is to force title-left, title-right, and Title-center to display only
in the default skin -Spl
*/

#titlehack { display:inline !important; }

/*</nowiki></pre>*/
/* test */