diff options
| author | Patrick Seeger <pseeger@ccwn.org> | 2012-04-18 19:06:41 +0200 |
|---|---|---|
| committer | Patrick Seeger <pseeger@ccwn.org> | 2012-04-18 19:06:41 +0200 |
| commit | 6ee1ed2be48a7f3d739aed838f17a30f485851d1 (patch) | |
| tree | f567697018a850beeb9966b5405e0e0b5e3989b3 /css/astaf/layout.css | |
| parent | feb2fe055435e7ecdc657cacee2aaf7dc339dbc9 (diff) | |
yaml4 added
Diffstat (limited to 'css/astaf/layout.css')
| -rw-r--r-- | css/astaf/layout.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/css/astaf/layout.css b/css/astaf/layout.css new file mode 100644 index 0000000..33b2088 --- /dev/null +++ b/css/astaf/layout.css @@ -0,0 +1,95 @@ +/** + * "Yet Another Multicolumn Layout" - YAML CSS Framework + * + * central stylesheet - layout example "flexible-grids" + * + * @copyright Copyright 2005-2012, Dirk Jesse + * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), + * YAML-CDL (http://www.yaml.de/license.html) + * @link http://www.yaml.de + * @package yaml + * @version 4.0 + * @lastmodified $Date: 2012-01-22 12:01:24 +0100 (So, 22 Jan 2012) $ + */ + +/* Google Font API */ +@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700); + +/* import core styles | Basis-Stylesheets einbinden */ +@import url(../yaml4/core/base.css); + +/* import screen layout | Screen-Layout einbinden */ +@import url(../yaml4/navigation/hlist-blue.css); +@import url(../yaml4/forms/blue-theme.css); + +@import url(../yaml4/screen/typography-blue.css); +@import url(../yaml4/screen/astaf.css); + +/* import print layout | Druck-Layout einbinden */ +@import url(../yaml4/print/print.css); + + ul#navigation { + /*margin: 0; padding: 0; + text-align: center;*/ + } + + ul#navigation li { + list-style: none; + float: left; /* ohne width - nach CSS 2.1 erlaubt */ + position: relative; + margin: 0.4em; padding: 0; + z-index:1000; + } + * html ul#navigation li { /* Korrektur fuer den IE 5 und 6 */ + margin-bottom: -0.4em; + } + *:first-child+html ul#navigation li { /* Korrektur fuer den IE 7 */ + margin-bottom: -0.1em; + } + + ul#navigation li ul { + margin: 0; padding: 0; + position: absolute; + top: 1.6em; left: -0.4em; + display: none; /* Unternavigation ausblenden */ + } + * html ul#navigation li ul { /* Korrektur fuer IE 5.x */ + left: -1.5em; + lef\t: -0.4em; + } + *:first-child+html ul#navigation ul { /* Workaround fuer den IE 7 */ + background-color:silver; padding-bottom:0.4em; + } + ul#navigation li:hover ul { + display: block; /* Unternavigation in modernen Browsern einblenden */ + } + ul#navigation li ul li { + float: none; + display: block; + margin-bottom: 0.2em; + } + + ul#navigation a, ul#navigation span { + display: block; + width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */ + padding: 0.2em 1em; + text-decoration: none; font-weight: bold; + border: 1px solid black; + border-left-color: white; border-top-color: white; + color: maroon; background-color: #ccc; + } + * html ul#navigation a, * html ul#navigation span { + width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */ + w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkonformen Modus */ + } + ul#navigation a:hover, ul#navigation span, li a#aktuell { + border-color: white; + border-left-color: black; border-top-color: black; + color: white; background-color: gray; + } + li a#aktuell { /* aktuelle Rubrik kennzeichnen */ + color: maroon; background-color: silver; + } + ul#navigation li ul span { /* aktuelle Unterseite kennzeichnen */ + background-color: maroon; + }
\ No newline at end of file |
