Team:Grenoble-EMSE-LSU/Design/style

From 2013.igem.org

Latest revision as of 14:11, 13 June 2013

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

1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo

{

   display:none;
   background-color: none;

}

body, html {

margin: 0;
padding: 0; 
height: 100%;

}

1. top-section

{

   border: none;
   height: 0px;

}

1. content

{

   border: none;
   background: none;

}

1. 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; }

1. top-section

{

   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;

}

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