MediaWiki:Common.css
Ir a la navegación
Ir a la búsqueda
Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
- Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
/* 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: 767px) {
.mobile-only {
display: block;
}
.nomobile {
display: none;
}
}
/* 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: #f1d7ff;
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: #f1d7ff;
margin: 0;
border: none;
width: 120px; /* Ancho fijo para todos los cuadrados */
height: 80px; /* Altura fija para todos los cuadrados */
}
/* Contenedor general para el video */
.video-container {
position: relative;
padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
height: 0;
overflow: hidden;
background: #000;
max-width: 100%; /* El video ocupará el 100% del contenedor padre */
}
/* iFrame del video */
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/* Limita el tamaño máximo en escritorio */
@media (min-width: 768px) {
.video-container {
max-width: 560px; /* Limita el ancho del video en desktop */
padding-bottom: 315px; /* Mantén la relación 16:9 */
}
}