Bedeutung
Berühmt
Datenbank Historische Schaller bis ca. 1600
Diskussionsforum
Familien
Jahrhunderte
Ortsliste
Personen
Schaller-Orte
USA
Verbreitung |
/* CSS Selektoren
tag Knotentyp
tag tag Nachfahre
tag>tag Kind
.class class="class" - aber auch class="class1 class2" möglich
#id id="id" - sollte eindeutig sein
[attr="val"] Wert eines Attributs
*/
/* Standardtext */
/* IMPORTANT: Mac default sans-serif is Helvetica, while on Windows it's Arial. */
body, tbody {
font: 20px/1.5em Helvetica,sans-serif;
font-weight: 300;
background: rgb(255, 255, 255);
}
/* Header */
.header {
vertical-align: middle;
text-align: left;
}
table.header { /* class="header" */
background: white;
margin-left: 5px;
margin-right: 5px;
}
table {
border-spacing: 0 0;
}
/* Verweise */
a[href] { text-decoration: none; border-bottom: 1px solid black; color: black; }
a[href]:hover { border-bottom: 1px solid #ffe85d; }
a[target]:before { border-bottom: 0px solid white; content: url(/images/link.png) " "; }
.nolink a[href] { border-bottom: 0px solid white; }
.nolink a[href]:hover { border-bottom: 0px solid white; }
.nolink a[target]:before { content: ""; }
/* Haupttabs */
.navi td { /* class="navi" */
background: #9a9e9e;
color: white;
text-align: center;
height: 190px;
}
table.main { /* class="header" */
background-color: white;
margin-left: 5px;
margin-right: 5px;
}
.main-tabs table {
border-spacing: 0;
width: 100%;
}
.main-tabs td {
text-align: center;
white-space: nowrap;
color: #ffffff;
border: 2px solid white;
border-top-width: 0px;
border-bottom-width: 4px;
background-color: #9a9e9e;
line-height: normal;
height: 45px;
font-size: 22px;
font-weight: 300;
}
.main-tabs td:hover {
color: black;
background-color: #ffd351;
border-bottom-color: #ffd351;
}
.main-tabs td.active {
background-color: #ffd351;
border-bottom-color: #ffd351;
font-weight: 500;
}
.main-tabs a {
color: #ffffff;
padding: 4px 4px 0 4px;
text-decoration: none;
border: 0px none;
}
.main-tabs a:hover {
color: black;
padding: 4px 4px 0 4px;
text-decoration: none;
border: 0px none;
}
.main-tabs td.active a {
color: black;
}
/* Subtabs */
div.sub-tabs {
background-color: #ffd351;
border-bottom: 4px solid white;
}
.sub-tabs table {
}
.sub-tabs tr {
}
.sub-tabs td {
text-align: left;
white-space: nowrap;
color: #9a9e9e;
background-color: #ffd351;
line-height: normal;
height: 45px;
font-size: 20px;
font-weight: 300;
}
.sub-tabs td.active {
font-weight: 500;
}
.sub-tabs a {
padding: 4px;
color: #9a9e9e;
text-decoration: none;
border: 0px none;
}
.sub-tabs a:hover {
color: #000000;
border: 0px none;
}
.sub-tabs .menu a:before { content: "| "; }
.sub-tabs .menu a:after { content: " "; }
.sub-tabs td.active a {
color: black;
}
div.search { /* class="search" */
background: #9a9e9e;
color: #555555;
height: 82px;
text-align: left;
white-space: nowrap;
font: 16px helvetica,sans-serif;
font-weight: normal;
padding: 4px;
}
div.search div { /* class="search" */
margin-top: 30px;
margin-bottom: auto;
}
.search a[href] {
padding: 4px;
color: #ffffff;
text-decoration: none;
border: 0px none;
border-bottom: 1px solid white;
height: 100%;
}
.flags a[href] {
padding: 1px;
}
.search a[href]:hover {
color: #555555;
text-decoration: none;
border: 0px none;
border-bottom: 1px solid #ffe85d;
}
.search .nolink a { border-bottom: 0px solid white; }
.search .nolink a:hover { border-bottom: 0px solid white; }
/* 3 Hauptspalten */
td.left { } /* sollte eher .left td sein */
td.center {
padding-left: 15px;
padding-right: 15px;
}
td.right { }
/* Blöcke in linker und rechter Spalte */
table.box { /* < table class="box" > */
border-collapse: separate;
border-spacing: 2px 2px;
/*border-width: 1px;
border-style: solid;*/
border-color: rgb(50, 50, 50);
margin-top: 5px;
margin-bottom: 5px;
}
.box th {
background: #ffe85d;
font-weight: 600;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
padding: 4px;
}
.box td {
background: rgb(250, 250, 250);
font-weight: 300;
width: 100%;
padding: 4px;
border-left: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
}
.box td.alternate { /* < td class="alternate" > */
background: rgb(120, 120, 120);
}
/* Tabellen (Suchergebnisse etc.) */
table.list { /* class="list" */
border-spacing: 0px 2px;
border-style: none;
/*border-width: 1px;
border-style: solid;*/
border-color: rgb(50, 50, 50);
/* margin: 5px 10px 5px 10px; */
}
table.list th {
background: #ffe85d;
font-weight: 600;
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
padding: 4px;
}
table.list td {
background: rgb(255, 255, 255);
font-weight: 300;
padding: 4px;
border-left: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
}
table.list td.alternate { /* alternating cells */
background: rgb(120, 120, 120);
}
/* Überschrift(en) */
table.images {
border-top: 10px solid white;
border-bottom: 5px solid white;
width: 100%;
}
table.images td {
text-align: center;
}
h1, h2, h3 {
font-size: 24px;
font-weight: 400;
border-top: thin solid;
border-bottom: thin solid;
margin-top: 0.5em;
margin-bottom: 0.5em;
line-height: 2.5em;
}
h4, h5, h6 {
margin-top: 2em;
font-size: 20px;
font-weight: 600;
line-height: 0.5em;
}
/* Buttons und Formulare */
/* Produktdarstellung (class="medium") */
img { border-width: 0; }
img.wide {
/* border: 1px solid black; */
/* height: 150px; */
min-width: 100px;
/* width: 100%; */
}
img.images { height: 150px; }
img.icon { width: 32px; }
img.small { width: 75px; }
img.medium { width: 150px; }
img.big { width: 300px; }
img.large { width: 600px; }
dt { font-style:italic; margin-top: 10pt; } |
|