MediaWiki:Common.css

Nota: después de guardar, quizás necesite refrescar la caché de su navegador para ver los cambios.

• Firefox / Safari: Mantenga presionada Mayús mientras pulsa el botón Actualizar, o presione Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Mayús+R en Mac)
• Internet Explorer: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
• Konqueror: pulse Recargar o presione F5
• Opera: vacía la caché en Herramientas → Preferencias

/* Los estilos CSS definidos aquí se aplicarán a todas las pieles (skins) */

/*** Esconder PESTAÑAS ***/

/* EN ANÓNIMOS */


/*En grupos*/
.ns-0 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en Páginas de contenido*/
.ns-12 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en Grupo "Ayuda"*/
.ns-4 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en el Grupo "Proyecto"*/
.ns-6 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en el Grupo "Imágenes"*/
.ns-6 #ca-history { display: none !important; } /*Quita pestaña de historial en el Grupo "Imágenes"*/
.ns-8 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en Grupo "Mediawiki"*/
.ns-10 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en Grupo "Plantillas"*/
.ns-14 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en Grupo "Categorías"*/
.ns-3000 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en el Grupo "Magazine"*/
.ns-4000 #ca-talk { display: none !important; } /*Quita pestaña de comentarios en el Grupo "Magazine"*/


/*En una página concreta */
body.page-Página_de_Portada #ca-delete { display: none !important;}
body.page-Página_de_Portada #ca-nstab-main { display: none !important;}
body.page-Página_de_Portada #ca-move { display: none !important;}

/*** Esconder el título y el subtítulo de páginas concretas ***/
body.page-Cronología_de_los_siglos_XX_y_XXI #firstHeading {display:none; border-bottom: 0px; margin-bottom: 0px;}
body.page-Cronología_de_los_siglos_XX_y_XXI #siteSub {display:none; margin-bottom: 0px;}
body.page-Cronología_del_siglo_XXI #firstHeading {display:none; border-bottom: 0px; margin-bottom: 0px;}
body.page-Cronología_del_siglo_XXI #siteSub {display:none; margin-bottom: 0px;}
body.page-Página_de_Portada #firstHeading {display:none; border-bottom: 0px; margin-bottom: 0px;}
body.page-Página_de_Portada #siteSub {display:none; margin-bottom: 0px;}

/*** COLORES: Cambios de fondos ***/

/**Por grupos:**/

/*Páginas de contenido*/
.ns-0 #globalWrapper, .ns-1 #globalWrapper { background-color: #FFFFFF; }
.ns-0 #footer, .ns-1 #footer { background-color: #FFFFFF; }

/*Usuarios*/
.ns-2 #globalWrapper, .ns-3 #globalWrapper { background-color: #E6E6FA; }
.ns-2 #content, .ns-3 #content { background-color: #F0F8FF; }

/*Proyecto*/
.ns-4 #globalWrapper { background-color: #E6E6FA; }

/*Imágenes*/
.ns-6 #globalWrapper, .ns-7 #globalWrapper { background-color: #FFFFFF; }
.ns-6 #content, .ns-7 #content { background-color: #FFFFFF; }

/*Mediawiki*/
.ns-8 #globalWrapper, .ns-9 #globalWrapper { background-color: #C1CDCD; }
.ns-8 #content, .ns-9 #content { background-color: #E0EEEE; }

/*Plantillas*/
.ns-10 #globalWrapper, .ns-11 #globalWrapper { background-color: #FFFFFF; }
.ns-10 #content, .ns-11 #content { background-color: #FFFFFF; }

/*Ayuda*/
.ns-12 #globalWrapper { background-color: #EEE9E9; }

/*Urbipedia Magazine*/
.ns-3000 #content, .ns-3001 #content { background-color: #F5DEB3; } /* zona del texto de la página*/
.ns-3000 #globalWrapper, .ns-3001 #globalWrapper { background-color: #F5DEB3; } /*fondo externo a la zona de texto. No incluye el interior de los cuadros de selección*/

/*UMA*/
@media screen {
.ns-4000 #content, .ns-4001 #content { background-color: #F5DEB3; }
.ns-4000 #globalWrapper, .ns-4001 #globalWrapper { background-color: #F5DEB3; }
}
.ns-4000 #firstHeading {display:none; border-bottom: 0px; margin-bottom: 0px;}
.ns-4000 #siteSub {display:none; margin-bottom: 0px;}

/*** COLORES: Otros cambios ***/

/*Rectángulo de categorías*/
#catlinks { background-color: #DCDCDC; }

