Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
Sin resumen de edición Etiqueta: Revertido |
Sin resumen de edición Etiqueta: Revertido |
||
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 */ | ||
/* TOC escondida en todas las vistas */ | /* TOC escondida en todas las vistas */ | ||
.toc, #toc { display: none; } | |||
/* Estilos para dispositivos móviles | /* Estilos para dispositivos móviles | ||
@media screen and (max-width: | @media screen and (max-width: 768px) { | ||
/* Estilos para hacer que los encabezados sean desplegables */ | |||
.header-class { | |||
} | display: block; /* Asegura que los encabezados sean visibles */ | ||
cursor: pointer; /* Cambia el cursor para indicar que es interactivo */ | |||
} | |||
} | |||
.header-class .sub-menu { | |||
display: none; /* Oculta el submenú inicialmente */ | |||
} | |||
.header-class.active .sub-menu { | |||
display: block; /* Muestra el submenú cuando se hace clic en el encabezado */ | |||
} | |||
} | } | ||
Revisión del 02:06 17 jul 2024
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* TOC escondida en todas las vistas */
.toc, #toc { display: none; }
/* Estilos para dispositivos móviles
@media screen and (max-width: 768px) {
/* Estilos para hacer que los encabezados sean desplegables */
.header-class {
display: block; /* Asegura que los encabezados sean visibles */
cursor: pointer; /* Cambia el cursor para indicar que es interactivo */
}
.header-class .sub-menu {
display: none; /* Oculta el submenú inicialmente */
}
.header-class.active .sub-menu {
display: block; /* Muestra el submenú cuando se hace clic en el encabezado */
}
}
Estilos para dispositivos de escritorio */
@media screen and (min-width: 768px) {
.mobile-only {
display: none;
}
.nomobile {
display: block;
}
}
*/
/* Estilo cuadrados Página Principal */
.square-container {
margin: 0 auto;
width: 90%;
text-align: center;
margin-bottom: 15px;
}
.square {
border-radius: 16px;
padding: 25px;
background-color: #cce5ff;
margin: 0;
border: none;
width: 200px; /* Ancho fijo para todos los cuadrados */
height: 80px; /* Altura fija para todos los cuadrados */
}
.square-mobile-container {
margin: 0 auto;
width: 90%;
text-align: center;
margin-bottom: 15px;
}
.square-mobile {
border-radius: 16px;
padding: 25px;
background-color: #cce5ff;
margin: 0;
border: none;
width: 120px; /* Ancho fijo para todos los cuadrados */
height: 80px; /* Altura fija para todos los cuadrados */
}