MediaWiki:Common.css

Nota: Tras guardar el archivo, debes refrescar la caché de tu navegador para ver los cambios:

  • Mozilla / Firefox / Safari: pulsa May. mientras haces click en el boton Reload, o pulsa si no Ctrl-F5 o Ctrl-R (Command-R en un Macintosh)
  • Konqueror: Haz click en el botón Reload o pulsa F5;
  • Opera: Limpia la caché en Herramientas → Preferencias;
  • Internet Explorer: pulsa Ctrl mientras haces click en Refresh, o pulsa Ctrl-F5.
/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */

/* Estilos de las Tablas en General */
.tableGeneral
{
 width: 100%;
 margin-top: 1em;
 -moz-background-clip: 
 -moz-initial; -moz-background-origin:
 -moz-initial; -moz-background-inline-policy:
 -moz-initial; vertical-align: top;
 color: rgb(0, 0, 0);
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-bottomleft: 4px;
}

/*** Cajas de aviso son blancas y con
 * una cinta de color en la parte superior  */
table.ambox {
    margin: 0 10%;
    border-collapse: collapse;
    background-color: #fbfbfb;
    border: 1px solid #aaa;
    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 td.ambox-image {
    padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
    text-align: center;}
table.ambox td.ambox-imageright {
    padding: 2px 4px 2px 0;  /* 0px left, 4px right */
    text-align: center;}
table.ambox-notice {border-top: 5px solid #0e84cc; border-left: 3px solid #0e84cc;} /* Azul */
table.ambox-protection {border-top: 5px solid #c4c9cd; border-left: 3px solid #c4c9cd} /* Gris*/
table.ambox-delete, table.ambox-serious {border-top: 5px solid #b22222; border-left: 3px solid #b22222} /* Rojo */
table.ambox-content {border-top: 5px solid #f28500; border-left: 3px solid #f28500} /* Naranja*/
table.ambox-style {border-top: 5px solid #f4c430; border-left: 3px solid #f4c430} /* Amarillo */
table.ambox-merge {border-top: 5px solid #ffd6da; border-left: 3px solid #ffd6da} /* Purpura */
table.ambox-growth {border-top: 5px solid #526f7f; border-left: 3px solid #526f7f} /* Verde */
 
table.ambox.ambox-mini { /* Versión pequeña flotante */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;}

.portada_rw
{
width:100%;
margin-top: 0px;
}

.portada_rw .topTitleRed
{
height:25px; 
color:#ffffff; 
font-weight:bold; 
background:#294f98; 
border:1px solid #abd1fe; 
padding-top:5px;
width: 100%;
margin-top: 1em;
-moz-background-clip: 
-moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy:
-moz-initial; vertical-align: top;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0px; 
-moz-border-radius-bottomleft: 0px; 
}

.portada_rw .bottomContent
{
margin-left:2px;
width:96%;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; 
color:#000000; 
background:#d9eafe; 
border:1px solid #acd1fe; 
border-top:0px; 
padding-left:5px;
margin-top:-5px;
}

.portada_rw .bottomContentRed
{
margin-left:2px;
width:96%;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; 
color:#c12306; 
background:#d9eafe; 
border:1px solid #acd1fe; 
border-top:0px; 
padding-left:5px;
margin-top:-5px;
}

.Main_topTitleRed
{
height:25px; 
color:#ffffff; 
font-weight:bold; 
background:#294f98; 
border:1px solid #abd1fe; 
padding-top:0px;
width: 100%;
margin-top: 1em;
-moz-background-clip: 
-moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy:
-moz-initial; vertical-align: top;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0px; 
-moz-border-radius-bottomleft: 0px; 
}

.Main_bottomContent
{
margin-left:2px;
width:97%;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; 
color:#020415; 
background:#ffffff; 
border:1px solid #d0e5f8; 
border-top:0px; 
padding-left:5px;
margin-top:-5px;
}

/* CSS para infoboxes */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: #000;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}

.infobox td, .infobox th,
.infobox_v2 td, .infobox_v2 th {
    vertical-align: top;
}

.infobox caption {
    font-size: larger;
    margin-left: inherit;
}

/* infoboxes V2 ("nuevas") */
.infobox_v2 {
    border: 1px solid #B4BBC8;
    background-color: #f9f9f9;
    color: #000;
    margin: .5em 0 .5em 1em;
    padding: .4em;
    clear: right;
    float: right;
    line-height: 1.5em;
    width: 22.5em
}

.infobox_v2 .cabecera {
    font-size: 140%;
    font-weight: bolder;
    height: 45px;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle
}

.infobox_v2 .media {
    font-weight: bolder;
    height: 35px;
    text-align: center;
    vertical-align: middle
}


/* Códigos para tipos especificos de infoboxes */
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #B4BBC8;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
@media print {
    .infobox.sisterproject {
       display: none;
    }
}
 
.infobox.geography,
.infobox_v2.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
    border: solid 1px #B4BBC8;
}
 
.infobox.geography td,
.infobox.geography th,
.infobox_v2.geography td,
.infobox_v2.geography th {
    border-top: solid 1px #B4BBC8;
    padding: .4em .6em;
}
 
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th,
.infobox_v2.geography .mergedtoprow td,
.infobox_v2.geography .mergedtoprow th {
    border-top: solid 1px #B4BBC8;
    padding: .4em .6em .2em .6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th,
.infobox_v2.geography .mergedrow td,
.infobox_v2.geography .mergedrow td {
    border: 0;
    padding: 0 .6em .2em .6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th,
.infobox_v2.geography .mergedbottomrow td,
.infobox_v2.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #B4BBC8;
    padding: 0 .6em .4em .6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th,
.infobox_v2.geography .maptable td,
.infobox_v2.geography .maptable th {
    border: 0;
    padding: 0;
}
 
/* Infobox sin uso conocido, deberia ser borrado al comprobarse que ya no se usa */
.InfoDerecha {
   clear: right;
   float: right;
   margin: 0 0 1em 1em;
}

/* CSS relacionado con el uso de coordenadas

To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: none}
    .geo-dec {display: inline} .geo-dms {display: inline}
 To display coordinates using decimal notation, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: inline}
    .geo-dec {display: inline} .geo-dms {display: none}
 To display coordinates using DMS notation, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: inline}
    .geo-dec {display: none}    .geo-dms {display: inline}
 To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: inline}
    .geo-dec {display: inline}    .geo-dms {display: inline}
    .geo-multi-punct {display: inline}
 See [[Plantilla:Coor link]] for how these are used.
Note that the classes "geo", "longitude", and "latitude" are not just styles but also used by the [[Geo microformat]], so the names should not be changed.
*/

/* CSS predeterminado, puede modificarse usando las reglas de arriba */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude { white-space: nowrap; }

/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */
.geo {}

/*******************************************************************/
/********* Estilos para diferentes funcionalidades menores *********/
/*******************************************************************/

/* Plantilla de cita */
.citado {
    font-size: 90%;
    background-color: #E1F2FA;
    padding: 5px 10px;
    display: flow-root;
}

/* TABLAS */
 
/* La clase wikitable ya existe en shared.css; y prettytable esta obsoleta,
    cuando se reemplaze todas las llamadas a prettytable eliminar estas reglas */
table.wikitable, table.prettytable {
    margin: 1em 1em 1em 1em;
    padding: 0.5em;
    font-size: 95%;
    background-color: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
table.wikitable th,
table.prettytable th {
    background-color: #f2f2f2;
    text-align: center;
}
table.wikitable caption,
table.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
}

/* Llamadas al pie: Quitar corchetes */
.corchete-llamada {display: none}

/* Clases obsoletas, reemplazar por "plainlinks nourlexpansion"
    Quita padding para enlaces externos mostrados sin icono
    [[Plantilla:Ref]] ya no se usa asi que no tiene muchos usos */
#bodyContent .plainlinks a,
.plainlinksneverexpand {
    background: none !important;
    padding: 0 !important;
}
 
.plainlinksneverexpand .urlexpansion {
    display : none !important;
}
 
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important
}
 
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
  following the anchor A, the anchor itself now has class "external autonumber" and the
  expansion is inserted when printing (see the common printing style sheet at
  http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
  element of CSS. We have to switch this off for links due to Template:Ref!
*/
 
.plainlinksneverexpand a.external.text:after {
    display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}
 
.border-radius4 {
    border-radius: 4px; /* CSS 3 */
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari 3.0+ */
}
 
.border-radius6 {
    border-radius: 6px; /* CSS 3 */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari 3.0+ */
}
 
 
.abbr {/* al estilo de la etiquieta <abbr> */
     cursor: help;
     border-bottom: 1px dotted #000;
}
 
div.editOptions {
  text-align: left;
}


/* Gráficos transparentes de cabecera */
.cabecera.default {}

.cabecera.videojuego {background: url("http://www.ecured.cu/images/2/2d/Picto_infobox_gamepad.png") no-repeat bottom right;}
.cabecera.libro {background: url("http://www.ecured.cu/images/1/19/Infobox_libro.png") no-repeat bottom right;}
.cabecera.construccion {background: url("http://www.ecured.cu/images/8/8a/Infobox_construccion.png") no-repeat bottom right;}
/*.cabecera.personaje {background: url("http://www.ecured.cu/images/3/32/Cabe_persona.png") no-repeat bottom right;}*/
.cabecera.aeronave {background: url("http://www.ecured.cu/images/a/a5/Infobox_cabecera_avion.png") no-repeat bottom right;}
.cabecera.edeportivo {background: url("http://www.ecured.cu/images/0/09/Infobox_elenco_deportivo.png") no-repeat bottom right;}
.cabecera.amusica {background: url("http://www.ecured.cu/images/a/ac/Infobox_agrupacion_musical.png") no-repeat bottom right;}
.cabecera.hardware {background: url("http://www.ecured.cu/images/3/34/Infobox_hardware.png") no-repeat bottom right;}
.cabecera.automovil {background: url("http://www.ecured.cu/images/0/05/Infobox_auto.png") no-repeat bottom right;}
.cabecera.textreligioso {background: url("http://www.ecured.cu/images/7/77/Infobox_texto_religioso.png") no-repeat bottom right;}
.cabecera.receta {background: url("http://www.ecured.cu/images/5/58/Infobox_receta.png") no-repeat bottom right;}
.cabecera.arte {background: url("http://www.ecured.cu/images/5/53/Infobox_arte.png") no-repeat bottom right;}
.cabecera.quimica {background: url("http://www.ecured.cu/images/e/e8/Cabecera-química.jpg") no-repeat bottom right;}
.cabecera.medicamento {background: url("http://www.ecured.cu/images/7/74/Infobox_Medicamento.png") no-repeat bottom right;}
.cabecera.condecoracion {background: url("http://www.ecured.cu/images/c/cd/Infobox_condecoracion.png") no-repeat bottom right;}
.cabecera.rio {background: url("http://www.ecured.cu/images/2/23/Infobox-rio.png") no-repeat bottom right;}
.cabecera.estadio {background: url("http://www.ecured.cu/images/5/5f/Infobox_Estadio.png") no-repeat bottom right;}
.cabecera.armas {background: url("http://www.ecured.cu/images/a/ab/Infobox_armas.png") no-repeat bottom right;}
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
  following the anchor A, the anchor itself now has class "external autonumber" and the
  expansion is inserted when printing (see the common printing style sheet at
  http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
  element of CSS. We have to switch this off for links due to Template:Ref!
*/
 .plainlinksneverexpand a.external.text:after {
    display: none !important;}.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;}
 .border-radius4 {
    border-radius: 4px; /* CSS 3 */
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari 3.0+ */}
 .border-radius6 {
    border-radius: 6px; /* CSS 3 */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari 3.0+ */}
 
 .abbr {/* al estilo de la etiquieta <abbr> */
     cursor: help;
     border-bottom: 1px dotted #000;}
 
div.editOptions {
  text-align: left;}

/* Estilos personales */

#frase_content{
  font-size: larger;
}

.columna-izquieda {
  width: 40%;
  float: left;
  padding: 10px;
}

.columna-derecha {
   float: right;
   width: 50%;
   padding: 10px;
   display: block;
}

.portales {
    width: 100%;
    float: left;
}

#actualidad_content a {
   text-decoration: none;
   color: #0088dde6;
}

#actualidad_content {
    font-size: 16px;
}

#actualidad_content img {
    padding-left: 5px;
}

#mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
    font-weight: normal;
    font-family: 'Linux Libertine','Times New Roman',serif;
    line-height: 1.25;
    margin: 1em 0 0.5em;
}

#efemerides_content {
    font-size: 16px; 
}

#efemerides_content img {
    padding-left: 5px;
}


#referencia_content {
    font-size: 16px; 
}

#referencia_content img {
    padding-left: 5px;
}

#curiosidades_content {
    font-size: 16px; 
}

