root / drupal7 / sites / all / modules / nice_menus / css / nice_menus_default.css @ 384fc62a
1 |
/*
|
---|---|
2 |
This is the default layout template for nice menus, and will provide
|
3 |
a starting point for the look of your menus. To customize, it's
|
4 |
recommended to create a custom CSS file using this file as a template,
|
5 |
then configure the module to use your custom CSS file
|
6 |
(this is done in the global settings tab of the theme administration.)
|
7 |
|
8 |
See README.txt and the handbook page (http://drupal.org/node/185543)
|
9 |
for more information on using the CSS.
|
10 |
*/
|
11 |
|
12 |
/******************************
|
13 |
Global CSS for ALL menu types
|
14 |
******************************/
|
15 |
|
16 |
ul.nice-menu, |
17 |
ul.nice-menu ul { |
18 |
list-style: none; |
19 |
padding: 0; |
20 |
margin: 0; |
21 |
border-top: 1px solid #ccc; |
22 |
} |
23 |
|
24 |
ul.nice-menu li { |
25 |
border: 1px solid #ccc; |
26 |
border-top: 0; |
27 |
float: left; /* LTR */ |
28 |
background-color: #eee; |
29 |
} |
30 |
|
31 |
ul.nice-menu a { |
32 |
padding: 0.3em 5px 0.3em 5px; |
33 |
} |
34 |
|
35 |
ul.nice-menu ul { |
36 |
top: 1.8em; |
37 |
left: -1px; /* LTR */ |
38 |
border: 0; |
39 |
border-top: 1px solid #ccc; |
40 |
margin-right: 0; /* LTR */ |
41 |
} |
42 |
|
43 |
ul.nice-menu ul li { |
44 |
width: 12.5em; |
45 |
} |
46 |
|
47 |
/******************************
|
48 |
VERTICAL (left/right) menus
|
49 |
******************************/
|
50 |
|
51 |
/* This is the default width of all vertical menus. */
|
52 |
ul.nice-menu-right, |
53 |
ul.nice-menu-left, |
54 |
ul.nice-menu-right li, |
55 |
ul.nice-menu-left li { |
56 |
width: 12.5em; |
57 |
} |
58 |
|
59 |
/* VERTICAL menus where submenus pop RIGHT (default). */
|
60 |
ul.nice-menu-right ul { |
61 |
width: 12.5em; |
62 |
left: 12.5em; |
63 |
top: -1px; |
64 |
} |
65 |
|
66 |
ul.nice-menu-right ul ul { |
67 |
width: 12.5em; |
68 |
left: 12.5em; |
69 |
top: -1px; |
70 |
} |
71 |
|
72 |
ul.nice-menu-right li.menuparent, |
73 |
ul.nice-menu-right li li.menuparent { |
74 |
background: #eee url("../images/arrow-right.png") right center no-repeat; |
75 |
} |
76 |
|
77 |
ul.nice-menu-right li.menuparent:hover, |
78 |
ul.nice-menu-right li li.menuparent:hover { |
79 |
background: #ccc url("../images/arrow-right.png") right center no-repeat; |
80 |
} |
81 |
|
82 |
/* VERTICAL menus where submenus pop LEFT. */
|
83 |
ul.nice-menu-left li ul { |
84 |
width: 12.5em; |
85 |
left: -12.65em; |
86 |
top: -1px; |
87 |
} |
88 |
|
89 |
ul.nice-menu-left li ul li ul { |
90 |
width: 12.5em; |
91 |
left: -12.65em; |
92 |
top: -1px; |
93 |
} |
94 |
|
95 |
ul.nice-menu-left li.menuparent, |
96 |
ul.nice-menu-left li li.menuparent { |
97 |
background: #eee url("../images/arrow-left.png") left center no-repeat; |
98 |
} |
99 |
|
100 |
ul.nice-menu-left li.menuparent:hover, |
101 |
ul.nice-menu-left li li.menuparent:hover { |
102 |
background: #ccc url("../images/arrow-left.png") left center no-repeat; |
103 |
} |
104 |
|
105 |
ul.nice-menu-left a, |
106 |
ul.nice-menu-left ul a { |
107 |
padding-left: 14px; |
108 |
} |
109 |
|
110 |
/******************************
|
111 |
HORIZONTAL (down) menus
|
112 |
******************************/
|
113 |
|
114 |
ul.nice-menu-down { |
115 |
float: left; /* LTR */ |
116 |
border: 0; |
117 |
} |
118 |
|
119 |
ul.nice-menu-down li { |
120 |
border-top: 1px solid #ccc; |
121 |
} |
122 |
|
123 |
ul.nice-menu-down li li { |
124 |
border-top: 0; |
125 |
} |
126 |
|
127 |
ul.nice-menu-down ul { |
128 |
left: 0; /* LTR */ |
129 |
} |
130 |
|
131 |
ul.nice-menu-down ul li { |
132 |
clear: both; |
133 |
} |
134 |
|
135 |
ul.nice-menu-down li ul li ul { |
136 |
left: 12.5em; /* LTR */ |
137 |
top: -1px; |
138 |
} |
139 |
|
140 |
ul.nice-menu-down .menuparent a { |
141 |
padding-right: 15px; /* LTR */ |
142 |
} |
143 |
|
144 |
ul.nice-menu-down li.menuparent { |
145 |
background: #eee url("../images/arrow-down.png") right center no-repeat; /* LTR */ |
146 |
} |
147 |
|
148 |
ul.nice-menu-down li.menuparent:hover { |
149 |
background: #ccc url("../images/arrow-down.png") right center no-repeat; /* LTR */ |
150 |
} |
151 |
|
152 |
ul.nice-menu-down li li.menuparent { |
153 |
background: #eee url("../images/arrow-right.png") right center no-repeat; /* LTR */ |
154 |
} |
155 |
|
156 |
ul.nice-menu-down li li.menuparent:hover { |
157 |
background: #ccc url("../images/arrow-right.png") right center no-repeat; /* LTR */ |
158 |
} |
159 |
|
160 |
/******************************
|
161 |
Garland-specific CSS
|
162 |
******************************/
|
163 |
|
164 |
/**
|
165 |
* Global CSS for ALL menu types
|
166 |
*/
|
167 |
ul.nice-menu li { |
168 |
margin: 0; |
169 |
padding-left: 0; /* LTR */ |
170 |
background-image: none; |
171 |
} |
172 |
|
173 |
#header-region ul.nice-menu li { |
174 |
margin: 0; |
175 |
/* Padding rules are needed to deal with Garland's header line-height. */
|
176 |
padding-top: 0.1em; |
177 |
padding-bottom: 0.1em; |
178 |
background: #eee; |
179 |
} |
180 |
|
181 |
#header-region ul.nice-menu ul { |
182 |
top: 1.8em; |
183 |
left: -1px; /* LTR */ |
184 |
border: 0; |
185 |
border-top: 1px solid #ccc; |
186 |
margin-right: 0; /* LTR */ |
187 |
} |
188 |
|
189 |
#header-region ul.nice-menu ul { |
190 |
top: 1.7em; |
191 |
} |
192 |
|
193 |
/**
|
194 |
* HORIZONTAL (down) menus
|
195 |
*/
|
196 |
#header-region ul.nice-menu-down li ul li ul { |
197 |
left: 12.5em; /* LTR */ |
198 |
top: -1px; |
199 |
} |
200 |
|
201 |
#header-region ul.nice-menu-down li.menuparent { |
202 |
background: #eee url("../images/arrow-down.png") right center no-repeat; /* LTR */ |
203 |
} |
204 |
|
205 |
#header-region ul.nice-menu-down li.menuparent:hover { |
206 |
background: #ccc url("../images/arrow-down.png") right center no-repeat; /* LTR */ |
207 |
} |
208 |
|
209 |
#header-region ul.nice-menu-down li li.menuparent { |
210 |
background: #eee url("../images/arrow-right.png") right center no-repeat; /* LTR */ |
211 |
} |
212 |
|
213 |
#header-region ul.nice-menu-down li li.menuparent:hover { |
214 |
background: #ccc url("../images/arrow-right.png") right center no-repeat; /* LTR */ |
215 |
} |