Team:Grenoble/Design/css0
From 2011.igem.org
Maxime.huet (Talk | contribs) |
Maxime.huet (Talk | contribs) |
||
Line 52: | Line 52: | ||
display: none; | display: none; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* | /* | ||
Line 92: | Line 81: | ||
padding: 1px;} Important! | padding: 1px;} Important! | ||
*/ | */ | ||
- | |||
- | |||
Line 106: | Line 93: | ||
*/ | */ | ||
- | |||
- | |||
.position_diapo | .position_diapo | ||
{ | { | ||
Line 126: | Line 111: | ||
background: #FFFFFF; | background: #FFFFFF; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.style_diapo .items | .style_diapo .items | ||
Line 162: | Line 132: | ||
width: 74px; | width: 74px; | ||
float:left; | float:left; | ||
- | left:- | + | left:-12px; |
position: relative; | position: relative; | ||
margin-top: 148px ; | margin-top: 148px ; | ||
Line 174: | Line 144: | ||
width: 74px; | width: 74px; | ||
float:right; | float:right; | ||
- | right:- | + | right:-12px; |
position: relative; | position: relative; | ||
margin-top: 148px ; | margin-top: 148px ; | ||
Line 185: | Line 155: | ||
} | } | ||
- | /* | + | /* |
+ | * Barre de navigation rapide entre les diapo (p'tits ronds) | ||
+ | */ | ||
.navi | .navi | ||
{ | { | ||
Line 201: | Line 173: | ||
margin: 3px; | margin: 3px; | ||
background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat; | background: url(https://static.igem.org/mediawiki/2011/7/7e/DTU-Denmark2011-slider-navigator-red.png) 0 0 no-repeat; | ||
- | |||
display: block; | display: block; | ||
font-size: 1px; | font-size: 1px; |
Revision as of 16:45, 22 October 2011
/* Enlever l'entête et le pied de page wiki, ainsi que les bords: (ce code garde les liens pour éditer le wiki)
- /
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo
{
display:none;
}
- top-section
{
border: none; height: 0px;
}
- content
{
border: none;
}
/* 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:hover
{
color: #0F174D;
}
- menubar li a
{
background-color: transparent; color: transparent;
}
- menubar:hover li a
{
color: #0F174D;
}
/* Enlever le "teams" de la bare wiki qui sert à rien, enlève également le Deconnexion
- /
- menubar > ul > li:last-child
{
display: none;
}
/* Mise en page, en-tête, couleur de fond, bannière, etc...
- /
body,#content{
background: #ADD1FF;
}
- header
{
background: url("") no-repeat #ADD1FF; height: 160px; margin-left: 68px; width: 829px; border: 1px solid #477CBF; -webkit-box-shadow: #666666 0px 2px 3px;
-moz-box-shadow: #666666 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 #666D99; -webkit-box-shadow: #666666 0px 2px 3px;
-moz-box-shadow: #666666 0px 2px 3px;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #FFFFFF; }
.style_diapo .items { /* this cannot be too large */ width: 50000px; position: absolute; }
.items div { float: left; width: 963px; height: 370px; }
.prev { background: url() no-repeat; height: 74px; width: 74px; float:left; left:-12px; position: relative; margin-top: 148px ; cursor: pointer; }
.next { background: url() no-repeat; height: 74px; width: 74px; float:right; right:-12px; position: relative; margin-top: 148px ; cursor: pointer; }
.disabled { visibility: hidden; }
/*
* Barre de navigation rapide entre les diapo (p'tits ronds)
- /
.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; display: block; font-size: 1px; }
.navi a:hover { background-position: 0 -8px; }
.navi a.active { background-position: 0 -16px; }