Team:SYSU-China/test

From 2011.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
+
<html>
-
{{:Team:SYSU-China/header/temp}}
+
<head><script type="text/javascript">
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
window.onload = function(){
-
<head>
+
if(document.getElementById && document.all && !
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
 
-
<title>Human Practice Main Page-Sun Yat-sen Univ.</title>
+
navigator.userAgent.match(/Opera/)){
-
<link type="text/css" href="menu.css" rel="stylesheet" />
+
var obj = document.getElementById("topnavi");
-
<script type="text/javascript" src="jquery.js"></script>
+
for(var i=0;i<obj.childNodes.length;i++)
-
<script type="text/javascript" src="menu.js"></script>
+
{
-
<style type="text/css">
+
if(obj.childNodes[i].className=="menu")
-
</style>
+
{
-
<link href="../style.css" rel="stylesheet" type="text/css" />
+
obj.childNodes[i].onmouseover = function(){pull(this)};
-
<style type="text/css">
+
obj.childNodes[i].onmouseout = function(){pull(this)};
-
#menu {
+
-
position:relative;
+
-
height:75px;
+
-
background:url(images/menu.png) repeat-x 0 center;
+
-
}
+
-
#menu .menu {
+
-
left:50px;
+
-
position:absolute;
+
-
}
+
-
#menu * {
+
-
    list-style:none;
+
-
    border:0;
+
-
    padding:0;
+
-
    margin:0;
+
-
}
+
-
#menu a {
+
-
    display:block;
+
-
    padding-left:33px;
+
-
}
+
-
#menu a span {
+
-
    display:block;
+
-
    padding:30px 33px 37px 2px;
+
-
    white-space:nowrap;
+
}
}
-
#menu li {
 
-
    float:left;
 
-
    background:url(images/pix.gif);
 
}
}
-
#menu li li { float:none; }
 
-
#menu div {
 
-
display:none;
 
-
position:absolute;
 
-
background:url(images/pix.gif);
 
-
margin-top:-35px;
 
-
width:200px;
 
}
}
-
#menu div ul { position:relative; }
 
-
#menu div div {
 
-
    margin:-50px 0 0 -9px;
 
-
    left:100%;
 
}
}
-
#menu li:hover>div { display:block; }
 
-
/** ie7 */
+
function pull(obj){
-
*:first-child+html #menu div div { display:block; top:-9999px; }
+
for(var i=0;i<obj.childNodes.length;i++)
-
*:first-child+html #menu li:hover>div { top:auto; }
+
if(obj.childNodes[i].nodeName.toUpperCase()=="UL")
 +
obj.childNodes[i].style.display=obj.childNodes
-
#menu div.columns { width:200px; }
+
[i].style.display=="block"?"none":"block";
-
#menu div.columns ul {
+
-
    float:left;
+
-
    width:200px;
+
-
    position:static;
+
}
}
-
#menu div.columns a { white-space:normal; }
+
</script>
-
#menu div.two { width:400px; }
+
<style type = "text/css">
-
#menu div.two ul.one div { margin-left:-209px; }
+
  <!--
-
#menu div.two ul.one div div,
+
h2 {
-
#menu div.two ul.two div { margin-left:-9px; }
+
font-weight:bold;
-
#menu div.three { width:600px; }
+
-
#menu div.three ul.one div { margin-left:-409px; }
+
-
#menu div.three ul.two div { margin-left:-209px; }
+
-
#menu div.three ul.one div div,
+
-
#menu div.three ul.two div div,
+
-
#menu div.three ul.three div { margin-left:-9px; }
+
-
#menu div.four { width:800px; }
+
-
#menu div.four ul.one div { margin-left:-609px; }
+
-
#menu div.four ul.two div { margin-left:-409px; }
+
-
#menu div.four ul.three div { margin-left:-209px; }
+
-
#menu div.four ul.one div div,
+
-
#menu div.four ul.two div div,
+
-
#menu div.four ul.three div div,
+
-
#menu div.four ul.four div { margin-left:-9px; }
+
-
#menu div.five { width:1000px; }
+
-
#menu div.five ul.one div { margin-left:-809px; }
+
-
#menu div.five ul.two div { margin-left:-609px; }
+
-
#menu div.five ul.three div { margin-left:-409px; }
+
-
#menu div.five ul.four div { margin-left:-209px; }
+
-
#menu div.five ul.one div div,
+
-
#menu div.five ul.two div div,
+
-
#menu div.five ul.three div div,
+
-
#menu div.five ul.four div div,
+
-
#menu div.five ul.five div { margin-left:-9px; }
+
-
 
+
-
#menu a, #menu a span {
+
-
    font-family:'Trebuchet MS', Tahoma, Arial;
+
-
    font-size:16px;
+
-
    line-height:24px;
+
-
    color:#fff;
+
-
    text-decoration:none;
+
-
    font-weight:normal;
+
-
}
+
-
#menu a {
+
-
    text-shadow:rgb(64,49,25) -1px -1px 0;
