"

From 2011.igem.org

1. dnaAppContainer {

   width: 800px;
   margin: 0 auto;

}

/* Menu */

1. menu {

margin-top: 5px; padding-bottom: 5px; border-bottom: 1px solid grey; }

1. menu .currentTab {

background: white; }

/* Input fields */

1. inputFields {

width: 150px; margin: 0 auto; margin-top: 10px; }

1. inputFields input[type="text"] {

border: 1px solid black; margin-right: 10px; padding-left: 4px; width: 30px; height: 30px; font-size: 1.2em; }

1. inputFields input[name="third"] {

margin-right: 0; }

/* Buttons */

1. buttons {

width: 190px; margin: 10px auto; }

button { border: 1px solid grey; }

button::-moz-focus-inner { border: 0; background: white; }

button:focus { background: white; }

/* Frame Options */

1. frameOptions {

margin: 5px 0; padding: 4px; padding-left: 0; width: 200px; display: none; }

1. frameOptions h2 {

font-size: 1em; display: inline; }

/* Paste Area */

1. pasteArea {

border: 1px solid black; width: 800px; margin-bottom: 10px; padding: 2px; display: none; }

/* Functions */

1. functions {

width: 800px; margin: 0 auto; }

1. functions div h1 {

font-size: 1.0em; color: white; background: grey; padding: 4px; }

1. functions div h1:hover {

cursor: pointer; color: black; }

1. functions .activeFunction {

color: black; }

1. functions div p {

margin: 0 10px; font-size: 1.3em; width: 780px; min-height: 20px; max-height: 100px; overflow-y: auto; word-wrap: break-word; }

/* DNA to Protein */

1. dnaToProtein label {

margin-top: 10px; }

1. dnaToProtein textarea {

border: 1px solid black; margin-top: 10px; }

1. dnaToProtein h1 {

font-size: 1.4em; background: grey; margin-top: 10px; padding: 4px; }

1. dnaToProteinResults {

word-wrap: break-word; }

/* Amino Table */

1. aminoTable {

margin-top: 10px; margin-bottom: 20px; }

1. aminoTable table {

width: 800px; }

1. aminoTable th, td {

text-align: center; }

1. aminoTable tr:nth-child(even) {

background: #ccc; }

1. aminoTable tr:nth-child(odd) {

background: #fff; }

1. aminoTable th {

background: grey; }

/* Dna Codon Table */

1. aminoToCodon input {

margin-top: 5px; border: 1px solid black; }

1. dnaCodonTable {

width: 800px; margin-top: 5px; border-collapse: collapse; }

1. dnaCodonTable th {

border: 1px solid black; }

1. dnaCodonTable td {

border: 1px solid black; }

1. dnaCodonTable .greyTd {

background: #eee; }

1. dnaCodonTable .highlightedCell {

background: black; color: white; }

/* Back Translate */

1. backTranslate textarea {

margin-top: 10px; border: 1px solid black; }

1. backTranslate h1 {

background: grey; margin-top: 10px; font-size: 1.4em; padding: 4px; }

1. backTranslateResults {

word-wrap: break-word; margin-top: 10px; }