Vorlage:Navigationsleiste/Schluchten in Kirgisistan/styles.css: Unterschied zwischen den Versionen
Erscheinungsbild
Philip (Diskussion | Beiträge) Keep Kyrgyzstan gorges navigation expanded |
Philip (Diskussion | Beiträge) Einklappen-Schaltfläche rechts oben positioniert |
||
| (8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* | /* Styles for [[Vorlage:Navigationsleiste/Schluchten in Kirgisistan]] */ | ||
.wj-gorges-nav . | .wj-gorges-nav { | ||
.wj-gorges-nav . | clear: both; | ||
display: | 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 { | .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; | |||
} | |||
} | } | ||
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;
}
}