"
Team:Grenoble-EMSE-LSU/Design/Menu Left Couleurs
From 2013.igem.org
| (10 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
/********** General **********/ | /********** General **********/ | ||
| - | body div | + | body div div.left div ul a.title, body div div.left div ul a |
{ | { | ||
font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; | font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; | ||
| Line 14: | Line 14: | ||
/********** Border **********/ | /********** Border **********/ | ||
| - | body div | + | body div div.left div ul li.title |
{ | { | ||
list-style: none; | list-style: none; | ||
| Line 21: | Line 21: | ||
} | } | ||
| - | body div | + | body div div.left div[id="Home"] ul li.title |
{ | { | ||
border-color: #ff6600; | border-color: #ff6600; | ||
| Line 27: | Line 27: | ||
} | } | ||
| - | body div | + | body div div.left div[id="Project"] ul li.title |
{ | { | ||
border-color: #ff0000; | border-color: #ff0000; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Documentation"] ul li.title |
{ | { | ||
border-color: #0099ff; | border-color: #0099ff; | ||
| - | |||
} | } | ||
| - | body div | + | body div div.left div[id="HP"] ul li.title |
{ | { | ||
border-color: #00cc00; | border-color: #00cc00; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Team"] ul li.title |
{ | { | ||
border-color: #9900cc; | border-color: #9900cc; | ||
| Line 52: | Line 51: | ||
/********** Title **********/ | /********** Title **********/ | ||
| - | body div | + | body div div.left div ul a.title |
{ | { | ||
| - | font-size: | + | font-size: 22px; |
| + | font-variant: small-caps; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Documentation"] ul a.title |
{ | { | ||
| - | font-size: | + | font-size: 16px; |
} | } | ||
/********** Colors **********/ | /********** Colors **********/ | ||
| - | body div | + | body div div.left div[id="Home"] a.title, body div div.left div[id="Home"] a.subsub |
{ | { | ||
color: #ff6600; | color: #ff6600; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Home"] a.subsub |
| - | + | { | |
| - | + | font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; | |
| - | + | font-weight: bold; | |
} | } | ||
| - | body div | + | body div div.left div[id="Project"] a.title, body div div.left div[id="Project"] ul a.subsub |
{ | { | ||
color: #ff0000; | color: #ff0000; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Documentation"] a.title, body div div.left div[id="Documentation"] ul a.subsub |
{ | { | ||
color: #0099ff; | color: #0099ff; | ||
} | } | ||
| - | body div | + | body div div.left div[id="HP"] a.title, body div div.left div[id="HP"] ul a.subsub |
{ | { | ||
color: #00cc00; | color: #00cc00; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Team"] a.title, body div div.left div[id="Team"] ul a.subsub |
{ | { | ||
color: #9900cc; | color: #9900cc; | ||
| Line 103: | Line 103: | ||
/********** Color **********/ | /********** Color **********/ | ||
| - | body div | + | body div div.left div ul a.sub |
{ | { | ||
color: white; | color: white; | ||
font-weight: bold; | font-weight: bold; | ||
| - | font-size: | + | font-size: 16px; |
} | } | ||
| - | body div | + | body div div.left div ul a.subsub |
{ | { | ||
| - | font-size: | + | font-size: 14px; |
} | } | ||
/********** Background **********/ | /********** Background **********/ | ||
| - | body div | + | body div div.left div[id="Project"] ul li.sub |
{ | { | ||
background: #ff9999; | background: #ff9999; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Documentation"] ul li.sub |
{ | { | ||
background: #99d6ff; | background: #99d6ff; | ||
} | } | ||
| - | body div | + | body div div.left div[id="HP"] ul li.sub |
{ | { | ||
| - | background: # | + | background: #8fef8f; |
} | } | ||
| - | body div | + | body div div.left div[id="Team"] ul li.sub |
{ | { | ||
background: #e38fff; | background: #e38fff; | ||
| Line 144: | Line 144: | ||
/********** Color **********/ | /********** Color **********/ | ||
| - | body div | + | body div div.left div ul a.subsub:hover |
{ | { | ||
color: white; | color: white; | ||
| Line 151: | Line 151: | ||
/********** Background **********/ | /********** Background **********/ | ||
| - | body div | + | body div div.left div[id="Project"] ul li.sub:hover, body div div.left div[id="Project"] ul li.subsub:hover |
{ | { | ||
background: #ff0000; | background: #ff0000; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Documentation"] ul li.sub:hover, body div div.left div[id="Documentation"] ul li.subsub:hover |
{ | { | ||
background: #0099ff; | background: #0099ff; | ||
} | } | ||
| - | body div | + | body div div.left div[id="HP"] ul li.sub:hover, body div div.left div[id="HP"] ul li.subsub:hover |
{ | { | ||
background: #00cc00; | background: #00cc00; | ||
} | } | ||
| - | body div | + | body div div.left div[id="Team"] ul li.sub:hover, body div div.left div[id="Team"] ul li.subsub:hover |
{ | { | ||
background: #9900cc; | background: #9900cc; | ||
} | } | ||
Latest revision as of 12:49, 6 September 2013
/********** General **********/
body div div.left div ul a.title, body div div.left div ul a { font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-style: normal; font-weight: bold; }
/********************/
/********** Title and subsubnav **********/
/********** Border **********/
body div div.left div ul li.title { list-style: none; border: 2px solid; border-radius: 5px; }
body div div.left div[id="Home"] ul li.title { border-color: #ff6600; margin-bottom: 15px; }
body div div.left div[id="Project"] ul li.title { border-color: #ff0000; }
body div div.left div[id="Documentation"] ul li.title { border-color: #0099ff; }
body div div.left div[id="HP"] ul li.title { border-color: #00cc00; }
body div div.left div[id="Team"] ul li.title { border-color: #9900cc; }
/********************/
/********** Title **********/
body div div.left div ul a.title { font-size: 22px;
font-variant: small-caps;
}
body div div.left div[id="Documentation"] ul a.title { font-size: 16px; }
/********** Colors **********/
body div div.left div[id="Home"] a.title, body div div.left div[id="Home"] a.subsub { color: #ff6600; }
body div div.left div[id="Home"] a.subsub
{ font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-weight: bold;
}
body div div.left div[id="Project"] a.title, body div div.left div[id="Project"] ul a.subsub { color: #ff0000; }
body div div.left div[id="Documentation"] a.title, body div div.left div[id="Documentation"] ul a.subsub { color: #0099ff; }
body div div.left div[id="HP"] a.title, body div div.left div[id="HP"] ul a.subsub { color: #00cc00; }
body div div.left div[id="Team"] a.title, body div div.left div[id="Team"] ul a.subsub { color: #9900cc; }
/********************/ /********************/
/********** Basic Colors **********/
/********** Color **********/
body div div.left div ul a.sub { color: white; font-weight: bold; font-size: 16px; }
body div div.left div ul a.subsub { font-size: 14px; }
/********** Background **********/
body div div.left div[id="Project"] ul li.sub { background: #ff9999; }
body div div.left div[id="Documentation"] ul li.sub { background: #99d6ff; }
body div div.left div[id="HP"] ul li.sub { background: #8fef8f; }
body div div.left div[id="Team"] ul li.sub { background: #e38fff; }
/********************/
/********** Survolement **********/
/********** Color **********/
body div div.left div ul a.subsub:hover { color: white; }
/********** Background **********/
body div div.left div[id="Project"] ul li.sub:hover, body div div.left div[id="Project"] ul li.subsub:hover { background: #ff0000; }
body div div.left div[id="Documentation"] ul li.sub:hover, body div div.left div[id="Documentation"] ul li.subsub:hover { background: #0099ff; }
body div div.left div[id="HP"] ul li.sub:hover, body div div.left div[id="HP"] ul li.subsub:hover { background: #00cc00; }
body div div.left div[id="Team"] ul li.sub:hover, body div div.left div[id="Team"] ul li.subsub:hover { background: #9900cc; }
