Difference between revisions of "Team:Peking/Basic Part"

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:120px;}
 +
      #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 style="font-size:18px">Parts <span class="head-line"></span></h4>
                 <ul style="font-size:14px">
+
                 <ul>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Basic_Part" style="color:#00afd1">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 style="font-size:18px">Parts <span class="head-line"></span></h4>
 +
                <ul>
 
                 <li>
 
                 <li>
 
                   <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
 
                   <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
Line 388: Line 420:
 
   <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 05:41, 22 August 2015

Parts

Each part give us a new experience.

Basic Parts

Basic Parts 1

Fig.1 At vero eos et

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.

Basic Parts 2

Fig.2 At vero eos et

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.

Basic Parts 3

Fig.2 At vero eos et

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.

References

[1] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[2] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[3] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[4] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[5] At vero eos et accusamus et iusto odio dignissimos ducimus qui