Team:Hong Kong-CUHK/projectA-biobricks.html

From 2014.igem.org

<style type="text/css"> .fixed {

   position: fixed;

} /* sidebar */

.bs-docs-sidebar {

   padding-left: 20px;
   margin-top: 20px;
   margin-bottom: 20px;

} /* all links */

.bs-docs-sidebar .nav>li>a {

   color: #999;
   border-left: 2px solid transparent;
   padding: 4px 20px;
   font-size: 13px;
   font-weight: 400;

} /* nested links */

.bs-docs-sidebar .nav .nav>li>a {

   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 30px;
   font-size: 12px;

} /* active & hover links */

.bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>li>a:hover, .bs-docs-sidebar .nav>li>a:focus {

   color: #563d7c;
   text-decoration: none;
   background-color: transparent;
   border-left-color: #563d7c;

} /* all active links */

.bs-docs-sidebar .nav>.active>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active:focus>a {

   font-weight: 700;

} /* nested active links */

.bs-docs-sidebar .nav .nav>.active>a, .bs-docs-sidebar .nav .nav>.active:hover>a, .bs-docs-sidebar .nav .nav>.active:focus>a {

   font-weight: 500;

} /* hide inactive nested list */

.bs-docs-sidebar .nav ul.nav {

   display: none;

} /* show active nested list */

.bs-docs-sidebar .nav>.active>ul.nav {

   display: block;

} .subgroup.well {

   text-align: justify;
   background-color: rgba(250, 255, 200, 0.7);

} </style>

   <nav class="col-xs-3 bs-docs-sidebar">

   </nav>

       <section id="T7expression" class="group">

       </section>

<script type="text/javascript"> $(document).ready(function() {

   $('body').scrollspy({
       target: '.bs-docs-sidebar',
       offset: 100
   });
   $(window).scroll(function(e) {
       var scrollTop = $(window).scrollTop();
       if (scrollTop > 250) {
           $('#sidebar').addClass('fixed').offset({
               top: scrollTop
           });
       } else {
           $('#sidebar').removeClass('fixed');
       }
   });

}); </script>