"
Team:Dundee/dnaapp.css
From 2011.igem.org
| (17 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
/* Menu */ | /* Menu */ | ||
| - | # | + | #dnaMenu { |
margin-top: 5px; | margin-top: 5px; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
border-bottom: 1px solid grey; | border-bottom: 1px solid grey; | ||
| + | width: 800px; | ||
} | } | ||
| - | # | + | #dnaMenu .currentTab { |
| - | background: | + | background: #6e212e; |
| + | } | ||
| + | |||
| + | #dnaMenu button { | ||
| + | background: #B5463F; | ||
| + | color: #CDDEC6; | ||
} | } | ||
| Line 45: | Line 51: | ||
button { | button { | ||
border: 1px solid grey; | border: 1px solid grey; | ||
| + | background: #B5463F; | ||
| + | color: #CDDEC6; | ||
} | } | ||
| Line 61: | Line 69: | ||
padding: 4px; | padding: 4px; | ||
padding-left: 0; | padding-left: 0; | ||
| - | width: | + | width: 250px; |
display: none; | display: none; | ||
} | } | ||
#frameOptions h2 { | #frameOptions h2 { | ||
| - | font-size: | + | font-size: 0.6em; |
display: inline; | display: inline; | ||
| + | } | ||
| + | |||
| + | #frameOptions label { | ||
| + | font-size: 0.6em; | ||
} | } | ||
| Line 86: | Line 98: | ||
#functions div h1 { | #functions div h1 { | ||
| - | font-size: | + | font-size: 0.8em; |
color: white; | color: white; | ||
| - | background: | + | background: #B5463F; |
padding: 4px; | padding: 4px; | ||
} | } | ||
| Line 103: | Line 115: | ||
#functions div p { | #functions div p { | ||
margin: 0 10px; | margin: 0 10px; | ||
| - | font-size: | + | font-size: 0.6em; |
width: 780px; | width: 780px; | ||
min-height: 20px; | min-height: 20px; | ||
| Line 114: | Line 126: | ||
#dnaToProtein label { | #dnaToProtein label { | ||
margin-top: 10px; | margin-top: 10px; | ||
| + | } | ||
| + | |||
| + | #dnaToProtein p { | ||
| + | font-size: 0.6em; | ||
} | } | ||
| Line 122: | Line 138: | ||
#dnaToProtein h1 { | #dnaToProtein h1 { | ||
| - | font-size: | + | font-size: 0.8em; |
| - | background: | + | background: #B5463F; |
margin-top: 10px; | margin-top: 10px; | ||
padding: 4px; | padding: 4px; | ||
| + | } | ||
| + | |||
| + | #dnaToProtein label { | ||
| + | font-size: 0.6em; | ||
} | } | ||
| Line 144: | Line 164: | ||
#aminoTable th, td { | #aminoTable th, td { | ||
text-align: center; | text-align: center; | ||
| + | font-size: 0.6em; | ||
} | } | ||
| Line 155: | Line 176: | ||
#aminoTable th { | #aminoTable th { | ||
| - | background: | + | background: #B5463F; |
| + | color: #CDDEC6; | ||
} | } | ||
| Line 162: | Line 184: | ||
margin-top: 5px; | margin-top: 5px; | ||
border: 1px solid black; | border: 1px solid black; | ||
| + | } | ||
| + | |||
| + | #aminoToCodon label { | ||
| + | font-size: 0.6em; | ||
} | } | ||
| Line 176: | Line 202: | ||
#dnaCodonTable td { | #dnaCodonTable td { | ||
border: 1px solid black; | border: 1px solid black; | ||
| + | } | ||
| + | |||
| + | #dnaCodonTable td, th { | ||
| + | font-size: 0.6em; | ||
| + | text-align: center; | ||
} | } | ||
| Line 194: | Line 225: | ||
#backTranslate h1 { | #backTranslate h1 { | ||
| - | background: | + | background: #B5463F; |
margin-top: 10px; | margin-top: 10px; | ||
| - | font-size: | + | font-size: 0.8em; |
padding: 4px; | padding: 4px; | ||
| + | } | ||
| + | |||
| + | #backTranslate label { | ||
| + | font-size: 0.6em; | ||
} | } | ||
| Line 203: | Line 238: | ||
word-wrap: break-word; | word-wrap: break-word; | ||
margin-top: 10px; | margin-top: 10px; | ||
| + | } | ||
| + | |||
| + | #dnaVis { | ||
| + | display: none; | ||
} | } | ||
Latest revision as of 08:19, 8 July 2011
- 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;
}
