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