MenuMatic2.css
3.42 KB
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/
/* ----[ LINKS ]----*/
/* all menu links */
#navFav a, #subMenusContainer2 a{
text-decoration:none;
display:block;
height:20px;
}
#contentUl{
padding: 2px 4px!important;
}
.smOW2 ul{
padding: 2px 4px!important;
}
#contentUl li{
padding-top: 1px;
padding-bottom: 1px;
min-height: 18px;
}
#contentUl li ul li{
padding-top: 1px;
padding-bottom: 1px;
min-height: 18px;
}
li a{
vertical-align:middle;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#navFav a{
margin:0;
float:left;
}
/* Just sub menu links */
#subMenusContainer2 a, #navFav li li a{
text-align:left;
}
/* All menu links on hover or focus */
#subMenusContainer2 a:hover, #subMenusContainer2 a:focus, #subMenusContainer2 a.subMenuParentBtnFocused2{
background-color:#F6C739 ;
color:#FFF;
}
/* sub menu links on hover or focus */
#subMenusContainer2 a:hover,
#subMenusContainer2 a:focus,
#subMenusContainer2 a.subMenuParentBtnFocused2,
{
background-color:#F6C739 ;
color:#FFF;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn2{
background: url(../img/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused2{
background: url(../img/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused2{
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW2{
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0px 2px;
*padding:0px 0px!important;
width: auto!important;
min-height: 18px;
}
/* All ULs and OLs */
#navFav, #navFav ul, #navFav ol, #subMenusContainer2 ul, #subMenusContainer2 ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/* All submenu OLs and ULs */
#navFav ol, #navFav ul, #subMenusContainer2 ul, #subMenusContainer2 ol {
/*border around submenu goes here*/
background:#fff;
border:1px solid #C3D46A;
left:0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#navFav li {
/*great place to use a background image as a divider*/
display:block;
list-style:none;
position:relative;
float:left;
}
#subMenusContainer2 li{
list-style: none;
height: 18px;
*height: auto!important;
}
#subMenusContainer2 a{
height: 18px;
*height: auto!important;
}
#favLi{
border-bottom: solid #fff 0px;
}
#subMenusContainer2{ display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#navFav li li{
float:none;
}
#navFav li li a{ /* Just submenu links*/
position:relative;
float:none;
}
#navFav li ul { /* second-level lists */
position: absolute;
width: 200px;
margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}