Team:Tec-Monterrey/microcongreso
From 2011.igem.org
(Difference between revisions)
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; | ||
+ | width: 100%; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#headover ul{ | #headover ul{ | ||
Line 78: | Line 57: | ||
.firstHeading { | .firstHeading { | ||
display: none;} | display: none;} | ||
+ | |||
body { | body { | ||
Line 86: | Line 66: | ||
margin-left: 10%; | margin-left: 10%; | ||
margin-right: 10%; | margin-right: 10%; | ||
- | color: # | + | color: #FFFFF; |
} | } | ||
Line 103: | Line 83: | ||
} | } | ||
- | + | ul.nav li { | |
+ | border-bottom: 0px solid #04191d; | ||
+ | |||
+ | } | ||
a:link { | a:link { | ||
Line 121: | Line 104: | ||
max-width: 1260px; | max-width: 1260px; | ||
min-width: 780px; | min-width: 780px; | ||
- | |||
- | |||
overflow: hidden; | overflow: hidden; | ||
- | + | color:#FFF; | |
} | } | ||
Line 131: | Line 112: | ||
float: left; | float: left; | ||
width: 20%; | width: 20%; | ||
- | |||
padding-bottom: 10px; | padding-bottom: 10px; | ||
+ | background-color:#04191d; | ||
} | } | ||
.content { | .content { | ||
- | padding: | + | padding: none; |
width: 80%; | width: 80%; | ||
float: left; | float: left; | ||
- | + | ||
} | } | ||
Line 151: | Line 132: | ||
ul.nav { | ul.nav { | ||
list-style: none; | list-style: none; | ||
- | border-top: | + | border-top:none; |
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
ul.nav a, ul.nav a:visited { | ul.nav a, ul.nav a:visited { | ||
Line 163: | Line 141: | ||
display: block; | display: block; | ||
text-decoration: none; | text-decoration: none; | ||
- | + | color:#FFF; | |
- | + | ||
} | } | ||
Line 200: | Line 177: | ||
border-left-width: 3px; | border-left-width: 3px; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
- | color: # | + | color: #FFF; |
} | } | ||
+ | |||
+ | |||
/* 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 191: | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
+ | border-bottom: 0px solid #04191d; | ||
} | } | ||
Line 228: | Line 208: | ||
background-position: 280px; | background-position: 280px; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
/* panel content - do not set borders or paddings */ | /* panel content - do not set borders or paddings */ | ||
Line 234: | Line 219: | ||
overflow: hidden; | overflow: hidden; | ||
font-size: 14px; | font-size: 14px; | ||
+ | margin:0px; | ||
+ | padding: 0px; | ||
} | } | ||
/* collapsed panel content */ | /* collapsed panel content */ | ||
.panelcollapsed .panelcontent { display: none; } | .panelcollapsed .panelcontent { display: none; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* panel heading */ | ||
+ | .panel h3, .panelcollapsed h3 | ||
+ | { | ||
+ | color: #e5e5e5; | ||
+ | font-weight: normal; | ||
+ | margin:5px 200px; | ||
+ | padding: 5px; | ||
+ | -moz-border-radius: 3px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* panel heading on rollover */ | ||
+ | .panel h3:hover, .panelcollapsed h3:hover { | ||
+ | background-color: #f6d41b; | ||
+ | color: #000; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* heading of a collapsed panel */ | ||
+ | .panelcollapsed h3 | ||
+ | { | ||
+ | background-image: url(arrow-dn.gif); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 280px; | ||
+ | } | ||
+ | |||
+ | .gallery { | ||
+ | margin-right: 100px; | ||
+ | margin-left: 100px; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | .thumbs { | ||
+ | height: 112px; | ||
+ | width: 550px; | ||
+ | display: table; | ||
+ | text-align: center; | ||
+ | background-attachment: scroll; | ||
+ | background-color: #000; | ||
+ | background-repeat: no-repeat; | ||
+ | list-style-type: none; | ||
+ | overflow: auto; | ||
+ | } | ||
--> | --> | ||
Line 250: | Line 287: | ||
<!-- | <!-- | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
// ----------------------------------------------------------------------------------------------- | // ----------------------------------------------------------------------------------------------- | ||
Line 269: | Line 295: | ||
var PANEL_COLLAPSED_CLASS = "panelcollapsed"; | var PANEL_COLLAPSED_CLASS = "panelcollapsed"; | ||
var PANEL_HEADING_TAG = "h2"; | var PANEL_HEADING_TAG = "h2"; | ||
+ | var PANEL_HEADING_TAG2 = "h3"; | ||
var PANEL_CONTENT_CLASS = "panelcontent"; | var PANEL_CONTENT_CLASS = "panelcontent"; | ||
var PANEL_COOKIE_NAME = "panels"; | var PANEL_COOKIE_NAME = "panels"; | ||
Line 279: | Line 306: | ||
// get all headings | // get all headings | ||
- | var | + | var ht2 = document.getElementsByTagName(PANEL_HEADING_TAG); |
+ | var ht3 = document.getElementsByTagName(PANEL_HEADING_TAG2); | ||
+ | |||
+ | var c1 = 0; | ||
+ | var c2 = 0; | ||
+ | var full = ht2.length + ht3.length; | ||
+ | var headingTags = new Array(full); | ||
+ | |||
+ | for (var j = 0; j < full; j++) | ||
+ | { | ||
+ | if (c1 < ht2.length) { | ||
+ | headingTags[j] = ht2[c1]; | ||
+ | c1++; | ||
+ | } | ||
+ | if (c1 >= ht2.length) { | ||
+ | headingTags[j] = ht3[c2]; | ||
+ | c2++; | ||
+ | } | ||
+ | } | ||
// go through all tags | // go through all tags | ||
Line 353: | Line 398: | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
function animateStep(panelContent, iteration, stepHeight, direction) | function animateStep(panelContent, iteration, stepHeight, direction) | ||
{ | { | ||
Line 465: | Line 504: | ||
</script> | </script> | ||
- | </head><body> | + | </head> |
- | + | <body> | |
<div class="container"> | <div class="container"> | ||
<div class="topbar"> | <div class="topbar"> | ||
- | <div style="background | + | <div style="background: url(https://static.igem.org/mediawiki/2011/6/60/Topbar_imagebackground.png); |
- | + | background-repeat:no-repeat; | |
- | + | background-position:top;"> | |
- | <p> <img src="https://static.igem.org/mediawiki/igem.org/2/20/Logotec.png" alt="ITESM" name="teclogo" width="146" height="52" id="teclogo"> | + | |
- | + | <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"> | |
- | + | <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> | ||
+ | </div> | ||
<div class="sidebar1"> | <div class="sidebar1"> | ||
Line 487: | Line 529: | ||
<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 541: | ||
<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">modeling</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/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">results</a></p> | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectresults">results</a></p> |
- | + | </div> | |
- | + | ||
</div> | </div> | ||
</li> | </li> | ||
Line 515: | Line 557: | ||
<h2>TEAM</h2> | <h2>TEAM</h2> | ||
<div class="panelcontent"> | <div class="panelcontent"> | ||
- | + | ||
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | <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 | + | <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">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> | ||
<div class="content"> | <div class="content"> | ||
<!--in sub pages, this divisions should be comments! :D--> | <!--in sub pages, this divisions should be comments! :D--> | ||
- | |||
- | |||
- | + | <div class="quicklinks"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div style=" | |
- | + | text-align: center; | |
- | + | background:url(https://static.igem.org/mediawiki/2011/d/d3/Fondoleer.png); | |
- | text-align: | + | |
- | + | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
+ | padding-left: 20px; | ||
background-position:top; | background-position:top; | ||
- | + | color:#FFF; | |
- | + | "> | |
- | + | <p> </p> | |
- | <p>1st MICRO CONGRESS iGEM 2011</ | + | <div class="panelcollapsed"> |
- | + | <h3>1st MICRO CONGRESS iGEM 2011</h3> | |
+ | <div class="panelcontent" style="text-aling: justify; margin:5px 35px 5px 100px; padding 5px; background-color:#e5e5e5; color:#333; "> | ||
+ | |||
+ | <p> </p> | ||
<p><img src="https://static.igem.org/mediawiki/2011/8/85/Photocongreso02.png" alt="micro congress logo" name="microcongress" width="243" height="187" id="microcongress" /></p> | <p><img src="https://static.igem.org/mediawiki/2011/8/85/Photocongreso02.png" alt="micro congress logo" name="microcongress" width="243" height="187" id="microcongress" /></p> | ||
<p class="justtext">Synthetic biology has begun an era of creation and development of new and better biological systems that, through engineering, seek to modify the natural behavior of living microorganisms such as bacteria, fungi and yeasts to make them perform tasks that are designed to create high value-added products with useful applications in industry, improving at the same time the life quality of people.</p> | <p class="justtext">Synthetic biology has begun an era of creation and development of new and better biological systems that, through engineering, seek to modify the natural behavior of living microorganisms such as bacteria, fungi and yeasts to make them perform tasks that are designed to create high value-added products with useful applications in industry, improving at the same time the life quality of people.</p> |