Template:UIUC09Temp

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex17/ddaccordion.js">
 +
/***********************************************
 +
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
 +
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
 +
* This notice must stay intact for legal use
 +
***********************************************/
 +
</script>
 +
<script type="text/javascript">
 +
ddaccordion.init({
 +
headerclass: "submenuheader", //Shared CSS class name of headers group
 +
contentclass: "submenu", //Shared CSS class name of contents group
 +
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
 +
mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
 +
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
 +
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
 +
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
 +
animatedefault: false, //Should contents open by default be animated into view?
 +
persiststate: true, //persist state of opened contents within browser session?
 +
toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
 +
togglehtml: ["suffix", "<img src='https://static.igem.org/mediawiki/2009/7/72/Plus.gif' class='statusicon' />", "<img src='https://static.igem.org/mediawiki/2009/a/a0/Minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
 +
animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
 +
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
 +
//do nothing
 +
},
 +
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
 +
//do nothing
 +
}
 +
})
 +
</script>
<style type=text/css>
<style type=text/css>
.firstHeading {
.firstHeading {
Line 161: Line 191:
}
}
-
/**************** vertical menu coding *****************/
+
/**************** vertical menu coding (from DynamicDrive) *****************/
-
#vmenu {
+
.vmenu{
-
width:135px;
+
margin: 5px;
-
margin:5px;
+
padding: 0;
-
position:relative;
+
width: 135px; /*width of menu*/
-
float:left;
+
position: relative;
 +
float: left;
}
}
-
#vmenu ul {
+
.vmenu a.menuitem, .vmenu div.submenu ul li a {
-
list-style:none;
+
-
text-align:center;
+
-
vertical-align:bottom;
+
-
margin:0;
+
-
padding:0;
+
-
}
+
-
 
+
-
#vmenu a.main,a.second,a.third {
+
height:25px;
height:25px;
display:block;
display:block;
-
margin:0;
+
margin:1px;
-
padding:0;
+
padding:0px 5px;
}
}
-
#vmenu a.main {
+
.vmenu a.menuitem{
text-transform:uppercase;
text-transform:uppercase;
color:#fff;
color:#fff;
Line 191: Line 214:
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
background:url(https://static.igem.org/mediawiki/2009/b/b5/UI09Sidemain.png);
text-decoration:none;
text-decoration:none;
 +
display: block;
 +
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}
}
-
#vmenu a.second {
+
 
-
text-transform:uppercase;
+
.vmenu a.menuitem:visited, .vmenu .menuitem:active{
 +
color: white;
 +
}
 +
 
 +
.vmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 +
position: absolute;
 +
top: 5px;
 +
right: 5px;
 +
border: none;
 +
}
 +
 
 +
.vmenu a.menuitem:hover{
color:#fff;
color:#fff;
-
font-weight:bold;
+
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
-
font-size:12px;
+
}
-
background:url(https://static.igem.org/mediawiki/2009/f/f5/UI09Sidesecond.png);
+
 
-
text-decoration:none;
+
.vmenu div.submenu ul{ /*UL of each sub menu*/
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
}
}
-
#vmenu a.third {
+
.vmenu div.submenu ul li a{
 +
display: block;
color:#fff;
color:#fff;
font-weight:bold;
font-weight:bold;
Line 210: Line 250:
}
}
-
#vmenu a.main:hover {
+
.vmenu div.submenu ul li a:hover{
-
color:#fff;
+
-
background:url(https://static.igem.org/mediawiki/2009/c/cf/UI09Sidehoverm.png);
+
-
}
+
-
 
+
-
#vmenu a.second:hover,#vmenu a.third:hover {
+
color:#fff;
color:#fff;
background:#003C7D;
background:#003C7D;
-
}
 
-
 
-
#vmenu li {
 
-
position:relative;
 
}
}
Line 276: Line 307:
<style type=text/css media=screen>
<style type=text/css media=screen>
#menu ul li {
#menu ul li {
-
float:left;
 
-
width:100%;
 
-
}
 
-
 
-
#vmenu ul li {
 
float:left;
float:left;
width:100%;
width:100%;
Line 304: Line 330:
body {
body {
font-size:100%;
font-size:100%;
-
}
 
-
 
-
#vmenu ul li {
 
-
float:left;
 
-
width:100%;
 
-
}
 
-
 
-
#vmenu ul li a {
 
-
height:1%;
 
-
}
 
}
}

Revision as of 19:40, 3 August 2009

Retrieved from "http://2009.igem.org/Template:UIUC09Temp"