Team:Dundee/dnaapp.css

From 2011.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 6: Line 6:
/* Menu */
/* 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;
}
}
-
#menu .currentTab {
+
#dnaMenu .currentTab {
-
background: white;
+
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: 200px;
+
width: 250px;
display: none;
display: none;
}
}
#frameOptions h2 {
#frameOptions h2 {
-
font-size: 1em;
+
font-size: 0.6em;
display: inline;
display: inline;
 +
}
 +
 +
#frameOptions label {
 +
        font-size: 0.6em;
}
}
Line 88: Line 100:
font-size: 0.8em;
font-size: 0.8em;
color: white;
color: white;
-
background: grey;
+
background: #B5463F;
padding: 4px;
padding: 4px;
}
}
Line 114: Line 126:
#dnaToProtein label {
#dnaToProtein label {
margin-top: 10px;
margin-top: 10px;
 +
}
 +
 +
#dnaToProtein p {
 +
        font-size: 0.6em;
}
}
Line 123: Line 139:
#dnaToProtein h1 {
#dnaToProtein h1 {
font-size: 0.8em;
font-size: 0.8em;
-
background: grey;
+
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: grey;
+
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: grey;
+
background: #B5463F;
margin-top: 10px;
margin-top: 10px;
font-size: 0.8em;
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

  1. dnaAppContainer { 
   width: 800px;
   margin: 0 auto;

}

/* Menu */

  1. dnaMenu {

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

       width: 800px;

}

  1. dnaMenu .currentTab {

background: #6e212e; }

  1. dnaMenu button { 
       background: #B5463F;
       color: #CDDEC6;

}

/* 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; 

       background: #B5463F;
       color: #CDDEC6;

}

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: 250px; display: none; }

  1. frameOptions h2 {

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

  1. frameOptions label { 
       font-size: 0.6em;

}

/* 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: 0.8em; color: white; background: #B5463F; 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: 0.6em; 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 p { 
       font-size: 0.6em;

}

  1. dnaToProtein textarea {

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

  1. dnaToProtein h1 {

font-size: 0.8em; background: #B5463F; margin-top: 10px; padding: 4px; }

  1. dnaToProtein label { 
      font-size: 0.6em;

}

  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; 

       font-size: 0.6em;

}

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

background: #ccc; }

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

background: #fff; }

  1. aminoTable th {

background: #B5463F; 

       color: #CDDEC6;

}

/* Dna Codon Table */

  1. aminoToCodon input {

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

  1. aminoToCodon label { 
       font-size: 0.6em;

}

  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 td, th { 
   font-size: 0.6em;
   text-align: center;

}

  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: #B5463F; margin-top: 10px; font-size: 0.8em; padding: 4px; }

  1. backTranslate label { 
      font-size: 0.6em;

}

  1. backTranslateResults {

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

  1. dnaVis { 
       display: none;

}

Retrieved from "http://2011.igem.org/Team:Dundee/dnaapp.css"