/*Colores especiales en links :<span class="linkverde">[[ ]]</span>*/
.linkverde a { color:#008B00; }
.linkverde a:visited { color:#008B00; }
.linkverde a.new { color:#CC2200 !important; }

/*<span class="linkgris">[[ ]]</span>*/
.linkgris a { color:#8e9091; }
.linkgris a:visited { color:#8e9091; }
.linkgris a.new { color:#8e9091 !important; }

/*Colores de cuadros de previsualización*/
#wpPreview {
background: grey;
border: 2px #FFFFFF solid;
color: #FFFFFF;
font-weight: bold;
padding: 3px 5px;
}
#wikiPreview {
border: 1px grey solid !important;
padding: 0;
background: #F5F5DC;
}
.previewnote {
color: #8D1425;
font-size: 110%;
}

/*** SIDEBAR ***/
/*Preparar elemento para cambiar el orden de sus hijos*/
#sidebar {
  display: flex;
  flex-direction: column;
}
/*Mover caja de busqueda para arriba*/
#sidebar > div:not(#p-search) {
  order: 1;
}

/*Cambiar color de fondo y tamaño de caja de búsqueda de texto*/
#p-search .pBody { background-color: #DCDCDC; }
#searchBody #searchInput { width: 11.6em; height: 2.6em; }

/*Quitar la opción "Versión para imprimir" */
#t-print { display: none; }

/*Quitar opciones en el apartado de "herramientas" */
#t-upload { display: none; }
#t-recentchangeslinked { display: none; }

/*** TIPOGRAFÍA ***/

* {font-family:arial} /*Estilo de tipografía adoptado para todos los textos*/
sup, sub {   line-height: 1em; } /*Arregla problemas de interlineado cuando se usa <sup> y <sub> */

/* tipografía para títulos de artículos: */
#content h1 { color: #014e78; }
#content h2 { color: #033b59;}

/* tipografía de pestañas superiores*/
#p-cactions .pBody { font-size: 11px;  }
/* tipografía de pies de página*/
div#footer ul li { color: #5a7425; font-size: 10px; font-family: "arial"; }

/*** JUSTIFICACIÓN DE PÁRRAFOS***

 * @source mediawiki.org/wiki/Snippets/Paragraph_justification
 * @revision 1.0 (2014-02-06)
 * @author MediaWiki
 */
#article, #bodyContent, #mw_content { text-align: justify; }

/*** IMÁGENES ***/

/*Permitir ajuste de imágenes al ancho de pantalla poniéndolas entre <div> imagen </div>*/
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }


/*** PANTALLA e IMPRESIÓN: Visualizar y ocultar partes del documento ***/

@media screen {
        .onlyinprint {display: none; } 
        .noscreen { display: none; }
         }

@media print  {  
       .noprint  { display: none; }
        }

/*** AVISOS ***/
/* Aviso en espacios de trabajo de usuarios */
body.ns-2 #contentSub > span.subpages:before,
.ns-3 #contentSub > span.subpages:before {
   content: " ¡Atención! Este no es un artículo, sino un espacio personal de usuario. ";
   background: #ADD8E6;
   border: 2px solid #436EEE;
   display: block;
   text-align: center;
   color: black;
   margin-bottom: 2mm;
   line-height: 120%;
}

/* Aviso de redirección en la Página especial "Todas las páginas" Especial:Todas */
.allpagesredirect:after { color: #808080; content: " (redirección)" }

/* Historial de artículos: Marca las versiones que se comparan */
#pagehistory li.selected {
	background-color:#CDC9C9;
	border: 1px dashed #aaa;
}
  
/** Cajas de aviso son blancas y con
 * una cinta de color en la parte superior  */
table.ambox {
    margin: 0 7% .8em; /* https://es.wikipedia.org/?diff=80119206 */
    border-collapse: collapse;
    background-color: #fbfbfb;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    font-size: 95%;
}