+
-
    background:url(images/item.png) no-repeat left -546px;
+
-
}
+
-
#menu a span {
+
-
background:url(images/item.png) no-repeat right 0;
+
-
color: #CCC;
+
-
font-weight: bold;
+
-
}
+
-
#menu li.current>a { background-position:left -637px; }
+
-
#menu li.current>a span { background-position:right -182px; }
+
-
#menu a.parent span {
+
-
    background-position:right -91px;
+
-
    padding-right:60px;
+
-
}
+
-
#menu li.current>a.parent span { background-position:right -273px; }
+
-
#menu>ul>li:hover>a, #menu a:hover { background-position:left -637px; }
+
-
#menu>ul>li:hover>a span, #menu a:hover span {
+
-
background-position:right -182px;
+
-
color: #FFF;
+
-
font-weight: bold;
+
-
}
+
-
#menu>ul>li:hover>a.parent span, #menu a.parent:hover span {
+
-
    background-position:right -455px;
+
}
}
-
#menu div a {
+
a {
-
    margin-left:4px;
+
font-weight:bold;
-
    padding:4px 0 0 0;
+
-
    width:190px;
+
-
    background:url(images/subitem.png) no-repeat 0 top;
+
-
    text-shadow:#111 -1px -1px 0;
+
-
}
+
-
#menu div a span {
+
-
    font-size:14px;
+
-
    background:url(images/subitem.png) no-repeat -384px bottom;
+
-
    padding:3px 14px 10px 11px;
+
-
    white-space:normal;
+
-
    color:rgb(195,191,183);
+
-
}
+
-
#menu div a:hover,
+
-
#menu div ul>li:hover>a.parent, #menu div ul li a.parent:hover {
+
-
    background-position:-192px top;
+
-
}
+
-
#menu div a:hover span {
+
-
    color:#fff;
+
-
    background-position:-768px bottom;
+
-
}
+
-
#menu div a.parent span { background-position:-576px bottom; }
+
-
#menu div ul>li:hover>a.parent span, #menu div ul li a.parent:hover span {
+
-
    color:#fff;
+
-
    background-position:-960px bottom;
+
}
}
-
#menu div {
+
#footer-box {
-
background:url(images/columns.png) no-repeat -200px -14px;
+
        width: 965px;
-
padding-top:14px;
+
        }
-
}
+
-
#menu div ul {
+
-
    width:200px;
+
-
    background:url(images/columns.png) no-repeat 0 bottom;
+
-
    padding-top:11px;
+
-
    padding-bottom:17px;
+
-
}
+
-
#menu div div { background-position:-200px top; }
+
-
#menu div div ul { padding-top:0; }
+
-
#menu div.columns {
+
#contentSub {
-
    padding-top:0;
+
display:none;
-
    margin-top:-21px;
+
}
}
-
#menu div div.columns { margin-top:-36px; }
 
-
#menu div.columns>ul {
 
-
    padding-top:25px;
 
-
    margin-top:-14px;
 
-
}
 
-
#menu div.two { background-position:-1000px bottom; }
 
-
#menu div.three { background-position:-1400px bottom; }
 
-
#menu div.four { background-position:-2000px bottom; }
 
-
#menu div.five { background-position:-2800px bottom; }
 
-
#menu div.columns ul.two,
 
-
#menu div.columns ul.three,
 
-
#menu div.columns ul.four,
 
-
#menu div.columns ul.five { background-position:-550px -14px; }
 
