Difference between revisions of "Team:Lambert GA/Parts"
NithikB123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | <style> | + | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><style> |
| − | + | html{ | |
| + | font-family: 'La', sans-serif; | ||
| + | } | ||
| + | |||
#sideMenu { display:none; } | #sideMenu { display:none; } | ||
| Line 10: | Line 13: | ||
#mainContainer{ | #mainContainer{ | ||
| − | + | background-color: #7A7A79; | |
width: 100%; | width: 100%; | ||
} | } | ||
| Line 17: | Line 20: | ||
margin: auto; | margin: auto; | ||
padding: 0px; | padding: 0px; | ||
| − | |||
} | } | ||
| − | body { | + | body { margin: 0px; padding: 0px; width: 100%;} |
a.drplink { | a.drplink { | ||
| Line 27: | Line 29: | ||
a.drplink:hover { | a.drplink:hover { | ||
color:dimgray; | color:dimgray; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 40: | Line 35: | ||
color: gray; | color: gray; | ||
} | } | ||
| + | |||
#content { | #content { | ||
| − | margin: 0px | + | margin: 0px; |
| + | margin-top: -15px; | ||
background-color: #7A7A79; | background-color: #7A7A79; | ||
width: 100%; | width: 100%; | ||
padding: 0px; | padding: 0px; | ||
| + | font-family: 'Roboto', sans-serif; | ||
} | } | ||
| Line 114: | Line 112: | ||
h2{ | h2{ | ||
| − | color: # | + | color: #90CAF9; |
| + | text-align:center; | ||
| + | hspace="20" | ||
} | } | ||
| Line 121: | Line 121: | ||
position: fixed; | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
| − | color: # | + | color: #42413C; |
width: 100%; | width: 100%; | ||
height: 50px; | height: 50px; | ||
line-height: 50px; | line-height: 50px; | ||
| − | background-color: | + | background-color: #555554; |
| − | margin: | + | margin-top: 0px; |
text-align:center; | text-align:center; | ||
opacity: 0.9; | opacity: 0.9; | ||
| Line 172: | Line 172: | ||
} | } | ||
| − | + | .transparency { | |
| − | . | + | |
opacity: 0.4; | opacity: 0.4; | ||
| − | |||
transition: opacity 0.5s ease-in-out; | transition: opacity 0.5s ease-in-out; | ||
| + | filter: alpha(opacity=40); | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
} | } | ||
| − | . | + | .transparency:hover { |
| − | opacity: 1 | + | opacity: 1; |
| − | + | filter: alpha(opacity=100); | |
| + | width = 100px; | ||
-webkit-backface-visibility: hidden; | -webkit-backface-visibility: hidden; | ||
} | } | ||
| + | |||
| Line 224: | Line 225: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
| − | |||
color: #D49AE6; | color: #D49AE6; | ||
padding: 14px; | padding: 14px; | ||
| Line 233: | Line 233: | ||
transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
} | } | ||
| + | |||
/* The container <div> - needed to position the dropdown content */ | /* The container <div> - needed to position the dropdown content */ | ||
| Line 251: | Line 252: | ||
transition: opacity 0.5s ease-in-out; | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
| + | |||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
| Line 264: | Line 266: | ||
/* Change color of dropdown links on hover */ | /* Change color of dropdown links on hover */ | ||
| − | .dropdown-content a:hover {background-color: # | + | .dropdown-content a:hover {background-color: #F48FB1; |
color: #4A555C;} | color: #4A555C;} | ||
| Line 279: | Line 281: | ||
/* Change the background color of the dropdown button when the dropdown content is shown*/ | /* Change the background color of the dropdown button when the dropdown content is shown*/ | ||
.dropbtn:hover { | .dropbtn:hover { | ||
| − | background-color: # | + | background-color: #F48FB1; |
color: #4A555C; | color: #4A555C; | ||
} | } | ||
| − | |||
#mainbanner{ | #mainbanner{ | ||
Revision as of 11:44, 20 September 2017
Our 2017 iGEM team used existing Biobrick parts from the Uppsala team (BBa_K1033906) and also the Endy Lab (BBa_M0050-LAA, M0052-DAS). We were trying to further Edinburgh’s work by expanding upon their experiments with GFP and the degradation tags. We sought to do this by replacing GFP with the tsPurple chromoprotein and characterizing the ClpXP system. We attempted to characterize these previous parts but ran into some obstacles while working with them.
We first obtained the tsPurple sequence from the 2013 Uppsala iGEM wiki page. We ordered the sequence online from IDT, hydrated it, and proceeded to carry out the 3A assembly procedures to create our constructs. We had the tsPurple with no degradation tag, tsPurple with the LAA degradation tag, and tsPurple with the DAS degradation tag. The degradation tags were obtained from the Endy Lab sequencing and correspond to strong degradation for LAA and moderate for DAS.
We sought to improve upon the LAA and DAS degradation tags by showing their relative strength in degrading the tsPurple chromoprotein and we also sought to improve upon the characterization of the tsPurple gene so that its relative degradation may be present for anyone who needs it.
We first obtained the tsPurple sequence from the 2013 Uppsala iGEM wiki page. We ordered the sequence online from IDT, hydrated it, and proceeded to carry out the 3A assembly procedures to create our constructs. We had the tsPurple with no degradation tag, tsPurple with the LAA degradation tag, and tsPurple with the DAS degradation tag. The degradation tags were obtained from the Endy Lab sequencing and correspond to strong degradation for LAA and moderate for DAS.
We sought to improve upon the LAA and DAS degradation tags by showing their relative strength in degrading the tsPurple chromoprotein and we also sought to improve upon the characterization of the tsPurple gene so that its relative degradation may be present for anyone who needs it.
