|
|
(162 intermediate revisions by 7 users not shown) |
Line 1: |
Line 1: |
| {{Team:ASIJ_TOKYO/css}} | | {{Team:ASIJ_TOKYO/css}} |
− |
| |
− | {{ASIJ_TOKYO}}
| |
− |
| |
− | <!DOCTYPE HTML>
| |
| <!-- | | <!-- |
| Solid State by HTML5 UP | | Solid State by HTML5 UP |
Line 10: |
Line 6: |
| --> | | --> |
| <html> | | <html> |
− | <head>
| + | <head> |
− | <title>Solid State by HTML5 UP</title>
| + | |
− | <meta charset="utf-8" />
| + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1" />
| + | |
− | <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
| + | |
− | </head>
| + | |
− | <body>
| + | |
| | | |
− | <!-- Page Wrapper -->
| |
− | <div id="page-wrapper">
| |
| | | |
− | <!-- Header -->
| |
− | <header id="header" class="alt">
| |
− | <h1><a href="index.html">Solid State</a></h1>
| |
− | <nav>
| |
− | <a href="#menu">Menu</a>
| |
− | </nav>
| |
− | </header>
| |
| | | |
− | <!-- Menu -->
| + | <style> |
− | <nav id="menu">
| + | <style> |
− | <div class="inner">
| + | body {margin:0;} |
− | <h2>Menu</h2>
| + | |
− | <ul class="links">
| + | |
− | <li><a href="index.html">Home</a></li>
| + | |
− | <li><a href="generic.html">Generic</a></li>
| + | |
− | <li><a href="elements.html">Elements</a></li>
| + | |
− | <li><a href="#">Log In</a></li>
| + | |
− | <li><a href="#">Sign Up</a></li>
| + | |
− | </ul>
| + | |
− | <a href="#" class="close">Close</a>
| + | |
− | </div>
| + | |
− | </nav>
| + | |
| | | |
− | <!-- Banner -->
| + | .navbar { |
− | <section id="banner">
| + | background-color: #f2efe8; |
− | <div class="inner">
| + | font-family: Arial; |
− | <div class="logo"><span class="icon fa-diamond"></span></div>
| + | |
− | <h2>Description</h2>
| + | position: fixed; |
− | <p><li>Colorectal cancer remains the second most lethal cancer in the United States, often beginning as benign polyps in the colon and rectum. Despite relative ease of treatment, cases of CRC are usually detected in its late stages, rendering care difficult. CRC results from the mutation of multiple genes involved with the regulation of cell proliferation and DNA repair, with the ASIJ iGEM team focusing primarily on the Wnt pathway. The activation of the Wnt pathway specifically inhibits the degradation of beta-catenin, a protein that triggers the mutation of oncogenes and TSG’s. Through detection of these mutated genes and their subsequent downstream proteins, our team aims to develop an early screening method that can be adapted to a CRC detecting home-kit. </li></p>
| + | top: 12px ; |
− | </div>
| + | width: 100%; |
− | </section>
| + | z-index:50; |
| + | |
| + | } |
| + | |
| + | .navbar a { |
| + | float: left; |
| + | color: #858687; |
| + | text-align: left; |
| + | padding: 10px 32px; |
| + | text-decoration: none; |
| + | 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; |
| + | |
| + | } |
| + | </style> |
| + | </head> |
| + | <body> |
| + | |
| + | <div class="navbar"> |
| + | <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</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/Safety">Safety</a> |
| + | <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a> |
| + | </div> |
| | | |
− | <!-- Wrapper -->
| |
− | <section id="wrapper">
| |
| | | |
− | <!-- One -->
| |
− | <section id="one" class="wrapper spotlight style1">
| |
− | <div class="inner">
| |
− | <a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
| |
− | <div class="content">
| |
− | <h2 class="major">Magna arcu feugiat</h2>
| |
− | <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
| |
− | <a href="#" class="special">Learn more</a>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
| | | |
− | <!-- Two -->
| + | <!-- Three --> |
− | <section id="two" class="wrapper alt spotlight style2"> | + | <section id="three" class="wrapper spotlight style2"> |
| <div class="inner"> | | <div class="inner"> |
− | <a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a> | + | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/3/31/Anchiegg.png" alt="" /></a> |
| <div class="content"> | | <div class="content"> |
− | <h2 class="major">Tempus adipiscing</h2> | + | <h2 class="major"style="color:#ffffff;">Description</h2> |
− | <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
| + | |
− | <a href="#" class="special">Learn more</a>
| + | |
| </div> | | </div> |
| </div> | | </div> |
| </section> | | </section> |
| | | |
− | <!-- Three -->
| + | <!-- Three --> |
− | <section id="three" class="wrapper spotlight style3"> | + | <section id="four" class="wrapper spotlight style1"> |
| <div class="inner"> | | <div class="inner"> |
− | <a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
| |
| <div class="content"> | | <div class="content"> |
− | <h2 class="major">Nullam dignissim</h2> | + | <h2 class="major">Construct Model</h2> |
− | <p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p> | + | <p>Building off of a rapamycin induced split-luciferase system characterized by the 2015 Peking iGEM team, our construct consists of a promoter reporter system that looks at two downstream products, c-Myc and COX-2 (Peking iGEM Team 2015, 2015). These products are assembled into a construct composed of fusion proteins as well as split luciferase fragments (COX-2 - FRB - nLuc and c-Myc - FKBP - cLuc). In the presence of rapamycin, the interacting protein partners dimerize and subsequently cause luciferase to activate. In order to test this model, we created vectors of our constructs and inserted them into E. coli cells. </p> |
− | <a href="#" class="special">Learn more</a>
| + | |
| </div> | | </div> |
− | </div> | + | </div> |
| </section> | | </section> |
| + | <!-- Two --> |
| | | |
− | <!-- Four -->
| + | <!-- Four --> |
− | <section id="four" class="wrapper alt style1">
| + | <section id="four" class="wrapper alt style1"> |
| <div class="inner"> | | <div class="inner"> |
− | <h2 class="major">Vitae phasellus</h2>
| |
− | <p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
| |
− | <section class="features">
| |
− | <article>
| |
− | <a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
| |
− | <h3 class="major">Sed feugiat lorem</h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
| |
− | <a href="#" class="special">Learn more</a>
| |
− | </article>
| |
− | <article>
| |
− | <a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
| |
− | <h3 class="major">Nisl placerat</h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
| |
− | <a href="#" class="special">Learn more</a>
| |
− | </article>
| |
− | <article>
| |
− | <a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
| |
− | <h3 class="major">Ante fermentum</h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
| |
− | <a href="#" class="special">Learn more</a>
| |
− | </article>
| |
− | <article>
| |
− | <a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
| |
− | <h3 class="major">Fusce consequat</h3>
| |
− | <p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
| |
− | <a href="#" class="special">Learn more</a>
| |
− | </article>
| |
− | </section>
| |
− | <ul class="actions">
| |
− | <li><a href="#" class="button">Browse All</a></li>
| |
− | </ul>
| |
− | </div>
| |
− | </section>
| |
| | | |
− | </section>
| + | <section class="features"> |
− | | + | <article> |
− | <!-- Footer -->
| + | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/c/cc/Diagram_Models_%283%29-1.jpg" /></a> |
− | <section id="footer">
| + | <h3 class="major">Figure 1</h3> |
− | <div class="inner">
| + | <p>Our gene production construct is modeled to produce COX-2 and c-Myc, which we used to simulate conditions in human bodies when these proteins are overproduced, in the case of CRC. The construct consists of an Anderson promoter, a ribosomal binding site, a COX-2 gene/c-Myc gene, and a terminator.</p> |
− | <h2 class="major">Get in touch</h2>
| + | </article> |
− | <p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
| + | <article> |
− | <form method="post" action="#">
| + | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/9/90/P-Rsystemanchiegg.jpg" title="Click to return back to the top." /></a> |
− | <div class="field">
| + | <h3 class="major">Figure 2</h3> |
− | <label for="name">Name</label>
| + | <p>Our promoter-reporter construct is built so that only when there is both COX-2 and c-Myc will the binding sites be able to come together and glow with the addition of rapamycin. The construct built to bind with COX-2 consists of a COX-2 promoter, FRB, n-Luc, and terminator. The construct built to bind with c-Myc consists of a c-Myc promoter, FKBP, c-Luc, and terminator.</p> |
− | <input type="text" name="name" id="name" />
| + | </article> |
− | </div>
| + | <article> |
− | <div class="field">
| + | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/a/a5/P-Rsystemanchiegg2.jpg" title="Click to return back to the top." /></a> |
− | <label for="email">Email</label>
| + | <h3 class="major">Figure 3</h3> |
− | <input type="email" name="email" id="email" />
| + | <p>Our promoter-reporter system consists of two separate constructs each with a gene-specific promoter attached to a non-specific binding site fused to a domain of split luciferase. One construct consists of a COX-2 promoter, a FRB domain, and n-Luc, and the other consists of a c-Myc promoter, a FKBP domain, and c-Luc. The split system is built so that only when the presence of both COX-2 and c-Myc is detected will the binding sites be able to come together with the addition of rapamycin and cause glowing.</p> |
− | </div>
| + | |
− | <div class="field">
| + | |
− | <label for="message">Message</label>
| + | |
− | <textarea name="message" id="message" rows="4"></textarea>
| + | |
− | </div>
| + | |
− | <ul class="actions">
| + | |
− | <li><input type="submit" value="Send Message" /></li>
| + | |
− | </ul>
| + | |
− | </form>
| + | |
− | <ul class="contact">
| + | |
− | <li class="fa-home">
| + | |
− | Untitled Inc<br />
| + | |
− | 1234 Somewhere Road Suite #2894<br />
| + | |
− | Nashville, TN 00000-0000
| + | |
− | </li>
| + | |
− | <li class="fa-phone">(000) 000-0000</li>
| + | |
− | <li class="fa-envelope"><a href="#">information@untitled.tld</a></li>
| + | |
− | <li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
| + | |
− | <li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li>
| + | |
− | <li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li>
| + | |
− | </ul>
| + | |
− | <ul class="copyright">
| + | |
− | <li>© Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | <!-- Scripts -->
| + | |
− | <script src="assets/js/skel.min.js"></script>
| + | |
− | <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>
| + | |
| | | |
| + | </article> |
| + | <article> |
| + | |
| + | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/ec/Insolutionanchiegg.jpg" title="Click to return back to the top." /></a> |
| + | <h3 class="major">Figure 4</h3> |
| + | <p>In solution, our two gene constructs are able to simulate the conditions in the human body by producing proteins COX-2 and c-Myc. These proteins then interact with the promoter-reporter constructs by connecting to the non- specific binding sites, allowing the dimerization of the FKBP-Rapamycin-FRB complex. This then orients the split- luciferase so they can come together.</p> |
| + | </article> |
| + | </section> |
| + | </div> |
| + | </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 194: |
Line 198: |
| /* 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,808: |
Line 1,812: |
| | | |
| body { | | body { |
− | background-color: #2e3141; | + | background-color: #dbe9d8; |
| 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,069: |
Line 2,073: |
| | | |
| .align-right { | | .align-right { |
− | text-align: right; | + | text-align: left; |
| } | | } |
| | | |
Line 2,148: |
Line 2,152: |
| select:focus, | | select:focus, |
| textarea:focus { | | textarea:focus { |
− | border-color: #5b6ba6; | + | border-color: #6a588e; |
| } | | } |
| | | |
Line 2,186: |
Line 2,190: |
| select option { | | select option { |
| color: #ffffff; | | color: #ffffff; |
− | background: #2e3141; | + | background: #dbe9d8; |
| } | | } |
| | | |
Line 2,261: |
Line 2,265: |
| border-color: #ffffff; | | border-color: #ffffff; |
| content: '\f00c'; | | content: '\f00c'; |
− | color: #2e3141; | + | color: #dbe9d8; |
| } | | } |
| | | |
| 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: #4c5c96; | + | border-color: #dbe9d8; |
| } | | } |
| | | |
Line 2,633: |
Line 2,637: |
| | | |
| ul.pagination li > .page.active { | | ul.pagination li > .page.active { |
− | background-color: #4c5c96; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
Line 2,662: |
Line 2,666: |
| ul.pagination li:last-child { | | ul.pagination li:last-child { |
| width: calc(50% - 2px); | | width: calc(50% - 2px); |
− | text-align: right; | + | text-align: left; |
| padding-left: 0.325em; | | padding-left: 0.325em; |
| } | | } |
Line 2,815: |
Line 2,819: |
| button.special, | | button.special, |
| .button.special { | | .button.special { |
− | background-color: #4c5c96; | + | background-color: #dbe9d8; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
Line 2,824: |
Line 2,828: |
| button.special:hover, | | button.special:hover, |
| .button.special:hover { | | .button.special:hover { |
− | background-color: #53639e; | + | background-color: #6a588e; |
| } | | } |
| | | |
Line 2,832: |
Line 2,836: |
| button.special:active, | | button.special:active, |
| .button.special:active { | | .button.special:active { |
− | background-color: #45558d; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
Line 2,909: |
Line 2,913: |
| .features article { | | .features article { |
| padding: 1.75em 1.75em 0.1em 1.75em ; | | padding: 1.75em 1.75em 0.1em 1.75em ; |
− | background-color: #353849; | + | 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,118: |
Line 3,122: |
| left: 0; | | left: 0; |
| text-indent: 0; | | text-indent: 0; |
− | text-align: right; | + | text-align: left; |
| margin-left: 0; | | margin-left: 0; |
| padding-right: 1.25em; | | padding-right: 1.25em; |
Line 3,183: |
Line 3,187: |
| 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: #4c5c96; | + | background: #dbe9d8; |
| border-radius: 5px; | | border-radius: 5px; |
| display: block; | | display: block; |
Line 3,239: |
Line 3,243: |
| | | |
| #menu .links li a:hover { | | #menu .links li a:hover { |
− | background: #45558d; | + | background: #dbe9d8; |
| } | | } |
| | | |
Line 3,370: |
Line 3,374: |
| #banner { | | #banner { |
| padding: 7em 0 8.25em 0 ; | | padding: 7em 0 8.25em 0 ; |
− | background-color: #2e3141; | + | background-color: #dbe9d8; |
| 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,480: |
Line 3,484: |
| #wrapper > header { | | #wrapper > header { |
| padding: 9em 0 6.25em 0 ; | | padding: 9em 0 6.25em 0 ; |
− | background-color: #2e3141; | + | background-color: #dbe9d8; |
| 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,523: |
Line 3,527: |
| | | |
| .wrapper { | | .wrapper { |
− | background-color: #2e3141; | + | background-color: #dbe9d8; |
| margin: 6.5em 0; | | margin: 6.5em 0; |
| position: relative; | | position: relative; |
Line 3,529: |
Line 3,533: |
| | | |
| .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 #2e3141, 0 1px 0 0 #2e3141; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .wrapper:after { | | .wrapper:after { |
− | box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
Line 3,585: |
Line 3,589: |
| | | |
| .wrapper.style2 { | | .wrapper.style2 { |
− | background-color: #353849; | + | background-color: #f2efe8; |
| + | background-image: url("https://static.igem.org/mediawiki/2017/3/32/Descriptionthingasij.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 #353849, 0 1px 0 0 #353849; | + | 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 #353849, 0 1px 0 0 #353849; | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| | | |
| .wrapper.style3 { | | .wrapper.style3 { |
− | background-color: #3d4051; | + | background-color: #f2efe8; |
| } | | } |
| | | |
| .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");
| + | |
| } | | } |
| | | |
| .wrapper.style3:before { | | .wrapper.style3:before { |
− | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051; | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| | | |
| .wrapper.style3:after { | | .wrapper.style3:after { |
− | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051; | + | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| | | |
| .wrapper.style4 { | | .wrapper.style4 { |
− | background-color: #454858; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
| .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");
| + | |
| } | | } |
| | | |
| .wrapper.style4:before { | | .wrapper.style4:before { |
− | box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .wrapper.style4:after { | | .wrapper.style4:after { |
− | box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .wrapper.style5 { | | .wrapper.style5 { |
− | background-color: #4d5060; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
| .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");
| + | |
| } | | } |
| | | |
| .wrapper.style5:before { | | .wrapper.style5:before { |
− | box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .wrapper.style5:after { | | .wrapper.style5:after { |
− | box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
Line 3,653: |
Line 3,658: |
| | | |
| .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,665: |
Line 3,670: |
| | | |
| .wrapper.spotlight { | | .wrapper.spotlight { |
− | background-color: #4c5c96; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
| .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 #4c5c96, 0 1px 0 0 #4c5c96; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .wrapper.spotlight:after { | | .wrapper.spotlight:after { |
− | box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
Line 3,726: |
Line 3,731: |
| | | |
| .wrapper.spotlight.style2 { | | .wrapper.spotlight.style2 { |
− | background-color: #45558d; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
| .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 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .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 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .wrapper.spotlight.style3 { | | .wrapper.spotlight.style3 { |
− | background-color: #3f4e85; | + | background-color: #f2efe8; |
| } | | } |
| | | |
| .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: #39477c; | + | 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: #324072; | + | 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; |
| } | | } |
| | | |
Line 3,794: |
Line 3,799: |
| | | |
| .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");
| + | |
| } | | } |
| | | |
Line 3,968: |
Line 3,973: |
| | | |
| #footer { | | #footer { |
− | background-color: #2e3141; | + | background-color: #dbe9d8; |
| 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,061: |
Line 4,066: |
| | | |
| body { | | body { |
− | background-color: #2e3141; | + | background-color: #dbe9d8; |
| background-image: url("../../images/bg.jpg"); | | background-image: url("../../images/bg.jpg"); |
| background-size: cover; | | background-size: cover; |
Line 4,254: |
Line 4,259: |
| | | |
| #menu { | | #menu { |
− | background: #2e3141; | + | background: #dbe9d8; |
| } | | } |
| | | |
Line 4,264: |
Line 4,269: |
| | | |
| #header { | | #header { |
− | background-color: #353849; | + | background-color: #f2efe8; |
| } | | } |
| | | |
Line 4,307: |
Line 4,312: |
| } | | } |
| </style> | | </style> |
| + | |
| + | |
| | | |
| </body> | | </body> |
| </html> | | </html> |
| + | p |