-
#menu div.columns ul.one { background-position:-400px -14px; }
 
-
#menu div.two ul.two,
 
-
#menu div.three ul.three,
 
-
#menu div.four ul.four,
 
-
#menu div.five ul.five { background-position:-800px -14px; }
 
-
#menu div.columns>ul>li>a {
+
#siteSub {
-
    margin-left:0;
+
display:none;
-
    width:200px;
+
-
}
+
-
#menu div.columns>ul.one>li>a {
+
-
    margin-left:4px;
+
-
    width:194px;
+
-
}
+
-
#menu div.two>ul.two>li>a,
+
-
#menu div.three>ul.three>li>a,
+
-
#menu div.four>ul.four>li>a,
+
-
#menu div.five>ul.five>li>a {
+
-
    width:194px;
+
}
}
-
#menu.active a {
+
#search-controls {
-
    z-index:780;
+
display:none;
-
    position:relative;
+
}
}
-
#menu.active li { z-index:778; }
 
-
#menu.active div div { z-index:781; }
 
-
#menu.active div a { position:static; }
 
-
#menu.active li.back {
+
.firstHeading {
-
    background:url(images/item.png) no-repeat left -637px;
+
display:none;
-
    height:91px;
+
-
    position:absolute;
+
-
    padding:0;
+
-
    margin:0;
+
}
}
-
#menu.active li.back .left {
 
-
    display:block;
 
-
    padding:0;
 
-
    width:auto;
 
-
    background:url(images/item.png) no-repeat right -182px;
 
-
    height:91px;
 
-
    margin:0 5px 0 28px;
 
-
    position:relative;
 
-
    left:5px;
 
-
   
 
-
}
 
-
#menu.active li.current-back, #menu.active li.current-parent-back { background-position:left -637px; }
 
-
#menu.active li.current-back .left { background-position:right -182px; }
 
-
#menu.active li.current-parent-back .left { background-position:right -182px; }
 
-
#menu.active .spanbox {
+
#search-controls {
-
    position:absolute;
+
display:none;
-
    display:none;
+
-
    background:url(images/pix.gif);
+
-
    margin-top:-21px;
+
-
    width:200px;
+
}
}
-
#menu.active div {
 
-
    margin-top:-14px;
 
-
    display:block;
 
-
    position:relative;
 
-
}
 
-
#menu.active div .spanbox {
 
-
    margin:0 0 0 -6px;
 
-
    left:100%;
 
-
}
 
-
#menu.active .spanbox .spanbox { margin-top:-50px; }
 
-
#menu.active .spanbox .spanbox div { margin:0; }
 
-
 
-
/** ie7 */
 
-
*:first-child+html #menu.active div div { top:auto; }
 
-
*:first-child+html .menu-images-preloading { visibility:hidden; }
 
-
#menu.active div.two ul.one .spanbox { margin-left:-206px; }
+
#top-section {
-
#menu.active div.two ul.one .spanbox .spanbox,
+
height:25px;
-
#menu.active div.two ul.two .spanbox { margin-left:-6px; }
+
width:975px;
-
#menu.active div.three ul.one .spanbox { margin-left:-406px; }
+
color: blue;
-
#menu.active div.three ul.two .spanbox { margin-left:-206px; }
+
background-color: gray;
-
#menu.active div.three ul.one .spanbox .spanbox,
+
-
#menu.active div.three ul.two .spanbox .spanbox,
+
-
#menu.active div.three ul.three .spanbox { margin-left:-6px; }
+
-
#menu.active div.four ul.one .spanbox { margin-left:-606px; }
+
-
#menu.active div.four ul.two .spanbox { margin-left:-406px; }
+
-
#menu.active div.four ul.three .spanbox { margin-left:-206px; }
+
-
#menu.active div.four ul.one .spanbox .spanbox,
+
-
#menu.active div.four ul.two .spanbox .spanbox,
+
-
#menu.active div.four ul.three .spanbox .spanbox,
+
-
#menu.active div.four ul.four .spanbox { margin-left:-6px; }
+
-
#menu.active div.five ul.one .spanbox { margin-left:-806px; }
+
-
#menu.active div.five ul.two .spanbox { margin-left:-606px; }
+
-
#menu.active div.five ul.three .spanbox { margin-left:-406px; }
+
-
#menu.active div.five ul.four .spanbox { margin-left:-206px; }
+
-
#menu.active div.five ul.one .spanbox .spanbox,
+
-
#menu.active div.five ul.two .spanbox .spanbox,
+
-
#menu.active div.five ul.three .spanbox .spanbox,
+
-
#menu.active div.five ul.four .spanbox .spanbox,
+
-
#menu.active div.five ul.five .spanbox { margin-left:-6px; }
+
-
#menu.active div.columns ul .spanbox div { margin-left:0; }
+
-
#menu.active div.two,
+
-
#menu.active div.three,
+
-
#menu.active div.four,
+
-
#menu.active div.five { padding-bottom:14px; }
+
-
.menu-images-preloading,
 
