"
Team:Dundee/dnaapp.css
From 2011.igem.org
- dnaAppContainer {
width: 800px; margin: 0 auto;
}
/* Menu */
- dnaMenu {
margin-top: 5px; padding-bottom: 5px; border-bottom: 1px solid grey;
width: 800px;
}
- dnaMenu .currentTab {
background: #6e212e; }
- dnaMenu button {
background: #B5463F;
color: #CDDEC6;
}
/* Input fields */
- inputFields {
width: 150px; margin: 0 auto; margin-top: 10px; }
- inputFields input[type="text"] {
border: 1px solid black; margin-right: 10px; padding-left: 4px; width: 30px; height: 30px; font-size: 1.2em; }
- inputFields input[name="third"] {
margin-right: 0; }
/* Buttons */
- buttons {
width: 190px; margin: 10px auto; }
button { border: 1px solid grey;
background: #B5463F;
color: #CDDEC6;
}
button::-moz-focus-inner { border: 0; background: white; }
button:focus { background: white; }
/* Frame Options */
- frameOptions {
margin: 5px 0; padding: 4px; padding-left: 0; width: 250px; display: none; }
- frameOptions h2 {
font-size: 0.6em; display: inline; }
- frameOptions label {
font-size: 0.6em;
}
/* Paste Area */
- pasteArea {
border: 1px solid black; width: 800px; margin-bottom: 10px; padding: 2px; display: none; }
/* Functions */
- functions {
width: 800px; margin: 0 auto; }
- functions div h1 {
font-size: 0.8em; color: white; background: #B5463F; padding: 4px; }
- functions div h1:hover {
cursor: pointer; color: black; }
- functions .activeFunction {
color: black; }
- functions div p {
margin: 0 10px; font-size: 0.6em; width: 780px; min-height: 20px; max-height: 100px; overflow-y: auto; word-wrap: break-word; }
/* DNA to Protein */
- dnaToProtein label {
margin-top: 10px; }
- dnaToProtein p {
font-size: 0.6em;
}
- dnaToProtein textarea {
border: 1px solid black; margin-top: 10px; }
- dnaToProtein h1 {
font-size: 0.8em; background: #B5463F; margin-top: 10px; padding: 4px; }
- dnaToProtein label {
font-size: 0.6em;
}
- dnaToProteinResults {
word-wrap: break-word; }
/* Amino Table */
- aminoTable {
margin-top: 10px; margin-bottom: 20px; }
- aminoTable table {
width: 800px; }
- aminoTable th, td {
text-align: center;
font-size: 0.6em;
}
- aminoTable tr:nth-child(even) {
background: #ccc; }
- aminoTable tr:nth-child(odd) {
background: #fff; }
- aminoTable th {
background: #B5463F;
color: #CDDEC6;
}
/* Dna Codon Table */
- aminoToCodon input {
margin-top: 5px; border: 1px solid black; }
- aminoToCodon label {
font-size: 0.6em;
}
- dnaCodonTable {
width: 800px; margin-top: 5px; border-collapse: collapse; }
- dnaCodonTable th {
border: 1px solid black; }
- dnaCodonTable td {
border: 1px solid black; }
- dnaCodonTable td, th {
font-size: 0.6em; text-align: center;
}
- dnaCodonTable .greyTd {
background: #eee; }
- dnaCodonTable .highlightedCell {
background: black; color: white; }
/* Back Translate */
- backTranslate textarea {
margin-top: 10px; border: 1px solid black; }
- backTranslate h1 {
background: #B5463F; margin-top: 10px; font-size: 0.8em; padding: 4px; }
- backTranslate label {
font-size: 0.6em;
}
- backTranslateResults {
word-wrap: break-word; margin-top: 10px; }
- dnaVis {
display: none;
}
