|
|
(37 intermediate revisions by 7 users not shown) |
Line 1: |
Line 1: |
| {{Team:ASIJ_TOKYO/css}} | | {{Team:ASIJ_TOKYO/css}} |
− | <!DOCTYPE HTML>
| + | |
| <!-- | | <!-- |
| Solid State by HTML5 UP | | Solid State by HTML5 UP |
Line 7: |
Line 7: |
| --> | | --> |
| <html> | | <html> |
− |
| |
| <head> | | <head> |
| + | |
| + | |
| + | |
| + | <style> |
| <style> | | <style> |
| body {margin:0;} | | body {margin:0;} |
| | | |
| .navbar { | | .navbar { |
− | overflow: hidden;
| + | background-color: #f2efe8; |
− | background-color: #333; | + | |
| font-family: Arial; | | font-family: Arial; |
| | | |
| 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; | + | |
| text-align: center; | | text-align: center; |
− | padding: 28px 18px; | + | 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 41: |
Line 105: |
| <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 60: |
Line 138: |
| <section id="four" class="wrapper alt style1"> | | <section id="four" class="wrapper alt style1"> |
| <div class="inner"> | | <div class="inner"> |
− | <h2 class="major">Team (click on an individual to go to their profile)</h2> | + | <h1 class="major"></h1> |
| + | <h1 class="major"></h1> |
| + | |
| + | |
| + | <h2 class="major">Team (click on face)</h2> |
| <img src="https://static.igem.org/mediawiki/2017/a/a6/ASIJ_TEAM_PIC.jpg" style="width:880px;height:100%;" usemap="#teammap"> | | <img src="https://static.igem.org/mediawiki/2017/a/a6/ASIJ_TEAM_PIC.jpg" style="width:880px;height:100%;" usemap="#teammap"> |
| <map name="teammap" id="team"> | | <map name="teammap" id="team"> |
Line 181: |
Line 263: |
| </article> | | </article> |
| <article> | | <article> |
− | <h3 class="major">Mrs. Crissy</h3> | + | <h3 class="major">Ms. Crissy</h3> |
− | <p>Instructor/advisor</p> | + | <p>Our instructor/advisor and a current biology teacher at ASIJ.</p> |
| </article> | | </article> |
| </section> | | </section> |
Line 193: |
Line 275: |
| | | |
| | | |
− | </div>
| |
− | </div>
| |
− | </section>
| |
| | | |
− | <section id="four" class="wrapper alt style1"> | + | |
− | <div class="inner">
| + | |
− | <h2 class="major">Pictures</h2>
| + | |
− | <section class="features">
| + | |
− |
| + | |
− | </section>
| + | |
| | | |
− | <!-- Three -->
| |
− | <section id="three" class="wrapper spotlight style3">
| |
− | <div class="inner">
| |
− | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
| |
− | <div class="content">
| |
− | <h2 class="major">Collaborations</h2>
| |
− | <p>Our team received mentoring from team TokyoTech when we met up on September 23rd. We received feedback and advice about the modeling of our data, as well as helpful guidance for how to best represent our project motivations and research. </p>
| |
− |
| |
− | <p>Outside of other iGEM teams, we also heavily collaborated with other schools across the world through a virtual pre-medical club. Conducted through Global Online Academy, we shared our research and knowledge of colorectal cancer with other students, facilitating discussion about this cancer and inspiring other outreach programs among their respective communities.
| |
− | </p>
| |
| <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 226: |
Line 290: |
| /* 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,840: |
Line 1,904: |
| | | |
| body { | | body { |
− | background-color: #a04859; | + | background-color: #c2d4d8; |
| 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 1,861: |
Line 1,925: |
| | | |
| body, input, select, textarea { | | body, input, select, textarea { |
− | color: #ffffff; | + | color: #595959; |
| 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 1,914: |
Line 1,978: |
| transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; | | transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; |
| border-bottom: dotted 1px rgba(255, 255, 255, 0.35); | | border-bottom: dotted 1px rgba(255, 255, 255, 0.35); |
− | color: #ffffff; | + | color: #595959; |
| text-decoration: none; | | text-decoration: none; |
| } | | } |
Line 1,920: |
Line 1,984: |
| a:hover { | | a:hover { |
| border-bottom-color: transparent; | | border-bottom-color: transparent; |
− | color: #ffffff !important; | + | color: #595959 !important; |
| } | | } |
| | | |
Line 1,972: |
Line 2,036: |
| | | |
| strong, b { | | strong, b { |
− | color: #ffffff; | + | color: #595959; |
| font-weight: 600; | | font-weight: 600; |
| } | | } |
Line 1,985: |
Line 2,049: |
| | | |
| h1, h2, h3, h4, h5, h6 { | | h1, h2, h3, h4, h5, h6 { |
− | color: #ffffff; | + | color: #595959; |
| font-family: Raleway, Helvetica, sans-serif; | | font-family: Raleway, Helvetica, sans-serif; |
| font-weight: 700; | | font-weight: 700; |
Line 2,133: |
Line 2,197: |
| | | |
| label { | | label { |
− | color: #ffffff; | + | color: #595959; |
| display: block; | | display: block; |
| font-family: Raleway, Helvetica, sans-serif; | | font-family: Raleway, Helvetica, sans-serif; |
Line 2,217: |
Line 2,281: |
| | | |
| select option { | | select option { |
− | color: #ffffff; | + | color: #595959; |
− | background: #a04859; | + | background: #c2d4d8; |
| } | | } |
| | | |
Line 2,249: |
Line 2,313: |
| input[type="radio"] + label { | | input[type="radio"] + label { |
| text-decoration: none; | | text-decoration: none; |
− | color: #ffffff; | + | color: #595959; |
| cursor: pointer; | | cursor: pointer; |
| display: inline-block; | | display: inline-block; |
Line 2,290: |
Line 2,354: |
| input[type="checkbox"]:checked + label:before, | | input[type="checkbox"]:checked + label:before, |
| input[type="radio"]:checked + label:before { | | input[type="radio"]:checked + label:before { |
− | background: #ffffff; | + | background: #595959; |
− | border-color: #ffffff; | + | border-color: #595959; |
| content: '\f00c'; | | content: '\f00c'; |
− | color: #a04859; | + | color: #c2d4d8; |
| } | | } |
| | | |
| 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: #721b28; | + | border-color: #dbe9d8; |
| } | | } |
| | | |
Line 2,665: |
Line 2,729: |
| | | |
| ul.pagination li > .page.active { | | ul.pagination li > .page.active { |
− | background-color: #721b28; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
Line 2,741: |
Line 2,805: |
| | | |
| table th { | | table th { |
− | color: #ffffff; | + | color: #595959; |
| font-size: 0.9em; | | font-size: 0.9em; |
| font-weight: 600; | | font-weight: 600; |
Line 2,801: |
Line 2,865: |
| border: 0; | | border: 0; |
| box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125); | | box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125); |
− | color: #ffffff !important; | + | color: #595959 !important; |
| cursor: pointer; | | cursor: pointer; |
| display: inline-block; | | display: inline-block; |
Line 2,847: |
Line 2,911: |
| button.special, | | button.special, |
| .button.special { | | .button.special { |
− | background-color: #721b28; | + | background-color: #dbe9d8; |
| box-shadow: none; | | box-shadow: none; |
| } | | } |
Line 2,856: |
Line 2,920: |
| button.special:hover, | | button.special:hover, |
| .button.special:hover { | | .button.special:hover { |
− | background-color: #53639e; | + | background-color: #752b2e; |
| } | | } |
| | | |
Line 2,864: |
Line 2,928: |
| button.special:active, | | button.special:active, |
| .button.special:active { | | .button.special:active { |
− | background-color: #45558d; | + | background-color: #752b2e; |
| } | | } |
| | | |
Line 2,941: |
Line 3,005: |
| .features article { | | .features article { |
| padding: 1.75em 1.75em 0.1em 1.75em ; | | padding: 1.75em 1.75em 0.1em 1.75em ; |
− | background-color: #721b28; | + | background-color: #dbe9d8; |
| border-radius: 5px; | | border-radius: 5px; |
| margin: 1.5em 3em 1.5em 0; | | margin: 1.5em 3em 1.5em 0; |
Line 3,215: |
Line 3,279: |
| 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: #721b28; | + | background: #dbe9d8; |
| border-radius: 5px; | | border-radius: 5px; |
| display: block; | | display: block; |
Line 3,271: |
Line 3,335: |
| | | |
| #menu .links li a:hover { | | #menu .links li a:hover { |
− | background: #45558d; | + | background: #752b2e; |
| } | | } |
| | | |
Line 3,402: |
Line 3,466: |
| #banner { | | #banner { |
| padding: 7em 0 8.25em 0 ; | | padding: 7em 0 8.25em 0 ; |
− | background-color: #a04859; | + | background-color: #c2d4d8; |
| 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,576: |
| #wrapper > header { | | #wrapper > header { |
| padding: 9em 0 6.25em 0 ; | | padding: 9em 0 6.25em 0 ; |
− | background-color: #a04859; | + | background-color: #c2d4d8; |
| 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,555: |
Line 3,619: |
| | | |
| .wrapper { | | .wrapper { |
− | background-color: #a04859; | + | background-color: #c2d4d8; |
| margin: 6.5em 0; | | margin: 6.5em 0; |
| position: relative; | | position: relative; |
Line 3,561: |
Line 3,625: |
| | | |
| .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 #a04859, 0 1px 0 0 #a04859; | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
| } | | } |
| | | |
| .wrapper:after { | | .wrapper:after { |
− | box-shadow: inset 0 -1px 0 0 #a04859, 0 1px 0 0 #a04859; | + | box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8; |
| } | | } |
| | | |
Line 3,617: |
Line 3,681: |
| | | |
| .wrapper.style2 { | | .wrapper.style2 { |
− | background-color: #721b28; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
| .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 #721b28, 0 1px 0 0 #721b28; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
| .wrapper.style2:after { | | .wrapper.style2:after { |
− | box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
Line 3,637: |
Line 3,701: |
| | | |
| .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,653: |
Line 3,717: |
| | | |
| .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,669: |
Line 3,733: |
| | | |
| .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,685: |
Line 3,749: |
| | | |
| .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,697: |
Line 3,761: |
| | | |
| .wrapper.spotlight { | | .wrapper.spotlight { |
− | background-color: #721b28; | + | 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 #721b28, 0 1px 0 0 #721b28; | + | 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 #721b28, 0 1px 0 0 #721b28; | + | box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8; |
| } | | } |
| | | |
Line 3,758: |
Line 3,822: |
| | | |
| .wrapper.spotlight.style2 { | | .wrapper.spotlight.style2 { |
− | background-color: #45558d; | + | background-color: #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .wrapper.spotlight.style3 { | | .wrapper.spotlight.style3 { |
− | background-color: #3f4e85; | + | background-color: #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .wrapper.spotlight.style4 { | | .wrapper.spotlight.style4 { |
− | background-color: #39477c; | + | background-color: #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .wrapper.spotlight.style5 { | | .wrapper.spotlight.style5 { |
− | background-color: #324072; | + | background-color: #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .wrapper.spotlight.style6 { | | .wrapper.spotlight.style6 { |
− | background-color: #2d3a69; | + | background-color: #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
| .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 #752b2e, 0 1px 0 0 #752b2e; |
| } | | } |
| | | |
Line 4,000: |
Line 4,064: |
| | | |
| #footer { | | #footer { |
− | background-color: #a04859; | + | background-color: #c2d4d8; |
| 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,093: |
Line 4,157: |
| | | |
| body { | | body { |
− | background-color: #a04859; | + | background-color: #c2d4d8; |
| background-image: url("../../images/bg.jpg"); | | background-image: url("../../images/bg.jpg"); |
| background-size: cover; | | background-size: cover; |
Line 4,190: |
Line 4,254: |
| | | |
| h1.major, h2.major, h3.major, h4.major, h5.major, h6.major { | | h1.major, h2.major, h3.major, h4.major, h5.major, h6.major { |
− | border-bottom: solid 2px #ffffff; | + | border-bottom: solid 2px #595959; |
| } | | } |
| | | |
| blockquote { | | blockquote { |
− | border-left: solid 4px #ffffff; | + | border-left: solid 4px #595959; |
| } | | } |
| | | |
| code { | | code { |
− | border: solid 2px #ffffff; | + | border: solid 2px #595959; |
| } | | } |
| | | |
| hr { | | hr { |
− | border-bottom: solid 2px #ffffff; | + | border-bottom: solid 2px #595959; |
| } | | } |
| | | |
Line 4,214: |
Line 4,278: |
| position: relative; | | position: relative; |
| -ms-behavior: url("assets/js/ie/PIE.htc"); | | -ms-behavior: url("assets/js/ie/PIE.htc"); |
− | border: solid 2px #ffffff; | + | border: solid 2px #595959; |
| } | | } |
| | | |
Line 4,236: |
Line 4,300: |
| -ms-behavior: url("assets/js/ie/PIE.htc"); | | -ms-behavior: url("assets/js/ie/PIE.htc"); |
| background: transparent; | | background: transparent; |
− | border: solid 2px #ffffff; | + | border: solid 2px #595959; |
| } | | } |
| | | |
Line 4,242: |
Line 4,306: |
| | | |
| table tbody tr { | | table tbody tr { |
− | border: solid 1px #ffffff; | + | border: solid 1px #595959; |
| border-left: 0; | | border-left: 0; |
| border-right: 0; | | border-right: 0; |
Line 4,248: |
Line 4,312: |
| | | |
| table.alt tbody tr td { | | table.alt tbody tr td { |
− | border: solid 1px #ffffff; | + | border: solid 1px #595959; |
| border-left-width: 0; | | border-left-width: 0; |
| border-top-width: 0; | | border-top-width: 0; |
Line 4,286: |
Line 4,350: |
| | | |
| #menu { | | #menu { |
− | background: #a04859; | + | background: #c2d4d8; |
| } | | } |
| | | |
| #menu h2 { | | #menu h2 { |
− | border-bottom: solid 2px #ffffff; | + | border-bottom: solid 2px #595959; |
| } | | } |
| | | |
Line 4,296: |
Line 4,360: |
| | | |
| #header { | | #header { |
− | background-color: #721b28; | + | background-color: #dbe9d8; |
| } | | } |
| | | |
Line 4,321: |
Line 4,385: |
| | | |
| #banner .logo .icon { | | #banner .logo .icon { |
− | border: solid 2px #ffffff; | + | border: solid 2px #595959; |
| -ms-behavior: url("assets/js/ie/PIE.htc"); | | -ms-behavior: url("assets/js/ie/PIE.htc"); |
| } | | } |
| | | |
| #banner h2 { | | #banner h2 { |
− | border-bottom: solid 2px #ffffff; | + | border-bottom: solid 2px #595959; |
| } | | } |
| | | |
Line 4,332: |
Line 4,396: |
| | | |
| #footer .inner .copyright { | | #footer .inner .copyright { |
− | border-top: solid 2px #ffffff; | + | border-top: solid 2px #595959; |
| } | | } |
| | | |
| #footer .inner .copyright li { | | #footer .inner .copyright li { |
− | border-left: solid 2px #ffffff; | + | border-left: solid 2px #595959; |
| } | | } |
| </style> | | </style> |