-
.menu-images-preloading div {
 
-
    top:0;
 
-
    left:0;
 
-
    width:4px;
 
-
    height:2px;
 
-
    opacity:0.1;
 
-
    overflow:hidden;
 
-
    position:absolute;
 
}
}
-
.menu-images-preloading { width:2px; }
 
-
.menu-images-preloading .columns-png { background:url(images/columns.png) no-repeat; }
 
-
.menu-images-preloading .subitem-png { background:url(images/subitem.png) no-repeat; }
 
-
#background_shadow {
+
#catlinks {
-
width: 1080px;
+
    background-color: #FEFEEB;
-
margin-right: auto;
+
    border: none;
-
margin-left: auto;
+
    clear: both;
-
background-image: url(background_shadow/upper_background_shadow.png);
+
    margin-top: 0em;
-
background-repeat: repeat-y;
+
    padding: 0px;
-
margin-top: 0px;
+
}                       
-
margin-bottom: 0px;
+
 
-
padding-left: 40px;
+
#p-logo {
 +
display:none;
}
}
-
body {
 
-
background-color: #f5f5f5;
 
-
padding: 0px;
 
-
margin: 0%;
 
-
margin-left: 0px;
 
-
}
 
-
div#feature_list {
 
-
width: 1000px;
 
-
height: 500px;
 
-
overflow: hidden;
 
-
position: relative;
 
-
}
 
-
div#feature_list ul {
+
    IMG{border-width:0;}
-
position: absolute;
+
-
top: 0;
+
-
list-style: none;
+
-
padding: 0;
+
-
margin: 0;
+
-
}
+
-
ul#tabs {
+
    body{
-
left: 0;
+
        background-color: black;
-
z-index: 2;
+
       
-
width: 200px;
+
        }
-
background-color: #333333;
+
   
-
height: 100px;
+
    #header{
-
}
+
            background-color: white;
-
 
+
            width: 970px;
-
ul#tabs li {
+
            height: 300px;
-
font-size: 12px;
+
            background:white;
-
font-family: Arial;
+
            margin-bottom:0px;
-
background-color: #33333;
+
          }
-
}
+
    #contents1{
-
+
          width:820px;
-
ul#tabs li img {
+
       
-
border: none;
+
        padding:0 10px;
-
float: left;
+
        margin:0px 50px 0px 50px;
-
background-color: #33333;
+
        background-color:white;
-
}
+
        margin-bottom:50px
-
 
+
           
-
ul#tabs li a {
+
              }
-
color: #222;
+
    #container{
-
text-decoration: none;
+
              align:center;
-
display: block;
+
              width:800px;
-
height: 100px;
+
              background-color:gray;
-
outline: none;
+
              }
-
background-color: #33333;
+
#globalnavi{
-
}
+
margin: 0;
-
 
+
padding: 10;
-
ul#tabs li a:hover {
+
width: 965px;
-
text-decoration: underline;
+
height:25px;
-
background-color: #33333;
+
font-size:12px;
-
}
+
*font-size:12px;
-
 
+
background:black; repeat-x scroll 0 0;
-
ul#tabs li a.current {
+
font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
-
color: #FFF;
+
-
width: 250px;
+
-
background-color: #33333;
+
-
background-image: url(feature-tab-current.png);
+
-
}
+
-
 
+
-
ul#tabs li a.current:hover {
+
-
text-decoration: none;
+
-
cursor: default;
+
-
background-color: #33333;
+
-
}
+
-
 
