Vorlage:Navigationsleiste/Schluchten in Kirgisistan/styles.css: Unterschied zwischen den Versionen
Erscheinungsbild
Philip (Diskussion | Beiträge) Einheitliche Navbox-Schriftgrößen, Ausrichtung und Farbparameter vorbereitet |
Philip (Diskussion | Beiträge) Einklappen-Schaltfläche rechts oben positioniert |
||
| (3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
clear: both; | clear: both; | ||
margin: 1em 0; | margin: 1em 0; | ||
font-size: | font-size: 94%; | ||
} | } | ||
.wj-gorges-nav .NavFrame { | .wj-gorges-nav .NavFrame { | ||
position: relative; | |||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
border-radius: 0; | border-radius: 0; | ||
| Zeile 16: | Zeile 17: | ||
position: relative; | position: relative; | ||
padding: 0.35em 7em; | padding: 0.35em 7em; | ||
background: var(--wj-nav-color, #ffe2b8) !important; | |||
color: #202122; | color: #202122; | ||
font-weight: 700; | font-weight: 700; | ||
| Zeile 35: | Zeile 37: | ||
left: 0.85em; | left: 0.85em; | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
font-size: | font-size: 78%; | ||
font-weight: normal; | font-weight: normal; | ||
line-height: 1; | line-height: 1; | ||
| Zeile 52: | Zeile 54: | ||
.wj-gorges-nav .NavToggle { | .wj-gorges-nav .NavToggle { | ||
font-size: | position: absolute; | ||
top: 0.42em; | |||
right: 0.75em; | |||
z-index: 2; | |||
float: none; | |||
font-size: 78%; | |||
font-weight: normal; | font-weight: normal; | ||
line-height: 1.2; | |||
} | } | ||
| Zeile 69: | Zeile 76: | ||
.wj-gorges-nav .NavContent > .wikitable td { | .wj-gorges-nav .NavContent > .wikitable td { | ||
padding: 0. | padding: 0.42em 0.6em 0.48em !important; | ||
border-color: #fdfdfd !important; | border-color: #fdfdfd !important; | ||
vertical-align: middle; | vertical-align: middle; | ||
line-height: 1. | line-height: 1.5; | ||
} | } | ||
.wj-gorges-nav .erw-nav-gruppe { | .wj-gorges-nav .erw-nav-gruppe { | ||
width: 1px; | width: 1px; | ||
padding: 0. | padding: 0.42em 0.8em 0.48em !important; | ||
background: var(--wj-nav-color, #ffe2b8) !important; | |||
color: #202122; | color: #202122; | ||
font-size: 100%; | |||
font-weight: 700; | font-weight: 700; | ||
text-align: left !important; | text-align: left !important; | ||
| Zeile 86: | Zeile 95: | ||
.wj-gorges-nav .erw-nav-gruppe + .hlist { | .wj-gorges-nav .erw-nav-gruppe + .hlist { | ||
font-size: 100%; | |||
text-align: left !important; | text-align: left !important; | ||
vertical-align: middle !important; | vertical-align: middle !important; | ||
border-left: 2px solid #fdfdfd !important; | border-left: 2px solid #fdfdfd !important; | ||
} | |||
.wj-gorges-nav .erw-nav-gruppe + .hlist p, | |||
.wj-gorges-nav .erw-nav-gruppe + .hlist ul { | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
line-height: 1.45; | |||
} | |||
.wj-gorges-nav .erw-nav-gruppe + .hlist li, | |||
.wj-gorges-nav .erw-nav-gruppe + .hlist a { | |||
line-height: 1.45; | |||
} | } | ||
.wj-gorges-nav .hlist[colspan="2"] { | .wj-gorges-nav .hlist[colspan="2"] { | ||
background: var(--wj-nav-color, #ffe2b8) !important; | |||
color: #202122; | color: #202122; | ||
font-weight: 700; | font-weight: 700; | ||
| Zeile 105: | Zeile 128: | ||
.wj-gorges-nav .NavContent a { | .wj-gorges-nav .NavContent a { | ||
font-size: 100%; | |||
font-weight: 400; | font-weight: 400; | ||
} | } | ||
Aktuelle Version vom 21. Mai 2026, 11:44 Uhr
/* Styles for [[Vorlage:Navigationsleiste/Schluchten in Kirgisistan]] */
.wj-gorges-nav {
clear: both;
margin: 1em 0;
font-size: 94%;
}
.wj-gorges-nav .NavFrame {
position: relative;
border: 1px solid #aaa;
border-radius: 0;
overflow: hidden;
background: #ffffff;
}
.wj-gorges-nav .NavHead {
position: relative;
padding: 0.35em 7em;
background: var(--wj-nav-color, #ffe2b8) !important;
color: #202122;
font-weight: 700;
line-height: 1.35;
text-align: center;
}
.wj-gorges-nav .NavHead > :not(.wj-gorges-nav-links):not(.erweiterte-navigationsleiste-quicklinks) {
font-size: 114%;
}
.wj-gorges-nav .erweiterte-navigationsleiste-quicklinks {
display: none !important;
}
.wj-gorges-nav .wj-gorges-nav-links {
position: absolute;
top: 50%;
left: 0.85em;
transform: translateY(-50%);
font-size: 78%;
font-weight: normal;
line-height: 1;
white-space: nowrap;
}
.wj-gorges-nav .wj-gorges-nav-links a {
color: #3366cc;
text-decoration: none;
}
.wj-gorges-nav .wj-gorges-nav-links a:hover {
color: #0645ad;
text-decoration: underline;
}
.wj-gorges-nav .NavToggle {
position: absolute;
top: 0.42em;
right: 0.75em;
z-index: 2;
float: none;
font-size: 78%;
font-weight: normal;
line-height: 1.2;
}
.wj-gorges-nav .NavContent {
background: #fdfdfd;
}
.wj-gorges-nav .NavContent > .wikitable {
border: 0 !important;
border-collapse: collapse;
border-spacing: 0;
background: transparent;
}
.wj-gorges-nav .NavContent > .wikitable td {
padding: 0.42em 0.6em 0.48em !important;
border-color: #fdfdfd !important;
vertical-align: middle;
line-height: 1.5;
}
.wj-gorges-nav .erw-nav-gruppe {
width: 1px;
padding: 0.42em 0.8em 0.48em !important;
background: var(--wj-nav-color, #ffe2b8) !important;
color: #202122;
font-size: 100%;
font-weight: 700;
text-align: left !important;
vertical-align: middle !important;
white-space: nowrap;
}
.wj-gorges-nav .erw-nav-gruppe + .hlist {
font-size: 100%;
text-align: left !important;
vertical-align: middle !important;
border-left: 2px solid #fdfdfd !important;
}
.wj-gorges-nav .erw-nav-gruppe + .hlist p,
.wj-gorges-nav .erw-nav-gruppe + .hlist ul {
margin-top: 0;
margin-bottom: 0;
line-height: 1.45;
}
.wj-gorges-nav .erw-nav-gruppe + .hlist li,
.wj-gorges-nav .erw-nav-gruppe + .hlist a {
line-height: 1.45;
}
.wj-gorges-nav .hlist[colspan="2"] {
background: var(--wj-nav-color, #ffe2b8) !important;
color: #202122;
font-weight: 700;
letter-spacing: 0;
text-align: center !important;
vertical-align: middle !important;
}
.wj-gorges-nav .hlist[colspan="2"] p {
margin: 0;
font-size: 114%;
}
.wj-gorges-nav .NavContent a {
font-size: 100%;
font-weight: 400;
}
@media screen and (max-width: 700px) {
.wj-gorges-nav .NavHead {
padding: 0.45em 4.8em;
}
.wj-gorges-nav .erw-nav-gruppe {
white-space: normal !important;
}
}