Vorlage:NavFrame/styles

Aus Simpsonspedia
Zur Navigation springenZur Suche springen

CSS

div.NavFrame {
	background-color: #fffacd;
	border-width: 1px;
	border-style: solid;
	border-color: #B3B2B2;
	clear: both;
	font-size: 95%;
	margin-top: 1.5em;
	min-height: 0; /* IE 7 */
	padding: 2px;
	text-align: center;
}
div.NavPic {
	float: left;
	padding: 4px;
	border: none;
}
div.NavHead {
	background-color: #FFD90F;
	font-weight: bold;
}
div.NavContent {
	background-color: #fffacd;
}
div.NavFrame:after {
	clear: both;
	content: "";
	display: block;
}

/* Automatisches Verschmelzen benachbarter Navigationsleisten */
div.NavFrame + div.NavFrame,
div.NavFrame + link + div.NavFrame,
div.NavFrame + style + div.NavFrame {
	margin-top: -1px;
}

/*
 * „Ausklappen“-Button an Navigationsleisten,
 * aktuell in [[MediaWiki:Common.js]] implementiert
 */
.NavToggle {
	float: right;
	font-size: x-small;
	padding-right: 5px;
}

Kopiervorlage

<templatestyles src="NavFrame/styles.css" />

Deklarieren von NavFrame-Blöcken wie etwa einklappbare Navigationsleisten mittels Vorlage:Navigationsleiste. Außerdem nachgeordnete Klassen innerhalb solcher Blöcke.

Die umschlossenen Blöcke werden mit <div class="NavFrame"> gekennzeichnet.

Beispiele siehe Test.

Klassen

NavFrame
Umschließende Klasse.
Kennzeichnung eines eigenständigen Block-Elements.
Möglicherweise ein-/ausklappbar.
NavHead
Kopfbereich, etwa Titel einer Navigationsleiste.
Auch beim Einklappen immer sichtbar.
Standardmäßig zentriert dargestellt.
NavContent
Einklappbarer Inhaltsbereich unterhalb des Titels.
Keine besondere Formatierung.
NavPic
Links außen angeordnetes Bild, typischerweise ein Logo im Inhaltsbereich.
NavToggle
Element mit der Ein-/Ausklapp-Schaltfläche.
Rechts außen angeordnet.
Nur dynamisch durch JavaScript-Gadget generiert.