Difference between revisions of "Team:ZJU-China/template/head"

 
(12 intermediate revisions by 2 users not shown)
Line 25: Line 25:
 
}
 
}
 
}
 
}
</script>  
+
 
 +
</script>
 +
 
 +
 
 +
 
   <!--GLOBE SET--------------------------->  
 
   <!--GLOBE SET--------------------------->  
  
 
   <div id="gl-outer-wrapper" class="gl-zh cf" style="">  
 
   <div id="gl-outer-wrapper" class="gl-zh cf" style="">  
   <div id="gl-header" class="cf gl-header-fixed" style="left: 0px;max-width:1440px">  
+
   <div id="gl-header" class="cf gl-header-fixed" style="max-width:1440px">  
 
     <div id="gl-header-top">  
 
     <div id="gl-header-top">  
 
     </div>  
 
     </div>  
Line 61: Line 65:
 
 
 
 
         <div class="gl-col gl-col1" style="width: 33.3%;">  
+
         <div class="gl-col gl-col1">  
           <a href="https://2015.igem.org/Team:ZJU-China/Parts" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Team Part</span> <span>Warnning:NULL</span> </a>  
+
           <a href="https://2015.igem.org/Team:ZJU-China/Parts" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Team Part</span> <span>Team Part</span> </a>  
 
         </div>  
 
         </div>  
 
 
 
 
 
 
 
 
 
 
 
 
         <div class="gl-col gl-col2" style="width: 33.3%;">   
+
         <div class="gl-col gl-col2">   
           <a href="https://2015.igem.org/Team:ZJU-China/Basic_Part" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Basic Part</span> <span>Warnning:NULL</span> </a>  
+
           <a href="https://2015.igem.org/Team:ZJU-China/Basic_Part" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Basic Part</span> <span>Basic Part</span> </a>  
 
         </div>  
 
         </div>  
 
 
 
 
 
 
 
 
         <div class="gl-col gl-col3" style="width: 33.3%;">   
+
         <div class="gl-col gl-col3"
           <a href="https://2015.igem.org/Team:ZJU-China/Composite_Part" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Composite Part</span> <span>Warnning:NULL</span> </a>  
+
          <a href="https://2015.igem.org/Team:ZJU-China/Description" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Improved  Part</span> <span>Improved  Part</span> </a>
 +
        </div>
 +
 +
<div class="gl-col gl-col4">   
 +
           <a href="https://2015.igem.org/Team:ZJU-China/Composite_Part" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Composite Part</span> <span>Composite Part</span> </a>  
 
         </div>  
 
         </div>  
 
 
 
 
Line 93: Line 101:
 
 
 
         <div class="gl-col gl-col1" style="width: 33.3%;">  
 
         <div class="gl-col gl-col1" style="width: 33.3%;">  
           <a href="https://2015.igem.org/Team:ZJU-China/Project" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Overview</span> <span>Quick view for Outreach</span> </a>  
+
           <a href="https://2015.igem.org/Team:ZJU-China/Project" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Overview</span> <span>Quick view for our project</span> </a>  
 
           <a href="https://2015.igem.org/Team:ZJU-China/Project/Termite_Issue" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Termite Issue</span> <span>The Termite Issue</span> </a>  
 
           <a href="https://2015.igem.org/Team:ZJU-China/Project/Termite_Issue" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Termite Issue</span> <span>The Termite Issue</span> </a>  
 
         </div>  
 
         </div>  
Line 132: Line 140:
 
         <div class="gl-col-wrapper">  
 
         <div class="gl-col-wrapper">  
 
         <div class="gl-col gl-col1">  
 
         <div class="gl-col gl-col1">  
           <a href="https://2015.igem.org/Team:ZJU-China/Practices" class="gl-hover"><span><i class="gl-icon gl-r2-c34"></i>Overview</span> <span>Quick view for ZJU-China</span> </a>  
