|
|
(7 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <html>
| |
− | <body>
| |
− | <style>
| |
− | #home_logo, #sideMenu { display:none; }
| |
− | #sideMenu, #top_title, .patrollink {display:none;}
| |
− | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
| | | |
− | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
| |
− | body{
| |
− | margin: 0;
| |
− | color:#685454;
| |
− | font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
| |
− | /* font-family: "Times New Roman", Cambria, serif;*/
| |
− |
| |
− |
| |
− | .big{
| |
− | position: absolute;
| |
− | display: block;
| |
− | box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
| |
− | transition:0.4s;
| |
− | }
| |
− | .big :hover{
| |
− | transform:scale(1.25,1.25);
| |
− | transition:transform 0.4s,opacity 0.1s;
| |
− | }
| |
− |
| |
− | a{
| |
− | position: relative;
| |
− | display: block;
| |
− | text-align: center;
| |
− | vertical-align: baseline;
| |
− | top: 50%;
| |
− | cursor: pointer;
| |
− | text-decoration: none;
| |
− | color: #3a3a3a;
| |
− | transition:0.4s;
| |
− | margin-top:-10px;
| |
− | }
| |
− |
| |
− | .small{
| |
− | position: absolute;
| |
− | display: block;
| |
− | box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
| |
− | height: 75px;
| |
− | width: 75px;
| |
− | }
| |
− | .small span{
| |
− | position: relative;
| |
− | display: block;
| |
− | text-align: center;
| |
− | vertical-align: baseline;
| |
− | top: 9px;
| |
− | font-size: 42px;
| |
− | }
| |
− |
| |
− | #logo{
| |
− | background:#ffb6bc;
| |
− | height: 150px;
| |
− | width: 150px;
| |
− | left: 0px;
| |
− | top: 0px;
| |
− | z-index: 99;
| |
− | }
| |
− | #logo:hover{
| |
− | transform:scale(1.2);
| |
− | transition:0.4s;
| |
− | }
| |
− | #logo img{
| |
− | position: relative;
| |
− | padding-left: 15px;
| |
− | padding-top: 10px;
| |
− |
| |
− | }
| |
− | #igem{
| |
− | background:#aadffa;
| |
− | height: 75px;
| |
− | width: 225px;
| |
− | left: 150px;
| |
− | top: 0px;
| |
− | font-weight: bold;
| |
− | z-index: 98;
| |
− | }
| |
− | #igem a{
| |
− | letter-spacing: 3px;
| |
− | }
| |
− | #tj{
| |
− | background:#ffe389;
| |
− | height: 75px;
| |
− | width: 225px;
| |
− | left: 150px;
| |
− | top: 75px;
| |
− | font-weight: bold;
| |
− | z-index: 97;
| |
− | }
| |
− | #tj a{
| |
− | font-weight:normal;
| |
− | }
| |
− | #a{
| |
− | background:#ffe389;
| |
− | left: 375px;
| |
− | top: 0px;
| |
− | font-weight: bold;
| |
− | z-index:96;
| |
− | color: #f4c84d;
| |
− | }
| |
− | #l{
| |
− | background:#aadffa;
| |
− | left: 375px;
| |
− | top: 75px;
| |
− | font-weight: bold;
| |
− | z-index:95;
| |
− | color: #7cc9e8;
| |
− | }
| |
− |
| |
− |
| |
− | #project{
| |
− | background:#ffe389;
| |
− | height: 150px;
| |
− | width: 150px;
| |
− | left: 0px;
| |
− | top: 150px;
| |
− | font-weight: bold;
| |
− | z-index: 94;
| |
− | }
| |
− | #p{
| |
− | background:#ffb6bc;
| |
− | left: 150px;
| |
− | top: 150px;
| |
− | font-weight: bold;
| |
− | z-index:93;
| |
− | color: #f4929e;
| |
− | }
| |
− | #h{
| |
− | background:#aadffa;
| |
− | left: 150px;
| |
− | top: 225px;
| |
− | font-weight: bold;
| |
− | z-index:92;
| |
− | color: #7cc9e8;
| |
− | }
| |
− |
| |
− | #medal{
| |
− | background:#aadffa;
| |
− | height: 150px;
| |
− | width: 150px;
| |
− | left: 225px;
| |
− | top: 150px;
| |
− | font-weight: bold;
| |
− | z-index: 91;
| |
− | }
| |
− | #medal a{
| |
− | margin-top: -50px;
| |
− | margin-bottom: 80px;
| |
− | padding-bottom:20px;
| |
− | }
| |
− |
| |
− |
| |
− | #notebook{
| |
− | background:#ffb6bc;
| |
− | height: 150px;
| |
− | width: 225px;
| |
− | left: 0px;
| |
− | top: 300px;
| |
− | font-weight: bold;
| |
− | z-index: 90;
| |
− | }
| |
− | #aa{
| |
− | background:#ffb6bc;
| |
− | left: 225px;
| |
− | top: 300px;
| |
− | font-weight: bold;
| |
− | z-index:89;
| |
− | color: #f4929e;
| |
− | }
| |
− |
| |
− | #human{
| |
− | background:#ffe389;
| |
− | height: 75px;
| |
− | width: 225px;
| |
− | left: 300px;
| |
− | top: 300px;
| |
− | font-weight: bold;
| |
− | z-index: 88;
| |
− | }
| |
− | #collaborations{
| |
− | background:#aadffa;
| |
− | height: 75px;
| |
− | width: 225px;
| |
− | left: 225px;
| |
− | top: 375px;
| |
− | font-weight: bold;
| |
− | z-index: 87;
| |
− | }
| |
− | #aaa{
| |
− | background:#ffb6bc;
| |
− | left: 450px;
| |
− | top: 375px;
| |
− | font-weight: bold;
| |
− | z-index:86;
| |
− | color: #f4929e;
| |
− | }
| |
− |
| |
− | #modeling{
| |
− | background:#ffe389;
| |
− | height: 150px;
| |
− | width: 375px;
| |
− | left: 0px;
| |
− | top: 450px;
| |
− | font-weight: bold;
| |
− | z-index: 85;
| |
− | }
| |
− | #modeling a{
| |
− | font-size: 20px;
| |
− | letter-spacing: 3px;
| |
− | }
| |
− | #n{
| |
− | background:#ffe389;
| |
− | left: 375px;
| |
− | top: 450px;
| |
− | font-weight: bold;
| |
− | z-index:84;
| |
− | color: #f4c84d;
| |
− | }
| |
− | #t{
| |
− | background:#ffb6bc;
| |
− | left: 375px;
| |
− | top: 525px;
| |
− | font-weight: bold;
| |
− | z-index:83;
| |
− | color: #f4929e;
| |
− | }
| |
− |
| |
− | .bottom{
| |
− | position: absolute;
| |
− | display: block;
| |
− | top: 470px;
| |
− | width: 650px;
| |
− | left:500px;
| |
− | font-size: 20px;
| |
− | font-weight: bold;
| |
− | }
| |
− | </style>
| |
− |
| |
− |
| |
− | <div id="logo" class="big">
| |
− | <img src="img/logo4.png" width="80%">
| |
− | </div>
| |
− | <div id="igem" class="big">
| |
− | <a href="">2018 iGEM</a>
| |
− | </div>
| |
− | <div id="tj" class="big">
| |
− | <a href="">TONGJI-SOFTWARE</a>
| |
− | </div>
| |
− | <div id="a" class="small">
| |
− | <span>A</span>
| |
− | </div>
| |
− | <div id="l" class="small">
| |
− | <span>L</span>
| |
− | </div>
| |
− |
| |
− | <div id="project" class="big">
| |
− | <a href="">PROJECT</a>
| |
− | </div>
| |
− | <div id="p" class="small">
| |
− | <span>P</span>
| |
− | </div>
| |
− | <div id="h" class="small">
| |
− | <span>h</span>
| |
− | </div>
| |
− | <div id="medal" class="big">
| |
− | <a href="">MEDAL</a>
| |
− | <HR align=center width=100 color=#4a4a4a SIZE=2px>
| |
− | <a href="">TEAM</a>
| |
− | </div>
| |
− | <div id="aa" class="small">
| |
− | <span>A</span>
| |
− | </div>
| |
− | <div id="human" class="big">
| |
− | <a href="">HUMAN PRACTICES</a>
| |
− | </div>
| |
− | <div id="collaborations" class="big">
| |
− | <a href="">COLLABORATIONS</a>
| |
− | </div>
| |
− | <div id="aaa" class="small">
| |
− | <span>A</span>
| |
− | </div>
| |
− |
| |
− | <div id="notebook" class="big">
| |
− | <a href="">NOTEBOOK</a>
| |
− | </div>
| |
− |
| |
− | <div id="modeling" class="big">
| |
− | <a href="">MODELING</a>
| |
− | </div>
| |
− | <div id="n" class="small">
| |
− | <span>N</span>
| |
− | </div>
| |
− | <div id="t" class="small">
| |
− | <span>T</span>
| |
− | </div>
| |
− |
| |
− | <div class="bottom">
| |
− | <span>Alpha ant is a computational tool for pathway design and reconstruction. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.</span>
| |
− | </div>
| |
− | </body>
| |
− | </html>
| |