Vorlage:Navigationsleiste/Schluchten in Kirgisistan/styles.css: Unterschied zwischen den Versionen
Erscheinungsbild
Philip (Diskussion | Beiträge) Gestaltung der Navigationsleiste verbessert |
Philip (Diskussion | Beiträge) Einklappen-Schaltfläche rechts oben positioniert |
||
| (7 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 { | ||
border: 1px solid # | position: relative; | ||
border-radius: | border: 1px solid #aaa; | ||
border-radius: 0; | |||
overflow: hidden; | overflow: hidden; | ||
background: #ffffff; | background: #ffffff; | ||
} | } | ||
.wj-gorges-nav .NavHead { | .wj-gorges-nav .NavHead { | ||
position: relative; | position: relative; | ||
padding: 0. | padding: 0.35em 7em; | ||
background: var(--wj-nav-color, #ffe2b8) !important; | |||
background: # | color: #202122; | ||
color: # | |||
font-weight: 700; | font-weight: 700; | ||
line-height: 1.35; | 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 .wj-gorges-nav- | .wj-gorges-nav .erweiterte-navigationsleiste-quicklinks { | ||
display: none !important; | |||
} | |||
.wj-gorges-nav .wj-gorges-nav-links { | |||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
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; | ||
white-space: nowrap; | |||
} | } | ||
.wj-gorges-nav .wj-gorges-nav- | .wj-gorges-nav .wj-gorges-nav-links a { | ||
color: #3366cc; | color: #3366cc; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.wj-gorges-nav .wj-gorges-nav- | .wj-gorges-nav .wj-gorges-nav-links a:hover { | ||
color: #0645ad; | color: #0645ad; | ||
text-decoration: none; | 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 { | .wj-gorges-nav .NavContent { | ||
background: # | background: #fdfdfd; | ||
} | } | ||
.wj-gorges-nav .NavContent > .wikitable { | .wj-gorges-nav .NavContent > .wikitable { | ||
border: 0 !important; | border: 0 !important; | ||
border-collapse: | border-collapse: collapse; | ||
border-spacing: 0; | border-spacing: 0; | ||
background: | background: transparent; | ||
} | } | ||
.wj-gorges-nav .NavContent > .wikitable td { | .wj-gorges-nav .NavContent > .wikitable td { | ||
padding: 0. | padding: 0.42em 0.6em 0.48em !important; | ||
border-color: # | border-color: #fdfdfd !important; | ||
vertical-align: middle; | vertical-align: middle; | ||
line-height: 1.5; | |||
} | } | ||
.wj-gorges-nav .erw-nav-gruppe { | .wj-gorges-nav .erw-nav-gruppe { | ||
background: # | width: 1px; | ||
color: # | padding: 0.42em 0.8em 0.48em !important; | ||
background: var(--wj-nav-color, #ffe2b8) !important; | |||
color: #202122; | |||
font-size: 100%; | |||
font-weight: 700; | 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"] { | .wj-gorges-nav .hlist[colspan="2"] { | ||
background: # | background: var(--wj-nav-color, #ffe2b8) !important; | ||
color: # | color: #202122; | ||
font-weight: 700; | font-weight: 700; | ||
letter-spacing: 0; | letter-spacing: 0; | ||
text-align: center !important; | |||
vertical-align: middle !important; | |||
} | } | ||
.wj-gorges-nav .hlist[colspan="2"] p { | .wj-gorges-nav .hlist[colspan="2"] p { | ||
margin: 0 | margin: 0; | ||
font-size: 114%; | |||
} | } | ||
.wj-gorges-nav .NavContent a { | .wj-gorges-nav .NavContent a { | ||
font- | font-size: 100%; | ||
font-weight: 400; | font-weight: 400; | ||
} | } | ||
@media screen and (max-width: 700px) { | @media screen and (max-width: 700px) { | ||
.wj-gorges-nav .NavHead { | .wj-gorges-nav .NavHead { | ||
padding | padding: 0.45em 4.8em; | ||
} | } | ||
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;
}
}