nice_menus_default.css in Nice Menus 8
/*
This is the default layout template for nice menus, and will provide
a starting point for the look of your menus. To customize, it's
recommended to create a custom CSS file using this file as a template,
then configure the module to use your custom CSS file
(this is done in the global settings tab of the theme administration.)
See README.txt and the handbook page (http://drupal.org/node/185543)
for more information on using the CSS.
*/
/******************************
Global CSS for ALL menu types
******************************/
ul.nice-menu,
ul.nice-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
ul.nice-menu li {
border-top: 0;
float: left; /* LTR */
}
ul.nice-menu a {
padding: 0.3em 5px 0.3em 5px;
}
ul.nice-menu ul {
top: 1.8em;
left: -1px; /* LTR */
border: 0;
z-index: 999;
margin-right: 0; /* LTR */
}
/* VERTICAL menus where submenus pop RIGHT (default). */
ul.nice-menu-right ul {
width: 12.5em;
left: 12.5em;
top: -1px;
}
ul.nice-menu-right ul ul {
width: 12.5em;
left: 12.5em;
top: -1px;
}
ul.nice-menu-right li.menuparent,
ul.nice-menu-right li li.menuparent {
background: #eee url("../images/arrow-right.png") right center no-repeat;
}
ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li li.menuparent:hover {
background: #ccc url("../images/arrow-right.png") right center no-repeat;
}
/* VERTICAL menus where submenus pop LEFT. */
ul.nice-menu-left li ul {
width: 12.5em;
left: -12.65em;
top: -1px;
}
ul.nice-menu-left li ul li ul {
width: 12.5em;
left: -12.65em;
top: -1px;
}
ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent {
background: #eee url("../images/arrow-left.png") left center no-repeat;
}
ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li li.menuparent:hover {
background: #ccc url("../images/arrow-left.png") left center no-repeat;
}
ul.nice-menu-left a,
ul.nice-menu-left ul a {
padding-left: 14px;
}
/******************************
HORIZONTAL (down) menus
******************************/
ul.nice-menu-down {
float: left; /* LTR */
border: 0;
}
ul.nice-menu-down li li {
border-top: 0;
}
ul.nice-menu-down ul {
left: 0; /* LTR */
}
ul.nice-menu-down ul li {
clear: both;
}
ul.nice-menu-down li ul li ul {
left: 12.5em; /* LTR */
top: -1px;
}
ul.nice-menu-down .menuparent a {
padding-right: 15px; /* LTR */
}
ul.nice-menu-down li.menuparent {
background: url("../images/arrow-down.png") right center no-repeat; /* LTR */
}
ul.nice-menu-down li.menuparent:hover {
background: url("../images/arrow-down.png") right center no-repeat; /* LTR */
}
ul.nice-menu-down li li.menuparent {
background: url("../images/arrow-right.png") right center no-repeat; /* LTR */
}
ul.nice-menu-down li li.menuparent:hover {
background: url("../images/arrow-right.png") right center no-repeat; /* LTR */
}
/******************************
Garland-specific CSS
******************************/
/**
* Global CSS for ALL menu types
*/
ul.nice-menu li {
margin: 0;
padding-left: 0; /* LTR */
background-image: none;
}
/******************************
Bartik-specific CSS
******************************/
/**
* Global CSS for ALL menu types
*/
.block ul.nice-menu,
.block ul.nice-menu ul {
padding: 0;
}
/**
* HORIZONTAL (down) menus
*/
#header-region ul.nice-menu-down li ul li ul {
left: 12.5em; /* LTR */
top: -1px;
}
File
libraries/css/nice_menus_default.css
View source
- /*
- This is the default layout template for nice menus, and will provide
- a starting point for the look of your menus. To customize, it's
- recommended to create a custom CSS file using this file as a template,
- then configure the module to use your custom CSS file
- (this is done in the global settings tab of the theme administration.)
-
- See README.txt and the handbook page (http://drupal.org/node/185543)
- for more information on using the CSS.
- */
-
- /******************************
- Global CSS for ALL menu types
- ******************************/
-
- ul.nice-menu,
- ul.nice-menu ul {
- list-style: none;
- padding: 0;
- margin: 0;
- }
-
- ul.nice-menu li {
- border-top: 0;
- float: left; /* LTR */
- }
-
- ul.nice-menu a {
- padding: 0.3em 5px 0.3em 5px;
- }
-
- ul.nice-menu ul {
- top: 1.8em;
- left: -1px; /* LTR */
- border: 0;
- z-index: 999;
- margin-right: 0; /* LTR */
- }
-
- /* VERTICAL menus where submenus pop RIGHT (default). */
- ul.nice-menu-right ul {
- width: 12.5em;
- left: 12.5em;
- top: -1px;
- }
-
- ul.nice-menu-right ul ul {
- width: 12.5em;
- left: 12.5em;
- top: -1px;
- }
-
- ul.nice-menu-right li.menuparent,
- ul.nice-menu-right li li.menuparent {
- background: #eee url("../images/arrow-right.png") right center no-repeat;
- }
-
- ul.nice-menu-right li.menuparent:hover,
- ul.nice-menu-right li li.menuparent:hover {
- background: #ccc url("../images/arrow-right.png") right center no-repeat;
- }
-
- /* VERTICAL menus where submenus pop LEFT. */
- ul.nice-menu-left li ul {
- width: 12.5em;
- left: -12.65em;
- top: -1px;
- }
-
- ul.nice-menu-left li ul li ul {
- width: 12.5em;
- left: -12.65em;
- top: -1px;
- }
-
- ul.nice-menu-left li.menuparent,
- ul.nice-menu-left li li.menuparent {
- background: #eee url("../images/arrow-left.png") left center no-repeat;
- }
-
- ul.nice-menu-left li.menuparent:hover,
- ul.nice-menu-left li li.menuparent:hover {
- background: #ccc url("../images/arrow-left.png") left center no-repeat;
- }
-
- ul.nice-menu-left a,
- ul.nice-menu-left ul a {
- padding-left: 14px;
- }
-
- /******************************
- HORIZONTAL (down) menus
- ******************************/
-
- ul.nice-menu-down {
- float: left; /* LTR */
- border: 0;
- }
- ul.nice-menu-down li li {
- border-top: 0;
- }
-
- ul.nice-menu-down ul {
- left: 0; /* LTR */
- }
-
- ul.nice-menu-down ul li {
- clear: both;
- }
-
- ul.nice-menu-down li ul li ul {
- left: 12.5em; /* LTR */
- top: -1px;
- }
-
- ul.nice-menu-down .menuparent a {
- padding-right: 15px; /* LTR */
- }
-
- ul.nice-menu-down li.menuparent {
- background: url("../images/arrow-down.png") right center no-repeat; /* LTR */
- }
-
- ul.nice-menu-down li.menuparent:hover {
- background: url("../images/arrow-down.png") right center no-repeat; /* LTR */
- }
-
- ul.nice-menu-down li li.menuparent {
- background: url("../images/arrow-right.png") right center no-repeat; /* LTR */
- }
-
- ul.nice-menu-down li li.menuparent:hover {
- background: url("../images/arrow-right.png") right center no-repeat; /* LTR */
- }
-
- /******************************
- Garland-specific CSS
- ******************************/
-
- /**
- * Global CSS for ALL menu types
- */
- ul.nice-menu li {
- margin: 0;
- padding-left: 0; /* LTR */
- background-image: none;
- }
-
- /******************************
- Bartik-specific CSS
- ******************************/
- /**
- * Global CSS for ALL menu types
- */
- .block ul.nice-menu,
- .block ul.nice-menu ul {
- padding: 0;
- }
-
- /**
- * HORIZONTAL (down) menus
- */
- #header-region ul.nice-menu-down li ul li ul {
- left: 12.5em; /* LTR */
- top: -1px;
- }