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

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/***** Title *****/
+
/***** General *****/
-
a.title
+
body
{
{
-
font: normal 30px Trebuchet, sans-serif;
+
background: #ffdada;
-
font-weight: bold;
+
}
}
-
a[id="Project"]
+
div a
{
{
-
color: red;
+
font: normal Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
 +
font-weight: bold;
}
}
-
a[id="Network"]
+
 
 +
/***** Title and subsubnav *****/
 +
 
 +
/***** Border *****/
 +
 
 +
div li.title
{
{
-
color: #00b500;
+
list-style: none;
 +
border: 2px solid;
 +
border-radius: 5px;
}
}
-
a[id="Device"]
+
div[id="Home"] li.title
{
{
-
color: #9901c7;
+
border-color: #ff8300;
}
}
-
a[id="Documentation"]
+
div[id="Project"] li.title
{
{
-
color: #0b8bfa;
+
border-color: red;
}
}
-
a[id="Safety"]
+
div[id="Documentation"] li.title
{
{
-
color: #945243;
+
border-color: #00b3ff;
}
}
-
a[id="HP"]
+
div[id="HP"] li.title
{
{
-
color: lime;
+
border-color: #00c300;
}
}
-
a[id="Team"]
+
div[id="Team"] li.title
{
{
-
color: blue;
+
border-color: #9901c7;
}
}
 +
/***** Title *****/
-
/***** Police *****/
+
div a.title
 +
{
 +
font-size: 20px;
 +
}
-
div
+
div[id="Home"] a.title
{
{
-
font: normal 15px Trebuchet, sans-serif;
+
color: #ff8300;
-
font-weight: bold;
+
}
}
-
 
+
div[id="Project"] a.title, div[id="Project"] ul li.subsub a
-
/***** Basic Colors *****/
+
-
 
+
-
/* Color */
+
-
 
+
-
div[id="proj"] ul.menu a
+
{
{
color: red;
color: red;
}
}
-
div[id="net"] ul.menu a, div[id="net"] ul.menu li.extend a, div[id="net"] ul.menu li.extend ul.subnav a, div[id="net"] ul.menu li:hover ul.subnav a
+
div[id="Documentation"] a.title, div[id="Documentation"] ul li.subsub a
{
{
-
color: #00b500;
+
color: #00b3ff;
}
}
-
div[id="device"] ul.menu a
+
div[id="HP"] a.title, div[id="HP"] ul li.subsub a
 +
{
 +
color: #00c300;
 +
}
 +
 
 +
div[id="Team"] a.title, div[id="Team"] ul li.subsub a
{
{
color: #9901c7;
color: #9901c7;
}
}
-
div[id="doc"] ul.menu a, div[id="doc"] ul.menu li.extend a, div[id="doc"] ul.menu li.extend ul.subnav a, div[id="doc"] ul.menu li:hover ul.subnav a
+
 
 +
/***** Basic Colors *****/
 +
 
 +
/* Color */
 +
 
 +
div ul li.sub a
{
{
-
color: #0b8bfa;
+
color: white;
 +
font-weight: bold;
 +
font-size: 16px;
}
}
-
div[id="safe"] ul.menu a
+
div ul li.subsub a
{
{
-
color: #945243;
+
font-size: 14px;
}
}
-
div[id="hp"] ul.menu a
+
/* Background */
 +
 
 +
div[id="Project"] ul li.sub
{
{
-
color: lime;
+
background: #ff9898;
}
}
-
div[id="team"] ul.menu a
+
div[id="Documentation"] ul li.sub
{
{
-
color: blue;
+
background: #91deff;
}
}
-
/* Background */
+
div[id="HP"] ul li.sub
 +
{
 +
background: #76e974;
 +
}
-
ul.menu li, ul.subnav li, ul.menu li:hover ul.subnav li
+
div[id="Team"] ul li.sub
{
{
-
background: white;
+
background: #c476fd;
}
}
 +
