|
|
(66 intermediate revisions by 7 users not shown) |
Line 6: |
Line 6: |
| --> | | --> |
| <html> | | <html> |
| + | <head> |
| | | |
| | | |
− | <head> | + | |
| + | <style> |
| <style> | | <style> |
| body {margin:0;} | | body {margin:0;} |
| | | |
| .navbar { | | .navbar { |
− | overflow: hidden;
| + | background-color: #f2efe8; |
− | background-color: #333333; | + | |
| font-family: Arial; | | font-family: Arial; |
− | outline: 0;
| |
| | | |
| position: fixed; | | position: fixed; |
− | top: 0 ; | + | top: 12px ; |
| width: 100%; | | width: 100%; |
| z-index:50; | | z-index:50; |
| + | |
| } | | } |
| | | |
| .navbar a { | | .navbar a { |
| float: left; | | float: left; |
− | display: block;
| + | color: #858687; |
− | color: #f2f2f2; | + | |
− | outline: 0;
| + | |
| text-align: center; | | text-align: center; |
− | padding: 28px 16px; | + | padding: 10px 32px; |
| text-decoration: none; | | text-decoration: none; |
| font-size: 28px; | | font-size: 28px; |
| + | |
| + | |
| } | | } |
| | | |
| + | .dropdown { |
| + | float: left; |
| + | overflow: hidden; |
| + | |
| + | |
| + | |
| + | } |
| + | |
| + | .dropdown .dropbtn { |
| + | font-size: 28px; |
| + | border: none; |
| + | outline: none; |
| + | color: white; |
| + | padding: 28px 18px; |
| + | background-color: inherit; |
| + | |
| + | |
| + | } |
| + | |
| + | .navbar a:hover, .dropdown:hover .dropbtn { |
| + | background-color: #d2dff7; |
| + | |
| + | |
| + | |
| + | } |
| + | |
| + | .dropdown-content { |
| + | display: none; |
| + | position: absolute; |
| + | background-color: #f9f9f9; |
| + | min-width: 160px; |
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); |
| + | z-index: 100; |
| + | top: 57px; |
| + | |
| + | |
| + | |
| + | } |
| + | |
| + | .dropdown-content a { |
| + | float: none; |
| + | color: black; |
| + | padding: 12px 18px; |
| + | text-decoration: none; |
| + | display: block; |
| + | text-align: left; |
| + | |
| + | |
| + | } |
| + | |
| + | |
| + | .dropdown-content a:hover { |
| + | background-color: #ddd; |
| + | |
| + | |
| + | } |
| + | |
| + | .dropdown:hover .dropdown-content { |
| + | display: block; |
| + | position: fixed; |
| | | |
| } | | } |
Line 43: |
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> |
− | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
| |
− | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Project</a>
| |
− | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
| |
| | | |
| + | <div class="dropdown"> |
| + | <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"> |
| + | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a> |
| + | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design">Design</a> |
| + | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</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> |
| + | </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> |
| | | |
| | | |
− |
| |
− |
| |
− |
| |
− | </div>
| |
| | | |
| | | |
Line 71: |
Line 145: |
| <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" /> |
− | <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
| + | |
| </head> | | </head> |
| <body> | | <body> |
| | | |
− |
| |
− | <!-- Two -->
| |
− | <section id="two" class="wrapper alt spotlight style2">
| |
− | <div class="content">
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
| | | |
| <!-- Three --> | | <!-- Three --> |
| <section id="three" class="wrapper spotlight style3"> | | <section id="three" class="wrapper spotlight style3"> |
| <div class="inner"> | | <div class="inner"> |
− | <a href="" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e4/Anchipresentation.jpg" alt="" /></a> | + | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e4/Anchipresentation.jpg" alt="" /></a> |
| <div class="content"> | | <div class="content"> |
− | <h2 class="major">Human Practices</h2> | + | <h2 class="major" style="color:white;">Human Practices</h2> |
− | <p>For human practices, we focused on bringing awareness to Colorectal Cancer to students and adults, especially stressing the importance of getting regular check-ups. In addition, we listened to people’s stories on their battle with Colorectal Cancer so that we could better understand and communicate the implications of our project. | + | <p style="color:white;">Raising awareness about colorectal cancer was an integral part of our project, as the often late diagnosis of this disease renders care difficult. We approached education and engagement about CRC and synthetic biology from three angles: educating our school community, the Japanese community, and finally the global community. |
| </p> | | </p> |
| </div> | | </div> |
Line 98: |
Line 165: |
| <section id="four" class="wrapper alt style1"> | | <section id="four" class="wrapper alt style1"> |
| <div class="inner"> | | <div class="inner"> |
− | <h2 class="major">List of HP</h2> | + | <h2 class="major">Human Practice Events</h2> |
| <section class="features"> | | <section class="features"> |
| <article> | | <article> |
Line 117: |
Line 184: |
| <article> | | <article> |
| <a href="https://www.asij.ac.jp/passport" class="image"><img src="https://static.igem.org/mediawiki/2017/b/b1/Summer.jpg" alt="" /></a> | | <a href="https://www.asij.ac.jp/passport" class="image"><img src="https://static.igem.org/mediawiki/2017/b/b1/Summer.jpg" alt="" /></a> |
− | <h3 class="major">Summer Passport - June 23rd, 2017 | + | <h3 class="major">Summer Passport - June 23 |
| </h3> | | </h3> |
| <p>During the ASIJ’s Summer Passport program, the iGEM team joined one of the classes to introduce genetics and biotechnology to middle and high school students from other schools around the globe. We presented the importance of getting a periodic check up for their health and labs that are useful in forensic sciences. Because of their young ages, we decided not to go into too much details regarding the specifics of our project. To further engage them, we also taught them how to extract the DNA from a banana. | | <p>During the ASIJ’s Summer Passport program, the iGEM team joined one of the classes to introduce genetics and biotechnology to middle and high school students from other schools around the globe. We presented the importance of getting a periodic check up for their health and labs that are useful in forensic sciences. Because of their young ages, we decided not to go into too much details regarding the specifics of our project. To further engage them, we also taught them how to extract the DNA from a banana. |
Line 146: |
Line 213: |
| </article> | | </article> |
| <article> | | <article> |
− | <a href="" class="image"><img src="images/pic04.jpg" alt="" /></a>
| + | |
| <h3 class="major">Carole Nickle’s Story–September 29 | | <h3 class="major">Carole Nickle’s Story–September 29 |
| </h3> | | </h3> |
Line 153: |
Line 220: |
| </article> | | </article> |
| <article> | | <article> |
− | <a href="https://www.asij.ac.jp/calendar" class="image"><img src="images/pic04.jpg" alt="" /></a>
| + | |
| <h3 class="major">Starting virtual pre-med club (for GOA)– September 12 | | <h3 class="major">Starting virtual pre-med club (for GOA)– September 12 |
| </h3> | | </h3> |
Line 161: |
Line 228: |
| | | |
| <article> | | <article> |
− | <a href="" class="image"><img src="https://2017.igem.org/File:Harajuku916.jpg" alt="" /></a>
| + | |
| <h3 class="major">Harajuku Flyers - September 16 | | <h3 class="major">Harajuku Flyers - September 16 |
| </h3> | | </h3> |
Line 168: |
Line 235: |
| </article> | | </article> |
| <article> | | <article> |
− | <a href="" class="image"><img src="images/pic04.jpg" alt="" /></a>
| + | |
| <h3 class="major">Ed Gilmartin’s Story - August 29 | | <h3 class="major">Ed Gilmartin’s Story - August 29 |
| </h3> | | </h3> |
Line 176: |
Line 243: |
| | | |
| <article> | | <article> |
− | <a href="https://www.asij.ac.jp/calendar" class="image"><img src="images/pic04.jpg" alt="" /></a>
| + | |
| <h3 class="major">Spirit Day Bake Sale– September 30 | | <h3 class="major">Spirit Day Bake Sale– September 30 |
| </h3> | | </h3> |
Line 183: |
Line 250: |
| </article> | | </article> |
| <article> | | <article> |
− | <a href="" class="image"><img src="images/pic05.jpg" alt="" /></a>
| + | |
| <h3 class="major">Guest Speaker: Minako Abe, MD- Immunotherapy for Colorectal Cancer | | <h3 class="major">Guest Speaker: Minako Abe, MD- Immunotherapy for Colorectal Cancer |
| </h3> | | </h3> |
Line 189: |
Line 256: |
| </p> | | </p> |
| </article> | | </article> |
− | | + | |
| </section> | | </section> |
− | | + | |
− | <!-- Scripts -->
| + | </div> |
− | <script src="assets/js/skel.min.js"></script>
| + | </section> |
− | <script src="assets/js/jquery.min.js"></script>
| + | |
− | <script src="assets/js/jquery.scrollex.min.js"></script>
| + | |
− | <script src="assets/js/util.js"></script>
| + | |
− | <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
| + | |
− | <script src="assets/js/main.js"></script>
| + | |
| | | |
| + | </section> |
| + | |
| + | |
| + | |
| + | |
| + | |
| | | |
| <style> | | <style> |
| @import url(font-awesome.min.css); | | @import url(font-awesome.min.css); |
− | @import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
| + | |
| | | |
| /* | | /* |
Line 213: |
Line 281: |
| /* Reset */ | | /* Reset */ |
| | | |
− | html, body, div, span, applet, object, iframe, 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, menu, nav, output, ruby, section, summary, time, mark, audio, video { | + | 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, menu, nav, output, ruby, section, summary, time, mark, audio, video { |
| margin: 0; | | margin: 0; |
| padding: 0; | | padding: 0; |
Line 1,827: |
Line 1,895: |
| | | |
| body { | | body { |
− | background-color: #4221af; | + | 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,167: |
Line 2,235: |
| select:focus, | | select:focus, |
| textarea:focus { | | textarea:focus { |
− | border-color: #6a588e; | + | border-color: #5b6ba6; |
| } | | } |
| | | |
Line 2,205: |
Line 2,273: |
| select option { | | select option { |
| color: #ffffff; | | color: #ffffff; |
− | background: #4221af; | + | background: #b0aac2; |
| } | | } |
| | | |
Line 2,280: |
Line 2,348: |
| border-color: #ffffff; | | border-color: #ffffff; |
| content: '\f00c'; | | content: '\f00c'; |
− | color: #6a588e | + | 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: #583c6d } | + | border-color: #f2efe8; |
| + | } |
| | | |
| input[type="checkbox"] + label:before { | | input[type="checkbox"] + label:before { |
Line 2,651: |
Line 2,720: |
| | | |
| ul.pagination li > .page.active { | | ul.pagination li > .page.active { |
− | background-color: #583c6d | + | background-color: #f2efe8; |
| } | | } |
| | | |
Line 2,833: |
Line 2,902: |
| button.special, | | button.special, |
| .button.special { | | .button.special { |
− | background-color: #583c6d box-shadow: none; | + | background-color: #f2efe8; |
| + | box-shadow: none; |
| } | | } |
| | | |
Line 2,841: |
Line 2,911: |
| button.special:hover, | | button.special:hover, |
| .button.special:hover { | | .button.special:hover { |
− | background-color: #6a588e; | + | background-color:#f2efe8; |
| } | | } |
| | | |
Line 2,849: |
Line 2,919: |
| button.special:active, | | button.special:active, |
| .button.special:active { | | .button.special:active { |
− | background-color: #6a588e } | + | background-color:#f2efe8; |
| + | } |
| | | |
| input[type="submit"].special.icon:before, | | input[type="submit"].special.icon:before, |
Line 2,856: |
Line 2,927: |
| button.special.icon:before, | | button.special.icon:before, |
| .button.special.icon:before { | | .button.special.icon:before { |
− | color: #6a588e } | + | color: #7985b0; |
| + | } |
| | | |
| input[type="submit"].fit, | | input[type="submit"].fit, |
Line 2,924: |
Line 2,996: |
| .features article { | | .features article { |
| padding: 1.75em 1.75em 0.1em 1.75em ; | | padding: 1.75em 1.75em 0.1em 1.75em ; |
− | background-color: #583c6d | + | background-color: #f2efe8; |
| border-radius: 5px; | | border-radius: 5px; |
| margin: 1.5em 3em 1.5em 0; | | margin: 1.5em 3em 1.5em 0; |
Line 3,198: |
Line 3,270: |
| 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: #583c6d; | + | background: #f2efe8; |
| border-radius: 5px; | | border-radius: 5px; |
| display: block; | | display: block; |
Line 3,254: |
Line 3,326: |
| | | |
| #menu .links li a:hover { | | #menu .links li a:hover { |
− | background: #45558d; | + | background:#f2efe8; |
| } | | } |
| | | |
Line 3,385: |
Line 3,457: |
| #banner { | | #banner { |
| padding: 7em 0 8.25em 0 ; | | padding: 7em 0 8.25em 0 ; |
− | background-color: #4221af; | + | 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: url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png") |
| background-size: auto, cover; | | background-size: auto, cover; |
| background-position: center, center; | | background-position: center, center; |
Line 3,495: |
Line 3,567: |
| #wrapper > header { | | #wrapper > header { |
| padding: 9em 0 6.25em 0 ; | | padding: 9em 0 6.25em 0 ; |
− | background-color: #4221af; | + | 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: url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png") |
| background-size: auto, cover; | | background-size: auto, cover; |
| background-position: center, 0% 30%; | | background-position: center, 0% 30%; |
Line 3,538: |
Line 3,610: |
| | | |
| .wrapper { | | .wrapper { |
− | background-color: #7e589b; | + | background-color: #b0aac2; |
| margin: 6.5em 0; | | margin: 6.5em 0; |
| position: relative; | | position: relative; |
Line 3,544: |
Line 3,616: |
| | | |
| .wrapper:before, .wrapper:after { | | .wrapper:before, .wrapper:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper:before { | | .wrapper:before { |
− | box-shadow: inset 0 -1px 0 0 #7e589b, 0 1px 0 0 #7e589b; | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
| } | | } |
| | | |
| .wrapper:after { | | .wrapper:after { |
− | box-shadow: inset 0 -1px 0 0 #7e589b, 0 1px 0 0 #7e589b; | + | box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2; |
| } | | } |
| | | |
Line 3,600: |
Line 3,672: |
| | | |
| .wrapper.style2 { | | .wrapper.style2 { |
− | background-color: #583c6d; | + | background-image:url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png"); |
| } | | } |
| | | |
| .wrapper.style2:before, .wrapper.style2:after { | | .wrapper.style2:before, .wrapper.style2:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper.style2:before { | | .wrapper.style2:before { |
− | box-shadow: inset 0 -1px 0 0 #583c6d, 0 1px 0 0 #583c6d; | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| | | |
| .wrapper.style2:after { | | .wrapper.style2:after { |
− | box-shadow: inset 0 -1px 0 0 #583c6d, 0 1px 0 0 #583c6d; | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| | | |
| .wrapper.style3 { | | .wrapper.style3 { |
− | | + | background-image:url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png"); |
| } | | } |
| | | |
| .wrapper.style3:before, .wrapper.style3:after { | | .wrapper.style3:before, .wrapper.style3:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,630: |
Line 3,702: |
| box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051; | | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051; |
| } | | } |
− |
| |
| .wrapper.style4 { | | .wrapper.style4 { |
− | | + | background-color: #454858; |
| } | | } |
| | | |
| .wrapper.style4:before, .wrapper.style4:after { | | .wrapper.style4:before, .wrapper.style4:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,648: |
Line 3,719: |
| | | |
| .wrapper.style5 { | | .wrapper.style5 { |
− | | + | background-color: #4d5060; |
| } | | } |
| | | |
| .wrapper.style5:before, .wrapper.style5:after { | | .wrapper.style5:before, .wrapper.style5:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,664: |
Line 3,735: |
| | | |
| .wrapper.style6 { | | .wrapper.style6 { |
− | | + | background-color: #555867; |
| } | | } |
| | | |
| .wrapper.style6:before, .wrapper.style6:after { | | .wrapper.style6:before, .wrapper.style6:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,680: |
Line 3,751: |
| | | |
| .wrapper.spotlight { | | .wrapper.spotlight { |
| + | background-color: #f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight:before, .wrapper.spotlight:after { | | .wrapper.spotlight:before, .wrapper.spotlight:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper.spotlight:before { | | .wrapper.spotlight:before { |
− | box-shadow: inset 0 -1px 0 0 #583c6d, 0 1px 0 0 #583c6d; | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight:after { | | .wrapper.spotlight:after { |
− | box-shadow: inset 0 -1px 0 0 #583c6d, 0 1px 0 0 #583c6d; | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| | | |
Line 3,740: |
Line 3,812: |
| | | |
| .wrapper.spotlight.style2 { | | .wrapper.spotlight.style2 { |
− | | + | background-image:url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png"); |
| } | | } |
| | | |
| .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { | | .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper.spotlight.style2:before { | | .wrapper.spotlight.style2:before { |
− | box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style2:after { | | .wrapper.spotlight.style2:after { |
− | box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style3 { | | .wrapper.spotlight.style3 { |
− | background-image:url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png");
| |
| text-align: left; | | text-align: left; |
| width: 1440px; | | width: 1440px; |
Line 3,766: |
Line 3,837: |
| | | |
| .wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after { | | .wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper.spotlight.style3:before { | | .wrapper.spotlight.style3:before { |
− | box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style3:after { | | .wrapper.spotlight.style3:after { |
− | box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style4 { | | .wrapper.spotlight.style4 { |
− | | + | background-color:#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after { | | .wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper.spotlight.style4:before { | | .wrapper.spotlight.style4:before { |
− | box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style4:after { | | .wrapper.spotlight.style4:after { |
− | box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style5 { | | .wrapper.spotlight.style5 { |
− | | + | background-color:#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after { | | .wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper.spotlight.style5:before { | | .wrapper.spotlight.style5:before { |
− | box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style5:after { | | .wrapper.spotlight.style5:after { |
− | box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style6 { | | .wrapper.spotlight.style6 { |
− | | + | background-color:#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after { | | .wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
| .wrapper.spotlight.style6:before { | | .wrapper.spotlight.style6:before { |
− | box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
| .wrapper.spotlight.style6:after { | | .wrapper.spotlight.style6:after { |
− | box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69; | + | box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8; |
| } | | } |
| | | |
Line 3,988: |
Line 4,059: |
| | | |
| #footer { | | #footer { |
− | background-color: #4221af; | + | 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,081: |
Line 4,152: |
| | | |
| body { | | body { |
− | background-color: #4221af; | + | background-color: #b0aac2; |
| background-image: url("../../images/bg.jpg"); | | background-image: url("../../images/bg.jpg"); |
| background-size: cover; | | background-size: cover; |
Line 4,274: |
Line 4,345: |
| | | |
| #menu { | | #menu { |
− | background: #4221af; | + | background: #b0aac2; |
| } | | } |
| | | |
Line 4,284: |
Line 4,355: |
| | | |
| #header { | | #header { |
| + | background-color: #f2efe8; |
| } | | } |
| | | |