* @link http://www.lwis.net/
* @copyright 2006-2008 Live Web Institute. All Rights Reserved.
*
+ * http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html
+ *
*/
div.menu {
- background: #BBD9EE;
- height: 23px;
- padding-left: 80px;
+ padding-left: 20px;
+ height: 27px;
}
ul.dropdown,
position: relative;
z-index: 597;
float: left;
- font-size: 80%;
}
ul.dropdown li {
float: left;
- line-height: 1.3em;
+ line-height: 1.0em;
vertical-align: middle;
- margin-left: 1px;
- text-align: center;
zoom: 1;
}
left: 99%;
}
-ul.dropdown a {
- float: left;
- width: 95px;
- padding: 5px 0;
- background: #BBD9EE;
- text-decoration: none;
- color: #666;
- margin-top: 0px;
- margin-left: -1px;
- border-top: 1px solid #fff;
- border-left: 1px solid #fff;
- border-right: 1px solid #fff;
+ul.dropdown li:hover > ul {
+ visibility: visible;
}
-ul.dropdown a:hover {
- color: black;
- background: #7fbce7;
+/* top menu items */
+ul.dropdown {
+ font-weight: normal;
}
-ul.dropdown span {
- width: 95px;
- display: block;
- padding: 5px 0;
- background: #E7F1F8;
- color: #666;
- border-top: 1px solid #BBD9EE;
- border-left: 1px solid #BBD9EE;
- border-right: 1px solid #BBD9EE;
+ul.dropdown li {
+ padding: 7px 10px;
+ border-style: solid;
+ border-width: 1px 1px 1px 0;
+ border-color: #fff #d9d9d9 #d9d9d9;
+ background-color: #f6f6f6;
+ color: #000;
}
-ul.dropdown li:hover > ul {
- visibility: visible;
+ul.dropdown li.hover,
+ul.dropdown li:hover {
+ background-color: #eee;
+ color: #000;
}
+
+ul.dropdown a:link,
+ul.dropdown a:visited { color: #000; text-decoration: none; }
+ul.dropdown a:hover { color: #000; }
+ul.dropdown a:active { color: #ffa500; }
+
+
+/* -- level mark -- */
+
+ul.dropdown ul {
+ width: 150px;
+ margin-top: 1px;
+}
+
+ul.dropdown ul li {
+ font-weight: normal;
+}
+