|
|
(5 intermediate revisions by 2 users not shown) |
Line 39: |
Line 39: |
| } | | } |
| | | |
− | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway'); | + | /******************** ALL FONTS START ********************/ |
| + | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700|Raleway'); |
| + | @font-face { |
| + | font-family: 'Futura'; |
| + | src: url('../futura/futura\ medium\ bt.ttf'); |
| + | } |
| + | |
| + | body { |
| + | font-family: 'Open Sans', sans-serif; |
| + | } |
| + | |
| + | .dropbtn, .dropdown-content { |
| + | font-size: 16px; |
| + | } |
| + | |
| + | .parts-page-banner > svg > text, .standard-page-content-title, .standard-page-side-bar-wrapper { |
| + | font-family: 'Futura', sans-serif; |
| + | } |
| + | /******************** ALL FONTS END ********************/ |
| + | |
| html, | | html, |
| body { | | body { |
Line 55: |
Line 74: |
| p { | | p { |
| color: #000; | | color: #000; |
− | font-family: 'Open Sans', sans-serif;
| |
| } | | } |
| | | |
Line 77: |
Line 95: |
| width: 140px; | | width: 140px; |
| } | | } |
− |
| |
− | .nav-bar-main-menu {
| |
− | font-family: 'Raleway', sans-serif;
| |
− | }
| |
− |
| |
| | | |
| .dropbtn { | | .dropbtn { |
Line 133: |
Line 146: |
| | | |
| .toolkit-dropdown-content { | | .toolkit-dropdown-content { |
− | width: 590px; | + | width: 630px; |
| left: -160px; | | left: -160px; |
| } | | } |
Line 209: |
Line 222: |
| position: relative; | | position: relative; |
| padding-right: 18px; | | padding-right: 18px; |
| + | padding-left: 18px; |
| border-right: 0.5px solid white; | | border-right: 0.5px solid white; |
| } | | } |
Line 222: |
Line 236: |
| .icon img { | | .icon img { |
| height: 24px; | | height: 24px; |
| + | } |
| + | |
| + | .standard-page-content-title { |
| + | margin-top: 40px; |
| + | font-size: 24px; |
| + | color: #000 !important; |
| + | position: relative; |
| + | } |
| + | |
| + | .green-accent-line-left { |
| + | border: #a0e0bd solid 1px; |
| + | display: block; |
| + | float: left; |
| + | margin: 1em auto 1em auto; |
| + | width: 80px; |
| } | | } |
| | | |
| /******************** PARTS PAGE START ********************/ | | /******************** PARTS PAGE START ********************/ |
| .parts-page-banner { | | .parts-page-banner { |
− | background-color: #a0e0bd;
| + | background-image: url(https://static.igem.org/mediawiki/2019/d/db/T--Cornell--basicparts-lucas.jpeg); |
− | } | + | background-size: cover; |
| + | fill: black; } |
| | | |
| .parts-page-content-wrapper { | | .parts-page-content-wrapper { |
Line 236: |
Line 266: |
| padding-right: 100px; | | padding-right: 100px; |
| padding-left: 90px; | | padding-left: 90px; |
− | padding-top: 35px; | + | padding-top: 5%; |
| padding-bottom: 35px; | | padding-bottom: 35px; |
− | }
| |
− |
| |
− | .parts-header-text {
| |
− | font-size: 24pt !important;
| |
− | text-align: center !important;
| |
− | color: #000;
| |
| } | | } |
| | | |
Line 306: |
Line 330: |
| #groupparts a { | | #groupparts a { |
| color: #016c64; | | color: #016c64; |
| + | } |
| + | |
| + | a.icon { |
| + | padding: 0 !important; |
| } | | } |
| /******************** PARTS PAGE GRID END ********************/ | | /******************** PARTS PAGE GRID END ********************/ |
Line 366: |
Line 394: |
| </div> | | </div> |
| <div class="nav-second-col"> | | <div class="nav-second-col"> |
− | <li class="pd-list-title"><b>DESIGN</b></li> | + | <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li> |
| <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li> | | <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Hardware">HARDWARE</a></li> |
| </div> | | </div> |
| <div class="nav-third-col"> | | <div class="nav-third-col"> |
Line 393: |
Line 422: |
| <header class="parts-page-banner"> | | <header class="parts-page-banner"> |
| <svg viewBox="0 0 100 100" width=100% height=100%> | | <svg viewBox="0 0 100 100" width=100% height=100%> |
− | <circle cx="50" cy="50" r="40" fill="white" fill-opacity="0.4"/>
| |
| <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Basic Parts</text> | | <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Basic Parts</text> |
| </svg> | | </svg> |
Line 402: |
Line 430: |
| <div class="parts-page-content-wrapper"> | | <div class="parts-page-content-wrapper"> |
| <div class="parts-content-wrapper"> | | <div class="parts-content-wrapper"> |
− | <div class="parts-header-wrapper"><p class="parts-header-text">Basic Parts<p></div> | + | <div class="standard-page-content-title">Basic Parts</div> |
− | <hr class="yellow-accent-line-center">
| + | <hr class="green-accent-line-left"> |
| <div class="parts-text-wrapper"> | | <div class="parts-text-wrapper"> |
| + | <p style="margin-top: 40px;"> |
| + | <strong>The basic parts are BBa_k2960000 and BBa_k2960007 to BBa_k2960011.</strong><br><br> |
| + | BBa_k2960000 contains the sequence for a single stranded DNA aptamer which binds to microcystin-LR. BBa_k2960007 through BBa_k2960011 contain the genes for mlr B, C, D, E, and F, respectively. |
| </html> | | </html> |
| <groupparts>iGEM19 Cornell</groupparts> | | <groupparts>iGEM19 Cornell</groupparts> |