|
|
(131 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></div>
| |
− |
| |
− | <div class="ssection sc2">
| |
− | <p class="promoter_title" style="color: #FF6633;">Hot-induced</p>
| |
− | <div class="temp_switch">
| |
− | <h4>Change the Tempreature →</h4>
| |
− | <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}}
| |