summaryrefslogtreecommitdiff
path: root/css/astaf/layout.css
blob: f7a276215a3ff462ca35a1ccd7c7f94cd3876f59 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/**
 * "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/navigation/hlist-blue-small.css);

@import url(../yaml4/navigation/vlist.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 fr 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;
  }