Team:Toulouse/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
<html>
<html>
 +
<head>
 +
<!-- this section changes the default wiki template to a white full width background -->
 +
<style type="text/css">
-
<!--main content -->
+
/* Removing wiki-like stuff */
-
<table width="70%" align="center">
+
/****************************/
 +
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
 +
    display:none;}
 +
/* Redesigning the topmenu */
 +
/***************************/
 +
body {
 +
    : 0 0 0 0;
 +
    padding: 0;}
 +
#top-section {
 +
    width: 965px;
 +
    height: 0;
 +
    margin: 0 auto ;
 +
    padding: 0;
 +
    border: none;}
 +
#menubar {
 +
    font-size: 100%;
 +
    top:-8px;}
 +
.left-menu:hover {
 +
    background-color: transparent;}
 +
#menubar li a {
 +
    background-color: transparent;}
 +
#menubar:hover {
 +
    color: black;}
 +
#menubar li a {
 +
    color: transparent;}
 +
#menubar:hover li a {
 +
    color: black;}
 +
#menubar > ul > li:last-child {
 +
    display:none;}
-
<!--welcome box -->
+
/* Layout */
-
<tr>
+
/**********/
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Toulouse/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
body, #heading, #innercontent, #innercontenthome {
-
<!-- end welcome box -->
+
    background-color : #ffffff;
-
<tr>
+
    font-family : Helvetica, sans-serif;
 +
    font-size : 16px;
 +
    }
 +
   
 +
#innercontenthome{
 +
    margin-top:-13px;
 +
    }
 +
   
 +
#content, #globalWrapper {
 +
    border: none;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    }
 +
   
 +
.centering {
 +
    margin: 0 auto;
 +
    width: 965px;
 +
    }
-
<!--navigation menu -->
+
.clear{
-
<td align="center" colspan="3">
+
    clear:both;
 +
}
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
/*background Header*/
 +
