|
|
| (128 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| − | {{:Team:Jilin_China/CSS}}
| |
| − | {{:Team:Jilin_China/Navbar}}
| |
| − | {{:Team:Jilin_China/Js}}
| |
| − | {{:Team:Jilin_China/Home_CSS}}
| |
| − | {{:Team:Jilin_China/Footer_CSS}}
| |
| − | <html>
| |
| − | <style>
| |
| − | html{
| |
| − | height:100%;
| |
| − | }
| |
| − | body{
| |
| − | height: 100%;
| |
| − | /*overflow: hidden;*//*delete*/
| |
| − | }
| |
| − | #globalWrapper{padding:0 !important;}
| |
| − | #content{height: calc(100% - 18px) !important; margin: 0 !important;}
| |
| − | p{
| |
| − | margin:0 !important;
| |
| − | }
| |
| − | .mw-body {
| |
| − | height: 100% !important;
| |
| − | padding:0;
| |
| − | margin:0;
| |
| − | /*overflow: hidden;*//*delete*/
| |
| − | }
| |
| − | .s1 {
| |
| − | width:100%;
| |
| − | height:100%;
| |
| − | overflow: hidden;
| |
| − | box-sizing:border-box;
| |
| − | position:relative;/*防止overflow:hidden被absolute溢出*/
| |
| − | }
| |
| − | .s1 > div{
| |
| − | width:100%;
| |
| − | height: auto;
| |
| − | position: absolute;
| |
| − | transform: translateY(0px);
| |
| − | transition: all 0.7s cubic-bezier(.73,1.31,.73,.96);
| |
| − | }
| |
| − | .ssection {
| |
| − | width: 100%;
| |
| − | }
| |
| − | .ssection p{
| |
| − | box-sizing: border-box;
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − | /*
| |
| − | .sc1{
| |
| − | background-color: red;
| |
| − | }
| |
| − | .sc2{
| |
| − | background-color: green;
| |
| − | }
| |
| − | .sc3{
| |
| − | background-color: blue;
| |
| − | }
| |
| − | .sc4{
| |
| − | background-color: yellow;
| |
| − | }
| |
| − | */
| |
| − | </style>
| |
| − | </html>
| |
| | | | |
| − | <html>
| |
| − | <div style="position:fixed;z-index:99999 !important; bottom:0;height: 5rem;border:2px solid gray; width: 10rem; font-size: 3rem;line-height: 5rem;"><p style="padding:0;margin:0" id="test">aaaa</p></div>
| |
| − | <section class="fixed_content">
| |
| − | <div id="promoter">
| |
| − | <p class="promoter_title animated">Promoter Library</p>
| |
| − | </div>
| |
| − | </section>
| |
| − | <section class="s1">
| |
| − | <div>
| |
| − | <div class="ssection sc1">
| |
| − | <!--<div class="main_title animated fadeIn"><p>iGEM 2018</p><p>Jilin China</p></div>-->
| |
| − | <style>
| |
| − | .background_animation{
| |
| − | width:100%;
| |
| − | height: 100vh;
| |
| − | background: cyan;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | .ba_container{
| |
| − | width: 100%;
| |
| − | height: 30vw;
| |
| − | transform: rotate(20deg);
| |
| − | opacity:0.7;
| |
| − | margin-left: -3vw;
| |
| − | }
| |
| − | .ba_container:first-of-type{
| |
| − | margin-top: -13vw;
| |
| − | }
| |
| − | .ba_line{
| |
| − | width:100%;
| |
| − | height: 30vw;
| |
| − | }
| |
| − | .ba_unit{
| |
| − | box-sizing: border-box;
| |
| − | float: right;
| |
| − | width:20%;
| |
| − | height: 30vw;
| |
| − | background: url(file:///G:/OneDrive/%E6%96%87%E6%A1%A3/iGEM-DESKTOP-5O1ADM7/Wiki%20Materials/SVG/giraffe.svg) no-repeat;
| |
| − | background-size: 80%;
| |
| − | animation: baLineRotate 1s ease alternate infinite;
| |
| − | }
| |
| − | .ba_unit:nth-of-type(even){
| |
| − | animation: baLineRotateR 1s ease alternate infinite;
| |
| − | background-position: 30% 50%;
| |
| − | }
| |
| − | .background_title{
| |
| − | position: absolute;
| |
| − | bottom: 10%;
| |
| − | left: 50%;
| |
| − | transform: translateX(-50%);
| |
| − | width:15vw;
| |
| − | height:auto;
| |
| − | }
| |
| − | @keyframes baLineRotate{
| |
| − | 0%{
| |
| − | transform: rotate(-7deg);
| |
| − | }
| |
| − | 100%{
| |
| − | transform: rotate(7deg);
| |
| − | }
| |
| − | }
| |
| − | @keyframes baLineRotateR{
| |
| − | 0%{
| |
| − | transform: rotate(187deg);
| |
| − | }
| |
| − | 100%{
| |
| − | transform: rotate(173deg);
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − | <div>
| |
| − | <div class="background_title">
| |
| − | <svg xmlns="http://www.w3.org/2000/svg" width="178.39" height="117.56" viewBox="0 0 178.39 117.56">
| |
| − | <defs>
| |
| − | <style>
| |
| − | .a {
| |
| − | fill: #002d59;
| |
| − | }
| |
| − | </style>
| |
| − | </defs>
| |
| − | <g>
| |
| − | <g>
| |
| − | <path class="a" d="M25.94,14.15c2.6-.45,6.45-1.28,9.09-.47L30.84,9.49c.81,2.65.36,6.26.42,9q.12,4.8.13,9.6c0,2.89,0,5.77-.07,8.65q0,1.44-.06,2.88l1.45-2c-.19-.32-2.73,1.57-2.9.21-.9-7.58-12.91-7.67-12,0,.9,7.48,6.53,13.41,14.53,12.27,3.11-.45,6.69-1.68,8.77-4.14,2.45-2.91,2.17-6.57,2.23-10.17.14-8.8.75-18.15-.41-26.89C41.6-1.12,30,1.31,22.75,2.58c-7.6,1.33-4.38,12.9,3.19,11.57Z"/>
| |
| − | <path class="a" d="M47.1,8.3q-.14,17.63.08,35.25c.09,7.71,12.09,7.73,12,0Q59,25.93,59.1,8.3c.06-7.73-11.94-7.74-12,0Z"/>
| |
| − | <path class="a" d="M63.84,8.55l.73,34.75c.16,7.71,12.16,7.73,12,0L75.84,8.55c-.16-7.71-12.16-7.74-12,0Z"/>
| |
| − | <path class="a" d="M81.57,48.63c3.59-.15,7.17-.18,10.76-.08a6,6,0,0,0,0-12c-3.59-.1-7.17-.07-10.76.08a6,6,0,0,0,0,12Z"/>
| |
| − | <path class="a" d="M98.58,8.67l.13,34.5c0,7.72,12,7.74,12,0l-.13-34.5c0-7.72-12-7.73-12,0Z"/>
| |
| − | <path class="a" d="M114.59,26.27,115.14,43c.26,7.7,12.26,7.74,12,0l-.55-16.75c-.26-7.7-12.26-7.74-12,0Z"/>
| |
| − | <path class="a" d="M117.18,11.89a265.53,265.53,0,0,1,24.18,34.8c3.81,6.71,14.18.67,10.36-6.06-7.53-13.26-16.53-25.34-26-37.22-4.83-6-13.28,2.51-8.49,8.48Z"/>
| |
| − | <path class="a" d="M139,5.79q.25,7.76.18,15.5c-.08,7.73,11.92,7.73,12,0q.07-7.75-.18-15.5c-.25-7.7-12.25-7.74-12,0Z"/>
| |
| − | </g>
| |
| − | <g>
| |
| − | <path class="a" d="M29.29,72.75C22.17,71.1,14.09,70,8.05,75.16,2.71,79.7,1.21,87.52.38,94.12s-.75,13.81,4.87,18.22c5.92,4.65,15.43,3.57,22.51,3.94,7.72.39,7.7-11.61,0-12-4.11-.22-8.49,0-12.56-.67-4.29-.68-3.44-4.22-3-7.89.37-3.09.82-8.17,2.94-10.65,2.66-3.11,7.55-1.54,11-.75,7.52,1.74,10.72-9.83,3.19-11.57Z"/>
| |
| − | <path class="a" d="M40,75.77c-.14,12-.57,24,0,36,.36,7.69,12.36,7.74,12,0-.57-12-.14-24,0-36,.09-7.72-11.91-7.72-12,0Z"/>
| |
| − | <path class="a" d="M64.15,74.39l1.45,36.77c.3,7.69,12.3,7.73,12,0L76.15,74.39c-.3-7.69-12.31-7.73-12,0Z"/>
| |
| − | <path class="a" d="M54,98.41c3.41.28,6.82.58,10.24.73a6,6,0,0,0,0-12c-3.42-.15-6.83-.45-10.24-.73-3.24-.26-6,3-6,6,0,3.47,2.75,5.74,6,6Z"/>
| |
| − | <path class="a" d="M81.36,74.77l.24,36c.05,7.72,12.05,7.74,12,0l-.24-36c-.06-7.71-12.06-7.73-12,0Z"/>
| |
| − | <path class="a" d="M148.69,71c-4.46,12.57-6.56,25.9-11.18,38.38-2.68,7.26,8.92,10.39,11.58,3.19,4.62-12.48,6.72-25.81,11.17-38.38,2.59-7.29-9-10.43-11.57-3.19Z"/>
| |
| − | <path class="a" d="M148.74,73.58a405.29,405.29,0,0,0,18.5,39.63c3.7,6.78,14.07.73,10.36-6a377.63,377.63,0,0,1-17.29-36.77c-2.9-7-14.52-4-11.57,3.19Z"/>
| |
| − | <path class="a" d="M156.52,108.52c7.72,0,7.73-12,0-12s-7.74,12,0,12Z"/>
| |
| − | <path class="a" d="M98.62,79.89c8.64,10.79,17.29,21.78,24.17,33.8,3.84,6.7,14.21.66,10.36-6.06C125.77,94.73,116.38,83,107.1,71.41c-4.83-6-13.27,2.51-8.48,8.48Z"/>
| |
| − | <path class="a" d="M120.43,73.79q.25,7.75.18,15.5c-.07,7.73,11.93,7.73,12,0q.07-7.76-.18-15.5c-.25-7.7-12.25-7.74-12,0Z"/>
| |
| − | <path class="a" d="M96,94.27,96.58,111c.25,7.7,12.25,7.74,12,0L108,94.27c-.25-7.7-12.25-7.74-12,0Z"/>
| |
| − | </g>
| |
| − | </g>
| |
| − | </svg>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="background_animation">
| |
| − | <div class="ba_container">
| |
| − | <div class="ba_line">
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="ba_container">
| |
| − | <div class="ba_line">
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="ba_container">
| |
| − | <div class="ba_line">
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | <div class="ba_unit"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="ssection sc2">
| |
| − | <p class="promoter_title" style="color: #FF6633;">Hot-induced</p>
| |
| − | <h4 class="tip">Change the Tempreature →</h4>
| |
| − | <div class="temp_switch">
| |
| − | <input id="checked_1" type="checkbox" class="switch" />
| |
| − | <label for="checked_1"></label>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="ssection sc3">
| |
| − | <p class="promoter_title" style="color: #FF6633;">Hot-repressive</p>
| |
| − | <div class="temp_switch">
| |
| − | <input id="checked_2" type="checkbox" class="switch" />
| |
| − | <label for="checked_2"></label>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="ssection sc4">
| |
| − | <p class="promoter_title" style="color: #0099FF;">Cold-induced</p>
| |
| − | <div class="temp_switch">
| |
| − | <input id="checked_3" type="checkbox" class="switch" />
| |
| − | <label for="checked_3"></label>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="ssection sc5">
| |
| − | <p class="promoter_title" style="color: #0099FF;">Cold-repressive</p>
| |
| − | <div class="temp_switch">
| |
| − | <input id="checked_4" type="checkbox" class="switch" />
| |
| − | <label for="checked_4"></label>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="ssection sc6"><p class="sub_title">Our Works Are..</p></div>
| |
| − |
| |
| − | <div class="ssection sc7">
| |
| − | <p class="sub_title">Explore More</p>
| |
| − | <div class="sscontent">
| |
| − | <div class="EM_block-line">
| |
| − | <h2>Our Project Can't Success Without... </h2>
| |
| − | <div class="EM_block">
| |
| − | <h3>Design</h3>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="EM_block-line">
| |
| − | <h2>As Well As...</h2>
| |
| − | <div class="EM_block">
| |
| − | <h3>Intergrated Practice</h3>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | <div class="EM_block">
| |
| − | <h3>Education</h3>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="ssection sc8">
| |
| − | <p class="sub_title">Don't Forget..</p>
| |
| − | <div class="footer">
| |
| − | <div class="footcontent">
| |
| − | <div class="jlulogo"><div><p><a href="http://www.jlu.edu.cn/">Jilin University</a></p><p><a href="http://jwc.jlu.edu.cn/">Office of<br>Undergraduate Education</p></a></div></div>
| |
| − | <div class="lifelogo"><div><p><a href="http://life.jlu.edu.cn/">School of Life Science</a></p><p><a href="http://nlv.jlu.edu.cn/">National Engineering Laboratory for AIDS Vaccine</a></p><p><a href="http://www.mee.jlu.edu.cn/">Key Laboratory for<br>Molecular Enzymology and Engineering</a></p></div></div>
| |
| − | <div class="contacts">
| |
| − | <p> Contact Us: </p>
| |
| − | <a href="http://www.aladdin-e.com/"><img alt="Weixin" src="https://static.igem.org/mediawiki/2018/d/d1/T--Jilin_China--Footer--Contacts--Weixin.png"/></a>
| |
| − | <a href="https://twitter.com/iGEM_JLU_China?s=17"><img alt="Twitter" src="https://static.igem.org/mediawiki/2018/3/37/T--Jilin_China--Footer--Contacts--Twitter.png"/></a>
| |
| − | </div>
| |
| − | <div class="flogos">
| |
| − | <p> Thanks: </p>
| |
| − | <a href="http://www.comatebio.com/"><img alt="Comate" src="https://static.igem.org/mediawiki/2018/d/dc/T--Jilin_China--Footer--Companies--Comate.png"/></a>
| |
| − | <a href="http://sg.idtdna.com/site"><img alt="IDT" src="https://static.igem.org/mediawiki/2018/e/eb/T--Jilin_China--Footer--Companies--IDT.png"/></a>
| |
| − | <a href="http://www.mathworks.com"><img alt="MathWorks" src="https://static.igem.org/mediawiki/2018/c/c5/T--Jilin_China--Footer--Companies--MathWorks.png"/></a>
| |
| − | <a href="https://www.genscript.com/"><img alt="GeneScript" src="https://static.igem.org/mediawiki/2018/7/7a/T--Jilin_China--Footer--Companies--GeneScript.png"/></a>
| |
| − | <a href="https://github.com/"><img alt="GitHub" src="https://static.igem.org/mediawiki/2018/2/25/T--Jilin_China--Footer--Companies--GitHub.png"/></a>
| |
| − | <a href="https://www.neb.com/"><img alt="NEB" src="https://static.igem.org/mediawiki/2018/0/0c/T--Jilin_China--Footer--Companies--NEB.png"/></a>
| |
| − | <a href="http://nlv.jlu.edu.cn/"><img alt="NELAV" src="https://static.igem.org/mediawiki/2018/a/ae/T--Jilin_China--Footer--Companies--NELAV.png"/></a>
| |
| − | <a href="http://www.snapgene.com/"><img alt="SnapGene" src="https://static.igem.org/mediawiki/2018/0/0d/T--Jilin_China--Footer--Companies--SnapGene.png"/></a>
| |
| − | <a href="http://www.takara-bio.com/"><img alt="TaKaRa" src="https://static.igem.org/mediawiki/2018/b/b9/T--Jilin_China--Footer--Companies--TaKaRa.png"/></a>
| |
| − | <a href="http://www.transgen.com.cn/"><img alt="Transgen" src="https://static.igem.org/mediawiki/2018/d/d8/T--Jilin_China--Footer--Companies--Transgen.png"/></a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| − | </html>
| |
| − |
| |
| − | {{:Team:Jilin_China/Home_Js}}
| |
