Line 42: | Line 42: | ||
line-height:1; | line-height:1; | ||
} | } | ||
+ | .TCFSH_Taiwan{ | ||
+ | left:15px; | ||
+ | position:relative; | ||
+ | top: 5px; | ||
+ | } | ||
+ | h1{ | ||
+ | background-image:url('https://static.igem.org/mediawiki/2017/a/a9/Tcfshtaiwan_background.jpeg'); | ||
+ | } | ||
+ | .main-container{ | ||
+ | background:rgb(230, 236, 255); | ||
+ | position:fixed; | ||
+ | width:100vw; | ||
+ | height:auto; | ||
+ | z-index:999; | ||
+ | } | ||
+ | |||
+ | |||
+ | .dropbtn{ | ||
+ | margin-top:5px; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content{ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .dropbtn span:after{ | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: 0.313em solid transparent; | ||
+ | border-bottom: none; | ||
+ | border-top-color:black; | ||
+ | content: ''; | ||
+ | vertical-align: middle; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | right: -0.313em; /* 5 */ | ||
+ | text-decoration:none !important; | ||
+ | list-style-type:none !important; | ||
+ | } | ||
+ | |||
+ | .dropdown{ | ||
+ | float:left; | ||
+ | text-decoration:none !important; | ||
+ | list-style-type:none !important; | ||
+ | } | ||
+ | ul>.dropdown>a{ | ||
+ | color:black !important; | ||
+ | list-style-type:none !important; | ||
+ | text-decoration:none !important; | ||
+ | text-align:left; | ||
+ | } | ||
+ | li .dropdown{ | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown a, .dropbtn { | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | text-color: black; | ||
+ | padding-right: 10px; | ||
+ | margin-right: 10px; | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | .main-menu{ | ||
+ | position:relative; | ||
+ | list-style-type: none !important; | ||
+ | margin-right:1px; | ||
+ | display:block; | ||
+ | float:right !important; | ||
+ | font-weight:400 !important; | ||
+ | font-size:20px; | ||
+ | font-family:"Open Sans",serif,sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*下拉式menu*/ | ||
+ | |||
+ | .dropdown a:hover, .dropdown:hover .dropbtn{ | ||
+ | color:red !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .dropdown-content{ | ||
+ | display:none; | ||
+ | background: rgb(157, 136, 210); | ||
+ | position:absolute; | ||
+ | width:auto !important; | ||
+ | |||
+ | } | ||
+ | .dropdown-content a{ | ||
+ | color: black; | ||
+ | padding:15px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align:left !important; | ||
+ | size:1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | .dropdown-content a:hover{ | ||
+ | color: red; | ||
+ | } | ||
+ | .text{ | ||
+ | background-color: rgb(77, 89, 127); | ||
+ | color: #ffffff; | ||
+ | font-size: 20px; | ||
+ | font-family: | ||
+ | } | ||
+ | .text>h1 { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .bigphoto{ | ||
+ | margin: auto; | ||
+ | display: block; | ||
+ | } | ||
+ | #index_footer{ | ||
+ | color:#ccc; | ||
+ | font-size:12px; | ||
+ | position:relative; | ||
+ | z-index:2; | ||
+ | background-color:#3c3e3f !important; | ||
+ | display: block; | ||
+ | width:100%; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | #index_footer .conent{ | ||
+ | width:100vw; | ||
+ | position:relative; | ||
+ | margin-left:0vw; | ||
+ | bottom:0; | ||
+ | display: block; | ||
+ | z-index:1; | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | #index_foot_list { | ||
+ | width:auto; | ||
+ | height:170px; | ||
+ | padding:30px 0 0 0; | ||
+ | margin-left:5%; | ||
+ | display:block; | ||
+ | } | ||
+ | /*li width*/ | ||
+ | #index_foot_list li{ | ||
+ | float:left; | ||
+ | text-align:left; | ||
+ | margin-left:29px; | ||
+ | width:117px; | ||
+ | line-height:18px; | ||
+ | display:block; | ||
+ | color:#FFF; | ||
+ | font-size:16px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | #index_foot_list li a { | ||
+ | text-decoration: none; | ||
+ | font-size:16px; | ||
+ | color:#FFF; | ||
+ | } | ||
+ | #index_foot_list li span { | ||
+ | text-decoration: none; | ||
+ | font-size:16px; | ||
+ | color:#FFF; | ||
+ | } | ||
+ | #index_foot_list li ul li{ | ||
+ | float:left; | ||
+ | |||
+ | } | ||
+ | #index_foot_list li ul li a { | ||
+ | font-size:13px; | ||
+ | color:#a1a1a1; | ||
+ | line-height:20px; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #index_foot_list li ul li a:hover { | ||
+ | color:#fff; | ||
+ | } | ||
+ | .footer_logo{ | ||
+ | color:#fff; | ||
+ | display:block; | ||
+ | font-size:10pt !important; | ||
+ | line-height:18px; | ||
+ | z-index:3; | ||
+ | width: 70vw; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
/*大圖*/ | /*大圖*/ | ||
@media screen and (min-width: 768px) { | @media screen and (min-width: 768px) { | ||
Line 383: | Line 575: | ||
+ | <div class="main-container"> | ||
+ | <a href="https://2017.igem.org/Team:TCFSH_Taiwan"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/53/TEAM_name_logo_Tcfsh_new.png" class="TCFSH_Taiwan" width="20%"> | ||
+ | </a> | ||
+ | <ul class="main-menu" id="menu" style="list-style-image: none;"> | ||
+ | <li class="dropdown"><a href="https://2017.igem.org/Team:TCFSH_Taiwan" class="dropbtn">Home</a></li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Project" class="dropbtn"><span class="menu_sign">Project</span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">Description</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Design">Design</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Demonstrate">Device</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Results">Results</a></div> | ||
− | + | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Model">Modeling</a></div> | |
− | + | ||
− | + | </div> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropbtn"><span class="menu_sign">Awards</span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Applied_Design">Applied Design</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Entrepreneurship">Entrepreneurship</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Measurement">Measurement</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Plant">Plant</a></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropbtn"><span class="menu_sign">Human Practices</span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Silver">Silver HP</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Gold_Integrated">Integrated and Gold</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Engagement">Public Engagement</a></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Parts" class="dropbtn"><span class="menu_sign">Parts</span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Basic_Part">Basic Parts</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Composite_Part">Composite Parts</a></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Attributions" class="dropbtn"><span class="menu_sign">Team</span></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></div> | ||
+ | <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Collaborations">Collaborations</a></div> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Safety" class="dropbtn">Safety</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <h1> | ||
+ | |||
+ | <!--video--> | ||
+ | |||
+ | <div> | ||
+ | <video playinline autoplay controls="true"> | ||
+ | <source src="https://static.igem.org/mediawiki/2017/7/7b/Tcfshtaiwan_introduce.mp4" type="video/mp4";> | ||
+ | </video> | ||
+ | </div> | ||
<!--wiki content--> | <!--wiki content--> | ||
Line 402: | Line 655: | ||
<section class="content_container"> | <section class="content_container"> | ||
<div> | <div> | ||
− | <p class="title"> | + | <p class="title">School Introduction</p> |
− | <p class="content"> | + | <p class="content">In 1915, under Japanese occupation, Taiwanese forefathers Lin Lie-tang, Lin Hsien-tang, Lin Hsiung-cheng, Tsai Lien-fang, and Ku Hsien-jung pooled resources and donated land to build the high school to educate Taiwanese students with a view to awakening Taiwanese people's nationalism and cultural senses. After the foundation of the school in 1915, it has undergone several changes in the name of the school. Not until the year 2000 did the school finally get the name it now adopts, National Taichung First Senior High School. There are now 75 classes, including 63 general classes, 3 classes of high achievement in math and science, 3 class of high achievement in language, and 3 art-oriented classes.</p> |
+ | |||
+ | |||
− | <p class="title"> | + | <p class="title">Team Member</p> |
− | <p class="content"> | + | <p class="content"></p> |
+ | </section> | ||
+ | </h1> | ||
+ | <div id="index_footer"><div class="conent"> | ||
+ | <ul id="index_foot_list" style="list-style-image: none;list-style-type:none;"> | ||
+ | <li> | ||
+ | <ul style="list-style-image: none;"> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan" style="font-size:16px;color:#FFF;"><b>Home</b></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | < | + | <li > |
− | + | <ul style="list-style-image: none;"> | |
+ | <li> <a href="#" style="font-size:16px;color:#FFF;"><b>Project</b></a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Demonstrate">Device</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Results">Results</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Model">Modeling</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li> | ||
+ | <ul style="list-style-image: none;"> | ||
+ | <li> | ||
+ | <a href="https://2016.igem.org/Team:NCTU_Formosa/Achievement" style="font-size:16px;color:#FFF;"><b>Awards</b></a> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Applied_Design">Applied design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Entrepreneurship">Entrepreneurship</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Measurement">Measurement</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Plant">Plant</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li> | ||
+ | <ul style="list-style-image: none;"> | ||
+ | <li> <a href="#" style="font-size:16px;color:#FFF;"><b>Human<br> Practices</b></a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Silver">Silver HP</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Gold_Integrated">Integrated and Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Engagement">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li> | ||
+ | <ul style="list-style-image: none;"> | ||
+ | <li><b>Parts</b></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Basic_Part">Basic Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Composite_Part">Composite Parts</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | <li> | ||
+ | <ul style="list-style-image: none;"> | ||
+ | <li> | ||
+ | <a href="#" style="font-size:16px;color:#FFF;"><b>Team</b></a> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Collaborations">Collaborations</a></li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <ul style="list-style-image: none;"> | ||
+ | <li><b>Safety</b></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Safety">Safety</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
</div> | </div> | ||
− | </ | + | <div class="footer_logo"> |
+ | |||
+ | <a href="http://www.tcfsh.tc.edu.tw/" target="_blank"> | ||
+ | <img style="margin:10px;FLOAT:LEFT;top:10px;position:relative;" src="https://static.igem.org/mediawiki/2017/a/a1/Tcfsh_school_logo.png" width="100px"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | |||
+ | <img STYLE="margin:10px;FLOAT: LEFT;" src="https://static.igem.org/mediawiki/2017/8/82/Team_Logo%28No_background%29TCFSH_Taiwan.png" width="100px"> | ||
+ | <br>TCFSH_Taiwan | ||
+ | <a href="https://www.facebook.com/igem2017tcfshtaiwan/?fref=ts" target="_blank"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/a/ab/NCTU_FORMOSA_Facebook_LINK.png" width="21vw"></a><br> | ||
+ | <a href="http://www.tcfsh.tc.edu.tw/" style="text-decoration:none;color:#999;" target="_blank">Taichung First Senior High School</a><br> | ||
+ | </div> | ||
+ | </div> | ||
Revision as of 06:03, 24 October 2017