MediaWiki:Mobile.css: Unterschied zwischen den Versionen

Aus FürthWiki
Zur Navigation springen Zur Suche springen
Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung
Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung
Zeile 171: Zeile 171:
 
   width: 100%;
 
   width: 100%;
 
   top: 1.7em;
 
   top: 1.7em;
 +
}
 +
.whats-nearby .irs-line-left, .whats-nearby .irs-line-mid, .whats-nearby .irs-line-right {
 +
    height: 0.8em;
 +
    background: none;
 +
    background-color: lightgray;
 
}
 
}
 
.whats-nearby .irs-bar, .whats-nearby .irs-bar-edge {
 
.whats-nearby .irs-bar, .whats-nearby .irs-bar-edge {

Version vom 12. September 2017, 17:46 Uhr

/* 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;
}

/** *************************************
 * Mobile Navigation
 */
nav ul li:hover a {
   border-left-color: darkgreen;
}
nav a:hover, nav ul li a:active {
    color: green;
}

/** *************************************
 * 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 .pre-content {
    display: block !important;
}
.page-Main_Page .pre-content:before {
    content: '';
    display: block;
    background-image: url(/wiki/skins/Vector/images/fuerthwiki.png);
    width: 128px;
    height: 134px;
    margin: 2em auto;
}
#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 #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: 4em;
}
.whats-nearby .irs-line {
  width: 100%;
  top: 1.7em;
}
.whats-nearby .irs-line-left, .whats-nearby .irs-line-mid, .whats-nearby .irs-line-right {
    height: 0.8em;
    background: none;
    background-color: lightgray;
}
.whats-nearby .irs-bar, .whats-nearby .irs-bar-edge {
  height: 1em;
	top: 1.8em;
  background: none;
  background-color: darkgray;
}
.whats-nearby .irs-bar-edge {
  width: 1em;
}
.whats-nearby .irs-slider {
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: none;
  background-color: gray;
}