|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| | | |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!--<style type="text/css">
| |
− | #sidebar {
| |
− | color: white;
| |
− | margin:0;
| |
− | height: 50%;
| |
− | padding: 0;
| |
− | position: fixed;
| |
− | left: 0;
| |
− | top: 0;
| |
− | width: 50px;
| |
− | z-index: 2;
| |
− |
| |
− | }
| |
− |
| |
− | #sidebar-nav {
| |
− | margin-top: 400%;
| |
− | }
| |
− | </style>-->
| |
| | | |
| <style type="text/css"> | | <style type="text/css"> |
Line 35: |
Line 13: |
| } | | } |
| | | |
− | table, th, td { | + | table{ |
| margin-left:auto; | | margin-left:auto; |
| margin-right:auto; | | margin-right:auto; |
| + | } |
| + | td{ |
| + | width=130px; |
| + | } |
| + | |
| + | table, th, td { |
| border-collapse: collapse; | | border-collapse: collapse; |
| } | | } |
| th, td { | | th, td { |
− | padding: 5px; | + | margin: 5px 0 5px 0; |
| text-align:center; | | text-align:center; |
| } | | } |
− | | + | .arrow{ |
| + | display: table-cell; |
| + | max-width=100px; |
| + | max-height=50px; |
| + | } |
| + | .bottomline{ |
| + | border-bottom: 1px solid black; |
| + | } |
| + | .rightline{ |
| + | border-right: 1px solid black; |
| + | } |
| + | .first{ |
| + | /*width=12%;*/ |
| + | } |
| </style> | | </style> |
| | | |
Line 68: |
Line 65: |
| | | |
| <div class = "inner-container" > | | <div class = "inner-container" > |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!-- Sidebar -->
| |
− | <!--<div id="sidebar" role="navigation">
| |
− |
| |
− | <div id="sidebar-nav">
| |
− | <ul class="nav nav-stacked">
| |
− |
| |
− | <li><a> <p>Link1</p></a></li>
| |
− | <li><a > <p>Link2</p></a></li>
| |
− | <li><a > <p>Link3</p></a> </li>
| |
− | <li><a > <p>Link4</p></a></li>
| |
− | <li><a > <p>Link5</p></a></li>
| |
− |
| |
− | </ul>
| |
− | </div>-->
| |
− | <!-- Sidebar End -->
| |
− | <!--</div>-->
| |
| | | |
| | | |
Line 97: |
Line 72: |
| | | |
| | | |
− | <table class="table table-bordered table-hover table-condensed">
| |
− | <thead>
| |
− | <tr>
| |
− | <th><h3 style="padding:0;margin:0;">Construct <br>worked with</h3></th>
| |
− | <th ><h3 style="padding-top:0;margin-top:0;">Things done $\rightarrow$ </h3></th>
| |
− | </tr>
| |
− | </thead>
| |
− | <tbody>
| |
− | <tr class="warning">
| |
− | <td><p>CAR part 3</p></td>
| |
− | <td><p>Colony PCR for colony BC $\rightarrow$ gel $\rightarrow$ NO $\rightarrow$ figure out what's wrong</p></td>
| |
− | </tr>
| |
− | <tr class="success" >
| |
− | <td><p>AtoB part1</p></td>
| |
− | <td><p>Colony PCR for colony BC $\rightarrow$ gel $\rightarrow$ OK $\rightarrow$ PCR reactions stored to fridge</p></td>
| |
− | </tr>
| |
− | <tr class="info">
| |
− | <td><p>CAR part 3</p></td>
| |
− | <td><p>Colony PCR for colony BC $\rightarrow$ gel $\rightarrow$ NO $\rightarrow$ figure out what's wrong</p></td>
| |
− | </tr>
| |
− | <tr class="danger">
| |
− | <td><p>AtoB part1</p></td>
| |
− | <td><p>Colony PCR for colony BC $\rightarrow$ gel $\rightarrow$ OK $\rightarrow$ PCR reactions stored to fridge</p></td>
| |
− | </tr>
| |
− | </tbody>
| |
− | </table>
| |
| </div><!-- end inner-container--> | | </div><!-- end inner-container--> |
| | | |
− | <table style="width:80%"> | + | <table style="width:70%"> |
| <tr> | | <tr> |
− | <td style="width:20%; border-right: 1px solid black; border-bottom: 1px solid black;"><h3>Construct <br>worked with</h3></td> | + | <td class="bottomline rightline first"><h3 style="padding-top:0;margin-top:0;margin-bottom:0;padding-bottom:0;">Construct <br>worked with</h3></td> |
− | <td style=" border-bottom: 1px solid black;">Things done</td> | + | <td class="bottomline"><h3>Things done</h3></td> |
− | <td style=" border-bottom: 1px solid black;"></td> | + | <td class="bottomline"></td> |
− | <td style=" border-bottom: 1px solid black;"></td> | + | <td class="bottomline"></td> |
− | <td style=" border-bottom: 1px solid black;"></td> | + | <td class="bottomline"></td> |
− | <td style=" border-bottom: 1px solid black;"></td> | + | <td class="bottomline"></td> |
− | <td style=" border-bottom: 1px solid black;"></td> | + | <td class="bottomline"></td> |
− | <td style=" border-bottom: 1px solid black;"><h3>Lab 1.1.2015<br>Monday</h3></td> | + | <td class="bottomline"><h3>Lab 1.1.2015<br>Monday</h3></td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td style="width:20%; border-right: 1px solid black;"><h3>CAR</h3></td> | + | <td class="first rightline"><h3>CAR</h3></td> |
− | <td style="padding:0;"><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" style="display: table-cell;max-width=100px;max-height=50px;"></img></td> | + | <td ><div><img src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png" class="arrow" style="position:relative;"></img><p style="position:absolute;width:100%;left:10;top:10;">here text</p></div></td> |
− | <td style="padding:0;"><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" style="display: table-cell;max-width=100px;max-height=50px;"></img></td> | + | <td style="background: url(https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png) no-repeat; vertical-align: middle; text-align: center;border-style:solid;"> |
− | <td style="padding:0;"><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" style="display: table-cell;max-width=100px;max-height=50px;"></img></td> | + | <p>Here is my text</p> |
− | <td style="padding:0;"><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" style="display: table-cell;max-width=100px;max-height=50px;"></img></td> | + | </td> |
− | <td style="padding:0;"><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" style="display: table-cell;max-width=100px;max-height=50px;"></img></td> | + | <td ><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" class="arrow"></img></td> |
− | <td style="padding:0;"><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" style="display: table-cell;max-width=100px;max-height=50px;"></img></td> | + | <td ><img src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png" class="arrow"></img></td> |
− | <td style="padding:0;"><img src="https://static.igem.org/mediawiki/2015/9/95/Aalto-Helsinki_arrow_blue.png" style="display: table-cell;max-width=100px;max-height=50px;"></img></td> | + | <td ><img src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png" class="arrow"></img></td> |
| + | <td ><img src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png" class="arrow"></img></td> |
| + | <td ><img src="https://static.igem.org/mediawiki/2015/f/f2/Aalto-Helsinki_arrow_red.png" class="arrow"></img></td> |
| </tr> | | </tr> |
− | <!--<tr>
| + | |
− | <td style="width:20%; border-right: 1px solid black;">ADO</td>
| + | |
− | <td><div style="width=100px height=50px"><img style="max-width=100%;max-height=100%;" src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png"></img></div></td>
| + | |
− | <td><div style="width=100px height=50px"><img style="max-width=100%;max-height=100%;" src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png"></img></div></td>
| + | |
− | <td><div style="width=100px height=50px"><img style="max-width=100%;max-height=100%;" src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png"></img></div></td>
| + | |
− | <td><div style="width=100px height=50px"><img style="max-width=100%;max-height=100%;" src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png"></img></div></td>
| + | |
− | <td><div style="width=100px height=50px"><img style="max-width=100%;max-height=100%;" src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png"></img></div></td>
| + | |
− | <td><div style="width=100px height=50px"><img style="max-width=100%;max-height=100%;" src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png"></img></div></td>
| + | |
− | <td><div style="width=100px height=50px"><img style="max-width=100%;max-height=100%;" src="https://static.igem.org/mediawiki/2015/6/63/Aalto-Helsinki_arrow_white.png"></img></div></td>
| + | |
− | </tr>-->
| + | |
| </table> | | </table> |
| | | |