blob: 6fb094980f02d6210e11f74c08baecf01da1a4b9 (
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
|
.yui-navset .yui-content {
border:1px solid #ccc;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover {
background-color:#fff;
}
.yui-navset .yui-nav li a {
background:#e5e5e5 url(../img/round_4px_trans_gray.gif) no-repeat;
}
.yui-navset .yui-nav li a em {
background:transparent url(../img/round_4px_trans_gray.gif) no-repeat top right;
padding:0.5em;
}
/* top oriented */
.yui-navset-top .yui-nav { margin-bottom:-1px; } /* for overlap, based on content border-width */
.yui-navset-top .yui-nav li a {
border-bottom:1px solid #ccc;
}
.yui-navset-top .yui-nav .selected a { border-bottom:0; }
.yui-navset-top .yui-nav .selected a em { padding-bottom:0.6em; } /* adjust height */
/* top & bottom oriented */
.yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
margin-left:4px; /* based on border-radius */
padding-right:8px; /* based on border-radius (2x left to balance margin) */
padding-left:4px;
}
/* bottom oriented */
.yui-navset-bottom .yui-nav { margin-top:-1px; } /* for overlap, based on content border-width */
.yui-navset-bottom .yui-nav li a { border-top:1px solid #ccc; }
.yui-navset-bottom .yui-nav .selected a { border-top:0; }
.yui-navset-bottom .yui-nav .selected a em { padding-top:0.6em; } /* adjust height */
.yui-navset-bottom .yui-nav li a { background-position:bottom left; }
.yui-navset-bottom .yui-nav li a em { background-position:bottom right; }
/* left oriented */
.yui-navset-left .yui-content { margin-left:-1px; } /* for overlap, based on content border-width */
.yui-navset-left .yui-nav li a {
border-right:1px solid #ccc;
padding-bottom:4px;
}
.yui-navset-left .yui-nav li a em, .yui-navset-right .yui-nav li a em {
padding-top:8px; /* based on border-radius (2x left to balance margin) */
}
.yui-navset-left .yui-nav .selected a { border-right:0; }
.yui-navset-left .yui-nav .selected a em { padding-left:0.6em; } /* adjust width */
.yui-navset-left .yui-nav li a { background-position:bottom left; }
.yui-navset-left .yui-nav li a em { background-position:top left; }
/* right oriented */
.yui-navset-right .yui-content { margin-right:-1px; } /* for overlap, based on content border-width */
.yui-navset-right .yui-nav li a {
border-left:1px solid #ccc;
padding-bottom:4px;
}
.yui-navset-right .yui-nav .selected a { border-left:0; }
.yui-navset-right .yui-nav .selected a em { padding-left:0.6em; } /* adjust width */
.yui-navset-right .yui-nav li a { background-position:bottom right; }
.yui-navset-right .yui-nav li a em { background-position:top right; }
|