Team:IIT Madras/Template:header

From 2011.igem.org

(Difference between revisions)
Line 3: Line 3:
<head>
<head>
<style>
<style>
-
ul {
+
 
-
  font-family: Arial, Verdana;
+
-
  font-size: 14px;
+
-
  margin: 0;
+
-
  padding: 0;
+
-
  list-style: none;
+
-
}
+
-
ul li {
+
-
  display: block;
+
-
  position: relative;
+
-
  float: left;
+
-
}
+
-
li ul { display: none; }
+
-
ul li a {
+
-
  display: block;
+
-
  text-decoration: none;
+
-
  color: #ffffff;
+
-
  border-top: 1px solid #ffffff;
+
-
  padding: 5px 15px 5px 15px;
+
-
  background: #2C5463;
+
-
  margin-left: 1px;
+
-
  white-space: nowrap;
+
-
}
+
-
ul li a:hover { background: #617F8A; }
+
-
li:hover ul {
+
-
  display: block;
+
-
  position: absolute;
+
-
}
+
-
li:hover li {
+
-
  float: none;
+
-
  font-size: 11px;
+
-
}
+
-
li:hover a { background: #617F8A; }
+
-
li:hover li a:hover { background: #95A9B1; }
+
</style>
</style>
</head>
</head>
Line 48: Line 15:
<ul id="menu_list">
<ul id="menu_list">
<li><a href="#">Project</a>
<li><a href="#">Project</a>
-
<ul>
+
<ul class="drop_down">
<li><a href="#">Principle<a></li>
<li><a href="#">Principle<a></li>
<li><a href="#">Approach<a></li>
<li><a href="#">Approach<a></li>
Line 59: Line 26:
<li><a href="#">Modelling</a>
<li><a href="#">Modelling</a>
-
<ul>
+
<ul class="drop_down">
<li><a href="#">Introduction<a></li>
<li><a href="#">Introduction<a></li>
<li><a href="#">Tools<a></li>
<li><a href="#">Tools<a></li>
Line 67: Line 34:
<li><a href="#">Archives</a>
<li><a href="#">Archives</a>
-
<ul>
+
<ul class="drop_down">
<li><a href="#">Notebook</a></li>
<li><a href="#">Notebook</a></li>
<li><a href="#">Protocols</a></li>
<li><a href="#">Protocols</a></li>
Line 80: Line 47:
<li><a href="#">About Us</a>
<li><a href="#">About Us</a>
-
<ul><li><a href="#">Gallery<a></li><li><a href="#">Team<a></li><ul></li>
+
<ul class="drop_down"><li><a href="#">Gallery<a></li><li><a href="#">Team<a></li><ul></li>
</ul>
</ul>
</div>
</div>

Revision as of 20:03, 2 October 2011

bar