"
Team:Grenoble-EMSE-LSU/Design/css0
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%;
}
body { width: 100%; }
- top-section
{
border: none; height: 0px;
}
- content
{
border: none; background: none;
}
- menubar
{
width: auto;
}
body {
margin: 0 0 0 0; padding: 0;
}
- top-section
{
width: 965px; height: 0; margin: 0 auto; padding: 0; border: none;
}
- menubar
{
font-size: 65%; top: 0px;
}
.left-menu:hover {
background-color: transparent;
}
- menubar li a
{
background-color: transparent;
}
- menubar:hover
{
color: white;
}
- menubar li a
{
color: transparent;
}
- menubar:hover li a
{
color: white;
}
.letf-menu: hover { background-color: transparent; }
.right-box { width: 0px; }
/* Coloration du menu en bleu, fond blanc ou transparent ? en tout cas menu invisible sauf si on passe dessus avec la souris
- /
.left-menu:hover {
background-color: transparent;
}
- menubar li a
{
background-color: transparent; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: transparent;
}
- menubar:hover li a
{
color: #FFFFFF;
}
/********************************************************************************/ /********************** CSS for our wiki ****************************/ /********************************************************************************/
body, #content {
background: #000080;
}
- header
{
background: url("http://");
height: 185px;
margin-top: 10px;
margin-bottom: 10px;
width: 964px;
border: 1px solid #000080;
-webkit-box-shadow: #ADD1FF 0px 2px 3px;
-moz-box-shadow: #ADD1FF 0px 2px 3px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
/*
- innercontent {
padding: 1px;} Important!
- /
/*
* * * Diaporama * * *
- /
.position_diapo { position: relative; overflow :hidden;
margin-top: 14px ;
width: 963px;
height: 370px; border: 1px solid #000080; -webkit-box-shadow: #ADD1FF 0px 2px 3px;
-moz-box-shadow: #ADD1FF 0px 2px 3px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
background: #FFFFFF; }
.style_diapo .items { width: 50000px; position: absolute; }
.items div { float: left; width: 963px; height: 370px; }
.prev
{
background: url(
) no-repeat;
height: 26px;
width: 85px;
float:left;
left: 5px;
position: relative;
margin-top: 20px ;
cursor: pointer;
padding: 40px 6px 360px 20px;
}
.next
{
background: url(
) no-repeat;
height: 26px;
width: 85px;
float:right;
right: 5px;
position: relative;
margin-top: 20px ;
cursor: pointer;
padding: 40px 20px 360px 6px;
}
.disabled { visibility: hidden; }
/* Navigateurs (disque indiquant la position de la diapo actuelle dans le diaporama)
- /
.navi {
left: -56px; margin-left: 50%; position: relative; width: 112px;
}
.navi a
{
width: 8px;
height: 8px;
float: left;
margin: 3px;
/*
background: url(
) 0 0 no-repeat;
- /
background: url(
) 0 0 no-repeat;
display: block;
font-size: 1px;
}
.navi a:hover { background-position: 0 -8px; }
.navi a.active { background-position: 0 -16px; }
