User:SvenB/DropTest

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
     padding: 0px;
     padding: 0px;
     margin: 0px;
     margin: 0px;
 +
     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 34: Line 35:
     color: #333;
     color: #333;
     padding: 14px 34px 14px 34px;
     padding: 14px 34px 14px 34px;
 +
 +
    transition: background 0.3s ease-out; /* explorer 10 */
 +
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
 +
    -moz-transition: background 0.3 ease-out; /* firefox */
 +
    -o-transition: background 0.3 ease-out; /* opera */
 +
}
 +
 +
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
 +
    background-color: #E6DD00;
 +
}
 +
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
 +
    background-color: #8CB302;
 +
}
 +
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
 +
    background-color: #008C74;
 +
}
 +
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
 +
    background-color: #004C66;
 +
}
 +
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
 +
    background-color: #332B40;
 +
}
 +
nav ul li:hover > a {
 +
    color: #FAFAFA;
}
}
nav ul li:hover > ul {
nav ul li:hover > ul {
Line 46: Line 71:
nav ul li ul li{
nav ul li ul li{
     float: none;
     float: none;
 +
}
 +
nav ul li ul li a {
 +
    color: #FAFAFA;
}
}
nav ul li ul li a:hover{
nav ul li ul li a:hover{
-
    color: #333;
+
color: #333;
 +
background-color: #FAFAFA !important;
}
}
 +
         </style>
         </style>

Revision as of 15:53, 5 October 2014

CSS3 Dropdown Menu von designyourweb