(273 intermediate revisions by the same user not shown) | |||
Line 88: | Line 88: | ||
+ | |||
+ | <link href="https://fonts.googleapis.com/css?family=Francois+One|Fresca" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Acme" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Economica" rel="stylesheet"> | ||
<style> | <style> | ||
Line 100: | 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 112: | Line 116: | ||
height:100vh; | height:100vh; | ||
position:fixed; | position:fixed; | ||
− | + | left:0%; | |
padding:0px; | padding:0px; | ||
− | float: | + | float:left; |
− | border- | + | border-right: 1px solid #c0e5b9; |
− | background-color:# | + | background-color:#23331f; |
text-align:left; | text-align:left; | ||
− | font-family: | + | font-family:'Acme', sans-serif; |
overflow-y: auto; | overflow-y: auto; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
Line 145: | Line 149: | ||
padding: 10px 0px 10px 15px; | padding: 10px 0px 10px 15px; | ||
float:left; | float:left; | ||
− | border-bottom: 1px solid # | + | border-bottom: 1px solid #c0e5b9; |
− | font-size: | + | font-size: 16px; |
font-weight: bold; | font-weight: bold; | ||
− | color: # | + | color: #afe8a4; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
Line 181: | Line 185: | ||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | ||
− | background-color: # | + | background-color: #afe8a4; |
text-decoration: none; | text-decoration: none; | ||
− | color:# | + | color:#23331f; |
} | } | ||
/* styling for the menu button when it is the current page */ | /* styling for the menu button when it is the current page */ | ||
.current_page { | .current_page { | ||
− | background-color:# | + | background-color:#d5ede0 !important; |
− | color:# | + | color:#23331f !important; |
} | } | ||
Line 198: | Line 202: | ||
padding: 10px 0px 10px 34px; | padding: 10px 0px 10px 34px; | ||
float:left; | float:left; | ||
− | background-color:# | + | background-color:#407532; |
− | border-bottom: 1px solid # | + | border-bottom: 1px solid #c0e5b9; |
− | font-size: | + | font-size: 16px; |
− | color: # | + | color: #ecffe8; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
Line 218: | Line 222: | ||
/***************************************************** CONTENT OF THE PAGE ****************************************************/ | /***************************************************** CONTENT OF THE PAGE ****************************************************/ | ||
+ | /* Background color */ | ||
+ | body{ | ||
+ | background-color:#f6ffb2; | ||
+ | } | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
.igem_2017_content_wrapper { | .igem_2017_content_wrapper { | ||
width: 81%; | width: 81%; | ||
− | + | padding: 2%; | |
display:block; | display:block; | ||
− | float: | + | float:right; |
− | background-color: | + | background-color:#f6ffb2; |
− | font-family: | + | 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 */ | |
+ | .igem_2017_footer_wrapper { | ||
+ | width: 81%; | ||
+ | padding: 0.8% 2%; | ||
+ | display:block; | ||
+ | float: right; | ||
+ | background:#f6ffb2 url('https://static.igem.org/mediawiki/2017/0/0f/T--NYMU-Taipei--footer.png') bottom no-repeat; | ||
+ | height:150px; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | 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 | + | /* styling for the titles h1-h6 */ |
− | .igem_2017_content_wrapper h1 | + | .igem_2017_content_wrapper h1{ |
− | padding: | + | padding: 30px 20px 15px 20px; |
− | + | margin:30px; | |
− | color: # | + | line-height: 40px; |
+ | color: #424017; | ||
+ | font-size: 44px; | ||
+ | font-family: 'Acme', sans-serif; | ||
+ | text-shadow: 4px 4px 4px #aaa; | ||
} | } | ||
+ | .igem_2017_content_wrapper h2 { | ||
+ | padding: 30px 20px 15px 20px; | ||
+ | margin:30px; | ||
+ | line-height: 40px; | ||
+ | color: #424017; | ||
+ | font-size: 40px; | ||
+ | font-family: 'Acme', sans-serif; | ||
+ | text-shadow: 4px 4px 4px #aaa; | ||
+ | } | ||
− | + | .igem_2017_content_wrapper h3 { | |
− | .igem_2017_content_wrapper h3 | + | padding:20px 20px 5px 20px; |
− | padding:5px | + | line-height: 30px; |
− | + | color: #247c1c; | |
− | color: # | + | font-size: 34px; |
+ | font-family: 'Acme', sans-serif; | ||
} | } | ||
− | + | .igem_2017_content_wrapper h4 { | |
+ | padding:20px 20px 5px 20px; | ||
+ | line-height: 30px; | ||
+ | color: #247c1c;; | ||
+ | font-size: 30px; | ||
+ | font-family: 'Acme', sans-serif; | ||
+ | } | ||
+ | |||
+ | .igem_2017_content_wrapper h5 { | ||
+ | padding:10px 0px 5px 20px; | ||
+ | line-height: 20px; | ||
+ | color: #247c1c;; | ||
+ | font-size: 26px; | ||
+ | font-family: 'Acme', sans-serif; | ||
+ | } | ||
+ | |||
+ | .igem_2017_content_wrapper h6 { | ||
+ | padding:10px 0px 5px 40px; | ||
+ | line-height: 20px; | ||
+ | color: #247c1c;; | ||
+ | font-size: 24px; | ||
+ | font-family: 'Acme', sans-serif; | ||
+ | } | ||
+ | |||
/* font and text */ | /* font and text */ | ||
.igem_2017_content_wrapper p { | .igem_2017_content_wrapper p { | ||
− | padding: 0px | + | padding:7px 0px 0px 20px; |
− | font-size: | + | font-size: 24px; |
+ | color: #0f2306; | ||
} | } | ||
/* 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; | ||
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
-moz-transition: all 0.4s ease; | -moz-transition: all 0.4s ease; | ||
Line 269: | 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; | ||
} | } | ||
/* non numbered lists */ | /* non numbered lists */ | ||
.igem_2017_content_wrapper ul { | .igem_2017_content_wrapper ul { | ||
− | padding:0px | + | padding:0px 0px 0px 15px; |
− | font-size: | + | font-size: 24px; |
− | + | color: #0f2306; | |
} | } | ||
/* numbered lists */ | /* numbered lists */ | ||
.igem_2017_content_wrapper ol { | .igem_2017_content_wrapper ol { | ||
− | padding:0px; | + | padding:0px 0px 0px 20px; |
− | font-size: | + | font-size: 24px; |
− | + | color: #0f2306; | |
} | } | ||
Line 291: | 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 299: | 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 307: | 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); |
} | } | ||
− | + | ||
+ | |||
/**********************************LAYOUT CLASSES **********************************/ | /**********************************LAYOUT CLASSES **********************************/ | ||
Line 368: | Line 444: | ||
/* highlight class, adds a gray background */ | /* highlight class, adds a gray background */ | ||
.igem_2017_content_wrapper .highlight.gray { | .igem_2017_content_wrapper .highlight.gray { | ||
− | background-color: # | + | background-color: #d2f9cc; |
} | } | ||
/* highlight with decoration blue line on top */ | /* highlight with decoration blue line on top */ | ||
.igem_2017_content_wrapper .highlight.blue_top { | .igem_2017_content_wrapper .highlight.blue_top { | ||
− | border-top: 4px solid # | + | border-top: 4px solid #316d13; |
} | } | ||
/* highlight with a full blue border decoration */ | /* highlight with a full blue border decoration */ | ||
.igem_2017_content_wrapper .highlight.blue_border { | .igem_2017_content_wrapper .highlight.blue_border { | ||
− | border: 4px solid # | + | border: 4px solid #316d13; |
} | } | ||
Line 387: | Line 463: | ||
margin: 30px auto; | margin: 30px auto; | ||
padding: 12px 10px; | padding: 12px 10px; | ||
− | background-color: # | + | background-color: #316d13; |
text-align: center; | text-align: center; | ||
− | color: # | + | color: #d2f9cc; |
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
-moz-transition: all 0.4s ease; | -moz-transition: all 0.4s ease; | ||
Line 398: | Line 474: | ||
/* styling for button on hover */ | /* styling for button on hover */ | ||
.igem_2017_content_wrapper .button:hover{ | .igem_2017_content_wrapper .button:hover{ | ||
− | background-color: # | + | background-color: #d2f9cc; |
− | color: # | + | color: #316d13; |
} | } | ||
Line 423: | 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:100%; margin-left:0px;} | + | .igem_2017_content_wrapper {width:96%; 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 467: | 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 486: | Line 564: | ||
</div> | </div> | ||
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 521: | 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 557: | 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 597: | 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 608: | 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 660: | Line 680: | ||
<a href="https://2017.igem.org/Team:NYMU-Taipei/HP/Gold_Integrated"> | <a href="https://2017.igem.org/Team:NYMU-Taipei/HP/Gold_Integrated"> | ||
<div class="submenu_button" id="Gold_Integrated_page"> | <div class="submenu_button" id="Gold_Integrated_page"> | ||
− | + | Gold & Integrated HP | |
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://2017.igem.org/Team:NYMU-Taipei/Collaborations"> | ||
+ | <div class="submenu_button" id="Collaborations_page"> | ||
+ | Collaborations | ||
</div> | </div> | ||
</a> | </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/Attributions"> | ||
+ | <div class="submenu_button" id="Attributions_page"> | ||
+ | Attributions | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
</div> | </div> | ||
+ | |||
+ | |||
Line 687: | 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 702: | Line 739: | ||
<div class="submenu_button" id="Measurement_page"> | <div class="submenu_button" id="Measurement_page"> | ||
Measurement | Measurement | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 714: | 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> | ||
Line 743: | Line 793: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− |
Latest revision as of 16:01, 1 November 2017