Team:Tuebingen/Templates/TueDropMenu

From 2014.igem.org

(Difference between revisions)
 
(40 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: -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 58: 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: #white;
+
     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: #F7DBDB;
+
     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: #EEB7B7;
+
     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: #E59191;
+
     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: #DD6D6D;
+
     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: #D54949;
+
     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: #CC2525;
+
     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 91: 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;
}
}

Latest revision as of 22:33, 5 October 2014