MediaWiki:Common.css

Nota: Después 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 (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

/* ============================================================
   Tema visual alineado con www.galpon.org (Bootswatch United)
   Naranja corporativo: #e95420 | hover: #ac3911
   ============================================================ */

/* Enlaces: naranja corporativo con hover mas oscuro */
.mw-body a,
.mw-body a.external,
.vector-menu-tabs a,
#right-navigation a,
#left-navigation a {
  color: #e95420;
}

.mw-body a:hover,
.mw-body a:focus,
.vector-menu-tabs a:hover,
.vector-menu-tabs a:focus {
  color: #ac3911;
  text-decoration: underline;
}

/* Visitados en tono mas oscuro para diferenciarlos */
.mw-body a:visited {
  color: #c34113;
}

/* Pestañas (Portada, Discusión): pestaña activa naranja */
.vector-menu-tabs li.selected a,
.vector-menu-tabs .selected {
  background-color: #e95420;
  color: #ffffff;
}

.vector-menu-tabs li.selected a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Titulo de pagina en naranja oscuro con borde corporativo */
.mw-body h1.firstHeading {
  color: #c34113;
  border-bottom: 2px solid #e95420;
}

/* Pie de pagina con linea corporativa */
.mw-footer {
  border-top: 1px solid #e95420;
}

/* Cabecera: fondo blanco */
#mw-page-base {
  background-color: #ffffff;
}

/* Botones de busqueda */
#searchButton,
#mw-searchButton {
  color: #e95420;
}

/* Sidebar: enlaces naranja corporativo */
#mw-panel a,
.vector-menu-portal a {
  color: #e95420 !important;
}

#mw-panel a:hover,
#mw-panel a:focus,
.vector-menu-portal a:hover,
.vector-menu-portal a:focus {
  color: #ac3911 !important;
  text-decoration: underline !important;
}

/* Pestañas Vector legacy: activa naranja con texto blanco */
#p-namespaces li.selected a,
#p-views li.selected a {
  background-color: #e95420 !important;
  background-image: none !important;
  color: #ffffff !important;
}

#p-namespaces li.selected a span,
#p-views li.selected a span {
  color: #ffffff !important;
}

#p-namespaces li a,
#p-views li a {
  background-image: none !important;
  color: #e95420 !important;
}

#p-namespaces li a span,
#p-views li a span {
  color: #e95420 !important;
}

#p-namespaces li a:hover,
#p-views li a:hover {
  color: #ac3911 !important;
}

#p-namespaces li a:hover span,
#p-views li a:hover span {
  color: #ac3911 !important;
}

#p-namespaces h3,
#p-views h3,
#p-cactions h3 {
  display: none !important;
}

/* Footer: respetar la columna de la sidebar en escritorio (>=982px).
   Vector legacy ya aplica margin-left: 11em a .mw-footer; anularlo hace que
   en paginas cortas el footer tape el menu izquierdo (#mw-panel es absolute
   y no empuja el footer). En movil/tablet (<982px) el drawer va fixed y
   oculto, ahi el footer si puede ir a ancho completo. */
@media screen and (max-width: 981px) {
  .mw-footer {
    margin-left: 0 !important;
  }
}

/* Sidebar escritorio: mas aire y legibilidad */
#mw-panel .portal {
  margin-bottom: 18px !important;
}

#mw-panel .portal h3,
#mw-panel .portal .vector-menu-heading {
  font-size: 13px !important;
  color: #c34113 !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f0d8cf !important;
  padding-bottom: 4px !important;
  letter-spacing: 0.5px;
}

#mw-panel .portal ul {
  margin: 0 !important;
  padding: 0 !important;
}

#mw-panel .portal li {
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
}

#mw-panel .portal a {
  display: block !important;
  padding: 5px 8px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  border-radius: 4px !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}

#mw-panel .portal a:hover {
  background-color: #f9ede8 !important;
  text-decoration: none !important;
}



/* Mostrar el heading del primer portal (Vector lo oculta tras el logo) */
#p-logo + .mw-portlet .vector-menu-heading {
  display: block !important;
}
/* Limitar el ancho máximo del layout en pantallas muy anchas */
body {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}