Team:Toulouse/Safety

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!--SAFETY-->
+
{{:Team:Toulouse/template/header-base}}
-
{{CSS/Main}}
+
<html>
<html>
-
<head>
+
 
-
<!-- this section changes the default wiki template to a white full width background -->
+
<style type="text/css">
<style type="text/css">
-
/* Removing wiki-like stuff */
+
.banniere{
-
/****************************/
+
background: url('http://2014.igem.org/wiki/images/d/d0/Template-igem2014-slide1.jpg') no-repeat center;
-
#contentSub, #search-controls, .firstHeading, #-box, #catlinks, #p-logo {
+
-webkit-background-size: cover; /* pour Chrome et Safari */
-
    display:none;}
+
-moz-background-size: cover; /* pour Firefox */
-
 
+
-o-background-size: cover; /* pour Opera */
-
/* Redesigning the topmenu */
+
background-size: cover;
-
/***************************/
+
height:315px;
-
body {
+
margin: 30px 0 0;
-
    margin: 0 0 0 0;
+
width:100%;
-
    padding: 0;}
+
-
 
+
-
#top-section {
+
-
    width : 100%;
+
-
    left : 0px;
+
-
    height: 0;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    border: none;
+
}
}
-
#menubar a {
+
.banniere-content{
-
color: white;
+
background-color: rgba(46,204,113, 0.6);
-
background: white;
+
padding:28px 28px 0;
-
padding: 3px;
+
position:absolute;
 +
bottom:0;
 +
right: 0;
 +
height:92px;
 +
width:392px;
 +
color:white
}
}
-
#menubar:hover a{
+
.banniere-content h2{
-
color:black;
+
color:white;
 +
font-size:24px
}
}
-
#menubar a:hover {
+
.banniere-content p{
-
color: black;
+
color:white;
-
background: white;
+
font-size:16px
-
padding:3px;
+
-
text-decoration: underline;
+
-
 
+
}
}
-
#menubar {
 
-
padding-top: 4px;
 
-
}
 
-
 
-
#menubar:hover {
 
-
background-color:white;
 
-
}
 
-
 
-
/* Layout */
 
-
/**********/
 
-
 
-
body, #heading, #innercontent, #innercontenthome {
 
-
    background-color : #ffffff;
 
-
    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;
 
-
    }
 
-
 
-
.clear{
 
-
    clear:both;
 
-
}
 
-
 
-
/*background Header*/
 
-
#bgHeader{
 
-
    position : absolute;
 
-
    left : 0px;
 
-
    top : 0px;
 
-
    z-index:0;
 
-
    width : 100%;
 
-
    min-width : 700px;
 
-
    max-width : 1200px;
 
-
    background-color : transparent;
 
-
   
 
-
}
 
-
 
-
/* Barre de Menu*/
 
-
/* Les boutons*/
 
-
 
