MediaWiki: Common.css
De enunpimpam
Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.
- Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
- Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
- Opera: dirígete a Menú → Configuración (Opera → Preferencias en Mac) y luego a Privacidad y seguridad → Borrar datos de navegación → Imágenes y archivos en caché.
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */ @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,600;0,800;1,500&display=swap'); @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap'); .navbar-header a{ font-family: Raleway; font-weight: 600; } .toc, #toc { display: none; } .firstHeading .namespace { font-family: Raleway; font-weight: 300; } ul { font-family: 'Open Sans',sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; } #enunpimpam{ padding-bottom: 27px; max-width: 70%; } h1 { font-family: Raleway; font-weight: 600; } #portada p{ font-size: 14px; } #portada h3{ font-size: 22px; } /* Animacion */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } .mw-headline { font-weight: 500; } html { font-family: 'Open Sans', sans-serif; } body { font-family: 'Open Sans', sans-serif; } p { font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 24px; font-size: 16px; } strong { font-weight: 600; } pre { background-color: #eeeeee; padding: 6px 10px; } .cuidado { border-collapse: separate; border-spacing: 0; border-width: 3px; background-color: #fde1e1; solid: ; border-radius: 5px; border-style: solid; border-color: #ff7979; padding: 5px; margin: 1em auto 1em auto } .advertencia { border-collapse: separate; border-spacing: 0; border-width: 3px; background-color: #f6f7c8; solid: ; border-radius: 5px; border-style: solid; border-color: #ffdc79; padding: 5px; margin: 1em auto 1em auto } .fa-exclamation-circle { margin-right: 5px; } /* titulo portada */ .pimpam { font-weight: 700; color:#f4c613; } .jumbotron h1{ padding-bottom: 30px; margin-top: 0; } .jumbotron p{ font-size: 18px; } /* portada secciones*/ .seccion { min-height: 130px; } #portada_sec .seccion:hover { background-color: #f4c613; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); transition: all 400ms linear; } /* portada Iconos*/ .icons8 img{ width:48px } .fa-size { font-size: 48px } /*Notas de Alerta*/ .alert > p > * { vertical-align: middle; } .nota { font-size: 14px; padding-left: 5px;