@charset "UTF-8";
|
/**
|
* "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
*
|
* (en) Uniform design of standard content elements - ISPConfig 3: default theme
|
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente - ISPConfig 3: default theme
|
*
|
* @copyright Copyright 2005-2008, Dirk Jesse
|
* @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
|
* YAML-C (http://www.yaml.de/en/license/license-conditions.html)
|
* @link http://www.yaml.de
|
* @package yaml
|
* @version 3.0.6
|
* @revision $Revision: 202 $
|
* @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
|
* @appdef yaml
|
*/
|
|
@media all
|
{
|
/**
|
* Fonts
|
* (en) font-family and font-size selection for headings and standard text elements
|
* (de) Zeichensatz und SchriftgröÃen für Ãberschriften und übliche Text-Elemente
|
*
|
* @section content-fonts
|
*/
|
|
/* (en) reset font size for all elements to standard (16 Pixel) */
|
/* (de) Alle SchriftgröÃen auf StandardgröÃe (16 Pixel) zurücksetzen */
|
html * { font-size: 100.01% }
|
|
/* (en) reset monospaced elements to font size 16px in Gecko browsers */
|
/* (de) SchriftgröÃe von monospaced Elemente auf 16 Pixel setzen */
|
textarea, pre, tt, code {
|
font-family: Consolas,"Lucida Console","Courier New",monospace;
|
font-size: 0.9em;
|
}
|
|
/* (en) base layout gets standard font size 12px */
|
/* (de) Basis-Layout erhält StandardschriftgröÃe von 12 Pixeln */
|
body {
|
font-family: 'Trebuchet MS', sans-serif;
|
font-size: 75.00%;
|
color: #444;
|
}
|
|
h1,h2,h3,h4,h5,h6 {
|
font-family: 'Trebuchet MS', sans-serif;
|
font-weight:bold;
|
color:#666;
|
margin: 0 0 0.25em 0;
|
}
|
|
h1 { font-size: 200% } /* 24px */
|
h2 { font-size: 200% } /* 24px */
|
h3 { font-size: 150% } /* 18px */
|
h4 { font-size: 133.33% } /* 16px */
|
h5 { font-size: 116.67% } /* 14px */
|
h6 { font-size: 116.67%; font-style:italic } /* 14px */
|
|
#header h1 {
|
font-size:2.5em;
|
letter-spacing:-2px;
|
line-height:65%;
|
color: silver;
|
}
|
|
#header span {
|
color:#333333;
|
}
|
|
p { line-height: 1.5em; margin: 0 0 1em 0; }
|
|
/* ### Lists | Listen #### */
|
|
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
|
li { margin-left: 1.5em; line-height: 1.5em }
|
|
dt { font-weight: bold }
|
dd { margin: 0 0 1em 2em }
|
|
/* ### text formatting | Textauszeichnung ### */
|
|
cite, blockquote { font-style:italic }
|
blockquote { margin: 0 0 1em 1.5em }
|
|
strong,b { font-weight: bold }
|
em,i { font-style:italic }
|
|
pre, code { font-family: monospace; font-size: 1.1em; }
|
|
acronym, abbr {
|
letter-spacing: .07em;
|
border-bottom: .1em dashed #c00;
|
cursor: help;
|
}
|
|
/* Set a background-color, no system backgorund used anymore */
|
select, input, textarea {
|
background: #FFFFFF;
|
border: 1px solid #DFDFDF;
|
padding: 1px;
|
outline:none;
|
}
|
|
|
/**
|
* Generic Content Classes
|
* (en) standard classes for positioning and highlighting
|
* (de) Standardklassen zur Positionierung und Hervorhebung
|
*
|
* @section content-generic-classes
|
*/
|
|
.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
|
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
|
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
|
|
.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
|
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
|
.center { text-align:center; margin: 0.5em auto }
|
|
/**
|
* External Links
|
*
|
* (en) Formatting of hyperlinks
|
* (de) Gestaltung von Hyperlinks
|
*
|
*/
|
|
a {color: #4D87C7; text-decoration:none;}
|
a:focus,
|
a:hover,
|
a:active {color:#182E7A; text-decoration:underline;}
|
|
#topsubnav a { color: #f0f8ff; font-weight: normal; background:transparent; text-decoration:none; }
|
#topsubnav a:focus,
|
#topsubnav a:hover,
|
#topsubnav a:active { text-decoration:underline; background-color: transparent;}
|
|
#footer a { color: #999; background:transparent; font-weight: bold;}
|
#footer a:focus,
|
#footer a:hover,
|
#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}
|
|
/**
|
* (en) Emphasizing external Hyperlinks via CSS
|
* (de) Hervorhebung externer Hyperlinks mit CSS
|
*
|
* @section content-external-links
|
* @app-yaml-default disabled
|
*/
|
|
/*
|
#main a[href^="http://www.my-domain.com"],
|
#main a[href^="https://www.my-domain.com"]
|
{
|
padding-left: 12px;
|
background-image: url('your_image.gif');
|
background-repeat: no-repeat;
|
background-position: 0 0.45em;
|
}
|
*/
|
|
/**
|
* Tables | Tabellen
|
* (en) Generic classes for table-width and design definition
|
* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
|
*
|
* @section content-tables
|
*/
|
|
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
|
table.full { width: 100%; }
|
table.fixed { table-layout:fixed }
|
|
th,td { padding: 0.5em;text-align:l; }
|
thead th { background: #444 url(../../images/lists_thead_bg.png) repeat-x; color: #fff }
|
tbody th { background: #ccc; color: #333 }
|
tbody th.sub { background: #ddd; color: #333 }
|
|
/**
|
* Miscellaneous | Sonstiges
|
*
|
* @section content-misc
|
*/
|
|
hr {
|
color: #fff;
|
background:transparent;
|
margin: 0 0 0.5em 0;
|
padding: 0 0 0.5em 0;
|
border:0;
|
border-bottom: 1px #eee solid;
|
}
|
}
|
