Team:Grenoble-EMSE-LSU/Design/Menu Couleurs

From 2013.igem.org

Revision as of 14:56, 18 July 2013 by Hélène (Talk | contribs)

/* Couleurs des onglets */

ul.topnav li[id="home"] { background: #ff8300; background: -webkit-gradient(linear, left top, left bottom, from(#ffba70), to(#ff8300)); background: -moz-linear-gradient(top, #ffba70, #ff8300); }

ul.topnav li[id="proj"] { background: red; background: -webkit-gradient(linear, left top, left bottom, from(#ff9898), to(red)); background: -moz-linear-gradient(top, #ff9898, red); }

ul.topnav li[id="doc"] { background: #00b3ff; }

ul.topnav li[id="HP"] { background: #00c300; }

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

ul.topnav li a { font: normal 15px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-weight: bold; font-style: normal;

   /*font-variant: small-caps;*/

color: white; }

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

/* Couleurs des sous-menus */

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

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

ul.topnav li[id="doc"] ul.subnav { background: #91deff; }

ul.topnav li[id="doc"] ul.subnav ul.subsubnav { background: #ddf5ff; }

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

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

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

   color: white;
   font-style: normal;
   font-variant: normal;
   font-size: 14px;

}

/* Couleurs des sous-menus au survolement */

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

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

ul.topnav li[id="doc"]:hover ul.subnav li:hover a { color: #00b3ff; }

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

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

ul.topnav ul.subnav ul.subsubnav li a { font-weight: normal; }

ul.topnav ul.subnav ul.subsubnav li:hover a { font-weight: bold; }