#bgHeader{
 +
    position : absolute;
 +
    left : 0px;
 +
    top : 0px;
 +
    z-index:0;
 +
    width : 100%;
 +
    min-width : 700px;
 +
    max-width : 1200px;
 +
    background-color : transparent;
 +
   
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/* Barre de Menu*/
-
<a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">Home </a> </td>
+
.btHeaderA{
 +
    position : relative;
 +
    z-index:2;
 +
    width: 100%;
 +
height: auto;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.btHeaderB{
-
<a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000"> Team </a> </td>
+
    position : absolute;
 +
    z-index:1;
 +
    width: 100%;
 +
height: auto;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.btHeaderC{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse"style="color:#000000"> Official Team Profile </a></td>
+
    z-index:3;
 +
    position: relative;
 +
    top : 45px;
 +
    text-align: center;
 +
    width: auto;
 +
height : auto;
 +
   
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.btHeaderA:hover{
-
<a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000"> Project</a></td>
+
    z-index:1;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.btHeaderB:hover{
-
<a href="https://2014.igem.org/Team:Toulouse/Parts"style="color:#000000"> Parts</a></td>
+
    top : 0px;
 +
    z-index : 3;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
img.headerbutton{
-
<a href="https://2014.igem.org/Team:Toulouse/Modeling"style="color:#000000"> Modeling</a></td>
+
    max-width : 100px;
 +
    width : 100%;
 +
height : auto;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
img.headerbutton:hover{
-
<a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000"> Notebook</a></td>
+
    max-width : 110px;
 +
    width : 100%;
 +
height : auto;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#Menu {
-
<a href="https://2014.igem.org/Team:Toulouse/Safety"style=" color:#000000"> Safety </a></td>
+
    position : absolute;
 +
    width : 100%;
 +
    min-width :780px;
 +
    max-width : 1400px;
 +
    top : 0;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.Item {
-
<a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000"> Attributions </a></td>
+
    position : absolute;
 +
    text-align : center;
 +
    display : inline-block;
 +
    min-Height : 150px;
 +
    text-decoration: no underline;
 +
}
 +
.Item a{
 +
    color : black;
 +
    text-shadow:3px 3px 5px #FFFFFF;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
.sub-nav {
-
</tr>
+
    display: none; /* Masque la sous-liste */
-
</table>
+
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
 +
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
 +
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
 +
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
 +
}
-
<!--end navigation menu -->
+
.sub-nav-item{
-
</tr>
+
    background-color: transparent;
-
</tr>
+
}
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.Item:hover .sub-nav {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
    background-color: transparent;
 +
    top : 163px;
 +
    Z-index : 4;
 +
    left : 25px;
 +
}
-
<tr><td > <h3> Team Information</h3></td>
+
/*Footer*/
-
<td ></td >
+
#Footer{
-
<td > <h3> Upload pictures of your team!</h3></td>
+
    width : 100%;
-
</tr>
+
    background-image:url(https://static.igem.org/mediawiki/2014/2/2b/Background_G.png);
 +
    background-position:center center;
 +
    background-size: 100% 100%;
 +
    font-family: verdana;
 +
}
-
<tr>
+
/* Slider (thanks to flowplayer.org) */
-
<td width="45%"  valign="top">
+
/*************************************/
-
<p>
+
.scrollable {
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
/* required settinsg */
-
<p>
+
position: relative;
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
overflow :hidden;
-
<ul>
+
    margin-top: 14px;
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
    width: 970px;
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
    height: 400px;
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
    border: 1px solid #FFFFFF;
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
    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: 350px;
 +
        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: 350px;
 +
        cursor: pointer;
 +
        }
 +
       
 +
.disabled {
 +
        visibility: hidden;}
-
</ul>
+
/* Slider (thanks to flowplayer.org) */
 +
    /*------- gallery ----------*/
 +
#slideshow {
 +
    position:relative;
 +
    height:391px;
 +
    margin-top:20px;
 +
}
 +
#slideshow img {
 +
    position:absolute;
 +
    top:0;
 +
    left:0;
 +
    z-index:;
 +
}
-
</td>
+
#slideshow img.active {
-
<td></td>
+
    z-index:2;
-
<td width="45%"  valign="top">
+
}
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
 +
#slideshow img.last-active {
 +
    z-index:1;
 +
}
-
</tr>
+
</style>
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
<!-- STYLESHEET -->
-
<td ></td >
+
<!-- *********** --
-
<td > </td>
+
-
</tr>
+
 +
    <link rel="stylesheet" href="https://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>What should this page contain?</p>
 
-
<ul>
 
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
 
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
 
-
</ul>
 
-
</td>
+
    <link rel="stylesheet" href="https://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />
-
<td></td>
+
</head>
-
<td width="45%"  valign="top"> </td>
+
-
</tr>
+
<body >
 +
<!--main content -->
 +
<table width="100%" align="center">
 +
<!--navigation menu -->
 +
<div style="background-color : transparent" >
 +
<img id="bgHeader" src="https://static.igem.org/mediawiki/2014/f/f2/Branch_col.png" alt="header background" />
 +
</div>
 +
<div id="Menu" style="background-color:transparent;">
 +
 +
    <div class="Item" style="left :5%;"> 
 +
        <a href="https://2014.igem.org/Team:Toulouse"style="color:#000000">
 +
        <div class="btHeaderA" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/0/0e/Bt_home_1.png"/></div>
 +
        <div class="btHeaderB" style="top : 30px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/9/96/Bt_home_2.png"/></div>
 +
        <div class="btHeaderC">Home</div>
 +
        </a>
 +
    </div>
 +
   
 +
    <div class="Item" style="left :15%">
 +
        <a href="https://2014.igem.org/Team:Toulouse/Team"style="color:#000000">
 +
        <div class="btHeaderA" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/a/a4/Bt_team_1.png" /></div>
 +
        <div class="btHeaderB" style="top:5px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/8/84/Bt_team_2.png" /></div>
 +
        <div class="btHeaderC" align="center">Team</div>
 +
        </a>
 +
        <ul class="Item sub-nav">
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team" class="leaf">Our Team</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://igem.org/Team.cgi?year=2014&team_name=Toulouse" class="leaf"> Official Team Profile </a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Contact" class="leaf">Contact</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Team/Gallery" class="leaf">Gallery</a></li>
 +
        </ul>
 +
    </div>
 +
 +
    <div class="Item" style=" left :25%"> 
 +
        <a href="https://2014.igem.org/Team:Toulouse/Project"style="color:#000000">
 +
        <div class="btHeaderA" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/e2/Bt_project_1.png"/></div>
 +
        <div class="btHeaderB" style="top : 33px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/4/42/Bt_project_2.png"/></div>
 +
        <div class="btHeaderC" align="center">Project</div>
 +
        </a>
 +
        <ul class="Item sub-nav">
 +
            <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/Fixation" class="leaf">Fixation</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="leaf">Chemotaxis</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Fungicides" class="leaf">Fungicides</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Project/Spreading" class="leaf">Spreading</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Modeling" class="leaf">Modeling</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Parts" class="leaf">Parts</a></li>
 +
        </ul>
 +
    </div>
 +
   
 +
    <div class="Item" style=" left :35%"> 
 +
        <a href="https://2014.igem.org/Team:Toulouse/Human_Practice"style="color:#000000">
 +
        <div class="btHeaderA" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/2/27/Bt_human_1.png"/></div>
 +
        <div class="btHeaderB" style="top : 2px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/e/ee/Bt_human_2.png"/></div>
 +
        <div class="btHeaderC" align="center" style="Top : 18px;">Human <br> Practice</div>
 +
        </a>
 +
        <ul class="Item sub-nav">
 +
            <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/Meeting" class="leaf">Meeting</a></li>
 +
        </ul>
 +
    </div>
 +
   
 +
    <div class="Item" style=" left :45%" > 
 +
        <a href="https://2014.igem.org/Team:Toulouse/Notebook"style="color:#000000">
 +
        <div class="btHeaderA" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/d/d3/Bt_notebook_1.png" /></div>
 +
        <div class="btHeaderB" style="top : 38px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/c/c0/Bt_notebook_2.png" /></div>
 +
        <div class="btHeaderC" align="center">Notebook</div>
 +
        </a>
 +
        <ul class="Item sub-nav">
 +
            <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/Protocols" class="leaf">Protocols</a></li>
 +
        </ul>
 +
    </div>
 +
 +
    <div class="Item" style=" left : 55%">
 +
        <a href="https://2014.igem.org/Team:Toulouse/Attributions"style="color:#000000">
 +
        <div class="btHeaderA" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/6a/Bt_attributions_1.png"/></div>
 +
        <div class="btHeaderB" style="top : 48px;"><img class="headerbutton" alt="header buton" src="https://static.igem.org/mediawiki/2014/6/66/Bt_attributions_2.png"/></div>
 +
        <div class="btHeaderC" align="center">Attributions</div>
 +
        </a>
 +
        <ul class="Item sub-nav">
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Attributions" class="leaf">Attributions</a></li>
 +
            <li class="sub-nav-item" align="left"><a href="https://2014.igem.org/Team:Toulouse/Sponsors" class="leaf">Sponsors</a></li>
 +
        </ul>
 +
    </div>
 +
 +
    <div class="Item" style="left :70%; Z-index:4;" align ="center"  width="60px" >
 +
        <a href="https://2014.igem.org/Main_Page">
 +
        <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px">
 +
        </a>
 +
    </div>
 +
 +
</div>
 +
 +
<tr height="250px"></tr>
</table>
</table>
 +
<div class="centering">
 +
<!--end navigation menu -->
 +
<!--Entrer le texte ici -->
 +
 +
<center><img alt="Coming soon!" src="https://static.igem.org/mediawiki/2014/7/76/Coming_soon.png" width="600px"></center>
 +
 +
 +
 +
 +
 +
<!-- Footer -->
 +
 +
<div id="Footer" >
 +
<table align="center" style="width : 100%; background-color : transparent">
 +
    <td width="5px"></td>
 +
    <td style="width: 35px;" align="center">
 +
        <a href="https://www.facebook.com/iGEM.Toulouse.2014?ref_type=bookmark"><img src="https://static.igem.org/mediawiki/2013/f/fc/Insa-toulouse2013-iconfacebook.png" alt="Facebook" /></a>
 +
        <br> <br>
 +
        <a href="https://twitter.com/iGEM_Toulouse"><img src="https://static.igem.org/mediawiki/2013/7/7b/Insa-toulouse2013-icontwitter.png" alt="Twitter" /></a>
 +
        <br>
 +
    </td>
 +
    <td width="15px"></td>
 +
    <td>
 +
        <p><b> iGEM Toulouse</b><br><address>
 +
        INSA Toulouse <br>135, Avenue de Rangueil <br>
 +
        31400 TOULOUSE <br></address>
 +
        <br>e-mail: <span><a href="mailto:igemtoulouse2014@gmail.com"> igemtoulouse2014@gmail.com</a></span></p>
 +
    </td>
 +
    <td align="right">
 +
        <a href="https://2013.igem.org/Main_Page">
 +
            <img style="width:170px" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"/img>
 +
        </a>
 +
    </td>
 +
  </table>
 +
</div>
 +
</div>
</html>
</html>

Revision as of 15:29, 21 July 2014

header background
Coming soon!

Retrieved from "http://2014.igem.org/Team:Toulouse/Team"