Difference between revisions of "Template:UPMC PARIS"

(Prototype team template page)
 
(Première MAJ)
Line 451: Line 451:
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!--- THIS IS WHERE THE HTML BEGINS --->
  
 +
  <title>Impact UPMC</title>
  
 +
    <!-- Latest compiled and minified CSS -->
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
    <!-- Custom styles for this template -->
 +
 +
 +
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
 +
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
 +
    <!-- Compiled and minified CSS -->
 +
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
 +
 +
    <!-- Compiled and minified JavaScript -->
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
 +
 +
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
 +
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 +
 +
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!--[if lt IE 9]>
 +
      <script src="js/html5shiv.js"></script>
 +
      <script src="js/respond.min.js"></script>
 +
    <![endif]-->
  
−
<head>
 
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
Line 462: Line 486:
  
  
−
<div class="igem_2017_menu_wrapper" >
+
<div id="navbar-main">
 +
      <!-- Fixed navbar -->
 +
    <div class="navbar navbar-inverse navbar-fixed-top">
 +
      <div class="container">
 +
        <div class="navbar-header">
 +
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
            <span class="icon icon-home" style="font-size:30px; color:#3498db;"></span>
 +
          </button>
 +
          <a class="navbar-brand hidden-xs hidden-sm" href="https://2017.igem.org/Team:UPMC_PARIS"><span class="icon icon-home" style="font-size:18px; color:#3498db;"></span></a>
 +
        </div>
 +
        <div class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
            <li><a href="https://2017.igem.org/Team:UPMC_PARIS">Home</a></li>
 +
            <li>
 +
                <div class="btn-group show-on-hover">
 +
                  <a href="#">
 +
                    Team <span class="caret"></span>
 +
                  </a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Team">Team</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Collaborations">Collaborations</a></li>
 +
                  </ul>
 +
                </div>
 +
            </li>
 +
            <li>
 +
                <div class="btn-group show-on-hover">
 +
                  <a href="#">
 +
                    Project <span class="caret"></span>
 +
                  </a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Description">Description</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Design">Design</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Experiments">Experiments</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Notebook">Notebook</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/InterLab">InterLab</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Contribution">Contribution</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Model">Model</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Results">Results</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Demonstrate">Demonstrate</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Improve">Improve</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Attributions">Attributions</a></li>
 +
                  </ul>
 +
                </div>
 +
 
 +
            </li>
 +
            <li>
 +
                <div class="btn-group show-on-hover">
 +
                  <a href="#">
 +
                    Parts <span class="caret"></span>
 +
                  </a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Parts">Parts</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Basic_Part">Basic Parts</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Composite_Part">Composite Parts</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Part_Collection">Parts Collection</a></li>
 +
                  </ul>
 +
                </div>
 +
 
 +
 
 +
 
 +
            </li>
 +
      <li> <a href="https://2017.igem.org/Team:UPMC_PARIS/Safety"> Safety</a></li>
 +
            <li>
 +
                <div class="btn-group show-on-hover">
 +
                  <a href="#">
 +
                    Human practices <span class="caret"></span>
 +
                  </a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/HP/Silver">Silver HP</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/HP/Gold_Integrated">Integrated and Gold</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Engagement">Public engagement</a></li>
 +
                  </ul>
 +
                </div>
 +
 
 +
 
 +
            </li>
 +
 
 +
      <li>
 +
                <div class="btn-group show-on-hover">
 +
                  <a href="#blog">
 +
                    Awards <span class="caret"></span>
 +
                  </a>
 +
                  <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Applied_Design">Applied design</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Entrepreneurship">Entrepreneurship</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Hardware">Hardware</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Measurement">Measurement</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Model">Model</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Plant">Plant</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:UPMC_PARIS/Software">Software</a></li>
 +
                  </ul>
 +
                </div>
 +
 
 +
            </li>
 +
            <li> <a href="https://igem.org/2017_Judging_Form?team=UPMC_PARIS"> Judjing form</a></li>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </div>
 +
    </div>
 +
 
 +
    <style media="screen">
 +
    /*
 +
    * Author: Carlos Alvarez
 +
    * URL: http://Alvarez.is
 +
    *
 +
    * Project Name: SHIELD - Free Bootstrap 3 Theme
 +
    * Version: 1.0
 +
    * Date: 02-11-2013
 +
    * URL: http://blacktie.co/
 +
    */
 +
 
 +
 
 +
    /* ==========================================================================
 +
      Base Styles and Bootstrap Modifications
 +
      ========================================================================== */
 +
 
 +
    html,
 +
    button,
 +
    input,
 +
    select,
 +
    textarea {
 +
        color: #222;
 +
    }
 +
 
 +
    body {
 +
        font-size: 1em;
 +
        line-height: 1.4;
 +
    }
 +
 
 +
    /*
 +
    * Remove text-shadow in selection highlight: h5bp.com/i
 +
    * These selection rule sets have to be separate.
 +
    * Customize the background color to match your design.
 +
    */
 +
 
 +
    ::-moz-selection {
 +
        background: #f2c2c9;
 +
        color: #a4003a;
 +
        text-shadow: none;
 +
    }
 +
 
 +
    ::selection {
 +
        background: #16a085;
 +
        color: #a4003a;
 +
        text-shadow: none;
 +
    }
 +
 
 +
    /*
 +
    * A better looking default horizontal rule
 +
    */
 +
 
 +
    hr {
 +
        display: block;
 +
        height: 1px;
 +
        border: 0;
 +
        border-top: 1px solid #ccc;
 +
        margin: 1em 0;
 +
        padding: 0;
 +
    }
 +
 
 +
    /*
 +
    * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 +
    */
 +
 
 +
    img {
 +
        vertical-align: middle;
 +
    }
 +
 
 +
    /*
 +
    * Allow only vertical resizing of textareas.
 +
    */
 +
 
 +
    textarea {
 +
        resize: vertical;
 +
    }
 +
 
 +
 
 +
    /* ==========================================================================
 +
      General styles
 +
      ========================================================================== */
 +
 
 +
    html,
 +
    body {
 +
        height: 100%;
 +
    }
 +
 
 +
    body {
 +
        font-family: "Lato";
 +
        font-weight: 300;
 +
        font-size: 16px;
 +
        color: #555;
 +
 
 +
        -webkit-font-smoothing: antialiased;
 +
        -webkit-overflow-scrolling: touch;
 +
    }
 +
 
 +
    .col-md-4 {
 +
      padding-bottom: 20px;
 +
    }
 +
 
 +
    .row {
 +
    margin-right: 0px;
 +
    margin-left: -15px;
 +
    }
 +
 
 +
    .modal-header {
 +
      background: #3498db;
 +
    }
 +
 
 +
    .modal-header h4 {
 +
      color: white;
 +
    }
 +
 
 +
    .modal-footer {
 +
      background: #2b2b2b;
 +
    }
 +
 
 +
 
 +
    .navbar-default {
 +
    border-color: transparent;
 +
    background-color: #dadada;
 +
    }
 +
 
 +
 
 +
    .navbar-toggle {
 +
    border-color: transparent;
 +
    border: 0px solid transparent;
 +
    }
 +
 
 +
    .navbar-default .navbar-nav > li > a:hover,
 +
    .navbar-default .navbar-nav > li > a:focus {
 +
      background-color: #16a085;
 +
      color: white;
 +
    }
 +
 
 +
 
 +
 
 +
    hr {
 +
        position: relative;
 +
        border: none;
 +
    }
 +
 
 +
    hr:before {
 +
        content: " ";
 +
        position: absolute;
 +
        top: 0;
 +
        left: 25%;
 +
        width: 50%;
 +
        height: 2px;
 +
        background: #ccc;
 +
    }
 +
 
 +
    a img {
 +
        background: white;
 +
    }
 +
 
 +
    .odd a img {
 +
        background: #f5f5f5;
 +
    }
 +
 
 +
    /* Titles */
 +
    h1, h2, h3, h4, h5, h6 {
 +
        font-family: "Raleway";
 +
        font-weight: 300;
 +
        color: #333;
 +
    }
 +
 
 +
 
 +
    /* Paragraph & Typographic */
 +
    p {
 +
        line-height: 28px;
 +
        margin-bottom: 25px;
 +
    }
 +
 
 +
    .centered {
 +
        text-align: center;
 +
    }
 +
 
 +
    .paragraph-lead {
 +
        font-size: 20px;
 +
        color: #3498db;
 +
    }
 +
 
 +
    strong {
 +
        font-weight: 700;
 +
    }
 +
 
 +
    em {
 +
        font-weight: 300;
 +
    }
 +
 
 +
    pre {
 +
        background: #ebebeb;
 +
        border: none;
 +
        font-family: "Monaco";
 +
        font-size: 16px;
 +
        color: #666;
 +
        padding: 20px;
 +
        line-height: 28px;
 +
    }
 +
 
 +
    small {
 +
        font-size: 12px;
 +
    }
 +
 
 +
    blockquote,
 +
    blockquote p {
 +
        line-height: 28px;
 +
        color: #999;
 +
        font-weight: 300;
 +
        font-style: italic;
 +
    }
 +
 
 +
    blockquote {
 +
        position: relative;
 +
        margin: 0 0 40px -30px;
 +
        padding-left: 30px;
 +
        border-left: 5px solid #3498db;
 +
    }
 +
 
 +
    blockquote cite {
 +
        position: absolute;
 +
        bottom: -25px;
 +
        right: 0;
 +
        font-size: 12px;
 +
        font-style: italic;
 +
        color: #333;
 +
        font-weight: 300;
 +
    }
 +
 
 +
    blockquote cite:before {
 +
        content: "-- "
 +
    }
 +
 
 +
    /* Images */
 +
    .overflow-image {
 +
        margin-top: -65px;
 +
    }
 +
 
 +
    /* Links */
 +
    a {
 +
        color: #3498db;
 +
        word-wrap: break-word;
 +
 
 +
        -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    }
 +
 
 +
    a:hover,
 +
    a:focus {
 +
        color: #c0392b;
 +
        text-decoration: none;
 +
        outline: 0;
 +
    }
 +
 
 +
    a:before,
 +
    a:after {
 +
        -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
        transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    }
 +
 
 +
 
 +
 
 +
    /* ==========================================================================
 +
      Wrap Sections
 +
      ========================================================================== */
 +
 
 +
    #headerwrap {
 +
      background: url(../img/header_bg.jpg) no-repeat center top;
 +
      margin-top: -50px;
 +
      padding-top:120px;
 +
      text-align:center;
 +
      background-attachment: relative;
 +
      background-position: center center;
 +
      min-height: 650px;
 +
      width: 100%;
 +
 
 +
        -webkit-background-size: 100%;
 +
        -moz-background-size: 100%;
 +
        -o-background-size: 100%;
 +
        background-size: 100%;
 +
 
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        -o-background-size: cover;
 +
        background-size: cover;
 +
    }
 +
 
 +
    #headerwrap h1 {
 +
      color:#ffffff;
 +
      margin-top: 90px;
 +
      padding-bottom: 30px;
 +
      letter-spacing: 8px;
 +
      font-size: 100px;
 +
      font-weight: bold;
 +
      text-shadow: 2px 2px 2px #000;
 +
    }
 +
 
 +
    #headerwrap p {
 +
      color:#ffffff;
 +
      font-size: 40px;
 +
      font-weight: 400;
 +
      text-align: center;
 +
      line-height: 40px;
 +
      letter-spacing: 3px;
 +
      margin-left: 15px;
 +
      text-shadow: 1px 1px 1px #000;
 +
    }
 +
 
 +
    #greywrap {
 +
      background: #f5f5f5;
 +
      margin-top: 0px;
 +
      padding-top: 40px;
 +
      border-bottom: 1px solid #ddd;
 +
      text-align: center;
 +
    }
 +
 
 +
    #greywrap .callout {
 +
      margin-bottom: 20px;
 +
    }
 +
 
 +
    #greywrap p {
 +
      margin-left: 30px;
 +
      margin-right: 30px;
 +
      letter-spacing: 1px;
 +
      padding-top: 15px;
 +
      padding-bottom: 15px;
 +
    }
 +
 
 +
    #greywrap .icon {
 +
      font-size: 60px;
 +
      line-height: 30px;
 +
      margin-bottom: 10px;
 +
    }
 +
 
 +
    #footerwrap {
 +
      background: #2b2b2b;
 +
      margin-top: 0px;
 +
      padding-top: 40px;
 +
      padding-bottom: 20px;
 +
      border-bottom: 1px solid #ddd;
 +
      text-align: center;
 +
    }
 +
 
 +
    #footerwrap h4 {
 +
      color: white;
 +
    }
 +
 
 +
 
 +
    /* ==========================================================================
 +
      Box Sections
 +
      ========================================================================== */
 +
 
 +
    .white h1 {
 +
      padding-top: 35px;
 +
    }
 +
 
 +
    .white p {
 +
      padding-top: 25px;
 +
    }
 +
 
 +
    /* Section Dividers */
 +
    .section-divider {
 +
        z-index: 999;
 +
        width: 100%;
 +
        display: table;
 +
        max-height: 450px;
 +
        border-bottom: 2px solid #E6EAED;
 +
        -webkit-box-sizing: border-box;
 +
        -moz-box-sizing: border-box;
 +
        -ms-box-sizing: border-box;
 +
        box-sizing: border-box;
 +
        padding-top: 30px;
 +
        padding-bottom: 70px;
 +
        margin-top: 45px;
 +
 
 +
 
 +
        background-position: center center;
 +
 
 +
        -webkit-background-size: 100%;
 +
        -moz-background-size: 100%;
 +
        -o-background-size: 100%;
 +
        background-size: 100%;
 +
 
 +
        -webkit-background-size: cover;
 +
        -moz-background-size: cover;
 +
        -o-background-size: cover;
 +
        background-size: cover;
 +
 
 +
        background-attachment: relative;
 +
 
 +
        text-align: center;
 +
    }
 +
 
 +
    .textdivider h1 {
 +
      padding-top: 70px;
 +
      color: white;
 +
      font-size: 40px;
 +
    }
 +
 
 +
    .textdivider p {
 +
      color: white;
 +
      font-size: 25px;
 +
    }
 +
 
 +
 
 +
    /* Section Dividers Backgrounds */
 +
 
 +
    .divider1 {
 +
      background-image: url('../img/bg/divider1.jpg')
 +
    }
 +
 
 +
    .divider2 {
 +
      background-image: url('../img/bg/divider2.jpg')
 +
    }
 +
 
 +
    .divider3 {
 +
      background-image: url('../img/bg/divider3.jpg');
 +
      margin-top: 0px;
 +
    }
 +
 
 +
    .divider4 {
 +
      background-image: url('../img/bg/divider4.jpg')
 +
    }
 +
 
 +
    .divider6 {
 +
      background-image: url('../img/bg/divider6.jpg')
 +
    }
 +
 
 +
 
 +
 
 +
    /* ==========================================================================
 +
      Services Section
 +
      ========================================================================== */
 +
 
 +
    .service-trigger {
 +
        display: block;
 +
      position: relative;
 +
        margin-bottom: 15px;
 +
        color: white;
 +
        font-size: 20px;
 +
        text-align: center;
 +
        height: 168px;
 +
        cursor: pointer;
 +
      padding: 90px 20px 50px 20px;
 +
        border: none;
 +
        background: #333;
 +
    }
 +
 
 +
    .service-trigger:before {
 +
        width: 100%;
 +
        top: 50px;
 +
        color: #3498db;
 +
        font-size: 36px;
 +
        text-align: center;
 +
      position: absolute;
 +
      left: 0;
 +
    }
 +
 
 +
    .service-active .service-trigger {
 +
        background: #222;
 +
    }
 +
 
 +
    .service-active p {
 +
      font-family: 'Lato', sans-serif;
 +
      padding-top: 10px;
 +
    }
 +
 
 +
    .service-content {
 +
        padding: 15px 20px;
 +
        background: #e6eaed;
 +
        display: block;
 +
        height: auto
 +
    }
 +
 
 +
    .service-content p:last-child {
 +
        margin: 0;
 +
    }
 +
 
 +
 
 +
    /* ==========================================================================
 +
      Image Mask
 +
      ========================================================================== */
 +
 
 +
    .grid figure {
 +
      margin: 0;
 +
      position: relative;
 +
    }
 +
 
 +
    .grid figure img {
 +
      width: 100%;
 +
      display: block;
 +
      position: relative;
 +
    }
 +
 
 +
    .grid figcaption {
 +
      position: absolute;
 +
      top: 0;
 +
      left: 0;
 +
      padding: 20px;
 +
      color: #fff;
 +
      background: #3498db;
 +
    }
 +
 
 +
    .grid figcaption h5 {
 +
      margin: 0;
 +
      padding-top: 0px;
 +
      padding-left: 20px;
 +
      padding-bottom: 5px;
 +
      color: #fff;
 +
      font-weight: 700;
 +
      text-align: left;
 +
      letter-spacing: 2px;
 +
 
 +
    }
 +
 
 +
    .grid figcaption a {
 +
      text-align: left;
 +
      padding: 5px 10px;
 +
      margin-left: 20px;
 +
      display: inline-block;
 +
      background: #2f2f2f;
 +
      color: #fff;
 +
      font-size: 13px;
 +
    }
 +
 
 +
    /* Caption Style */
 +
    .mask figure {
 +
      overflow: hidden;
 +
    }
 +
 
 +
    .mask figure img {
 +
      -webkit-transition: -webkit-transform 0.4s;
 +
      -moz-transition: -moz-transform 0.4s;
 +
      transition: transform 0.4s;
 +
    }
 +
 
 +
    .no-touch .mask figure:hover img,
 +
    .mask figure.cs-hover img {
 +
      -webkit-transform: translateY(-30px);
 +
      -moz-transform: translateY(-30px);
 +
      -ms-transform: translateY(-30px);
 +
      transform: translateY(-30px);
 +
    }
 +
 
 +
    .mask figcaption {
 +
      height: 50px;
 +
      width: 100%;
 +
      top: auto;
 +
      bottom: 0;
 +
      opacity: 0;
 +
      -webkit-transform: translateY(100%);
 +
      -moz-transform: translateY(100%);
 +
      -ms-transform: translateY(100%);
 +
      transform: translateY(100%);
 +
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
 +
      -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
 +
      transition: transform 0.4s, opacity 0.1s 0.3s;
 +
    }
 +
 
 +
    .no-touch .mask figure:hover figcaption,
 +
    .mask figure.cs-hover figcaption {
 +
      opacity: 1;
 +
      -webkit-transform: translateY(0px);
 +
      -moz-transform: translateY(0px);
 +
      -ms-transform: translateY(0px);
 +
      transform: translateY(0px);
 +
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
 +
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
 +
      transition: transform 0.4s, opacity 0.1s;
 +
    }
 +
 
 +
    .mask figcaption a {
 +
      position: absolute;
 +
      top:10px;
 +
      bottom: 10px;
 +
      right: 30px;
 +
    }
 +
 
 +
 
 +
    /* ==========================================================================
 +
      Blog Section
 +
      ========================================================================== */
 +
 
 +
    .blog-bg {
 +
      background: #2b2b2b;
 +
      padding-right: 0px;
 +
      padding-left: 0px;
 +
 
 +
    }
 +
 
 +
    .blog-bg h4 {
 +
      color: #dadada;
 +
      padding-top: 0px;
 +
    }
 +
 
 +
    .blog-bg h5 {
 +
      color: #dadada;
 +
      font-size: 11px;
 +
    }
 +
 
 +
    .blog-content {
 +
      padding-top: 10px;
 +
      background: #f2f2f2;
 +
    }
 +
 
 +
 
 +
    /* ==========================================================================
 +
      MEDIA QUERIES
 +
      ========================================================================== */
 +
 
 +
 
 +
    @media screen and (max-width:1050px), screen and (max-device-width:1050px){
 +
      body .header{background-attachment: scroll;}
 +
    }
 +
 
 +
 
 +
    /*ipad portrait*/
 +
    @media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait){
 +
      .header{background-attachment: scroll;}
 +
    }
 +
 
 +
    @media screen and (max-width:769px) {
 +
      #headerwrap h1 {
 +
        font-size: 80px;
 +
      }
 +
      #headerwrap p {
 +
        font-size: 30px;
 +
        line-height: 38px;
 +
      }
 +
    }
 +
 
 +
    </style>
 +
    <style media="screen">
 +
 
 +
    /*
 +
    Animate.css - http://daneden.me/animate
 +
    LICENSED UNDER THE  GPL LICENSE (GPL) http://www.gnu.org/licenses/gpl.html
 +
 
 +
    Copyright (c) 2013 Dan Eden
 +
 
 +
    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 +
 
 +
    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 +
 
 +
    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 +
    */
 +
 
 +
    .animated {
 +
      -webkit-animation-fill-mode: both;
 +
      -moz-animation-fill-mode: both;
 +
      -ms-animation-fill-mode: both;
 +
      -o-animation-fill-mode: both;
 +
      animation-fill-mode: both;
 +
      -webkit-animation-duration: 1s;
 +
      -moz-animation-duration: 1s;
 +
      -ms-animation-duration: 1s;
 +
      -o-animation-duration: 1s;
 +
      animation-duration: 1s;
 +
    }
 +
 
 +
    .animated.hinge {
 +
      -webkit-animation-duration: 2s;
 +
      -moz-animation-duration: 2s;
 +
      -ms-animation-duration: 2s;
 +
      -o-animation-duration: 2s;
 +
      animation-duration: 2s;
 +
    }
 +
 
 +
    @-webkit-keyframes fadeInDown {
 +
      0% {
 +
        opacity: 0;
 +
        -webkit-transform: translateY(-20px);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 1;
 +
        -webkit-transform: translateY(0);
 +
      }
 +
    }
 +
 
 +
    @-moz-keyframes fadeInDown {
 +
      0% {
 +
        opacity: 0;
 +
        -moz-transform: translateY(-20px);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 1;
 +
        -moz-transform: translateY(0);
 +
      }
 +
    }
 +
 
 +
    @-o-keyframes fadeInDown {
 +
      0% {
 +
        opacity: 0;
 +
        -ms-transform: translateY(-20px);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 1;
 +
        -ms-transform: translateY(0);
 +
      }
 +
    }
 +
 
 +
    @keyframes fadeInDown {
 +
      0% {
 +
        opacity: 0;
 +
        transform: translateY(-20px);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 1;
 +
        transform: translateY(0);
 +
      }
 +
    }
 +
 
 +
    .fadeInDown {
 +
      -webkit-animation-name: fadeInDown;
 +
      -moz-animation-name: fadeInDown;
 +
      -o-animation-name: fadeInDown;
 +
      animation-name: fadeInDown;
 +
    }
 +
    @-webkit-keyframes fadeOutDown {
 +
      0% {
 +
        opacity: 1;
 +
        -webkit-transform: translateY(0);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 0;
 +
        -webkit-transform: translateY(20px);
 +
      }
 +
    }
 +
 
 +
    @-moz-keyframes fadeOutDown {
 +
      0% {
 +
        opacity: 1;
 +
        -moz-transform: translateY(0);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 0;
 +
        -moz-transform: translateY(20px);
 +
      }
 +
    }
 +
 
 +
    @-o-keyframes fadeOutDown {
 +
      0% {
 +
        opacity: 1;
 +
        -o-transform: translateY(0);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 0;
 +
        -o-transform: translateY(20px);
 +
      }
 +
    }
 +
 
 +
    @keyframes fadeOutDown {
 +
      0% {
 +
        opacity: 1;
 +
        transform: translateY(0);
 +
      }
 +
 
 +
      100% {
 +
        opacity: 0;
 +
        transform: translateY(20px);
 +
      }
 +
    }
 +
 
 +
    .fadeOutDown {
 +
      -webkit-animation-name: fadeOutDown;
 +
      -moz-animation-name: fadeOutDown;
 +
      -o-animation-name: fadeOutDown;
 +
      animation-name: fadeOutDown;
 +
    }
 +
    @-webkit-keyframes bounceOut {
 +
      0% {
 +
        -webkit-transform: scale(1);
 +
      }
 +
 
 +
      25% {
 +
        -webkit-transform: scale(.95);
 +
      }
 +
 
 +
      50% {
 +
        opacity: 1;
 +
        -webkit-transform: scale(1.1);
 +
      }
  
 +
      100% {
 +
        opacity: 0;
 +
        -webkit-transform: scale(.3);
 +
      }
 +
    }
  
 +
    @-moz-keyframes bounceOut {
 +
      0% {
 +
        -moz-transform: scale(1);
 +
      }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS">
+
      25% {
−
<img src="http://placehold.it/350x150">
+
        -moz-transform: scale(.95);
−
</a>
+
      }
  
 +
      50% {
 +
        opacity: 1;
 +
        -moz-transform: scale(1.1);
 +
      }
  
−
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
+
      100% {
−
<div class="menu_button" id="display_menu_control">
+
        opacity: 0;
−
MENU 
+
        -moz-transform: scale(.3);
−
</div>
+
      }
 +
    }
  
