"
Team:Grenoble-EMSE-LSU/Design/Menu Left Couleurs
From 2013.igem.org
| Line 6: | Line 6: | ||
} | } | ||
| - | div a | + | body div li.title a, body div li.sub a, body div li.subsub a |
{ | { | ||
font: normal Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; | font: normal Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; | ||
| Line 17: | Line 17: | ||
/***** Border *****/ | /***** Border *****/ | ||
| - | div li.title | + | body div li.title |
{ | { | ||
list-style: none; | list-style: none; | ||
| Line 24: | Line 24: | ||
} | } | ||
| - | div[id="Home"] li.title | + | body div[id="Home"] li.title |
{ | { | ||
border-color: #ff8300; | border-color: #ff8300; | ||
} | } | ||
| - | div[id="Project"] li.title | + | body div[id="Project"] li.title |
{ | { | ||
border-color: red; | border-color: red; | ||
} | } | ||
| - | div[id="Documentation"] li.title | + | body div[id="Documentation"] li.title |
{ | { | ||
border-color: #00b3ff; | border-color: #00b3ff; | ||
} | } | ||
| - | div[id="HP"] li.title | + | body div[id="HP"] li.title |
{ | { | ||
border-color: #00c300; | border-color: #00c300; | ||
} | } | ||
| - | div[id="Team"] li.title | + | body div[id="Team"] li.title |
{ | { | ||
border-color: #9901c7; | border-color: #9901c7; | ||
| Line 51: | Line 51: | ||
/***** Title *****/ | /***** Title *****/ | ||
| - | div a.title | + | body div a.title |
{ | { | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
| - | div[id="Home"] a.title | + | body div[id="Home"] a.title |
{ | { | ||
color: #ff8300; | color: #ff8300; | ||
} | } | ||
| - | div[id="Project"] a.title, div[id="Project"] ul li.subsub a | + | body div[id="Project"] a.title, body div[id="Project"] ul li.subsub a |
{ | { | ||
color: red; | color: red; | ||
} | } | ||
| - | div[id="Documentation"] a.title, div[id="Documentation"] ul li.subsub a | + | body div[id="Documentation"] a.title, body div[id="Documentation"] ul li.subsub a |
{ | { | ||
color: #00b3ff; | color: #00b3ff; | ||
} | } | ||
| - | div[id="HP"] a.title, div[id="HP"] ul li.subsub a | + | body div[id="HP"] a.title, body div[id="HP"] ul li.subsub a |
{ | { | ||
color: #00c300; | color: #00c300; | ||
} | } | ||
| - | div[id="Team"] a.title, div[id="Team"] ul li.subsub a | + | body div[id="Team"] a.title, body div[id="Team"] ul li.subsub a |
{ | { | ||
color: #9901c7; | color: #9901c7; | ||
| Line 86: | Line 86: | ||
/* Color */ | /* Color */ | ||
| - | div ul li.sub a | + | body div ul li.sub a |
{ | { | ||
color: white; | color: white; | ||
| Line 93: | Line 93: | ||
} | } | ||
| - | div ul li.subsub a | + | body div ul li.subsub a |
{ | { | ||
font-size: 14px; | font-size: 14px; | ||
| Line 100: | Line 100: | ||
/* Background */ | /* Background */ | ||
| - | div[id="Project"] ul li.sub | + | body div[id="Project"] ul li.sub |
{ | { | ||
background: #ff9898; | background: #ff9898; | ||
} | } | ||
| - | div[id="Documentation"] ul li.sub | + | body div[id="Documentation"] ul li.sub |
{ | { | ||
background: #91deff; | background: #91deff; | ||
} | } | ||
| - | div[id="HP"] ul li.sub | + | body div[id="HP"] ul li.sub |
{ | { | ||
background: #76e974; | background: #76e974; | ||
} | } | ||
| - | div[id="Team"] ul li.sub | + | body div[id="Team"] ul li.sub |
{ | { | ||
background: #c476fd; | background: #c476fd; | ||
| Line 126: | Line 126: | ||
/* Color */ | /* Color */ | ||
| - | div ul li.subsub:hover a | + | body div ul li.subsub:hover a |
{ | { | ||
color: white; | color: white; | ||
| Line 133: | Line 133: | ||
/* Background */ | /* Background */ | ||
| - | div[id="Project"] ul li.sub:hover, div[id="Project"] ul li.subsub:hover | + | body div[id="Project"] ul li.sub:hover, body div[id="Project"] ul li.subsub:hover |
{ | { | ||
background: red; | background: red; | ||
} | } | ||
| - | div[id="Documentation"] ul li.sub:hover, div[id="Documentation"] ul li.subsub:hover | + | body div[id="Documentation"] ul li.sub:hover, body div[id="Documentation"] ul li.subsub:hover |
{ | { | ||
background: #00b3ff; | background: #00b3ff; | ||
} | } | ||
| - | div[id="HP"] ul li.sub:hover, div[id="HP"] ul li.subsub:hover | + | body div[id="HP"] ul li.sub:hover, body div[id="HP"] ul li.subsub:hover |
{ | { | ||
background: #00c300; | background: #00c300; | ||
} | } | ||
| - | div[id="Team"] ul li.sub:hover, div[id="Team"] ul li.subsub:hover | + | body div[id="Team"] ul li.sub:hover, body div[id="Team"] ul li.subsub:hover |
{ | { | ||
background: #9901c7; | background: #9901c7; | ||
| Line 156: | Line 156: | ||
/***** Menu actif *****/ | /***** Menu actif *****/ | ||
| - | /*div li.sub:active, div li.subsub:active | + | /*body div li.sub:active, body div li.subsub:active |
{ | { | ||
border: 2px solid red; | border: 2px solid red; | ||
border-radius: 5px; | border-radius: 5px; | ||
}*/ | }*/ | ||
Revision as of 16:03, 9 July 2013
/***** General *****/
body { background: #ffdada; }
body div li.title a, body div li.sub a, body div li.subsub a { font: normal Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-weight: bold; }
/***** Title and subsubnav *****/
/***** Border *****/
body div li.title { list-style: none; border: 2px solid; border-radius: 5px; }
body div[id="Home"] li.title { border-color: #ff8300; }
body div[id="Project"] li.title { border-color: red; }
body div[id="Documentation"] li.title { border-color: #00b3ff; }
body div[id="HP"] li.title { border-color: #00c300; }
body div[id="Team"] li.title { border-color: #9901c7; }
/***** Title *****/
body div a.title { font-size: 20px; }
body div[id="Home"] a.title { color: #ff8300; }
body div[id="Project"] a.title, body div[id="Project"] ul li.subsub a { color: red; }
body div[id="Documentation"] a.title, body div[id="Documentation"] ul li.subsub a { color: #00b3ff; }
body div[id="HP"] a.title, body div[id="HP"] ul li.subsub a { color: #00c300; }
body div[id="Team"] a.title, body div[id="Team"] ul li.subsub a { color: #9901c7; }
/***** Basic Colors *****/
/* Color */
body div ul li.sub a { color: white; font-weight: bold; font-size: 16px; }
body div ul li.subsub a { font-size: 14px; }
/* Background */
body div[id="Project"] ul li.sub { background: #ff9898; }
body div[id="Documentation"] ul li.sub { background: #91deff; }
body div[id="HP"] ul li.sub { background: #76e974; }
body div[id="Team"] ul li.sub { background: #c476fd; }
/***** Survolement menu *****/
/* Color */
body div ul li.subsub:hover a { color: white; }
/* Background */
body div[id="Project"] ul li.sub:hover, body div[id="Project"] ul li.subsub:hover { background: red; }
body div[id="Documentation"] ul li.sub:hover, body div[id="Documentation"] ul li.subsub:hover { background: #00b3ff; }
body div[id="HP"] ul li.sub:hover, body div[id="HP"] ul li.subsub:hover { background: #00c300; }
body div[id="Team"] ul li.sub:hover, body div[id="Team"] ul li.subsub:hover { background: #9901c7; }
/***** Menu actif *****/
/*body div li.sub:active, body div li.subsub:active { border: 2px solid red; border-radius: 5px; }*/
