"
Team:Grenoble-EMSE-LSU/Design/Menu Couleurs
From 2013.igem.org
(Created page with "ul.topnav li { background-color: white; } ul.topnav li a { font: normal 15px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: orange; } ...") |
|||
| Line 1: | Line 1: | ||
| - | ul.topnav li | + | /* 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: yellow; | ||
| + | } | ||
| + | |||
| + | ul.topnav li[id="HP"] | ||
| + | { | ||
| + | background: blue; | ||
| + | } | ||
| + | |||
| + | ul.topnav li[id="team"] | ||
{ | { | ||
| - | background | + | background: maroon; |
} | } | ||
| Line 9: | Line 36: | ||
font-weight: bold; | font-weight: bold; | ||
font-style: normal; | font-style: normal; | ||
| - | color: | + | color: white; |
} | } | ||
| - | ul.topnav li:hover | + | ul.topnav li:hover a |
{ | { | ||
| - | + | font-style: italic; | |
} | } | ||
| - | ul.topnav li | + | /* Couleurs des sous-menus */ |
| + | |||
| + | ul.topnav li[id="proj"] ul.subnav li | ||
{ | { | ||
| - | + | background: #ffbcbc; | |
} | } | ||
| - | ul.subnav li | + | ul.topnav li[id="bio"] ul.subnav li |
{ | { | ||
| - | background: | + | background: #7eff79; |
| + | } | ||
| + | |||
| + | ul.topnav li[id="model"] ul.subnav li | ||
| + | { | ||
| + | background: #ffff7b; | ||
| + | } | ||
| + | |||
| + | 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 | ul.topnav li:hover ul.subnav li a | ||
{ | { | ||
| - | color: | + | color: white; |
| + | font-style: normal; | ||
} | } | ||
| - | ul.subnav li:hover | + | /* 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 | + | background: #e1e1e1; |
} | } | ||
| - | ul.topnav li:hover ul.subnav li:hover a | + | ul.topnav li[id="proj"]:hover ul.subnav li:hover a |
{ | { | ||
| - | color: | + | 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: yellow; | ||
| + | } | ||
| + | |||
| + | 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; | ||
} | } | ||
Revision as of 15:05, 16 June 2013
/* 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: yellow; }
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: #ffff7b; }
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: yellow; }
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; }
