Diferencia entre revisiones de «MediaWiki:Common.css»

De Wikcionario, el diccionario libre
Contenido eliminado Contenido añadido
"plainlinksneverexpand": obsoleto, reemplazado por la clase "plainlinks" en mediawiki/core
reglas clear: both; para la nueva estructura
Línea 705: Línea 705:
padding-left: 0.75em;
padding-left: 0.75em;
padding-right: 0.5em;
padding-right: 0.5em;
}

/* Cabeceras de idioma en la nueva estructura */
.ns-0 .lemma ~ h2 {
clear: none;
}

.ns-0 h2 {
clear: both;
}
}

Revisión del 00:24 12 jul 2015

/* Common CSS para todas las pieles */

/* Fuentes para los distintos idiomas y sistemas de escritura */
@import url('/w/index.php?title=MediaWiki:Languages.css&action=raw&ctype=text/css&smaxage=21600&maxage=86400');

/* Hide main page title */
.page-Wikcionario_Portada #lastmod,
.page-Wikcionario_Portada #siteSub,
.page-Wikcionario_Portada #contentSub,
.page-Wikcionario_Portada .firstHeading {
	display: none !important;
}

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

/* Códigos sobre referencias */
ol.references {font-size: 100%}
.references-small {font-size: 90%}
.references-2column {font-size: 90%; -moz-column-count: 2; column-count:2}

/* 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 */
/* https://gerrit.wikimedia.org/r/#/c/196172/ */
span.citation:target, cite:target {
    background-color: #DEF;
}

/* Estilo para citacion */
span.citation, cite {
    font-style: normal;
    word-wrap: break-word;
}

/* Esto permite arreglar las duplicaciones de urls en plantillas de referencias como Plantilla:Citación. */
@media screen, handheld, projection {
    span.citation *.printonly, cite *.printonly {
        display: none;
    }
}

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

/* [[Plantilla:Listaref]] */
@media print {
    .listaref {
	    -moz-column-count: 1 !important
	}
}

/* Estilo del lema */
 
.lemma {
  color: black;
  background: none;
  font-weight: normal;
  margin: 0;
  padding-top:0.5em;
  padding-bottom: 0.17em;
  border-bottom: 1px solid #aaaaaa;
  font-size: 188%;
}

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

