MediaWiki:Common.css

body, #firstHeading, h1, h2, h3, h4, h5,
.mw-body h1, .mw-body h2, .mw-body #firstHeading, 
body em, body i, body strong {font-family: 'Open Sans', sans-serif;}
body.page-Página_principal.action-view h1.firstHeading, body.page-Página_principal.action-submit h1.firstHeading { display: none; }

li#footer-info-lastmod,
li#footer-info-viewcount,
li#footer-places-about,
li#footer-places-disclaimer {
  display: none !important;
}

#p-navigation h5 {
  display: none !important;
}

.nowrap { 
    white-space: nowrap;
}

.toggle-head {
  background:url(//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/HW_open_arrow.svg/10px-HW_open_arrow.svg.png) no-repeat 0% center;
}

.toggle-head:hover {
  text-decoration:underline;
  cursor:pointer;
}

.redirect-in-category, .allpagesredirect a {
  color: gray;
}

.nodisplay {
  display: none !important;
}

/* Ambox: Noticias y páginas de proyecto */

table.ambox {
  width: 80%; 
  margin: 0 auto; 
  border-collapse: collapse; 
  background: #f8fcff; 
  border: 1px solid #aaa; 
  border-left: 15px solid #39f;       /* Barra azul predeterminada */
}
table.ambox th, table.ambox td {      /* Celda(s) de mensajes */
  padding: 0.25em 0.5em;              /* 0.5em left/right */
}
table.ambox td.ambox-image {          /* Celda de img a la izquierda */
  width: 52px; 
  padding: 2px 0px 2px 0.5em;         /* 0.5em left, 0px right */
  text-align: center; 
}
table.ambox td.ambox-imageright {     /* Celda de img a la derecha */
  width: 52px; 
  padding: 2px 0.5em 2px 0px;         /* 0px left, 0.5em right */
  text-align: center; 
}
table.ambox-notice {
  border-left: 15px solid #0080FF;    /* Azul */
}
table.ambox-serious {
  border-left: 15px solid #C00;       /* Rojo */
}
table.ambox-content {
  border-left: 15px solid #F63;       /* Naranja */
}
table.ambox-style {
  border-left: 15px solid #FC3;       /* Amarillo */
}
table.ambox-merge {
  border-left: 15px solid #95B;       /* Purpura */
}
table.ambox-license {
  border-left: 15px solid #088A08;    /* Verde */
}
table.ambox-protection {
  border-left: 15px solid #BBA;       /* Gris */
}
/* Arrow button formatting */

.arrowbutton {
	color:#ffffff;
	width:100px;
	padding:0.4em;
	line-height:1.5em;
}

.arrowbutton::before {
	content:"⇒ ";
	font-weight:bold;
}

.arrowbutton-red {
	background:#990000;
}

.arrowbutton-green {
	background:#339966;
}

.arrowbutton-blue {
	background:#0063BF;
}

.arrowbutton-gold {
	background:#E5B921;
}

.arrowbutton-red:hover {
    background: #ffb3b3 !important;
    color: #000000 !important;
}

.arrowbutton-green:hover {
    background: #c6ecd9 !important;
    color: #000000 !important;
}

.arrowbutton-blue:hover {
    background: #b3daff !important;
    color: #000000 !important;
}

.arrowbutton-gold:hover {
    background: #faefcb !important;
    color: #000000 !important;
}

/* Cortesía de Platonides */
#p-navigation { display: block; }
nav.vector-menu-portal { display: none; }


/* estilo de tablas */

table.rowlines { 
    border-collapse:collapse;
    border: 2px solid #BBBDBF;
    width:  100%;
    vertical-align: top;
}

table.rowlines th {
    border-bottom: 1px solid #BBBDBF;
    border-top:    1px solid #BBBDBF;
    padding:       5px;
}

table.rowlines td {
    border-bottom: 1px dotted #BBBDBF;
    padding:       5px;
}

div.rowlines-wrapper {
    padding: 0 10px 0 10px;
}

/* Certain pages on this website use a two-column setup */
/* Pages that employ the "mobile-collapse" class will force it down to a one-column setup on narrow screens (e.g. on mobile devices) */

@media screen and (max-width:767px) {
  .mobile-collapse {
    display: block !important;
    width: 100% !important;
    margin-bottom:0.6em;
  }

  #donatebutton {
    overflow:scroll;
  }
  
  #donate-pullquote,
  #donate-otheroptions {
  	display:none;
  }
}

@media screen and (min-width:768px) {
  div#bodyContent {
    font-size:1em; padding:0;
  }
  p {
    margin-bottom:1em;
  }
  h1 {
    font-size: 2.4em !important;
  }
}

/* Header mega template */

#megaheader {
  position:relative;
  padding-bottom:1em;
  border:none;
  margin-bottom:2em;
  overflow: hidden;
}

