Vorlage:Ägyptologie/styles

[Verwendung]   [CSS bearbeiten]

Diese Seite dokumentiert TemplateStyles betreffend Vorlage:Ägyptologie.
Sie sind auf dieser Seite aktiviert.

CSS

.Box {
	float:right;
	margin:5px 0 1em 1em;
}
.Box table, .regular {
	border:1px solid #930;
	border-collapse:collapse;
}
.Box th, .TblHighlight th, .zebra th, .regular th, .pseudoZebra th{
	border:1px solid #930;
	padding:0.2em;
	text-align:center;
}
.Box td, .regular td {
	border:1px solid #930;
	background-color:#eec;
	padding:0.2em;
}

.hiero, .Box .hiero, .regular .hiero, .zebra .hiero {
	background-color:#ffffde;
}
.Box th, .TblHighlight th, .zebra th, .regular th, .pseudoZebra th,
.highlight {
	color:#730;
	background-color:#ffe39b;
}

.hiero table, .regular .hiero table, .zebra .hiero table{
	border:none;
	display:inline-block;
}

.hiero .hieroFrame table{
	display:block;
}

.hiero td, .hiero tr, .regular .hiero td, .zebra .hiero td, .regular .hiero tr, .zebra .hiero tr {
	border:none;
	background-color:#ffffde;
	padding:0;
}

.pseudoZebra {
	background-color:white;
	padding:0.2em;
}

.zebra, .pseudoZebra {
	width:100%;
	border:1px solid #930;
	border-collapse:collapse;
}
.zebra tr:nth-child(even){
	background-color:white;
}
.zebra tr:nth-child(odd), .pseudoZebra .regular2 {
	background-color:#fefaf0;
}
.zebra td, .pseudoZebra td {
	border:1px solid #930;
}
.Cartouche .lr, .Box .Cartouche .lr,
.hiero .Cartouche .lr, .hiero .Box .Cartouche .lr{
	background-image:url("//upload.wikimedia.org/wikipedia/commons/thumb/1/14/Hiero_Cartouche_ltr.svg/200px-Hiero_Cartouche_ltr.svg.png");
    background-repeat:no-repeat;
	background-size: 100% 100%;
	padding:0.3em 1em 0.3em 0.6em;
}
.Cartouche .rl, .Box .Cartouche .rl,
.hiero .Cartouche .rl, .hiero .Box .Cartouche .rl{
	background-image:url("//upload.wikimedia.org/wikipedia/commons/thumb/9/98/Hiero_Cartouche_rtl.svg/150px-Hiero_Cartouche_rtl.svg.png");
    background-repeat:no-repeat;
	background-size: 100% 100%;
	padding:0.3em 0.6em 0.3em 1em;
}
.Cartouche .td, .Box .Cartouche .td, .hiero .Cartouche .td, .Box .Cartouche .td{
	background-image:url("//upload.wikimedia.org/wikipedia/commons/thumb/b/b9/Hiero_Cartouche_td.svg/50px-Hiero_Cartouche_td.svg.png");
    background-repeat:no-repeat;
	background-size: 100% 100%;
	padding:0.7em 0.3em 1.2em 0.3em;
}
.Cartouche td table, .Box .Cartouche td table,
.Serech td table, .Box .Serech td table,
.hiero .Cartouche td table, .hiero .Box .Cartouche td table,
.hiero .Serech td table, .hiero .Box .Serech td table{
	display:table;
	background:none;
	margin-left:auto;
	margin-right:auto;
}
.hiero .Cartouche table, .Box .hiero .Cartouche table,
.hiero .Serech table, .Box .hiero .Serech table{
	display:table;
	margin-left:auto;
	margin-right:auto;
}
.Cartouche .mw-hiero-outer, .Cartouche .mw-hiero-table,
.Cartouche .mw-hiero-outer td, .Cartouche .mw-hiero-table td,
.Cartouche .mw-hiero-outer tr, .Cartouche .mw-hiero-table tr,
.hiero .Cartouche .mw-hiero-outer, .hiero .Cartouche .mw-hiero-table,
.hiero .Cartouche .mw-hiero-outer td, .hiero .Cartouche .mw-hiero-table td,
.hiero .Cartouche .mw-hiero-outer tr, .hiero .Cartouche .mw-hiero-table tr{
	background:none;
}

.Serech .core, .hiero .Serech .core{
	border: solid black 2px;
}

.Serech .lr{
	background-image:url("//upload.wikimedia.org/wikipedia/commons/thumb/5/58/Hiero_Srxtail_L.svg/200px-Hiero_Srxtail_L.svg.png");
    background-repeat:no-repeat;
	background-size: 100% 100%;
	width:50px;
}

.Serech .td{
	background-image:url("//upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Hiero_Srxtail_B.svg/200px-Hiero_Srxtail_B.svg.png");
    background-repeat:no-repeat;
	background-size: 100% 100%;
	height:50px;
}

Kopiervorlage

<templatestyles src="Ägyptologie/styles.css" />

---

Überschrift
Beschreibung

Code hierfür:

<div class="Box">
{|
! colspan="2"| Überschrift
|-
|Beschreibung
|class="hiero"| <hiero>A1-X1:Z1*Z1</hiero>
|}
</div>

Styles zur Formalisierung der bisherigen Seitengestaltung in der Ägyptologie

Diese Seite zeigt die Verwendung. Vorgesehen ist, dass die immer gleiche Gestaltung von Infoboxen in einem gemeinsamen Stylesheet ihre Grundlage hat. Boxen sollen aus Tabellen gebildet werden, in denen die einzelnen gemeinsamen Elemente durch eine, oder wenige Klassen gestaltet werden. Tabellen haben Überschriften, normale Zellen und Zellen für die Darstellung von Hieroglyphen. Um eine bequemere Steuerung der Box-Tabellen zu ermöglichen, soll die Tabelle selbst nicht an eine "center"-, oder "float-right"-Klasse gebunden sein. Dazu soll es Möglich sein, ein div-Element als Rahmen für die Tabelle zu verwenden. Dieses div-Element wird dann rechts positioniert und links umflossen. Darüber hinaus gibt es in längeren Tabellen die Möglichkeit, Tabellenzeilen durch Abwechselung der Farben leichter erfassbar zu machen.

{| class="zebra" |- ! Überschrift |- | Zeile |- | Zeile |- | Zeile |- | Zeile |- | Zeile |- | Zeile |}

wird zu: Überschrift Zeile Zeile Zeile Zeile Zeile Zeile

Technische Styles zur Darstellung von Serechs und Kartuschen

Hinzu kommen noch technische Styles für die saubere Darstellung horizontaler und vertikaler Serechs und Kartuschen, z. B. mit einer Vorlage:PharaoName. Diese sollen bitte nur dann geändert werden, wenn die Folgen bekannt sind, bzw. auch direkt überprüft werden. Ändere sie also nur, wenn du genau weißt, was du tust! Beispiele für die Verwendung werden an dieser Stelle ergänzt, in dem Umfang, wie der Entwicklungsstand der Vorlage voranschreitet.