Team:Tec-Monterrey/stepbystep

From 2011.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
 +
<title>wiki</title>
<title>wiki</title>
<style type="text/css">
<style type="text/css">
<!--
<!--
#top-section {
#top-section {
-
 
+
      height: 100px;
-
  height: 100px;
+
   border: none;
   border: none;
   height:20px
   height:20px
Line 46: Line 47:
}
}
#content{
#content{
-
     width: 100%;
+
     width: 80%;
}
}
Line 62: Line 63:
body {
body {
font: 12px Tahoma, Geneva, sans-serif;
font: 12px Tahoma, Geneva, sans-serif;
-
background-image: url(https://static.igem.org/mediawiki/2011/f/f4/Fondo03.png);
+
background-image: url(https://static.igem.org/mediawiki/2011/4/43/Lefondoleposter.png);
 +
        background-repeat:no-repeat;
 +
      background-size: 100%;
margin: 0;
margin: 0;
padding: 0;
padding: 0;
Line 109: Line 112:
.sidebar1 {
.sidebar1 {
float: left;
float: left;
-
width: 20%;
+
width: 15%;
-
padding-bottom: 10px;
+
        padding-bottom: 10px;
background-color:#04191d;
background-color:#04191d;
 +
-moz-border-radius: 8px;
 +
-webkit-border-radius: 8px;
}
}
Line 136: Line 141:
ul.nav li {
ul.nav li {
border-bottom: 0px solid #04191d;  
border-bottom: 0px solid #04191d;  
 +
}
}
Line 147: Line 153:
}
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {  
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {  
-
background: #f6af1b; /*float amarillo*/
+
background: #339dff; /*float amarillo*/
color: #FFF;
color: #FFF;
}
}
-
 
+
.frame {
 +
font:12px arial;
 +
width:700;
 +
height:350;
 +
max-height: 350px;
 +
border:none;
 +
overflow:auto;
 +
border:0px solid black;
 +
padding:5;
 +
}
.fltrt {   
.fltrt {   
float: right;
float: right;
Line 202: Line 217:
/* panel heading on rollover */
/* panel heading on rollover */
.panel h2:hover, .panelcollapsed h2:hover {
.panel h2:hover, .panelcollapsed h2:hover {
-
background-color: #FC3;
+
background-color: #339dff;
color: #FFF;
color: #FFF;
}
}
Line 234: Line 249:
<script type="text/javascript">
<script type="text/javascript">
<!--
<!--
 +
i = 0
 +
var speed = 10
-
function changeImg(n) {
+
function scrollDown() {
-
+
i = i + speed
-
//url goes here
+
var div = document.getElementById("frame1")
-
var imgname = new Array();
+
div.scrollTop = i
-
imgname[0] = "https://static.igem.org/mediawiki/2011/5/58/Highlights01.png";
+
if (i > div.scrollHeight - 300) {i = 350}
-
imgname[1] = "https://static.igem.org/mediawiki/igem.org/a/ad/Highlights02.png";
+
t1=setTimeout("scrollDown()",100)
-
imgname[2] = "https://static.igem.org/mediawiki/igem.org/e/eb/Highlights03.png";
+
}
-
imgname[3] = "https://static.igem.org/mediawiki/igem.org/4/4a/Highlights04.png";
+
function scrollUp() {
-
+
i = i - speed
-
+
var div = document.getElementById("frame1")
-
var name = imgname[n];
+
div.scrollTop = i
-
document.getElementById('imagered').src=name;
+
if (i < 0) {i = 0}
 +
t1=setTimeout("scrollUp()",100)
}
}
Line 334: Line 352:
var stepHeight = contentHeight / PANEL_ANIMATION_STEPS;
var stepHeight = contentHeight / PANEL_ANIMATION_STEPS;
var direction = (!expanding ? -1 : 1);
var direction = (!expanding ? -1 : 1);
-
+
if (direction > 0)
 +
collapseAll();
setTimeout(function(){animateStep(panelContent,1,stepHeight,direction)}, PANEL_ANIMATION_DELAY);
setTimeout(function(){animateStep(panelContent,1,stepHeight,direction)}, PANEL_ANIMATION_DELAY);
}
}
Line 450: Line 469:
</script>
</script>
-
</head><body>
 
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</head>
 +
<body>
<div class="container">
<div class="container">
   
   
<div class="topbar">  
<div class="topbar">  
-
     <div style="background: url(https://static.igem.org/mediawiki/2011/6/60/Topbar_imagebackground.png);
+
     <div style="filter:alpha(opacity=70);opacity:.7;">
-
    background-repeat:no-repeat;
+
-
    background-position:top;">
+
      
      
-
    <p><img name="" src="https://static.igem.org/mediawiki/2011/7/78/Imagtransp.png" width="110" height="32" alt=""><img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo">  
+
 
 +
<img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo">  
       <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a>
       <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/7/73/Logoigemsmall.png" alt="iGEM" name="logoigem" width="70" height="61" id="logoigem"></a>
     <p>&nbsp;</p>
     <p>&nbsp;</p>
Line 488: Line 517:
     <div class="panelcontent" style="">
     <div class="panelcontent" style="">
     
     
-
 
+
   
 +
              <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectoverview">overview</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectparts">parts</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling">modeling</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectmodeling">genetic frame</a></p>
 +
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults/methods">methods</a></p>
 +
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p>
 +
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamha">human approach</a></p>
 +
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectprotocols">protocols</a><p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/safetypage">safety</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectnotebook">notebook</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sampledata">sample data</a></p>
           </div>
           </div>
</div>
</div>
Line 505: Line 539:
    <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</a></p>
    <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers">members</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations">installations</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations">headquarters</a></p>
-
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamha">human approach</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/microcongreso">micro congress</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p>
-
 
+
 
  </div>
  </div>
</div>
</div>
-
       </li><li>
+
       </li>
 +
  <li>
       <div class="panelcollapsed">
       <div class="panelcollapsed">
-
 
+
        <h2>EXTRAS</h2>
-
 
+
-
                  <h2>EXTRAS</h2>
+
     <div class="panelcontent">
     <div class="panelcontent">
-
+
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/sitemap">site map</a></p>
-
 
+
-
            <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sitemap">site map</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsplatinum">sponsors platinum</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsplatinum">sponsors platinum</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsgold">sponsors gold</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsgold">sponsors gold</a></p>
Line 526: Line 556:
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/specialthanks">special thanks</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/specialthanks">special thanks</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/followus">follow us!</a></p>
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/followus">follow us!</a></p>
-
 
+
    </div>
-
                </div>
+
  </div>
-
</div>
+
       </li>
       </li>
-
    </ul>
+
 
-
   
+
</ul>
 +
 
</div>
</div>
    
    
<div class="content">
<div class="content">
-
  <!--in sub pages, this divisions should be comments! :D-->
+
<div style="
-
 
+
text-align:center;">
 +
 +
<!--in sub pages, this divisions should be comments! :D-->
 +
        <div style="
 +
padding:25px 50px;
 +
background-color:#04191d;
 +
color:#333;
 +
text-align:left;
 +
margin:5px 30px;">
 +
 +
</head>
-
  <div class="quicklinks">  
+
<body>
-
 
+
<div align="justify">
-
  <div style="  
+
<div style="-moz-border-radius: 4px;-webkit-border-radius: 4px;">
-
  text-align: center;
+
<div class="frame" id="frame1" style="background-color:#e5e5e5;">
-
      background:url(https://static.igem.org/mediawiki/2011/5/54/Temp.png);
+
<br>
-
  background-repeat:no-repeat;
+
   
-
        background-position:top;
+
-
        color:#FFF;
+
-
  ">
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
<p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
    <p>&nbsp;</p>
+
-
  </div> 
+
-
 
 
   
   
-
 
 
-
 
 
-
  </div>
 
-
</div></div></body></html>
+
<br>
 +
    <p class="textojustif"> Hello! <br> Here you can view our poster and presentation.
 +
 
 +
 
 +
<br>
 +
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2011/8/88/Tecmonterrey_final.pdf">Poster</a>
 +
<br>
 +
<br>
 +
<a href="https://static.igem.org/mediawiki/2011/9/90/Tecmtypart01.pdf">Presentation part 01</a>
 +
<br>
 +
<br>
 +
<a href="https://static.igem.org/mediawiki/2011/8/8a/Tecmtypart02.pdf">Presentation part 02</a>
 +
 
 +
<br>
 +
<br>
 +
 
 +
</p>
 +
</div>
 +
<hr>
 +
<br/>
 +
<input type="button" value="  Up  " onmouseover="scrollUp()" onmouseout="clearTimeout(t1)">
 +
<input type="button" value=" Down " onmouseover="scrollDown()" onmouseout="clearTimeout(t1)">
 +
</div></body></html>

Latest revision as of 19:51, 21 October 2011

wiki