Team:Grenoble-EMSE-LSU/Design/Menu Couleurs
From 2013.igem.org
Line 4: | Line 4: | ||
{ | { | ||
background: #ff8300; | background: #ff8300; | ||
- | + | background: -webkit-gradient(linear, left top, left bottom, from(#ffba70), to(#ff8300)); | |
- | + | background: -moz-linear-gradient(top, #ffba70, #ff8300); | |
} | } | ||
Line 11: | Line 11: | ||
{ | { | ||
background: red; | background: red; | ||
+ | background: -webkit-gradient(linear, left top, left bottom, from(#ff9898), to(red)); | ||
+ | background: -moz-linear-gradient(top, #ff9898, red); | ||
} | } | ||
Revision as of 14:56, 18 July 2013
/* 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; }