Team:Michigan/Test Css

From 2012.igem.org

(Difference between revisions)
 
(30 intermediate revisions not shown)
Line 28: Line 28:
padding:90px 0 0 0;
padding:90px 0 0 0;
}
}
-
#navigation ul, #navigation li{ list-style:none; padding:0; margin:0 0 0 0; display:inline; }
+
#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
#navigation ul li{  
#navigation ul li{  
         float:left;  
         float:left;  
         position:relative;  
         position:relative;  
 +
}
}
#navigation ul li a{  
#navigation ul li a{  
-
display:block;  
+
display:block;
padding:7px 12px;  
padding:7px 12px;  
margin-left:auto;
margin-left:auto;
Line 46: Line 47:
}
}
#navigation ul li a:hover{}
#navigation ul li a:hover{}
 +
#navigation ul li ul li a{
 +
width: 75px;
 +
}
#navigation ul ul li a:hover{
#navigation ul ul li a:hover{
         background:#063257;
         background:#063257;
background-repeat:repeat-x;
background-repeat:repeat-x;
         color:#fff080;
         color:#fff080;
-
 
+
background-size:200%;
}
}
#navigation ul ul{
#navigation ul ul{
Line 286: Line 290:
<li><a href="blog.html">Team</a>
<li><a href="blog.html">Team</a>
                                             <ul>
                                             <ul>
-
                                               <li><a href="#">Option 1</a></li>
+
                                               <li><a href="#">Option 1 </a></li>
-
                                               <li><a href="#">Option 2</a></li>
+
                                               <li><a href="#">Option 2 </a></li>
                                             </ul>
                                             </ul>
                                         </li>
                                         </li>
Line 297: Line 301:
<li><a href="services.html">Sponsors</a>
<li><a href="services.html">Sponsors</a>
<ul>
<ul>
-
                                               <li><a href="#">Option 1</a></li>
+
                                               <li><a href="#"> Option 1 </a></li>
-
                                               <li><a href="#">Option 2</a></li>
+
                                               <li><a href="#"> Option 2 </a></li>
</ul></li>
</ul></li>
</ul>
</ul>

Latest revision as of 00:35, 7 August 2012

Xayona Website Template