Team:Tec-Monterrey/projectdescription

From 2011.igem.org

(Difference between revisions)
Line 59: Line 59:
   .firstHeading {
   .firstHeading {
     display: none;}
     display: none;}
-
 
body {
body {
Line 182: Line 181:
         color: #FFF;
         color: #FFF;
}
}
 +
 +
 +
table {
 +
    background: none repeat scroll 0 0 transparent}
 +
/* panel heading */
/* panel heading */
Line 192: Line 196:
-moz-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
 +
border-bottom: 0px solid #04191d;
}
}
Line 214: Line 219:
overflow: hidden;
overflow: hidden;
font-size: 14px;
font-size: 14px;
-
margin:5px 200px;
 
-
padding: 5px;
 
}
}
Line 221: Line 224:
.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;
+
</style><!--[if lte IE 7]>
-
width: 550px;
+
<style>
-
display: table;
+
.content { margin-right: -1px; }
-
text-align: center;
+
ul.nav a { zoom: 1;
-
background-attachment: scroll;
+
</style>
-
background-color: #000;
+
<![endif]-->
-
background-repeat: no-repeat;
+
-
list-style-type: none;
+
-
overflow: auto;
+
-
}
+
<script type="text/javascript">
<script type="text/javascript">
<!--
<!--
 +
 +
Line 275: Line 253:
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 286: Line 263:
// get all headings
// get all headings
-
var ht2 = document.getElementsByTagName(PANEL_HEADING_TAG);
+
var headingTags = 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 378: Line 337:
}
}
-
 
+
/**
 +
* 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 483: Line 448:
-->
-->
</script>
</script>
-
 
</head><body>
</head><body>
Line 603: Line 567:
   </div>   
   </div>   
-
 
 
-
 
-
 
 
-
 
 
   </div>
   </div>
</div></div></body></html>
</div></div></body></html>

Revision as of 03:39, 3 August 2011

wiki

iGEM