Team:Grenoble-EMSE-LSU/Design/Menu Left Couleurs

From 2013.igem.org

Revision as of 10:16, 12 August 2013 by Hélène (Talk | contribs)

/***** General *****/

body div.back div.left div a.title, body div.back 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.back div.left div li.title { list-style: none; border: 2px solid; border-radius: 5px; }

body div.back div.left div[id="Home"] li.title { border-color: #ff6600;

       margin-bottom: 15px;

}

body div.back div.left div[id="Project"] li.title { border-color: #ff0000; }

body div.back div.left div[id="Documentation"] li.title { border-color: #0099ff;

       padding: 10px 2px 10px 2px;

}

body div.back div.left div[id="HP"] li.title { border-color: #00cc00; }

body div.back div.left div[id="Team"] li.title { border-color: #9900cc; }

/***** Title *****/

body div.back div.left div a.title { font-size: 20px; }

body div.back div.left div[id="Documentation"] a.title {

       font-size: 17px;

}

body div.back div.left div[id="Home"] a.title, body div.back div.left div[id="Home"] a.subsub { color: #ff6600; }

       body div.back div.left div[id="Home"] a.subsub
       {
               font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
               font-weight: bold;
       }

body div.back div.left div[id="Project"] a.title, body div.back div.left div[id="Project"] ul a.subsub { color: #ff0000; }

body div.back div.left div[id="Documentation"] a.title, body div.back div.left div[id="Documentation"] ul a.subsub { color: #0099ff; }

body div.back div.left div[id="HP"] a.title, body div.back div.left div[id="HP"] ul a.subsub { color: #00cc00; }

body div.back div.left div[id="Team"] a.title, body div.back div.left div[id="Team"] ul a.subsub { color: #9900cc; }


/***** Basic Colors *****/

/* Color */

body div.back div.left div ul a.sub { color: white; font-weight: bold; font-size: 15px; }

body div.back div.left div ul a.subsub { font-size: 13px; }

/* Background */

body div.back div.left div[id="Project"] ul li.sub { background: #ff9999; }

body div.back div.left div[id="Documentation"] ul li.sub { background: #99d6ff; }

body div.back div.left div[id="HP"] ul li.sub { background: #80ff80; }

body div.back div.left div[id="Team"] ul li.sub { background: #e38fff; }


/***** Survolement menu *****/

/* Color */

body div.back div.left div ul a.subsub:hover { color: white; }

/* Background */

body div.back div.left div[id="Project"] ul li.sub:hover, body div.back div.left div[id="Project"] ul li.subsub:hover { background: #ff0000; }

body div.back div.left div[id="Documentation"] ul li.sub:hover, body div.back div.left div[id="Documentation"] ul li.subsub:hover { background: #0099ff; }

body div.back div.left div[id="HP"] ul li.sub:hover, body div.back div.left div[id="HP"] ul li.subsub:hover { background: #00cc00; }

body div.back div.left div[id="Team"] ul li.sub:hover, body div.back div.left div[id="Team"] ul li.subsub:hover { background: #9900cc; }