+
-
ul#output {
+
-
width: 800px;
+
-
height: 500px;
+
-
position: relative;
+
-
left: -50px;
+
-
}
+
-
 
+
-
ul#output li {
+
-
position: relative;
+
-
width: 800px;
+
-
height: 500px;
+
-
left: 250px;
+
-
top: 0px;
+
-
}
+
-
+
-
ul#output li a {
+
-
position: absolute;
+
-
bottom: 10px;
+
-
right: 10px;
+
-
padding: 8px 12px;
+
-
text-decoration: none;
+
-
font-size: 11px;
+
-
color: #FFF;
+
-
background: #000;
+
-
-moz-border-radius: 5px;
+
-
}
+
-
+
-
ul#output li a:hover {
+
-
background: #D33431;
+
-
}
+
-
 
+
-
 
+
-
#logo_bar {
+
-
position:relative;
+
-
width:93px;
+
-
height:125px;
+
-
z-index:5;
+
-
left: 20px;
+
-
top: -75px;
+
-
background-image: url(main_pages/logo_green.png);
+
}
}
-
.contact_bottombar {
+
#globalnavi ul{
-
margin: 0px;
+
list-style: none;
-
width: 1000px;
+
margin: 0;
-
font-family: Arial, Helvetica, sans-serif;
+
padding: 10;
-
padding: 20px;
+
position: relative;
-
font-size: 12px;
+
-
line-height: 5px;
+
-
}
+
-
.title_container {
+
-
width: 960px;
+
-
margin-right: 20px;
+
-
margin-left: 20px;
+
}
}
-
.mainpage_project_WholeContainer {
+
#globalnavi li{
-
background-color: #5a7b22;
+
float: left;
-
background-image: url(main_pages/BG_pics/project.png);
+
margin: 0;
-
background-position: top;
+
padding: 10;
-
width: 1000px;
+
-
background-repeat: no-repeat;
+
-
}
+
-
.mainpage_human_practice_WholeContainer {
+
-
background-color: #cda901;
+
-
background-image: url(main_pages/BG_pics/human_practice.png);
+
-
background-position: top;
+
-
width: 1000px;
+
-
background-repeat: no-repeat;
+
-
}
+
-
.mainpage_aboutus_WholeContainer {
+
-
background-color: #000;
+
-
background-image: url(main_pages/BG_pics/aboutus.png);
+
-
background-position: top;
+
-
width: 1000px;
+
-
background-repeat: no-repeat;
+
-
}
+
-
#main_page_clearer {
 
-
background-color: transparent;
 
-
height: 535px;
 
-
width: 1000px;
 
-
clear: both;
 
}
}
-
.main_page_clearer_light {
+
#globalnavi li a{
-
background-color: transparent;
+
text-align: center;
-
height: 20px;
+
display:block;
-
width: 100%;
+
padding: 3px 10px 3px 10px;
-
clear: both;
+
color: white;
 +
font-weight: bold;
 +
text-decoration: none;
 +
border-right:1px solid #808080;
 +
margin:2px 0px 0px 0px;
}
}
-
#main_page_content_WholeBox {
 
-
width: 1000px;
 
-
padding-top: 0px;
 
-
padding-right: 20px;
 
-
padding-bottom: 0px;
 
-
padding-left: 20px;
 
-
background-color: transparent;
 
-
height: auto;
 
-
}
 
-
.main_page_content_box {
 
-
background-color: transparent;
 
-
float: left;
 
-
width: 306px;
 
-
margin-top: 20px;
 
-
margin-right: 20px;
 
-
margin-bottom: 0px;
 
-
margin-left: 0px;
 
-
height: auto;
 
-
}
 
