Diferencia entre revisiones de «MediaWiki:Common.css»

De Wiki de EUROPARC Espana
 
(No se muestran 40 ediciones intermedias del mismo usuario)
Línea 7: Línea 7:
  
 
.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;
  margin: 0 0 0.5em 1em;
 
 
   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: normal; }
+
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 */
Línea 150: Línea 215:
 
.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 {
 
ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current {
    background: #0074ab;
+
  background: #0074ab;
 
}
 
}
  
Línea 158: Línea 223:
 
   color: #e83e8c;
 
   color: #e83e8c;
 
   word-wrap: break-word;
 
   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;
}