/* Gráficos transparentes de cabecera */
.cabecera.default {}
.media.audio {background:url(//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png) no-repeat top left}
.media.video {background:url(//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png) no-repeat top left}

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

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

/* Desambiguaciones */
#disambig {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
}

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

/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
 * The second declarations reset the styles for all browsers except
 * IE6, which chokes on the empty comment tags. */
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                  "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                  "Arial Unicode MS", "Lucida Sans Unicode",
                  "Chrysanthi Unicode";
    font-family /**/: inherit;
}
.Unicode {
    font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
                  "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
                  "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
                  "Lucida Grande", "Free Sans", "Arial Unicode MS",
                  "Microsoft Sans Serif", "Lucida Sans Unicode";
    font-family /**/: inherit;
}
.polytonic {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
                  "Arial Unicode MS", "Lucida Sans Unicode",
                  "Lucida Grande", Code2000;
    font-family /**/: inherit;
}

/* Cambiar el icono de los archivos PDF */
#bodyContent a[href$=".pdf"].external,
#bodyContent a[href*=".pdf?"].external,
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external,
#bodyContent a[href*=".PDF?"].external,
#bodyContent a[href*=".PDF#"].external {
    background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
span.PDFlink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
    padding-right: 17px;
}

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

li.bueno {
    list-style-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Art%C3%ADculo_bueno.svg/10px-Art%C3%ADculo_bueno.svg.png");
    list-style-type: square;
    margin-left: 2px;
}

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

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

/*** Cajas de aviso en discusión nuevas (ambox) que son blancas y con
 * una cinta de color a la izquierda  */
table.ambox {
    margin: 0 10%; /* Will not overlap with other elements */
    border-collapse: collapse;
    background-color: #fbfbfb;
    border: 1px solid #aaa;
    border-left: 10px solid #1e90ff; /* Default "notice" blue */
}
table.ambox th.ambox-text, table.ambox td.ambox-text { /* The message body cell(s) */
    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 { /* The left image cell */
    padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */
    text-align: center;
}
table.ambox td.ambox-imageright { /* The right image cell */
    padding: 2px 4px 2px 0px;  /* 0px left, 4px right */
    text-align: center;
}
table.ambox-notice {border-left: 10px solid #1e90ff} /* Blue */
table.ambox-delete, table.ambox-serious {border-left: 10px solid #b22222} /* Red */
table.ambox-content {border-left: 10px solid #f28500} /* Orange */
table.ambox-style {border-left: 10px solid #f4c430} /* Yellow */
table.ambox-merge {border-left: 10px solid #9932cc} /* Purple */
table.ambox-growth {border-left: 10px solid #228b22} /* Green */
table.ambox-protection {border-left: 10px solid #bba} /* Gray */
table.ambox.ambox-mini { /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print { /* Do not print article message box */
    .ambox {display: none}
}


/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}


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

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

.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;
}

/* Estilo para las etiquetas del filtro de edición
 - Añado color para poder identificarlas en la maraña que es cambios recientes. */
.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 {
background-color:#FEC29C;
}

/* definiciones impropias */
.definicion-impropia {
 font-style: italic;
}

/* Enlace no resaltado para casos sin crear */
.inflections a.new { color: #000000; }

/* letras color verde */
.verde { color: #008000; }

/** Define el estilo de las tablas de flexión */
.inflection-table 
{
    /*margin: 1em 1em 1em 1em;*/
    padding: 0.5em;
    font-size: 95%;
    background-color: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}

table.inflection-table th, table.inflection-table td
{
   border: 1px #aaaaaa solid;
   padding: 0.2em 0.5em 0.2em 0.5em;
}

table.inflection-table th
{
   background-color: #f0f0f0;
   text-align: left;
}

table.inflection-table th.vertical
{
   text-align: center;
}

table.inflection-table caption
{
   margin-left: inherit;
   margin-right: inherit;
   font-size: 125%;
}

table.inflection-table caption.normal
{
   margin-left: inherit;
   margin-right: inherit;
   font-size: 100%;
}

/* cabecera plegada se extiende como fila */
caption.collapsed-header {
  display:table-row-group;
}

/* cabecera plegada para tablas de flexión */
table.inflection-table caption.collapsed-header
{
   background-color: #f0f0f0;
   text-align: center;
}

/* Enlace no resaltado para casos sin crear */
.inflection-table a.new { color: #000000; }
.notas {background-color: #F5FFFF;}

/* Tipo de puntero de cabecera plegable */
table.inflection-table .collapsible-flexor {
 cursor: pointer;
}

/* Color de fondo sobre cabecera plegable cambia al pasar */
table.inflection-table .collapsible-flexor:hover {
 background-color: #fcf0f0;
}

/* Estilos temporales empleados durante la transición a la nueva estructura */

/* Plantilla:pron.la */
p .pron-la {
	display: block;
}

p .pron-la:before {
	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=");
	padding-left: 0.75em;
	padding-right: 0.5em;
}

/* Plantilla:etimología(2) y Plantilla:pronunciación */
.etym-transition-label, .etym-transition-old,
.pron-transition-old {
	display: none;
}

.lemma ~ p .etym-transition-label, .lemma ~ p .etym-transition-old,
.lemma ~ ul .pron-transition-old {
	display: inline;
}

.lemma ~ p .etym-transition-new,
.lemma ~ ul .pron-transition-new {
	display: none;
}

.lemma ~ p .etym-transition-label:before {
	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=");
	padding-left: 0.75em;
	padding-right: 0.5em;
}

/* Cabeceras de idioma en la nueva estructura */
.ns-0 .lemma ~ h2 {
	clear: none;
}

.ns-0 h2 {
	clear: both;
}