Difference between revisions of "Team:BNU-China/Description"

Line 10: Line 10:
 
<link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--Regular.ttf"/>
 
<link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--Regular.ttf"/>
 
                 <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/background?action=raw&ctype=text/css"/>
 
                 <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/background?action=raw&ctype=text/css"/>
                 <style>
+
                 <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/template?action=raw&ctype=text/css
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/
+
" />
 
+
<script type="text/javascript" src="https://2017.igem.org/Template:BNU-China/Javascript/index?action=raw&ctype=text/javascript
#top_title {
+
"></script>
        margin-bottom: 0!important;
+
}
+
 
+
#top_menu_under {
+
        height: 0;
+
}
+
 
+
#HQ_page{
+
        margin-left:0 !important;
+
}
+
 
+
#globalWrapper,#content{
+
width: 100%;
+
height: 100%;
+
border: 0px;
+
margin: 0px;
+
padding: 0px;
+
}
+
 
+
#HQ_page p {
+
        text-align: inherit!important;
+
}
+
 
+
#HQ_page table,ul {
+
margin-left: 0 !important;
+
}
+
 
+
#content{
+
line-height:normal;
+
}
+
 
+
.mw-content-ltr ul {
+
      margin: 0  !important;
+
}
+
 
+
* {
+
  -webkit-box-sizing: border-box;!important
+
    -moz-box-sizing: border-box;!important
+
          box-sizing: border-box;!important
+
}
+
 
+
#w_Panel>ul>li>a:visited{
+
      color: rgb(247,237,183);
+
      text-decoration:none;
+
}
+
 
+
#w_Panel>ul>li>a:hover{
+
      color: rgb(247,237,183);
+
      text-decoration:none;
+
}
+
 
+
#w_Panel>ul>li>a:focus{
+
      color: rgb(247,237,183);
+
      text-decoration:none;
+
}
+
                </style>
+
<script type="text/javascript">
+
var navWidth;
+
var navFontSize;
+
var navTop;
+
$(document).ready(function(){
+
<!--导航栏自适应-->
+
$("#top_title").hide();
+
$("#sideMenu").hide();
+
if($(window).width()>=480){
+
$("#w_nav>div").hide();
+
}
+
if($(window).width()<480){
+
$("#w_nav>ul").hide();
+
$("#w_nav>div>ul").hide();
+
}
+
$("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25});
+
$("#w_nav>ul").css({"top":$(window).width()/1280*(-41)});
+
$("#w_nav>div>ul").css({"top":$(window).width()/1280*(-41)});
+
navWidth=$(window).width();
+
navFontSize=$("#w_nav>ul>li>a").css("font-size");
+
navTop=$("#w_nav>ul").css("top");
+
 
+
$("#w_nav>div>p").click(function(){
+
$("#w_nav>div>ul").slideToggle();
+
});
+
<!--侧栏自适应-->
+
$("#w_menu>li>ul").hide().click(function(event){
+
event.stopPropagation();
+
});
+
 
+
$("#w_menu>li").click(function(){
+
var menuFlag=true;
+
if($(this).find('ul').is(":visible"))
+
menuFlag=false;
+
$("#w_menu>li>ul:visible").slideUp();
+
if(menuFlag)
+
$(this).find('ul').slideToggle();
+
});
+
 
+
$("#w_menu>li>ul>li>p").click(function(){
+
var x=$(this).data("id");
+
$('html').animate({scrollTop:$(x).offset().top-$("#w_nav").height()*2/3},500);
+
});
+
<!--悟空眼睛-->
+
$(document).mousemove(function(e){
+
          var x=$("#eye").width()/2;
+
          var y=$("#eye").height()/2;
+
          $("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))});
+
        });
+
 
+
});
+
<!--导航栏首页故事自适应-->
+
$(window).resize(function(){
+
if($(window).width()>=480){
+
$("#w_nav>div").hide();
+
$("#w_nav>ul").show();
+
$("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize)*parseFloat(String($(window).width()))/parseFloat(String(navWidth)),"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
+
$("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
+
$("#w_nav>div>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
+
navWidth=$(window).width();
+
navFontSize=$("#w_nav>ul>li>a").css("font-size");
+
navTop=$("#w_nav>ul").css("top");
+
}
+
else{
+
$("#w_nav>ul").hide();
+
$("#w_nav>div").show();
+
$("#w_nav>div>ul").hide();
+
}
+
});
+
</script>
+
 
</head>
 
</head>
 
<body style="background-color:rgb(247,237,183);">
 
<body style="background-color:rgb(247,237,183);">

Revision as of 02:21, 7 October 2017

BNU-China