Team:Aberdeen Scotland/DNA/CSS
From 2014.igem.org
(25 intermediate revisions not shown) | |||
Line 13: | Line 13: | ||
#text_in { | #text_in { | ||
- | width: | + | font-family: Arial, Helvetica, sans-serif; |
+ | width: 550px; | ||
+ | height: auto; | ||
+ | margin-bottom: 5px; | ||
+ | font-size: 14px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #to_dna { | ||
+ | float: left; | ||
+ | margin-left: 3px; | ||
+ | } | ||
+ | |||
+ | .output_dna { | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
} | } | ||
#dna_out { | #dna_out { | ||
- | width: | + | font-family: Arial, Helvetica, sans-serif; |
- | height: | + | width: 550px; |
+ | height: auto; | ||
+ | margin-bottom: 5px; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #to_color { | ||
+ | float: left; | ||
+ | margin-left: 3px; | ||
+ | } | ||
+ | |||
+ | #color_dna { | ||
+ | display: block; | ||
+ | width: 555px; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | #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; | ||
} | } |
Latest revision as of 22:34, 12 August 2014
.list_chars { font-size: 11px; margin-left: 20px; }
.color_black sub { color: #000; }
.input_text {
}
- text_in {
font-family: Arial, Helvetica, sans-serif; width: 550px; height: auto; margin-bottom: 5px; font-size: 14px; float: left; }
- to_dna {
float: left; margin-left: 3px; }
.output_dna { margin-top: 10px; margin-bottom: 10px; }
- dna_out {
font-family: Arial, Helvetica, sans-serif; width: 550px; height: auto; margin-bottom: 5px; font-size: 14px; font-weight: bold; float: left; }
- to_color {
float: left; margin-left: 3px; }
- color_dna {
display: block; width: 555px; height: auto; float: left; margin-bottom: 5px; }
- 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; }