User:SvenB/DropTest

From 2014.igem.org

(Difference between revisions)
Line 11: Line 11:
     box-shadow: 2px 2px 2px #dfdfdf;
     box-shadow: 2px 2px 2px #dfdfdf;
}
}
 +
nav ul li {
nav ul li {
list-style: none;
list-style: none;
Line 16: Line 17:
     border-right: 1px solid #dfdfdf;
     border-right: 1px solid #dfdfdf;
}
}
 +
nav ul li a {
nav ul li a {
     text-decoration: none;
     text-decoration: none;
Line 23: Line 25:
     transition: background 0.3s ease-out 0s;
     transition: background 0.3s ease-out 0s;
}
}
 +
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: #E6DD00;
}
}
 +
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: #8CB302;
}
}
 +
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: #008C74;
}
}
 +
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: #004C66;
}
}
 +
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: #332B40;
}
}
 +
nav ul li:hover > a {
nav ul li:hover > a {
     color: #FAFAFA;
     color: #FAFAFA;
}
}
 +
nav ul li ul li a {
nav ul li ul li a {
     color: #FAFAFA;
     color: #FAFAFA;
}
}
 +
nav ul li ul li a:hover{
nav ul li ul li a:hover{
     color: #333;
     color: #333;
     background-color: #FAFAFA !important;
     background-color: #FAFAFA !important;
}
}
 +
         </style>
         </style>
     </head>
     </head>

Revision as of 15:46, 5 October 2014

CSS3 Dropdown Menu von designyourweb.info