Team:ITESM-CEM/Project/HP/slider2

From 2014.igem.org

(Difference between revisions)
 
(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">&nbsp;</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>

Latest revision as of 04:52, 15 October 2014

TEC-CEM | Project