|
|
| Line 79: |
Line 79: |
| | text-align:center; | | text-align:center; |
| | } | | } |
| − | #apDiv_background { | + | .background { |
| | position:absolute; | | position:absolute; |
| − | width:100%; | + | width:70%; |
| | height:5000px; | | height:5000px; |
| | z-index:10000; | | z-index:10000; |
| − | top: 293px; | + | top: 173px; |
| − | left: 0px; | + | left: 15%; |
| | } | | } |
| − | /*#apDiv_title1 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: -60px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_test1 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:115px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 80px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_figure1 {
| + | |
| − | position:absolute;
| + | |
| − | width:50%;
| + | |
| − | height:375px;
| + | |
| − | z-index:3;
| + | |
| − | left: 25%;
| + | |
| − | top: 340px;
| + | |
| − | font-size: 100px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #apDiv_title2 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 14px;
| + | |
| − | font-size: 30px;
| + | |
| − | }
| + | |
| − | #apDiv_description1 {
| + | |
| − | position:absolute;
| + | |
| − | width:40%;
| + | |
| − | height:60px;
| + | |
| − | z-index:4;
| + | |
| − | left: 30%;
| + | |
| − | top: 575px;
| + | |
| − | font-size: 18px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #apDiv_test2 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:50px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 635px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_figure2 {
| + | |
| − | position:absolute;
| + | |
| − | width:400px;
| + | |
| − | height:300px;
| + | |
| − | z-index:3;
| + | |
| − | left: 55%;
| + | |
| − | top: 675px;
| + | |
| − | font-size: 100px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #apDiv_description2 {
| + | |
| − | position:absolute;
| + | |
| − | width:40%;
| + | |
| − | height:115px;
| + | |
| − | z-index:4;
| + | |
| − | left: 5%;
| + | |
| − | top: 675px;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | #apDiv_test3 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:50px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 1000px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_figure3 {
| + | |
| − | position:absolute;
| + | |
| − | width:50%;
| + | |
| − | height:300px;
| + | |
| − | z-index:3;
| + | |
| − | left: 25%;
| + | |
| − | top: 1280px;
| + | |
| − | font-size: 100px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #apDiv_description3 {
| + | |
| − | position:absolute;
| + | |
| − | width:40%;
| + | |
| − | height:100px;
| + | |
| − | z-index:4;
| + | |
| − | left: 30%;
| + | |
| − | top: 1590px;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | #apDiv_test4 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:101px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 1694px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_title3 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 240px;
| + | |
| − | font-size: 30px;
| + | |
| − | }
| + | |
| − | #apDiv_test5 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:101px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 1910px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_title4 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 1125px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_test6 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:51px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 2270px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_title5 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 2206px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_title6 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 2336px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_title7 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 2101px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_title8 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 4125px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_test7 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:46px;
| + | |
| − | z-index:2;
| + | |
| − | left: 141px;
| + | |
| − | top: 2420px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_test8 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:175px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 2803px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_description4 {
| + | |
| − | position:absolute;
| + | |
| − | width:35%;
| + | |
| − | height:43px;
| + | |
| − | z-index:4;
| + | |
| − | left: 45%;
| + | |
| − | top: 2487px;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | #apDiv_figure4 {
| + | |
| − | position:absolute;
| + | |
| − | width:400px;
| + | |
| − | height:300px;
| + | |
| − | z-index:3;
| + | |
| − | left: 5%;
| + | |
| − | top: 2487px;
| + | |
| − | font-size: 100px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #apDiv_test9 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:46px;
| + | |
| − | z-index:2;
| + | |
| − | left: 141px;
| + | |
| − | top: 3084px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_test10 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:46px;
| + | |
| − | z-index:2;
| + | |
| − | left: 141px;
| + | |
| − | top: 3136px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_figure5 {
| + | |
| − | position:absolute;
| + | |
| − | width:400px;
| + | |
| − | height:300px;
| + | |
| − | z-index:3;
| + | |
| − | left: 141px;
| + | |
| − | top: 3197px;
| + | |
| − | font-size: 100px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #apDiv_description5 {
| + | |
| − | position:absolute;
| + | |
| − | width:35%;
| + | |
| − | height:43px;
| + | |
| − | z-index:4;
| + | |
| − | left: 1208px;
| + | |
| − | top: 3105px;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | #apDiv_test11 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:87px;
| + | |
| − | z-index:2;
| + | |
| − | left: 141px;
| + | |
| − | top: 3513px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_figure6 {
| + | |
| − | position:absolute;
| + | |
| − | width:400px;
| + | |
| − | height:300px;
| + | |
| − | z-index:3;
| + | |
| − | left: 141px;
| + | |
| − | top: 3613px;
| + | |
| − | font-size: 100px;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | #apDiv_test12 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:45px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 3949px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_title9 { position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 2336px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_title10 { position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:84px;
| + | |
| − | z-index:1;
| + | |
| − | left: 5%;
| + | |
| − | top: 2336px;
| + | |
| − | font-size: 40px;
| + | |
| − | }
| + | |
| − | #apDiv_test13 {
| + | |
| − | position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:45px;
| + | |
| − | z-index:2;
| + | |
| − | left: 141px;
| + | |
| − | top: 4221px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv_backg {
| + | |
| − | position:absolute;
| + | |
| − | width:100%;
| + | |
| − | height:4500px;
| + | |
| − | z-index:1;
| + | |
| − | left: 0px;
| + | |
| − | top: 200px;
| + | |
| − | }
| + | |
| − | #apDiv1 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | #apDiv2 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:1;
| + | |
| − | left: 76px;
| + | |
| − | top: 78px;
| + | |
| − | }
| + | |
| − | #apDiv3 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:2;
| + | |
| − | }
| + | |
| − | #apDiv4 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:2;
| + | |
| − | }
| + | |
| − | #apDiv5 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:3;
| + | |
| − | }
| + | |
| − | #apDiv_test14 { position:absolute;
| + | |
| − | width:90%;
| + | |
| − | height:115px;
| + | |
| − | z-index:2;
| + | |
| − | left: 5%;
| + | |
| − | top: 446px;
| + | |
| − | font-size: 20px;
| + | |
| − | text-align: left;
| + | |
| − | }
| + | |
| − | #apDiv6 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:3;
| + | |
| − | }
| + | |
| − | #apDiv7 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:4;
| + | |
| − | }
| + | |
| − | #apDiv8 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:1;
| + | |
| − | }
| + | |
| − | #apDiv9 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:5;
| + | |
| − | }
| + | |
| − | #apDiv10 {
| + | |
| − | position:absolute;
| + | |
| − | width:200px;
| + | |
| − | height:115px;
| + | |
| − | z-index:10000;
| + | |
| − | left: 370px;
| + | |
| − | top: 1130px;
| + | |
| − | }*/
| + | |
| | </style> | | </style> |
| | </head> | | </head> |
| Line 498: |
Line 94: |
| | <div id="fh5co-page"> | | <div id="fh5co-page"> |
| | <div id="fh5co-header"> | | <div id="fh5co-header"> |
| − | <header id="fh5co-header-section">
| + | |
| − | <div class="container">
| + | |
| − | <div class="nav-header"><a href="https://2017.igem.org/Team:Tsinghua-A" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
| + | |
| − | <h1 id="fh5co-logo"><a href="https://2017.igem.org/Team:Tsinghua-A"><i class="icon-home2"></i>TSINGHUA-A IGEM</a></h1>
| + | |
| − | <!-- START #fh5co-menu-wrap -->
| + | |
| − | <nav id="fh5co-menu-wrap" role="navigation">
| + | |
| − | <ul class="sf-menu" id="fh5co-primary-menu">
| + | |
| − | <li>
| + | |
| − | <a href="project.html"class="fh5co-sub-ddown">PROJECT</a>
| + | |
| − | <ul class="fh5co-sub-menu">
| + | |
| − | <li><a href="description.html">DESCRIPTION</a></li>
| + | |
| − | <li><a href="result.html">RESULT</a></li>
| + | |
| − | <li><a href="proof.html">PROOF</a></li>
| + | |
| − | <li><a href="basic_parts.html">BASIC PARTS</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="modeling.html"class="fh5co-sub-ddown">MODELING</a>
| + | |
| − | <ul class="fh5co-sub-menu">
| + | |
| − | <li><a href="overview.html">OVERVIEW</a></li>
| + | |
| − | <li><a href="fliuid_medium.html">FLUID MEDIUM</a></li>
| + | |
| − | <li><a href="solid_medium.html">SOLID MEDIUM</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="game.html">GAME</a></li>
| + | |
| − | <li>
| + | |
| − | <a href="notebook.html" class="fh5co-sub-ddown">NOTEBOOK</a>
| + | |
| − | <ul class="fh5co-sub-menu">
| + | |
| − | <li><a href="lab_book.html">EXPERIMENT</a></li>
| + | |
| − | <li><a href="brainstorm.html">BRAINSTORM</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li><a href="human_practice.html">HUMAN PRACTICE</a></li>
| + | |
| − | <li><a href="team.html">TEAM</a></li>
| + | |
| − | </ul>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </header>
| + | |
| | | | |
| | </div> | | </div> |
| | <!-- end:fh5co-header --> | | <!-- end:fh5co-header --> |
| | <aside id="fh5co-hero" class="js-fullheight"> | | <aside id="fh5co-hero" class="js-fullheight"> |
| − | <div id="apDiv_backg"> | + | <div class="background"> |
| | <div class="myTitle1" id="apDiv_title1">Human Practice</div> | | <div class="myTitle1" id="apDiv_title1">Human Practice</div> |
| | <div class="myPara" id="apDiv_test1">Human practice is one of iGEM’s most important features that makes the competition very different from the other. This year, Team Tsinghua-A organized a series of activities based on their own understanding of what human practice is. All the activities share some common characteristics.</div> | | <div class="myPara" id="apDiv_test1">Human practice is one of iGEM’s most important features that makes the competition very different from the other. This year, Team Tsinghua-A organized a series of activities based on their own understanding of what human practice is. All the activities share some common characteristics.</div> |
TSINGHUA-A