Team:Peking/001/001

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<HTML><head><title>Preview</title>
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<script type="text/javascript" language="JavaScript1.2" src="file:///C|/Program Files (x86)/春天网页菜单/res/menu.js"></script>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
</head><body style="background-color:#FFFFFF;margin-left:5;margin-top:5;">
+
<head>
-
<script type="text/javascript" language="JavaScript1.2">BuildLayer('v','','','','250','250','','','','6','0','0px None #ACA899','0px None #ACA899','0px None #ACA899','0px None #ACA899','left','#FFFFFF','','1','1','','Filter:progid:DXImageTransform.Microsoft.Fade(overlap=.5,enabled=0,Duration=0.5)','1','#C0C0C0','0','Default','Pointer','','100','0','#000000')
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
SwapDiv('wme46','','','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','0','0','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','0','0','1','1','Arial','Arial','8pt','8pt','normal','normal','#000000','#000000','normal','normal','none','none','transparent','#000000','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','0','0','0','0','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','0px None #FFFFFF','middle','center','','','','_self','','','2','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','file:///C|/Program%20Files%20%28x86%29/春天网页菜单/res/blank.gif','auto','auto','0','0','0')
+
<title>Sliding Side Bar</title>
-
SwapDiv('wme1','wme46','      Project      ',_,_,_,_,_,_,_,_,'4','auto','Brush Script MT','Broadway','13pt','10pt',_,_,'#FFFF80','#FFFF00','bold','bold',_,_,'#4A8B94','#4A8B94','file:///E|/IGEMMMM/wiki/button1.jpg','file:///E|/IGEMMMM/wiki/button2.jpg','1','1','1','1','1px Ridge #FFFFFF','1px Ridge #FFFFFF','1px Ridge #FFFFFF','1px Ridge #FFFFFF','1px Ridge #3A4057','1px Ridge #3A4057','1px Ridge #3A4057','1px Ridge #3A4057',_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme40','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#AFF589',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
+
-
SwapDiv('wme57','wme46','Product A',_,_,_,_,_,_,_,_,'auto','auto',_,_,_,_,_,_,'#FFFFFF','#FFFFFF',_,_,_,_,'#91FC8D','#6CBBC6',_,_,'1','1','1','1','1px None #FFFFFF','1px None #FFFFFF','1px None #FFFFFF','1px None #FFFFFF','1px None #3A4057','1px None #3A4057','1px None #3A4057','1px None #3A4057',_,'left',_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme4','wme57','Product B',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#80FF00',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme63','wme57','Product C',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme68','wme4','Product D',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme42','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#9F9926',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
+
-
SwapDiv('wme7','wme1',_,_,_,_,_,_,_,_,_,'auto',_,_,_,_,_,_,_,_,_,_,_,_,_,'#899238','#899238',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme36','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#716C1C',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
+
-
SwapDiv('wme10','wme57','Credit Card',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#8080FF','#DAD567',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme28','wme10','Wire Transfer      ',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#BDBDFF',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme29','wme10','Check',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme67','wme28','Mail Order',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme44','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#80CB3A',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
+
-
SwapDiv('wme18','wme7',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#6CB130','#6CB130',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme38','wme46',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#5B9528',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
+
-
SwapDiv('wme17','wme57','FAQ',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#FF8080','#A6DA76',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme20','wme17','Forum',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'#FFCACA',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme21','wme17','Contact Us',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
SwapDiv('wme76','wme20','New Menu Item',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
+
-
HideDiv();
+
-
</script>
+
-
</body></HTML>
+
<style media="all" type="text/css">
 +
 +
body{
 +
position:relative;
 +
paddign:0px;
 +
font-size:100%;
 +
}
 +
 +
h2{
 +
color:#FFFFFF;
 +
font-size:90%;
 +
font-family:arial;
 +
margin:10px 10px 10px 10px;
 +
font-weight:bold;
 +
}
 +
 +
h2 span{
 +
font-size:105%;
 +
font-weight:normal;
 +
}
 +
 +
ul{
 +
margin:0px 0px 0px 0px;
 +
padding:0px 0px 0px 0px;
 +
}
 +
 +
li{
 +
margin:0px 10px 3px 10px;
 +
padding:2px;
 +
list-style-type:none;
 +
display:block;
 +
background-color:#DA1074;
 +
width:177px;
 +
}
 +
 +
li a{
 +
width:100%;
 +
}
 +
 +
li a:link,
 +
li a:visited{
 +
color:#FFFFFF;
 +
font-family:verdana;
 +
font-size:70%;
 +
text-decoration:none;
 +
display:block;
 +
margin:0px 0px 0px 0px;
 +
padding:0px;
 +
width:100%;
 +
}
 +
 +
li a:hover{
 +
color:#FFFFFF;
 +
text-decoration:underline;
 +
}
 +
 +
#sideBar{
 +
position: absolute;
 +
width: auto;
 +
height: auto;
 +
top: 200px;
 +
right:-7px;
 +
background-image:url(images/background.gif);
 +
background-position:top left;
 +
background-repeat:repeat-y;
 +
}
 +
 +
#sideBarTab{
 +
float:left;
 +
height:137px;
 +
width:28px;
 +
}
 +
 +
#sideBarTab img{
 +
border:0px solid #FFFFFF;
 +
}
 +
 +
#sideBarContents{
 +
overflow:hidden !important;
 +
}
 +
 +
#sideBarContentsInner{
 +
width:200px;
 +
}
 +
 +
</style>
 +
 
 +
<script type="text/javascript" src="js/mootools.js"></script>
 +
<script type="text/javascript" src="js/side-bar.js"></script>
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
<div id="sideBar">
 +
 +
<a href="#" id="sideBarTab"><img src="images/slide-button.gif" alt="sideBar" title="sideBar" /></a>
 +
 +
<div id="sideBarContents" style="width:0px;">
 +
<div id="sideBarContentsInner">
 +
<h2>side<span>bar</span></h2>
 +
 +
<ul>
 +
<li><a href="#">Link One</a></li>
 +
<li><a href="#">Link Two</a></li>
 +
<li><a href="#">Link Three</a></li>
 +
<li><a href="#">Link Four</a></li>
 +
<li><a href="#">Link Five</a></li>
 +
</ul>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
 
 +
</body>
 +
</html>

Revision as of 06:52, 11 April 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Sliding Side Bar