Template:Cornell Style
From 2012.igem.org
(Difference between revisions)
(8 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <title>Team:Cornell - Style Template</title> | + | <title>Team:Cornell - Experimental Style Template</title> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | /*============the following section is for making collapsible text============*/ | ||
.layer1 { | .layer1 { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | width: | + | width: 700px; |
} | } | ||
Line 31: | Line 19: | ||
cursor: pointer; | cursor: pointer; | ||
position: relative; | position: relative; | ||
- | background-color: | + | background-color:black; |
+ | text-align:center; | ||
} | } | ||
.content { | .content { | ||
Line 38: | Line 27: | ||
} | } | ||
p { padding: 5px 0; } | p { padding: 5px 0; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
Line 98: | Line 91: | ||
top: 375px; | top: 375px; | ||
left: 210px; | left: 210px; | ||
- | width: | + | width:700px; |
height:300px; | height:300px; | ||
text-align:center; | text-align:center; | ||
Line 246: | Line 239: | ||
/*=============End top nav bar code=================*/ | /*=============End top nav bar code=================*/ | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function() { | ||
+ | jQuery(".content").hide(); | ||
+ | //toggle the componenet with class msg_body | ||
+ | jQuery(".heading").click(function() | ||
+ | { | ||
+ | jQuery(this).next(".content").slideToggle(500); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
Latest revision as of 21:57, 18 August 2012