Diferencia entre revisiones de «MediaWiki:Common.css»
De Wiki de EUROPARC Espana
Línea 59: | Línea 59: | ||
.oo-ui-layout.oo-ui-panelLayout p { | .oo-ui-layout.oo-ui-panelLayout p { | ||
− | margin-bottom: 0. | + | margin-bottom: 0.1rem; |
} | } | ||
Revisión del 08:16 22 feb 2022
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
h2 { font-size: 1.25rem }
/* .mw-parser-output h2:first-of-type { clear: both } */
/* Eliminar líneas nuevas en blanco originadas por un #if que no devuelve valor para false o para true */
.mw-parser-output p br {
display: none;
}
/* Eliminar indicador de redirección */
.mw-redirectedfrom {
display: none;
}
/* Adaptativo */
@media (max-width: 575.98px) {
table.ficha {
width: 100%;
}
.ficha {
float: none !important;
margin: 0 auto !important;
width: 100% !important;
max-width: 100% !important;
}
.mw-gallery-slideshow-img-container > .image img {
max-width: 100% !important;
}
}
/* Nuevo slideshow (TODO: limpiar los estilos relacionados con tablas) */
.ficha {
/* font-size: larger; */
background-color: #5e9dc8;
border: 1px solid #5e9dc8;
border-spacing: 0;
border-collapse: collapse;
padding: 0;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
float: right;
clear: right;
color: #ffffff;
width: 380px;
}
ul.gallery.mw-gallery-slideshow.ficha {
margin: 0 0 0.5em 1.5em;
max-width: 380px;
width: 380px;
}
.mw-gallery-slideshow-img-container > .image img {
max-width: 360px !important;
}
.oo-ui-layout.oo-ui-panelLayout p {
margin-bottom: 0.1rem;
}
.mw-gallery-slideshow-caption p {
margin-top: 0.2em;
margin-bottom: 0rem;
font-size: smaller;
}
ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons {
padding: 0.4em 0 0.4em 0;
}
ul.gallery {
justify-content: center;
display: flex;
text-align: center;
}
.rslides_tabs {
display: flex;
justify-content: center;
}
table.ficha {
/* font-size: larger; */
background-color: #5e9dc8;
border: 1px solid #5e9dc8;
border-spacing: 0;
border-collapse: collapse;
margin: 0 0 0.5em 1em;
padding: 0;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
float: right;
clear: right;
width: 400px;
}
table.ficha tbody {
margin: 0 auto;
display: inline-block;
text-align: center;
}
table.ficha th {
background-color: #5e9dc8;
border: 0px;
padding: 3px;
font-size: 100%;
font-weight: normal;
color: #ffffff !important;
vertical-align: top !important;
}
table.ficha tr {
background-color: #ffffff;
}
tr td:first-of-type {
font-weight: bolder;
}
table.ficha td {
padding: 5px;
vertical-align: top !important;
}
table.ficha a {
color: #ffffff !important;
}
/* Desplegable (Plantilla:Desplegable) */
.folded {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 15px;
border: none;
text-align: left;
outline: none;
font-size: 14pt;
font-variant: small-caps;
}
.folded:after {
content: '\002B';
font-size: 12pt;
color: white;
float: right;
margin-left: 9px;
}
.folded-active:after {
content: "\002D";
}
.folded-active, .folded:hover {
background-color: #ccc;
}
.folded-content {
padding: 0px 15px;
max-height: 0;
overflow: hidden;
background-color: #f1f1f1;
transition: max-height 0.2s ease-out;
}
.folded-content > :first-child {
margin-top: 10px;
}
/* Conceptos */
.smwfact { display: none; }
.smw-concept { display: none; }
/* Encabezado 4 (sin inclusión en índice) */
dl dt {
font-size: normal;
font-weight: bold;
color: #444;
}
/* Titular */
.titular {
font-size: larger;
color: #5e9dc8;
font-style: italic;
font-weight: bolder;
}
/* Galería: nuevo diseño */
ul.gallery.mw-gallery-slideshow { margin: 0; max-width: 500px; }
.mw-gallery-slideshow-img-container > .image img { max-width: 500px; }
ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current {
background: #0074ab;
}
/* Código */
pre {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word;
}