MediaWiki: Common.css
De enunpimpam
(No se muestran 34 ediciones intermedias del mismo usuario) | |||
Línea 2: | Línea 2: | ||
@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://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'); | @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap'); | ||
.navbar-header a{ | .navbar-header a{ | ||
Línea 7: | Línea 8: | ||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
+ | .toc, #toc { display: none; } | ||
.firstHeading .namespace { | .firstHeading .namespace { | ||
font-family: Raleway; | font-family: Raleway; | ||
font-weight: 300; | 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 { | h1 { | ||
Línea 15: | Línea 30: | ||
font-weight: 600; | 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 { | .mw-headline { | ||
font-weight: 500; | font-weight: 500; | ||
} | } | ||
html { | html { | ||
− | + | font-family: 'Open Sans', sans-serif; | |
− | |||
} | } | ||
body { | body { | ||
Línea 32: | Línea 146: | ||
} | } | ||
strong { | strong { | ||
− | font-weight: | + | font-weight: 600; |
} | } | ||
pre { | pre { | ||
− | background-color: #eeeeee; | + | background-color: #eeeeee; |
− | padding: 6px 10px; | + | padding: 6px 10px; |
} | } | ||
.cuidado { | .cuidado { | ||
− | border-collapse: separate; | + | border-collapse: separate; |
border-spacing: 0; | border-spacing: 0; | ||
border-width: 3px; | border-width: 3px; | ||
Línea 47: | Línea 161: | ||
border-style: solid; | border-style: solid; | ||
border-color: #ff7979; | 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; | padding: 5px; | ||
margin: 1em auto 1em auto | margin: 1em auto 1em auto | ||
Línea 53: | Línea 179: | ||
margin-right: 5px; | 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; |
Revisión actual del 11:45 9 jun 2020
/* 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;