(146 intermediate revisions by the same user not shown) | |||
Line 104: | Line 104: | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
− | body {background-color: | + | body {background-color:#f6ffb2; } |
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
Line 224: | Line 224: | ||
/* Background color */ | /* Background color */ | ||
body{ | body{ | ||
− | background-color:#f6ffb2; | + | background-color:#f6ffb2; |
} | } | ||
Line 233: | Line 233: | ||
display:block; | display:block; | ||
float:right; | float:right; | ||
− | background-color:#f6ffb2; | + | background-color:#f6ffb2; |
− | font-family:'Fresca',sans-serif; | + | background-image:url('https://static.igem.org/mediawiki/2017/f/fc/T--NYMU-Taipei--background02.jpg'); |
+ | background-size: cover; | ||
+ | background-attachment: scroll; | ||
+ | font-family:'Fresca',sans-serif; | ||
+ | padding-bottom:250px; | ||
+ | min-height:calc(100vh - 250px); | ||
} | } | ||
− | + | ||
/* Wrapper for the footer */ | /* Wrapper for the footer */ | ||
.igem_2017_footer_wrapper { | .igem_2017_footer_wrapper { | ||
width: 81%; | width: 81%; | ||
− | padding: 2%; | + | padding: 0.8% 2%; |
display:block; | display:block; | ||
− | float:right; | + | float: right; |
− | background:url( ' https://static.igem.org/mediawiki/2017/0/0f/T--NYMU-Taipei--footer.png ' ) no-repeat; | + | background:#f6ffb2 url('https://static.igem.org/mediawiki/2017/0/0f/T--NYMU-Taipei--footer.png') bottom no-repeat; |
height:150px; | height:150px; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
font-family:'Economica', sans-serif; | font-family:'Economica', sans-serif; | ||
} | } | ||
− | + | ||
+ | /* Wrapper for the head */ | ||
+ | .head_wrapper { | ||
+ | width: 85%; | ||
+ | padding: 0%; | ||
+ | display:block; | ||
+ | float:right; | ||
+ | background:#f6ffb2; | ||
+ | } | ||
+ | |||
/********************************* HTML STYLING *********************************/ | /********************************* HTML STYLING *********************************/ | ||
/* styling for the titles h1-h6 */ | /* styling for the titles h1-h6 */ | ||
.igem_2017_content_wrapper h1{ | .igem_2017_content_wrapper h1{ | ||
− | padding:30px | + | padding: 30px 20px 15px 20px; |
− | + | margin:30px; | |
− | color: # | + | line-height: 40px; |
+ | color: #424017; | ||
font-size: 44px; | font-size: 44px; | ||
font-family: 'Acme', sans-serif; | font-family: 'Acme', sans-serif; | ||
Line 261: | Line 279: | ||
.igem_2017_content_wrapper h2 { | .igem_2017_content_wrapper h2 { | ||
− | padding:30px | + | padding: 30px 20px 15px 20px; |
− | + | margin:30px; | |
− | color: # | + | line-height: 40px; |
+ | color: #424017; | ||
font-size: 40px; | font-size: 40px; | ||
font-family: 'Acme', sans-serif; | font-family: 'Acme', sans-serif; | ||
Line 270: | Line 289: | ||
.igem_2017_content_wrapper h3 { | .igem_2017_content_wrapper h3 { | ||
− | padding:20px 20px | + | padding:20px 20px 5px 20px; |
− | + | line-height: 30px; | |
− | color: # | + | color: #247c1c; |
− | font-size: | + | font-size: 34px; |
− | font-family: ' | + | font-family: 'Acme', sans-serif; |
} | } | ||
.igem_2017_content_wrapper h4 { | .igem_2017_content_wrapper h4 { | ||
− | padding:20px 20px | + | padding:20px 20px 5px 20px; |
− | + | line-height: 30px; | |
− | color: # | + | color: #247c1c;; |
− | font-size: | + | font-size: 30px; |
− | font-family: ' | + | font-family: 'Acme', sans-serif; |
} | } | ||
.igem_2017_content_wrapper h5 { | .igem_2017_content_wrapper h5 { | ||
− | padding: | + | padding:10px 0px 5px 20px; |
− | + | line-height: 20px; | |
− | color: # | + | color: #247c1c;; |
− | font-size: | + | font-size: 26px; |
− | font-family: ' | + | font-family: 'Acme', sans-serif; |
} | } | ||
.igem_2017_content_wrapper h6 { | .igem_2017_content_wrapper h6 { | ||
− | padding: | + | padding:10px 0px 5px 40px; |
− | + | line-height: 20px; | |
− | color: # | + | color: #247c1c;; |
− | font-size: | + | font-size: 24px; |
− | font-family: ' | + | font-family: 'Acme', sans-serif; |
} | } | ||
/* font and text */ | /* font and text */ | ||
.igem_2017_content_wrapper p { | .igem_2017_content_wrapper p { | ||
− | padding: | + | padding:7px 0px 0px 20px; |
font-size: 24px; | font-size: 24px; | ||
color: #0f2306; | color: #0f2306; | ||
Line 310: | Line 329: | ||
/* Links */ | /* Links */ | ||
.igem_2017_content_wrapper a { | .igem_2017_content_wrapper a { | ||
− | |||
text-decoration: underline; | text-decoration: underline; | ||
− | text-decoration-color: # | + | text-decoration-color: #0d1c0e; |
− | color: # | + | color: #0d1c0e; |
font-size: 24px; | font-size: 24px; | ||
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
Line 324: | Line 342: | ||
/* hover for the links */ | /* hover for the links */ | ||
.igem_2017_content_wrapper a:hover { | .igem_2017_content_wrapper a:hover { | ||
− | text-decoration: | + | text-decoration:underline; |
− | color:# | + | color:#38af2f; |
font-size: 24px; | font-size: 24px; | ||
} | } | ||
Line 331: | Line 349: | ||
/* non numbered lists */ | /* non numbered lists */ | ||
.igem_2017_content_wrapper ul { | .igem_2017_content_wrapper ul { | ||
− | padding: | + | padding:0px 0px 0px 15px; |
font-size: 24px; | font-size: 24px; | ||
color: #0f2306; | color: #0f2306; | ||
Line 338: | Line 356: | ||
/* numbered lists */ | /* numbered lists */ | ||
.igem_2017_content_wrapper ol { | .igem_2017_content_wrapper ol { | ||
− | padding: | + | padding:0px 0px 0px 20px; |
font-size: 24px; | font-size: 24px; | ||
color: #0f2306; | color: #0f2306; | ||
Line 347: | Line 365: | ||
width: 97%; | width: 97%; | ||
margin:15px 10px; | margin:15px 10px; | ||
− | border: 1px solid # | + | border: 1px solid #393a1f; |
− | border-collapse: collapse; | + | border-collapse: collapse; |
+ | |||
} | } | ||
Line 355: | Line 374: | ||
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
− | border: 1px solid # | + | border: 1px solid #393a1f; |
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
Line 363: | Line 382: | ||
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
− | border: 1px solid # | + | border: 1px solid #393a1f; |
border-collapse: collapse; | border-collapse: collapse; | ||
− | background-color: | + | background-color: rgba(246, 255, 178, 0); |
} | } | ||
Line 480: | Line 499: | ||
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} | ||
− | .igem_2017_content_wrapper {width: | + | .igem_2017_content_wrapper {width:96%; margin-left:0px;} |
.igem_2017_footer_wrapper {width:100%; margin-left:0px;} | .igem_2017_footer_wrapper {width:100%; margin-left:0px;} | ||
+ | .head_wrapper {width:100%; margin-left:0px;} | ||
.column.half_size {width:100%; } | .column.half_size {width:100%; } | ||
.column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;} | ||
Line 525: | Line 545: | ||
<a href="https://2017.igem.org/Team:NYMU-Taipei"> | <a href="https://2017.igem.org/Team:NYMU-Taipei"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2017/3/38/T--NYMU-Taipei--logo.jpg"> |
</a> | </a> | ||
Line 544: | Line 564: | ||
</div> | </div> | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 579: | Line 576: | ||
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Overview"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Overview_page"> |
− | + | Overview | |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Pigments"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Pigments_page"> |
− | + | Pigments | |
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Nitrogen_starvation"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Nitrogen_starvation_page"> |
− | + | Nitrogen starvation | |
</div> | </div> | ||
</a> | </a> | ||
− | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Model"> | |
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <div class="submenu_button" id="Model_page"> |
− | <div class="submenu_button" id=" | + | Modeling |
− | + | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Hardware"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Hardware_page"> |
− | + | Hardware | |
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
<a href="https://2017.igem.org/Team:NYMU-Taipei/Contribution"> | <a href="https://2017.igem.org/Team:NYMU-Taipei/Contribution"> | ||
<div class="submenu_button" id="Contribution_page"> | <div class="submenu_button" id="Contribution_page"> | ||
Line 615: | Line 611: | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Improve"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Improve_page"> |
− | + | Improvement | |
</div> | </div> | ||
</a> | </a> | ||
+ | |||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<a href="https://2017.igem.org/Team:NYMU-Taipei/Demonstrate"> | <a href="https://2017.igem.org/Team:NYMU-Taipei/Demonstrate"> | ||
<div class="submenu_button" id="Demonstrate_page"> | <div class="submenu_button" id="Demonstrate_page"> | ||
− | + | Demonstration | |
</div> | </div> | ||
</a> | </a> | ||
+ | |||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
Line 660: | Line 638: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
− | <div class="expand_collapse_icon"> </div> | + | <div class="expand_collapse_icon"> </div> LABWORK |
</div> | </div> | ||
− | <!-- | + | <!-- Labwork submenu --> |
<div class="submenu_wrapper"> | <div class="submenu_wrapper"> | ||
Line 671: | Line 649: | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Safety"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Safety_page"> |
− | + | Safety | |
− | </div> | + | </div> |
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Notebook"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Notebook_page"> |
− | + | Notebook | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</a> | </a> | ||
+ | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="menu_button" > | <div class="menu_button" > | ||
<div class="expand_collapse_icon"> </div> HUMAN PRACTICES | <div class="expand_collapse_icon"> </div> HUMAN PRACTICES | ||
Line 721: | Line 678: | ||
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/HP/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/HP/Gold_Integrated"> |
− | <div class="submenu_button" | + | <div class="submenu_button" id="Gold_Integrated_page"> |
− | Gold HP | + | Gold & Integrated HP |
</div> | </div> | ||
</a> | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NYMU-Taipei/Collaborations"> | ||
+ | <div class="submenu_button" id="Collaborations_page"> | ||
+ | Collaborations | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | </div> | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | |
− | <div class="submenu_button" | + | <div class="menu_button"> |
− | + | <div class="expand_collapse_icon"> </div> ABOUT US | |
+ | </div> | ||
+ | |||
+ | <div class="submenu_wrapper" id="About_Us_submenu"> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NYMU-Taipei/Team"> | ||
+ | <div class="submenu_button" id="Team_page"> | ||
+ | Team | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | |
− | <div class="submenu_button" id=" | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Attributions"> |
− | + | <div class="submenu_button" id="Attributions_page"> | |
+ | Attributions | ||
</div> | </div> | ||
</a> | </a> | ||
+ | |||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 762: | Line 730: | ||
</a> | </a> | ||
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Model"> |
− | <div class="submenu_button" id=" | + | <div class="submenu_button" id="Model_page"> |
− | + | Modeling | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</a> | </a> | ||
Line 777: | Line 739: | ||
<div class="submenu_button" id="Measurement_page"> | <div class="submenu_button" id="Measurement_page"> | ||
Measurement | Measurement | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 789: | Line 745: | ||
<div class="submenu_button" id="Plant_page"> | <div class="submenu_button" id="Plant_page"> | ||
Plant | Plant | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2017.igem.org/Team:NYMU-Taipei/Basic_Part"> | ||
+ | <div class="submenu_button" id="Basic_Part_page"> | ||
+ | Basic Parts | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | <a href="https://2017.igem.org/Team:NYMU-Taipei/Composite_Part"> | |
− | <a href="https://2017.igem.org/Team:NYMU-Taipei/ | + | <div class="submenu_button" id="Composite_Part_page"> |
− | <div class="submenu_button" id=" | + | Composite Parts |
− | + | ||
</div> | </div> | ||
</a> | </a> | ||
+ | <a href="https://2017.igem.org/Team:NYMU-Taipei/Part_Collection"> | ||
+ | <div class="submenu_button" id="Part_Collection_page"> | ||
+ | Part Collection | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <a href="https://2017.igem.org/Team:NYMU-Taipei/Engagement"> | ||
+ | <div class="submenu_button" id="Engagement_page"> | ||
+ | Public Engagement | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
</div> | </div> | ||
Latest revision as of 16:01, 1 November 2017