Team:Aberdeen Scotland/DNA/CSS
From 2014.igem.org
(10 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{ | + | .output_dna { |
margin-top: 10px; | margin-top: 10px; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
Line 23: | Line 33: | ||
#dna_out { | #dna_out { | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
- | font-size: | + | width: 550px; |
+ | height: auto; | ||
+ | margin-bottom: 5px; | ||
+ | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
float: left; | float: left; | ||
Line 35: | Line 48: | ||
#color_dna { | #color_dna { | ||
display: block; | display: block; | ||
+ | width: 555px; | ||
+ | height: auto; | ||
float: left; | float: left; | ||
+ | margin-bottom: 5px; | ||
} | } | ||
Line 41: | Line 57: | ||
display: inline-block; | display: inline-block; | ||
font-weight: bold; | font-weight: bold; | ||
- | font-size: | + | font-size: 14px; |
- | width: | + | line-height: 18px; |
- | height: | + | width: 18px; |
+ | height: 18px; | ||
text-align: center; | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | margin-right: 1px; | ||
+ | margin-top: 3px; | ||
} | } | ||
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; }