Team:Tuebingen/Templates/TueDropMenu

From 2014.igem.org

(Difference between revisions)
(Created page with "{{:Team:Tuebingen/Templates/BlankWiki}} <html> <head> <meta charset="utf-8"> <style> nav { width: 960px; } nav ul { padding: 0 !important; margi...")
 
(48 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Tuebingen/Templates/BlankWiki}}
 
-
 
<html>
<html>
     <head>
     <head>
Line 12: Line 10:
     padding: 0 !important;
     padding: 0 !important;
     margin: 0 !important;
     margin: 0 !important;
-
+
    text-align: center;
-
text-align: center;
+
     line-height: 1.5em !important;
     line-height: 1.5em !important;
-
    box-shadow: 2px 2px 2px #dfdfdf;
+
 
-
    -moz-box-shadow: 2px 2px 2px #dfdfdf;
+
-
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
+
}
}
Line 30: Line 25:
nav ul,nav ul li{
nav ul,nav ul li{
-
     background-color: #FAFAFA;
+
     background-color: white;
}
}
nav ul li {
nav ul li {
Line 36: Line 31:
float: none;
float: none;
display: inline-block;
display: inline-block;
-
text-align: left;  
+
text-align: left;
         margin-top: -2px;
         margin-top: -2px;
-
         margin-left: -4px;
+
         margin-left: -5px;
-
 
+
     
-
    border-right: 2px solid #dfdfdf;
+
}
}
-
nav ul li.cat1 {
 
-
border-left: 2px solid #dfdfdf;
 
-
}
 
-
 
nav ul li a {
nav ul li a {
     text-decoration: none !important;
     text-decoration: none !important;
     display: block;
     display: block;
-
     color: #333 !important;
+
     color: black !important;
     padding: 14px 34px 14px 34px !important;
     padding: 14px 34px 14px 34px !important;
Line 59: Line 49:
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
-
     background-color: #E6DD00;
+
     background-color: #006534;
}
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
-
     background-color: #8CB302;
+
     background-color: #FF2727;
}
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
-
     background-color: #008C74;
+
     background-color: #B20000;
}
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
-
     background-color: #004C66;
+
     background-color: #7E0000;
}
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
-
     background-color: #332B40;
+
     background-color: #F22100;
}
}
-
nav ul li.cat6:hover a, nav ul li.cat5:hover > ul li a {
+
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
-
     background-color: #332B40;
+
     background-color: #C61E18;
}
}
-
nav ul li.cat7:hover a, nav ul li.cat5:hover > ul li a {
+
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a {
-
     background-color: #332B40;
+
     background-color: #009766;
}
}
nav ul li:hover > a {
nav ul li:hover > a {
-
     color: #FAFAFA !important;
+
     color: white !important;
-
        text-decoration: none !important;
+
    text-decoration: none !important;
}
}
nav ul li:hover > ul {
nav ul li:hover > ul {
Line 92: Line 82:
     position: absolute;
     position: absolute;
     padding:0px;
     padding:0px;
-
text-align: inherit;
+
    margin-left: 5px !important;
 +
    text-align: inherit;
}
}
nav ul li ul li{
nav ul li ul li{
float: none;
float: none;
display: block;
display: block;
 +
        margin-bottom: -1px;
}
}
nav ul li ul li a {
nav ul li ul li a {
-
     color: #FAFAFA !important;
+
     color: white !important;
     text-decoration: none !important;
     text-decoration: none !important;
}
}
nav ul li ul li a:hover{
nav ul li ul li a:hover{
-
color: #333 !important;
+
color: black!important;
-
background-color: #FAFAFA !important;
+
background-color: white !important;
         text-decoration: none !important;
         text-decoration: none !important;
}
}
Line 151: Line 143:
         <a href="#">Results</a>
         <a href="#">Results</a>
         <ul>
         <ul>
-
         <li><a href="#">List Item</a></li>
+
         <li><a href="#">Shipped Parts</a></li>
-
        <li><a href="#">List Item</a></li>
+
         </ul>
         </ul>
         </li>
         </li>

Latest revision as of 22:33, 5 October 2014

Retrieved from "http://2014.igem.org/Team:Tuebingen/Templates/TueDropMenu"