Technical Details
Additional class definitions: main-advanced.css
/* ------------------ Advanced Style Definitions ------------------ */
/* ----------------------- Rev.: 2018/06/05 ----------------------- */
/* ----------------------- (C) Roland Unger ----------------------- */
html, body {
font-family: Arial,"Arial Unicode MS",Helvetica,sans-serif;
/* font-size: 12pt; */
line-height: 140%;
}
body {
margin: 0 auto;
text-align: center;
}
body.frontPage {
margin: 0 auto;
text-align: center;
}
h1 , h2 , h3 , h4 , h5 , h6, i , em , b b , strong strong , b strong , strong b {
font-family: Arial,Helvetica,sans-serif;
}
h2 , h3 , h4 , h5 , h6 {
line-height: 125%;
}
textarea , pre , tt , .spezinput , code , .code {
font-family: Courier,"Courier New",monospace;
color: #000;
background: transparent;
}
code , .code , .button , .reducedFontSize , .smaller {
font-size: 80%;
}
.highlightedInput {
background: #fff;
}
.stronger {
font-weight: 900;
}
.centered {
text-align: center;
}
.left-aligned {
text-align: left;
}
.right-aligned {
text-align: right;
}
.justify {
text-align: justify;
}
.floatRight {
float: right;
}
.floatLeft {
float: left;
}
.showURL { /* Special specification for printing */
}
/* ------------------------ Text Sections ------------------------- */
.obertitel , .supertitle , .untertitel , .subtitle , .lead {
font-weight: bold;
}
.autor , .author , .byline {
font-style: italic;
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
}
.initial:first-letter , .quotedInitial:first-letter {
font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
font-size: 2.0em;
line-height: 100%;
float: left;
margin: 0.3em 0.2em 0 0;
padding: 0;
font-weight: bold;
}
.quotedInitial:first-letter {
margin: 0;
}
.quotedInitial {
float: left;
}
/* ------------------ Lists With Special Styles ------------------- */
ul.symbol, ul.symbol ul {
padding-left: 0;
margin-left: 0;
}
/* Workaround behebt einen Fehler in der Hintergrunddarstellung
beim Internet Explorer */
ul.symbol li {
list-style-type: none;
background-color: transparent;
background-image: url(../figs/ballgelb.gif);
background-repeat: no-repeat;
background-position: 0% 0.5em;
padding: 0.1em 0 0.1em 20px;
margin-left: 0;
}
ul.symbol li ol {
padding-left: 40px;
}
ul.symbol li ol li {
list-style: decimal outside;
padding: 0;
background: none;
}
ul.separatedItems li , ol.separatedItems li {
margin-top: 1em;
}
ul.separatedItems > *:first-child , ol.separatedItems > *:first-child {
margin-top: 0;
}
ul.separatedItems li li , ol.separatedItems li li {
margin-top: 0;
}
dl.glossary {
margin-top: 0;
margin-bottom: 1em;
padding: 0;
background: #fff;
}
dl.glossary dt {
margin: 1em 0 0;
padding: 0;
font-weight: bold;
}
dl.glossary dd {
padding: 0 0 0 2em;
margin: 0;
}
/* ------------------------- Figure Style ------------------------- */
table.fig, table.leftbox, table.rightbox {
/* background: #eeeeee;
border-style: none; */
border: 1px solid #000;
border-collapse: collapse;
border-spacing: 0 0;
text-align: left;
}
/* IE kommt nicht klar mit: "margin: 1em auto", nur wenn der
1. <div class="centered"><div class="fig">
2. <table class="fig" align="center"> */
table.fig {
margin: 1em auto;
text-align: center;
}
table.fig td, table.leftbox td, table.rightbox td {
padding: 3px 3px 3px 3px;
border-style: none;
margin: 0;
}
table .caption, table .infobox {
font-size: 14px;
vertical-align: baseline;
text-align: left;
}
table .credit {
font-size: 14px;
color: #999999;
text-align: right;
}
div.fig {
border: 1px solid #000;
padding: 3px;
margin: 1em auto;
}
.fRight , div.fRight , table.rightbox {
clear: right;
float: right;
margin: 0 0 0.5em 0.5em;
}
.fLeft , div.fLeft , table.leftbox {
clear: left;
float: left;
margin: 0 0.5em 0.5em 0;
}
div.fig .credit , div.fig .caption , div.fig .infobox , div.fig .dHeader {
padding: 3px 0 0;
margin: 0;
font-size: 14px;
text-align: left;
}
div.fig .dHeader {
padding-top: 0;
}
div.fig .credit {
color: #999999;
text-align: right;
}
div.fig .dHeader {
margin-bottom: 3px;
}
.magnify {
width: 15px;
height: 19px; /* 11+8 */
margin: 0 0 5px 5px;
background: url(../figs/img-magnify.gif) no-repeat 0 8px;
float: right;
display: block;
text-decoration: none;
overflow: hidden;
color: #fff;
}
.fig img, .leftbox img, .rightbox img {
padding: 0;
border-style: none;
margin: 0;
display: block;
}
.photoNav {
text-align: center;
font-size: 15px;
font-weight: bold;
}
.photoNav a {
text-decoration: none;
}
.photoNav a:hover {
text-decoration: underline;
}
.photoNav em {
color: #808080;
font-style: normal;
}
.gallery th, .gallery td {
vertical-align: top;
padding: 6px 0 0 6px;
}
.gallery th:first-child , .gallery td:first-child {
padding-left: 0;
}
.gallery tr:first-child th , .gallery tr:first-child td {
padding-top: 0;
}
table div.fig , table table.fig {
margin: 0 auto;
}
.gallery .fig {
width: 180px;
}
/* ------------------------- Usability -------------------------- */
.access {
font-style: normal;
font-family: "Arial Unicode MS",Arial,Helvetica,sans-serif;
padding-right: 0;
}
.access ol {
color: #000;
}
/* ---------------- General Usage: Several Spacers ---------------- */
.spacer {
/* Additional spacing between paragraphs */
margin-top: 1em;
}
li.spacer {
margin-top: 0;
margin-bottom: 1em;
}
.paragraphSpacer { /* for usage with div.clearer */
margin-bottom: 1em;
}
/* ------------- General Usage: Several Table Layouts ------------- */
th {
background: #CCCCCC;
}
.cellSpacer {
padding-right: 1em;
}
.rowSpacing td , .rowSpacing th {
padding-top: 1em;
}
.rowSpacing tr:first-child td , .rowSpacing tr:first-child th {
padding-top: 0;
}
.colSpacing td , .colSpacing th {
padding-left: 1em;
}
.colSpacing td:first-child , .colSpacing th:first-child {
padding-left: 0;
}
td.symbol , .colSpacing td.symbol {
background-color: transparent;
background-image: url(../figs/ballgelb.gif);
background-repeat: no-repeat;
background-position: 0% 0.5em;
padding-left: 20px;
}
td.withoutSymbol , .colSpacing td.withoutSymbol {
padding-left: 20px;
}
table.withBorders , img.withBorders {
border: solid 1px #000;
}
table.withBorders td , table.withBorders th {
border: solid 1px #000;
padding-left: 0.3em;
padding-right: 0.3em;
}
table.withBorders td table , table.withBorders td table td {
border-style: none;
padding-left: 0;
}
.decoratedTable {
margin: 1em 0;
padding: 0 0 2px;
border-bottom: 1px solid #cccccc;
}
.withMargins {
margin-top: 1em;
margin-bottom: 1em;
}
/* ---------------------------- Symbols --------------------------- */
.external {
padding-left: 22px; /* width + 4px */
background: url(../figs/href_out_site.gif) no-repeat 0 0.25em;
}
.inPage {
padding-left: 20px; /* width + 4px */
background: url(../figs/href_in_page.gif) no-repeat 0 0.05em;
}
.mail , .wiki a[href ^="mailto:"] {
padding-left: 19px;
background: url(../figs/letter.gif) no-repeat 0 0.3em;
}
.toTop {
padding-left: 15px;
background: url(../figs/nav_up.gif) no-repeat 0 0.3em;
}
.prevPage {
padding-left: 13px;
background: url(../figs/nav_prev.gif) no-repeat 0 0.2em;
}
.nextPage {
padding-right: 13px;
background: url(../figs/nav_next.gif) no-repeat 100% 0.2em;
}
/* -------------- Background for Tables and Columns --------------- */
.bground, .bgroundContent {
text-align: left;
margin: 0;
padding: 0;
}
#pageContents {
padding-bottom: 0.3em;
}
/* --------------------- Syntax Highlighting ---------------------- */
.spsscomment {
/* Color properties are to be specified later */
}
/* ------------------ Workshop Internet-Praesenz ------------------ */
.colorList {
border-spacing: 5px 5px;
border-collapse: separate;
}
/* Specifications for chars tables */
.ct , .cd , .cb , .cdez , .chex {
font-size: 1em;
padding: 0;
height: 1.5em;
vertical-align: middle;
}
.ct {
text-align: left;
}
.cd {
width: 1.2em;
text-align: center;
}
.cb {
width: 1.2em;
text-align: left;
font-weight: bold;
}
.cdez , .chex {
width: 2em;
text-align: right;
}
.notSpecified , .importantEntity {
background: #CCCCCC;
}
- Top
-