Template:SUSTC/pd work1

From 2012.igem.org

(Difference between revisions)
(Created page with "{{Template:SUSTC/pd_template}} {| style="width:100%;background:#ffffff;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555; cellspacing="20" |'''[[Image:S...")
 
Line 1: Line 1:
-
{{Template:SUSTC/pd_template}}
+
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
{| style="width:100%;background:#ffffff;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555; cellspacing="20"
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
|'''[[Image:SUSTC-Shenzhen-A_team.png|right|350px]]This iGEM team is set up by South University of Science and Technology of China, which is a public institution funded by the municipality of Shenzhen, a special economic zone city in southern China.  
+
-
All the undergrads in this team are sophomore, and not all the members will join Biology Division, so our team is multi-disciplinary.'''
+
-
|}
+
-
{| style="width:100%;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;border-radius:7px;" cellspacing="20"
+
  <script type="text/javascript">
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#698B69;"|About our team
+
  $(document).ready(function(){
-
|-
+
    $('#Home').mouseover(function(){
-
|'''This iGEM team is set up by South University of Science and Technology of China, which is a public institution funded by the municipality of Shenzhen, a special economic zone city in southern China.  
+
    $('#Home').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
-
All the undergrads in this team are sophomore, and not all the members will join Biology Division, so our team is multi-disciplinary.'''
+
    });
-
|}
+
    $('#Home').mouseleave(function(){
-
{| style="width:100%;background:#f5f5f5;text-align:justify;font-family: helvetica, arial, sans-serif;color:#555555;margin-top:5px;border-radius:7px;" cellspacing="20"
+
    $('#Home').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
-
|style="font-family: helvetica, arial, sans-serif;font-size:2em;color:#698B69;"|About our team
+
    });
-
|-
+
    $('#Project').mouseover(function(){
-
|'''This iGEM team is set up by South University of Science and Technology of China, which is a public institution funded by the municipality of Shenzhen, a special economic zone city in southern China.  
+
    $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
-
All the undergrads in this team are sophomore, and not all the members will join Biology Division, so our team is multi-disciplinary.'''
+
    });
-
|}
+
    $('#Project').mouseleave(function(){
 +
    $('#Project').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Team').mouseover(function(){
 +
    $('#Team').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Team').mouseleave(function(){
 +
    $('#Team').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Parts').mouseover(function(){
 +
    $('#Parts').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Parts').mouseleave(function(){
 +
    $('#Parts').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Extras').mouseover(function(){
 +
    $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Extras').mouseleave(function(){
 +
    $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Home').click(function(){
 +
    $('#Home_Content').slideToggle("slow");
 +
    });
 +
    $('#Project').click(function(){
 +
    $('#Project_Content').slideToggle("slow");
 +
    });
 +
    $('#menubar').mouseover(function(){
 +
    $('#menubar').stop().animate({top:"0px"},500);
 +
    });
 +
    $('#menubar').mouseleave(function(){
 +
    $('#menubar').stop().animate({top:"-40px"},500);
 +
    });
 +
    $('#menubar.right-menu').mouseover(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
 +
    });
 +
    $('#menubar.right-menu').mouseleave(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"-40px"},500);
 +
    });
 +
    $('#News_Click').click(function(){
 +
    $('#News_Content').slideToggle("slow");
 +
    });
 +
  });
 +
 
 +
</script>
 +
 
 +
<title>Team:HKUST-Hong Kong - 2012.igem.org</title>
 +
 
 +
<style type="text/css">
 +
 
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
 +
}
 +
#content {
 +
    border-left-width:1px;
 +
    border-right-width:1px;
 +
    width:965px;
 +
}
 +
#top-section {     
 +
        background-position: center center;
 +
        background-repeat: no-repeat;
 +
        background-color: #92d2ff;
 +
        border-width:0px;
 +
        height:0;
 +
}
 +
#siteSub {
 +
    display:none;
 +
}
 +
#contentSub {
 +
    display:none;
 +
}
 +
#search-controls {
 +
    margin-top:14px;
 +
}
 +
#menubar {
 +
    background-color:  #000000;
 +
    top: -4px;
 +
    width: 488px;
 +
    height:40px;
 +
    position:absolute;
 +
    top:-40px;
 +
    border-bottom:3px solid #FF8A00;
 +
}
 +
 
 +
