(16 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 8: | Line 7: | ||
#top_menu_under{display: none;} | #top_menu_under{display: none;} | ||
body { | body { | ||
− | background: url(https://static.igem.org/mediawiki/2017/ | + | background: url(https://static.igem.org/mediawiki/2017/5/53/T--Jilin_China--_sec_bg_m.png) no-repeat 50% 100px !important;background-attachment:fixed !important; |
font-family: verdana,tahoma,sans-serif,helvetica; | font-family: verdana,tahoma,sans-serif,helvetica; | ||
min-width: 1280px; | min-width: 1280px; | ||
Line 16: | Line 15: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
− | border-left: 1px solid # | + | border-left: 1px solid #229D73 !important; |
− | border-bottom: 1px solid # | + | border-bottom: 1px solid #229D73 !important; |
} | } | ||
td,th{ | td,th{ | ||
− | border-right: 1px solid # | + | border: none !important; |
− | border-top: 1px solid # | + | border-right: 1px solid #229D73 !important; |
− | padding: 5px 10px; | + | border-top: 1px solid #229D73 !important; |
+ | padding: 5px 10px !important; | ||
+ | background: #e2f7ff !important; | ||
+ | color: #229D73 !important; | ||
+ | } | ||
+ | th{ background: #b4e1de !important;} | ||
+ | #globalWrapper{ | ||
+ | padding: 0px; | ||
} | } | ||
− | + | .float{position: fixed; right: 2%; bottom: 0%; z-index: 999; display: none;} | |
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{margin: 0;} | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{margin: 0;} | ||
#content{ | #content{ | ||
Line 135: | Line 141: | ||
} | } | ||
.mj_menu_pro_bg div{ | .mj_menu_pro_bg div{ | ||
− | background-color: rgba(34,157,115,0. | + | background-color: rgba(34,157,115,0.6); |
transition:all 0.6s; | transition:all 0.6s; | ||
-moz-transition:all 0.6s; | -moz-transition:all 0.6s; | ||
Line 142: | Line 148: | ||
} | } | ||
.nav li .submenu a { | .nav li .submenu a { | ||
− | color: # | + | color: #FFFFFF; |
height: 30px; | height: 30px; | ||
line-height: 30px; | line-height: 30px; | ||
Line 150: | Line 156: | ||
} | } | ||
.nav li .submenu .mj_menu_pro_bg div:hover{ | .nav li .submenu .mj_menu_pro_bg div:hover{ | ||
− | |||
background-image: url(https://static.igem.org/mediawiki/2017/5/52/T--Jilin_China--_hover2.png); | background-image: url(https://static.igem.org/mediawiki/2017/5/52/T--Jilin_China--_hover2.png); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 164: | Line 169: | ||
width: 100%; position: relative; box-sizing: border-box; | width: 100%; position: relative; box-sizing: border-box; | ||
} | } | ||
− | .home_01{} | + | .home_01{background-color: #d1f1fe; padding: 200px 0;} |
− | .home_01 .home_01_box{ | + | .home_01 .home_01_box{} |
− | .home_01 .home_01_box .home_01_content{width: 1100px; height: 600px; margin: | + | .home_01 .home_01_box .home_01_content{width: 1100px; height: 600px; margin: auto;} |
.video,.source{width: 100%;} | .video,.source{width: 100%;} | ||
@media (max-width:1800px){ | @media (max-width:1800px){ | ||
− | .home_01 | + | .home_01{padding: 180px 0;} |
} | } | ||
@media (max-width:1600px){ | @media (max-width:1600px){ | ||
− | .home_01 | + | .home_01{padding: 160px 0 140px;} |
} | } | ||
.home_02{} | .home_02{} | ||
− | .home_02 .home_02_box{position: absolute; left: 0px; top: | + | .home_02 .home_02_box{position: absolute; left: 0px; top: 17%; width: 100%;} |
.home_02 .home_02_content{width: 78%; margin: auto; text-align: center;} | .home_02 .home_02_content{width: 78%; margin: auto; text-align: center;} | ||
.home_02 .title{font-size: 24px; font-weight: bold; line-height: 100px;} | .home_02 .title{font-size: 24px; font-weight: bold; line-height: 100px;} | ||
.home_02 .title span{font-size: 36px; font-weight: bold;} | .home_02 .title span{font-size: 36px; font-weight: bold;} | ||
− | .home_02 .content{font-size: 20px; line-height: | + | .home_02 .content{font-size: 20px; line-height: 54px; text-align: left; text-indent: 40px; } |
@media (max-width:1700px){ | @media (max-width:1700px){ | ||
− | .home_02 .home_02_box{ top: | + | .home_02 .home_02_box{ top: 14%;} |
.home_02 .title{font-size: 20px; line-height: 80px;} | .home_02 .title{font-size: 20px; line-height: 80px;} | ||
.home_02 .title span{font-size: 30px;} | .home_02 .title span{font-size: 30px;} | ||
− | .home_02 .content{font-size: 18px; line-height: | + | .home_02 .content{font-size: 18px; line-height: 48px;} |
} | } | ||
@media (max-width:1500px){ | @media (max-width:1500px){ | ||
− | .home_02 .home_02_box{ top: | + | .home_02 .home_02_box{ top: 14%;} |
.home_02 .title{font-size: 20px; line-height: 80px;} | .home_02 .title{font-size: 20px; line-height: 80px;} | ||
.home_02 .title span{font-size: 30px;} | .home_02 .title span{font-size: 30px;} | ||
− | .home_02 .content{font-size: 18px; line-height: | + | .home_02 .content{font-size: 18px; line-height: 42px;} |
} | } | ||
Line 205: | Line 210: | ||
} | } | ||
− | .home_04{ | + | .home_04{ background-color:#ededed ; border-bottom: 24px solid #14243f; box-sizing: border-box;} |
− | + | ||
− | + | ||
− | + | ||
/**二级页1**/ | /**二级页1**/ | ||
li{ list-style: none; margin: 0; vertical-align: top;} | li{ list-style: none; margin: 0; vertical-align: top;} | ||
+ | ul.list{margin: 0.3em 0 0 3.2em;} | ||
+ | ul.list li{list-style: square; line-height: 34px;} | ||
+ | ol.list li{list-style: decimal; line-height: 34px;} | ||
ul{ margin: 0; padding: 0;} | ul{ margin: 0; padding: 0;} | ||
.banner{position: relative;} | .banner{position: relative;} | ||
Line 217: | Line 222: | ||
.banner .menu{position: absolute; left: 22%; top: 69%; font-size: 38px; color: #FFFFFF; font-family: verdana,tahoma,sans-serif,helvetica;} | .banner .menu{position: absolute; left: 22%; top: 69%; font-size: 38px; color: #FFFFFF; font-family: verdana,tahoma,sans-serif,helvetica;} | ||
− | .sec_box{width: 55%; min-width: 600px; padding:140px 0 0; margin: 0 0 0 30%; box-sizing: border-box | + | #HQ_page p{font-size: 16px !important;} |
− | .h1_title{color: #229d73; font-size: 20px; font-weight: bold; line-height: 50px; height: 50px;background: url(https://static.igem.org/mediawiki/2017/4/41/T--Jilin_China--_h1_title_bg.png) no-repeat | + | |
− | .h1_content{margin: 0 4.5%; font-size: 16px;} | + | .sec_box{width: 55%; min-width: 600px; padding:140px 0 0; margin: 0 0 0 30%; box-sizing: border-box; color: #434343 !important;} |
+ | .h1_title{color: #229d73; font-size: 20px !important; font-weight: bold; line-height: 50px; height: 50px;background: url(https://static.igem.org/mediawiki/2017/4/41/T--Jilin_China--_h1_title_bg.png) no-repeat 0px 50%; padding-left: 50px;} | ||
+ | .h1_content{margin: 0 4.5%; font-size: 16px !important;} | ||
.h1_content p{line-height: 30px; text-indent: 26px;} | .h1_content p{line-height: 30px; text-indent: 26px;} | ||
.h1_content .pic_box{text-align: center; border: 1px solid darkgrey; border-radius: 20px; line-height: 30px; padding: 5px; margin-bottom:10px; font-size: 14px; color: #6d6c6c;} | .h1_content .pic_box{text-align: center; border: 1px solid darkgrey; border-radius: 20px; line-height: 30px; padding: 5px; margin-bottom:10px; font-size: 14px; color: #6d6c6c;} | ||
.h1_content img{margin: auto; max-width: 100%;} | .h1_content img{margin: auto; max-width: 100%;} | ||
− | .thr_box{width: 58%; min-width: 800px; padding:50px 0 0; margin: auto; box-sizing: border-box | + | .thr_box{width: 58%; min-width: 800px; padding:50px 0 0; margin: auto; box-sizing: border-box; font-size: 16px !important; color: #434343 !important;} |
− | .thr_box p{line-height: 30px | + | .thr_box p{line-height: 30px; text-indent: 26px;} |
− | .thr_box .pic_box{font-size: 14px; color: #6d6c6c;} | + | .thr_box .pic_box{font-size: 14px !important; color: #6d6c6c !important;} |
.thr_box img{max-width: 100%;} | .thr_box img{max-width: 100%;} | ||
Line 278: | Line 285: | ||
<script> | <script> | ||
$(function() { | $(function() { | ||
+ | |||
+ | if($(".home_01").length>0){ | ||
+ | $(".float").hide(); | ||
+ | }else{ | ||
+ | $(".float").show(); | ||
+ | $(window).scroll(function () { | ||
+ | if ($(document).scrollTop() >= $(document).height() - $(window).height()) { | ||
+ | $(".float").fadeOut(); | ||
+ | }else{ | ||
+ | $(".float").fadeIn(); | ||
+ | } | ||
+ | }); | ||
+ | } | ||
lanrenzhijia(".drop-menu-effect"); | lanrenzhijia(".drop-menu-effect"); | ||
$(window).scroll(function () { | $(window).scroll(function () { | ||
Line 349: | Line 369: | ||
<div class="submenu" style="left: 4px;"> | <div class="submenu" style="left: 4px;"> | ||
<div class="mj_menu_pro_bg"> | <div class="mj_menu_pro_bg"> | ||
− | <div><a href="https://2017.igem.org/Team:Jilin_China/ | + | <div><a href="https://2017.igem.org/Team:Jilin_China/Geneguard">Geneguard</a></div> |
<div><a href="https://2017.igem.org/Team:Jilin_China/Application">Application</a></div> | <div><a href="https://2017.igem.org/Team:Jilin_China/Application">Application</a></div> | ||
</div> | </div> | ||
Line 399: | Line 419: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | </div> | ||
+ | <div class="float"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/66/T--Jilin_China--_sec_bg_mr.png" /> | ||
</div> | </div> |
Latest revision as of 01:27, 2 November 2017