Team:Bordeaux/Team
From 2012.igem.org
(Difference between revisions)
ChristopheD (Talk | contribs) (→Who we are) |
ChristopheD (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <style type="text/css"> |
+ | img[src*="/wiki/skins/common/images/wiki.png"]{ | ||
+ | width:0; | ||
+ | height:98px; | ||
+ | padding-right:975px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/9/98/Banniere_bdx.png); | ||
+ | } | ||
+ | #p-logo a{ | ||
+ | color:#transparent; | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | img { | |
+ | border: none; | ||
+ | } | ||
- | { | + | p { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:80%; font-family:inherit; vertical-align:baseline;} |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | caption{ text-align:left; font-weight:normal; } | ||
- | |||
- | + | /* --------------------------- | |
- | + | PAGE ELEMENTS | |
- | + | ------------------------------ */ | |
- | + | ||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | /* ----------------------------- | ||
+ | MAIN NAVIGATION */ | ||
+ | .nav_container { | ||
+ | margin:0 auto; | ||
+ | width: 975px; | ||
+ | } | ||
+ | #navMenu{ | ||
+ | display: inline; | ||
+ | margin: 0; | ||
+ | padding: 0px; | ||
+ | position: relative; | ||
+ | z-index: 6; | ||
+ | } | ||
+ | #navMenu li{ | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | } | ||
+ | #navMenu li.first{ | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/e/ef/Left_nav_bdx.png"); | ||
+ | width:36px; | ||
+ | height:58px; | ||
+ | } | ||
+ | #navMenu li.last{ | ||
+ | float: left; | ||
+ | display: inline; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/b/b5/Right_nav_bdx.png"); | ||
+ | width:37px; | ||
+ | height:58px; | ||
+ | } | ||
- | |||
- | + | a.navHome, a.navHome_a{ | |
- | + | display:block; | |
- | + | float:left; | |
+ | width:140px; | ||
+ | height:58px; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/83/Home_bdx.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | a.navHome:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/83/Home_bdx.png") 0 116px; | ||
+ | } | ||
+ | a.navHome_a:active{ | ||
- | + | background: url("https://static.igem.org/mediawiki/2012/8/83/Home_bdx.png") 0 232px; | |
+ | background-repeat:no-repeat; | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | a.navTeam, a.navTeam_a{ | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:140px; | ||
+ | height:58px; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/9/96/Team_bdx.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | a.navTeam:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2012/9/96/Team_bdx.png") 0 116px; | ||
+ | } | ||
+ | a.navTeam_a:active{ | ||
- | + | background: url("https://static.igem.org/mediawiki/2012/9/96/Team_bdx.png") 0 232px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | a.navProject, a.navProject_a{ | |
+ | display:block; | ||
+ | float:left; | ||
+ | width:140px; | ||
+ | height:58px; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | a.navProject:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 116px; | ||
+ | } | ||
+ | a.navProject_a:active{ | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 232px; | ||
+ | } | ||
- | ( | + | a.navModelling, a.navModelling_a{ |
+ | display:block; | ||
+ | float:left; | ||
+ | width:140px; | ||
+ | height:58px; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | a.navModelling:hover{ | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 116px; | ||
+ | } | ||
+ | a.navModelling_a{ | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 58px; | ||
+ | } | ||
+ | a.navBiology, a.navBiology_a{ | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:140px; | ||
+ | height:58px; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | a.navBiology:hover{ | ||
- | + | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 116px; | |
+ | } | ||
+ | a.navBiology_a{ | ||
+ | |||
+ | background: url("https://static.igem.org/mediawiki/2012/8/86/Project_bdx.png") 0 58px; | ||
+ | } | ||
+ | |||
+ | a.navPartners, a.navPartners_a{ | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:140px; | ||
+ | height:58px; | ||
+ | background: url("https://static.igem.org/mediawiki/2012/b/ba/Partners_bdx.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | a.navPartners:hover{ | ||
+ | |||
+ | background: url("https://static.igem.org/mediawiki/2012/b/ba/Partners_bdx.png") 0 116px; | ||
+ | } | ||
+ | a.navPartners_a{ | ||
+ | |||
+ | background: url("https://static.igem.org/mediawiki/2012/b/ba/Partners_bdx.png") 0 58px; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #6c131d ; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | section{ | ||
+ | font-family: 'Lekton', Arial, serif; | ||
+ | display: inline-block; | ||
+ | width: 975px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #container { | ||
+ | width:580px; | ||
+ | padding:100px; | ||
+ | margin:0 auto; | ||
+ | position:relative; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | #example { | ||
+ | width:600px; | ||
+ | height:350px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #ribbon { | ||
+ | position:absolute; | ||
+ | top:-3px; | ||
+ | left:-15px; | ||
+ | z-index:500; | ||
+ | } | ||
+ | |||
+ | #frame { | ||
+ | position:absolute; | ||
+ | z-index:0; | ||
+ | width:739px; | ||
+ | height:341px; | ||
+ | top:-3px; | ||
+ | left:-80px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Slideshow | ||
+ | */ | ||
+ | |||
+ | #slides { | ||
+ | position:absolute; | ||
+ | top:15px; | ||
+ | left:4px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Slides container | ||
+ | Important: | ||
+ | Set the width of your slides container | ||
+ | Set to display none, prevents content flash | ||
+ | */ | ||
+ | |||
+ | .slides_container { | ||
+ | width:570px; | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Each slide | ||
+ | Important: | ||
+ | Set the width of your slides | ||
+ | If height not specified height will be set by the slide content | ||
+ | Set to display block | ||
+ | */ | ||
+ | |||
+ | .slides_container div.slide { | ||
+ | width:570px; | ||
+ | height:270px; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Next/prev buttons | ||
+ | */ | ||
+ | |||
+ | #slides .next,#slides .prev { | ||
+ | position:absolute; | ||
+ | top:107px; | ||
+ | left:-39px; | ||
+ | width:24px; | ||
+ | height:43px; | ||
+ | display:block; | ||
+ | z-index:101; | ||
+ | } | ||
+ | |||
+ | #slides .next { | ||
+ | left:585px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Pagination | ||
+ | */ | ||
+ | |||
+ | .pagination { | ||
+ | margin:26px auto 0; | ||
+ | width:100px; | ||
+ | } | ||
+ | |||
+ | .pagination li { | ||
+ | float:left; | ||
+ | margin:0 1px; | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | .pagination li a { | ||
+ | display:block; | ||
+ | width:12px; | ||
+ | height:0; | ||
+ | padding-top:12px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/a/af/Pagination.png); | ||
+ | background-position:0 0; | ||
+ | float:left; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | .pagination li.current a { | ||
+ | background-position:0 -12px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Caption | ||
+ | */ | ||
+ | |||
+ | .caption { | ||
+ | z-index:500; | ||
+ | position:absolute; | ||
+ | bottom:-35px; | ||
+ | left:0; | ||
+ | height:30px; | ||
+ | padding:5px 20px 0 20px; | ||
+ | background:#000; | ||
+ | background:rgba(0,0,0,.5); | ||
+ | width:540px; | ||
+ | font-size:1.3em; | ||
+ | line-height:1.33; | ||
+ | color:#fff; | ||
+ | border-top:1px solid #000; | ||
+ | text-shadow:none; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> | ||
+ | <script src="http://cdjemiel.free.fr/js/slides.min.jquery.js"></script> | ||
+ | <script src="http://cdjemiel.free.fr/js/slide.js"></script> | ||
+ | |||
+ | |||
+ | <!-- Main Navigation --> | ||
+ | |||
+ | <div class="nav_container"> | ||
+ | <ul id="navMenu"> | ||
+ | <li class="first"></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Bordeaux" class="navHome" title="Home"></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Bordeaux/Team" class="navTeam" title="Team"></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Bordeaux/Project" class="navProject" title="Project"></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Bordeaux/essai" class="navModelling" title="Modelling"></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Bordeaux/Test" class="navBiology" title="Biology"></a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Bordeaux/Partners" class="navPartners" title="Partners"></a></li> | ||
+ | <li class="last"></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | <div id="container"> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </html> |
Revision as of 19:24, 24 June 2012