MediaWiki:Common.css

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é.

/* El CSS colocado en esta página será aplicado a todas las apariencias */

body.page-Página_principal h1.firstHeading, body.page-Página_principal #catlinks, body.page-Página_principal #contentSub { display:none; }

/* Tamaño fuente de referencias */
ol.references,
div.listaref,
div.refcomienza {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.listaref ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.listaref */
    list-style-type: inherit;  /* Enable custom list style types */
}
 
/* Colorea de azul al clickear referencias */
ol.references > li:target,
sup.reference:target,
span.citation:target, cite:target {
    background-color: #DEF;
}

/* Última edición de página */
#footer-info-lastmod {
  display:none;
}

/* Nuevos botones
   Eliminar cuando se actualice el MW (vienen con Vector)
*/
.mw-ui-button {
  -webkit-appearance:none;
  -webkit-transition:background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  background:#FFFFFF;
  border:1px solid #CCCCCC;
  border-radius:2px;
  box-sizing:border-box;
  color:#555555;
  cursor:pointer;
  display:inline-block;
  font-family:inherit;
  font-size:1em;
  font-weight:bold;
  margin:0;
  min-width:80px;
  padding:0.5em 1em;
  text-align:center;
  transition:background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  vertical-align:middle;
  zoom:1;
}
.mw-ui-button:hover, .mw-ui-button:focus {
  border-bottom-color:#CCCCCC;
  box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset;
  outline:none;
}
.mw-ui-button:active, .mw-ui-button.mw-ui-checked {
  background:#CCCCCC;
  box-shadow:none;
}
.mw-ui-button:disabled {
  color:#CCCCCC;
}
.mw-ui-button:disabled:hover, .mw-ui-button:disabled:active {
  background:#FFFFFF;
  box-shadow:none;
}
.mw-ui-button:disabled {
  cursor:default;
  text-shadow:none;
}
.mw-ui-button.mw-ui-big {
  font-size:1.3em;
}
.mw-ui-button.mw-ui-block {
  display:block;
  width:100%;
}
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary {
  background:#347BFF;
  border-bottom-color:#347BFF;
  border-bottom-width:1px;
  border-style:solid none;
  border-top-color:#347BFF;
  border-top-width:1px;
  color:#FFFFFF;
  text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px;
}
.mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-progressive:focus, .mw-ui-button.mw-ui-primary:hover, .mw-ui-button.mw-ui-primary:focus {
  border-bottom-color:#2A62CC;
  box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset;
  outline:none;
}
.mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, .mw-ui-button.mw-ui-primary:active, .mw-ui-button.mw-ui-primary.mw-ui-checked {
  background:#2A62CC;
  box-shadow:none;
}
.mw-ui-button.mw-ui-progressive:disabled, .mw-ui-button.mw-ui-primary:disabled {
  background:#CCCCCC;
  border-color:#CCCCCC;
}
.mw-ui-button.mw-ui-progressive:disabled:hover, .mw-ui-button.mw-ui-progressive:disabled:active, .mw-ui-button.mw-ui-progressive:disabled.mw-ui-checked, .mw-ui-button.mw-ui-primary:disabled:hover, .mw-ui-button.mw-ui-primary:disabled:active, .mw-ui-button.mw-ui-primary:disabled.mw-ui-checked {
  box-shadow:none;
}
.mw-ui-button.mw-ui-progressive.mw-ui-quiet, .mw-ui-button.mw-ui-primary.mw-ui-quiet {
  color:#555555;
}
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover, .mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus, .mw-ui-button.mw-ui-primary.mw-ui-quiet:hover, .mw-ui-button.mw-ui-primary.mw-ui-quiet:focus {
  color:#5D95FF;
}
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active, .mw-ui-button.mw-ui-progressive.mw-ui-quiet.mw-ui-checked, .mw-ui-button.mw-ui-primary.mw-ui-quiet:active, .mw-ui-button.mw-ui-primary.mw-ui-quiet.mw-ui-checked {
  color:#2A62CC;
}
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:disabled, .mw-ui-button.mw-ui-primary.mw-ui-quiet:disabled {
  color:#CCCCCC;
}
.mw-ui-button.mw-ui-constructive {
  background:#00AF89;
  border-bottom-color:#00AF89;
  border-bottom-width:1px;
  border-style:solid none;
  border-top-color:#00AF89;
  border-top-width:1px;
  color:#FFFFFF;
  text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px;
}
.mw-ui-button.mw-ui-constructive:hover, .mw-ui-button.mw-ui-constructive:focus {
  border-bottom-color:#008C6E;
  box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset;
  outline:none;
}
.mw-ui-button.mw-ui-constructive:active, .mw-ui-button.mw-ui-constructive.mw-ui-checked {
  background:#008C6E;
  box-shadow:none;
}
.mw-ui-button.mw-ui-constructive:disabled {
  background:#CCCCCC;
  border-color:#CCCCCC;
}
.mw-ui-button.mw-ui-constructive:disabled:hover, .mw-ui-button.mw-ui-constructive:disabled:active, .mw-ui-button.mw-ui-constructive:disabled.mw-ui-checked {
  box-shadow:none;
}
.mw-ui-button.mw-ui-constructive.mw-ui-quiet {
  color:#555555;
}
.mw-ui-button.mw-ui-constructive.mw-ui-quiet:hover, .mw-ui-button.mw-ui-constructive.mw-ui-quiet:focus {
  color:#33BFA1;
}
.mw-ui-button.mw-ui-constructive.mw-ui-quiet:active, .mw-ui-button.mw-ui-constructive.mw-ui-quiet.mw-ui-checked {
  color:#008C6E;
}
.mw-ui-button.mw-ui-constructive.mw-ui-quiet:disabled {
  color:#CCCCCC;
}
.mw-ui-button.mw-ui-destructive {
  background:#D11D13;
  border-bottom-color:#D11D13;
  border-bottom-width:1px;
  border-style:solid none;
  border-top-color:#D11D13;
  border-top-width:1px;
  color:#FFFFFF;
  text-shadow:rgba(0, 0, 0, 0.0980392) 0 1px;
}
.mw-ui-button.mw-ui-destructive:hover, .mw-ui-button.mw-ui-destructive:focus {
  border-bottom-color:#A7170F;
  box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px, rgba(0, 0, 0, 0.2) 0 -3px inset;
  outline:none;
}
.mw-ui-button.mw-ui-destructive:active, .mw-ui-button.mw-ui-destructive.mw-ui-checked {
  background:#A7170F;
  box-shadow:none;
}
.mw-ui-button.mw-ui-destructive:disabled {
  background:#CCCCCC;
  border-color:#CCCCCC;
}
.mw-ui-button.mw-ui-destructive:disabled:hover, .mw-ui-button.mw-ui-destructive:disabled:active, .mw-ui-button.mw-ui-destructive:disabled.mw-ui-checked {
  box-shadow:none;
}
.mw-ui-button.mw-ui-destructive.mw-ui-quiet {
  color:#555555;
}
.mw-ui-button.mw-ui-destructive.mw-ui-quiet:hover, .mw-ui-button.mw-ui-destructive.mw-ui-quiet:focus {
  color:#DA4A42;
}
.mw-ui-button.mw-ui-destructive.mw-ui-quiet:active, .mw-ui-button.mw-ui-destructive.mw-ui-quiet.mw-ui-checked {
  color:#A7170F;
}
.mw-ui-button.mw-ui-destructive.mw-ui-quiet:disabled {
  color:#CCCCCC;
}
.mw-ui-button.mw-ui-quiet {
  background:transparent;
  border:none;
  color:#555555;
  text-shadow:none;
}
.mw-ui-button.mw-ui-quiet:hover, .mw-ui-button.mw-ui-quiet:focus {
  color:#777777;
}
.mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-checked {
  color:#444444;
}
.mw-ui-button.mw-ui-quiet:disabled {
  color:#CCCCCC;
}
.mw-ui-button.mw-ui-quiet:hover, .mw-ui-button.mw-ui-quiet:focus {
  box-shadow:none;
}
.mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet:disabled {
  background:transparent;
}
a.mw-ui-button {
  text-decoration:none;
}
a.mw-ui-button:hover, a.mw-ui-button:focus {
  text-decoration:none;
}
.mw-ui-button-group > * {
  border-radius:0;
  float:left;
}
.mw-ui-button-group > :first-child {
  border-bottom-left-radius:2px;
  border-top-left-radius:2px;
}
.mw-ui-button-group > :not(:first-child) {
  border-left-style:none;
}
.mw-ui-button-group > :last-child {
  border-bottom-right-radius:2px;
  border-top-right-radius:2px;
}

/* Media queries */
@media screen and (max-width: 767px) {
    /* Versión móvil */
    #banner-image {
        display: none;
    }
    #banner-text {
        width: 100%;
    }
}