-
.main_page_content_box_r0 {
 
-
background-color: transparent;
 
-
float: left;
 
-
width: 306px;
 
-
margin-top: 20px;
 
-
margin-right: 0px;
 
-
margin-bottom: 20px;
 
-
margin-left: 0px;
 
 +
#globalnavi li a:hover{
 +
background-color:#808080;
 +
color: white;
 +
font-weight: bold;
 +
text-decoration: none;
 +
border-right:1px solid #808080;
}
}
-
.main_page_introduction_bar {
+
#topnavi li.menu ul {
-
padding: 0px;
+
display:none; /* ドロップダウン部分を見えなくする(通常時) */
-
float: left;
+
position:absolute;
-
height: 34px;
+
background-color:#000000;
-
width: 227px;
+
-
margin-top: 0px;
+
-
margin-right: 4px;
+
-
margin-bottom: 0px;
+
-
margin-left: 0px;
+
}
}
-
.main_page_introduction_bar p {
+
#topnavi li.menu:hover ul {
-
font-size: 18px;
+
display: block; /* メニュー部分をブロック要素にする */
-
color: #000;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
text-align: center;
+
-
vertical-align: middle;
+
-
}
+
-
.main_page_content_more_bar a{
+
-
float: right;
+
-
height: 34px;
+
-
width: 75px;
+
-
background-image: url(main_pages/BG_pics/more.png);
+
-
clear: right;
+
-
}
+
-
.main_page_content_more_bar a:hover {
+
-
background-image: url(main_pages/BG_pics/more_light.png);
+
-
float: right;
+
-
height: 34px;
+
-
width: 75px;
+
-
clear: right;
+
-
}
+
-
.main_page_content_picbox {
+
-
height: 136px;
+
-
width: 100%;
+
-
float: left;
+
-
}
+
-
.main_page_content_textbox {
+
-
background-color: #d9d9d9;
+
-
width: 100%;
+
-
float: left;
+
-
overflow: hidden;
+
-
}
+
-
.main_page_content_Whole_intro_bar {
+
-
clear: right;
+
-
float: left;
+
-
width: 100%;
+
-
margin-top: 0px;
+
-
margin-right: 0px;
+
-
margin-bottom: 5px;
+
-
margin-left: 0px;
+
}
}
 +
#topnavi li.menu ul li {
 +
border-bottom:1px solid #808080;
 +
float:none; /* ドロップダウン部分をfloatを効かせない(多分。。。)
-
.main_page_content_textbox p {
+
*/
-
font-family: Arial, Helvetica, sans-serif;
+
-
font-size: 14px;
+
-
padding-right: 12px;
+
-
padding-left: 12px;
+
}
}
-
.main_page_content_box_r0 .main_page_content_textbox p {
+
#topnavi li.menu li a{
-
font-family: Arial, Helvetica, sans-serif;
+
border-bottom:1px solid #808080;
-
font-size: 14px;
+
text-align:left;
}
}
-
 
+
    h1{
-
</style>
+
      color: black;
 +
　　　 text-decoration: underline ;
 +
     
 +
     
 +
      }
 +
    p{
 +
      color:black;
 +
    }
 +
   
 +
  -->
 +
  </style type>
</head>
</head>
-
<body>
 
-
<div id="background_shadow">
 
-
  <div class="mainpage_aboutus_WholeContainer">
 
-
 
 
-
<!--------here begins the manu bar section--!-->
 
-
    <div class="title_container">
 
-
    <div id="menu">
 
-
      <ul class="menu">
 
-
        <li><a href="#"><span></span></a></li>
 
-
        <li><a href="#"><span>NEWS</span></a></li>
 
-
        <li><a href="#"><span>STORY</span></a></li>     
 
-
        <li><a href="#" class="parent"><span>PROJECT</span></a>
 
-
          <div>
 
-
              <ul>
 
-
                <li><a href="#"><span>Modules Construction</span></a>
 
-
                <li><a href="#"><span>Modules Verification</span></a></li>
 
-
                <li><a href="#"><span>Functional Verification</span></a></li>
 
-
                <li><a href="#"><span>Notes</span></a></li>
 
-
                <li><a href="#"><span>Date Page</span></a></li>
 
-
                <li><a href="#"><span>Safety</span></a></li>
 
-
              </ul>
 
-
            </div>
 
-
        </li>
 
-
        <li><a href="#" class="parent"><span>HUMAN PRACTICE</span></a>
 
-
          <div>
 
-
              <ul>
 
-
                <li><a href="#"><span>App</span></a>
 
-
                <li><a href="#"><span>LabCraft Board Game</span></a></li>
 
-
                <li><a href="#"><span>Workshop</span></a></li>
 
-
                <li><a href="#"><span>Survey</span></a></li>
 
-
              </ul>
 
-
            </div>
 
-
        </li>
 
