Team:Tec-Monterrey/projectdescription
From 2011.igem.org
(Difference between revisions)
Line 33: | Line 33: | ||
#menubar ul li a { color: white; } | #menubar ul li a { color: white; } | ||
+ | table { | ||
+ | background: none repeat scroll 0 0 transparent} | ||
+ | #content { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | border-left: 0 solid; | ||
+ | border-right: 0 solid; | ||
+ | |||
+ | width: 100%; | ||
+ | } | ||
.right-menu li a { | .right-menu li a { | ||
Line 40: | Line 49: | ||
} | } | ||
- | + | .right-menu:hover a { | |
- | + | color: #FFFFF; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .right-menu li a:hover { | |
- | + | color: #AAAAFF; | |
+ | text-decoration:none | ||
} | } | ||
+ | .left-menu:hover{ | ||
+ | background-color: #FFFFFF; | ||
+ | |||
+ | } | ||
+ | .left-menu li a { | ||
+ | background-color: #FFFFFF; | ||
+ | color: #FFFFF; | ||
+ | padding: 0 10px 0 0; | ||
+ | text-decoration:none | ||
+ | } | ||
+ | |||
+ | .left-menu:hover a { | ||
+ | color: #FFFFF; | ||
+ | } | ||
+ | .left-menu li a:hover { | ||
+ | color: #FFFF; | ||
+ | } | ||
+ | |||
#headover ul{ | #headover ul{ | ||
Line 99: | Line 125: | ||
.container { | .container { | ||
- | width: | + | width: 90%; |
max-width: 1260px; | max-width: 1260px; | ||
min-width: 780px; | min-width: 780px; | ||
Line 132: | Line 158: | ||
border-top:none; | border-top:none; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
- | |||
} | } | ||
ul.nav li { | ul.nav li { | ||
- | border-bottom: 0px solid # | + | border-bottom: 0px solid #FFF; |
} | } | ||
Line 182: | Line 207: | ||
} | } | ||
- | |||
- | |||
- | |||
Line 196: | Line 218: | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
- | |||
} | } | ||
Line 205: | Line 226: | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
- | |||
- | |||
- | |||
/* heading of a collapsed panel */ | /* heading of a collapsed panel */ | ||
Line 216: | Line 234: | ||
background-position: 280px; | background-position: 280px; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
/* panel content - do not set borders or paddings */ | /* panel content - do not set borders or paddings */ | ||
Line 222: | Line 245: | ||
overflow: hidden; | overflow: hidden; | ||
font-size: 14px; | font-size: 14px; | ||
- | margin:0px; | + | margin:0px; |
padding: 0px; | padding: 0px; | ||
} | } | ||
Line 229: | Line 252: | ||
.panelcollapsed .panelcontent { display: none; } | .panelcollapsed .panelcontent { display: none; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* panel heading */ | ||
.panel h3, .panelcollapsed h3 | .panel h3, .panelcollapsed h3 | ||
{ | { | ||
Line 238: | Line 268: | ||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
} | } | ||
- | |||
- | |||
Line 248: | Line 276: | ||
} | } | ||
- | |||
- | |||
- | |||
/* heading of a collapsed panel */ | /* heading of a collapsed panel */ | ||
Line 259: | Line 284: | ||
background-position: 280px; | background-position: 280px; | ||
} | } | ||
- | |||
- | |||
- | |||
.gallery { | .gallery { | ||
Line 268: | Line 290: | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
- | |||
- | |||
.thumbs { | .thumbs { | ||
height: 112px; | height: 112px; | ||
Line 281: | Line 301: | ||
overflow: auto; | overflow: auto; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
--> | --> | ||
Line 299: | Line 312: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
<!-- | <!-- | ||
- | |||
- | |||
Line 310: | Line 321: | ||
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 320: | Line 332: | ||
// 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 394: | Line 424: | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
function animateStep(panelContent, iteration, stepHeight, direction) | function animateStep(panelContent, iteration, stepHeight, direction) | ||
{ | { | ||
Line 506: | Line 530: | ||
</script> | </script> | ||
- | </head><body> | + | </head> |
- | + | <body> | |
<div class="container"> | <div class="container"> | ||
Line 515: | Line 539: | ||
background-position:top;"> | background-position:top;"> | ||
- | <p><img name="" src=" | + | <p><img name="" src="/images/001.png" width="70" 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> | + | <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> <img name="" src="/images/002.png" width="500" height="32" alt=""></p> |
- | + | </div> | |
- | + | ||
- | + | ||
<div class="sidebar1"> | <div class="sidebar1"> | ||
Line 528: | Line 550: | ||
<div class="panelcollapsed"> | <div class="panelcollapsed"> | ||
<h2>MAIN</h2> | <h2>MAIN</h2> | ||
- | + | <div class="panelcontent" style=""> | |
<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 | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">videos</a></p> |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">step by step</a></p> |
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | </div> | |
</li> | </li> | ||
<li> | <li> | ||
Line 543: | Line 563: | ||
<h2>PROJECT</h2> | <h2>PROJECT</h2> | ||
<div class="panelcontent" style=""> | <div class="panelcontent" style=""> | ||
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey/projectdescription">description</a></p> | |
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">parts</a></p> | |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">modeling</a></p> |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | |
<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 | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">notebook</a></p> |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">results</a></p> |
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">achievements</a></p> | |
+ | </div> | ||
</div> | </div> | ||
</li> | </li> | ||
Line 559: | Line 579: | ||
<h2>TEAM</h2> | <h2>TEAM</h2> | ||
<div class="panelcontent"> | <div class="panelcontent"> | ||
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">members</a></p> | |
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">installations</a></p> | |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">human approach</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 | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">friends</a></p> |
- | + | </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">site map</a></p> | |
- | + | <p><a href="https://2011.igem.org/Team:Tec-Monterrey">sponsors</a></p> | |
- | + | <p><a href="/topfollowus.html">follow us!</a></p> | |
- | <p><a href="https://2011.igem.org/Team:Tec-Monterrey | + | </div> |
- | <p><a href=" | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</li> | </li> | ||
Line 605: | Line 615: | ||
<div class="panelcollapsed"> | <div class="panelcollapsed"> | ||
<h3>ABSTRACT</h3> | <h3>ABSTRACT</h3> | ||
- | <div class="panelcontent" style="text-aling:center; margin:15px 200px;background-color:#e5e5e5; color:#333; "> | + | <div class="panelcontent" style="text-aling:center; margin:15px 200px; background-color:#e5e5e5; color:#333; "> |
<p> </p> | <p> </p> | ||
<p>Production of sugarcane used to be one of the most important activities in the Mexican industry. | <p>Production of sugarcane used to be one of the most important activities in the Mexican industry. | ||
Line 624: | Line 634: | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
</div></div></body></html> | </div></div></body></html> |