Vorlage:Judaistik/styles
CSS
:lang(hbo), .hebrew, .singleChar, .Box .singleChar, .regular * .singleChar{
font-family: SBL Hebrew, Ezra SIL, serif;
direction: rtl;
}
.regular tr, table .singleChar{
display: table-row;
}
tr .singleChar, .regular .singleChar td{
display: table-cell;
}
.singleChar, .Box .singleChar{
display: inline-block;
}
.Box .singleChar, table .singleChar{
font-size:xx-large;
line-height: 1.1em;
}
.regular * .singleChar{
font-size:xx-large;
line-height:0.85em;
}
.singleChar{
font-size:xx-large;
line-height:0.7em;
}
.tab {
border:none;
width:100%;
clear:both;
margin:0;
padding:0;
border-spacing:0;
}
.tab .marginLT{
border-left:none;
border-top:none;
background-color:#fff;
}
.tab .spacingTR{
border-right:none;
border-top:none;
background-color:#fff;
}
.tab * .active{
height:41px;
border-bottom:none;
}
.tab * .active, .infobox th{
font-weight:bold;
color:#EEC;
font-size: medium;
}
.tab td, .tab th{
height:40px;
border: 1px solid #632;
}
.tab td, .tab th, .infobox th{
background-color: #C97;
text-align:center;
}
.tabFrame{
margin: 0 0 1em 0;
border-top:5px solid #C97;
border-left: 1px solid #632;
border-bottom: 1px solid #632;
border-right: 1px solid #632;
padding:10px;
}
.Box {
float:right;
margin:0 0 1em 1em;
}
.regular{
border-collapse:collapse;
}
.Box table, .regular, .gallery .gallerybox .thumb {
border:1px solid #632;
margin-bottom:0.3em;
border-spacing: 5px;
}
.Box table, .gallery .gallerybox .thumb{
background-color: #eec;
padding: 0.2em;
}
.Box table table{
border:none;
}
.TblHighlight th, .zebra th, .regular th, .pseudoZebra th{
border:1px solid #632;
padding:0.2em;
text-align:center;
font-weight:bold;
}
.regular td, .thumbinner, .infobox{
border:1px solid #632;
}
.Box td, .regular td, .thumbinner, .infobox {
background-color:#eec;
padding:0.2em;
font-size: 95%;
}
.zebra th, .regular th, .pseudoZebra th {
color:#431;
background-color:#C97;
}
.Box th{
color:#000;
background-color:#C97;
}
.Box tr:first-child th, .TblHighlight th,
.highlight, .Box th b {
color:#eec;
}
.Box :lang(hbo) td b, .Box td:lang(hbo) b, .Box td :lang(hbo) b{
background-color:#ffebad;
}
.Box th:lang(hbo), .Box th:lang(he-Hebr),
.Box th .Hebr{
font-size:120%;
}
.Box tr:first-child th a, .TblHighlight th a,
.highlight a,
.Box tr:first-child th:link, .TblHighlight th:link,
.highlight:link,
.Box tr:first-child th:visited, .TblHighlight th:visited,
.highlight:visited {
color:#eec;
text-decoration: underline;
}
.h3 td{
border-top:1px solid #632;
border-bottom:1px solid #632;
}
.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;
}
@media print{
.tab{
display:none !important;
}
}
Kopiervorlage
[Quelltext bearbeiten]<templatestyles src="Judaistik/styles.css" />
Allgemeine Hinweise
[Quelltext bearbeiten]Für eine optimale Lesbarkeit hebräischer Texte ist der Schriftschnitt der Society of Biblical Literature (SBL Hebrew) zu empfehlen. Er ist zudem im Gegensatz zu den meisten Times-Varianten, die ebenfalls noch sehr gut lesbar sind, frei. Er kann also auf jedem Betriebssystem installiert werden und wird dann für alle hebräischen Texte, die mit dieser Vorlage in Zusammenhang stehen, automatisch zur Anzeige verwendet.
Styles zur Formalisierung der Seitengestaltung in der Judaistik
[Quelltext bearbeiten]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:
|
Technische Styles zur Darstellung von Registerreitern
[Quelltext bearbeiten]Hinzu kommen noch technische Styles für die Darstellung von Registerreitern auf der Portalseite.