Team:Grenoble-EMSE-LSU/Design/Menu Couleurs
From 2013.igem.org
Line 11: | Line 11: | ||
ul.topnav li[id="proj"] | ul.topnav li[id="proj"] | ||
{ | { | ||
- | background: # | + | background: #ff0000; |
/*background: -webkit-gradient(linear, left top, left bottom, from(red), to(#810000)); | /*background: -webkit-gradient(linear, left top, left bottom, from(red), to(#810000)); | ||
background: -moz-linear-gradient(top, red, #810000);*/ | background: -moz-linear-gradient(top, red, #810000);*/ | ||
- | + | background: linear-gradient(to bottom right,#ff0055,#ff0000,#ff5500); | |
} | } | ||
Revision as of 14:26, 9 August 2013
/* Couleurs des onglets */
ul.topnav li[id="home"] { background: #ff6600; /*background: -webkit-gradient(linear, left top, left bottom, from(#ff8300), to(#a65600)); background: -moz-linear-gradient(top, #ff8300, #a65600);*/ background-image: linear-gradient(to bottom right,#ff8533,#ff6600,#cc5200); }
ul.topnav li[id="proj"] { background: #ff0000; /*background: -webkit-gradient(linear, left top, left bottom, from(red), to(#810000)); background: -moz-linear-gradient(top, red, #810000);*/ background: linear-gradient(to bottom right,#ff0055,#ff0000,#ff5500); }
ul.topnav li[id="doc"] { background: #0099ff; }
ul.topnav li[id="HP"] { background: #00cc00; }
ul.topnav li[id="team"] { background: #9900cc; }
ul.topnav li a { font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-weight: bold; font-style: normal;
font-variant: small-caps;
color: white; }
/* Couleurs des sous-menus */
ul.topnav li[id="proj"] ul.subnav { background: #ff9999; }
ul.topnav li[id="proj"] ul.subnav ul.subsubnav { background: #ffe6e6; }
ul.topnav li[id="doc"] ul.subnav { background: #99d6ff; }
ul.topnav li[id="doc"] ul.subnav ul.subsubnav { background: #e6f5ff; }
ul.topnav li[id="HP"] ul.subnav { background: #80ff80; }
ul.topnav li[id="team"] ul.subnav { background: #e38fff; }
ul.topnav li:hover ul.subnav li a {
color: white; font-style: normal; font-variant: normal; font-size: 13px;
}
/* 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: white; }
ul.topnav li[id="proj"]:hover ul.subnav li:hover a { color: #ff0000; }
ul.topnav li[id="doc"]:hover ul.subnav li:hover a { color: #0099ff; }
ul.topnav li[id="HP"]:hover ul.subnav li:hover a { color: #00cc00; }
ul.topnav li[id="team"]:hover ul.subnav li:hover a { color: #9900cc; }
ul.topnav ul.subnav ul.subsubnav li a { font-weight: normal; }
ul.topnav ul.subnav ul.subsubnav li:hover a { font-weight: bold; }