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

From 2013.igem.org

(Difference between revisions)
Line 122: Line 122:
{
{
     color: #2e2e2e;
     color: #2e2e2e;
 +
    font-weight: bold;
}
}
 +
 +
        body div.back div.right ul li a[id="contact"]:hover
 +
        {
 +
            text-decoration: underline;
 +
        }

Revision as of 14:03, 12 August 2013

/* Couleurs des onglets */

ul.topnav li[id="home"] { background: #ff6600;

       background-image: linear-gradient(to bottom right,#ff9500,#ff6600,#ff4000);

}

ul.topnav li[id="proj"] { background: #ff0000;

       background-image: linear-gradient(to bottom right,#ff4000,#ff0000,#cc0000);

}

ul.topnav li[id="doc"] { background: #0099ff;

       background-image: linear-gradient(to bottom right,#00d9ff,#0099ff,#0059ff);

}

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

       background-image: linear-gradient(to bottom right,#00ff00,#00cc00,#009900);

}

ul.topnav li[id="team"] { background: #9900cc;

       background-image: linear-gradient(to bottom right,#cc33ff,#9900cc,#730099);

}

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

       font-variant: small-caps;

color: white; }

/* Couleurs des sous-menus */

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

/***** Contact *****/

body div.back div.right ul li a[id="contact"] {

   color: #2e2e2e;
   font-weight: bold;

}

       body div.back div.right ul li a[id="contact"]:hover
       {
           text-decoration: underline;
       }