-
       
 
-
        <li><a href="#" class="parent"><span>ABOUT US</span></a>
 
-
          <div>
 
-
              <ul>
 
-
                <li><a href="#"><span>Team Members</span></a>
 
-
                <li><a href="#"><span>Spcial Thanks</span></a></li>
 
-
                <li><a href="#"><span>Logo and T-shirt</span></a></li>
 
-
              </ul>
 
-
            </div>
 
-
        </li>
 
-
 
-
      </ul>
 
-
    </div><!--here ends the manu!-->
 
-
    </div><!--here ends the title_container!-->
 
-
       
 
-
    <div id="logo_bar"></div>
 
-
   
 
-
<!--------here ends the title_section------!-->     
 
-
    <div id="main_page_clearer"></div>   
 
-
 
-
<!------here begins the main content section--!-->
 
-
 
 
-
  <div id="main_page_content_WholeBox">
 
-
<!---------------------------------------------!--> 
 
-
      <div class="main_page_content_box">
 
-
        <div class="main_page_content_Whole_intro_bar">     
 
-
          <div class="main_page_introduction_bar"><img src="BG_pics/about_us/team_members.png" width="227" height="34" /></div>
 
-
          <div class="main_page_content_more_bar"><a href="#"></a></div>
 
-
        </div>
 
-
        <div class="main_page_content_picbox"><img src="BG_pics/project/project_intro_pics/m_c_sh.jpg" width="306" height="136" /></div>
 
-
        <div class="main_page_content_textbox"><p>asdfdfdsa</p></div>
 
-
      </div>
 
-
<!---------------------------------------------!-->     
 
-
        <div class="main_page_content_box">
 
-
          <div class="main_page_content_Whole_intro_bar">
 
-
            <div class="main_page_introduction_bar"><img src="BG_pics/about_us/special_thanks.png" width="227" height="34" /></div>
 
-
            <div class="main_page_content_more_bar"><a href="#"></a></div>
 
-
          </div>
 
-
          <div class="main_page_content_picbox"><img src="BG_pics/about_us/st_sh.jpg" width="306" height="136" /></div>
 
-
          <div class="main_page_content_textbox"><p>asdfdfdsa</p></div>
 
-
 
-
      </div>
 
-
<!---------------------------------------------!-->       
 
-
      <div class="main_page_content_box_r0">
 
-
        <div class="main_page_content_Whole_intro_bar">
 
-
          <div class="main_page_introduction_bar"><img src="BG_pics/about_us/logo_and_tshirt.png" width="227" height="34" /></div>
 
-
          <div class="main_page_content_more_bar"><a href="#"></a></div>
 
-
        </div>
 
-
        <div class="main_page_content_picbox"><img src="BG_pics/about_us/lac_sh.jpg" width="306" height="136" /></div>
 
-
        <div class="main_page_content_textbox"><p>asdfdfdsa</p></div>
 
-
 
-
      </div>
 
-
<!---------------------------------------------!-->
 
-
<div class="main_page_clearer_light"></div>
 
-
<!---------------------------------------------!-->
 
-
     
 
-
  </div><!--here ends the main_page_content_WholeBox!-->
 
-
  <div class="main_page_clearer_light"></div>
 
-
  </div><!--here ends the mainpage_project_WholeContainer!-->
 
-
 
-
<!--here begins the contact_bottombar!-->
 
-
    <div class="contact_bottombar">
 
-
      <p>From the 2011 iGEM team SYSU-China (2011)</p>
 
-
      <p>Sun Yat-Sen University, Guangzhou, China</p>
 
-
      <p>Address: 135# Xingang Rd.(W.), Haizhu Guangzhou, P.R.China</p>
 
-
      <p><a href="http://www.sysu.edu.cn">visit the Sun Yat-sen university website</a></p>
 
-
      <p>Thanks Apycom jQuery Menus and <a href="http://apycom.com/">visit their website</a>
 
-
  </div>
 
-
    <!--here ends the contact_bottombar!-->
 
-
 
-
</div><!--here ends the backgroud_shadow_bar!-->
 
-
</body>
 
</html>
</html>

Latest revision as of 07:44, 5 October 2011

Retrieved from "http://2011.igem.org/Team:SYSU-China/test"