MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) K (Divider für Abstände im Diagramm) |
||
Zeile 57: | Zeile 57: | ||
margin: 10px 0 20px 0 !important; | margin: 10px 0 20px 0 !important; | ||
float: none !important; | float: none !important; | ||
} | |||
.divider{ | |||
width: 0.5em; | |||
background: repeating-linear-gradient(0deg, #ddd, #ddd 1px, #fff 1px, #fff 20%); | |||
height: 200px; | |||
} | } | ||
Version vom 28. Mai 2022, 13:18 Uhr
/* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */
/*
Für Vorlage:HammWiki_Verein (Navigationsleiste)
*/
.navbar{
width: auto;
float: right;
width: 330px;
margin: 0 0 20px 20px;
overflow:hidden;
}
.navbar ul{
list-style-image: none;
list-style-type: none;
text-decoration: none;
margin: 0;
padding: 0;
width: 100%;
}
.navbar li{
margin:0;
}
.navbar li a{
display:block;
width: 100%;
border-left: 3px solid #ccc;
padding: 10px 0 10px 20px;
background: #f6f6f6;
}
.navbar li a.mw-selflink{
border-left: 3px solid #a7d7f9 !important;
background: #e3f3fb !important;
}
.navbar li a:hover{
background: #ddd;
border-left: 3px solid #b7b7b7;
text-decoration: none;
}
/*
Für Vorlage:Wahldiagramm_einfach
*/
.wahldiagramm{
border: 1px solid #ccc;
padding: 0 0.8em 0.4em 0.8em;
background-color: #fff;
width: fit-content;
max-width: 100%;
overflow: auto;
margin: 10px 0 20px 0 !important;
float: none !important;
}
.divider{
width: 0.5em;
background: repeating-linear-gradient(0deg, #ddd, #ddd 1px, #fff 1px, #fff 20%);
height: 200px;
}
dl.vertical{
font-size: 12px;
font-family: sans-serif;
display: flex;
flex-direction: row;
margin: 0;
}
dl.vertical dt{
min-width: 45px;
margin: 205px 0 0 -45px;
text-align: center;
font-weight: normal;
font-size: 90%;
flex-shrink: 0 !important;
}
dl.vertical dd {
min-width: 45px;
height: 200px;
position: relative;
margin-left: 0;
background: repeating-linear-gradient(0deg, #ddd, #ddd 1px, #fff 1px, #fff 20%);
overflow: hidden;
flex-shrink: 0 !important;
}
dl.vertical dd span{
min-width: 45px;
display: block;
position: absolute;
bottom: 0px;
background: #CCC;
color: #FFF;
text-align: center;
font-size: 80%;
}
dl.vertical dd span:before{
content: "\200D";
display: inline;
}