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; | ||
- | |||
- | |||
} | } | ||
Line 221: | Line 224: | ||
.panelcollapsed .panelcontent { display: none; } | .panelcollapsed .panelcontent { display: none; } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | . | + | --> |
- | + | </style><!--[if lte IE 7]> | |
- | + | <style> | |
- | + | .content { margin-right: -1px; } | |
- | + | ul.nav a { zoom: 1; } | |
- | + | </style> | |
- | + | <![endif]--> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<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_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 | + | var headingTags = document.getElementsByTagName(PANEL_HEADING_TAG); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
// 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> |