MediaWiki:Mobile.css
Aus FürthWiki
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* 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;
}
/** *************************************
* 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
*/
#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;
}