Team:Michigan/Test Css

From 2012.igem.org

(Difference between revisions)
 
(51 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:0px;  
+
margin-left:auto;
 +
        margin-right:auto;
font-size:18px;  
font-size:18px;  
white-space:nowrap;  
white-space:nowrap;  
Line 45: 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;
         color:#fff080;
         color:#fff080;
-
        white-space:nowrap;
+
background-size:200%;
}
}
#navigation ul ul{
#navigation ul ul{
position:absolute;  
position:absolute;  
height:-99999px;  
height:-99999px;  
-
left:0px;
+
margin-left:auto;
 +
        margin-right:auto;
opacity: 0; /* Hide sub level */
opacity: 0; /* Hide sub level */
-webkit-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
Line 68: Line 75:
}
}
-
#navigation ul ul ul {  
+
#navigation ul ul ul {
-
position:absolute;  
+
margin-left:auto;
-
top:-99999px;
+
        margin-right:auto;  
-
left:100%;  
+
 
 +
 
opacity: 0;  
opacity: 0;  
-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
Line 282: 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 293: 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