Vorlage:Navigationsleiste/Schluchten in Kirgisistan/styles.css: Unterschied zwischen den Versionen
Erscheinungsbild
Philip (Diskussion | Beiträge) Gestaltung der Navigationsleiste verbessert |
Philip (Diskussion | Beiträge) Quicklinks und Ausrichtung der Navigationsleiste korrigiert |
||
| Zeile 16: | Zeile 16: | ||
.wj-gorges-nav .NavHead { | .wj-gorges-nav .NavHead { | ||
position: relative; | position: relative; | ||
padding: 0.45em | padding: 0.45em 7em; | ||
border-bottom: 1px solid #c9d6df; | border-bottom: 1px solid #c9d6df; | ||
background: #dfeaf3; | background: #dfeaf3; | ||
| Zeile 22: | Zeile 22: | ||
font-weight: 700; | font-weight: 700; | ||
line-height: 1.35; | line-height: 1.35; | ||
text-align: center; | |||
} | } | ||
.wj-gorges-nav . | .wj-gorges-nav .erweiterte-navigationsleiste-quicklinks { | ||
display: block !important; | |||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
left: 0.85em; | |||
transform: translateY(-50%); | transform: translateY(-50%); | ||
font-size: | margin: 0 !important; | ||
font-weight: normal; | font-size: 75% !important; | ||
font-weight: normal !important; | |||
line-height: 1; | line-height: 1; | ||
} | } | ||
.wj-gorges-nav . | .wj-gorges-nav .NavToggle { | ||
top: 50%; | |||
right: 0.85em; | |||
transform: translateY(-50%); | |||
font-size: 75%; | |||
font-weight: normal; | |||
} | } | ||
| Zeile 61: | Zeile 62: | ||
.wj-gorges-nav .NavContent > .wikitable td { | .wj-gorges-nav .NavContent > .wikitable td { | ||
padding: 0. | padding: 0.58em 0.75em; | ||
border-color: #ffffff !important; | border-color: #ffffff !important; | ||
vertical-align: middle; | vertical-align: middle; | ||
line-height: 1.45; | |||
} | } | ||
| Zeile 70: | Zeile 72: | ||
color: #1f2933; | color: #1f2933; | ||
font-weight: 700; | font-weight: 700; | ||
text-align: center !important; | |||
vertical-align: middle !important; | |||
line-height: 1.35; | |||
} | |||
.wj-gorges-nav .erw-nav-gruppe + .hlist { | |||
vertical-align: middle !important; | |||
} | } | ||
| Zeile 77: | Zeile 86: | ||
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: | margin: 0; | ||
} | } | ||
| Zeile 99: | Zeile 110: | ||
@media screen and (max-width: 700px) { | @media screen and (max-width: 700px) { | ||
.wj-gorges-nav .NavHead { | .wj-gorges-nav .NavHead { | ||
padding | padding: 0.55em 4.8em; | ||
} | } | ||
Version vom 21. Mai 2026, 11:21 Uhr
/* Styles for [[Vorlage:Navigationsleiste/Schluchten in Kirgisistan]] */
.wj-gorges-nav {
clear: both;
margin: 1em 0;
font-size: 92%;
}
.wj-gorges-nav .NavFrame {
border: 1px solid #9aa8b3;
border-radius: 4px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.wj-gorges-nav .NavHead {
position: relative;
padding: 0.45em 7em;
border-bottom: 1px solid #c9d6df;
background: #dfeaf3;
color: #1f2933;
font-weight: 700;
line-height: 1.35;
text-align: center;
}
.wj-gorges-nav .erweiterte-navigationsleiste-quicklinks {
display: block !important;
position: absolute;
top: 50%;
left: 0.85em;
transform: translateY(-50%);
margin: 0 !important;
font-size: 75% !important;
font-weight: normal !important;
line-height: 1;
}
.wj-gorges-nav .NavToggle {
top: 50%;
right: 0.85em;
transform: translateY(-50%);
font-size: 75%;
font-weight: normal;
}
.wj-gorges-nav .NavContent {
background: #f7f9fb;
}
.wj-gorges-nav .NavContent > .wikitable {
border: 0 !important;
border-collapse: separate;
border-spacing: 0;
background: #ffffff;
}
.wj-gorges-nav .NavContent > .wikitable > tbody > tr {
border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #ffffff !important;
}
.wj-gorges-nav .NavContent > .wikitable td {
padding: 0.58em 0.75em;
border-color: #ffffff !important;
vertical-align: middle;
line-height: 1.45;
}
.wj-gorges-nav .erw-nav-gruppe {
background: #e7eff5 !important;
color: #1f2933;
font-weight: 700;
text-align: center !important;
vertical-align: middle !important;
line-height: 1.35;
}
.wj-gorges-nav .erw-nav-gruppe + .hlist {
vertical-align: middle !important;
}
.wj-gorges-nav .hlist[colspan="2"] {
background: #f0f4f7;
color: #1f2933;
font-weight: 700;
letter-spacing: 0;
text-align: center !important;
vertical-align: middle !important;
}
.wj-gorges-nav .hlist[colspan="2"] p {
margin: 0;
}
.wj-gorges-nav .NavContent a {
font-weight: 500;
}
.wj-gorges-nav .NavContent a.new {
font-weight: 400;
}
.wj-gorges-nav .NavContent > .wikitable tr:last-child td {
background: #f0f4f7;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 700px) {
.wj-gorges-nav .NavHead {
padding: 0.55em 4.8em;
}
.wj-gorges-nav .erw-nav-gruppe {
white-space: normal !important;
}
}