Team:Toulouse
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
{{CSS/Main}} | {{CSS/Main}} | ||
Line 15: | Line 14: | ||
/***************************/ | /***************************/ | ||
body { | body { | ||
- | + | : 0 0 0 0; | |
padding: 0;} | padding: 0;} | ||
- | |||
#top-section { | #top-section { | ||
- | width : | + | width: 965px; |
- | + | ||
height: 0; | height: 0; | ||
- | margin: 0; | + | margin: 0 auto ; |
padding: 0; | padding: 0; | ||
- | border: none; | + | border: none;} |
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
#menubar { | #menubar { | ||
- | + | font-size: 100%; | |
- | } | + | top:-8px;} |
- | + | .left-menu:hover { | |
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
#menubar:hover { | #menubar:hover { | ||
- | + | color: black;} | |
- | } | + | #menubar li a { |
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: black;} | ||
+ | #menubar > ul > li:last-child { | ||
+ | display:none;} | ||
/* Layout */ | /* Layout */ | ||
Line 81: | Line 66: | ||
clear:both; | clear:both; | ||
} | } | ||
+ | |||
/*background Header*/ | /*background Header*/ | ||
Line 163: | Line 149: | ||
width: 100px; | width: 100px; | ||
height: 160px; | height: 160px; | ||
- | + | line-height:220px; | |
top : 2px; | top : 2px; | ||
background-image:url(https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png); | background-image:url(https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png); | ||
Line 267: | Line 253: | ||
} | } | ||
- | /* | + | /*Sponsor (Home Page)*/ |
- | + | #Sponsor{ | |
- | + | width : 100%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 293: | Line 266: | ||
font-family: verdana; | font-family: verdana; | ||
} | } | ||
+ | |||
+ | /* Slider (thanks to flowplayer.org) */ | ||
+ | /*************************************/ | ||
+ | .scrollable { | ||
+ | /* required settinsg */ | ||
+ | position: relative; | ||
+ | overflow :hidden; | ||
+ | top:250px; | ||
+ | margin-top: 14px; | ||
+ | width: 970px; | ||
+ | height: 400px; | ||
+ | border: 1px solid #FFFFFF; | ||
+ | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); | ||
+ | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* for the Safari browser */ | ||
+ | background: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .scrollable .items { | ||
+ | /* this cannot be too large */ | ||
+ | width: 50000px; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .items div { | ||
+ | float: left; | ||
+ | width: 970px; | ||
+ | height: 400px; | ||
+ | } | ||
+ | |||
+ | .prev { | ||
+ | background: url(https://static.igem.org/mediawiki/2011/8/81/DTU-Denmark2011-slider-prev.png) no-repeat; | ||
+ | height: 74px; | ||
+ | width: 74px; | ||
+ | position: absolute; | ||
+ | left: -486px; /* ceil(963/2) + 74/2 = 482 + 37 = 519 */ | ||
+ | top: 450px; | ||
+ | margin-left: 50%; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .next { | ||
+ | background: url(https://static.igem.org/mediawiki/2011/5/56/DTU-Denmark2011-slider-next.png) no-repeat; | ||
+ | height: 74px; | ||
+ | width: 74px; | ||
+ | margin-right: 50%; | ||
+ | position: absolute; | ||
+ | right: -488px; | ||
+ | top: 450px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .disabled { | ||
+ | visibility: hidden;} | ||
+ | |||
</style> | </style> | ||
- | |||
<!-- STYLESHEET --> | <!-- STYLESHEET --> | ||
Line 305: | Line 331: | ||
</head> | </head> | ||
- | + | ||
<body > | <body > | ||
<!--main content --> | <!--main content --> | ||
Line 332: | Line 358: | ||
<div class="Item" style=" left :25%"> | <div class="Item" style=" left :25%"> | ||
- | <a class="btHeaderA3" href="https://2014.igem.org/Team:Toulouse/Project | + | <a class="btHeaderA3" href="https://2014.igem.org/Team:Toulouse/Project">Project</a> |
<ul class="Item sub-nav" style="top : 155px;"> | <ul class="Item sub-nav" style="top : 155px;"> | ||
<li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Overview" class="leaf">Overview</a></li> | <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Overview" class="leaf">Overview</a></li> | ||
Line 345: | Line 371: | ||
<div class="Item" style=" left :35%"> | <div class="Item" style=" left :35%"> | ||
- | <a class="btHeaderA4" href="https://2014.igem.org/Team:Toulouse/ | + | <a class="btHeaderA4" href="https://2014.igem.org/Team:Toulouse/Human_Practice">Human Practice</a> |
- | <ul class="Item sub-nav" style="top : | + | <ul class="Item sub-nav" style="top : 125px;"> |
<li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Safety" class="leaf">Safety</a></li> | <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Safety" class="leaf">Safety</a></li> | ||
<li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Ethique" class="leaf">Ethique</a></li> | <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Ethique" class="leaf">Ethique</a></li> | ||
- | <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/ | + | <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Human_Practice/Meeting" class="leaf">Meeting</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
<div class="Item" style=" left :45%" > | <div class="Item" style=" left :45%" > | ||
- | <a class="btHeaderA5" href="https://2014.igem.org/Team:Toulouse/Notebook | + | <a class="btHeaderA5" href="https://2014.igem.org/Team:Toulouse/Notebook">Notebook</a> |
<ul class="Item sub-nav" style="top : 160px;"> | <ul class="Item sub-nav" style="top : 160px;"> | ||
<li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="leaf">Calendar</a></li> | <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="leaf">Calendar</a></li> | ||
Line 375: | Line 401: | ||
</div> | </div> | ||
<!--end navigation menu --> | <!--end navigation menu --> | ||
- | |||
</table> | </table> | ||
- | |||
+ | <!--Entrer votre texte ici --> | ||
- | + | <!--Slideshow--> | |
- | <!-- | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<p> | <p> | ||
- | + | <div id="innercontenthome"> | |
+ | <div class="centering"> | ||
</p> | </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<p> | <p> | ||
- | < | + | <!--/* open Sans : fonnt Google*/--> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | - | + | |
- | - | + | |
- | - | + | |
- | - | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> |
- | < | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'> |
- | + | ||
- | + | ||
- | + | ||
- | < | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans:800' rel='stylesheet' type='text/css'> |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | |
+ | <!--/* CSS contenu PROPRE à cette page*/--> | ||
- | <!-- | + | <!-- jQuery Tools (slider) --> |
- | < | + | <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script> |
- | + | <script> | |
- | + | $(function() { | |
- | < | + | // initialize scrollable |
- | + | $(".scrollable").scrollable().navigator(); | |
- | + | }); | |
- | + | </script> | |
- | + | ||
- | </ | + | |
- | < | + | <!-- Slider --> |
- | < | + | <div class="scrollable"> |
- | < | + | <div class="items"> |
- | + | <div> | |
- | + | <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews"><img src="https://static.igem.org/mediawiki/2014/a/a8/Intro_3colori.jpg" alt="Title"/></a> | |
- | < | + | </div> |
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | <div> |
+ | <a href="https://2014.igem.org/Team:Toulouse/Project/Overview"><img src="https://static.igem.org/mediawiki/2014/b/b9/Overviews_color.png" alt="Introduction"/></a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <a href="https://2014.igem.org/Team:Toulouse/Team"><img src="#" alt="Team" /></a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <a href="#"><img src="#" alt="#"/></a> | ||
+ | </div> | ||
- | < | + | </div> |
- | + | </div> | |
- | + | <div class="prev"></div> | |
- | + | <div class="next"></div> | |
- | </ | + | <div class="navi"></div> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | <div class="clear"></div> |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<br> | <br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<br> | <br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<br> | <br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<br> | <br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<br> | <br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<br> | <br> | ||
- | + | <br> | |
- | < | + | <br> |
- | < | + | <br> |
- | < | + | <br> |
- | + | <br> | |
- | < | + | <br> |
- | + | <br> | |
- | + | <br> | |
- | + | <br> | |
- | < | + | <br> |
- | + | <br> | |
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
<br> | <br> | ||
- | <!-- | + | <!--SPONSOR--> |
- | < | + | <div id="Sponsor"> |
- | + | <img src="https://static.igem.org/mediawiki/2014/0/05/Image_sponsor.png" alt="Bandeau Sponsor"> | |
- | + | </div> | |
- | </ | + | |
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | <!-- Footer --> |
- | |||
- | |||
<div id="Footer" > | <div id="Footer" > | ||
- | <table align="center" style="width : 100%; background-color:transparent | + | <table align="center" style="width : 100%; background-color : transparent"> |
<td width="5px"></td> | <td width="5px"></td> | ||
<td style="width: 35px;" align="center"> | <td style="width: 35px;" align="center"> | ||
Line 621: | Line 513: | ||
</a> | </a> | ||
</td> | </td> | ||
- | + | </table> | |
- | + | ||
- | + | ||
</div> | </div> | ||
+ | |||
</html> | </html> |
Revision as of 12:28, 3 September 2014