Team:SYSU-China/test

From 2011.igem.org

(Difference between revisions)
 
(5 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>
+
-
<link type="text/css" href="menu.css" rel="stylesheet" />
+
-
<script type="text/javascript" src="jquery.js"></script>
+
-
<script type="text/javascript" src="menu.js"></script>
+
-
<style type="text/css">
+
-
</style>
+
-
<link href="../style.css" rel="stylesheet" type="text/css" />
+
-
<style type="text/css">
+
-
</style>
+
-
</head>
+
-
<body>
+
navigator.userAgent.match(/Opera/)){
-
<div id="background_shadow">
+
var obj = document.getElementById("topnavi");
-
  <div class="mainpage_aboutus_WholeContainer">
+
for(var i=0;i<obj.childNodes.length;i++)
-
 
+
{
-
<!--------here begins the manu bar section--!-->
+
if(obj.childNodes[i].className=="menu")
-
    <div class="title_container">
+
{
-
    <div id="menu">
+
obj.childNodes[i].onmouseover = function(){pull(this)};
-
      <ul class="menu">
+
obj.childNodes[i].onmouseout = function(){pull(this)};
-
        <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>
+
function pull(obj){
-
    </div><!--here ends the manu!-->
+
for(var i=0;i<obj.childNodes.length;i++)
-
     </div><!--here ends the title_container!-->
+
if(obj.childNodes[i].nodeName.toUpperCase()=="UL")
-
       
+
obj.childNodes[i].style.display=obj.childNodes
-
     <div id="logo_bar"></div>
+
 
 +
[i].style.display=="block"?"none":"block";
 +
}
 +
</script>
 +
<style type = "text/css">
 +
  <!--
 +
h2 {
 +
font-weight:bold;
 +
}
 +
 
 +
a {
 +
font-weight:bold;
 +
}
 +
 
 +
#footer-box {
 +
        width: 965px;
 +
        }
 +
 
 +
#contentSub {
 +
display:none;
 +
}
 +
 
 +
#siteSub {
 +
display:none;
 +
}
 +
 
 +
#search-controls {
 +
display:none;
 +
}
 +
 
 +
.firstHeading {
 +
display:none;
 +
}
 +
 
 +
#search-controls {
 +
display:none;
 +
}
 +
 
 +
#top-section {
 +
height:25px;
 +
width:975px;
 +
color: blue;
 +
background-color: gray;
 +
 
 +
}
 +
 
 +
#catlinks {
 +
     background-color: #FEFEEB;
 +
    border: none;
 +
    clear: both;
 +
    margin-top: 0em;
 +
    padding: 0px;
 +
}                       
 +
 
 +
#p-logo {
 +
display:none;
 +
}
 +
 
 +
    IMG{border-width:0;}
 +
 
 +
     body{
 +
        background-color: black;
 +
       
 +
        }
      
      
-
<!--------here ends the title_section------!-->     
+
     #header{
-
     <div id="main_page_clearer"></div>   
+
            background-color: white;
-
+
            width: 970px;
-
<!------here begins the main content section--!-->
+
            height: 300px;
-
 
+
            background:white;
-
  <div id="main_page_content_WholeBox">
+
            margin-bottom:0px;
-
<!---------------------------------------------!--> 
+
          }
-
      <div class="main_page_content_box">
+
    #contents1{
-
        <div class="main_page_content_Whole_intro_bar">     
+
          width:820px;
-
          <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>
+
         padding:0 10px;
-
         </div>
+
         margin:0px 50px 0px 50px;
-
         <div class="main_page_content_picbox"><img src="BG_pics/project/project_intro_pics/m_c_sh.jpg" width="306" height="136" /></div>
+
         background-color:white;
-
         <div class="main_page_content_textbox"><p>asdfdfdsa</p></div>
+
        margin-bottom:50px
-
      </div>
+
           
-
<!---------------------------------------------!-->     
+
              }
-
        <div class="main_page_content_box">
+
    #container{
-
          <div class="main_page_content_Whole_intro_bar">
+
              align:center;
-
            <div class="main_page_introduction_bar"><img src="BG_pics/about_us/special_thanks.png" width="227" height="34" /></div>
+
              width:800px;
-
            <div class="main_page_content_more_bar"><a href="#"></a></div>
+
              background-color:gray;
-
          </div>
+
              }
-
          <div class="main_page_content_picbox"><img src="BG_pics/about_us/st_sh.jpg" width="306" height="136" /></div>
+
#globalnavi{
-
          <div class="main_page_content_textbox"><p>asdfdfdsa</p></div>
+
margin: 0;
-
+
padding: 10;
-
      </div>
+
width: 965px;
-
<!---------------------------------------------!-->       
+
height:25px;
-
      <div class="main_page_content_box_r0">
+
font-size:12px;
-
        <div class="main_page_content_Whole_intro_bar">
+
*font-size:12px;
-
          <div class="main_page_introduction_bar"><img src="BG_pics/about_us/logo_and_tshirt.png" width="227" height="34" /></div>
+
background:black; repeat-x scroll 0 0;
-
          <div class="main_page_content_more_bar"><a href="#"></a></div>
+
font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
-
        </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>
+
#globalnavi ul{
-
<!---------------------------------------------!-->
+
list-style: none;
-
<div class="main_page_clearer_light"></div>
+
margin: 0;
-
<!---------------------------------------------!-->
+
padding: 10;
-
     
+
position: relative;
-
  </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!-->
+
#globalnavi li{
-
    <div class="contact_bottombar">
+
float: left;
-
      <p>From the 2011 iGEM team SYSU-China (2011)</p>
+
margin: 0;
-
      <p>Sun Yat-Sen University, Guangzhou, China</p>
+
padding: 10;
-
      <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>
+
#globalnavi li a{
-
    <!--here ends the contact_bottombar!-->
+
text-align: center;
 +
display:block;
 +
padding: 3px 10px 3px 10px;
 +
color: white;
 +
font-weight: bold;
 +
text-decoration: none;
 +
border-right:1px solid #808080;
 +
margin:2px 0px 0px 0px;
 +
}
 +
 
 +
#globalnavi li a:hover{
 +
background-color:#808080;
 +
color: white;
 +
font-weight: bold;
 +
text-decoration: none;
 +
border-right:1px solid #808080;
 +
}
 +
#topnavi li.menu ul {
 +
display:none; /* ドロップダウン部分を見えなくする(通常時) */
 +
position:absolute;
 +
background-color:#000000;
 +
}
 +
#topnavi li.menu:hover ul {
 +
display: block; /* メニュー部分をブロック要素にする */
 +
}
 +
#topnavi li.menu ul li {
 +
border-bottom:1px solid #808080;
 +
float:none; /* ドロップダウン部分をfloatを効かせない(多分。。。)
 +
 
 +
*/
 +
}
 +
#topnavi li.menu li a{
 +
border-bottom:1px solid #808080;
 +
text-align:left;
 +
}
 +
    h1{
 +
      color: black;
 +
　　　 text-decoration: underline ;
 +
     
 +
     
 +
       }
 +
    p{
 +
      color:black;
 +
    }
 +
   
 +
  -->
 +
   </style type>
 +
</head>
-
</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"