MediaWiki:Mobile.css

/* Das folgende CSS wird für alle Nutzer der mobilen Version geladen. */

/** *************************************
 * Allgemeine Styles
 */
a {
    color: #008800;
}
a:visited {
    color: #006600;
}
a:hover {
    color: #FF4B33;
}
.float:after {
    display: block;
    content: '';
    clear: both;
}
.float > div {
    float: left;
}

/** *************************************
 * Header
 */
.header-container.header-chrome {
    background-color: #FFF;
    border-bottom: 1px solid #c8ccd1;
    box-shadow: none;
    height: 3em;
}
.header .branding-box h1 {
    font-size: 1.2em;
}

/** *************************************
 * Header Such-Feld
 */
.header input.search {
    box-shadow: none;
    border: 1px solid lightgray  !important;
}
.header input.search::-webkit-input-placeholder:before {
    content: '🔍';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    width: 3.35em;
    height: 100%;
    box-sizing: border-box;
    padding: 1em;
    font-size: 1em;
}

/*
.header, .overlay-header-container {
    background-color: #080;
}
input.search {
    background-color: transparent !important;
    color: white;
}
form.search-box:after {
    content: '🔍';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    width: 3.35em;
    height: 100%;
    box-sizing: border-box;
    padding: 1em;
    font-size: 1em;
}
.header ::-webkit-input-placeholder {
    color: white;
}
.header :-moz-placeholder {
   color: white;
   opacity:  1;
}
.header ::-moz-placeholder {
   color: white;
   opacity:  1;
}
.header ::-ms-input-placeholder {
   color: white;
}
.header ::-ms-input-placeholder {
   color:  white;
}
*/

/** *************************************
 * Mobile Navigation
 */
.primary-navigation-enabled, 
nav {
    background-color: #333 !important;
}
nav ul li {
    background-color: #444 !important;
    font-size: 1em !important;
}
nav ul li a, 
nav ul li a:visited, 
nav ul li a:active {
    color: #FFF !important;
    padding: 0.6em !important;
}
nav ul li:first-child {
    border-top: inherid;
    border-bottom: 1px solid #eaecf0;
}
nav .mw-ui-icon-maps:before {
   background-image: url(data:image/png;base64,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);
}
    

/** *************************************
 * Volage:Box
 */
#Inhalt_Box {
    max-width: 100%;
    overflow: hidden;
    clear: both !important;
    float: none !important;
    margin-left: 0 !important;
}

/** *************************************
 * Tabs
 */
.tabs-input, .tabs-label, .tabs-tabbox > wbr {
    display: none;
}
.tabs-content {
  width: 100%;
}


/** *************************************
 * Mobile Hauptseite 
 */
.page-Main_Page #section_0 {
    font-size: 1.4em;
    text-align: center;
    line-height: 1em;
    padding: 0;
}
.page-Main_Page .pre-content {
    display: block !important;
}
.page-Main_Page .pre-content:after {
    content: '';
    display: block;
    background-image: url(/wiki/skins/Vector/images/fuerthwiki.png);
    width: 128px;
    height: 134px;
    margin: 1em auto 0 auto;
}
.page-Main_Page .heading-holder {
    padding: 1em;
}
#Ueberschrift_Box {
    padding: 0.4em;
    margin-top: 1em;
    line-height: 1.6em;
}
#Ueberschrift_Box > .floatleft {
    margin: 0 1em 0 0;
}
#Ueberschrift_Box > big {
    font-weight: bold;
    font-size: larger;
}


/** *************************************
 *  Vorlage:ImageLink
 */
.ImageLink  {
    width: auto;
    max-width: 100%;
    min-width: 8em;
    margin-right: 2em;
}

/** *************************************
 * Vorlage:Gebäude
 */
.Gebaeude {
  width:100%; 
}

/** *************************************
 * Vorlage:Gebäude.Karte
 */
.maps-map.maps-leaflet.leaflet-container {
  z-index: 1; /* fixes part of issue #46 */
}

/** *************************************
 * Vorlage:Gebäude.Daten
 */
dl.dataTable {
  width: 100%;
  margin: 0;
}
dl.dataTable > dt, 
dl.dataTable > dd { 
  width: 50%;
  float:left; 
  box-sizing: border-box;
  margin: 0;
}
dl.dataTable > dt { 
  clear:left;
  padding-right: 1em;
}
dl.dataTable:after {
  display: block;
  content: '';
  clear: both;
}

/** *************************************
 * FürthWiki:In_der_Nähe
 */
.whats-nearby {
  margin-top: 2em;
}
.whats-nearby #output table > tbody > tr > td {
  text-align: right;
}
.whats-nearby #output table > tbody > tr > td:nth-child(1) {
  width: 130px;
}
.whats-nearby #output table > tbody > tr > td:nth-child(1) {
  text-align: center;
}
.whats-nearby #selection select {
  background-color: white;
  border: 1px solid lightgray;
  color: black;
}
.whats-nearby #selection {
  position: relative;
}
.whats-nearby #selection:after {
  content: '▼';
  display: block;
  padding: 0.6em;
  position: absolute;
  top: 0;
  right: 0px;
  height: 2em;
  width: 2em;
  z-index: 999999;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1em;
  color: gray;
}
.whats-nearby .irs {
  height: 55px;
}
.whats-nearby .irs-line {
  width: 100%;
  top: 28px;
  background: none;
  height: 15px;
}
.whats-nearby .irs-line-left, .whats-nearby .irs-line-mid, .whats-nearby .irs-line-right {
  height: 12px;
  background: none;
  background-color: lightgray;
}
.whats-nearby .irs-bar, .whats-nearby .irs-bar-edge {
  height: 16px;
  top: 29px;
  background: none;
  background-color: darkgray;
}
.whats-nearby .irs-bar-edge {
  width: 1em;
}
.whats-nearby .irs-slider {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: none;
  background-color: gray;
}
.whats-nearby .irs-min, .whats-nearby .irs-max, .whats-nearby .irs-from, .whats-nearby .irs-to, .whats-nearby .irs-single {
    font-size: 0.8em;
}

/**
 * Hide View-Switcher "Klassische Ansicht" if started from Homescreen.
 * fixes https://github.com/fuerthwiki/wiki/issues/68
 */
@media all and (display-mode: standalone) {
  #footer-info-mobile-switcher {
  	display: none;
  }
}