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:
}
}
-
#content {
+
.right-menu:hover a {
-
    background: none repeat scroll 0 0 transparent;
+
     color: #FFFFF;
-
    border-left: 0 solid;
+
-
     border-right: 0 solid;
+
}
}
-
#content{
+
.right-menu li a:hover {
-
     width: 100%;
+
     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: 100%;
+
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 #04191d;  
+
border-bottom: 0px solid #FFF;  
}
}
Line 182: Line 207:
}
}
-
 
-
table {
 
-
    background: none repeat scroll 0 0 transparent}
 
Line 196: Line 218:
-moz-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-
border-bottom: 0px solid #04191d;
 
}
}
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 headingTags = document.getElementsByTagName(PANEL_HEADING_TAG);
+
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:
}
}
-
/**
+
 
-
* Change the height of the target
+
-
* @param panelContent reference to the panel content to change height
+
-
* @param iteration current iteration; animation will be stopped when iteration reaches PANEL_ANIMATION_STEPS
+
-
* @param stepHeight height increment to be added/substracted in one step
+
-
* @param direction 1 for expanding, -1 for collapsing
+
-
*/
+
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="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">  
+
     <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>
-
    <p>&nbsp;</p>
+
    </div>  
-
    <p>&nbsp;</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="">
+
  <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/projectdescription">abstract</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">videos</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/stepbystep">step by step</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">step by step</a></p>
-
         
+
-
       
+
    </div>
    </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/projectparts">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/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/projectnotebook">notebook</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/projectresults">results</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">results</a></p>
-
          </div>
+
            <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/teammembers">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/teaminstallations">installations</a></p>
+
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey">human approach</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">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">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/sitemap">site map</a></p>
+
             <p><a href="/topfollowus.html">follow us!</a></p>
-
             <p><a href="https://2011.igem.org/Team:Tec-Monterrey/sponsorsplatinum">sponsors platinum</a></p>
+
    </div>
-
             <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>
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>&nbsp;</p>
         <p>&nbsp;</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>

Revision as of 04:51, 3 August 2011

wiki

iGEM