Template:Berkeley CSS

(Difference between revisions)

@@ Line 1: / Line 1: @@
 <html>
 <style type="text/CSS">
-ul.mainMenu {
+.shadow {
-  float:left;
+ -moz-box-shadow: 3px 3px 4px #000;
-  list-style:none;
+ -webkit-box-shadow: 3px 3px 4px #000;
+ box-shadow: 3px 3px 4px #000;
 }
-ul.mainMenu li {
+a:link, a:visited,
-  font-family:'Book Antiqua', Cambria, serif;
+a:hover, a:active {
-  font-size:150%
+ text-decoration: none;
+}
+div#mainMenu {
+ margin: 0px auto;
+ background: #334D66;
+ width: 100%;
+ float: left;
+}
+ul.dropdown,
+ul.dropdown li,
+ul.dropdown ul {
+ list-style: none;
+ margin: 0;
+ padding: 1px 5px;
+}
+ul.dropdown a {
+ color: white;
+}
+ul.dropdown {
+ position: relative;
+ z-index: 597;
+ float: left;
+ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
+ color: white;
+ background: #334D66;
+}
+ul.dropdown li {
+ float: left;
+ line-height: 1.3em;
+ vertical-align: middle;
+ zoom: 1;
+ min-width: 105px;
+}
+ul.dropdown li.hover,
+ul.dropdown li:hover {
+ position: relative;
+ z-index: 599;
+ cursor: default;
+ background: #3366FF;
+}
+ul.dropdown ul {
+ visibility: hidden;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 598;
+ background: #334D66;
+}
+ul.dropdown ul li {
+ float: left;
+ min-width: 150px;
+}
+ul.dropdown ul ul {
+ top: 1px;
+ left: 99%;
+}
+ul.dropdown li:hover > ul {
+ visibility: visible;
+}
+ul.mainMenu li.currentPage {
+  color: #66CC66;
 }
 </style>
 </html>

Latest revision as of 02:44, 26 October 2010