MediaWiki:Timeless.css

Nota: Despues 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 (⌘+Mayús+R en Mac)
• Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
• Opera: Presiona Ctrl+F5.

/* All CSS here will be loaded for users of the Timeless skin */

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('/images/b/b2/Firasanscondensed-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('/images/8/8d/Firasanscondensed-bold-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('/images/a/a4/Firasanscondensed-italic-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('/images/a/a8/Firasanscondensed-bolditalic-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@media screen {
   /*
   * GENERALES
   */

  #mw-header-container {
    background-color: #bf192b;
  }

  #p-logo-text a.mw-wiki-title {
    font-family: Fira Sans Condensed;
    font-weight: bold;
    text-transform: uppercase;
    font-variant: none;
    color: white;
  }

}

@media screen and (min-width: 851px) {

  /*
   * GENERALES
   */

  #mw-header-container {
    min-height: 6em;
  }
  
  #p-logo-text a.mw-wiki-title {
    line-height: 1em;
    padding: 20px;
  }

  #user-tools {
    margin: auto;
    color: white;
  }
  #personal h2 {
    font-family: Fira Sans Condensed;
  }

  #p-search {
    display: flex;
  }

  #p-search #searchform {
    margin: auto;
    width: 100%;
  }

  #mw-header-hack {
    top: 6em;
  }
  
  #mw-header-nav-hack {
    top: 6em;
    background-color: #00af89;
    border: none;
  }

  .color-left, .color-middle, .color-right {
    background-color: #bf192b;
  }

  #mw-content-container {
    margin-top: 6.35em;
    border-color: #1e683a;
    background-color: #9ce2b7;
  }

  /*
   * DE TEXTO
   */

  body {
    font-size: 1em;
  }

  body, .mw-body, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
    font-family: Fira Sans Condensed;
  }

  .mw-body h1.firstHeading {
    color: #bf192b;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .mw-body h2 {
    color: #bf192b;
    border: none;
    font-weight: bold;
  }

  .mw-body .mw-parser-output h2::after {
    border: none;
  }

  .mw-body h3 {
    color: #1e683a;
    font-weight: bold;
  }

  #mw-site-navigation h2, #mw-related-navigation h2 {
    font-family: Fira Sans Condensed;
    color: white;
  }
}
@media screen and (min-width: 851px) and (max-width: 1099px) {
  #mw-content {
    margin-top: 8em;
  }
}