+
           <a href="https://2015.igem.org/Team:ZJU-China/Practices" class="gl-hover"><span><i class="gl-icon gl-r2-c34"></i>Overview</span> <span>Quick view for Outreach</span> </a>  
 
           <div>  
 
           <div>  
 
           <span><i class="gl-icon gl-r2-c34"></i><p>Society</p></span>  
 
           <span><i class="gl-icon gl-r2-c34"></i><p>Society</p></span>  
Line 159: Line 167:
 
<div class="gl-col gl-col3">  
 
<div class="gl-col gl-col3">  
 
           <div>  
 
           <div>  
           <span><i class="gl-icon gl-r2-c34"></i><p>Human Practice</p></span>  
+
           <span><i class="gl-icon gl-r2-c34"></i><p>Public Promotion</p></span>  
 
           <ul>  
 
           <ul>  
 
             <li><a href="https://2015.igem.org/Team:ZJU-China/Practices/Public_Promotion/Poly-cards">Poly-cards</a></li>  
 
             <li><a href="https://2015.igem.org/Team:ZJU-China/Practices/Public_Promotion/Poly-cards">Poly-cards</a></li>  
Line 267: Line 275:
 
  <div id="gl-submenu-three" class="gl-submenu">  
 
  <div id="gl-submenu-three" class="gl-submenu">  
 
<div class="gl-col-wrapper">  
 
<div class="gl-col-wrapper">  
         <div class="gl-col gl-col2"  style="width: 50%;">   
+
           <a href="https://2015.igem.org/Team:ZJU-China/Results" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>experiment result</span> <span>The experiment result</span> </a>  
+
         <div class="gl-col gl-col1">   
 +
           <a href="https://2015.igem.org/Team:ZJU-China/Results" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Experiment Results</span> <span>toxins manufacture</span> </a>  
 
         </div>  
 
         </div>  
<div class="gl-col gl-col3"  style="width: 50%;">   
+
         <a href="https://2015.igem.org/Team:ZJU-China/Results/social_result" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>social result</span> <span>The social result</span> </a>  
+
<div class="gl-col gl-col2"> 
 +
        <a href="https://2015.igem.org/Team:ZJU-China/Results/second" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Experiment Result</span> <span>bacteria carrier</span> </a>
 +
        </div>
 +
 +
 +
<div class="gl-col gl-col3">  
 +
        <a href="https://2015.igem.org/Team:ZJU-China/Results/third" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Experiment Result</span> <span>termites simulation</span> </a>
 +
        </div>
 +
 +
<div class="gl-col gl-col4">   
 +
         <a href="https://2015.igem.org/Team:ZJU-China/Results/social_result" class="gl-hover"> <span><i class="gl-icon gl-r2-c34"></i>Social Result</span> <span>social results</span> </a>  
 
         </div>  
 
         </div>  
 
         </div>
 
         </div>
Line 344: Line 363:
 
   </div>  
 
   </div>  
  
<link rel="stylesheet" href="https://2015.igem.org/Team:ZJU-China/css/member/templatemo-style?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2015.igem.org/Team:ZJU-China/css/globe/loading?action=raw&ctype=text/css">
 +
<body style="overflow:scroll;overflow-y:hidden">
 +
 
 
<div id="loader-wrapper">
 
<div id="loader-wrapper">
 
     <div id="loader"></div>
 
     <div id="loader"></div>
Line 362: Line 383:
 
                 jQuery('#loader').fadeOut(); // will first fade out the loading animation
 
                 jQuery('#loader').fadeOut(); // will first fade out the loading animation
 
jQuery('#loader_logo').fadeOut(); // will first fade out the loading animation
 
jQuery('#loader_logo').fadeOut(); // will first fade out the loading animation
                    jQuery('#loader-wrapper').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
+
                jQuery('#loader-wrapper').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
 
                 jQuery('body').delay(350).css({'overflow-y':'visible'});
 
                 jQuery('body').delay(350).css({'overflow-y':'visible'});
 +
                jQuery('body').delay(350).css({'overflow-y':'scroll'});
 
             })
 
             })
 
             //]]>
 
             //]]>

Latest revision as of 11:01, 18 September 2015