"
Team:Grenoble-EMSE-LSU/Design/Menu Left Couleurs
From 2013.igem.org
| Line 46: | Line 46: | ||
/* Color */ | /* Color */ | ||
| - | div[id="proj"] ul.menu li a, div[id="proj"] ul.menu li ul.subnav | + | div[id="proj"] ul.menu li a, div[id="proj"] ul.menu li ul.subnav a, div[id="proj"] ul.menu li:hover ul.subnav a |
{ | { | ||
color: red; | color: red; | ||
} | } | ||
| - | div[id="bio"] ul.menu li a, div[id="bio"] ul.menu li ul.subnav | + | div[id="bio"] ul.menu li a, div[id="bio"] ul.menu li ul.subnav a, div[id="bio"] ul.menu li:hover ul.subnav a |
{ | { | ||
color: #32d81d; | color: #32d81d; | ||
} | } | ||
| - | div[id="model"] ul.menu li a, div[id="model"] ul.menu li ul.subnav | + | div[id="model"] ul.menu li a, div[id="model"] ul.menu li ul.subnav a, div[id="model"] ul.menu li:hover li ul.subnav a |
{ | { | ||
color: #9223e0; | color: #9223e0; | ||
} | } | ||
| - | div[id="hp"] ul.menu li a, div[id="hp"] ul.menu li ul.subnav | + | div[id="hp"] ul.menu li a, div[id="hp"] ul.menu li ul.subnav a, div[id="hp"] ul.menu li:hover ul.subnav a |
{ | { | ||
color: blue; | color: blue; | ||
} | } | ||
| - | div[id="team"] ul.menu li a, div[id="team"] ul.menu li ul.subnav | + | div[id="team"] ul.menu li a, div[id="team"] ul.menu li ul.subnav a, div[id="team"] ul.menu li:hover ul.subnav a |
{ | { | ||
color: maroon; | color: maroon; | ||
| Line 73: | Line 73: | ||
/* Background */ | /* Background */ | ||
| - | ul.menu li, ul.subnav li, ul.menu li | + | ul.menu li, ul.subnav li, ul.menu li:hover li ul.subnav li |
{ | { | ||
background: white; | background: white; | ||
| Line 83: | Line 83: | ||
/* Color */ | /* Color */ | ||
| - | div.menu_gauche ul.menu li:hover a, div.menu_gauche ul.menu li ul.subnav li:hover | + | div.menu_gauche ul.menu li:hover a, div.menu_gauche ul.menu li ul.subnav a li:hover |
{ | { | ||
color: white; | color: white; | ||
| Line 90: | Line 90: | ||
/* Background */ | /* Background */ | ||
| - | div[id="proj"] ul.menu li:hover, div[id="proj"] ul.menu li ul.subnav li:hover | + | div[id="proj"] ul.menu li:hover, div[id="proj"] ul.menu li ul.subnav li:hover |
{ | { | ||
background: red; | background: red; | ||
} | } | ||
| - | div[id="bio"] ul.menu li:hover, div[id="bio"] ul.menu li ul.subnav li:hover | + | div[id="bio"] ul.menu li:hover, div[id="bio"] ul.menu li ul.subnav li:hover |
{ | { | ||
background: #32d81d; | background: #32d81d; | ||
} | } | ||
| - | div[id="model"] ul.menu li:hover, div[id="model"] ul.menu li ul.subnav li:hover | + | div[id="model"] ul.menu li:hover, div[id="model"] ul.menu li ul.subnav li:hover |
{ | { | ||
background: #9223e0; | background: #9223e0; | ||
} | } | ||
| - | div[id="hp"] ul.menu li:hover, div[id="hp"] ul.menu li ul.subnav li:hover | + | div[id="hp"] ul.menu li:hover, div[id="hp"] ul.menu li ul.subnav li:hover |
{ | { | ||
background: blue; | background: blue; | ||
} | } | ||
| - | div[id="team"] ul.menu li:hover, div[id="team"] ul.menu li ul.subnav li:hover | + | div[id="team"] ul.menu li:hover, div[id="team"] ul.menu li ul.subnav li:hover |
{ | { | ||
background: maroon; | background: maroon; | ||
} | } | ||
Revision as of 13:00, 18 June 2013
/***** Title *****/
a.title { font: normal 30px Trebuchet, sans-serif; font-weight: bold; }
a[id="Project"] { color: red; }
a[id="Biology"] { color: #32d81d; }
a[id="Model"] { color: #9223e0; }
a[id="HP"] { color: blue; }
a[id="Team"] { color: maroon; }
/***** Police *****/
div { font: normal 15px Trebuchet, sans-serif; font-weight: bold; }
/***** Basic Colors *****/
/* Color */
div[id="proj"] ul.menu li a, div[id="proj"] ul.menu li ul.subnav a, div[id="proj"] ul.menu li:hover ul.subnav a { color: red; }
div[id="bio"] ul.menu li a, div[id="bio"] ul.menu li ul.subnav a, div[id="bio"] ul.menu li:hover ul.subnav a { color: #32d81d; }
div[id="model"] ul.menu li a, div[id="model"] ul.menu li ul.subnav a, div[id="model"] ul.menu li:hover li ul.subnav a { color: #9223e0; }
div[id="hp"] ul.menu li a, div[id="hp"] ul.menu li ul.subnav a, div[id="hp"] ul.menu li:hover ul.subnav a { color: blue; }
div[id="team"] ul.menu li a, div[id="team"] ul.menu li ul.subnav a, div[id="team"] ul.menu li:hover ul.subnav a { color: maroon; }
/* Background */
ul.menu li, ul.subnav li, ul.menu li:hover li ul.subnav li { background: white; }
/***** Survolement menu *****/
/* Color */
div.menu_gauche ul.menu li:hover a, div.menu_gauche ul.menu li ul.subnav a li:hover { color: white; }
/* Background */
div[id="proj"] ul.menu li:hover, div[id="proj"] ul.menu li ul.subnav li:hover { background: red; }
div[id="bio"] ul.menu li:hover, div[id="bio"] ul.menu li ul.subnav li:hover { background: #32d81d; }
div[id="model"] ul.menu li:hover, div[id="model"] ul.menu li ul.subnav li:hover { background: #9223e0; }
div[id="hp"] ul.menu li:hover, div[id="hp"] ul.menu li ul.subnav li:hover { background: blue; }
div[id="team"] ul.menu li:hover, div[id="team"] ul.menu li ul.subnav li:hover { background: maroon; }
