Team:Grenoble-EMSE-LSU/Design/Menu Left Couleurs
From 2013.igem.org
Line 1: | Line 1: | ||
/***** General *****/ | /***** General *****/ | ||
+ | |||
+ | body div a.title, body div a | ||
+ | { | ||
+ | font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | body div[id="back_home"] | ||
+ | { | ||
+ | background: #ffe4c8; | ||
+ | } | ||
body div[id="back_proj"] | body div[id="back_proj"] | ||
{ | { | ||
- | |||
- | |||
background: #ffdada; | background: #ffdada; | ||
} | } | ||
- | body div | + | body div[id="back_doc"] |
{ | { | ||
- | + | background: #ddf5ff; | |
- | + | } | |
- | + | ||
+ | body div[id="back_hp"] | ||
+ | { | ||
+ | background: #d9ffd8; | ||
+ | } | ||
+ | |||
+ | body div[id="back_team"] | ||
+ | { | ||
+ | background: #e9cbff; | ||
} | } | ||
Revision as of 09:46, 10 July 2013
/***** General *****/
body div a.title, body div a { font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
font-style: normal;
font-weight: bold; }
body div[id="back_home"] { background: #ffe4c8; }
body div[id="back_proj"] { background: #ffdada; }
body div[id="back_doc"] { background: #ddf5ff; }
body div[id="back_hp"] { background: #d9ffd8; }
body div[id="back_team"] { background: #e9cbff; }
/***** 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;
padding: 10px 2px 10px 2px;
}
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="Documentation"] a.title {
font-size: 18px;
}
body div[id="Home"] a.title { color: #ff8300; }
body div[id="Project"] a.title, body div[id="Project"] ul a.subsub { color: red; }
body div[id="Documentation"] a.title, body div[id="Documentation"] ul a.subsub { color: #00b3ff; }
body div[id="HP"] a.title, body div[id="HP"] ul a.subsub { color: #00c300; }
body div[id="Team"] a.title, body div[id="Team"] ul a.subsub { color: #9901c7; }
/***** Basic Colors *****/
/* Color */
body div ul a.sub { color: white; font-weight: bold; font-size: 16px; }
body div ul a.subsub { 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 a.subsub:hover { 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; }*/