MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Aus FürthWiki
Keine Bearbeitungszusammenfassung Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung |
Keine Bearbeitungszusammenfassung Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung |
||
Zeile 60: | Zeile 60: | ||
display: block !important; | display: block !important; | ||
} | } | ||
.page-Main_Page .pre-content: | .page-Main_Page .pre-content h1:after { | ||
content: ''; | content: ''; | ||
display: block; | display: block; | ||
Zeile 66: | Zeile 66: | ||
width: 128px; | width: 128px; | ||
height: 134px; | height: 134px; | ||
margin: | margin: 1em auto 0 auto; | ||
} | } | ||
#Ueberschrift_Box { | #Ueberschrift_Box { |
Version vom 15. September 2017, 13:45 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 h1:after {
content: '';
display: block;
background-image: url(/wiki/skins/Vector/images/fuerthwiki.png);
width: 128px;
height: 134px;
margin: 1em auto 0 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 #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;
}