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

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/***** General *****/
+
/********** General **********/
body div.back div.left div a.title, body div.back div.left div ul a
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-family: Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
-
        font-style: normal;
+
font-style: normal;
font-weight: bold;
font-weight: bold;
}
}
 +
/********************/
-
/***** Title and subsubnav *****/
+
/********** Title and subsubnav **********/
-
/***** Border *****/
+
/********** Border **********/
body div.back div.left div li.title
body div.back div.left div li.title
Line 23: Line 24:
{
{
border-color: #ff6600;
border-color: #ff6600;
-
        margin-bottom: 15px;
+
margin-bottom: 15px;
}
}
Line 34: Line 35:
{
{
border-color: #0099ff;
border-color: #0099ff;
-
        padding: 10px 2px 10px 2px;
+
padding: 8px 2px 8px 2px;
}
}
Line 47: Line 48:
}
}
-
/***** Title *****/
+
/********************/
 +
 
 +
/********** Title **********/
body div.back div.left div a.title
body div.back div.left div a.title
Line 54: Line 57:
}
}
-
body div.back div.left div[id="Documentation"] a.title
+
body div.back div.left div[id="Documentation"] a.title
-
{
+
{
-
        font-size: 17px;
+
font-size: 17px;
-
}
+
}
 +
 +
/********** Colors **********/
body div.back div.left div[id="Home"] a.title, body div.back div.left div[id="Home"] a.subsub
body div.back div.left div[id="Home"] a.title, body div.back div.left div[id="Home"] a.subsub
Line 65: Line 70:
         body div.back div.left div[id="Home"] a.subsub
         body div.back div.left div[id="Home"] a.subsub
-
        {
+
{
-
                font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
+
font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
-
                font-weight: bold;
+
font-weight: bold;
         }
         }
Line 89: Line 94:
color: #9900cc;
color: #9900cc;
}
}
 +
 +
/********************/
 +
/********************/
-
/***** Basic Colors *****/
+
/********** Basic Colors **********/
-
/* Color */
+
/********** Color **********/
body div.back div.left div ul a.sub
body div.back div.left div ul a.sub
Line 107: Line 115:
}
}
-
/* Background */
+
/********** Background **********/
body div.back div.left div[id="Project"] ul li.sub
body div.back div.left div[id="Project"] ul li.sub
Line 129: Line 137:
}
}
 +
/********************/
-
/***** Survolement menu *****/
+
/********** Survolement **********/
-
/* Color */
+
/********** Color **********/
body div.back div.left div ul a.subsub:hover
body div.back div.left div ul a.subsub:hover
Line 140: Line 149:
}
}
-
/* Background */
+
/********** 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
body div.back div.left div[id="Project"] ul li.sub:hover, body div.back div.left div[id="Project"] ul li.subsub:hover

Revision as of 13:28, 29 August 2013

/********** 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: 8px 2px 8px 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; }

/********** Colors **********/

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 **********/

/********** 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; }