"

From 2013.igem.org

/* Couleurs des onglets */

ul.topnav li[id="home"] { background: orange; }

ul.topnav li[id="proj"] { background: red; }

ul.topnav li[id="bio"] { background: #32d81d; }

ul.topnav li[id="model"] { background: #9223e0; }

ul.topnav li[id="HP"] { background: blue; }

ul.topnav li[id="team"] { background: maroon; }

ul.topnav li a { font: normal 15px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: white; }

ul.topnav li:hover a { font-style: italic; }

/* Couleurs des sous-menus */

ul.topnav li[id="proj"] ul.subnav li { background: #ffbcbc; }

ul.topnav li[id="bio"] ul.subnav li { background: #7eff79; }

ul.topnav li[id="model"] ul.subnav li { background: #c375fb; }

ul.topnav li[id="HP"] ul.subnav li { background: #95c9ff; }

ul.topnav li[id="team"] ul.subnav li { background: #cb7070; }

ul.topnav li:hover ul.subnav li a {

   color: white;
   font-style: normal;

}

/* Couleurs des sous-menus au survolement */

ul.topnav li[id="proj"] ul.subnav li:hover, ul.topnav li[id="bio"] ul.subnav li:hover, ul.topnav li[id="model"] ul.subnav li:hover, ul.topnav li[id="HP"] ul.subnav li:hover, ul.topnav li[id="team"] ul.subnav li:hover { background: #e1e1e1; }

ul.topnav li[id="proj"]:hover ul.subnav li:hover a { color: red; }

ul.topnav li[id="bio"]:hover ul.subnav li:hover a { color: #32d81d; }

ul.topnav li[id="model"]:hover ul.subnav li:hover a { color: #9223e0; }

ul.topnav li[id="HP"]:hover ul.subnav li:hover a { color: blue; }

ul.topnav li[id="team"]:hover ul.subnav li:hover a { color: maroon; }