|
|
Line 179: |
Line 179: |
| | | |
| | | |
| + | /* THE CSS CODE FOR TABLE */ |
| | | |
− | /* Medal BOXES */
| + | table { |
− | .medal_boxes {
| + | color: #333; |
− | margin: 0 auto;
| + | font-family: Helvetica, Arial, sans-serif; |
− | display : inline-block;
| + | width: 640px; |
| + | border-collapse: |
| + | collapse; border-spacing: 0; |
| } | | } |
− | .medal_box_left {
| + | |
− | float:left;
| + | td, th { |
− | width:300px;
| + | border: 1px solid transparent; /* No more visible border */ |
− | height: 430px;
| + | height: 30px; |
− | background-color: #CCCC99;
| + | transition: all 0.3s; /* Simple transition for hover effect */ |
− | margin-left:15px;
| + | |
− | margin-right:15px;
| + | |
− | margin-top:15px;
| + | |
− | border-radius: 25px;
| + | |
| } | | } |
− | .medal_box_middle {
| + | |
− | float:left;
| + | th { |
− | width:300px;
| + | background: #DFDFDF; /* Darken header a bit */ |
− | height: 430px;
| + | font-weight: bold; |
− | background-color: #E4D9D9;
| + | |
− | margin-left:15px;
| + | |
− | margin-right:15px;
| + | |
− | margin-top:15px;
| + | |
− | border-radius: 25px;
| + | |
| } | | } |
− | .medal_box_right {
| + | |
− | float:left;
| + | td { |
− | width:300px;
| + | background: #FAFAFA; |
− | height: 430px;
| + | text-align: center; |
− | background-color: #FFED6F;
| + | |
− | margin-left:15px;
| + | |
− | margin-right:15px;
| + | |
− | margin-top:15px;
| + | |
− | text-align:justify;
| + | |
− | border-radius: 25px;
| + | |
− | }
| + | |
− | .text {
| + | |
− | padding-top: 10px;
| + | |
− | padding-left: 25px;
| + | |
− | padding-right: 25px;
| + | |
− | text-align:justify;
| + | |
| } | | } |
| | | |
| + | /* Cells in even rows (2,4,6...) are one color */ |
| + | tr:nth-child(even) td { background: #F1F1F1; } |
| | | |
− | /* Cool checkmarks*/ | + | /* Cells in odd rows (1,3,5...) are another (excludes header cells) */ |
| + | tr:nth-child(odd) td { background: #FEFEFE; } |
| | | |
− | ul li {margin-bottom: 12px;}
| + | tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */ |
− | .checkmark li {list-style:none}
| + | |
− | .checkmark li:before {
| + | |
− | content:"\2714";
| + | |
− | font-size:25px;
| + | |
− | vertical-align:top;
| + | |
− | margin-left: -20px;
| + | |
− | }
| + | |
− | a{text-decoration: underline;}
| + | |
| | | |
| </style> | | </style> |
Line 251: |
Line 228: |
| | | |
| | | |
− | <h2>Medal Requirements</h2> | + | <h2>Our Library of Standard Biological Parts</h2> |
| + | |
| + | <table style="width:100%"> |
| + | <tr> |
| + | <th>Firstname</th> |
| + | <th>Lastname</th> |
| + | <th>Age</th> |
| + | </tr> |
| + | <tr> |
| + | <td>Jill</td> |
| + | <td>Smith</td> |
| + | <td>50</td> |
| + | </tr> |
| + | <tr> |
| + | <td>Eve</td> |
| + | <td>Jackson</td> |
| + | <td>94</td> |
| + | </tr> |
| + | </table> |
| | | |
− | <div class=medal_boxes>
| |
− | <div style="display: inline-block">
| |
− | <div class=medal_box_left>
| |
− | <div class=text>
| |
− | <h3 style="text-align:center">Bronze Medal</h3>
| |
− | <ul class="checkmark" style="">
| |
− | <li>We registered our team, and had a great summer! :)</li>
| |
− | <li>We have met all <a href="https://2016.igem.org/Requirements">deliverables</a></li>
| |
− | <li>The attributions of every team member are available <a href="https://2016.igem.org/Team:Paris_Bettencourt/Attributions">here</a></li>
| |
− | <li>We have created, submitted and documented a dozen BioBricks. One of them is <a href="http://parts.igem.org/Part:BBa_K2043002">BBa_K2043002</a> which represents our contribution for the bronze medal.</li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <div style="display: inline-block">
| |
− | <div class=medal_box_middle>
| |
− | <div class=text>
| |
− | <h3 style="text-align:center">Silver Medal</h3>
| |
− | <ul class="checkmark" style="">
| |
− | <li><a href="http://parts.igem.org/Part:BBa_K2043004">BBa_K2043004</a> is a xylE gene from <i>Pseudomonas putida</i> codon optimized for expression in <i>E. coli</i>; a new and well documented standard biological part. Our contribution for the silver medal requirements.</li>
| |
− | <li>Paris Bettencourt iGEM team has made many many friends over the summer. Our colaborations are listed <a href="https://2016.igem.org/Team:Paris_Bettencourt/Collaborations">here</a>.</li>
| |
− | <li>Our project tackled a serious issue of perchlorethylene (PERC) poisoning in the dry-cleaning facilities. On this <a href="https://2016.igem.org/Team:Paris_Bettencourt/HP/Silver">link</a> you can read more about this problem: how we identified, investigated and addressed it.</li>
| |
− | </ul>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div style="display: inline-block">
| |
− | <div class=medal_box_right>
| |
− | <div class=text>
| |
− | <h3 style="text-align:center">Gold Medal</h3>
| |
− | <p>
| |
− | <ul class="checkmark" style="">
| |
− | <li>On this <a href="https://2016.igem.org/Team:Paris_Bettencourt/HP/Gold">link</a> we present how the PERC poisoning problem was integrated into our project. How we designed and addressed the issue through our project.</li>
| |
− | <li>We have also improved the characterization of two previously existing BioBricks (BBa_K1321357 and BBa_K863001). For the gold medal requirements we are providing the <a href="https://2016.igem.org/Team:Paris_Bettencourt/Description">description</a> of the improvements made for <a href="http://parts.igem.org/Part:BBa_K1321357">BBa_K1321357</a>, a BioBrick designed by iGEM team of Imperial College London in 2014.</li>
| |
− | <li>The <a href="https://2016.igem.org/Team:Paris_Bettencourt/Proof">proof of concept</a> shows that our project can be implemented ???? I don't know what to write here :(</li>
| |
− | </ul>
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
| | | |
| <div style="margin-top:20px; margin-bottom:20px"></div> | | <div style="margin-top:20px; margin-bottom:20px"></div> |