Team:Grenoble-EMSE-LSU/Design/style
From 2013.igem.org
/******************************************************************************************/ /* Thanks to iGEM team DTU 2011 for their helpful tutorial, for any information see here :*/ /***********https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki************/ /******************************************************************************************/
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
{
display:none; background-color: none;
}
body, html {
margin: 0; padding: 0; height: 100%;
}
- top-section
{
border: none; height: 0px;
}
- content
{
border: none; background: none;
}
- menubar
{
width: auto;
}
body {
margin: 0 0 0 0; padding: 0; width: 100%;
}
body[id="Home"] { background: url('https://static.igem.org/mediawiki/2013/c/c4/Grenoble-EMSE-LSU_logo.png') fixed no-repeat; }
body[id="Project"] { background: url('https://static.igem.org/mediawiki/2012/f/f2/Project_fond.png') fixed no-repeat; }
body[id="Team"] { background: url('https://static.igem.org/mediawiki/2012/5/5f/Team_fond.png') fixed no-repeat; }
body[id="Biology"] { background: url('https://static.igem.org/mediawiki/2012/a/ac/Biology_fond.png') fixed no-repeat; }
body[id="Modeling"] { background: url('https://static.igem.org/mediawiki/2012/6/62/Modelling_fond.png') fixed no-repeat; }
body[id="HP"] { background: url('https://static.igem.org/mediawiki/2012/4/44/HP_fond.png') fixed no-repeat; }
- top-section
{
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;
}
- menubar
{
font-size: 65%; top: 0px;
}
/****************************************/ /* Barre de menu en haut de chaque page */ /****************************************/
ul.topnav ul li { opacity: 0.7; }
ul.topnav ul li:hover { opacity: 1; }
ul.topnav li[id="model_icon"] ul.subnav li:hover, .menu_gauche[id="model_icon"] ul li:hover { background-color: #ffffff; }
ul.topnav li[id="project_icon"] ul.subnav li:hover, .menu_gauche[id="project_icon"] ul li:hover { background-color: #b80100; }
ul.topnav li[id="bio_icon"] ul.subnav li:hover, .menu_gauche[id="bio_icon"] ul li:hover { background-color: #30849b; }
ul.topnav li[id="home_icon"] ul.subnav li:hover, .menu_gauche[id="home_icon"] ul li:hover { background-color: #e46c0a; }
ul.topnav li[id="team_icon"] ul.subnav li:hover, .menu_gauche[id="team_icon"] ul li:hover { background-color: #007f00; }
ul.topnav li[id="HP_icon"] ul.subnav li:hover, .menu_gauche[id="HP_icon"] ul li:hover { background-color: #1c477b; }
.menu_gauche[id="HP_icon"] ul li:hover { background-color: #1c477b; }
ul.topnav li[id="HP_icon"] ul.subnav li a:hover, ul.topnav li[id="bio_icon"] ul.subnav li a:hover, ul.topnav li[id="model_icon"] ul.subnav li a:hover, ul.topnav li[id="team_icon"] ul.subnav li a:hover, ul.topnav li[id="home_icon"] ul.subnav li a:hover, ul.topnav li[id="project_icon"] ul.subnav li a:hover { font-weight: bold; color: white; }
ul.topnav ul a:hover { text-decoration: none; }
ul.topnav li { float: left; position: relative; }
ul.topnav > li > a { height: 28px; overflow: hidden; }
ul.topnav li ul.subnav { position: absolute; left: -19px; top: 110px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }
ul.topnav li[id="HP_icon"] ul.subnav { position: absolute; letf: -10px; top: 117px; background: #e6e6e6; display: none; float: left; border-radius: 10px; }
ul.topnav li ul.subnav li { border-radius: 10px; }
ul.topnav li ul.subnav li a { color: black; /*text-align: justify;*/ }
ul.topnav li ul.subnav li: hover { }
ul.topnav li ul.subnav, ul.topnav li ul.subnav li { width: 160px; }
/**********************/ /* Menu sur la gauche */ /**********************/