Difference between revisions of "Team:Peking/Parts"

Line 46: Line 46:
 
         max-width:200px;margin-top:5px; margin-bottom:10px;  
 
         max-width:200px;margin-top:5px; margin-bottom:10px;  
 
         }
 
         }
 +
        @media (min-width:1024px){
 +
      #sidebar1{position:relative;top:100px;}
 +
      #sidebar2{display:none;}
 +
      #nav-top{height:88px;}
 +
 +
    }
 +
      @media (max-width: 1023px){
 +
      #sidebar1{display:none;}
 +
      #sidebar2{display:block;}
 +
 +
    }
 
        
 
        
 
     </style>
 
     </style>
Line 78: Line 89:
 
                          
 
                          
 
                         <!-- Start Navigation List -->
 
                         <!-- Start Navigation List -->
−
                         <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
+
                         <ul class="nav navbar-nav navbar-right " id="nav-top" style="padding-bottom:15px;padding-top:10px">
 
                             <li>
 
                             <li>
 
                                 <a href="https://2015.igem.org/Team:Peking">Home</a>
 
                                 <a href="https://2015.igem.org/Team:Peking">Home</a>
Line 161: Line 172:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-6">
 
           <div class="col-md-6">
−
             <h2 style="font-size:18px"><b>Parts</b></h2>
+
             <h2><b>Parts</b></h2>
−
             <p style="font-size:14px">Each part give us a new experience.</p>
+
             <p>Each part give us a new experience.</p>
 
           </div>
 
           </div>
 
           <div class="col-md-6">
 
           <div class="col-md-6">
Line 183: Line 194:
 
           <div class="col-md-3 sidebar left-sidebar">
 
           <div class="col-md-3 sidebar left-sidebar">
 
             <!-- Categories Widget -->
 
             <!-- Categories Widget -->
−
             <div class="widget widget-categories">
+
             <div id="sidebar1"class="widget widget-categories">
−
               <h4 style="font-size:16px">Parts <span class="head-line"></span></h4>
+
               <h4>Parts <span class="head-line"></span></h4>
−
                 <ul style="font-size:14px">
+
                 <ul>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Parts" style="color:#00afd1">Parts Document</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Basic_Part">Basic Parts</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Composite_Part">Composite Parts</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Part_Collection">Parts Collection</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
 
 +
            <div id="sidebar2"class="widget widget-categories">
 +
              <h4>Parts <span class="head-line"></span></h4>
 +
                <ul>
 
                 <li>
 
                 <li>
 
                   <a href="https://2015.igem.org/Team:Peking/Parts" style="color:#00afd1">Parts Document</a>
 
                   <a href="https://2015.igem.org/Team:Peking/Parts" style="color:#00afd1">Parts Document</a>
Line 431: Line 463:
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
 +
 +
  <script type="text/javascript" >
 +
function menuFixed(id){
 +
var obj = document.getElementById(id);
 +
var _getHeight = obj.offsetTop;
 +
 +
window.onscroll = function(){
 +
changePos(id,_getHeight);
 +
}
 +
}
 +
function changePos(id,height){
 +
var obj = document.getElementById(id);
 +
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
 +
if(scrollTop < height){
 +
obj.style.position = 'relative';
 +
}else{
 +
obj.style.position = 'fixed';
 +
}
 +
}
 +
</script>
 +
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
menuFixed('sidebar1');
 +
}
 +
</script>
 +
 
    
 
    
 
    
 
    
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:35, 22 August 2015

Peking iGEM 2015

Parts

Each part give us a new experience.

Favorite Parts

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Parts List

Name Description Length
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234

Sponsors

Contact us

Peking iGEM 2015 Logo
  • Email: pekingigem@gmail.com
  • Website: 2015.igem.org/Team:Peking
  • Address: Peking University,
    No.5 Yiheyuan Road Haidian District,
    Beijing, P.R.China 100871

© 2015 Peking iGEM - All Rights Reserved