#menubar ul li a {
 +
    color: #007da6;
 +
}
 +
 
 +
#menubar.right-menu{
 +
positon:relative;
 +
}
 +
 
 +
.right-menu li a {
 +
    color: #007da6; 
 +
    background-color: #000000;
 +
}
 +
 
 +
#search-controls{
 +
display:none;
 +
}
 +
 
 +
#Notebook_Content{
 +
      width:200px;
 +
      margin-left:10px;
 +
      margin-right:10px;
 +
      background-color:#FFDDFF;
 +
      display:none;
 +
      height:auto;
 +
}
 +
 
 +
#Modeling_Content{
 +
      width:200px;
 +
      margin-left:10px;
 +
      margin-right:10px;
 +
      background-color:#DDFFFF;
 +
      display:none;
 +
      height:auto;
 +
}
 +
 
 +
#topHeader{
 +
      width:965px;
 +
      height:320px;
 +
}
 +
 
 +
.firstHeading{
 +
        width:950px;
 +
        alignment-adjust:right;
 +
        visibility:hidden;
 +
        display:none;
 +
}
 +
 
 +
#contentSub{
 +
        display:none;
 +
}
 +
 
 +
#globalWrapper{
 +
        background-color:#999;
 +
}
 +
 
 +
#content {
 +
background-color: #FFF;
 +
border-left-color:#FFF;
 +
border-right-color:#FFF;
 +
}
 +
 
 +
 
 +
#Navigation_top{
 +
padding-top:20px;
 +
width:971px;
 +
height:auto;
 +
background-color: #FFBB55;
 +
float:left;
 +
border-left:3px solid #FF8A00;
 +
border-right:3px solid #FF8A00;
 +
border-bottom:3px solid #FF8A00;
 +
position:relative;
 +
background-image:url('http://www.anders.bennehag.com/wp-content/uploads/2009/02/hkust2.jpg');
 +
top:-20px;
 +
left:-6px;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
.Navigation_Buttons{
 +
width:168px;
 +
height:50px;
 +
margin:10px;
 +
position:relative;
 +
float:left;
 +
background-color:#333333;
 +
opacity:0.6;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
.Navigation_Buttons h3 p{
 +
color:#FFFFFF;
 +
}
 +
 
 +
div.Navigation_Content{
 +
width:950px;
 +
height:auto;
 +
margin:7px;
 +
display:none;
 +
float:left;
 +
opacity:0.6;
 +
background-color:#555555;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
.Navigation_Content#Home_Content{
 +
position:inherit;
 +
}
 +
 
 +
.Content_Buttons{
 +
width:164px;
 +
height:50px;
 +
margin:10px;
 +
background-color:#000000;
 +
padding-top:20px;
 +
opacity:1.0;
 +
position:relative;
 +
text-align:center;
 +
vertical-align:middle;
 +
float:left;
 +
border:3px solid #FFFFFF;
 +
border-radius:7px;
 +
-moz-border-radius:7px;
 +
}
 +
 
 +
.Content_Buttons p a{
 +
color:#33DDFF;
 +
text-decoration:none;
 +
size:10px;
 +
}
 +
 
 +
.Upper_Logos#iGEM_Logo{
 +
width:480px;
 +
height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png');
 +
background-size:100px 80px;
 +
background-repeat:no-repeat;
 +
float:left;
 +
}
 +
 
 +
.Upper_Logos#HKUST_Logo{
 +
width:480px;
 +
height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2012/b/b0/UCL-Igem.png');
 +
background-size:70px 80px;
 +
background-repeat:no-repeat;
 +
float:right;
 +
}
 +
 
 +
#Side_Bar{
 +
clear:both;
 +
width:265px;
 +
height:750px;
 +
background-color:#CCFFCC;
 +
float:right;
 +
border:3px solid #99FF99;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
#News_Bar{
 +
background-color:#FFDDDD;
 +
border:3px solid #FF9999;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
width:265px;
 +
height:auto;
 +
padding-bottom:10px;
 +
margin-bottom:10px;
 +
}
 +
 
 +
#News_Content{
 +
border:1px solid #FF9999;
 +
width:250px;
 +
height:200px;
 +
overflow:auto;
 +
border-radius:6px;
 +
-moz-border-radius:6px;
 +
display:none;
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
 +
