Line 351: | Line 351: | ||
width:50%; | width:50%; | ||
} | } | ||
+ | .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; | ||
+ | } | ||
h1{ | h1{ | ||
Line 453: | Line 635: | ||
</nav> | </nav> | ||
+ | <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> | <h1> | ||
Line 544: | Line 792: | ||
</section> | </section> | ||
</h1> | </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 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><!--index_footer--> | ||
<!--JS--> | <!--JS--> |
Revision as of 00:56, 24 October 2017