diff options
Diffstat (limited to 'css/astaf')
| -rw-r--r-- | css/astaf/ie_patch_layout.css | 47 | ||||
| -rw-r--r-- | css/astaf/layout.css | 95 |
2 files changed, 142 insertions, 0 deletions
diff --git a/css/astaf/ie_patch_layout.css b/css/astaf/ie_patch_layout.css new file mode 100644 index 0000000..54a6452 --- /dev/null +++ b/css/astaf/ie_patch_layout.css @@ -0,0 +1,47 @@ +/** + * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework + * (en) IE patch stylesheet + * (de) IE-Anpassungs-Stylesheet + * + * @creator YAML Builder V1.2.1 (http://builder.yaml.de) + * @file patch_my_layout.css + * @-yaml-minver 3.3 + */ + +/* Layout independent adjustments | Layout-unabhängige Anpassungen */ +@import url(../../../yaml/core/iehacks.css); + +/* Layout-dependent adjustments | Layout-abhängige Anpassungen */ +@media screen, projection +{ + /** + * Bugfix for IE 3-Pixel-Jog Bug + * + * @bugfix + * @affected IE 5.x/Win, IE6 + * @css-for IE 5.x/Win, IE6 + * @valid yes + */ + + * html #col3 {height: 1%} + * html #col1 {margin-right: -3px} + * html #col2 {margin-left: -3px} + * html #col3 {margin-left: 24%; margin-right: 24% } + + /** + * min-width/max-width workaround for IE + * + * @workaround + * @affected IE 5.x/Win, IE6 + * @css-for IE 5.x/Win, IE6 + * @valid no + */ + + * html .page_margins { + /* Fallback if JavaScript is disabled */ + width: auto; + + /* JS-Expression for min-/max-width simulation */ + width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 740) ? "740px" : ((document.documentElement.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" ))); + } +} 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 |