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

From 2013.igem.org

(Difference between revisions)
Line 11: Line 11:
}
}
-
ul.topnav li[id="bio"]
+
ul.topnav li[id="net"]
{
{
-
background: #32d81d;
+
background: #00b500;
}
}
-
ul.topnav li[id="model"]
+
ul.topnav li[id="device"]
{
{
-
background: #9223e0;
+
background: #9901c7;
 +
}
 +
 
 +
ul.topnav li[id="doc"]
 +
{
 +
background: #0b8bfa;
 +
}
 +
 
 +
ul.topnav li[id="safe"]
 +
{
 +
background: #945243;
}
}
ul.topnav li[id="HP"]
ul.topnav li[id="HP"]
{
{
-
background: blue;
+
background: lime;
}
}
ul.topnav li[id="team"]
ul.topnav li[id="team"]
{
{
-
background: maroon;
+
background: blue;
}
}
Line 48: Line 58:
ul.topnav li[id="proj"] ul.subnav li
ul.topnav li[id="proj"] ul.subnav li
{
{
-
background: #ffbcbc;
+
background: #ff9898;
}
}
-
ul.topnav li[id="bio"] ul.subnav li
+
ul.topnav li[id="net"] ul.subnav li
{
{
-
background: #7eff79;
+
background: #76e974;
}
}
-
ul.topnav li[id="model"] ul.subnav li
+
ul.topnav li[id="device"] ul.subnav li
{
{
background: #c375fb;
background: #c375fb;
 +
}
 +
 +
ul.topnav li[id="doc"] ul.subnav li
 +
{
 +
background: #64d1ff;
 +
}
 +
 +
ul.topnav li[id="safe"] ul.subnav li
 +
{
 +
background: #c7745f;
}
}
ul.topnav li[id="HP"] ul.subnav li
ul.topnav li[id="HP"] ul.subnav li
{
{
-
background: #95c9ff;
+
background: #64fb66;
}
}
ul.topnav li[id="team"] ul.subnav li
ul.topnav li[id="team"] ul.subnav li
{
{
-
background: #cb7070;
+
background: #6993ff;
}
}
Line 79: Line 99:
/* Couleurs des sous-menus au survolement */
/* Couleurs des sous-menus au survolement */
-
ul.topnav li[id="proj"] ul.subnav li:hover, ul.topnav li[id="bio"] ul.subnav li:hover, ul.topnav li[id="model"] ul.subnav li:hover, ul.topnav li[id="HP"] ul.subnav li:hover, ul.topnav li[id="team"] ul.subnav li:hover
+
ul.topnav li[id="proj"] ul.subnav li:hover, ul.topnav li[id="net"] ul.subnav li:hover, ul.topnav li[id="device"] ul.subnav li:hover, ul.topnav li[id="doc"] ul.subnav li:hover, ul.topnav li[id="safe"] ul.subnav li:hover, ul.topnav li[id="HP"] ul.subnav li:hover, ul.topnav li[id="team"] ul.subnav li:hover
{
{
-
background: #e1e1e1;
+
background: #d8d8d8;
}
}
Line 89: Line 109:
}
}
-
ul.topnav li[id="bio"]:hover ul.subnav li:hover a
+
ul.topnav li[id="net"]:hover ul.subnav li:hover a
{
{
-
color: #32d81d;
+
color: #00b500;
}
}
-
ul.topnav li[id="model"]:hover ul.subnav li:hover a
+
ul.topnav li[id="device"]:hover ul.subnav li:hover a
{
{
-
color: #9223e0;
+
color: #9901c7;
 +
}
 +
 
 +
ul.topnav li[id="doc"]:hover ul.subnav li:hover a
 +
{
 +
color: #0b8bfa;
 +
}
 +
 
 +
ul.topnav li[id="safe"]:hover ul.subnav li:hover a
 +
{
 +
color: #945243;
}
}
ul.topnav li[id="HP"]:hover ul.subnav li:hover a
ul.topnav li[id="HP"]:hover ul.subnav li:hover a
{
{
-
color: blue;
+
color: lime;
}
}
ul.topnav li[id="team"]:hover ul.subnav li:hover a
ul.topnav li[id="team"]:hover ul.subnav li:hover a
{
{
-
color: maroon;
+
color: blue;
}
}

Revision as of 13:47, 19 June 2013

/* Couleurs des onglets */

ul.topnav li[id="home"] { background: orange; }

ul.topnav li[id="proj"] { background: red; }

ul.topnav li[id="net"] { background: #00b500; }

ul.topnav li[id="device"] { background: #9901c7; }

ul.topnav li[id="doc"] { background: #0b8bfa; }

ul.topnav li[id="safe"] { background: #945243; }

ul.topnav li[id="HP"] { background: lime; }

ul.topnav li[id="team"] { background: blue; }

ul.topnav li a { font: normal 15px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; color: white; }

ul.topnav li:hover a { font-style: italic; }

/* Couleurs des sous-menus */

ul.topnav li[id="proj"] ul.subnav li { background: #ff9898; }

ul.topnav li[id="net"] ul.subnav li { background: #76e974; }

ul.topnav li[id="device"] ul.subnav li { background: #c375fb; }

ul.topnav li[id="doc"] ul.subnav li { background: #64d1ff; }

ul.topnav li[id="safe"] ul.subnav li { background: #c7745f; }

ul.topnav li[id="HP"] ul.subnav li { background: #64fb66; }

ul.topnav li[id="team"] ul.subnav li { background: #6993ff; }

ul.topnav li:hover ul.subnav li a { 

   color: white;
   font-style: normal;

}

/* Couleurs des sous-menus au survolement */

ul.topnav li[id="proj"] ul.subnav li:hover, ul.topnav li[id="net"] ul.subnav li:hover, ul.topnav li[id="device"] ul.subnav li:hover, ul.topnav li[id="doc"] ul.subnav li:hover, ul.topnav li[id="safe"] ul.subnav li:hover, ul.topnav li[id="HP"] ul.subnav li:hover, ul.topnav li[id="team"] ul.subnav li:hover { background: #d8d8d8; }

ul.topnav li[id="proj"]:hover ul.subnav li:hover a { color: red; }

ul.topnav li[id="net"]:hover ul.subnav li:hover a { color: #00b500; }

ul.topnav li[id="device"]:hover ul.subnav li:hover a { color: #9901c7; }

ul.topnav li[id="doc"]:hover ul.subnav li:hover a { color: #0b8bfa; }

ul.topnav li[id="safe"]:hover ul.subnav li:hover a { color: #945243; }

ul.topnav li[id="HP"]:hover ul.subnav li:hover a { color: lime; }

ul.topnav li[id="team"]:hover ul.subnav li:hover a { color: blue; }

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