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.