ShuguangWang (Talk | contribs) |
|||
(6 intermediate revisions by one other user not shown) | |||
Line 56: | Line 56: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
− | |||
− | |||
background-color: #F3F3F3; | background-color: #F3F3F3; | ||
font-size: 16px; | font-size: 16px; | ||
Line 93: | Line 91: | ||
z-index: 1; | z-index: 1; | ||
background-color: #EEEEEE; | background-color: #EEEEEE; | ||
− | |||
− | |||
box-shadow: 0 5px 15px #CCCCCC; | box-shadow: 0 5px 15px #CCCCCC; | ||
display: none; | display: none; | ||
Line 250: | Line 246: | ||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width: 900px) { |
.daohang .caidan { | .daohang .caidan { | ||
Line 298: | Line 294: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
− | background-color: # | + | background-color: #FFF; |
} | } | ||
.zhengwen { | .zhengwen { | ||
− | width: | + | width: 90%; |
− | + | ||
margin: 20px auto; | margin: 20px auto; | ||
− | + | padding: 0px 3%; | |
− | + | ||
− | padding: | + | |
− | + | ||
− | + | ||
background-color: #FFF; | background-color: #FFF; | ||
box-shadow: 0 1px 3px #676767; | box-shadow: 0 1px 3px #676767; | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.cebian { | .cebian { | ||
− | width: | + | width: 200px; |
/* height: 80vh; */ | /* height: 80vh; */ | ||
float: left; | float: left; | ||
Line 333: | Line 316: | ||
/* border:2px solid black */ | /* border:2px solid black */ | ||
/* background-color: #323643 */ | /* background-color: #323643 */ | ||
+ | } | ||
+ | |||
+ | .neirong p{ | ||
+ | text-align: justify !important; | ||
+ | font-family: Arial, sans-serif !important; | ||
+ | color: #a64945 !important;; | ||
+ | font-size: 28px !important; | ||
+ | padding-right: 20px; | ||
+ | border: 4px solid #456285; | ||
+ | border-radius: 10px; | ||
+ | padding: 10px; | ||
} | } | ||
Line 343: | Line 337: | ||
.h1 { | .h1 { | ||
− | + | line-height: 55px; | |
− | line-height: | + | |
font-weight: bold; | font-weight: bold; | ||
+ | height:auto; | ||
font-family: 'Product Sans', sans-serif; | font-family: 'Product Sans', sans-serif; | ||
− | font-size: | + | font-size: 40px; |
− | color: | + | color: #3B3B3B; |
− | border-bottom: | + | border-bottom: 2px solid #676767; |
− | /* margin: | + | margin-bottom: 20px; |
+ | } | ||
+ | |||
+ | .h2 { | ||
+ | height: 40px; | ||
+ | line-height: 40px; | ||
+ | font-weight: bold; | ||
+ | height:auto; | ||
+ | /* font-weight: bold; */ | ||
+ | font-family: 'Product Sans', sans-serif; | ||
+ | font-size: 30px; | ||
+ | color: #484848; | ||
+ | /* margin-bottom: 20px; */ | ||
+ | } | ||
+ | |||
+ | .h3 { | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | font-weight: bold; | ||
+ | height:auto; | ||
+ | /* font-weight: bold; */ | ||
+ | font-family: 'Product Sans', sans-serif; | ||
+ | font-size: 24px; | ||
+ | color: #484848; | ||
+ | /* margin-bottom: 20px; */ | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | color: #3B3B3B; | ||
} | } | ||
Line 463: | Line 485: | ||
} | } | ||
</style> | </style> | ||
− | <!-- | + | <!-- 样式CSS --> |
− | <style | + | <style> |
+ | #anniu { | ||
+ | /* position: relative; */ | ||
+ | /* top: 80%; */ | ||
+ | /* transition: top 0.2s; */ | ||
+ | /* left: 5%; */ | ||
+ | /* margin: 0; */ | ||
+ | } | ||
− | + | #anniu>img { | |
− | + | height: auto; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #anniu:hover { | |
− | + | /* top: 180px; */ | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | .xuanzhuan{ | ||
+ | position: relative; | ||
+ | background-size: cover; | ||
+ | animation: rotate 10s infinite; | ||
+ | -webkit-animation: mymove_2 10s infinite; | ||
+ | animation-timing-function: linear; | ||
+ | background-size: 100px 100px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | @keyframes mymove { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
+ | @-moz-keyframes mymove { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
− | + | @-webkit-keyframes mymove { | |
− | + | from {} | |
− | + | to { | |
− | + | transform: rotate(360deg); | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | @-o-keyframes mymove { | |
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(360deg); | ||
+ | } | ||
+ | } | ||
− | + | @keyframes mymove_2 { | |
− | + | from {} | |
− | + | to { | |
− | + | transform: rotate(-360deg); | |
− | + | } | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | : | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | @-moz-keyframes mymove_2 { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(-360deg); | ||
+ | } | ||
+ | } | ||
+ | @-webkit-keyframes mymove_2 { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(-360deg); | ||
+ | } | ||
+ | } | ||
+ | @-o-keyframes mymove_2 { | ||
+ | from {} | ||
+ | to { | ||
+ | transform: rotate(-360deg); | ||
+ | } | ||
+ | } | ||
</style> | </style> | ||
− | |||
Line 772: | Line 597: | ||
<a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a> | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Improve">Improve</a> | ||
<a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a> | <a class="item" href="https://2018.igem.org/Team:HZAU-China/InterLab">InterLab</a> | ||
+ | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Notebook">Notebook</a> | ||
+ | |||
</li> | </li> | ||
<li class="hiLight shortName"> | <li class="hiLight shortName"> | ||
Line 799: | Line 626: | ||
<a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a> | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Collaborations">Collaborations</a> | ||
</li> | </li> | ||
− | <li class="shortName"> | + | <li class="hiLight shortName"> |
− | <a class="nav_head" href=" | + | <a class="nav_head" href="#"> |
<span>Parts</span> | <span>Parts</span> | ||
+ | <span class="xjtPic"></span> | ||
</a> | </a> | ||
+ | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Basic_Part">Basic</a> | ||
+ | <a class="item" href="https://2018.igem.org/Team:HZAU-China/Composite_Part">Composite</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 808: | Line 638: | ||
</nav> | </nav> | ||
<!-- 内容 --> | <!-- 内容 --> | ||
− | <div class="neirong | + | <div class="neirong"> |
<!-- 正文 --> | <!-- 正文 --> | ||
− | <div | + | |
− | + | <div id="float01" class="cur"> | |
− | + | <div style="width: 70%; margin: 0px auto"> | |
− | + | <img style="margin:0 auto; width:100% " src="https://static.igem.org/mediawiki/2018/e/e2/T--HZAU-China--home01.png" | |
− | + | alt=""> | |
− | + | </div> | |
− | + | <div style="width:60%; margin: 0 auto 50px auto; background-color: #FFF !important; "> | |
− | + | <p>In the fight against cancer, the capacity of escaping from immune system of tumor cells is the main | |
− | + | reason why cancer cannot be cured. So why we cannot cause pyroptosis for the tumor cells, in | |
− | + | order to make them exposed to the immune system again. | |
− | + | </p> | |
− | + | </div> | |
− | + | <div id="home02" style="width: 80%; margin: 0px auto"> | |
− | + | <div class="xuanzhuan" style="width: 20%; margin: 0px auto"> | |
− | + | <a id="anniu" href="#home02"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/1/15/T--HZAU-China--cell1.jpg" width=100% id="aimage"> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <img style="margin:0 auto; width:100% " src="https://static.igem.org/mediawiki/2018/1/1e/T--HZAU-China--home02.png" | ||
+ | alt=""> | ||
</div> | </div> | ||
+ | <div style="width: 100%; margin: 0px auto; height:100px; background-color: #FFF; "> | ||
+ | </div> | ||
+ | <div style="width: 100%; margin: 0px auto; border-top: 4px solid #456285;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/44/T--HZAU-China--home03.png" width=100% alt=""> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
+ | |||
+ | |||
</div> | </div> | ||
− | |||
− | |||
− | <!-- | + | <!-- 滚动菜单栏jQuery --> |
+ | <script src="jquery.js" type="text/javascript"></script> | ||
+ | <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> | ||
+ | <script> | ||
+ | $(document).ready(function () { | ||
+ | $('#aimage').click(function () { | ||
+ | var imgsrc1 = "https://static.igem.org/mediawiki/2018/1/15/T--HZAU-China--cell1.jpg"; | ||
+ | var imgsrc2 = "https://static.igem.org/mediawiki/2018/e/ee/T--HZAU-China--cell2.jpg"; | ||
+ | var that = $(this); | ||
+ | if (that.attr("src") == imgsrc1) { | ||
+ | that.attr("src", imgsrc2); | ||
+ | } | ||
+ | }) | ||
+ | }) | ||
+ | </script> | ||
+ | <!-- 滚动菜单栏jQuery --> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:54, 18 October 2018