Difference between revisions of "Team:ASIJ TOKYO"
| (69 intermediate revisions by 5 users not shown) | |||
| Line 8: | Line 8: | ||
<head> | <head> | ||
| − | + | ||
<style> | <style> | ||
| Line 15: | Line 15: | ||
.navbar { | .navbar { | ||
| − | background-color: # | + | background-color: #f2efe8; |
font-family: Arial; | font-family: Arial; | ||
| Line 27: | 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 56: | Line 56: | ||
.navbar a:hover, .dropdown:hover .dropbtn { | .navbar a:hover, .dropdown:hover .dropbtn { | ||
| − | background-color: # | + | background-color: #d2dff7; |
| Line 67: | 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 115: | Line 115: | ||
<div class="dropdown"> | <div class="dropdown"> | ||
| − | <a href=" | + | <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 122: | 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> | ||
| Line 129: | Line 128: | ||
<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> | </div> | ||
| + | |||
| + | |||
| + | |||
| Line 145: | Line 147: | ||
HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed | HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed | ||
*/ | */ | ||
| − | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); | + | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); |
| − | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>"; | + | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>"; |
| − | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object | + | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| |
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); | "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); | ||
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document); | for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document); | ||
| Line 158: | Line 160: | ||
<style> | <style> | ||
@import url(font-awesome.min.css); | @import url(font-awesome.min.css); | ||
| − | + | ||
/* | /* | ||
| Line 168: | Line 170: | ||
/* Reset */ | /* Reset */ | ||
| − | html, body, div, span, applet, object | + | html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video { |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| Line 1,782: | Line 1,784: | ||
body { | body { | ||
| + | background-color: #f2efe8; | ||
| + | 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; | ||
background-attachment: fixed, fixed; | background-attachment: fixed, fixed; | ||
| Line 1,801: | Line 1,805: | ||
body, input, select, textarea { | body, input, select, textarea { | ||
| − | color: # | + | color: #111111; |
font-family: "Source Sans Pro", Helvetica, sans-serif; | font-family: "Source Sans Pro", Helvetica, sans-serif; | ||
font-size: 16.5pt; | font-size: 16.5pt; | ||
| Line 2,158: | Line 2,162: | ||
select option { | select option { | ||
color: #ffffff; | color: #ffffff; | ||
| − | background: # | + | background: #f2efe8; |
} | } | ||
| Line 2,233: | Line 2,237: | ||
border-color: #ffffff; | border-color: #ffffff; | ||
content: '\f00c'; | content: '\f00c'; | ||
| − | color: # | + | color: #f2efe8; |
} | } | ||
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: #c2d4d8; |
} | } | ||
| Line 2,605: | Line 2,609: | ||
ul.pagination li > .page.active { | ul.pagination li > .page.active { | ||
| − | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
| Line 2,787: | Line 2,791: | ||
button.special, | button.special, | ||
.button.special { | .button.special { | ||
| − | background-color: # | + | background-color: #c2d4d8; |
box-shadow: none; | box-shadow: none; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
input[type="submit"].special:active, | input[type="submit"].special:active, | ||
| Line 2,804: | Line 2,802: | ||
button.special:active, | button.special:active, | ||
.button.special:active { | .button.special:active { | ||
| − | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
| Line 2,878: | Line 2,876: | ||
margin: 0 0 2em 0; | margin: 0 0 2em 0; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.features article:nth-child(2n) { | .features article:nth-child(2n) { | ||
| Line 3,046: | Line 3,036: | ||
#banner { | #banner { | ||
| − | padding: | + | padding: 8em 0 8em 0 ; |
} | } | ||
| Line 3,132: | Line 3,122: | ||
#banner { | #banner { | ||
| − | + | background-image:url("https://static.igem.org/mediawiki/2017/a/a4/Asijigem-banner.png"); | |
| − | background-image: | + | padding: 20em 1em 20em 1em ; |
background-size: auto, cover; | background-size: auto, cover; | ||
background-position: center, center; | background-position: center, center; | ||
| − | margin-bottom: - | + | margin-bottom: -2.6em; |
} | } | ||
| Line 3,144: | Line 3,134: | ||
#banner { | #banner { | ||
| − | padding: | + | padding: 12em 3em 12.375em 3em ; |
margin-bottom: -4.75em; | margin-bottom: -4.75em; | ||
} | } | ||
| Line 3,157: | Line 3,147: | ||
#banner { | #banner { | ||
| − | padding: | + | padding: 5em 2em 4.25em 2em ; |
margin-bottom: -2.5em; | margin-bottom: -2.5em; | ||
} | } | ||
| Line 3,242: | Line 3,232: | ||
#wrapper > header { | #wrapper > header { | ||
padding: 9em 0 6.25em 0 ; | padding: 9em 0 6.25em 0 ; | ||
| − | background-color: # | + | background-color: #f2efe8; |
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,282: | Line 3,272: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.wrapper:before, .wrapper:after { | .wrapper:before, .wrapper:after { | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | content: ''; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
display: block; | display: block; | ||
height: 6.5em; | height: 6.5em; | ||
| Line 3,346: | Line 3,319: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
.wrapper.style2:before, .wrapper.style2:after { | .wrapper.style2:before, .wrapper.style2:after { | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.wrapper.style3:before, .wrapper.style3:after { | .wrapper.style3:before, .wrapper.style3:after { | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
.wrapper.style4 { | .wrapper.style4 { | ||
| − | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
.wrapper.style4:before, .wrapper.style4:after { | .wrapper.style4:before, .wrapper.style4:after { | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | |||
.wrapper.style5:before, .wrapper.style5:after { | .wrapper.style5:before, .wrapper.style5:after { | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | .wrapper. | + | |
| − | + | ||
| + | |||
| + | |||
| + | .wrapper.style6:before, .wrapper.style6:after { | ||
| + | |||
} | } | ||
| + | |||
| + | |||
.wrapper.spotlight { | .wrapper.spotlight { | ||
| − | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
.wrapper.spotlight:before, .wrapper.spotlight:after { | .wrapper.spotlight:before, .wrapper.spotlight:after { | ||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
.wrapper.spotlight .inner { | .wrapper.spotlight .inner { | ||
| Line 3,472: | Line 3,416: | ||
.wrapper.spotlight.style2 { | .wrapper.spotlight.style2 { | ||
| − | background-color: # | + | background-color: #c2d4d8; |
} | } | ||
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { | .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| + | |||
| + | |||
@media screen and (max-width: 980px) { | @media screen and (max-width: 980px) { | ||
| Line 3,571: | Line 3,445: | ||
.wrapper .inner { | .wrapper .inner { | ||
| − | padding: 3em 3em | + | padding: 3em 3em 2em 3em ; |
width: 100%; | width: 100%; | ||
} | } | ||
| Line 3,714: | Line 3,588: | ||
#footer { | #footer { | ||
| − | background-color: # | + | background-color: #f2efe8; |
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,054: | Line 3,928: | ||
<!-- Banner --> | <!-- Banner --> | ||
<section id="banner"> | <section id="banner"> | ||
| − | |||
<div class="inner"> | <div class="inner"> | ||
| − | |||
</div> | </div> | ||
</section> | </section> | ||
| Line 4,064: | Line 3,936: | ||
<!-- One --> | <!-- One --> | ||
| − | <section id=" | + | <section id="four" class="wrapper spotlight style3"> |
<div class="inner"> | <div class="inner"> | ||
| − | |||
<div class="content"> | <div class="content"> | ||
| − | + | <h2 class="major">Introduction</h2> | |
| − | < | + | <img src="https://static.igem.org/mediawiki/2017/c/c7/Intro1asij2.png" style="width:900px;height:100%;"> </img> |
| + | <img src="https://static.igem.org/mediawiki/2017/e/ec/Asijanchiegg493i23.png" style="width:900px;height:100%;"> </img> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/0/01/Intro3asij2.png" style="width:900px;height:100%;"> </img> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/e/e0/Intro4asij5.png" style="width:900px;height:100%;"> </img> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | </section> | + | </section> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<ul class="actions"> | <ul class="actions"> | ||
Latest revision as of 16:08, 1 November 2017
