Difference between revisions of "Template:Fudan-CHINA"

Line 5: Line 5:
 
 
 
 
<!--get jQuery and wiki settings
+
<!--get jQuery and wiki settings------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
0m0;11------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
<style>
 
<style>
#home_logo, #sideMenu,#top,.logo_2018,#firstHeading { display:none; }
+
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
#sideMenu, #top_title, .patrollink {display:none;}
+
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px;  margin:0px; }
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
p{display: none;}
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
#top_menu_14{position: fixed;top:0;}
#top_menu_under{display: none;}
+
 +
 
 +
 
</style>
 
</style>
  
Line 19: Line 20:
 
//jQuery
 
//jQuery
 
</script>
 
</script>
 +
 +
 +
 
 
 +
<!--
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/SuperSlide&amp;action=raw&amp;ctype=text/javascript">
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/SuperSlide&amp;action=raw&amp;ctype=text/javascript">
 
//jQuery_SuperSlide
 
//jQuery_SuperSlide
 
</script>
 
</script>
 +
-->
 
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryAnimateColors&amp;action=raw&amp;ctlype=text/javascript">
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryAnimateColors&amp;action=raw&amp;ctype=text/javascript">
 
//jQuery_AnimateColors
 
//jQuery_AnimateColors
 
</script>
 
</script>
Line 170: Line 176:
 
         width: 51%;
 
         width: 51%;
 
         height: 100%;
 
         height: 100%;
         background: rgba(0,36,49,1); /* loading background color!!!*/
+
         background: rgba(2,28,53,1); /* loading background color!!!*/
 
         z-index: 1000;
 
         z-index: 1000;
 
         -webkit-transform: translateX(0);   
 
         -webkit-transform: translateX(0);   
Line 227: Line 233:
 
myBgVideo.addEventListener('canplaythrough',function(){
 
myBgVideo.addEventListener('canplaythrough',function(){
 
setTimeout(function(){ $('body').addClass('loaded');
 
setTimeout(function(){ $('body').addClass('loaded');
         $('#loader-wrapper .load_title').remove(); }, 100);
+
         $('#loader-wrapper .load_title').remove(); }, 500);
 
});
 
});
 
});
 
});
Line 247: Line 253:
  
 
 
<!--make the menu hidden------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--make the menu hidden-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
Line 289: Line 295:
 
}
 
}
 
</style>
 
</style>
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
+
--------------------------------------------------------------------------------------------------------------------------------------------------->
 
 
 
 
Line 303: Line 309:
 
overflow: hidden;
 
overflow: hidden;
 
position:fixed;
 
position:fixed;
width: 1500px;
+
width: 80%;
 
}
 
}
 
.navLi:not(.navImg){
 
.navLi:not(.navImg){
Line 381: Line 387:
 
         var topDis = $(window).scrollTop();
 
         var topDis = $(window).scrollTop();
 
if(topDis >150){
 
if(topDis >150){
$("#navUl").stop().animate({top:'0px',backgroundColor:"rgba(4,198,215,1)",boxShadow:"0px 0px 5px"},"fast");
+
$("#navUl").stop().animate({top:'11px',backgroundColor:"rgba(32,22,99,1.00)",boxShadow:"0px 0px 5px"},"fast");
 
    $(".navA:not(.activeA)").hover(function () {
 
    $(".navA:not(.activeA)").hover(function () {
 
                 $(this).addClass("jqhover");
 
                 $(this).addClass("jqhover");
Line 403: Line 409:
 
 
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
 
 
  
  

Revision as of 06:13, 24 September 2018