Team:HKU HongKong/Human Practise.html

From 2012.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generat...")
 
(4 intermediate revisions not shown)
Line 400: Line 400:
}
}
-
/*=================================*/
+
#footer-box{
-
/* Nivo Slider Demo
+
        position: relative;
-
/* November 2010
+
        top: 1000px;
-
/* By: Gilbert Pellegrom
+
-
/* http://dev7studios.com
+
-
/*=================================*/
+
-
 
+
-
 
+
-
#slider-wrapper {
+
-
    background:url(https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg) no-repeat;
+
-
    width: 995px;
+
-
    height: 239px;
+
-
    margin:0 auto;
+
-
}
+
-
 
+
-
#slider {
+
-
position:relative;
+
-
    width: 995px;
+
-
    height: 239px;
+
-
background:url(images/loading.gif) no-repeat 50% 50%;
+
-
}
+
-
#slider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
display:none;
+
-
}
+
-
#slider a {
+
-
border:0;
+
-
display:block;
+
-
}
+
-
 
+
-
.nivo-controlNav {
+
-
position:absolute;
+
-
left: 440px;
+
-
bottom: -16px;
+
-
 
+
-
}
+
-
.nivo-controlNav a {
+
-
display:block;
+
-
width:22px;
+
-
height:22px;
+
-
background:url(https://static.igem.org/mediawiki/2012/3/35/HKU_circl.png) no-repeat;
+
-
text-indent:-9999px;
+
-
border:0;
+
-
margin-right:3px;
+
-
float:left;
+
-
}
+
-
.nivo-controlNav a.active, .nivo-controlNav a:hover {
+
-
background:url(https://static.igem.org/mediawiki/2012/5/5e/Circl_hover.png) no-repeat;
+
-
}
+
-
 
+
-
.nivo-directionNav a {
+
-
display:block;
+
-
width:30px;
+
-
height:30px;
+
-
background:url(https://static.igem.org/mediawiki/2012/9/99/HKU_arr12.png) no-repeat;
+
-
text-indent:-9999px;
+
-
border:0;
+
-
}
+
-
a.nivo-nextNav {
+
-
background-position:-30px 0;
+
-
right:15px;
+
-
}
+
-
a.nivo-prevNav {
+
-
left:15px;
+
-
}
+
-
 
+
-
.nivo-caption {
+
-
    text-shadow:none;
+
-
    font-family: Helvetica, Arial, sans-serif;
+
-
}
+
-
.nivo-caption a {
+
-
    color:#efe9d1;
+
-
    text-decoration:underline;
+
-
}
+
-
 
+
-
/* The Nivo Slider styles */
+
-
 
+
-
.nivoSlider {
+
-
position:relative;
+
-
}
+
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
-
padding:0;
+
-
margin:0;
+
-
z-index:60;
+
-
display:none;
+
-
}
+
-
/* The slices in the Slider */
+
-
.nivo-slice {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:50;
+
-
height:100%;
+
-
}
+
-
/* Caption styles */
+
-
.nivo-caption {
+
-
position:absolute;
+
-
left:0px;
+
-
bottom:0px;
+
-
background:#000;
+
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:100%;
+
-
z-index:89;
+
-
}
+
-
.nivo-caption p {
+
-
padding:5px;
+
-
margin:0;
+
-
}
+
-
.nivo-caption a {
+
-
display:inline !important;
+
-
}
+
-
.nivo-html-caption {
+
-
    display:none;
+
-
}
+
-
/* Direction nav styles (e.g. Next & Prev) */
+
-
.nivo-directionNav a {
+
-
position:absolute;
+
-
top:45%;
+
-
z-index:99;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-prevNav {
+
-
left:0px;
+
-
}
+
-
.nivo-nextNav {
+
-
right:0px;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.nivo-controlNav a {
+
-
position:relative;
+
-
z-index:99;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-controlNav a.active {
+
-
font-weight:bold;
+
}
}
Line 600: Line 454:
   <div id="header">
   <div id="header">
<div id="buttons">
<div id="buttons">
-
       <p><img src="https://static.igem.org/mediawiki/2012/0/0e/HKU_logo.fw.jpg" alt="logo_HKU" width="859" height="160" /></p>
+
       <p><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Wiki_Wide_Band.jpg" alt="logo_HKU" width="859" height="160" /></p>
-
      <p>&nbsp;</p>
+
-
      <p>&nbsp;</p>
+
       <p>&nbsp;</p>
       <p>&nbsp;</p>
Line 616: Line 468:
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Project&nbsp;&nbsp;</a>
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Project&nbsp;&nbsp;</a>
     <ul>
     <ul>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Background.html">Background</a></li></font>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Project/Future_Implications.html">Future Implications</a></li></font>
         </ul>
         </ul>
     </li>
     </li>
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Data&nbsp;&nbsp;</a>
     <li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Data&nbsp;&nbsp;</a>
     <ul>
     <ul>
-
    <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Protocols.html">Protocols</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Weekly_Notebook.html">Weekly Notebook</a></li></font>
+
       <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font>
       <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Bio_Bricks.html">Bio Bricks</a></li></font>
-
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
+
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Results.html">Results</a></li></font>
         </ul>
         </ul>
     </li>
     </li>
 +
<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">&nbsp;&nbsp;Protocols&nbsp;&nbsp;</a>
 +
      <ul>
 +
    <li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/Mol_Protocols.html">&nbsp;Molecular Cloning&nbsp;</a></li></font>
 +
<li><font size="10"><a href="https://2012.igem.org/Team:HKU_HongKong/Data/pvdQ_Protocols.html">&nbsp;pvdQ Expression Analysis&nbsp;</a></li></font>
 +
</ul>
 +
</li>
<li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Safety&nbsp;&nbsp;</a></li>     
<li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Safety.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Safety&nbsp;&nbsp;</a></li>     
     <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Attributions&nbsp;&nbsp;</a></li>
     <li class="topmenu"><a href="https://2012.igem.org/Team:HKU_HongKong/Attributions.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Attributions&nbsp;&nbsp;</a></li>
-
     <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practise.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Human Practise&nbsp;&nbsp;</a></li>
+
     <li class="toplast"><a href="https://2012.igem.org/Team:HKU_HongKong/Human_Practice.html" style="height:26px;line-height:26px;">&nbsp;&nbsp;Human Practice&nbsp;&nbsp;</a></li>
</ul>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
-
 
-
<div class="scroll_header">
 
-
  <div id="wrapper">
 
-
        <div id="slider-wrapper">       
 
-
            <div id="slider" class="nivoSlider">
 
-
                <img src="https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg" alt="" />
 
-
                <img src="https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg" alt=""/>
 
-
                <img src="https://static.igem.org/mediawiki/2012/c/c8/HKU_top1.jpg" alt="" />
 
-
            </div>
 
-
            <p>&nbsp;</p>
 
-
            <p>&nbsp;</p>
 
-
            <p>&nbsp;</p>       
 
-
      </div>
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
 
-
    <script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
 
-
    <script type="text/javascript">
 
-
    $(window).load(function() {
 
-
        $('#slider').nivoSlider();
 
-
    });
 
-
    </script>
 
-
</div> <div style="clear: both"></div>
 
-
 
-
</div>
 
-
<div style="clear: both"></div>
 
-
<!-- header ends -->
 
-
    <!-- table begins -->
 
-
  <div id="tb">
 
-
    <div id="right">
 
-
      <p>&nbsp;</p>
 
-
      <p>&nbsp;</p>
 
-
      <div class="text">
 
-
        <div class="col">
 
-
            <div class="col_left">
 
-
                <div class="images" ><br />
 
-
                <br />
 
-
<br />
 
-
          </div>
 
-
                    <div class="read pad_view"><a href="#">view more</a></div>
 
-
            </div>
 
-
                <div class="col_right"></div>
 
-
                    <div class="read"><a href="#"> read more</a></div>
 
-
            </div>
 
-
          </div>
 
-
             
 
-
             
 
-
  </div> 
 
-
          <p>&nbsp;</p>
 
-
          <p>&nbsp;</p>
 
-
          <p>&nbsp;</p>
 
-
          <p>&nbsp;</p>
 
-
            <div id="left">
 
-
        <h1> News</h1>
 
-
              <div class="right_b fish_10"><br />
 
-
                <br />
 
-
              </div>
 
-
              <div class="right_b fish_11"><br />
 
-
              </div>               
 
-
            </div>
 
-
            <div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
 
-
  </div>
 
-
        <div id="bot_tb"></div>
 
-
    <!-- table ends -->
 
-
<!-- footer begins -->
 
-
            <div id="footer">
 
-
            </div>
 
-
        <!-- footer ends -->
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 14:28, 25 September 2012

Team:HKU Hong Kong - 2012

Team:HKU HK

From 2011.igem.org