Diferencia entre revisiones de «MediaWiki:Common.css»

De Europarc - WikiConservacion
 
(No se muestran 15 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
 
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
 
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
 +
 +
h2 { font-size: 1.25rem }
 +
 +
/* 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;
 +
}
 +
 +
/* Adaptativo */
 +
@media (max-width: 575.98px) {
 +
  table.ficha {
 +
    width: 100%;
 +
  }
 +
  .ficha {
 +
    float: none !important;
 +
    margin: 0 auto !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;
 +
  margin: 0 0 0.5em 1em;
 +
  padding: 0;
 +
  -moz-border-radius: 2px;
 +
  border-radius: 2px;
 +
  position: relative;
 +
  float: right;
 +
  clear: right;
 +
  color: #ffffff;
 +
}
 +
 +
ul.gallery {
 +
  justify-content: center;
 +
  display: flex;
 +
  text-align: center;
 +
}
 +
 +
.rslides_tabs {
 +
  display: flex;
 +
  justify-content: center;
 +
}
  
 
table.ficha {
 
table.ficha {
   // font-size: larger;
+
   /* font-size: larger; */
 
   background-color: #5e9dc8;
 
   background-color: #5e9dc8;
 
   border: 1px solid #5e9dc8;
 
   border: 1px solid #5e9dc8;
Línea 15: Línea 62:
 
   clear: right;
 
   clear: right;
 
   width: 400px;
 
   width: 400px;
 +
}
 +
 +
table.ficha tbody {
 +
  margin: 0 auto;
 +
  display: inline-block;
 +
  text-align: center;
 
}
 
}
  
Línea 53: Línea 106:
 
   text-align: left;
 
   text-align: left;
 
   outline: none;
 
   outline: none;
   font-size: 12pt;
+
   font-size: 14pt;
 +
  font-variant: small-caps;
 
}
 
}
  
Línea 82: Línea 136:
 
.folded-content > :first-child {
 
.folded-content > :first-child {
 
margin-top: 10px;
 
margin-top: 10px;
}
 
 
/* Adaptativo */
 
@media (max-width: 575.98px) {
 
  .ficha {
 
  width: 100%;
 
  }
 
 
}
 
}

Revisión actual del 21:57 26 may 2021

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */

h2 { font-size: 1.25rem }

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

/* Adaptativo */
@media (max-width: 575.98px) {
  table.ficha {
    width: 100%;
  }
  .ficha {
    float: none !important;
    margin: 0 auto !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;
  margin: 0 0 0.5em 1em;
  padding: 0;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  float: right;
  clear: right;
  color: #ffffff;
}

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