User:SvenB/DropTest

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
         <title>CSS3 Dropdown Menu von designyourweb.info</title>
         <title>CSS3 Dropdown Menu von designyourweb.info</title>
         <style>
         <style>
-
ul {
 
-
    line-height: 1em; !important
 
-
}
 
-
 
-
 
nav {
nav {
     width: 960px;
     width: 960px;
Line 18: Line 13:
     margin: 0;
     margin: 0;
-
    text-align: center;
+
text-align: center;
 +
     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;
     -webkit-box-shadow: 2px 2px 2px #dfdfdf;
     -webkit-box-shadow: 2px 2px 2px #dfdfdf;
-
   
 
}
}
Line 35: Line 30:
nav ul,nav ul li{
nav ul,nav ul li{
-
     background-color: white;
+
     background-color: #FAFAFA;
}
}
nav ul li {
nav ul li {
Line 53: Line 48:
     text-decoration: none;
     text-decoration: none;
     display: block;
     display: block;
-
     color: white !important;
+
     color: #333;
     padding: 14px 34px 14px 34px;
     padding: 14px 34px 14px 34px;
Line 79: Line 74:
nav ul li:hover > a {
nav ul li:hover > a {
-
     color: white;
+
     color: #FAFAFA;
}
}
nav ul li:hover > ul {
nav ul li:hover > ul {
Line 97: Line 92:
}
}
nav ul li ul li a {
nav ul li ul li a {
-
     color: black !important;
+
     color: #FAFAFA;
}
}
nav ul li ul li a:hover{
nav ul li ul li a:hover{
-
color: black !important;
+
color: #333;
-
background-color: white !important;
+
background-color: #FAFAFA !important;
}
}
-
 
         </style>
         </style>

Revision as of 20:09, 5 October 2014

CSS3 Dropdown Menu von designyourweb.info