Template:Cornell Style Experimental

From 2012.igem.org

(Difference between revisions)

Latest revision as of 20:53, 19 August 2012

Team:Cornell - Experimental Style Template

@@ Line 2: / Line 2: @@
 <head>
 <title>Team:Cornell - Experimental Style Template</title>
-/*Based on Minnesota - Main Style Template*/
 <style type="text/css">
+/*============the following section is for making collapsible text============*/
+.layer1 {
+margin: 0;
+padding: 0;
+width: 700px;
+}
+.heading {
+margin: 1px;
+color: #fff;
+padding: 3px 10px;
+cursor: pointer;
+position: relative;
+background-color:black;
+text-align:center;
+}
+.heading1 {
+margin: 1px;
+color: #fff;
+padding: 3px 10px;
+cursor: pointer;
+position: relative;
+background-color:#8e0023;
+text-align:center;
+}
+.content {
+padding: 5px 10px;
+background-color:#cfcfcf;
+}
+p { padding: 5px 0; }
 /*============the following section is hacking the original wiki template============*/
@@ Line 84: / Line 122: @@
 position:relative;
 padding-top:100px;
-font-family:arial;
+color:transparent;
-color:gray;
+font-size:16px;
-font-size:20px;
 padding:50px;
 }
@@ Line 102: / Line 139: @@
 }
-/*=========Start side nav bar code==============*/
-.sideNavBar
-{
-position:absolute;
-top:320px;
-left:0px;
-background-color:white;
-margin:0;
-padding:0;
-border:0px;
-}
-.sideNavBar ul li
-{
-list-style:none;
-margin:0;
-padding:0;
-}
-.sideNavBar a{
+</style>
-    font-family: Verdana, Century Gothic, Tahoma, sans-serif;
-    font-size:20px;
-    /*font-weight:600;*/
-    padding-top:15px;
-    padding-left:30px;
-    text-decoration:none;
-    background-color:white;
-    display:block;
-    width:170px;
-    height:45px;
-}
-.sideNavBar a:link {
-    border-width:1px 1px 1px 3px;
-    border-style:none none none solid;
-    border-color:white;
-    color: gray;
-}
+<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);
+  });
+  jQuery(".heading1").click(function()
+  {
+    jQuery(this).next(".content").slideToggle(500);
+  });
+});
+</script>
-.sideNavBar a:visited {
-    border-width:1px 1px 1px 3px;
-    border-style:none none none solid;
-    border-color:white;
-    color: gray;
-}
-.sideNavBar a:hover { /*cool button*/
-    border-width:1px 1px 1px 3px;
-    border-style: none none none solid;
-    border-color:#660000 #660000 #660000 #660000;
-    color: gold;
-}
-.sideNavBar a:active {
-    border-width:1px 1px 1px 3px;
-    border-style: none none none solid;
-    border-color:#660000 #660000 #660000 #660000;
-    color: gold;
-}
-.sideNavBar a.current{ /*force black for current button*/
-    color: black;
-}
-.sideNavBar a.current:hover{ /*allow for gold to still happen for current button*/
-    color: #660000;
-}
-/*=============End side nav bar code=================*/
-/*=============Start top nav bar code===============*/
-.insideTopBar {
-    position:absolute;
-    top:300px;
-    left:230px;
-    background-color:white;
-}
-.insideTopBar ul{
-    padding:0;
-    margin:0;
-    list-style:none;
-}
-.insideTopBar ul li{
-    float:right;
-    padding-left:7px;
-    margin:0px;
-}
-.insideTopBar a{
-    display:block;
-    background-color:white;
-    text-decoration:none;
-}
-.insideTopBar img{
-    opacity:0.4;
-    filter:alpha(opacity=40); /* For IE8 and earlier */
-}
-.insideTopBar img:hover{
-    opacity:1.0;
-    filter:alpha(opacity=100); /* For IE8 and earlier */
-}
-/*=============End top nav bar code=================*/
-</style>
 </head>
 <body>