Line 103: Line 126:
/* Color */
/* Color */
-
div.menu_gauche ul.menu a li:hover, div.menu_gauche ul.menu li:hover a, div.menu_gauche ul.menu li.extend ul.subnav a li:hover
+
div ul li.subsub:hover a
{
{
color: white;
color: white;
Line 110: Line 133:
/* Background */
/* Background */
-
div[id="proj"] ul.menu li:hover
+
div[id="Project"] ul li.sub:hover, div[id="Project"] ul li.subsub:hover
{
{
background: red;
background: red;
}
}
-
div[id="net"] ul.menu li:hover
+
div[id="Documentation"] ul li.sub:hover, div[id="Documentation"] ul li.subsub:hover
{
{
-
background: #00b500;
+
background: #00b3ff;
}
}
-
div[id="net"] ul.menu li.extend ul.subnav li:hover
+
div[id="HP"] ul li.sub:hover, div[id="HP"] ul li.subsub:hover
{
{
-
background: #76e974;
+
background: #00c300;
}
}
-
div[id="device"] ul.menu li:hover
+
div[id="Team"] ul li.sub:hover, div[id="Team"] ul li.subsub:hover
{
{
background: #9901c7;
background: #9901c7;
}
}
-
div[id="doc"] ul.menu li:hover
 
-
{
 
-
background: #0b8bfa;
 
-
}
 
-
div[id="doc"] ul.menu li.extend ul.subnav li:hover
+
/***** Menu actif *****/
-
{
+
-
background: #64d1ff;
+
-
}
+
-
div[id="safe"] ul.menu li:hover
+
/*div li.sub:active, div li.subsub:active
{
{
-
background: #945243;
+
border: 2px solid red;
-
}
+
border-radius: 5px;
-
 
+
}*/
-
div[id="hp"] ul.menu li:hover
+
-
{
+
-
background: lime;
+
-
}
+
-
 
+
-
div[id="team"] ul.menu li:hover
+
-
{
+
-
background: blue;
+
-
}
+

Revision as of 14:04, 9 July 2013

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

body { background: #ffdada; }

div a { font: normal Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-weight: bold; }


/***** Title and subsubnav *****/

/***** Border *****/

div li.title { list-style: none; border: 2px solid; border-radius: 5px; }

div[id="Home"] li.title { border-color: #ff8300; }

div[id="Project"] li.title { border-color: red; }

div[id="Documentation"] li.title { border-color: #00b3ff; }

div[id="HP"] li.title { border-color: #00c300; }

div[id="Team"] li.title { border-color: #9901c7; }

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

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

div[id="Home"] a.title { color: #ff8300; }

div[id="Project"] a.title, div[id="Project"] ul li.subsub a { color: red; }

div[id="Documentation"] a.title, div[id="Documentation"] ul li.subsub a { color: #00b3ff; }

div[id="HP"] a.title, div[id="HP"] ul li.subsub a { color: #00c300; }

div[id="Team"] a.title, div[id="Team"] ul li.subsub a { color: #9901c7; }


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

/* Color */

div ul li.sub a { color: white; font-weight: bold; font-size: 16px; }

div ul li.subsub a { font-size: 14px; }

/* Background */

div[id="Project"] ul li.sub { background: #ff9898; }

div[id="Documentation"] ul li.sub { background: #91deff; }

div[id="HP"] ul li.sub { background: #76e974; }

div[id="Team"] ul li.sub { background: #c476fd; }


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

/* Color */

div ul li.subsub:hover a { color: white; }

/* Background */

div[id="Project"] ul li.sub:hover, div[id="Project"] ul li.subsub:hover { background: red; }

div[id="Documentation"] ul li.sub:hover, div[id="Documentation"] ul li.subsub:hover { background: #00b3ff; }

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

div[id="Team"] ul li.sub:hover, div[id="Team"] ul li.subsub:hover { background: #9901c7; }


/***** Menu actif *****/

/*div li.sub:active, div li.subsub:active { border: 2px solid red; border-radius: 5px; }*/

Retrieved from "http://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/Menu_Left_Couleurs"