Team:Tec-Monterrey
From 2011.igem.org
(Difference between revisions)
(145 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<!-- | <!-- | ||
#top-section { | #top-section { | ||
- | + | ||
height: 100px; | height: 100px; | ||
border: none; | border: none; | ||
- | |||
height:20px | height:20px | ||
} | } | ||
Line 15: | Line 14: | ||
position: absolute; | position: absolute; | ||
display: none; | display: none; | ||
- | + | ||
+ | } | ||
+ | #footer-box { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #catlinks { | ||
+ | display:none; | ||
} | } | ||
#search-controls { | #search-controls { | ||
display: none; | display: none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | #menubar | + | #menubar { background: none repeat transparent; } |
- | + | ||
- | + | ||
- | + | #menubar ul li a { color: white; } | |
- | + | ||
- | |||
.right-menu li a { | .right-menu li a { | ||
- | + | color: black; | |
- | + | background: none repeat transparent; | |
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | #content { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | border-left: 0 solid; | ||
+ | border-right: 0 solid; | ||
} | } | ||
- | + | #content{ | |
- | + | width: 80%; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#headover ul{ | #headover ul{ | ||
Line 81: | Line 62: | ||
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; | ||
margin-left: 10%; | margin-left: 10%; | ||
margin-right: 10%; | margin-right: 10%; | ||
- | color: # | + | color: #FFFFF; |
} | } | ||
Line 118: | Line 101: | ||
.container { | .container { | ||
- | width: | + | width: 100%; |
max-width: 1260px; | max-width: 1260px; | ||
min-width: 780px; | min-width: 780px; | ||
- | |||
- | |||
overflow: hidden; | overflow: hidden; | ||
- | + | color:#FFF; | |
} | } | ||
Line 130: | Line 111: | ||
.sidebar1 { | .sidebar1 { | ||
float: left; | float: left; | ||
- | width: | + | width: 15%; |
- | background: # | + | padding-bottom: 10px; |
- | + | background-color:#04191d; | |
+ | -moz-border-radius: 8px; | ||
+ | -webkit-border-radius: 8px; | ||
} | } | ||
Line 140: | Line 123: | ||
width: 80%; | width: 80%; | ||
float: left; | float: left; | ||
- | + | ||
} | } | ||
Line 151: | Line 134: | ||
ul.nav { | ul.nav { | ||
list-style: none; | list-style: none; | ||
- | border-top: | + | border-top:none; |
margin-bottom: 15px; | margin-bottom: 15px; | ||
+ | |||
} | } | ||
ul.nav li { | ul.nav li { | ||
- | border-bottom: | + | border-bottom: 0px solid #04191d; |
+ | |||
} | } | ||
Line 163: | Line 148: | ||
display: block; | display: block; | ||
text-decoration: none; | text-decoration: none; | ||
- | + | color:#FFF; | |
- | + | ||
} | } | ||
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; | ||
} | } | ||
Line 200: | Line 184: | ||
border-left-width: 3px; | border-left-width: 3px; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
- | color: # | + | color: #FFF; |
} | } | ||
+ | |||
+ | |||
+ | table { | ||
+ | background: none repeat scroll 0 0 transparent} | ||
+ | |||
/* panel heading */ | /* panel heading */ | ||
.panel h2, .panelcollapsed h2 | .panel h2, .panelcollapsed h2 | ||
{ | { | ||
- | color: # | + | color: #FFF; |
font-weight: normal; | font-weight: normal; | ||
margin: 0px; | margin: 0px; | ||
Line 212: | Line 201: | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
+ | border-bottom: 0px solid #04191d; | ||
} | } | ||
Line 217: | Line 207: | ||
/* 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 249: | Line 239: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
- | + | var noimg = 0; | |
- | + | var i = 0; | |
+ | var st1 = 100; | ||
+ | var st2 = 0; | ||
+ | var speed = 10; | ||
//url goes here | //url goes here | ||
var imgname = new Array(); | var imgname = new Array(); | ||
- | imgname[0] = "https://static.igem.org/mediawiki/2011/ | + | imgname[0] = "https://static.igem.org/mediawiki/2011/a/a0/Home01.png"; |
- | + | imgname[1] = "https://static.igem.org/mediawiki/2011/4/45/Home02.png"; | |
- | imgname[2] = "https://static.igem.org/mediawiki/2011/ | + | imgname[2] = "https://static.igem.org/mediawiki/2011/6/6a/Home03.png"; |
- | + | imgname[3] = "https://static.igem.org/mediawiki/2011/d/dd/Home04.png"; | |
- | + | imgname[4] = "https://static.igem.org/mediawiki/2011/e/ec/Home05.png"; | |
- | + | imgname[5] = "https://static.igem.org/mediawiki/2011/0/03/Home06.png"; | |
+ | |||
+ | function changeImg(n) { | ||
var name = imgname[n]; | var name = imgname[n]; | ||
- | document.getElementById('imagered').src=name; | + | var imgobj = document.getElementById('imagered'); |
+ | animTransA(); | ||
+ | imgobj.src = name; | ||
+ | animTransB(); | ||
} | } | ||
+ | function resetAuto(num) { | ||
+ | noimg = num; | ||
+ | clearTimeout(timg); | ||
+ | autoChangeImg(); | ||
+ | } | ||
+ | |||
+ | function autoChangeImg() { | ||
+ | var s = 500; /*ms*/ | ||
+ | changeImg(noimg); | ||
+ | noimg++; | ||
+ | if (noimg > 4) { noimg = 0;} | ||
+ | timg = setTimeout("autoChangeImg()",10*s); | ||
+ | } | ||
+ | function animTransA() { | ||
+ | st1 -= speed; | ||
+ | img = document.getElementById('imagered'); | ||
+ | img.style.opacity = st1/100; | ||
+ | img.style.filter = 'alpha(opacity=' + st1 + ')'; | ||
+ | if (st1 > 0) { t2=setTimeout("animTransA()",50); } | ||
+ | else { st1 = 100;} | ||
+ | } | ||
+ | function animTransB () { | ||
+ | st2 += speed; | ||
+ | img = document.getElementById('imagered'); | ||
+ | img.style.opacity = st2/100; | ||
+ | img.style.filter = 'alpha(opacity=' + st2 + ')'; | ||
+ | if (st2 < 100) { t3=setTimeout("animTransB()",50); } | ||
+ | else { st2 = 0;} | ||
+ | } | ||
+ | function resetAlpha() { | ||
+ | clearTimeout(t2); | ||
+ | clearTimeout(t3); | ||
+ | img = document.getElementById('imagered'); | ||
+ | img.style.opacity = 1; | ||
+ | st1 = 100; st2 = 0; | ||
+ | img.style.filter = 'alpha(opacity=' + 100 + ')'; | ||
+ | } | ||
+ | |||
// ----------------------------------------------------------------------------------------------- | // ----------------------------------------------------------------------------------------------- | ||
Line 280: | Line 316: | ||
// get all headings | // get all headings | ||
var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); | var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); | ||
- | + | ||
+ | |||
// go through all tags | // go through all tags | ||
for (var i=0; i<headingTags.length; i++) | for (var i=0; i<headingTags.length; i++) | ||
Line 325: | Line 362: | ||
function animateTogglePanel(panel, expanding) | function animateTogglePanel(panel, expanding) | ||
{ | { | ||
+ | |||
// find the .panelcontent div | // find the .panelcontent div | ||
var elements = panel.getElementsByTagName("div"); | var elements = panel.getElementsByTagName("div"); | ||
var panelContent = null; | var panelContent = null; | ||
+ | |||
+ | |||
for (var i=0; i<elements.length; i++) | for (var i=0; i<elements.length; i++) | ||
{ | { | ||
Line 342: | Line 382: | ||
// get the height of the content | // get the height of the content | ||
var contentHeight = panelContent.offsetHeight; | var contentHeight = panelContent.offsetHeight; | ||
+ | |||
// if panel is collapsed and expanding, we must start with 0 height | // if panel is collapsed and expanding, we must start with 0 height | ||
Line 349: | Line 390: | ||
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 387: | Line 432: | ||
// prepare the object that will keep the panel statuses | // prepare the object that will keep the panel statuses | ||
panelsStatus = {}; | panelsStatus = {}; | ||
+ | |||
// find the cookie name | // find the cookie name | ||
Line 392: | Line 438: | ||
if (start == -1) return; | if (start == -1) return; | ||
+ | |||
+ | |||
// starting point of the value | // starting point of the value | ||
start += PANEL_COOKIE_NAME.length+1; | start += PANEL_COOKIE_NAME.length+1; | ||
Line 398: | Line 446: | ||
var end = document.cookie.indexOf(";", start); | var end = document.cookie.indexOf(";", start); | ||
if (end == -1) end = document.cookie.length; | if (end == -1) end = document.cookie.length; | ||
- | + | ||
// get the value, split into key:value pairs | // get the value, split into key:value pairs | ||
var cookieValue = unescape(document.cookie.substring(start, end)); | var cookieValue = unescape(document.cookie.substring(start, end)); | ||
var panelsData = cookieValue.split("|"); | var panelsData = cookieValue.split("|"); | ||
+ | |||
+ | |||
// split each key:value pair and put in object | // split each key:value pair and put in object | ||
Line 409: | Line 459: | ||
panelsStatus[pair[0]] = pair[1]; | panelsStatus[pair[0]] = pair[1]; | ||
} | } | ||
+ | |||
+ | |||
} | } | ||
Line 465: | Line 517: | ||
</script> | </script> | ||
- | </head><body> | + | </head><body onLoad = "autoChangeImg();"> |
<div class="container"> | <div class="container"> | ||
<div class="topbar"> | <div class="topbar"> | ||
- | <div style=" | + | <div style="filter:alpha(opacity=70);opacity:.7;"> |
+ | |||
+ | <a href="http://www.itesm.edu/wps/portal?WCM_GLOBAL_CONTEXT="><img src="https://static.igem.org/mediawiki/2011/2/20/Logotec.png" alt="ITESM" name="teclogo" width="202" height="72" id="teclogo"> </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> | ||
- | + | ||
- | + | <a href="http://www.bayer.com.mx/bayer/cropscience/bcsmexico.nsf/ID/Home_BayNEW"><img src="https://static.igem.org/mediawiki/2011/9/9f/Logobayerspon.png"width="69" height="67" align="right" alt="nllogo" name="nllogo" id="nl"> </a> | |
- | + | ||
- | + | <a href="http://www.promega.com/"><img src="https://static.igem.org/mediawiki/2011/4/49/Logopromega02.png" width="77" height="67" alt="promega" name="promega" align="right" id="promega"> </a> | |
+ | |||
+ | <a href="http://www.uniparts.com.mx/"><img src="https://static.igem.org/mediawiki/2011/1/14/Logouniparts02.png"alt="uniparts" name="uniparts" align="right" width="139" height="60" id="uniparts"> </a> | ||
+ | |||
+ | |||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | </div> | ||
<div class="sidebar1"> | <div class="sidebar1"> | ||
Line 487: | Line 549: | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey">home</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">home</a></p> | ||
<p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription">abstract</a></p> | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription">abstract</a></p> | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">videos</a></p> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/video">videos</a></p> |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">step by step</a></p> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/stepbystep">step by step</a></p> |
Line 499: | Line 561: | ||
<h2>PROJECT</h2> | <h2>PROJECT</h2> | ||
<div class="panelcontent" style=""> | <div class="panelcontent" style=""> | ||
- | + | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">parts</a></p> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectoverview">overview</a></p> |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey"> | + | <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">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">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> | ||
</li> | </li> | ||
Line 515: | Line 581: | ||
<h2>TEAM</h2> | <h2>TEAM</h2> | ||
<div class="panelcontent"> | <div class="panelcontent"> | ||
- | + | ||
- | + | <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">headquarters</a></p> | |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | |
- | + | ||
<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">friends</a></p> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/teamfriends">friends</a></p> |
- | + | ||
+ | </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">site map</a></p> | + | |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">sponsors</a></p> | + | |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">follow us!</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/sponsorsgold">sponsors gold</a></p> | ||
+ | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorssilver">sponsors silver</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> | ||
+ | |||
+ | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
Line 548: | Line 614: | ||
<!--in sub pages, this divisions should be comments! :D--> | <!--in sub pages, this divisions should be comments! :D--> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div class="imagehiglights"> | <div class="imagehiglights"> | ||
- | <div style="text-align: center; | + | <div style="text-align:center; float:left;"> |
- | + | <p><img src="https://static.igem.org/mediawiki/2011/a/a0/Home01.png" alt="asd" name="image" width="425" height="319" id="imagered" longdesc="http://asdas"> | |
- | + | </a></p> | |
- | + | ||
- | <table width=" | + | <table width="30%" border="0" align="center"> |
<tbody><tr> | <tbody><tr> | ||
- | <td> <a href=" | + | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription" onMouseOver="resetAuto(0)"><img name="boton01" src="https://static.igem.org/mediawiki/2011/5/57/Botones01.png" width="40" height="40"></a> </td> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | + | <td> <a href="#" onMouseOver="resetAuto(1)"> | |
- | + | <img name="boton02" src="https://static.igem.org/mediawiki/2011/d/d7/Botones02.png" | |
+ | width="40" height="40"></a> </td> | ||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/teamha/AR" onMouseOver="resetAuto(2)"><img name="boton03" src="https://static.igem.org/mediawiki/2011/9/95/Botones03.png" width="40" height="40" ></a> </td> | ||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/video" onMouseOver="resetAuto(3)"><img name="rouge" src="https://static.igem.org/mediawiki/2011/e/e5/Botones04.png" width="40 height="40"></a> </td> | ||
+ | |||
+ | |||
+ | <td> <a href="http://area.autodesk.com/blogs/cory/maya_igem_and_tec_de_monterrey" onMouseOver="resetAuto(4)"><img name="boton04" src="https://static.igem.org/mediawiki/2011/f/f5/Botones05.png" width="40" height="40" alt="welcome"></a> </td> | ||
+ | |||
+ | |||
+ | <td> <a href="https://2011.igem.org/Team:Tec-Monterrey/teammembers" onMouseOver="resetAuto(5)"><img name="boton06" src="https://static.igem.org/mediawiki/2011/7/72/Botones06.png" width="40" height="40" ></a> </td> | ||
+ | </tr> | ||
+ | </tbody></table> | ||
- | < | + | <p><br> |
- | + | </p> | |
- | + | </div> | |
+ | |||
+ | <div class="tweets"> | ||
+ | <div style="float:right;"> | ||
+ | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
+ | <script> | ||
+ | new TWTR.Widget({ | ||
+ | version: 2, | ||
+ | type: 'profile', | ||
+ | rpp: 4, | ||
+ | interval: 6000, | ||
+ | width: 200, | ||
+ | height: 250, | ||
+ | theme: { | ||
+ | shell: { | ||
+ | background: '#000000', | ||
+ | color: '#ffffff' | ||
+ | }, | ||
+ | tweets: { | ||
+ | background: '#04191d', | ||
+ | color: '#ffffff', | ||
+ | links: '#93d740' | ||
+ | } | ||
+ | }, | ||
+ | features: { | ||
+ | scrollbar: false, | ||
+ | loop: false, | ||
+ | live: false, | ||
+ | hashtags: true, | ||
+ | timestamp: true, | ||
+ | avatars: false, | ||
+ | behavior: 'all' | ||
+ | } | ||
+ | }).render().setUser('igemTecMty11').start(); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div></div></body></html> | </div></div></body></html> |