MediaWiki:Common.css

/* Common CSS para todas las pieles */

/* Arregla problemas interlineado para <sup> y <sub> */
sup, sub {
    line-height: 1em;
}

/* Ocultar título y categorías en la Portada*/
body.page-Wikipedia_Portada h1.firstHeading, body.page-Wikipedia_Portada #catlinks { display:none; }

/* Arreglando tamaño de fuente en etiquetas <syntaxhighlight> (<source>) y páginas .css y .js.
   [[Bugzilla:26204]] */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
    font-family: monospace, "Courier New" !important;
}

/* Tamaño fuente de referencias */
ol.references,
div.listaref,
div.refcomienza {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.listaref ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.listaref */
    list-style-type: inherit;  /* Enable custom list style types */
}

/* Las referencias ahora no pueden ser texto en negrita o italico */
sup.reference {
    font-weight: normal;
    font-style: normal;
}

/* Colorea de azul al clickear referencias */
ol.references > li:target,
sup.reference:target,
span.citation:target, cite:target {
    background-color: #DEF;
}

/* Estilo para citacion */
.citation {
    word-wrap: break-word;
}

/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version */
@media screen, handheld {
    .citation *.printonly {
        display: none;
    }
}

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

/* 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;
    font-size: 90%;
    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;
}

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

/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li { 
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: " :";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
 
/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}
 
/* Default style for navigation boxes */
table.navbox {            /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}
 
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* Change the external link icon to an Adobe icon for all PDF files
   in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external, 
div#content a[href*=".pdf?"].external, 
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external, 
div#content a[href*=".PDF?"].external, 
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external, 
div#mw_content a[href*=".pdf?"].external, 
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external, 
div#mw_content a[href*=".PDF?"].external, 
div#mw_content a[href*=".PDF#"].external {
    /* @embed */
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
    /* @noflip */
    padding-right: 18px;
}
 

/* 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: #F9F9F9;
    padding: 5px 10px;
}

/* Estilos para sitenotice y similares */
.notice {
    text-align: justify;
    margin: 1em;
    padding: 0.2em;
}

/* Ocultar texto para los no bibliotecarios */
.para_biblios {display: none}

.rotate_0 {display: block}
.rotate_1, .rotate_2, .rotate_3, .rotate_4, .rotate_5, .rotate_6, .rotate_7, .rotate_8, .rotate_9 {display: none}

.mw-specialpages-table, /* [[Especial:SpecialPages]]: alinear a la izquierda, en vez de estar justificado */
body.ns-14 div#mw-pages /* Categorías con alineación a la izquierda, no justificada */
{text-align:left}

/* otros */
body.page-Especial_Registro fieldset p small {font-size:100%}

/* [[Plantilla:No firmado]], más pequeño */
span.nofirmado {font-size:smaller}

/*InterProject */
.interProject {
    display:none;
    clear: both;
    border-top: 2px dotted #aaa;
    margin-top: 2em;
}

/* CSS para plegables, documentación en [[:en:Wikipedia:NavFrame]] */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* TABLAS */

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}

/* lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    /* @noflip */
    text-align: left;
}

/** 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-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 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 #608EC2}  /* Azul */
table.ambox-protection {border-top: 5px solid #bba} /* Gris */
table.ambox-delete,
table.ambox-serious {border-top: 5px solid #b22222} /* Rojo */
table.ambox-content {border-top: 5px solid #f28500} /* Naranja */
table.ambox-style {border-top: 5px solid #f4c430}   /* Amarillo */
table.ambox-merge {border-top: 5px solid #8c08a4}   /* Purpura */
table.ambox-growth {border-top: 5px solid #47a30d}  /* Verde */

table.ambox.ambox-mini { /* Versión pequeña flotante */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print { /* No imprimir */
    .ambox {display: none}
}

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

/** Estilos para tablas.
    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}

/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {background: url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat}

/* Disponibilidad para tareas de mantenimiento/Tablas por día/semana */

table.user-availability {
    text-align:center;
    border:1px solid #333366;
}
table.user-availability th {
    font-size:110%
}
table.user-availability .toprow td+td {
    width:30px;
    height:10px;
    background-color:#eee;
    border:1px solid #aaa
}
table.user-availability .off {
    font-size:80%;
    border:1px solid #aaa;
    background-color:#fff;
}
table.user-availability .onn {
    font-size:80%;
    border:1px solid #aaa;
    background-color:#cfc;
}
table.user-availability .wrk {
    font-size:80%;
    border:1px solid #aaa;
    background-color:#ccf;
}
table.user-availability .cll {
    font-size:80%;
    border:1px solid #aaa;
    background-color:#ffd;
}
table.user-availability .key {
    font-size:90%;
    border-top:1px dashed #000;
    text-align:right
}
table.user-availability .key span {
    padding:2px
}

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

/* Resaltado de diffs tomado de la francesa */
/* Mise en évidence des diffs par du gras et de la couleur. */
table.diff {
 padding:.5em;
}
table.diff td { 
 vertical-align:top;
}
td.diff-addedline { 
 background:#e4f6d8; 
}
td.diff-addedline .diffchange {
 background:#b0e897;
 color:#104000;
 font-weight:bold;
}
td.diff-deletedline {
 background:#ffffaa;
}
td.diff-deletedline .diffchange {
 background:#FAE368;
 font-weight:bold;
 color: #9F0606;
}
td.diff-context {
 background:#FEFEFE;
}
 
/* Couleur de fond transparente pour les diffs */
table.diff, td.diff-otitle, td.diff-ntitle, td.diff-context {
    background-color: transparent;
}

/* Aviso en espacios de trabajo de usuarios */

body.ns-2 div#contentSub > span.subpages:before,
body.ns-3 div#contentSub > span.subpages:before {
   content: " ¡Atención! Este no es un artículo enciclopédico sino un espacio de trabajo personal. ";
   background: #fe9;
   border: 2px solid #f0c91f;
   display: block;
   text-align: center;
   color: maroon;
   margin-bottom: 2mm;
   line-height: 120%;
}

/* Estilo para las etiquetas del filtro de edición */
.mw-tag-marker {
 font-family:sans-serif;
 font-style:italic;
 font-size:90%;
    background-color:#FFE599;
}

/* El vandalismo debe ser particularmente distinguible */
.mw-tag-marker-posible_vandalismo, .mw-tag-marker-botspam {
    background-color:#FEC29C;
}

/* =========================================
  ===== PLEGABLES (mediawiki 1.18+ ) ========
  ==========================================
Mediawiki 1.18 introdujo un nuevo sistema nativo de plegables.
Este es el CSS para personalizarlo y eventualmente reemplazar
al laberinto NavHead, NavFrame, NavToggle, NavContent, etc. */

.mw-collapsible-toggle-collapsed, .mw-collapsible-toggle-expanded {
    top: 0;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Prevent line breaks in silly places: 
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) HTML formulae
   5) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a { 
    white-space: nowrap;
}