Template:Berkeley CSS

From 2010.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/CSS">
<style type="text/CSS">
-
#mainMenu {
+
.shadow {
-
  margin: 0px auto;
+
-moz-box-shadow: 3px 3px 4px #000;
 +
-webkit-box-shadow: 3px 3px 4px #000;
 +
box-shadow: 3px 3px 4px #000;
}
}
-
ul.mainMenu {
+
a:link, a:visited,
-
  list-style:none;
+
a:hover, a:active {
-
  padding:5px;
+
text-decoration: none;
-
  margin:5px;
+
-
  font-family:'Book Antiqua', Cambria, serif;
+
-
  font-size: 1.25em;
+
}
}
-
ul.mainMenu {
+
div#mainMenu {
-
  position: relative;
+
margin: 0px auto;
 +
background: #334D66;
 +
width: 100%;
 +
float: left;
}
}
-
ul.mainMenu li {
+
ul.dropdown,
-
  float: left;
+
ul.dropdown li,
-
  vertical-align: middle;
+
ul.dropdown ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 1px 5px;
}
}
-
ul.mainMenu ul {
+
ul.dropdown a {
-
  visibility: hidden;
+
color: white;
-
  position: absolute;
+
-
  top: 100%;
+
-
  left: 0;
+
-
  z-index: 598;
+
-
  width: 100%;
+
}
}
-
ul.mainMenu li:hover > ul {
+
ul.dropdown {
-
  visibility: visible;
+
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;
}
}

Latest revision as of 02:44, 26 October 2010

Retrieved from "http://2010.igem.org/Template:Berkeley_CSS"