|
|
(42 intermediate revisions by 2 users not shown) |
Line 16: |
Line 16: |
| border: 0px; | | border: 0px; |
| } | | } |
− | | + | body { |
− | ul, li {
| + | background: black; |
− | margin:0 auto;
| + | |
− | padding: 0;
| + | |
− | list-style: none;
| + | |
− | }
| + | |
− | .abgne_tab {
| + | |
− | clear: left;
| + | |
− | width: 70%;
| + | |
− | margin: 8px 0;
| + | |
− | }
| + | |
− | ul.tabs {
| + | |
− | width: 90%;
| + | |
− | height: 35px;
| + | |
− | }
| + | |
− | ul.tabs li {
| + | |
− | font-size: 25px;
| + | |
− | font-weight: 800;
| + | |
− | font-family:Agency FB;
| + | |
− | line-height: 50px;
| + | |
− | letter-spacing:9px;
| + | |
− | float: left;
| + | |
− | height: 31px;
| + | |
− | line-height: 31px;
| + | |
− | overflow: hidden;
| + | |
− | position: relative;
| + | |
− | margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */
| + | |
− | border-left: none;
| + | |
− | background: #fff300;
| + | |
− | }
| + | |
− | ul.tabs li a {
| + | |
− | display: block;
| + | |
− | padding: 0 20px;
| + | |
− | color: #000;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | ul.tabs li a:hover {
| + | |
− | background: #FFFFbb;
| + | |
− | }
| + | |
− | ul.tabs li.active {
| + | |
− | background: #fff300;
| + | |
− | }
| + | |
− | ul.tabs li.active a:hover {
| + | |
− | background: #fff300;
| + | |
− | }
| + | |
− | div.tab_container {
| + | |
− | clear: left;
| + | |
− | width: 100%;
| + | |
− | border-top: none;
| + | |
− | background: #000000;
| + | |
− | }
| + | |
− | div.tab_container .tab_content {
| + | |
− | padding: 20px;
| + | |
− | }
| + | |
− | div.tab_container .tab_content h2 {
| + | |
− | margin: 0 0 20px;
| + | |
| } | | } |
| | | |
Line 112: |
Line 58: |
| letter-spacing:9px; | | letter-spacing:9px; |
| } | | } |
| + | div.demo-trans1{ |
| + | |
| + | height:30px; |
| + | position:relative; |
| + | top:12px; |
| + | |
| + | } |
| + | |
| + | div.f{ |
| + | float:left; |
| + | width:18%; |
| + | height:180px; |
| + | background-color:#FFF300; |
| + | -webkit-transition:0.4s ease-out; |
| + | -moz-transition: 0.4s ease-out; |
| + | -o-transiton: 0.4s ease-out; |
| + | -ms-transition:0.4s ease-out; |
| + | transition:0.4s ease-out; |
| + | text-top:100px; |
| + | } |
| + | div.f1{ |
| + | float:left; |
| + | width:15px; |
| + | height:180px; |
| + | background-color:#000000; |
| + | text-top:100px; |
| + | } |
| + | div.f_{ |
| + | float:left; |
| + | width:18%; |
| + | height:40px; |
| + | background-color:#FFF300; |
| + | -webkit-transition:0.4s ease-out; |
| + | -moz-transition: 0.4s ease-out; |
| + | -o-transiton: 0.4s ease-out; |
| + | -ms-transition:0.4s ease-out; |
| + | transition:0.4s ease-out; |
| + | text-top:100px; |
| + | } |
| + | div.f_:hover{ |
| + | background-color:#FFFFFF; |
| + | } |
| + | div.f:hover{ |
| + | background-color:#FFFFFF; |
| + | } |
| + | div.f:hover div.demo-trans1{ |
| + | display: block; |
| + | } |
| + | div.circle{ |
| + | display:none; |
| + | height:30px; |
| + | position:relative; |
| + | top:25px; |
| + | -webkit-transition:0.6s ease-out; |
| + | -moz-transition: 0.6s ease-out; |
| + | -o-transiton: 0.6s ease-out; |
| + | -ms-transition:0.6s ease-out; |
| + | transition:0.6s ease-out; |
| + | } |
| + | |
| + | div.f:hover div.circle{ |
| + | display: none; |
| + | } |
| + | div.line{ |
| + | text-align:center;height:80px;margin: 0 auto;width:75%; |
| + | |
| + | } |
| + | div.outofline{ |
| + | text-align:center;height:80px;width:100%;position:fixed;bottom:30px; |
| + | } |
| + | |
| </style> | | </style> |
| | | |
Line 117: |
Line 134: |
| | | |
| <body> | | <body> |
− | <div id="content">
| + | <div style="margin-bottom: 50px;"> |
− | <div style="left:10%;"><img src="https://static.igem.org/mediawiki/2015/4/4e/Agenda_new.png"></div> | + | |
− | <div class="abgne_tab" style="margin:0 auto;text-align : center;">
| + | |
| | | |
− | <ul class="tabs">
| + | <div><img src="https://static.igem.org/mediawiki/2015/4/4e/Agenda_new.png"></div> |
− | <li><a href="#tab1">07.19 DAY1</a></li>
| + | <div style="text-align:center;"> |
− | <li><a href="#tab2">07.20 DAY2</a></li>
| + | <iframe width="70%" height="550" src="https://drive.google.com/file/d/0B5KYUA3jLSjRYkZzUlRIYnpYZjg/preview"></iframe></div> |
− | <li><a href="#tab3">07.21 DAY3</a></li>
| + | |
− | <li><a href="#tab4">07.22 DAY4</a></li>
| + | |
− | <li><a href="#tab5">07.23 DAY5</a></li>
| + | |
− | </ul>
| + | |
− | <div class="tab_container">
| + | |
− | <div id="tab1" class="tab_content"> | + | |
| | | |
− | <div class="title">Day 1 – 19th July 2015 (Sunday)</div>
| |
− | <table>
| |
− | <tr>
| |
− | <th>Time</th>
| |
− | <th>Activity</th>
| |
− | <th>Remark</th>
| |
− | </tr>
| |
− | <tr>
| |
− | <td style="width:10%;">15:30~17:00 </td>
| |
− | <td style="width:50%;">Transportation from Taoyuan International
| |
− | Airport to NCTU</td>
| |
− | <td style="width:40%;">Teams should arrive at the airport before 15:30</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>17:00~17:30</td>
| |
− | <td>Arrival</td>
| |
− | <td>Each team receives a Conference Guide</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>17:30~18:30</td>
| |
− | <td>Check in Each team check into the dormitories </td>
| |
− | <td>Each team check into the dormitories</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>19:30~22:00</td>
| |
− | <td>Welcome Party </td>
| |
− | <td>An introduction to the new campus<BR>
| |
− | Each team introduce themselves (5- 10 miutes)<BR>
| |
− | Talent Show</td>
| |
− | </tr>
| |
− | </table>
| |
| | | |
− | </div>
| |
− | <div id="tab2" class="tab_content">
| |
− | <div class="title">Day 2 – 20th July 2015 (Monday)</div>
| |
− | <table>
| |
− | <tr>
| |
− | <th>Time</th>
| |
− | <th>Activity</th>
| |
− | <th>Remark</th>
| |
− | </tr>
| |
− | <tr>
| |
− | <td style="width:10%;">08:00~09:00 </td>
| |
− | <td style="width:50%;">Breakfast</td>
| |
− | <td style="width:40%;">Posting poster<BR>
| |
− | (Size: 160 cm length x 90 cm Width)</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>09:00~9:10</td>
| |
− | <td>Opening Ceremony</td>
| |
− | <td> </td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>09:10~09:30</td>
| |
− | <td>Addresses by Honorable Guests</td>
| |
− | <td> President of NCTU, Dean and Vice Dean of DBT</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>09:30~11:00</td>
| |
− | <td>Addresses by Team Supervisors</td>
| |
− | <td> Each team 5 minutes</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>11:00~11:40</td>
| |
− | <td>Team 1 Presentation、Q&A @ Room 1<BR>
| |
− | Team 2 Presentation、Q&A @ Room 4 </td>
| |
− | <td>Presentation 20 minutes<BR>
| |
− | Q&A 20 minutes</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>11:40~13:30</td>
| |
− | <td>Lunch</td>
| |
− | <td>Buffet and poster time</td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>13:30~14:10 </td>
| |
− | <td>Team 3 Presentation、Q&A @ Room 1<BR>
| |
− | Team 4 Presentation、Q&A @ Room 4</td>
| |
− | <td> </td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>14:20~15:00</td>
| |
− | <td>Team 5 Presentation、Q&A @ Room 1<BR>
| |
− | Team 6 Presentation、Q&A @ Room 4</td>
| |
− | <td> </td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>15:00~16:00</td>
| |
− | <td>Break Snacks and poster time</td>
| |
− | <td> </td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>16:00~16:40</td>
| |
− | <td>Team 7 Presentation、Q&A @ Room 1<BR>
| |
− | Team 8 Presentation、Q&A @ Room 4</td>
| |
− | <td> </td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>16:50~17:30</td>
| |
− | <td>Team 9 Presentation 、Q&A @ Room 1<BR>
| |
− | Team 10 Presentation 、Q&A @ Room 4</td>
| |
− | <td> </td>
| |
− | </tr>
| |
− | <tr>
| |
− | <td>17:30~21:30</td>
| |
− | <td>Free time</td>
| |
− | <td> </td>
| |
− | </tr>
| |
| | | |
| | | |
− | </table> | + | <div class="outofline"> |
| + | <div class="line"> |
| + | <div style="text-align:center;height:50px" ></div> |
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" > |
| + | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div> |
| + | <div class="demo-trans1" align="center" > |
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > |
| + | Intro |
| + | </font> |
| + | </div> |
| + | </div></a> |
| + | <div class="f1"></div> |
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f"> |
| + | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div> |
| + | <div class="demo-trans1" align="center" > |
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > |
| + | Agenda |
| + | </font> |
| + | |
| + | </div> |
| + | </div></a> |
| + | <div class="f1"></div> |
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f"> |
| + | <div class="circle" ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div> |
| + | <div class="demo-trans1" align="center" > |
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > |
| + | Team |
| + | </font> |
| + | </div> |
| + | </div></a> |
| + | <div class="f1"></div> |
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><div class="f" > |
| + | <div class="circle" ><img |
| + | src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div> |
| + | <div class="demo-trans1" align="center" > |
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > |
| + | Contact us |
| + | </font> |
| + | |
| + | </div> |
| + | </div> |
| + | <div class="f1"></div> |
| + | <a href="https://2015.igem.org/Meetups/NCTU_Formosa"><div class="f" > |
| + | <div class="circle" ><img |
| + | src="https://static.igem.org/mediawiki/2015/1/1e/6870.png" ;></div> |
| + | <div class="demo-trans1" align="center" > |
| + | <font size="6" align="center" color="#00000" font face="Agency FB" > |
| + | Home |
| + | </font> |
| + | |
| + | </div> |
| + | </div></a> |
| </div> | | </div> |
− | <div id="tab3" class="tab_content">
| + | </div> |
− | <div class="title">Day 3 – 21st July 2015 (Tuesday)</div>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th>Time</th>
| + | |
− | <th>Activity</th>
| + | |
− | <th>Remark</th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td style="width:10%;">08:00~09:00 </td>
| + | |
− | <td style="width:50%;">Breakfast</td>
| + | |
− | <td style="width:40%;"> </td>
| + | |
− | </tr>
| + | |
− | <td>09:00~09:40</td>
| + | |
− | <td>Team 11 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 12 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <td>09:50~10:30</td>
| + | |
− | <td>Team 13 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 14 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− |
| + | |
− | <tr>
| + | |
− | <td>10:30~11:10</td>
| + | |
− | <td>Break</td>
| + | |
− | <td>Snacks and poster time</td>
| + | |
− | </tr>
| + | |
− | <td>11:10~11:50</td>
| + | |
− | <td>Team 15 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 16 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− | <tr>
| + | |
− | <td>11:50~13:20</td>
| + | |
− | <td>Lunch</td>
| + | |
− | <td>Snacks and poster time</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>13:20~14:00 </td>
| + | |
− | <td>Team 17 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 18 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>14:10~14:50</td>
| + | |
− | <td>Team 19 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 20 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>14:50~15:30</td>
| + | |
− | <td>Break</td>
| + | |
− | <td>Snacks and poster time</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>15:30~16:10</td>
| + | |
− | <td>Team 21 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 22 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>16:20~17:00</td>
| + | |
− | <td>Team 23 Presentation 、Q&A @ Room 1<BR>
| + | |
− | Team 24 Presentation 、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>17:00~19:00</td>
| + | |
− | <td>Dinner</td>
| + | |
− | <td>Snacks and poster time</td>
| + | |
− | </tr>
| + | |
− | | + | |
− |
| + | |
− |
| + | |
− | </table>
| + | |
− | </div>
| + | |
− | <div id="tab4" class="tab_content">
| + | |
− | <div class="title">Day 4 – 22nd July 2015 (Wensday)</div>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th>Time</th>
| + | |
− | <th>Activity</th>
| + | |
− | <th>Remark</th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td style="width:10%;">08:00~09:00 </td>
| + | |
− | <td style="width:50%;">Breakfast</td>
| + | |
− | <td style="width:40%;"> </td>
| + | |
− | </tr>
| + | |
− | <td>09:00~09:40</td>
| + | |
− | <td>Team 25 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 26 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <td>09:50~10:30</td>
| + | |
− | <td>Team 27 Presentation、Q&A @ Room 1<BR>
| + | |
− | Team 28 Presentation、Q&A @ Room 4</td>
| + | |
− | <td> </td>
| + | |
− |
| + | |
− | <tr>
| + | |
− | <td>10:30~11:20</td>
| + | |
− | <td>Break</td>
| + | |
− | <td>Snacks and poster time</td>
| + | |
− | </tr>
| + | |
− | <td>11:20~12:00</td>
| + | |
− | <td>NCTU_Formosa iGEM Team
| + | |
− | Presentation、Q&A</td>
| + | |
− | <td> </td>
| + | |
− | <tr>
| + | |
− | <td>12:00~13:30</td>
| + | |
− | <td>Lunch</td>
| + | |
− | <td>Snacks and poster time</td>
| + | |
− | </tr>
| + | |
− | | + | |
− | <tr>
| + | |
− | <td>13:30~14:10 </td>
| + | |
− | <td>Team 3rd Presentation、Q&A </td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>14:15~14:55</td>
| + | |
− | <td>Team 2nd Presentation、Q&A </td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>15:00~15:40</td>
| + | |
− | <td> Team 1st Presentation、Q&A</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>15:40~17:30</td>
| + | |
− | <td>Closing Ceremony Photo time and award ceremony</td>
| + | |
− | <td>Photo time and award ceremony</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>17:30~21:30 </td>
| + | |
− | <td>Taiwanese Banquet</td>
| + | |
− | <td> </td>
| + | |
− | </tr>
| + | |
− | | + | |
− | </table>
| + | |
− | | + | |
− | | + | |
− | </div>
| + | |
− | <div id="tab5" class="tab_content">
| + | |
− | <div class="title">Day 5 – 23th July 2015 (Thursday)</div>
| + | |
− | <table>
| + | |
− | <tr>
| + | |
− | <th>Time</th>
| + | |
− | <th>Activity</th>
| + | |
− | <th>Remark</th>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td style="width:10%;">08:00~17:00</td>
| + | |
− | <td style="width:50%;">Synthetic Biology Field Trip to Taipei</td>
| + | |
− | <td style="width:40%;">Breakfast in the bus</td>
| + | |
− | </tr>
| + | |
− | <tr>
| + | |
− | <td>17:00</td>
| + | |
− | <td>The End</td>
| + | |
− | <td> Transportation back to Taoyuan International Airport before 18:30</td>
| + | |
− | </tr>
| + | |
− | | + | |
− | </table>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </body> | | </body> |
| </html> | | </html> |