User:SvenB/DropTest

From 2014.igem.org

< User:SvenB(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 8: Line 8:
nav {
nav {
     width: 960px;
     width: 960px;
-
    line-height: 3em !important;
 
}
}
nav ul {
nav ul {
Line 15: Line 14:
text-align: center;
text-align: center;
-
+
    line-height: 1.5em !important;
     box-shadow: 2px 2px 2px #dfdfdf;
     box-shadow: 2px 2px 2px #dfdfdf;
     -moz-box-shadow: 2px 2px 2px #dfdfdf;
     -moz-box-shadow: 2px 2px 2px #dfdfdf;
Line 37: Line 36:
float: none;
float: none;
display: inline-block;
display: inline-block;
-
+
text-align: left;
-
text-align: left;
+
        margin-top: -2px;
 +
        margin-left: -4px;
-
     border-right: 1px solid #dfdfdf;
+
     border-right: 2px solid #dfdfdf;
}
}
nav ul li.cat1 {
nav ul li.cat1 {
-
border-left: 1px solid #dfdfdf;
+
border-left: 2px solid #dfdfdf;
}
}
nav ul li a {
nav ul li a {
-
     text-decoration: none;
+
     text-decoration: none !important;
     display: block;
     display: block;
     color: #333 !important;
     color: #333 !important;
-
        text-decoration: none !important;
 
     padding: 14px 34px 14px 34px !important;
     padding: 14px 34px 14px 34px !important;
Line 74: Line 73:
     background-color: #332B40;
     background-color: #332B40;
}
}
-
 
+
nav ul li.cat6:hover a, nav ul li.cat5:hover > ul li a {
 +
    background-color: #332B40;
 +
}
 +
nav ul li.cat7:hover a, nav ul li.cat5:hover > ul li a {
 +
    background-color: #332B40;
 +
}
nav ul li:hover > a {
nav ul li:hover > a {
     color: #FAFAFA !important;
     color: #FAFAFA !important;
Line 114: Line 118:
         </li>
         </li>
         <li class = "cat2">
         <li class = "cat2">
-
         <a href="#">Über uns</a>
+
         <a href="#">Project</a>
         <ul>
         <ul>
-
         <li><a href="#">Wer wir sind</a></li>
+
         <li><a href="#">Overview</a></li>
-
         <li><a href="#">Was wir machen</a></li>
+
         <li><a href="#">Motivation</a></li>
-
         <li><a href="#">Unsere Ziele</a></li>
+
         <li><a href="#">Inteins</a></li>
-
         <li><a href="#">Unser Team</a></li>
+
         <li><a href="#">Enzymes</a></li>
         </ul>
         </ul>
         </li>
         </li>
         <li class = "cat3">
         <li class = "cat3">
-
         <a href="#">Leistungen</a>
+
         <a href="#">Team</a>
         <ul>
         <ul>
-
         <li><a href="#">Webdesign</a></li>
+
         <li><a href="#">About Us</a></li>
-
         <li><a href="#">Programmierung</a></li>
+
         <li><a href="#">Attributions</a></li>
-
        <li><a href="#">Online Marketing</a></li>
+
-
        <li><a href="#">Suchmaschinenoptimierung</a></li>
+
         </ul>
         </ul>
         </li>
         </li>
         <li class = "cat4">
         <li class = "cat4">
-
         <a href="#">Referenzen</a>
+
         <a href="#">Notebook</a>
         <ul>
         <ul>
-
         <li><a href="#">Webseiten</a></li>
+
         <li><a href="#">Protocols</a></li>
-
         <li><a href="#">Themes & Templates</a></li>
+
         <li><a href="#">Lab Journal</a></li>
-
        <li><a href="#">Plugins</a></li>
+
         </ul>
         </ul>
         </li>
         </li>
         <li class = "cat5">
         <li class = "cat5">
-
         <a href="#">Kontakt</a>
+
         <a href="#">Activities</a>
         <ul>
         <ul>
-
         <li><a href="#">Deutschland</a></li>
+
         <li><a href="#">SynBio-Day</a></li>
-
         <li><a href="#">Amerika</a></li>
+
         <li><a href="#">School-Project</a></li>
-
         <li><a href="#">Spanien</a></li>
+
         <li><a href="#">Aachen Conference</a></li>
         </ul>
         </ul>
 +
        </li>
 +
        <li class = "cat6">
 +
        <a href="#">Results</a>
 +
        <ul>
 +
        <li><a href="#">List Item</a></li>
 +
        <li><a href="#">List Item</a></li>
 +
        </ul>
 +
        </li>
 +
        <li class = "cat7">
 +
        <a href="#">Contact</a>
 +
         </li>
         </li>
         </ul>
         </ul>

Latest revision as of 20:37, 5 October 2014

CSS3 Dropdown Menu von designyourweb.info

Retrieved from "http://2014.igem.org/User:SvenB/DropTest"