@media screen and (min-width:982px) {
  #megaheader {
    margin-top:-3em;
    margin-left:-1.5em;
    margin-right:-1.5em;
  }
}

@media screen and (min-width:768px) and (max-width:981px) {
  #megaheader {
    margin-top:-2.7em;
    margin-left:-1em;
    margin-right:-1em;
  }
}

@media screen and (max-width:767px) {
  #megaheader {
    margin-top:-3em;
    margin-left:-1.15em;
    margin-right:-1.15em;
  }
}


@media screen and (min-width:768px) {
  #megaheader {
    height:500px;
  }

  #megaheader-short {
  	height:200px;
  }
}

@media screen and (max-width:767px) {
  #megaheader {
     height:auto;
  }
}

#megaheader img {
  -moz-transition: opacity 2s; /* Firefox 4 */
  -webkit-transition: opacity 2s; /* Safari and Chrome */
  -o-transition: opacity 2s;
  transition: opacity 2s;
}

/* Round button formatting */

.roundbutton {
    display:inline-block; border-radius:50%; color:#ffffff; width:54px; height:54px; padding:12px; margin-right:0.5em; margin-bottom:0.5em; text-align:center;
}

.roundbutton-large {
    display:inline-block; border-radius:50%; color:#ffffff; width:68px; height:68px; padding:15px; margin-right:0.5em; margin-bottom:0.5em; text-align:center;
}

/* Copied from Wikivoyage for scalable-width images */

@media screen and (max-width:767px) {
  .banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    width: 100%;
    height: auto;
    margin-bottom: .6em;
    text-align: center;
    padding-left: 0 !important;
  }
  .banner-image img {
    width: 100%;
    height: auto;
    width: auto\9;
    margin:0 auto;
  }
}

@media screen and (min-width:768px) {
  .banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
    margin-bottom: .6em;
  }
  .banner-image img {
    width: 100%;
    height: auto;
    width: auto\9;
  }
  .banner-image-left {
    float: left !important;
  }
  .banner-image-left img {
    float: left !important;
  }
  .banner-image-right {
    float: right !important;
  }
  .banner-image-right img {
    float: right !important;
  }
  .banner-image-none {
    float: none !important;
  }
  .banner-image-none img {
    float: none !important;
  }
  .banner-image-center {
    padding-left: none !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .banner-image-center img {
    float: none !important;
  }
}

/* Evil interface meddling for donations */

.page-Donate_Monthly_5 #mw-head,
.page-Donate_Monthly_5 .portal,
.page-Donate_Monthly_10 #mw-head,
.page-Donate_Monthly_10 .portal,
.page-Donate_Monthly_25 #mw-head,
.page-Donate_Monthly_25 .portal,
.page-Donate_Monthly_50 #mw-head,
.page-Donate_Monthly_50 .portal,
.page-Donate_Monthly_100 #mw-head,
.page-Donate_Monthly_100 .portal,
.page-Donate_Monthly_200 #mw-head,
.page-Donate_Monthly_200 .portal,
.page-Donate_Annually_5 #mw-head,
.page-Donate_Annually_5 .portal,
.page-Donate_Annually_10 #mw-head,
.page-Donate_Annually_10 .portal,
.page-Donate_Annually_25 #mw-head,
.page-Donate_Annually_25 .portal,
.page-Donate_Annually_50 #mw-head,
.page-Donate_Annually_50 .portal,
.page-Donate_Annually_100 #mw-head,
.page-Donate_Annually_100 .portal,
.page-Donate_Annually_200 #mw-head,
.page-Donate_Annually_200 .portal,
.page-Donate_One-time_5 #mw-head,
.page-Donate_One-time_5 .portal,
.page-Donate_One-time_10 #mw-head,
.page-Donate_One-time_10 .portal,
.page-Donate_One-time_25 #mw-head,
.page-Donate_One-time_25 .portal,
.page-Donate_One-time_50 #mw-head,
.page-Donate_One-time_50 .portal,
.page-Donate_One-time_100 #mw-head,
.page-Donate_One-time_100 .portal,
.page-Donate_One-time_200 #mw-head,
.page-Donate_One-time_200 .portal,
.page-Calendar_One-time_25 #mw-head,
.page-Calendar_One-time_25 .portal,
.page-Calendar_One-time_30 #mw-head,
.page-Calendar_One-time_30 .portal,
.page-Calendar_One-time_35 #mw-head,
.page-Calendar_One-time_35 .portal,
.page-Calendar_One-time_50 #mw-head,
.page-Calendar_One-time_50 .portal,
.page-Calendar_One-time_75 #mw-head,
.page-Calendar_One-time_75 .portal,
.page-Calendar_One-time_100 #mw-head,
.page-Calendar_One-time_100 .portal {
    display: none;
}

@media screen and (max-width:767px) {
	.no-narrow {
		display: none;
	}
}
@media screen and (min-width:768px) {
	.narrow-only {
		display: none;
	}
}