Difference between revisions of "Team:LambertGA/Experiments"
| Line 6: | Line 6: | ||
| − | + | #mainContainer{ | |
| + | background-color: white; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #main{ | ||
| + | width: 100%; | ||
| + | margin: auto; | ||
| + | padding: 0px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | body { background-color: white; margin: auto; padding: 0px; width: 100%;} | ||
| + | |||
| + | div { | ||
| + | color: gray; | ||
| + | } | ||
#content { | #content { | ||
| − | margin | + | margin: 0px auto; |
| − | background-color: | + | background-color: white; |
| + | width: 100%; | ||
| + | padding: 0px; | ||
| + | } | ||
| Line 17: | Line 34: | ||
| − | .column full_size {width: | + | .column full_size {width: 100%; |
height: 700px; | height: 700px; | ||
position: center; } | position: center; } | ||
| + | p { | ||
| + | margin: auto; | ||
| + | width: 75%; | ||
| + | color: gray; | ||
| + | } | ||
#firstHeading { | #firstHeading { | ||
| Line 27: | Line 49: | ||
color: #9D0EC8;} | color: #9D0EC8;} | ||
| + | a { | ||
| + | opacity: 1.0; | ||
| + | } | ||
| + | |||
| + | a:visited { | ||
| + | color: #D49AE6; | ||
| + | } | ||
a.HeaderLinks { | a.HeaderLinks { | ||
| + | height: 50px; | ||
position: center; | position: center; | ||
| − | |||
border: none; | border: none; | ||
| − | color: | + | color: #D49AE6; |
| − | + | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 46: | Line 74: | ||
#MainTitle { | #MainTitle { | ||
| − | padding: | + | padding: 60px; |
| − | font-size: 60px; | + | font-size: 60px; |
| − | + | color: dimgray; } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | } | + | |
| Line 75: | Line 91: | ||
header h1{ | header h1{ | ||
text-align:center; | text-align:center; | ||
| + | color: dimgray; | ||
| + | } | ||
| + | |||
| + | h2{ | ||
| + | color: #D49AE6; | ||
} | } | ||
#headerLinks { | #headerLinks { | ||
| + | position: fixed; | ||
text-decoration: none; | text-decoration: none; | ||
color: #b8975e; | color: #b8975e; | ||
| − | |||
| − | |||
width: 100%; | width: 100%; | ||
| − | + | height: 50px; | |
| − | + | line-height: 50px; | |
| − | + | background-color: white; | |
| + | margin: auto; | ||
text-align:center; | text-align:center; | ||
| + | opacity: 0.7; | ||
} | } | ||
.header{ | .header{ | ||
| − | width: | + | width: 100%; |
padding: 0; | padding: 0; | ||
margin: 0 auto; | margin: 0 auto; | ||
| Line 102: | Line 124: | ||
#text{ | #text{ | ||
width: 900px; | width: 900px; | ||
| − | padding: | + | padding: 0px; |
display: block; | display: block; | ||
| − | margin: | + | margin: 0px auto; |
} | } | ||
| − | |||
#space{ | #space{ | ||
| Line 114: | Line 135: | ||
#sponsors-bottom{ | #sponsors-bottom{ | ||
| − | width: | + | width: 100%; |
| − | margin: | + | margin: 0px auto; |
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
| Line 122: | Line 143: | ||
#sponsors-bottom a{ | #sponsors-bottom a{ | ||
| + | margin: auto; | ||
| + | width: 50% | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
| Line 134: | Line 157: | ||
opacity: 0.4; | opacity: 0.4; | ||
filter: alpha(opacity=40); /* For IE8 and earlier */ | filter: alpha(opacity=40); /* For IE8 and earlier */ | ||
| + | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
| Line 164: | Line 188: | ||
display: block; | display: block; | ||
} | } | ||
| − | |||
#globalWrapper{ | #globalWrapper{ | ||
background-color: white; | background-color: white; | ||
| − | padding: | + | padding: 0px; |
| + | |||
} | } | ||
| + | |||
/* Dropdown Button */ | /* Dropdown Button */ | ||
.dropbtn { | .dropbtn { | ||
| + | margin: auto; | ||
position: left; | position: left; | ||
| − | background-color: | + | height: 100%; |
| − | color: | + | width: 100%; |
| − | padding: | + | background-color: white; |
| − | font-size: | + | color: #D49AE6; |
| + | padding: 14px; | ||
| + | font-size: 20px; | ||
text-align: left; | text-align: left; | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
| + | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
} | } | ||
| Line 193: | Line 222: | ||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
| + | opacity: 0.0; | ||
position: absolute; | position: absolute; | ||
background-color: #D49AE6; | background-color: #D49AE6; | ||
| − | min-width: | + | min-width: 200px; |
text-align: left; | text-align: left; | ||
box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2); | ||
| + | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
.dropdown-content a { | .dropdown-content a { | ||
| − | color: | + | color: white; |
| − | padding: | + | opacity: 0.0; |
| − | font-size: | + | padding: 0px 10px; |
| + | font-size: 20px; | ||
text-decoration: none; | text-decoration: none; | ||
| − | |||
display: block; | display: block; | ||
| + | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
| Line 216: | Line 248: | ||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
| + | opacity: 1.0; | ||
} | } | ||
| − | /* Change the background color of the dropdown button when the dropdown content is shown */ | + | .dropdown:hover .dropdown-content a { |
| − | . | + | opacity: 1.0; |
| + | } | ||
| + | |||
| + | /* Change the background color of the dropdown button when the dropdown content is shown*/ | ||
| + | .dropbtn:hover { | ||
background-color: #D49AE6; | background-color: #D49AE6; | ||
| + | color: white; | ||
} | } | ||
| + | #mainbanner{ | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | #mainbanner{ | ||
| + | display: block; | ||
| + | margin: auto;; | ||
| + | } | ||
| + | #logo{ | ||
| + | height: 50px; | ||
| + | opacity:0.4; | ||
| + | } | ||
</style> | </style> | ||
| Line 297: | Line 347: | ||
| − | <div class="column full_size | + | <div class="column full_size" > |
| Line 309: | Line 359: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
| − | <div class="col-md-12 col-sm-10"> | + | <div class="col-md-12 col-sm-10" style="width:75%;margin:auto;"> |
The protocol we created was subject to change in order to produce optimal results. | The protocol we created was subject to change in order to produce optimal results. | ||
| Line 366: | Line 416: | ||
<div id="sponsors-bottom"> | <div id="sponsors-bottom"> | ||
| − | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/ | + | <a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
Revision as of 02:44, 14 October 2016
Experiments
The protocol we created was subject to change in order to produce optimal results.
1. Innoculate viable colony into a liquid culture
- Materials: LB media, dilution, micropipette and tips
2. Miniprep/Nanodrop
-Materials: grown culture, microcentrifuge, 2 1.5mL microcentrifuge tubes, mini column and collection tube, Solution I, Solution II, Solution III, HBC Wash Buffer, DNA Wash Buffer, Elution Buffer, micropipette and tips
3. Digest
-Materials: miniprepped DNA, dH₂O, 10X RE-Mix, standard restriction enzyme, micropipettes and tips
4. Gel
-Materials: agarose gel (make one if necessary), 1X TAE Buffer, power supply, chamber and electrodes, ladder, micropipette and tips, DNA
5. Ligation
-Materials: vector, parts 1 and 2, ligase buffer, ligase, Antarctic phosphatase, microcentrifuge tube, ice, micropipette and tips
6. Transformation and Plate
-Materials: ice, ligation mixture, competent cells, incubator, LB media, microcentrifuge tubes, micropipette and tips
7. Colony PCR (screening)
-Materials: dH₂O, buffer, VF₂, VR, Q5 polymerase, dNTP, DNA dilution, micropipette and tips, PCR tubes, thermocycler, ice
8. Gel
-Materials: agarose gel (make one if necessary), 1X TAE Buffer, power supply, chamber and electrodes, ladder, micropipette and tips, DNA
1. Innoculate viable colony into a liquid culture
- Materials: LB media, dilution, micropipette and tips
2. Miniprep/Nanodrop
-Materials: grown culture, microcentrifuge, 2 1.5mL microcentrifuge tubes, mini column and collection tube, Solution I, Solution II, Solution III, HBC Wash Buffer, DNA Wash Buffer, Elution Buffer, micropipette and tips
3. Digest
-Materials: miniprepped DNA, dH₂O, 10X RE-Mix, standard restriction enzyme, micropipettes and tips
4. Gel
-Materials: agarose gel (make one if necessary), 1X TAE Buffer, power supply, chamber and electrodes, ladder, micropipette and tips, DNA
5. Ligation
-Materials: vector, parts 1 and 2, ligase buffer, ligase, Antarctic phosphatase, microcentrifuge tube, ice, micropipette and tips
6. Transformation and Plate
-Materials: ice, ligation mixture, competent cells, incubator, LB media, microcentrifuge tubes, micropipette and tips
7. Colony PCR (screening)
-Materials: dH₂O, buffer, VF₂, VR, Q5 polymerase, dNTP, DNA dilution, micropipette and tips, PCR tubes, thermocycler, ice
8. Gel
-Materials: agarose gel (make one if necessary), 1X TAE Buffer, power supply, chamber and electrodes, ladder, micropipette and tips, DNA
