Zum Inhalt springen

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

Aus WikiJournal
Gestaltung der Navigationsleiste verbessert
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 6.5em 0.45em 1em;
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-tool {
.wj-gorges-nav .erweiterte-navigationsleiste-quicklinks {
display: block !important;
position: absolute;
position: absolute;
top: 50%;
top: 50%;
right: 5.4em;
left: 0.85em;
transform: translateY(-50%);
transform: translateY(-50%);
font-size: 125%;
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-tool a {
.wj-gorges-nav .NavToggle {
color: #3366cc;
top: 50%;
text-decoration: none;
right: 0.85em;
}
transform: translateY(-50%);
 
font-size: 75%;
.wj-gorges-nav .wj-gorges-nav-tool a:hover {
font-weight: normal;
color: #0645ad;
text-decoration: none;
}
}


Zeile 61: Zeile 62:


.wj-gorges-nav .NavContent > .wikitable td {
.wj-gorges-nav .NavContent > .wikitable td {
padding: 0.62em 0.75em;
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: 0.15em 0;
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-right: 4.5em;
padding: 0.55em 4.8em;
}
 
.wj-gorges-nav .wj-gorges-nav-tool {
right: 3.4em;
}
}



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;
	}
}