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; | |
- | + | ||
border: none; | border: none; | ||
height:20px | height:20px | ||
Line 46: | Line 47: | ||
} | } | ||
#content{ | #content{ | ||
- | width: | + | 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/ | + | 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: | + | width: 15%; |
- | + | 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: # | + | 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: # | + | 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 | + | function scrollDown() { |
- | + | i = i + speed | |
- | + | var div = document.getElementById("frame1") | |
- | var | + | div.scrollTop = i |
- | + | if (i > div.scrollHeight - 300) {i = 350} | |
- | + | t1=setTimeout("scrollDown()",100) | |
- | + | } | |
- | + | function scrollUp() { | |
- | + | i = i - speed | |
- | + | var div = document.getElementById("frame1") | |
- | + | div.scrollTop = i | |
- | document.getElementById( | + | 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> | ||
<div class="container"> | <div class="container"> | ||
<div class="topbar"> | <div class="topbar"> | ||
- | <div style=" | + | <div style="filter:alpha(opacity=70);opacity:.7;"> |
- | + | ||
- | + | ||
- | + | ||
+ | <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> </p> | <p> </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"> | + | <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/ | + | <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"> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teaminstallations">headquarters</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> | |
- | + | ||
- | + | ||
<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/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> | |
- | + | ||
</li> | </li> | ||
- | + | ||
- | + | </ul> | |
+ | |||
</div> | </div> | ||
<div class="content"> | <div class="content"> | ||
- | + | <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> | ||
- | + | <body> | |
- | + | <div align="justify"> | |
- | + | <div style="-moz-border-radius: 4px;-webkit-border-radius: 4px;"> | |
- | + | <div class="frame" id="frame1" style="background-color:#e5e5e5;"> | |
- | + | <br> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | </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> |