#curiosidades_content img {
    padding-left: 5px;
}

#antesde_content {
    font-size: 16px; 
}

div.tright, div.floatright, table.floatright {
    /*clear: none; */
    clear: both;
    float: right;
}

#descargas_content {
    font-size: 16px; 
}

#Galerias_content .thumbinner {
    background: #fcfcfc;
    border: solid #eeeeee;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 0.75em;
    float: right;
}

#Galerias_content .thumb {
    width: unset !important;
    margin: 0 auto;
}

#consejo_header {
    float: left;
    width: 100%;
}

#consejo_content {
    font-size: 16px; 
}

#portal {
    width: 20%;
    float: left;
}

@media only screen and (max-width: 860px) {

    .columna-izquieda {
        width: auto;
        float: left;
        padding: 10px;
     }   
    
    .columna-derecha {
        float: left;
        width: auto;
        padding: 10px;
        display: block;
    }
}

@media only screen and (max-width: 550px) {
     #portal {
        display: none;
     }
}

@media only screen and (max-width: 450px) {
     #p-logo-text {
        /*display: none;  */
        display: true;
     }
}

@media only screen and (max-width: 1099px) {
      #siteNotice {
        display: none; 
      }
}


#mw-content-container {
        background-image: none !important;
}



ul#filetoc, #toc, .toc, .mw-warning {
    display: inline-block;
    background: #fcfcfc;
    border: solid #eeeeee;
    border-width: 1px 1px 0.2em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 1.25em 1.75em;
    margin: 1em 0;
    min-width: 15em;
    width: 50%;
}

.infobox_v2 {
    border: 1px solid #B4BBC8;
    background-color: #f9f9f9;
    color: #000;
    margin: .5em -1.5em .5em 1em;
    padding: .4em;
    clear: right;
    float: right;
    line-height: 1.5em;
    width: 22.5em;
}

#addthistoolbar {
    padding-top: 10px !important;
    padding-left: 10px !important;
    border-color: #eaf1f6 !important;
    width: 100%;
    margin-bottom: 10px;
}

.addthis_toolbox a {
    margin-bottom: 0px !important;
    line-height: initial;
}

#descargas_content .floatright {
    clear: none !important;
}

#descargas_content .center {
    clear: none !important;
    width: 50px;
    display: inline-block !important;
}

#descargas_content .div.floatright {
    clear: none; 
    float: right;
}

.mediaContainer, .PopUpMediaTransform {
    position: relative;
    display: block;
    margin: auto;
    padding: 20px;
}