Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
(Página creada con «→Los estilos CSS colocados aquí se aplicarán a todas las apariencias: →---- Tablas. ----: #PortadaTablaTiraTituloSeccion { width: 100%; background: #f2f5fd; border-radius: 10px; padding-left: 10px; border-style: solid; border-width: 1px; border-color: grey; } →---- Clases de las tablas. ----: .TablaCabeceraPieDePagina { width: 100%; background: #efefef; margin: 5px; border-radius: 10px; border-style:…») |
Sin resumen de edición |
||
| (No se muestran 18 ediciones intermedias de 2 usuarios) | |||
| Línea 14: | Línea 14: | ||
} | } | ||
/* ---- | #PortadaTablaPieDePagina{ | ||
padding-top: 10px; | |||
padding-bottom: 10px; | |||
position: absolute; /* Para que se ajuste al pie de la caja que la contiene. */ | |||
bottom: 0; /* Distancia al pie de la caja que la contiene. */ | |||
margin-bottom: 10px; /* Para alinearla con el margen de las tablas de contenido. */ | |||
} | |||
/* ---- Cajas que son los <div>. ---- */ | |||
#PortadaCajaColumna2 { | |||
position: relative; /* Para que la tabla de pie de columna se ajuste al pie de esta caja. */ | |||
} | |||
. | /* ---- Clases de las tablas y las cajas. ---- */ | ||
.PortadaTablaCabeceraYPieDePagina { | |||
width: 100%; | width: 100%; | ||
background: #efefef; | background: #efefef; | ||
border-radius: 10px; | border-radius: 10px; | ||
border-style: solid; | border-style: solid; | ||
| Línea 25: | Línea 38: | ||
border-color: grey; | border-color: grey; | ||
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 10px; | |||
} | } | ||
| Línea 30: | Línea 44: | ||
width: 100%; | width: 100%; | ||
padding: 10px; | padding: 10px; | ||
border-radius: 10px; | |||
border-style: solid; | |||
border-width: 1px; | |||
border-color: grey; | |||
margin-bottom: 10px; | |||
} | } | ||
. | .CajaCuerpo { | ||
display: flex; | display: flex; | ||
flex-direction: | flex-direction: row; | ||
width: 100%; | |||
margin-top: 10px; | |||
} | } | ||
.CajaColumna1 { | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
margin-right: 5px; | |||
width: 50%; | |||
} | } | ||
.CajaColumna2 { | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
margin-left: 5px; | |||
width: 50%; | |||
} | } | ||
.oculta { | |||
display: | display: none; | ||
} | } | ||
Revisión actual - 09:08 28 sep 2025
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* ---- Tablas. ---- */
#PortadaTablaTiraTituloSeccion {
width: 100%;
background: #f2f5fd;
border-radius: 10px;
padding-left: 10px;
border-style: solid;
border-width: 1px;
border-color: grey;
}
#PortadaTablaPieDePagina{
padding-top: 10px;
padding-bottom: 10px;
position: absolute; /* Para que se ajuste al pie de la caja que la contiene. */
bottom: 0; /* Distancia al pie de la caja que la contiene. */
margin-bottom: 10px; /* Para alinearla con el margen de las tablas de contenido. */
}
/* ---- Cajas que son los <div>. ---- */
#PortadaCajaColumna2 {
position: relative; /* Para que la tabla de pie de columna se ajuste al pie de esta caja. */
}
/* ---- Clases de las tablas y las cajas. ---- */
.PortadaTablaCabeceraYPieDePagina {
width: 100%;
background: #efefef;
border-radius: 10px;
border-style: solid;
border-width: 1px;
border-color: grey;
padding-left: 10px;
padding-right: 10px;
}
.PortadaTablaDeContenido {
width: 100%;
padding: 10px;
border-radius: 10px;
border-style: solid;
border-width: 1px;
border-color: grey;
margin-bottom: 10px;
}
.CajaCuerpo {
display: flex;
flex-direction: row;
width: 100%;
margin-top: 10px;
}
.CajaColumna1 {
display: flex;
flex-direction: column;
margin-right: 5px;
width: 50%;
}
.CajaColumna2 {
display: flex;
flex-direction: column;
margin-left: 5px;
width: 50%;
}
.oculta {
display: none;
}