"

From 2014.igem.org

.list_chars { font-size: 11px; margin-left: 20px; }

.color_black sub { color: #000; }

.input_text {

}

1. text_in {

font-family: Arial, Helvetica, sans-serif; width: 550px; height: auto; margin-bottom: 5px; font-size: 14px; float: left; }

1. to_dna {

float: left; margin-left: 3px; }

.output_dna { margin-top: 10px; margin-bottom: 10px; }

1. dna_out {

font-family: Arial, Helvetica, sans-serif; width: 550px; height: auto; margin-bottom: 5px; font-size: 14px; font-weight: bold; float: left; }

1. to_color {

float: left; margin-left: 3px; }

1. color_dna {

display: block; width: 555px; height: auto; float: left; margin-bottom: 5px; }

1. color_dna div {

display: inline-block; font-weight: bold; font-size: 14px; line-height: 18px; width: 18px; height: 18px; text-align: center; vertical-align: middle; margin-right: 1px; margin-top: 3px; }

.A { /* Azure */ background:#5050ff; color: #FFF; font-weight:bold; }

.G { /* Green */ background:#00c000; color: #FFF; font-weight:bold; }

.C { /* Carmine */ background:#e00000; color: #FFF; font-weight:bold; }

.T { /* Tweety bird */ background:#e6e600; color: #FFF; font-weight:bold; }