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

From 2013.igem.org

(Difference between revisions)
Line 4: Line 4:
{
{
background: #ff8300;
background: #ff8300;
 +
border: solid 1px orange;
 +
background: -webkit-gradient(linear, left top, left bottom, from(#ff8300), to(orange));
 +
background: -moz-linear-gradient(top,  #ff8300,  orange);
}
}

Revision as of 14:51, 18 July 2013

/* Couleurs des onglets */

ul.topnav li[id="home"] { background: #ff8300; border: solid 1px orange; background: -webkit-gradient(linear, left top, left bottom, from(#ff8300), to(orange)); background: -moz-linear-gradient(top, #ff8300, orange); }

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

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

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

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

ul.topnav li a { font: normal 15px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif; font-weight: bold; font-style: normal;

   /*font-variant: small-caps;*/

color: white; }

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

/* Couleurs des sous-menus */

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

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

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

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

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

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

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

   color: white;
   font-style: normal;
   font-variant: normal;
   font-size: 14px;

}

/* Couleurs des sous-menus au survolement */

ul.topnav li[id="proj"] ul.subnav li:hover, ul.topnav li[id="doc"] 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 ul.subsubnav li:hover, ul.topnav li[id="doc"] ul.subnav ul.subsubnav li:hover, ul.topnav li[id="HP"] ul.subnav ul.subsubnav li:hover, ul.topnav li[id="team"] ul.subnav ul.subsubnav li:hover { background: #e1e1e1; }

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

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

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

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

ul.topnav ul.subnav ul.subsubnav li a { font-weight: normal; }

ul.topnav ul.subnav ul.subsubnav li:hover a { font-weight: bold; }