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

From 2013.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 1: Line 1:
-
/***** Title *****/
+
/********** General **********/
-
a.title
+
body div div.left div ul a.title, body div div.left div ul a
{
{
-
font: normal 30px Trebuchet, sans-serif;
+
font-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
 +
font-style: normal;
font-weight: bold;
font-weight: bold;
}
}
-
a[id="Project"]
+
/********************/
 +
 
 +
/********** Title and subsubnav **********/
 +
 
 +
/********** Border **********/
 +
 
 +
body div div.left div ul li.title
{
{
-
color: red;
+
list-style: none;
 +
border: 2px solid;
 +
border-radius: 5px;
}
}
-
a[id="Biology"]
+
body div div.left div[id="Home"] ul li.title
{
{
-
color: #32d81d;
+
border-color: #ff6600;
 +
margin-bottom: 15px;
}
}
-
a[id="Model"]
+
body div div.left div[id="Project"] ul li.title
{
{
-
color: #9223e0;
+
border-color: #ff0000;
}
}
-
a[id="HP"]
+
body div div.left div[id="Documentation"] ul li.title
{
{
-
color: blue;
+
border-color: #0099ff;
}
}
-
a[id="Team"]
+
body div div.left div[id="HP"] ul li.title
{
{
-
color: maroon;
+
border-color: #00cc00;
}
}
 +
body div div.left div[id="Team"] ul li.title
 +
{
 +
border-color: #9900cc;
 +
}
-
/***** Police *****/
+
/********************/
-
div
+
/********** Title **********/
 +
 
 +
body div div.left div ul a.title
{
{
-
font: normal 15px Trebuchet, sans-serif;
+
font-size: 22px;
-
font-weight: bold;
+
        font-variant: small-caps;
}
}
 +
body div div.left div[id="Documentation"] ul a.title
 +
{
 +
font-size: 16px;
 +
}
 +
 +
/********** Colors **********/
-
/***** Basic Colors *****/
+
body div div.left div[id="Home"] a.title, body div div.left div[id="Home"] a.subsub
 +
{
 +
color: #ff6600;
 +
}
-
/* Color */
+
        body div div.left div[id="Home"] a.subsub
 +
{
 +
font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
 +
font-weight: bold;
 +
        }
-
div[id="proj"] ul.menu li a, div[id="proj"] ul.menu li ul.subnav li a, div[id="proj"] ul.menu li a:hover ul.subnav li a
+
body div div.left div[id="Project"] a.title, body div div.left div[id="Project"] ul a.subsub
{
{
-
color: red;
+
color: #ff0000;
}
}
-
div[id="bio"] ul.menu li a, div[id="bio"] ul.menu li ul.subnav li a, div[id="bio"] ul.menu li a:hover ul.subnav li a
+
body div div.left div[id="Documentation"] a.title, body div div.left div[id="Documentation"] ul a.subsub
{
{
-
color: #32d81d;
+
color: #0099ff;
}
}
-
div[id="model"] ul.menu li a, div[id="model"] ul.menu li ul.subnav li a, div[id="model"] ul.menu li a:hover ul.subnav li a
+
body div div.left div[id="HP"] a.title, body div div.left div[id="HP"] ul a.subsub
{
{
-
color: #9223e0;
+
color: #00cc00;
}
}
-
div[id="hp"] ul.menu li a, div[id="hp"] ul.menu li ul.subnav li a, div[id="hp"] ul.menu li a:hover ul.subnav li a
+
body div div.left div[id="Team"] a.title, body div div.left div[id="Team"] ul a.subsub
{
{
-
color: blue;
+
color: #9900cc;
}
}
-
div[id="team"] ul.menu li a, div[id="team"] ul.menu li ul.subnav li a, div[id="team"] ul.menu li a:hover ul.subnav li a
+
/********************/
 +
/********************/
 +
 
 +
 
 +
/********** Basic Colors **********/
 +
 
 +
/********** Color **********/
 +
 
 +
body div div.left div ul a.sub
{
{
-
color: maroon;
+
color: white;
 +
font-weight: bold;
 +
font-size: 16px;
}
}
-
/* Background */
+
body div div.left div ul a.subsub
-
 
+
-
ul.menu li, ul.subnav li, ul.menu li a:hover ul.subnav li
+
{
{
-
background: white;
+
font-size: 14px;
}
}
 +
/********** Background **********/
-
/***** Survolement menu *****/
+
body div div.left div[id="Project"] ul li.sub
 +
{
 +
background: #ff9999;
 +
}
-
/* Color */
+
body div div.left div[id="Documentation"] ul li.sub
 +
{
 +
background: #99d6ff;
 +
}
-
div.menu_gauche ul.menu li:hover a, div.menu_gauche ul.menu li ul.subnav li:hover a
+
body div div.left div[id="HP"] ul li.sub
{
{
-
color: white;
+
background: #8fef8f;
}
}
-
/* Background */
+
body div div.left div[id="Team"] ul li.sub
 +
{
 +
background: #e38fff;
 +
}
-
div[id="proj"] ul.menu li:hover, div[id="proj"] ul.menu li ul.subnav li:hover, div[id="proj"] ul.menu li ul.subnav li:hover a
+
/********************/
 +
 
 +
 
 +
/********** Survolement **********/
 +
 
 +
/********** Color **********/
 +
 
 +
body div div.left div ul a.subsub:hover
{
{
-
background: red;
+
color: white;
}
}
-
div[id="bio"] ul.menu li:hover, div[id="bio"] ul.menu li ul.subnav li:hover, div[id="bio"] ul.menu li ul.subnav li:hover a
+
/********** Background **********/
 +
 
 +
body div div.left div[id="Project"] ul li.sub:hover, body div div.left div[id="Project"] ul li.subsub:hover
{
{
-
background: #32d81d;
+
background: #ff0000;
}
}
-
div[id="model"] ul.menu li:hover, div[id="model"] ul.menu li ul.subnav li:hover, div[id="model"] ul.menu li ul.subnav li:hover a
+
body div div.left div[id="Documentation"] ul li.sub:hover, body div div.left div[id="Documentation"] ul li.subsub:hover
{
{
-
background: #9223e0;
+
background: #0099ff;
}
}
-
div[id="hp"] ul.menu li:hover, div[id="hp"] ul.menu li ul.subnav li:hover, div[id="hp"] ul.menu li ul.subnav li:hover a
+
body div div.left div[id="HP"] ul li.sub:hover, body div div.left div[id="HP"] ul li.subsub:hover
{
{
-
background: blue;
+
background: #00cc00;
}
}
-
div[id="team"] ul.menu li:hover, div[id="team"] ul.menu li ul.subnav li:hover, div[id="team"] ul.menu li ul.subnav li:hover a
+
body div div.left div[id="Team"] ul li.sub:hover, body div div.left div[id="Team"] ul li.subsub:hover
{
{
-
background: maroon;
+
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; }

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