Zum Inhalt springen

Vorlage:Navigationsleiste/Schluchten in Kirgisistan/styles.css: Unterschied zwischen den Versionen

Aus WikiJournal
Quicklinks und Ausrichtung der Navigationsleiste korrigiert
Einklappen-Schaltfläche rechts oben positioniert
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
clear: both;
clear: both;
margin: 1em 0;
margin: 1em 0;
font-size: 92%;
font-size: 94%;
}
}


.wj-gorges-nav .NavFrame {
.wj-gorges-nav .NavFrame {
border: 1px solid #9aa8b3;
position: relative;
border-radius: 4px;
border: 1px solid #aaa;
border-radius: 0;
overflow: hidden;
overflow: hidden;
background: #ffffff;
background: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
}


.wj-gorges-nav .NavHead {
.wj-gorges-nav .NavHead {
position: relative;
position: relative;
padding: 0.45em 7em;
padding: 0.35em 7em;
border-bottom: 1px solid #c9d6df;
background: var(--wj-nav-color, #ffe2b8) !important;
background: #dfeaf3;
color: #202122;
color: #1f2933;
font-weight: 700;
font-weight: 700;
line-height: 1.35;
line-height: 1.35;
text-align: center;
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 {
.wj-gorges-nav .erweiterte-navigationsleiste-quicklinks {
display: block !important;
display: none !important;
}
 
.wj-gorges-nav .wj-gorges-nav-links {
position: absolute;
position: absolute;
top: 50%;
top: 50%;
left: 0.85em;
left: 0.85em;
transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 !important;
font-size: 78%;
font-size: 75% !important;
font-weight: normal;
font-weight: normal !important;
line-height: 1;
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 {
top: 50%;
position: absolute;
right: 0.85em;
top: 0.42em;
transform: translateY(-50%);
right: 0.75em;
font-size: 75%;
z-index: 2;
float: none;
font-size: 78%;
font-weight: normal;
font-weight: normal;
line-height: 1.2;
}
}


.wj-gorges-nav .NavContent {
.wj-gorges-nav .NavContent {
background: #f7f9fb;
background: #fdfdfd;
}
}


.wj-gorges-nav .NavContent > .wikitable {
.wj-gorges-nav .NavContent > .wikitable {
border: 0 !important;
border: 0 !important;
border-collapse: separate;
border-collapse: collapse;
border-spacing: 0;
border-spacing: 0;
background: #ffffff;
background: transparent;
}
 
.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 {
.wj-gorges-nav .NavContent > .wikitable td {
padding: 0.58em 0.75em;
padding: 0.42em 0.6em 0.48em !important;
border-color: #ffffff !important;
border-color: #fdfdfd !important;
vertical-align: middle;
vertical-align: middle;
line-height: 1.45;
line-height: 1.5;
}
}


.wj-gorges-nav .erw-nav-gruppe {
.wj-gorges-nav .erw-nav-gruppe {
background: #e7eff5 !important;
width: 1px;
color: #1f2933;
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: center !important;
text-align: left !important;
vertical-align: middle !important;
vertical-align: middle !important;
line-height: 1.35;
white-space: nowrap;
}
}


.wj-gorges-nav .erw-nav-gruppe + .hlist {
.wj-gorges-nav .erw-nav-gruppe + .hlist {
font-size: 100%;
text-align: left !important;
vertical-align: middle !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: #f0f4f7;
background: var(--wj-nav-color, #ffe2b8) !important;
color: #1f2933;
color: #202122;
font-weight: 700;
font-weight: 700;
letter-spacing: 0;
letter-spacing: 0;
Zeile 92: Zeile 124:
.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-weight: 500;
font-size: 100%;
}
 
.wj-gorges-nav .NavContent a.new {
font-weight: 400;
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) {
@media screen and (max-width: 700px) {
.wj-gorges-nav .NavHead {
.wj-gorges-nav .NavHead {
padding: 0.55em 4.8em;
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;
	}
}