−
<div id="menu_content">
+
    @-o-keyframes bounceOut {
−
+
      0% {
 +
        -o-transform: scale(1);
 +
      }
  
 +
      25% {
 +
        -o-transform: scale(.95);
 +
      }
  
 +
      50% {
 +
        opacity: 1;
 +
        -o-transform: scale(1.1);
 +
      }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS">
+
      100% {
−
<div class="menu_button direct_to_page">
+
        opacity: 0;
−
HOME
+
        -o-transform: scale(.3);
−
</div>
+
      }
−
</a>
+
    }
  
 +
    @keyframes bounceOut {
 +
      0% {
 +
        transform: scale(1);
 +
      }
  
 +
      25% {
 +
        transform: scale(.95);
 +
      }
  
−
<div class="menu_button">
+
      50% {
−
<div class="expand_collapse_icon">  </div> TEAM
+
        opacity: 1;
−
</div>
+
        transform: scale(1.1);
 +
      }
  
−
<div class="submenu_wrapper" id="team_submenu">
+
      100% {
−
+
        opacity: 0;
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Team">
+
        transform: scale(.3);
−
<div class="submenu_button" id="Team_page">
+
      }
−
Team
+
    }
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Collaborations">
+
    .bounceOut {
−
<div class="submenu_button"  id="Collaborations_page">
+
      -webkit-animation-name: bounceOut;
−
Collaborations
+
      -moz-animation-name: bounceOut;
−
</div>
+
      -o-animation-name: bounceOut;
−
</a>
+
      animation-name: bounceOut;
−
+
    }