table.ambox th.ambox-text, table.ambox td.ambox-text {
    padding: 0.25em 0.5em; /* 0.5em left/right */
    width: 100%; /* Make all templates the same width regardless of text size */
}
table.ambox .ambox-image {
    padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
    text-align: center;
}
table.ambox .ambox-imageright {
    padding: 2px 0.5em 2px 0;  /* 0px left, 0.5em right */
    text-align: center;
}
.ambox-notice {border-top: 5px solid #608EC2}  /* Azul */
.ambox-protection {border-top: 5px solid #bba} /* Gris */
.ambox-delete,
.ambox-serious {border-top: 5px solid #b22222} /* Rojo */
.ambox-content {border-top: 5px solid #f28500} /* Naranja */
.ambox-style {border-top: 5px solid #f4c430}   /* Amarillo */
.ambox-merge {border-top: 5px solid #8c08a4}   /* Purpura */
.ambox-growth {border-top: 5px solid #47a30d}  /* Verde */

.ambox.ambox-mini { /* Versión pequeña flotante */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}

/* Ciertas cajas para discusión que NO son ambox (no tienen cinta de color)
    por ejemplo, la caja grande de artículo destacado */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 90%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}

/*** TABLA DE CONTENIDOS TOC ***/
/*Eliminar la numeración*/
.nonumtoc, .tocnumber {	display: none; }

/* Borde y fondo de la caja */
.toc,#toc {
font-size: 85%;
background-color: #CDC9C9;
	border: 1px solid #CDC9C9;
	border-collapse: separate;
	margin: 1em 0;
	padding: 5px;
}

/*** GOOGLE MAPS ***/
/* fix google maps little man in responsive skin */
.gm-style img {
    max-width: none;
}

/*** CSSs de página de portada ***/
.portada1 {background:#FFF5EE; position:absolute; top:-35px; left:-154px; z-index:-3}
.portada2 {position:absolute; bottom:10px; left:-120px; z-index:-3}
.twitter {position:absolute; bottom:40px; right:14px; z-index:-3}

/*** CSS de Plantilla de documentación ***/
.template-documentation {
   clear: both;
   margin: 1em 0 0 0;
   border: 1px dotted #8BCBFF;
   background-color: #EEF9FA;
   padding: 0.9em;
}

#bodyContent .mw-editsection plainlinks {
	background: none !important;
	padding: 0 !important;
	color: #002bb8 !important;
}

/* ***** ***** TimelineTable ***** ***** */
table.tl_table{
        border-width: thin;
        border-spacing: 2px;
        border-style: outset;
        border-color: black;
        border-collapse: separate;
        background-color: white;
        border-radius: 4px;
}

th.tl_title{
        text-transform:uppercase;
        text-align: center;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 4px;
}

th.tl_years{
        text-align: left;
        font-style: regular;
        font-size: 70%;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(223, 228, 252);
        border-radius: 4px;
}

th.tl_months{
        text-align: left;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}

th.tl_days{
        text-align: left;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}

th.tl_weeks{
        text-align: left;
        border-width: 1px;
        padding: 1px;
        border-style: outset;
        border-color: blue;
        background-color: rgb(243, 248, 252);
        border-radius: 2px;
}

td.tl_freetime{
        background-color:white;
        border-width: 1px;
        border-color: white;
        border-radius: 4px;
}

td.tl_event{
        text-align: left;
        padding: 1px;
        background-color: rgb(61, 114, 194);
        border-width: 1px;
        border-color: white;
        border-style: inset;
        color: white;
        border-radius: 4px;
        white-space: normal
}

td.tl_foot{
        text-align: left;
        padding: 1px;
        background-color: rgb(243, 248, 252);
        border-width: 1px;
        border-color: blue;
        border-style: ridge;
        color: gray;
        border-radius: 4px;
}

thead.tl_header{}
tbody.tl_body{}
tfoot.tl_footer{}



/*** Para añadir google AdSense ***/
.responsive-1 { width: 320px; height: 50px; }
@media(min-width: 500px) { .responsive-1 { width: 468px; height: 60px; } }
@media(min-width: 768px) { .responsive-1 { width: 728px; height: 90px; } }

/*** SIN USO ***/
/* #pt-createaccount { display: none!important; } ** Quita "Crear una cuenta"*/
/*#p-tb { display:none !important; }  **(quita todas las opciones de caja de herramientas)**/
/* Para adoptar tipografías distintas por áreas de pantalla:
#p-navigation {font-family: arial; } 
#content {font-family: "Calibri"; }
*/
/* CSS Hover Gallery for Mediawiki
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
 */
 
.hoverimage {
    background: gainsboro;
    box-shadow: 0 0 90px 10px #fff;
    border: 1px #36648B solid;
}

.zoom_img img{
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
transition:transform 0.1 ease-in;
}

.zoom_img img:hover{
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}

/* Logo */

#p-logo {
    background-image: url(w/images/a/af/Urban-plan.jpg); 
    position: relative !important;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Page authors */
#page-authors {
   font-size: 8pt;
}

/* Css para HighlightLinksInCategory */
a.colorobras {
        color: #008B8B !important ;
        font-size: 105%;
        font-weight: 600;
    }
a.colorautores {
        color: #4682B4 !important;
        font-size: 105%;
        font-weight: 600;
    }