<body>
 +
        <div id="Navigation_top">
 +
          <div id="iGEM_Logo" class="Upper_Logos"></div>
 +
          <div id="HKUST_Logo" class="Upper_Logos"></div>
 +
          <div class="Navigation_Buttons" id="Home" align="center"><h3><p>HOME</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Project" align="center"><h3><p>PROJECT</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Team" align="center"><h3><p>TEAM</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Parts" align="center"><h3><p>PARTS</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
 +
 
 +
          <div class="Navigation_Content" id="Home_Content">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong">Home Page</a></p></div>
 +
              <div class="Content_Buttons"><p>content1</p></div>
 +
              <div class="Content_Buttons"><p>content2</p></div>
 +
              <div class="Content_Buttons"><p>content3</p></div>
 +
              <div class="Content_Buttons"><p>content4</p></div>
 +
              <div class="Content_Buttons""><p>content5</p></div>
 +
              <div class="Content_Buttons"><p>content6</p></div>
 +
          </div>
 +
          <div class="Navigation_Content" id="Project_Content">
 +
              <div class="Content_Buttons"><p>Our Project</p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project">Project Description</a></p></div>
 +
              <div class="Content_Buttons"><p>content1</p></div>
 +
              <div class="Content_Buttons"><p>content2</p></div>
 +
              <div class="Content_Buttons"><p>content3</p></div>
 +
              <div class="Content_Buttons"><p>content4</p></div>
 +
          </div>
 +
          <div class="Navigation_Content" id="Team_Content" align="center">
 +
          </div>
 +
          <div class="Navigation_Content" id="Parts_Content" align="center">
 +
          </div>
 +
          <div class="Navigation_Content" id="Extras_Content" align="center">
 +
          </div>
 +
        </div>
 +
       
 +
        <div><p><font color="red"><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project">*NEW! click here to view our project description!</a></font></p></div>
 +
 
 +
<div id="News_Bar" align=center style="float:right;">
 +
<h3 id="News_Click">Click to See What's New!!!</h3>
 +
<div id="News_Content">
 +
  <p>
 +
  <a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project" target="_new">**Our Project Description has been uploaded, click here to view our project description!</a>  </p>
 +
  <p>
 +
  <a href="https://igem.org/About" target="_new">**Don't know what's iGEM? Click here to learn more!</a>
 +
  </p>
 +
  <p>
 +
  <a href="https://igem.org/Team_Wikis?year=2012" target="_new">**Check out what other teams are doing!</a>
 +
  </p>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div id="Side_Bar" align=center>
 +
  <object type="application/x-shockwave-flash" height="120" width="250" data="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf">
 +
<param name="movie" value="http://www.usflashmap.com/component/cdt_new/cdt2_1.swf" />
 +
<param name="base" value="http://www.usflashmap.com/component/cdt_new/" />
 +
<param name="flashvars" value="
 +
      &timer=1&
 +
      &time_template=3:ss;2:mm;1:hh;0:dd&
 +
      &time_color=0x000000&
 +
      &label_color=0x000000&
 +
      &background_color=0xFFFFFF&
 +
      &flare_view=true&
 +
      &time_label=d:DAY;h:HOUR;m:MIN;s:SEC&
 +
      &time_zone=Local time&
 +
      &event_time=year:2012;month:10;day:6;hour:0;minute:0;seconds:0&
 +
      &event_duration=year:0;month:0;day:0;hour:0;minute:0;seconds:0&
 +
      &event_recursion=hourly&
 +
      &onpress_url=-&
 +
      &event_onpress_url=-&
 +
      &title=time to HKUST!&
 +
      &event_title=event&
 +
      &sound_file=-&
 +
      &event_sound_file=-&
 +
      &transparent=true&
 +
" />
 +
<param name="quality" value="high" />
 +
<param name="wmode" value="transparent" />
 +
<param name="scale" value="noscale" />
 +
<param name="salign" value="lt" />
 +
</object>
 +
 
 +
<div id="Chrome_Rec" width="240px" height="40px" style="padding:10px;">
 +
<img src="https://static.igem.org/mediawiki/2012/c/c1/Google_Chrome.png"  width="35px" height="35px" id="Chrome_Logo" style="float:left;">
 +
