Diferencia entre revisiones de «MediaWiki:Common.css»
De Wiki de EUROPARC Espana
(No se muestran 43 ediciones intermedias del mismo usuario) | |||
Línea 2: | Línea 2: | ||
h2 { font-size: 1.25rem } | h2 { font-size: 1.25rem } | ||
− | .mw-parser-output h2:first-of-type { clear: both } | + | /* .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 */ | /* Eliminar líneas nuevas en blanco originadas por un #if que no devuelve valor para false o para true */ | ||
.mw-parser-output p br { | .mw-parser-output p br { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Eliminar indicador de redirección */ | ||
+ | .mw-redirectedfrom { | ||
display: none; | display: none; | ||
} | } | ||
Línea 18: | Línea 23: | ||
float: none !important; | float: none !important; | ||
margin: 0 auto !important; | margin: 0 auto !important; | ||
+ | width: 100% !important; | ||
+ | max-width: 100% !important; | ||
+ | } | ||
+ | .mw-gallery-slideshow-img-container > .image img { | ||
+ | max-width: 100% !important; | ||
} | } | ||
} | } | ||
Línea 28: | Línea 38: | ||
border-spacing: 0; | border-spacing: 0; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
− | |||
padding: 0; | padding: 0; | ||
-moz-border-radius: 2px; | -moz-border-radius: 2px; | ||
Línea 36: | Línea 45: | ||
clear: right; | clear: right; | ||
color: #ffffff; | 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.mw-gallery-slideshow .gallerybox.slideshow-current { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .gallerybox { | ||
+ | margin-bottom: 0.2rem !important; | ||
+ | } | ||
+ | |||
+ | .gallerybox > div:nth-child(1) > div:nth-child(1) > div { | ||
+ | margin: 0px !important; | ||
+ | } | ||
+ | |||
+ | .gallerytext p { | ||
+ | font-size: smaller; | ||
+ | margin-bottom: 0.1rem; | ||
} | } | ||
Línea 144: | Línea 197: | ||
/* Encabezado 4 (sin inclusión en índice) */ | /* Encabezado 4 (sin inclusión en índice) */ | ||
− | dl dt { font-weight: | + | 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 */ | /* Galería: nuevo diseño */ | ||
ul.gallery.mw-gallery-slideshow { margin: 0; max-width: 500px; } | ul.gallery.mw-gallery-slideshow { margin: 0; max-width: 500px; } | ||
.mw-gallery-slideshow-img-container > .image img { 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; | ||
+ | } | ||
+ | |||
+ | /* Multitemplate Wrapper (form) */ | ||
+ | fieldset legend { | ||
+ | font-weight: bold; | ||
+ | margin-top: 1rem; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | |||
+ | #footer_logo_a { | ||
+ | flex: 0 0 33.33%; | ||
+ | max-width: 100%; | ||
+ | flex-grow: 1 | ||
+ | } | ||
+ | |||
+ | #footer_logo_b { | ||
+ | flex: 0 0 33.33%; | ||
+ | max-width: 100%; | ||
+ | flex-grow: 1 | ||
+ | } | ||
+ | |||
+ | /* Buscador */ | ||
+ | /* Ocultar buscador avanzado */ | ||
+ | .mw-search-profile-tabs { | ||
+ | visibility: hidden; | ||
+ | } |
Revisión actual del 13:32 22 jun 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.mw-gallery-slideshow .gallerybox.slideshow-current {
display: flex;
justify-content: center;
margin: 0 auto;
}
.gallerybox {
margin-bottom: 0.2rem !important;
}
.gallerybox > div:nth-child(1) > div:nth-child(1) > div {
margin: 0px !important;
}
.gallerytext p {
font-size: smaller;
margin-bottom: 0.1rem;
}
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;
}
/* Multitemplate Wrapper (form) */
fieldset legend {
font-weight: bold;
margin-top: 1rem;
font-size: 100%;
}
#footer_logo_a {
flex: 0 0 33.33%;
max-width: 100%;
flex-grow: 1
}
#footer_logo_b {
flex: 0 0 33.33%;
max-width: 100%;
flex-grow: 1
}
/* Buscador */
/* Ocultar buscador avanzado */
.mw-search-profile-tabs {
visibility: hidden;
}