Difference between revisions of "Team:Peking/JudgingCriteria"

Line 44: Line 44:
 
         }
 
         }
 
     /* to style the team page*/
 
     /* to style the team page*/
        .individual-picture{
+
 
        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 79: Line 86:
 
                          
 
                          
 
                         <!-- Start Navigation List -->
 
                         <!-- Start Navigation List -->
                         <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;height:88px;padding-top:10px">
+
                         <ul id="nav-top" class="nav navbar-nav navbar-right " 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 162: Line 169:
 
         <div class="row">
 
         <div class="row">
 
           <div class="col-md-6">
 
           <div class="col-md-6">
             <h2 style="font-size:18px"><b>Judging Criteria</b></h2>
+
             <h2><b>Judging Criteria</b></h2>
             <p style="font-size:14px">Why we deserve the Gold Medal Prize.</p>
+
             <p>Why we deserve the Gold Medal Prize.</p>
 
           </div>
 
           </div>
 
           <div class="col-md-6">
 
           <div class="col-md-6">
Line 184: Line 191:
 
           <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">Achievements <span class="head-line"></span></h4>
 +
                <ul style="font-size:14px">
 +
                <li>
 +
                  <a href="#Team-Members" style="color:#00afd1">Judging Criteria</a>
 +
                </li>
 +
                <li>
 +
                  <a href="#Team-Instructors">Parts</a>
 +
                </li>
 +
                <li>
 +
                  <a href="#Team-Sponsors">Collaborations</a>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
 
 +
            <div id="sidebar2"class="widget widget-categories">
 
               <h4 style="font-size:16px">Achievements <span class="head-line"></span></h4>
 
               <h4 style="font-size:16px">Achievements <span class="head-line"></span></h4>
 
                 <ul style="font-size:14px">
 
                 <ul style="font-size:14px">
Line 354: Line 376:
 
   <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:20, 22 August 2015

Judging Criteria

Why we deserve the Gold Medal Prize.

Judging Criteria

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.

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.

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.

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.

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.

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.

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.

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.