-
a.btHeaderA1{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top : 30px;
 
-
    background-image:url(http://2014.igem.org/wiki/images/0/0e/Bt_home_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;   
 
-
}
 
-
 
-
a.btHeaderA1:hover{
 
-
    background-image:url(http://2014.igem.org/wiki/images/9/96/Bt_home_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA2{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top: 5px;
 
-
    background-image:url(http://2014.igem.org/wiki/images/a/a4/Bt_team_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA2:hover{
 
-
    background-image:url(http://2014.igem.org/wiki/images/8/84/Bt_team_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA3{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top : 33px;
 
-
    background-image:url(http://2014.igem.org/wiki/images/e/e2/Bt_project_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA3:hover{
 
-
    background-image:url(http://2014.igem.org/wiki/images/4/42/Bt_project_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA4{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 160px;
 
-
    padding-top:100px;
 
-
    top : 2px;
 
-
    background-image:url(http://2014.igem.org/wiki/images/2/27/Bt_human_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
    white-space: nowrap;
 
-
}
 
-
 
-
.btHeaderA4:hover{
 
-
    background-image:url(http://2014.igem.org/wiki/images/e/ee/Bt_human_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA5{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top : 38px;
 
-
    background-image:url(http://2014.igem.org/wiki/images/d/d3/Bt_notebook_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA5:hover{
 
-
    background-image:url(http://2014.igem.org/wiki/images/c/c0/Bt_notebook_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
.btHeaderA6{
 
-
    color:#000000;
 
-
    position : absolute;
 
-
        width: 100px;
 
-
        height: 120px;
 
-
    line-height:220px;
 
-
    top: 30px;
 
-
    background-image:url(http://2014.igem.org/wiki/images/6/6a/Bt_attributions_1.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;   
 
-
}
 
-
 
-
.btHeaderA6:hover{
 
-
    background-image:url(http://2014.igem.org/wiki/images/6/66/Bt_attributions_2.png);
 
-
    background-position:center top;
 
-
    background-size: 100px 100px;
 
-
    background-repeat : no-repeat;
 
-
}
 
-
 
-
 
-
/*deroulement du menu*/
 
-
#Menu {
 
-
    position : absolute;
 
-
    width : 100%;
 
-
    min-width :780px;
 
-
    max-width : 1400px;
 
-
    top : 0;
 
-
}
 
-
 
-
.Item {
 
-
    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;
 
-
}
 
-
 
-
.sub-nav {
 
-
    display: none; /* Masque la sous-liste */
 
-
    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 */
 
-
    list-style-type: none;
 
-
    list-style-image : url(#);
 
-
    padding: 0;
 
-
    margin-left: 1em;
 
-
    left : 25px;
 
-
    }
 
-
 
-
.sub-nav-item{
 
-
    background-image : url(http://2014.igem.org/wiki/images/7/72/Fond_sub_nav.png);
 
-
    background-size: 100% 100%;
 
-
    text-align : left;
 
-
}
 
-
 
-
.Item:hover .sub-nav {
 
-
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
 
-
    background-color: transparent;
 
-
    Z-index : 4;   
 
-
}
 
-
/*Main*/
 
.Title{
.Title{
     text-shadow: 1px 3px 3px rgba(70, 156, 133, 0.75);
     text-shadow: 1px 3px 3px rgba(70, 156, 133, 0.75);
Line 285: Line 55:
}
}
-
/*Footer*/
+
a.Link {
-
#Footer{
+
     font-size:10pt;
-
     width : 100%;
+
     color :#A4A4A4;  
-
    background-image:url(http://2014.igem.org/wiki/images/2/2b/Background_G.png);
+
     text-decoration:none;
-
     background-position:center center;
+
-
     background-size: 100% 100%;
+
-
    font-family: verdana;
+
}
}
-
</style>
 
 +
a.Link:hover{
 +
    text-decoration:underline;
 +
}
 +
/*Overview*/
 +
.CropImg{
 +
    position : absolute;
 +
    width: 700px;
 +
    left :50%;
 +
    margin-left:-350px;
 +
    height: auto;       
 +
    overflow: hidden;
 +
    display :block;
-
<!-- STYLESHEET -->
+
}
-
<!-- *********** --
+
-
 
+
-
    <link rel="stylesheet" href="http://2013.igem.org/Team:INSA_Toulouse/template/stylesheet?action=raw&amp;ctype=text/css" type="text/css" />
+
-
 
+
-
 
+
-
    <link rel="stylesheet" href="http://2013.igem.org/wiki/index.php?title=Team:INSA_Toulouse/template/stylesheetslide&amp;action=edit" type="text/css" />
+
-
 
+
-
</head>
+
-
-->
+
-
<body >
+
-
<!--main content -->
+
-
<table width="100%" align="center">
+
-
 
+
-
<!--navigation menu -->
+
-
<div style="background-color : transparent" >
+
-
<img id="bgHeader" src="http://2014.igem.org/wiki/images/f/f2/Branch_col.png" alt="header background" />
+
-
</div>
+
-
 
+
-
<div id="Menu" style="background-color:transparent;">
+
-
    <div class="Item" style="left :5%;"> 
+
-
        <a class="btHeaderA1" href="http://2014.igem.org/Team:Toulouse">Home</a>
+
-
        </a>
+
-
    </div>
+
      
      
-
    <div class="Item" style="left :15%">
+
</style>
-
        <a class="btHeaderA2" href="http://2014.igem.org/Team:Toulouse/Team">Team</a>
+
<body>
-
        <ul class="Item sub-nav" style="top : 125px;">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Team" class="leaf">Our Team</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://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="http://2014.igem.org/Team:Toulouse/Team/Contact" class="leaf">Contact</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Team/Gallery" class="leaf">Gallery</a></li>
+
-
        </ul>
+
-
    </div>
+
-
 
+
-
    <div class="Item" style=" left :25%"> 
+
-
        <a class="btHeaderA3" href="http://2014.igem.org/Team:Toulouse/Project/Overview">Project</a>
+
-
        <ul class="Item sub-nav" style="top : 155px;">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Overview" class="leaf">Overview</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Fixation" class="leaf">Fixation</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Chemotaxis" class="leaf">Chemotaxis</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Fungicides" class="leaf">Fungicides</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Project/Spreading" class="leaf">Spreading</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Modeling" class="leaf">Modeling</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Parts" class="leaf">Parts</a></li>
+
-
        </ul>
+
-
    </div>
+
-
   
+
-
    <div class="Item" style=" left :35%"> 
+
-
        <a class="btHeaderA4" href="http://2014.igem.org/Team:Toulouse/Safety">Human </br> Practice</a>
+
-
        <ul class="Item sub-nav" style="top : 149px;">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Safety" class="leaf">Safety</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Human_Practice/Ethique" class="leaf">Ethique</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Human_Practice/Communication" class="leaf">Communication</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left :45%" > 
+
-
        <a class="btHeaderA5" href="http://2014.igem.org/Team:Toulouse/Notebook/Calendar">Notebook</a>
+
-
        <ul class="Item sub-nav" style="top : 160px;">
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Notebook/Calendar" class="leaf">Calendar</a></li>
+
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Notebook/Protocols" class="leaf">Protocols</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="Item" style=" left : 55%">
+
  <div class="fils-ariane" style="width:100%; height:60px; background:#ededed; margin-top:30px;">
-
        <a class="btHeaderA6" href="http://2014.igem.org/Team:Toulouse/Attributions">Attributions</a>
+
  <p style="margin:0 auto; color:#696969; width:960px; padding-top:20px; font-size:16px;"> Notebook&nbsp;&nbsp;&nbsp;>&nbsp;&nbsp;&nbsp;Project monitoring</p>  
-
        <ul class="Item sub-nav" style="top : 152px;">
+
  </div>
-
            <li class="sub-nav-item" align="left"><a href="http://2014.igem.org/Team:Toulouse/Attributions" class="leaf">Attributions</a></li>
+
 
-
            <li class="sub-nav-item" align="left"><a href="http://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" >  
+
  <div id="innercontenthome">
-
        <a href="http://2014.igem.org/Main_Page">
+
      <div class="centering" style="padding-top: 85px; padding-bottom:40px;">
-
        <img src="http://igem.org/wiki/images/6/60/Igemlogo_300px.png" width="55px">
+
-
        </a>
+
-
    </div>
+
-
</div>
+
-
<!--end navigation menu -->
+
-
<tr height="250px" style="display: block;"></tr>
+
-
</table>
+
-
<div class="centering">
+
<!--TITRE-->
<!--TITRE-->

Revision as of 09:47, 6 October 2014