Template:Nevada Header CSS

From 2011.igem.org

(Difference between revisions)
m
m
Line 170: Line 170:
/* Navigation */
/* Navigation */
-
ul#nav{
+
#nav ul{
-
  position: relative;
+
    margin: 0px;
-
  top: -5px;
+
    padding: 0px;
-
  list-style: none;
+
-
  background: transparent;
+
}
}
-
a, a:link, a:visited{
+
#nav li{
-
  text-decoration: none;
+
    list-style: none;
}
}
-
ul#nav li{
+
ul.top-level{
-
   display: block;
+
    background: transparent;
-
   float: left;
+
}
 +
ul.top-level li{
 +
   border-bottom: #fff solid;
 +
  border-top: #fff solid;
 +
   border-width: 1px;
}
}
-
#nav li ul{
+
ul.sub-level {
-
   display: block;
+
   display: none;
-
  visibility: hidden;
+
-
  position: relative;
+
-
  top: 0px;
+
-
  left: 0px;
+
-
  width: 50px;
+
-
  margin: 0px;
+
-
  padding: 0px;
+
-
  background: #C20074;
+
}
}
-
#nav li ul a, #nav li ul a:link{
+
 
 +
#nav a{
   color: rgba(0,51,0,1);
   color: rgba(0,51,0,1);
 +
  cursor: pointer;
 +
  display: block;
 +
  height: 25px;
 +
  line-height: 25px;
 +
  text-decoration: none;
}
}
-
#nav li:hover ul{
+
#nav a:hover{
-
   visibility: visible;
+
  text-decoration: underline;
 +
}
 +
 
 +
#nav li:hover{
 +
   background: #C20074;
 +
  position: relative;
 +
}
 +
 
 +
#nav li ul a, #nav li ul a:link{
   background: #C20074;
   background: #C20074;
-
  width: 100%
 
   color: rgba(0,51,0,1);
   color: rgba(0,51,0,1);
-
  z-index: 101;
 
}
}
Line 230: Line 236:
</div>
</div>
<div id="banner-buttons" class="buttons-text">
<div id="banner-buttons" class="buttons-text">
-
<ul id="nav">
+
<div id="nav">
 +
<ul class="top-level">
<li>
<li>
&nbsp;&nbsp;<a href="/Team:Nevada">Home</a>&nbsp;&nbsp;
&nbsp;&nbsp;<a href="/Team:Nevada">Home</a>&nbsp;&nbsp;
Line 236: Line 243:
<li>
<li>
|&nbsp;&nbsp;<a href="/Team:Nevada/Team">Team</a>&nbsp;&nbsp;
|&nbsp;&nbsp;<a href="/Team:Nevada/Team">Team</a>&nbsp;&nbsp;
-
<ul>
+
    <ul class="sub-level">
-
<li><a href="/Team:Nevada/Team">Gallery</a></li>
+
        <li><a href="/Team:Nevada/Team">Gallery</a></li>
-
<li><a href="/Team:Nevada/Team">Biographies</a></li>
+
        <li><a href="/Team:Nevada/Team">Biographies</a></li>
-
</ul></li>
+
  </ul>
 +
</li>
<li>
<li>
|&nbsp;&nbsp;<a href="/Team:Nevada/Project">Project</a>&nbsp;&nbsp;
|&nbsp;&nbsp;<a href="/Team:Nevada/Project">Project</a>&nbsp;&nbsp;

Revision as of 03:35, 5 September 2011