Difference between revisions of "Template:WHU-China"

 
(39 intermediate revisions by the same user not shown)
Line 16: Line 16:
 
href="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/css/Home/jquery-ui&action=raw&ctype=text/css" />
 
href="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/css/Home/jquery-ui&action=raw&ctype=text/css" />
  
 +
    <style>
 +
@import url("https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Raleway|Montserrat");
  
−
 
−
 
−
    <style>
 
 
@media screen and (max-width: 1600px) {
 
@media screen and (max-width: 1600px) {
 
     body {
 
     body {
Line 31: Line 30:
 
     }
 
     }
 
}  
 
}  
−
 
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/*MENU STYLE */
 
/*MENU STYLE */
Line 78: Line 76:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;height:100%;}
 
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;height:100%;}
−
body {background-color:#C1F2FF; }
+
body {background-color:#C1F2FF;font-family:"Raleway","Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif!important; }
−
+
        h1,h2,h3,h4{
 +
font-family:font-family:"Montserrat","Lato","Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif!important;
 +
}
 +
p{
 +
font-family:"Raleway","Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif!important;
 +
}
 +
 
 +
#toTop {
 +
    background-position: center center;
 +
    text-decoration: none;
 +
    position: fixed;
 +
    bottom: 30px;
 +
    right: 2%;
 +
    overflow: hidden;
 +
    z-index: 999;
 +
    width: 32px;
 +
    height: 32px;
 +
    border: none;
 +
    text-indent: 100%;
 +
    background: #fff url(https://static.igem.org/mediawiki/2018/f/f0/T--WHU-China--wiki-arr.png)  no-repeat 0.06em 0.06em ;
 +
    box-shadow: 0 0 0 20px rgba(123,191,234, 0.32), 0 0 0 10px rgba(255, 255, 255, 0.5);
 +
    border-radius: 50%;
 +
}
 +
#toTop:hover {
 +
    background-color:rgba(0, 0, 0, 0.6)
 +
}
 +
 
 +
p{
 +
color:#434343!important;
 +
}
 
</style>
 
</style>
  
Line 101: Line 128:
 
<!-----------------------------------------导航条------------------------------------------------------->
 
<!-----------------------------------------导航条------------------------------------------------------->
  
 +
 +
 +
<a href="#" id="toTop"></a>
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Content of the page  --->
 
<!--- Content of the page  --->
Line 114: Line 144:
 
<!-- //js -->
 
<!-- //js -->
 
 
−
<!-- desoslide-JavaScript -->
 
−
    <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/js/Home/jquery.desoslide.js&action=raw&ctype=text/javascript"></script>
 
−
<script>
 
−
$('#demo1_thumbs').desoSlide({
 
−
main: {
 
−
container: '#demo1_main_image',
 
−
cssClass: 'img-responsive'
 
−
},
 
−
effect: 'sideFade',
 
−
caption: true
 
−
});
 
−
</script>
 
−
 
−
<!-- Calendar -->
 
−
    <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/js/Home/jquery-ui.js&action=raw&ctype=text/javascript"></script>
 
−
<script>
 
−
$(function() {
 
−
$( "#datepicker,#datepicker1" ).datepicker();
 
−
});
 
−
</script>
 
−
<!-- //Calendar -->
 
 
 
 
<!-- banner slider -->
 
<!-- banner slider -->
Line 157: Line 166:
 
<!-- //banner slider -->
 
<!-- //banner slider -->
 
 
−
<!--pop-up-box -->
+
 
−
    <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/js/Home/jquery.magnific-popup.js&action=raw&ctype=text/javascript"></script>
+
−
<script>
+
−
$(document).ready(function () {
+
−
$('.popup-with-zoom-anim').magnificPopup({
+
−
type: 'inline',
+
−
fixedContentPos: false,
+
−
fixedBgPos: true,
+
−
overflowY: 'auto',
+
−
closeBtnInside: true,
+
−
preloader: false,
+
−
midClick: true,
+
−
removalDelay: 300,
+
−
mainClass: 'my-mfp-zoom-in'
+
−
});
+
−
});
+
−
</script>
+
−
<!-- //pop-up-box -->
+
  
 
<!-- start-smoth-scrolling -->
 
<!-- start-smoth-scrolling -->
Line 198: Line 190:
 
easingType: 'linear'  
 
easingType: 'linear'  
 
};
 
};
−
*/
+
−
+
*/
 
$().UItoTop({ easingType: 'easeOutQuart' });
 
$().UItoTop({ easingType: 'easeOutQuart' });
 
 
 
});
 
});
 
</script>
 
</script>
−
 
−
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:WHU-China/Home/js/wave.js&action=raw&ctype=text/javascript"></script>
 
  
 
   <!-----------------------------------------导航条------------------------------------------------------->   
 
   <!-----------------------------------------导航条------------------------------------------------------->   

Latest revision as of 02:48, 16 October 2018