−
+
    @-webkit-keyframes bounceOutUp {
−
</div>
+
      0% {
 +
        -webkit-transform: translateY(0);
 +
      }
  
 +
      20% {
 +
        opacity: 1;
 +
        -webkit-transform: translateY(20px);
 +
      }
  
−
+
      100% {
−
+
        opacity: 0;
 +
        -webkit-transform: translateY(-2000px);
 +
      }
 +
    }
  
−
<div class="menu_button">
+
    @-moz-keyframes bounceOutUp {
−
<div class="expand_collapse_icon">  </div> PROJECT
+
      0% {
−
</div>
+
        -moz-transform: translateY(0);
 +
      }
  
−
<!-- project submenu -->
+
      20% {
−
<div class="submenu_wrapper">
+
        opacity: 1;
−
+
        -moz-transform: translateY(20px);
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Description">
+
      }
−
<div class="submenu_button"  id="Description_page">
+
−
Description
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Design">
+
      100% {
−
<div class="submenu_button"  id="Design_page">
+
        opacity: 0;
−
Design
+
        -moz-transform: translateY(-2000px);
−
</div>
+
      }
−
</a>
+
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Experiments">
+
    @-o-keyframes bounceOutUp {
−
<div class="submenu_button"  id="Experiments_page">
+
      0% {
−
Experiments
+
        -o-transform: translateY(0);
−
</div>
+
      }
−
</a>
+
  
 +
      20% {
 +
        opacity: 1;
 +
        -o-transform: translateY(20px);
 +
      }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Notebook">
+
      100% {
−
<div class="submenu_button"  id="Notebook_page">
+
        opacity: 0;
−
Notebook
+
        -o-transform: translateY(-2000px);
−
</div>
+
      }
−
</a>
+
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/InterLab">
+
    @keyframes bounceOutUp {
−
<div class="submenu_button"  id="InterLab_page">
+
      0% {
−
InterLab
+
        transform: translateY(0);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Contribution">
+
      20% {
−
<div class="submenu_button"  id="Contribution_page">
+
        opacity: 1;
−
Contribution
+
        transform: translateY(20px);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Model">
+
      100% {
−
<div class="submenu_button"  id="Model_page">
+
        opacity: 0;
−
Model
+
        transform: translateY(-2000px);
−
</div>
+
      }
−
</a>
+
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Results">
+
    .bounceOutUp {
−
<div class="submenu_button"  id="Results_page">
+
      -webkit-animation-name: bounceOutUp;
−
Results
+
      -moz-animation-name: bounceOutUp;
−
</div>
+
      -o-animation-name: bounceOutUp;
−
</a>
+
      animation-name: bounceOutUp;
 +
    }
 +
    @-webkit-keyframes bounceOutDown {
 +
      0% {
 +
        -webkit-transform: translateY(0);
 +
      }
  
 +
      20% {
 +
        opacity: 1;
 +
        -webkit-transform: translateY(-20px);
 +
      }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Demonstrate">
+
      100% {
−
<div class="submenu_button"  id="Demonstrate_page">
+
        opacity: 0;
−
Demonstrate
+
        -webkit-transform: translateY(2000px);
−
</div>
+
      }
−
</a>
+
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Improve">
+
    @-moz-keyframes bounceOutDown {
−
<div class="submenu_button"  id="Improve_page">
+
      0% {
−
Improve
+
        -moz-transform: translateY(0);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Attributions">
+
      20% {
−
<div class="submenu_button"  id="Attributions_page">
+
        opacity: 1;
−
Attributions
+
        -moz-transform: translateY(-20px);
−
</div>
+
      }
−
</a>
+
  
−
</div>
+
      100% {
 +
        opacity: 0;
 +
        -moz-transform: translateY(2000px);
 +
      }
 +
    }
  
−
+
    @-o-keyframes bounceOutDown {
−
+
      0% {
−
+
        -o-transform: translateY(0);
−
+
      }
  
−
<div class="menu_button">
+
      20% {
−
<div class="expand_collapse_icon">  </div> PARTS
+
        opacity: 1;
−
</div>
+
        -o-transform: translateY(-20px);
−
+
      }
−
<!-- parts submenu -->
+
−
<div class="submenu_wrapper">
+
−
+
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Parts">
+
−
<div class="submenu_button"  id="Parts_page">
+
−
Parts
+
−
</div>
+
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Basic_Part">
+
      100% {
−
<div class="submenu_button"  id="Basic_Part_page">
+
        opacity: 0;
−
Basic Parts
+
        -o-transform: translateY(2000px);
−
</div>
+
      }
−
</a>
+
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Composite_Part">
+
    @keyframes bounceOutDown {
−
<div class="submenu_button"  id="Composite_Part_page">
+
      0% {
−
Composite Parts
+
        transform: translateY(0);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Part_Collection">
+
      20% {
−
<div class="submenu_button"  id="Part_Collection_page">
+
        opacity: 1;
−
Part Collection
+
        transform: translateY(-20px);
−
</div>
+
      }
−
</a>
+
−
</div>
+
  
−
+
      100% {
−
+
        opacity: 0;
−
+
        transform: translateY(2000px);
−
+
      }
 +
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Safety">
+
    .bounceOutDown {
−
<div class="menu_button direct_to_page">
+
      -webkit-animation-name: bounceOutDown;
−
SAFETY
+
      -moz-animation-name: bounceOutDown;
−
</div>
+
      -o-animation-name: bounceOutDown;
−
</a>
+
      animation-name: bounceOutDown;
 +
    }
 +
    @-webkit-keyframes bounceOutLeft {
 +
      0% {
 +
        -webkit-transform: translateX(0);
 +
      }
  
 +
      20% {
 +
        opacity: 1;
 +
        -webkit-transform: translateX(20px);
 +
      }
  
 +
      100% {
 +
        opacity: 0;
 +
        -webkit-transform: translateX(-2000px);
 +
      }
 +
    }
  
 +
    @-moz-keyframes bounceOutLeft {
 +
      0% {
 +
        -moz-transform: translateX(0);
 +
      }
  
 +
      20% {
 +
        opacity: 1;
 +
        -moz-transform: translateX(20px);
 +
      }
  
 +
      100% {
 +
        opacity: 0;
 +
        -moz-transform: translateX(-2000px);
 +
      }
 +
    }
  
 +
    @-o-keyframes bounceOutLeft {
 +
      0% {
 +
        -o-transform: translateX(0);
 +
      }
  
−
<div class="menu_button" >
+
      20% {
−
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
+
        opacity: 1;
−
</div>
+
        -o-transform: translateX(20px);
 +
      }
  
−
<!-- human practices submenu -->
+
      100% {
−
<div class="submenu_wrapper">
+
        opacity: 0;
 +
        -o-transform: translateX(-2000px);
 +
      }
 +
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/HP/Silver">
+
    @keyframes bounceOutLeft {
−
<div class="submenu_button"  id="Silver_page">
+
      0% {
−
Silver HP
+
        transform: translateX(0);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/HP/Gold_Integrated">
+
      20% {
−
<div class="submenu_button" id="Gold_Integrated_page">
+
        opacity: 1;
−
Integrated and Gold
+
        transform: translateX(20px);
−
</div>
+
      }
−
</a>
+
  
 +
      100% {
 +
        opacity: 0;
 +
        transform: translateX(-2000px);
 +
      }
 +
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Engagement">
+
    .bounceOutLeft {
−
<div class="submenu_button"  id="Engagement_page">
+
      -webkit-animation-name: bounceOutLeft;
−
Public Engagement
+
      -moz-animation-name: bounceOutLeft;
−
</div>
+
      -o-animation-name: bounceOutLeft;
−
</a>
+
      animation-name: bounceOutLeft;
 +
    }
 +
    @-webkit-keyframes bounceOutRight {
 +
      0% {
 +
        -webkit-transform: translateX(0);
 +
      }
  
−
</div>
+
      20% {
 +
        opacity: 1;
 +
        -webkit-transform: translateX(-20px);
 +
      }
  
 +
      100% {
 +
        opacity: 0;
 +
        -webkit-transform: translateX(2000px);
 +
      }
 +
    }
  
−
<div class="menu_button">
+
    @-moz-keyframes bounceOutRight {
−
<div class="expand_collapse_icon">  </div> AWARDS
+
      0% {
−
</div>
+
        -moz-transform: translateX(0);
 +
      }
  
−
<!-- awards submenu -->
+
      20% {
−
<div class="submenu_wrapper">
+
        opacity: 1;
 +
        -moz-transform: translateX(-20px);
 +
      }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Applied_Design">
+
      100% {
−
<div class="submenu_button"  id="Applied_Design_page">
+
        opacity: 0;
−
Applied Design
+
        -moz-transform: translateX(2000px);
−
</div>
+
      }
−
</a>
+
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Entrepreneurship">
+
    @-o-keyframes bounceOutRight {
−
<div class="submenu_button"  id="Entrepreneurship_page">
+
      0% {
−
Entrepreneurship
+
        -o-transform: translateX(0);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Hardware">
+
      20% {
−
<div class="submenu_button"  id="Hardware_page">
+
        opacity: 1;
−
Hardware
+
        -o-transform: translateX(-20px);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Measurement">
+
      100% {
−
<div class="submenu_button"  id="Measurement_page">
+
        opacity: 0;
−
Measurement
+
        -o-transform: translateX(2000px);
−
</div>
+
      }
−
</a>
+
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Model">
+
    @keyframes bounceOutRight {
−
<div class="submenu_button"  id="Model_page">
+
      0% {
−
Model
+
        transform: translateX(0);
−
</div>
+
      }
−
</a>
+
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Plant">
+
      20% {
−
<div class="submenu_button"  id="Plant_page">
+
        opacity: 1;
−
Plant
+
        transform: translateX(-20px);
−
</div>
+
      }
−
</a>
+
  
 +
      100% {
 +
        opacity: 0;
 +
        transform: translateX(2000px);
 +
      }
 +
    }
  
−
<a href="https://2017.igem.org/Team:UPMC_PARIS/Software">
+
    .bounceOutRight {
−
<div class="submenu_button"  id="Software_page">
+
      -webkit-animation-name: bounceOutRight;
−
Software
+
      -moz-animation-name: bounceOutRight;
−
</div>
+
      -o-animation-name: bounceOutRight;
−
</a>
+
      animation-name: bounceOutRight;
 +
    }
  
−
</div>
 
  
−
<a href="https://igem.org/2017_Judging_Form?team=UPMC_PARIS">
+
    </style>
−
<div class="menu_button direct_to_page">
+
    <style media="screen">
−
JUDGING FORM
+
−
</div>
+
−
</a>
+
  
 +
    .show-on-hover:hover > ul.dropdown-menu {
 +
      display: block;
 +
    }
 +
    .dropdown-menu {
 +
      top: 90%;
 +
    }
 +
    .show-on-hover a {
 +
      color: #9d9d9d;
 +
      padding-top: 15px;
 +
      padding-bottom: 15px;
 +
      line-height: 20px;
 +
      position: relative;
 +
      display: block;
 +
      padding: 10px 15px;
 +
      margin-top: 5px;
 +
    }
  
−
+
    #footerwrap {
−
<div class="menu_bottom_padding" >
+
      background: #ffffff;
−
</div>
+
      color: black;
−
+
    }
−
</div>
+
    #footerwrap h4,#footerwrap h3{
 +
      color: black;
 +
    }
 +
    </style>
  
  
  
 +
    <script type="text/javascript">
 +
    // Custom modernizr
 +
    /* Modernizr 2.6.2 (Custom Build) | MIT & BSD
 +
    * Build: http://modernizr.com/download/#-cssanimations-csstransitions-touch-shiv-cssclasses-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes-load
 +
    */
 +
    ;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+";")+(b||""))}function B(a,b){return typeof a===b}function C(a,b){return!!~(""+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,"function")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return B(b,"string")||B(b,"undefined")?D(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),E(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,"undefined")&&!B(x.call,"undefined")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:w(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},q.cssanimations=function(){return F("animationName")},q.csstransitions=function(){return F("transition")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},z(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/\w+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}")),j||p(a,c),a}var c=a.html5||{},d=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,e=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,f,g="_html5shiv",h=0,i={},j;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,e.prefixed=function(a,b,c){return b?F(a,b,c):F(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};
 +
    </script>
  
−
</div>
 
  
  
Line 748: Line 1,781:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
−
<h1>UPMC_PARIS</h1>
+
<h1>UPMC PARIS</h1>

Revision as of 22:00, 1 November 2017

Impact UPMC

UPMC PARIS