<div style="float:left; margin-left:5px;" align=left><font size="1"><a href="https://www.google.com/intl/en/chrome/browser/?hl=en&brand=CHMB&utm_campaign=zh-HK&utm_source=zh-HK-ha-apac-hk-sk&utm_medium=ha">Google Chrome</a> is recommended<br> for viewing this page.</font></div>
 +
</div>
 +
</div>
 +
 
 +
        <div id="Slideshow">
 +
<ul>
 +
<li>
 +
        <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="670" height="420" />
 +
            <p>Write something here</p>
 +
        </li>
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/f/f7/TestingPics1.jpg" width="670" height="420" />
 +
            <p>Write something here</p>
 +
        </li>
 +
<li>
 +
        <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="670" height="420" />
 +
            <p>Write something here</p>
 +
        </li>
 +
<li>
 +
        <img src="https://static.igem.org/mediawiki/2012/9/9c/TestingPics2.jpg" width="670" height="420" />
 +
            <p>Write something here</p>
 +
        </li>
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="670" height="420" />
 +
            <p>Write something here</p>
 +
        </li>
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/8/87/TestingPics3.jpg" width="670" height="420" />
 +
            <p>Write something here</p>
 +
        </li>
 +
        <li>
 +
        <img src="https://static.igem.org/mediawiki/2012/4/49/HKUST_RED_BIRD.jpg" width="670" height="420" />
 +
            <p>Write something here</p>
 +
        </li>
 +
</ul>
 +
 +
 
 +
        </div>
 +
 
 +
        <div id="paragraph1" class="bodyParagraphs">
 +
          <div align="left">
 +
              <h1><p>First Paragraph</p></h1>
 +
          </div>
 +
     
 +
 
 +
<style type="text/css">
 +
 
 +
#Slideshow{
 +
width:4000px;
 +
box-shadow: 5px 5px 5px #888888;
 +
}
 +
 
 +
#Slideshow ul{
 +
list-style:none;
 +
width:4000px;
 +
margin:0;
 +
padding:0;
 +
position:relative;
 +
}
 +
 
 +
#Slideshow li{
 +
display:inline;
 +
float:left;
 +
}
 +
 
 +
</style>
 +
 
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://static.igem.org/mediawiki/2012/9/91/Slide_Show.txt"></script>
 +
 
 +
<script type="text/javascript">
 +
 
 +
$(function(){
 +
 +
$('#Slideshow').infiniteCarousel();
 +
 
 +
});
 +
 
 +
</script>
 +
        </div>
 +
 
 +
        <div id="paragraph2" class="bodyParagraphs">
 +
          <div align="center">
 +
              <h1><p>Second Paragraph</p></h1>
 +
          </div>         
 +
        </div>
 +
 
 +
        <div id="paragraph3" class="bodyParagraphs">
 +
          <div align="Right">
 +
              <h1><p>Third Paragraph</p></h1>
 +
          </div>
 +
        </div>
 +
<style type="text/css">
 +
 
 +
#paragraph1{
 +
background-color:#EDFFFF;
 +
width:680px;
 +
height:auto;
 +
float:left;
 +
padding-bottom:5px;
 +
padding-left:5px;
 +
margin-top:5px;
 +
margin-bottom:5px;
 +
border:3px solid #A1FFFF;
 +
border-radius: 10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
#paragraph2{
 +
background-color:#FFEDFF;
 +
width:680px;
 +
height:400px;
 +
float:left;
 +
padding-bottom:5px;
 +
padding-left:5px;
 +
margin-top:5px;
 +
margin-bottom:5px;
 +
border:3px solid #FFA1FF;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
#paragraph3{
 +
background-color:#FFFFDD;
 +
width:680px;
 +
height:400px;
 +
float:left;
 +
margin-top:5px;
 +
margin-bottom:5px;
 +
padding-bottom:5px;
 +
padding-left:5px;
 +
border:3px solid #FFFFA1;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
</body>
 +
</html>

Latest revision as of 08:12, 13 August 2012

Team:HKUST-Hong Kong - 2012.igem.org

*NEW! click here to view our project description!

  • Write something here

  • Write something here

  • Write something here

  • Write something here

  • Write something here

  • Write something here

  • Write something here

First Paragraph

Second Paragraph

Third Paragraph

Retrieved from "http://2012.igem.org/Template:SUSTC/pd_work1"