|
|
(14 intermediate revisions not shown) |
Line 23: |
Line 23: |
| | | |
| <style type="text/css"> | | <style type="text/css"> |
| + | |
| + | .marginFix { |
| + | position: fixed; |
| + | top: 0px; |
| + | left: 0px; |
| + | } |
| | | |
| body { | | body { |
- | background-color: #6385bf;
| + | margin-top: 0px; |
- | overflow-y:auto;
| + | margin-bottom: 0px; |
- | overflow-x:hidden;
| + | margin-right: 0px; |
- | margin-bottom: 20px;
| + | margin-left: 0px; |
| } | | } |
- |
| |
| | | |
| p { | | p { |
- | /*font-family: 'Exo', sans-serif;*/
| + | text-indent: 0; |
- | font-family: 'Open Sans', sans-serif;
| + | |
- | font-size: 15px;
| + | |
- | font-weight: 400;
| + | |
- | letter-spacing: 10px
| + | |
- | color: #222;
| + | |
- | text-indent: 10; | + | |
- | white-space: inherit;
| + | |
- | vertical-align: top;
| + | |
- | position: relative;
| + | |
- | width: 50%;
| + | |
- | font-style: normal;
| + | |
- | line-height: normal;
| + | |
- | font-variant: normal;
| + | |
| padding-top: 0px; | | padding-top: 0px; |
| padding-right: 0px; | | padding-right: 0px; |
| padding-bottom: 0px; | | padding-bottom: 0px; |
- | padding-left: 25px; | + | padding-left: 0px; |
- | border-top-style: none;
| + | |
- | border-right-style: none;
| + | |
- | border-bottom-style: none;
| + | |
- | border-left-style: none;
| + | |
- | text-align: left;
| + | |
| } | | } |
| | | |
- | pie {
| + | #top-section { |
- | font-family: 'Open Sans', sans-serif; | + | background-color: transparent; |
- | font-size: 12px;
| + | transition: top 0.2s, ease-out; |
- | font-weight: 400;
| + | transition-delay: 0.5s; |
- | letter-spacing: 10px
| + | |
- | color: #222;
| + | |
- | text-indent: 10; | + | |
- | vertical-align: top;
| + | |
- | position: relative;
| + | |
- | width: 30%;
| + | |
- | text-align: left; | + | |
| } | | } |
- |
| |
- | ul {
| |
- | /*font-family: 'Exo', sans-serif;*/
| |
- | font-family: 'Open Sans', sans-serif;
| |
- | padding-left: 25px;
| |
- | list-style-image: none;
| |
- | }
| |
- |
| |
- | h1 {
| |
- | font-family: Exo;
| |
- | font-size: 30px;
| |
- | font-weight: 600;
| |
- | color: #FFF;
| |
- | margin-left: 22px;
| |
- | margin-top: 0px;
| |
- | font-style: normal;
| |
- | letter-spacing: -1pt;
| |
- | -webkit-font-smoothing: antialiased;
| |
- | position: relative;
| |
- | }
| |
- | h1n {
| |
- | font-family: Exo;
| |
- | font-size: 21px;
| |
- | font-weight: 300;
| |
- | color: #4a4a4a;
| |
- | font-style: normal;
| |
- | letter-spacing: -1pt;
| |
- | -webkit-font-smoothing: antialiased;
| |
- | position: static;
| |
- | }
| |
- |
| |
- | sub {
| |
- | font-family: Exo;
| |
- | font-size: 18px;
| |
- | color: #444;
| |
- | font-weight: 600;
| |
- | margin-right: 25px;
| |
- | position: relative;
| |
- | left: -20px;
| |
- | top: -18px;
| |
- | }
| |
- |
| |
- | sub2 {
| |
- | font-family: Exo;
| |
- | font-size: 16px;
| |
- | color: #FFF;
| |
- | font-weight: 600;
| |
- | margin-right: 25px;
| |
- | position: relative;
| |
- | left: -20px;
| |
- | top: -15px;
| |
- | }
| |
- |
| |
- | h2 {
| |
- | font-family: 'Exo', sans-serif;
| |
- | font-size: 20px;
| |
- | font-weight: 600;
| |
- | color: #222;
| |
- | padding-left: 25px;
| |
- | position: static;
| |
- | border-top-style: none;
| |
- | border-right-style: none;
| |
- | border-bottom-style: none;
| |
- | border-left-style: none;
| |
- | }
| |
- |
| |
- | h3 {
| |
- | font-family: Exo;
| |
- | font-size: 24px;
| |
- | font-weight: 600;
| |
- | margin-left: 22px;
| |
- | position: static;
| |
- | color: rgba(255,255,255,.2);
| |
- | margin-top: 0px;
| |
- | margin-right: 0px;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- |
| |
- | h4 {
| |
- | font-family: 'Exo', sans-serif;
| |
- | font-size: 16px;
| |
- | font-weight: 600;
| |
- | color: #333;
| |
- | padding-left: 25px;
| |
- | position: static;
| |
- | border-top-style: none;
| |
- | border-right-style: none;
| |
- | border-bottom-style: none;
| |
- | border-left-style: none;
| |
- | }
| |
- |
| |
- |
| |
- | gotop {
| |
- | font-family: Exo;
| |
- | font-size: 12px;
| |
- | color: #222;
| |
- | font-weight: 400;
| |
- | padding-left: 25px;
| |
- | }
| |
- |
| |
- |
| |
- | #ContenidoSecciones {
| |
- | padding-bottom: 100px;
| |
- | background: transparent;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
| | | |
| </style> | | </style> |
| | | |
| </head> | | </head> |
- | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> | + | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-color: transparent;"> |
| | | |
- |
| |
- | <table border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01" style="background:transparent;">
| |
- | <tr>
| |
- | <td colspan="3" valign="bottom"><a name="top"><h3>ITESM-CEM | Enzy7-K me</h3></td></a>
| |
- | <td colspan="2" rowspan="2" align="right">
| |
- |
| |
- | <div class="header">
| |
- | <iframe src="https://2014.igem.org/Team:ITESM-CEM/HEADER" width="235" height="77" frameborder="0" scrolling="no" seamless></iframe>
| |
- | </div>
| |
- |
| |
- | </td>
| |
- | <td><img src="images/spacer.gif" width="1" height="43" alt=""></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td colspan="3" rowspan="2"><h1>Project
| |
- | <h1n> 3014</h1n></h1></td>
| |
- | <td><img src="images/spacer.gif" width="1" height="34" alt=""></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td rowspan="4"> </td>
| |
- | <td rowspan="4" align="right" valign="top">
| |
- |
| |
- | <div class="headerSocial">
| |
- | <iframe src="https://2014.igem.org/Team:ITESM-CEM/SOCIAL" width="165" height="34" frameborder="0" scrolling="no" seamless></iframe>
| |
- | </div>
| |
- |
| |
- | <td><img src="images/spacer.gif" width="1" height="6" alt=""></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td colspan="3" rowspan="2" align="left" valign="top"><ul>
| |
- | <sub><a href="https://2014.igem.org/Team:ITESM-CEM/Project">Description</a></sub>
| |
- | <sub><a href="https://2014.igem.org/Team:ITESM-CEM/Project/Details">Details</a></sub>
| |
- | <sub><a href="https://2014.igem.org/Team:ITESM-CEM/Project/Materials">Materials & Methods</a></sub>
| |
- | <sub><a href="https://2014.igem.org/Team:ITESM-CEM/Project/Experiments">Experiments</a></sub>
| |
- | <sub><a href="https://2014.igem.org/Team:ITESM-CEM/Project/Data">Results & Discussion</a></sub>
| |
- | <sub><a href="https://2014.igem.org/Team:ITESM-CEM/Project/HP" style="color: #FFF;">Human Practices</a></sub>
| |
- | <sub><a href="https://2014.igem.org/Team:ITESM-CEM/Project/Conclusions">Conclusions</a></sub>
| |
- | </ul></td>
| |
- |
| |
- |
| |
- | <td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td colspan="3" align="left" valign="top"><ul>
| |
- | <sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2>
| |
- | <sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2>
| |
- | <sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2>
| |
- | <sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2>
| |
- | <sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2><sub2></sub2>
| |
- |
| |
- | <sub2><a href="#One" style="color: #FFF;">DNA</a></sub2>
| |
- | <sub2><a href="#Two" style="color: #FFF;">Courses</a></sub2>
| |
- | <sub2><a href="#Three" style="color: #FFF;">Three</a></sub2>
| |
- | <sub2><a href="#Four" style="color: #FFF;">Four</a></sub2>
| |
- | </ul></td>
| |
- | <td><img src="images/spacer.gif" width="1" height="28" alt=""></td>
| |
- | </tr>
| |
- | <tr>
| |
- | <td colspan="5" valign="top">
| |
- |
| |
- |
| |
| <table width="100%" border="0" id="ContenidoSecciones"> | | <table width="100%" border="0" id="ContenidoSecciones"> |
| <div style="background-color: #f3f3e2; style="width:95%"> | | <div style="background-color: #f3f3e2; style="width:95%"> |
Line 253: |
Line 61: |
| | | |
| <!--INICIO CONTENIDO--> | | <!--INICIO CONTENIDO--> |
- |
| |
| | | |
| | | |
Line 259: |
Line 66: |
| <!-- SLIDER 2 INICIO--> | | <!-- SLIDER 2 INICIO--> |
| <div> | | <div> |
- | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:45%; position: absolute; left: 52%; top: 1300px;"> | + | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:90%; position: absolute; left: 0px; top: 0px;"> |
| <!-- Indicators --> | | <!-- Indicators --> |
| <ol class="carousel-indicators"> | | <ol class="carousel-indicators"> |
Line 302: |
Line 109: |
| </div> | | </div> |
| <div class="item"> | | <div class="item"> |
- | <img src="https://2014.igem.org/File:10435183_311100782386640_134059424_o.jpg"> | + | <img src="https://static.igem.org/mediawiki/2014/c/cf/10435183_311100782386640_134059424_o.jpg"> |
| </div> | | </div> |
| <div class="item"> | | <div class="item"> |
Line 308: |
Line 115: |
| </div> | | </div> |
| <div class="item"> | | <div class="item"> |
- | <img src="https://2014.igem.org/File:10415595_550184831768190_4589085284510391449_n.jpg"> | + | <img src="https://static.igem.org/mediawiki/2014/a/a2/10415595_550184831768190_4589085284510391449_n.jpg"> |
| </div> | | </div> |
| </div> | | </div> |
Line 323: |
Line 130: |
| | | |
| <!-- SLIDER 2 FIN--> | | <!-- SLIDER 2 FIN--> |
- |
| |
- |
| |
| | | |
| | | |
Line 344: |
Line 149: |
| </tr> | | </tr> |
| </table> | | </table> |
- |
| |
- |
| |
- | <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_" dwcopytype="CopyTableRow">
| |
- | <tr>
| |
- | <td colspan="5" align="left" valign="bottom">
| |
- | <div class="footer">
| |
- | <iframe src="https://2014.igem.org/Team:ITESM-CEM/FOOTER" width="500" height="82" frameborder="0" scrolling="no" seamless></iframe></div>
| |
- | </td>
| |
- | <td width="37%" align="right" valign="bottom">
| |
- |
| |
- | <div class="PLASMENU">
| |
- | <iframe src="https://2014.igem.org/Team:ITESM-CEM/POPMENU" width="614" height="614" frameborder="0" scrolling="no" seamless></iframe>
| |
- | </div>
| |
- |
| |
- | </td>
| |
- | </tr>
| |
- | </table>
| |
| | | |
| </body> | | </body> |