MediaWiki: Common.css

De enunpimpam
Saltar a: navegación, buscar

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;   
}
#enunpimpam{
padding-bottom: 27px;
}
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: 305px;
}
#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;
}