Line 5: | Line 5: | ||
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> | <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> | ||
<script src="https://cdn.bootcss.com/onepage-scroll/1.3.1/jquery.onepage-scroll.min.js"></script> | <script src="https://cdn.bootcss.com/onepage-scroll/1.3.1/jquery.onepage-scroll.min.js"></script> | ||
− | |||
<link rel="stylesheet" href="https://2017.igem.org/Team:CPU_CHINA/css/home?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2017.igem.org/Team:CPU_CHINA/css/home?action=raw&ctype=text/css"> | ||
Line 158: | Line 157: | ||
line-height: 1.8; | line-height: 1.8; | ||
} | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | /* 滑动特效模块需要 */ | ||
+ | #content{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | h4{line-height:40px; | ||
+ | |||
+ | } | ||
+ | h1,h2,h4{ | ||
+ | font-family: "Century Gothic"; | ||
+ | } | ||
+ | h3{ | ||
+ | font-family: "Times New Roman"; | ||
+ | font-size: 40px; | ||
+ | } | ||
+ | .body-container h5 { | ||
+ | font-family: "Comic Sans MS"; | ||
+ | font-size: 60px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | body, html { | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | -webkit-transition: opacity 400ms; | ||
+ | -moz-transition: opacity 400ms; | ||
+ | transition: opacity 400ms; | ||
+ | } | ||
+ | |||
+ | body, .onepage-wrapper, html { | ||
+ | display: block; | ||
+ | position: static; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .onepage-wrapper { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | padding: 0; | ||
+ | -webkit-transform-style: preserve-3d; | ||
+ | } | ||
+ | |||
+ | .onepage-wrapper .section { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .onepage-pagination { | ||
+ | position: absolute; | ||
+ | right: 10px; | ||
+ | top: 50%; | ||
+ | z-index: 5; | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .onepage-pagination li { | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .onepage-pagination li a{ | ||
+ | padding: 10px; | ||
+ | width: 4px; | ||
+ | height: 4px; | ||
+ | display: block; | ||
+ | |||
+ | } | ||
+ | .onepage-pagination li a:before{ | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | width: 4px; | ||
+ | height: 4px; | ||
+ | background: rgba(0,0,0,0.85); | ||
+ | border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .onepage-pagination li a.active:before{ | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | background: none; | ||
+ | border: 1px solid black; | ||
+ | margin-top: -4px; | ||
+ | left: 8px; | ||
+ | } | ||
+ | |||
+ | .disabled-onepage-scroll, .disabled-onepage-scroll .wrapper { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .disabled-onepage-scroll .onepage-wrapper .section { | ||
+ | position: relative !important; | ||
+ | top: auto !important; | ||
+ | left: auto !important; | ||
+ | } | ||
+ | .disabled-onepage-scroll .onepage-wrapper { | ||
+ | -webkit-transform: none !important; | ||
+ | -moz-transform: none !important; | ||
+ | transform: none !important; | ||
+ | -ms-transform: none !important; | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .disabled-onepage-scroll .onepage-pagination { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html { | ||
+ | position: inherit; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 15:00, 1 November 2017
Our HEAD-Treg