(7 intermediate revisions by 4 users not shown) | |||
Line 8: | Line 8: | ||
<head> | <head> | ||
− | + | ||
<style> | <style> | ||
Line 15: | Line 15: | ||
.navbar { | .navbar { | ||
− | + | background-color: #f2efe8; | |
− | background-color: # | + | |
font-family: Arial; | font-family: Arial; | ||
Line 28: | Line 27: | ||
.navbar a { | .navbar a { | ||
float: left; | float: left; | ||
− | color: | + | color: #858687; |
text-align: center; | text-align: center; | ||
− | padding: | + | padding: 10px 32px; |
text-decoration: none; | text-decoration: none; | ||
font-size: 28px; | font-size: 28px; | ||
Line 57: | Line 56: | ||
.navbar a:hover, .dropdown:hover .dropbtn { | .navbar a:hover, .dropdown:hover .dropbtn { | ||
− | background-color: # | + | background-color: #d2dff7; |
Line 68: | Line 67: | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
min-width: 160px; | min-width: 160px; | ||
− | box-shadow: 0px 8px 16px 0px rgba(0,0,0,. | + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
z-index: 100; | z-index: 100; | ||
− | top: | + | top: 57px; |
Line 105: | Line 104: | ||
<div class="navbar"> | <div class="navbar"> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a> | ||
− | + | ||
<div class="dropdown"> | <div class="dropdown"> | ||
− | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/ | + | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a> |
− | + | <div class="dropdown-content"> | |
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Collaborations">Collaborations</a> | ||
+ | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="dropdown"> | ||
+ | <a href="#">Project</a> | ||
<div class="dropdown-content"> | <div class="dropdown-content"> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a> | ||
Line 115: | Line 122: | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a> | ||
− | + | </div> | |
− | + | </div> | |
− | </div> | + | |
− | </div> | + | |
− | + | ||
− | + | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a> | ||
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a> | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a> | ||
− | + | </div> | |
− | |||
− | |||
Line 146: | Line 147: | ||
<meta charset="utf-8" /> | <meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
− | + | ||
</head> | </head> | ||
<body> | <body> | ||
Line 157: | Line 158: | ||
<h2 class="major">Our notebook</h2> | <h2 class="major">Our notebook</h2> | ||
− | < | + | <embed src="https://static.igem.org/mediawiki/2017/2/27/Asij_notebook.pdf" width = "850" height = "1500"> |
</div> | </div> | ||
</div> | </div> | ||
</section> | </section> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<style> | <style> | ||
@import url(font-awesome.min.css); | @import url(font-awesome.min.css); | ||
− | + | ||
/* | /* | ||
Line 1,797: | Line 1,790: | ||
body { | body { | ||
− | background-color: # | + | background-color: #b0aac2; |
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | ||
background-size: auto, cover; | background-size: auto, cover; | ||
Line 2,137: | Line 2,130: | ||
select:focus, | select:focus, | ||
textarea:focus { | textarea:focus { | ||
− | border-color: # | + | border-color: #b0aac2; |
} | } | ||
Line 2,175: | Line 2,168: | ||
select option { | select option { | ||
color: #ffffff; | color: #ffffff; | ||
− | background: # | + | background: #b0aac2; |
} | } | ||
Line 2,250: | Line 2,243: | ||
border-color: #ffffff; | border-color: #ffffff; | ||
content: '\f00c'; | content: '\f00c'; | ||
− | color: # | + | color: #b0aac2; |
} | } | ||
input[type="checkbox"]:focus + label:before, | input[type="checkbox"]:focus + label:before, | ||
input[type="radio"]:focus + label:before { | input[type="radio"]:focus + label:before { | ||
− | border-color: # | + | border-color: #b0aac2; |
} | } | ||
Line 2,622: | Line 2,615: | ||
ul.pagination li > .page.active { | ul.pagination li > .page.active { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
Line 2,804: | Line 2,797: | ||
button.special, | button.special, | ||
.button.special { | .button.special { | ||
− | background-color: # | + | background-color: #b0aac2; |
box-shadow: none; | box-shadow: none; | ||
} | } | ||
Line 2,813: | Line 2,806: | ||
button.special:hover, | button.special:hover, | ||
.button.special:hover { | .button.special:hover { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
Line 2,821: | Line 2,814: | ||
button.special:active, | button.special:active, | ||
.button.special:active { | .button.special:active { | ||
− | background-color:# | + | background-color:#b0aac2; |
} | } | ||
Line 2,829: | Line 2,822: | ||
button.special.icon:before, | button.special.icon:before, | ||
.button.special.icon:before { | .button.special.icon:before { | ||
− | color: # | + | color: #b0aac2 |
} | } | ||
Line 2,898: | Line 2,891: | ||
.features article { | .features article { | ||
padding: 1.75em 1.75em 0.1em 1.75em ; | padding: 1.75em 1.75em 0.1em 1.75em ; | ||
− | background-color: # | + | background-color: #b0aac2; |
border-radius: 5px; | border-radius: 5px; | ||
margin: 1.5em 3em 1.5em 0; | margin: 1.5em 3em 1.5em 0; | ||
Line 3,172: | Line 3,165: | ||
transition: opacity 0.35s ease, transform 0.35s ease; | transition: opacity 0.35s ease, transform 0.35s ease; | ||
-webkit-overflow-scrolling: touch; | -webkit-overflow-scrolling: touch; | ||
− | background: # | + | background: #b0aac2; |
border-radius: 5px; | border-radius: 5px; | ||
display: block; | display: block; | ||
Line 3,228: | Line 3,221: | ||
#menu .links li a:hover { | #menu .links li a:hover { | ||
− | background:# | + | background:#b0aac2; |
} | } | ||
Line 3,359: | Line 3,352: | ||
#banner { | #banner { | ||
padding: 7em 0 8.25em 0 ; | padding: 7em 0 8.25em 0 ; | ||
− | background-color: # | + | background-color: #b0aac2; |
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | ||
background-size: auto, cover; | background-size: auto, cover; | ||
Line 3,469: | Line 3,462: | ||
#wrapper > header { | #wrapper > header { | ||
padding: 9em 0 6.25em 0 ; | padding: 9em 0 6.25em 0 ; | ||
− | background-color: # | + | background-color: #b0aac2; |
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | ||
background-size: auto, cover; | background-size: auto, cover; | ||
Line 3,512: | Line 3,505: | ||
.wrapper { | .wrapper { | ||
− | background-color: # | + | background-color: #b0aac2; |
margin: 6.5em 0; | margin: 6.5em 0; | ||
position: relative; | position: relative; | ||
Line 3,518: | Line 3,511: | ||
.wrapper:before, .wrapper:after { | .wrapper:before, .wrapper:after { | ||
− | + | ||
} | } | ||
.wrapper:before { | .wrapper:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper:after { | .wrapper:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
Line 3,574: | Line 3,567: | ||
.wrapper.style2 { | .wrapper.style2 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.style2:before, .wrapper.style2:after { | .wrapper.style2:before, .wrapper.style2:after { | ||
− | + | ||
} | } | ||
.wrapper.style2:before { | .wrapper.style2:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style2:after { | .wrapper.style2:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style3 { | .wrapper.style3 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.style3:before, .wrapper.style3:after { | .wrapper.style3:before, .wrapper.style3:after { | ||
− | + | ||
} | } | ||
.wrapper.style3:before { | .wrapper.style3:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style3:after { | .wrapper.style3:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style4 { | .wrapper.style4 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.style4:before, .wrapper.style4:after { | .wrapper.style4:before, .wrapper.style4:after { | ||
− | + | ||
} | } | ||
.wrapper.style4:before { | .wrapper.style4:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style4:after { | .wrapper.style4:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style5 { | .wrapper.style5 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.style5:before, .wrapper.style5:after { | .wrapper.style5:before, .wrapper.style5:after { | ||
− | + | ||
} | } | ||
.wrapper.style5:before { | .wrapper.style5:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style5:after { | .wrapper.style5:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.style6 { | .wrapper.style6 { | ||
− | background-color:# | + | background-color:#b0aac2; |
} | } | ||
.wrapper.style6:before, .wrapper.style6:after { | .wrapper.style6:before, .wrapper.style6:after { | ||
− | + | ||
} | } | ||
.wrapper.style6:before { | .wrapper.style6:before { | ||
− | box-shadow: inset 0 -1px 0 0# | + | box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2; |
} | } | ||
.wrapper.style6:after { | .wrapper.style6:after { | ||
− | box-shadow: inset 0 -1px 0 0# | + | box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2; |
} | } | ||
.wrapper.spotlight { | .wrapper.spotlight { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.spotlight:before, .wrapper.spotlight:after { | .wrapper.spotlight:before, .wrapper.spotlight:after { | ||
− | + | ||
} | } | ||
.wrapper.spotlight:before { | .wrapper.spotlight:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight:after { | .wrapper.spotlight:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
Line 3,715: | Line 3,708: | ||
.wrapper.spotlight.style2 { | .wrapper.spotlight.style2 { | ||
− | background-color:# | + | background-color:#b0aac2; |
} | } | ||
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { | .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { | ||
− | + | ||
} | } | ||
.wrapper.spotlight.style2:before { | .wrapper.spotlight.style2:before { | ||
− | box-shadow: inset 0 -1px 0 0# | + | box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2; |
} | } | ||
.wrapper.spotlight.style2:after { | .wrapper.spotlight.style2:after { | ||
− | box-shadow: inset 0 -1px 0 0# | + | box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2; |
} | } | ||
.wrapper.spotlight.style3 { | .wrapper.spotlight.style3 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after { | .wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after { | ||
− | + | ||
} | } | ||
.wrapper.spotlight.style3:before { | .wrapper.spotlight.style3:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight.style3:after { | .wrapper.spotlight.style3:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight.style4 { | .wrapper.spotlight.style4 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after { | .wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after { | ||
− | + | ||
} | } | ||
.wrapper.spotlight.style4:before { | .wrapper.spotlight.style4:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight.style4:after { | .wrapper.spotlight.style4:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight.style5 { | .wrapper.spotlight.style5 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after { | .wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after { | ||
− | + | ||
} | } | ||
.wrapper.spotlight.style5:before { | .wrapper.spotlight.style5:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight.style5:after { | .wrapper.spotlight.style5:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight.style6 { | .wrapper.spotlight.style6 { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after { | .wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after { | ||
− | + | ||
} | } | ||
.wrapper.spotlight.style6:before { | .wrapper.spotlight.style6:before { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
.wrapper.spotlight.style6:after { | .wrapper.spotlight.style6:after { | ||
− | box-shadow: inset 0 -1px 0 0 # | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
} | } | ||
Line 3,957: | Line 3,950: | ||
#footer { | #footer { | ||
− | background-color: # | + | background-color: #b0aac2; |
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg"); | ||
background-size: auto, cover; | background-size: auto, cover; | ||
Line 4,050: | Line 4,043: | ||
body { | body { | ||
− | background-color: # | + | background-color: #b0aac2; |
background-image: url("../../images/bg.jpg"); | background-image: url("../../images/bg.jpg"); | ||
background-size: cover; | background-size: cover; | ||
Line 4,243: | Line 4,236: | ||
#menu { | #menu { | ||
− | background: # | + | background: #b0aac2; |
} | } | ||
Line 4,253: | Line 4,246: | ||
#header { | #header { | ||
− | background-color: # | + | background-color: #b0aac2; |
} | } | ||
Latest revision as of 16:00, 1 November 2017