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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* (en) Vertical list navigation "vlist"
* (de) Vertikale Navigationsliste "vlist"
*
* @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 v4.0
* @revision $Revision: 686 $
* @lastmodified $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $
*/
@media all {
/* title */
h6.ym-vlist {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:100%;
width:90%;
padding:3px 0px 3px 10%; /* LTR */
margin:0;
color:#444;
background-color:#fff;
border-top:2px #ddd solid;
border-bottom:4px #888 solid;
}
.ym-vlist {
width:100%;
overflow:hidden;
margin:0 0 1.5em 0;
list-style-type:none;
border-bottom:2px #ddd solid;
}
.ym-vlist ul {
list-style-type:none;
margin:0;
padding:0;
}
.ym-vlist li {
float:left; /* LTR */
width:100%;
margin:0;
padding:0;
}
.ym-vlist a,
.ym-vlist strong,
.ym-vlist span {
display:block;
padding:3px 0px 3px 10%;
text-decoration:none;
border-bottom:1px #ddd solid;
}
.ym-vlist a,
.ym-vlist a:visited {
color:#444;
}
.ym-vlist li span {
display:block;
font-weight:bold;
border-bottom:1px #ddd solid;
}
/* active list element */
.ym-vlist li.active {
color:#fff;
background-color:#444;
}
.ym-vlist li.active strong {
font-weight:bold;
}
/* Level 1 */
.ym-vlist li a,
.ym-vlist li strong,
.ym-vlist li span { width:90%; padding-left:10%; } /* LTR */
.ym-vlist li a:focus,
.ym-vlist li a:hover,
.ym-vlist li a:active { background-color:#888; color:#fff; outline: 0 none; }
/* Level 2 */
.ym-vlist li ul li a,
.ym-vlist li ul li strong,
.ym-vlist li ul li span { width:80%; padding-left:20%; } /* LTR */
.ym-vlist li ul li a,
.ym-vlist li ul li a:visited { background-color:#f8f8f8; color:#333; }
.ym-vlist li ul li a:focus,
.ym-vlist li ul li a:hover,
.ym-vlist li ul li a:active { background-color:#888; color:#fff; }
/* Level 3 */
.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li strong,
.ym-vlist li ul li ul li span { width:70%; padding-left:30%; } /* LTR */
.ym-vlist li ul li ul li a,
.ym-vlist li ul li ul li a:visited{ background-color:#f0f0f0; color:#222; }
.ym-vlist li ul li ul li a:focus,
.ym-vlist li ul li ul li a:hover,
.ym-vlist li ul li ul li a:active { background-color:#888; color:#fff; }
/* Level 4 */
.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li strong,
.ym-vlist li ul li ul li ul li span { width:60%; padding-left:40%; } /* LTR */
.ym-vlist li ul li ul li ul li a,
.ym-vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color:#111; }
.ym-vlist li ul li ul li ul li a:focus,
.ym-vlist li ul li ul li ul li a:hover,
.ym-vlist li ul li ul li ul li a:active { background-color:#888; color:#fff; }
}
|
