| | |
|---|
| | | @charset "UTF-8";
|
|---|
| | | /**
|
|---|
| | | * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
|
|---|
| | | *
|
|---|
| | | * (en) Uniform design of standard content elements
|
|---|
| | | * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
|
|---|
| | | *
|
|---|
| | | * @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:"Courier New", Courier, monospace; |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /* (en) base layout gets standard font size 12px */
|
|---|
| | | /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
|
|---|
| | | body {
|
|---|
| | | font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
|
|---|
| | | font-size: 75.00%; |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
|
|---|
| | | h1 { font-size: 200% } /* 24px */
|
|---|
| | | h2 { font-size: 166.67% } /* 20px */
|
|---|
| | | 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 */
|
|---|
| | |
|
|---|
| | | 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;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * 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: #900; text-decoration:none; }
|
|---|
| | | a:focus,
|
|---|
| | | a:hover,
|
|---|
| | | a:active { background-color: #fee; text-decoration:underline; }
|
|---|
| | | |
|---|
| | | #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
|
|---|
| | | #topnav a:focus,
|
|---|
| | | #topnav a:hover,
|
|---|
| | | #topnav a:active{ text-decoration:underline; background-color: transparent; }
|
|---|
| | | |
|---|
| | | #footer a { color: #aac; background:transparent; font-weight: bold; }
|
|---|
| | | #footer a:focus,
|
|---|
| | | #footer a:hover,
|
|---|
| | | #footer a:active { color: #fff; 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; }
|
|---|
| | | thead th { background: #444; 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 #000 solid;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @charset "UTF-8"; |
|---|
| | | /** |
|---|
| | | * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework |
|---|
| | | * |
|---|
| | | * (en) Uniform design of standard content elements |
|---|
| | | * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente |
|---|
| | | * |
|---|
| | | * @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:"Courier New", Courier, monospace; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* (en) base layout gets standard font size 12px */ |
|---|
| | | /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */ |
|---|
| | | body { |
|---|
| | | font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; |
|---|
| | | font-size: 75.00%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; } |
|---|
| | | h1 { font-size: 200% } /* 24px */ |
|---|
| | | h2 { font-size: 166.67% } /* 20px */ |
|---|
| | | 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 */ |
|---|
| | | |
|---|
| | | 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; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 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: #900; text-decoration:none; } |
|---|
| | | a:focus, |
|---|
| | | a:hover, |
|---|
| | | a:active { background-color: #fee; text-decoration:underline; } |
|---|
| | | |
|---|
| | | #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; } |
|---|
| | | #topnav a:focus, |
|---|
| | | #topnav a:hover, |
|---|
| | | #topnav a:active{ text-decoration:underline; background-color: transparent; } |
|---|
| | | |
|---|
| | | #footer a { color: #aac; background:transparent; font-weight: bold; } |
|---|
| | | #footer a:focus, |
|---|
| | | #footer a:hover, |
|---|
| | | #footer a:active { color: #fff; 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; } |
|---|
| | | thead th { background: #444; 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 #000 solid; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
