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

From 2013.igem.org

(Difference between revisions)
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"]
{
{
-
        width: 980px;
 
-
        height: 1024px;
 
background: #ffdada;
background: #ffdada;
}
}
-
body div a.title, body div a
+
body div[id="back_doc"]
{
{
-
font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
+
background: #ddf5ff;
-
        font-style: normal;
+
}
-
font-weight: bold;
+
 
 +
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; }*/