|
|
(9 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 48: |
Line 67: |
| overflow-x: hidden; | | overflow-x: hidden; |
| } | | } |
− |
| + | |
| body { | | body { |
| background-size: 40px 40px; | | background-size: 40px 40px; |
| } | | } |
− |
| + | |
| p { | | p { |
| color: #000; | | color: #000; |
− | font-family: 'Open Sans', sans-serif;
| |
| } | | } |
− |
| + | |
| nav { | | nav { |
| padding-top: 30px; | | padding-top: 30px; |
Line 65: |
Line 83: |
| height: 98px; | | height: 98px; |
| } | | } |
− |
| + | |
| .nav-bar-logo { | | .nav-bar-logo { |
| vertical-align: top; | | vertical-align: top; |
Line 73: |
Line 91: |
| margin-top: -5px; | | margin-top: -5px; |
| } | | } |
− |
| + | |
| .nav-bar-logo img { | | .nav-bar-logo img { |
| width: 140px; | | width: 140px; |
| } | | } |
− |
| + | |
− | .nav-bar-main-menu {
| + | |
− | font-family: 'Raleway', sans-serif;
| + | |
− | }
| + | |
− |
| + | |
− | .home-banner-wrapper {
| + | |
− | position: relative;
| + | |
− | background: #a0e0bd;
| + | |
− | height: 675px;
| + | |
− | width: 100%;
| + | |
− | margin-top: -5px;
| + | |
− | }
| + | |
− |
| + | |
− | .home-banner-logo {
| + | |
− | height: 200px;
| + | |
− | position: absolute;
| + | |
− | left: 75px;
| + | |
− | bottom: 55px;
| + | |
− | z-index: 1;
| + | |
− | background-color: rgba(160, 224, 189, 0.5);
| + | |
− | box-shadow: 10px -10px 50px 10px rgba(160, 224, 189, 0.75);
| + | |
− | }
| + | |
− |
| + | |
− | .home-banner-plants {
| + | |
− | position: absolute;
| + | |
− | top: 10px;
| + | |
− | right: -10;
| + | |
− | bottom: 20px;
| + | |
− | height: 680px;
| + | |
− | width: 1400px;
| + | |
− | }
| + | |
− |
| + | |
| .dropbtn { | | .dropbtn { |
| background-color: transparent; | | background-color: transparent; |
Line 118: |
Line 105: |
| color: #fff; | | color: #fff; |
| } | | } |
− |
| + | |
| @media (max-width: 1050px) { | | @media (max-width: 1050px) { |
| .dropbtn { | | .dropbtn { |
Line 124: |
Line 111: |
| } | | } |
| } | | } |
− |
| + | |
| .dropdown { | | .dropdown { |
| position: relative; | | position: relative; |
Line 131: |
Line 118: |
| float: right; | | float: right; |
| } | | } |
− |
| + | |
| .dropdown ul { | | .dropdown ul { |
| list-style-type: none; | | list-style-type: none; |
| } | | } |
− |
| + | |
| .dropdown a { | | .dropdown a { |
| position: relative; | | position: relative; |
Line 142: |
Line 129: |
| text-decoration: none; | | text-decoration: none; |
| } | | } |
− |
| + | |
| .dropdown-content { | | .dropdown-content { |
| display: none; | | display: none; |
Line 153: |
Line 140: |
| z-index: 1; | | z-index: 1; |
| } | | } |
− |
| + | |
| .dropdown-content a:hover { | | .dropdown-content a:hover { |
| background-color: #a0e0bd !important; | | background-color: #a0e0bd !important; |
| } | | } |
− |
| + | |
| .toolkit-dropdown-content { | | .toolkit-dropdown-content { |
− | width: 590px; | + | width: 630px; |
| left: -160px; | | left: -160px; |
| } | | } |
− |
| + | |
| .modeling-dropdown-content { | | .modeling-dropdown-content { |
| left: -40px; | | left: -40px; |
| } | | } |
− |
| + | |
| .human-dropdown-content { | | .human-dropdown-content { |
| left: 12px; | | left: 12px; |
| } | | } |
− |
| + | |
| .outreach-dropdown-content { | | .outreach-dropdown-content { |
| width: 230px; | | width: 230px; |
| left: -40px; | | left: -40px; |
| } | | } |
− |
| + | |
| .team-dropdown-content { | | .team-dropdown-content { |
| width: 140px; | | width: 140px; |
| left: -35px; | | left: -35px; |
| } | | } |
− |
| + | |
| .dropdown-content a { | | .dropdown-content a { |
| color: #ffffff; | | color: #ffffff; |
Line 187: |
Line 174: |
| display: block; | | display: block; |
| } | | } |
− |
| + | |
| .wet-lab-list-title, | | .wet-lab-list-title, |
| .doc-list-title, | | .doc-list-title, |
Line 195: |
Line 182: |
| padding-bottom: 14px; | | padding-bottom: 14px; |
| } | | } |
− |
| + | |
| .nav-second-col { | | .nav-second-col { |
| margin-left: 30px; | | margin-left: 30px; |
| } | | } |
− |
| + | |
| .nav-third-col { | | .nav-third-col { |
| margin-left: 30px; | | margin-left: 30px; |
| } | | } |
− |
| + | |
| .dropbtn:hover, | | .dropbtn:hover, |
| .active-page { | | .active-page { |
Line 209: |
Line 196: |
| transition-duration: 0.5s; | | transition-duration: 0.5s; |
| } | | } |
− |
| + | |
| .dropdown-content a:hover { | | .dropdown-content a:hover { |
− | background-color: #a0e0bd !important; | + | color: #016c64; |
| + | background-color: #ffffff; |
| } | | } |
− |
| + | |
| .dropdown:hover .dropdown-content { | | .dropdown:hover .dropdown-content { |
| display: block; | | display: block; |
| } | | } |
− |
| + | |
| footer { | | footer { |
| padding: 35px; | | padding: 35px; |
Line 224: |
Line 212: |
| background-color: #a0e0bd; | | background-color: #a0e0bd; |
| } | | } |
− |
| + | |
| .footer-wrapper { | | .footer-wrapper { |
| margin: auto; | | margin: auto; |
| display: inline-block; | | display: inline-block; |
| } | | } |
− |
| + | |
| .icon-wrapper { | | .icon-wrapper { |
| display: inline-block; | | display: inline-block; |
| 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; |
| } | | } |
− |
| + | |
| .icon-wrapper-last { | | .icon-wrapper-last { |
| border-right: none; | | border-right: none; |
| } | | } |
− |
| + | |
| .icon { | | .icon { |
| margin: 16px; | | margin: 16px; |
| } | | } |
− |
| + | |
| .icon img { | | .icon img { |
| height: 24px; | | height: 24px; |
| + | } |
| + | |
| + | /******************** STANDARD PAGE START ********************/ |
| + | |
| + | .standard-page-banner { |
| + | background-image: url(https://2019igem.org/wiki/images/6/63/T--Cornell--TeamPic.png); |
| + | background-size: cover; |
| + | fill: black; |
| + | font-size: 14px; |
| } | | } |
| | | |
Line 252: |
Line 250: |
| padding: 5% 0; | | padding: 5% 0; |
| } | | } |
− |
| + | |
| .standard-page-side-bar>li>a { | | .standard-page-side-bar>li>a { |
| text-decoration: none; | | text-decoration: none; |
| color: #016c64; | | color: #016c64; |
− | font-weight: bold;
| |
| font-size: 16px; | | font-size: 16px; |
| } | | } |
− |
| + | |
| .standard-page-side-bar { | | .standard-page-side-bar { |
| list-style-type: none; | | list-style-type: none; |
Line 265: |
Line 262: |
| padding-right: 15px; | | padding-right: 15px; |
| vertical-align: middle; | | vertical-align: middle; |
− | margin: 0; | + | margin: 40px !important; |
| } | | } |
− |
| + | |
| .standard-page-side-bar>li { | | .standard-page-side-bar>li { |
| margin-bottom: 15px; | | margin-bottom: 15px; |
| } | | } |
− |
| + | |
| .standard-page-content-title { | | .standard-page-content-title { |
| font-size: 24px; | | font-size: 24px; |
− | font-weight: 700;
| |
| color: #000 !important; | | color: #000 !important; |
| position: relative; | | position: relative; |
| } | | } |
− |
| + | |
| .green-accent-line-left { | | .green-accent-line-left { |
| border: #a0e0bd solid 1px; | | border: #a0e0bd solid 1px; |
Line 286: |
Line 282: |
| width: 80px; | | width: 80px; |
| } | | } |
− |
| + | |
| .standard-page-content-subheading { | | .standard-page-content-subheading { |
| font-size: 18px; | | font-size: 18px; |
− | font-weight: 1;
| |
| color: #000; | | color: #000; |
| padding-top: 40px; | | padding-top: 40px; |
| padding-bottom: 0; | | padding-bottom: 0; |
| } | | } |
− |
| + | |
| .standard-page-content-section { | | .standard-page-content-section { |
| margin-top: 40px; | | margin-top: 40px; |
Line 300: |
Line 295: |
| } | | } |
| | | |
| + | |
| + | /******************** STANDARD PAGE END ********************/ |
| + | |
| + | /******************** PARTS PAGE START ********************/ |
| .parts-page-banner { | | .parts-page-banner { |
− | background-color: #a0e0bd;
| + | background-image: url(https://static.igem.org/mediawiki/2019/1/1f/T--Cornell--parts-rachel.jpeg); |
− | } | + | background-size: cover; |
| + | fill: black; } |
| | | |
| .parts-page-content-wrapper { | | .parts-page-content-wrapper { |
Line 316: |
Line 316: |
| | | |
| .parts-header-text { | | .parts-header-text { |
− | font-size: 24pt; | + | font-size: 24pt !important; |
− | text-align: center; | + | text-align: center !important; |
| color: #000; | | color: #000; |
| } | | } |
Line 330: |
Line 330: |
| } | | } |
| | | |
− | /******************** GRID START ********************/ | + | /******************** PARTS PAGE END ********************/ |
− | nav {
| + | |
− | grid-area: navbar;
| + | |
− | }
| + | |
| | | |
− | .nav-bar-logo {
| + | /******************** PARTS PAGE GRID START ********************/ |
− | width: 180px;
| + | nav { |
− | padding-top: 12px; | + | grid-area: navbar; |
− | } | + | } |
| | | |
− | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx { | + | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx { |
− | display: grid;
| + | display: grid; |
− | grid-template-columns: auto auto auto;
| + | grid-template-columns: auto auto auto; |
− | } | + | } |
| | | |
− | .nav-second-col {
| + | .nav-first-col { |
− | display: inline-grid; | + | display: inline-grid; |
− | }
| + | } |
− | | + | |
− | .nav-third-col { | + | |
− | display: inline-grid;
| + | |
− | }
| + | |
− | | + | |
− | footer {
| + | |
− | grid-area: footer; | + | |
− | } | + | |
| | | |
− | .standard-page-side-bar-content-wrapper { | + | .nav-second-col { |
| display: inline-grid; | | display: inline-grid; |
− | grid-area: standardpagesidebarcontent;
| |
− | grid-template-columns: 7.5% 20% 65% 7.5%;
| |
− | grid-template-areas: '. standardpagesidebar standardpagecontent .';
| |
| } | | } |
| | | |
− | .standard-page-side-bar-wrapper { | + | .nav-third-col { |
− | grid-area: standardpagesidebar; | + | display: inline-grid; |
| } | | } |
| | | |
− | .standard-page-content-wrapper { | + | footer { |
− | grid-area: standardpagecontent; | + | grid-area: footer; |
| } | | } |
| + | /******************** PARTS PAGE GRID END ********************/ |
| + | |
| + | /******************** STANDARD PAGE START ********************/ |
| | | |
| .parts-page-wrapper { | | .parts-page-wrapper { |
Line 398: |
Line 387: |
| } | | } |
| | | |
− | /******************** GRID END ********************/ | + | a.icon { |
− | </style> | + | padding: 0 !important; |
| + | } |
| + | |
| + | /******************** STANDARD PAGE END ********************/ |
| + | </style> |
| <title>Team:Cornell/Notebook - 2019.igem.org</title> | | <title>Team:Cornell/Notebook - 2019.igem.org</title> |
| <!-- JS --> | | <!-- JS --> |
Line 411: |
Line 404: |
| <div class="nav-bar-wrapper"> | | <div class="nav-bar-wrapper"> |
| <div class="nav-bar-logo"> | | <div class="nav-bar-logo"> |
− | <a href="https://2019.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2019/c/cd/T--Cornell--WhiteIGEMLogo.png" alt="reHAB"></a> | + | <a href="https://2019.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a> |
| </div> | | </div> |
| <div class="nav-bar-main-menu"> | | <div class="nav-bar-main-menu"> |
Line 454: |
Line 447: |
| </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 481: |
Line 475: |
| <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%>Parts</text> | | <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Parts</text> |
| </svg> | | </svg> |
Line 507: |
Line 500: |
| A cassette of proteins endogenous to Sphingopyxis sp. has been shown to sequentially break down microcystin-LR (Figure 1). The proteins have been named mlrA, mlrB, mlrC, mlrD, mlrE, and mlrF [2]. The genes for these proteins are the basis of our composite biobricks. | | A cassette of proteins endogenous to Sphingopyxis sp. has been shown to sequentially break down microcystin-LR (Figure 1). The proteins have been named mlrA, mlrB, mlrC, mlrD, mlrE, and mlrF [2]. The genes for these proteins are the basis of our composite biobricks. |
| </p> | | </p> |
− | <img class="standard-page-content-image" style = "height: 400px; width: 800px" src="https://static.igem.org/mediawiki/2019/e/e8/T--Cornell--mlr.png"> | + | <img class="standard-page-content-image" style = "height: 400px; width: 800px" src="https://static.igem.org/mediawiki/2019/1/13/T--Cornell--Ecoli.png"> |
− | <figcaption><strong>Figure 1.</strong> MC-LR degradation pathway.</figcaption><br><br> | + | <figcaption><strong>Figure 1.</strong> MC-LR degradation pathway. MlrE and MlrF not depicted because their function/mechanism is unknown.</figcaption><br><br> |
| <p> | | <p> |
| <strong>MlrA</strong> is the first enzyme in the microcystin-degradation pathway. It is a microcystinase that degrades cyclic microcystin-LR to form a linear intermediate. To do so, mlrA hydrolyzes the peptide bond between Adda at position 5 and the amino acid residue at position 4 [2]. <br><br> | | <strong>MlrA</strong> is the first enzyme in the microcystin-degradation pathway. It is a microcystinase that degrades cyclic microcystin-LR to form a linear intermediate. To do so, mlrA hydrolyzes the peptide bond between Adda at position 5 and the amino acid residue at position 4 [2]. <br><br> |
Line 518: |
Line 511: |
| For the exception of mlrD, the transporter protein, we have also included the <strong>TorA twin-arginine translocation tag</strong> in each composite part. The twin-arginine translocation (Tat) pathway is responsible for the export of folded proteins across the cytoplasmic membrane of bacteria into the periplasmic space (Figure 2). The Tat pathway acts separately from the general secretory pathway, which transports proteins in an unfolded state. A specific signal peptide, which contains three domains: a positively charged N-terminal domain, a hydrophobic domain, and a C-terminal domain, is necessary to initiate protein export by the Tat pathway [1]. | | For the exception of mlrD, the transporter protein, we have also included the <strong>TorA twin-arginine translocation tag</strong> in each composite part. The twin-arginine translocation (Tat) pathway is responsible for the export of folded proteins across the cytoplasmic membrane of bacteria into the periplasmic space (Figure 2). The Tat pathway acts separately from the general secretory pathway, which transports proteins in an unfolded state. A specific signal peptide, which contains three domains: a positively charged N-terminal domain, a hydrophobic domain, and a C-terminal domain, is necessary to initiate protein export by the Tat pathway [1]. |
| </p> | | </p> |
− | <img class="standard-page-content-image" style = "height: 400px; width: 700px" src="https://static.igem.org/mediawiki/2019/7/76/T--Cornell--Translocase.png"> | + | <img class="standard-page-content-image" style = "height: 400px; width: 700px" src="https://static.igem.org/mediawiki/2019/a/a1/T--Cornell--TatFigure.png"> |
| <figcaption><strong>Figure 2.</strong> Schematic of TorA twin-arginine translocation pathway altered to transport folded mlr proteins.</figcaption><br><br> | | <figcaption><strong>Figure 2.</strong> Schematic of TorA twin-arginine translocation pathway altered to transport folded mlr proteins.</figcaption><br><br> |
| <p> | | <p> |
Line 545: |
Line 538: |
| <div class="standard-page-content-subheading"></div> | | <div class="standard-page-content-subheading"></div> |
| <p class="standard-page-content-text"> | | <p class="standard-page-content-text"> |
− | 1. Lee, P. A., Tullman-Ercek, D., & Georgiou, G. (2006). The bacterial twin-arginine translocation pathway. Annual review of microbiology, 60, 373–395. doi:10.1146/annurev.micro.60.080805.142212 <br> | + | [1] Lee, P. A., Tullman-Ercek, D., & Georgiou, G. (2006). The bacterial twin-arginine translocation pathway. Annual review of microbiology, 60, 373–395. doi:10.1146/annurev.micro.60.080805.142212 <br> |
− | 2. Zhang, J., Lu, Q., Ding, Q., Yin, L., & Pu, Y. (2017). A Novel and Native Microcystin-Degrading Bacterium of Sphingopyxis sp. Isolated from Lake Taihu. International journal of environmental research and public health, 14(10), 1187. doi:10.3390/ijerph14101187 <br> | + | [2] Zhang, J., Lu, Q., Ding, Q., Yin, L., & Pu, Y. (2017). A Novel and Native Microcystin-Degrading Bacterium of Sphingopyxis sp. Isolated from Lake Taihu. International journal of environmental research and public health, 14(10), 1187. doi:10.3390/ijerph14101187 <br> |
− | 3. Family M81. (n.d.). Retrieved from https://www.ebi.ac.uk/merops/cgi-bin/famsum?family=M81. <br> | + | [3] Family M81. (n.d.). Retrieved from https://www.ebi.ac.uk/merops/cgi-bin/famsum?family=M81. <br> |
− | 4. Cerdà-Costa, N., & Gomis-Rüth, F. X. (2014). Architecture and function of metallopeptidase catalytic domains. Protein science : a publication of the Protein Society, 23(2), 123–144. doi:10.1002/pro.2400 <br> | + | [4] Cerdà-Costa, N., & Gomis-Rüth, F. X. (2014). Architecture and function of metallopeptidase catalytic domains. Protein science : a publication of the Protein Society, 23(2), 123–144. doi:10.1002/pro.2400 <br> |
− | 5. BLAST: Basic Local Alignment Search Tool. (n.d.). Retrieved from https://blast.ncbi.nlm.nih.gov/Blast.cgi#alnHdr_BAI47772. <br> | + | [5] BLAST: Basic Local Alignment Search Tool. (n.d.). Retrieved from https://blast.ncbi.nlm.nih.gov/Blast.cgi#alnHdr_BAI47772. <br> |
− | 6. Wang, J., Wang, C., Li, J., Bai, P., Li, Q., Shen, M., … Zhao, J. (2018). Comparative Genomics of Degradative Novosphingobium Strains With Special Reference to Microcystin-Degrading Novosphingobium sp. THN1. Frontiers in Microbiology, 9. doi: 10.3389/fmicb.2018.02238 <br> | + | [6] Wang, J., Wang, C., Li, J., Bai, P., Li, Q., Shen, M., … Zhao, J. (2018). Comparative Genomics of Degradative Novosphingobium Strains With Special Reference to Microcystin-Degrading Novosphingobium sp. THN1. Frontiers in Microbiology, 9. doi: 10.3389/fmicb.2018.02238 <br> |
− | 7. Li, X., Cheng, R., Shi, H., Tang, B., Xiao, H., & Zhao, G. (2016). A simple highly sensitive and selective aptamer-based colorimetric sensor for environmental toxins microcystin-LR in water samples. Journal of Hazardous Materials, 304, 474–480. doi: 10.1016/j.jhazmat.2015.11.016 <br> | + | [7] Li, X., Cheng, R., Shi, H., Tang, B., Xiao, H., & Zhao, G. (2016). A simple highly sensitive and selective aptamer-based colorimetric sensor for environmental toxins microcystin-LR in water samples. Journal of Hazardous Materials, 304, 474–480. doi: 10.1016/j.jhazmat.2015.11.016 <br> |
− | 8. Aptamer-Based Biosensors to Detect Aquatic Phycotoxins and Cyanotoxins Isabel Cunha 1,*, Rita Biltes 1 , MGF Sales 2,3 and Vitor Vasconcelos 1,4 | + | [8] Aptamer-Based Biosensors to Detect Aquatic Phycotoxins and Cyanotoxins Isabel Cunha 1,*, Rita Biltes 1 , MGF Sales 2,3 and Vitor Vasconcelos 1,4 |
| </p> | | </p> |
| <img class="standard-page-content-image" src=""> | | <img class="standard-page-content-image" src=""> |