Team:HKUST-Hong Kong/Safety

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong>  have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
  <script type="text/javascript">
 +
  $(document).ready(function(){
 +
    $('#Home').mouseover(function(){
 +
    $('#Home').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Home').mouseleave(function(){
 +
    $('#Home').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Project').mouseover(function(){
 +
    $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#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");
 +
    });
 +
  });
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
</script>
-
!align="center"|[[Team:HKUST-Hong_Kong|Home]]
+
-
!align="center"|[[Team:HKUST-Hong_Kong/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=HKUST-Hong_Kong Official Team Profile]
+
-
!align="center"|[[Team:HKUST-Hong_Kong/Project|Project]]
+
-
!align="center"|[[Team:HKUST-Hong_Kong/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:HKUST-Hong_Kong/Modeling|Modeling]]
+
-
!align="center"|[[Team:HKUST-Hong_Kong/Notebook|Notebook]]
+
-
!align="center"|[[Team:HKUST-Hong_Kong/Safety|Safety]]
+
-
!align="center"|[[Team:HKUST-Hong_Kong/Attributions|Attributions]]
+
-
|}
+
 +
<title>Team:HKUST-Hong Kong - 2012.igem.org</title>
-
Use this page to answer the questions on the [[Safety | safety page]].
+
<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#Home{
 +
clear:both;
 +
}
 +
 
 +
.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:100px;
 +
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:80px;
 +
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:left;
 +
}
 +
 
 +
#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><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project_Abstraction">Project Abstraction</a></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>
 +
       
 +
</body>
 +
</html>

Revision as of 16:02, 7 September 2012

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

Retrieved from "http://2012.igem.org/Team:HKUST-Hong_Kong/Safety"