Mall:Mapbanner/styles.css

Från Wikivoyage, den fria resehandboken.
  1. mainpage-searchinput .mw-ui-button[name="fulltext"] { display: none; } /* hide full text search box, which cannot currently be disabled */
  1. mainpage-map {

background-color: #0B0A34; position: relative; overflow: hidden; height: auto; margin-bottom: .6em; max-width: 1125px; }

  1. mainpage-maptext {

position: absolute; top: 1em; left: 1em; width: 41%; /* 40% too small on some webkit browsers at 720p resolutions */ z-index: 2; text-align: center; padding: 0.5em 0.5em 0 0.5em; }

  1. mainpage-tagline {

margin: 0; }

  1. mainpage-searchinput {

padding:0; }

  1. mainpage-searchinput label {

font-size: 85%; font-style: italic; }

  1. mainpage-searchinput input[type="text"] {

margin-right: 0.5em; }

  1. mainpage-maplinks {

position:absolute; bottom: 0; left: 1em; color: white; padding:0 0.5em; }

  1. mainpage-maplinks a {

color: white; font-weight: bold; }

  1. mainpage-maptext.mainpage-shadowbox {

color: white; background: rgb(16,16,16); background: rgba(0,0,0,0.3); border-radius: 4px; }

  1. mapbanner-container { width: 100%; }

/* The following is mobile kludge code. It is temporary and to be removed */

  1. mobile-mapbanner { display: none; }

@media (max-width: 720px) { #mainpage-map { display: none; } #mobile-mapbanner { display: block !important; } }