css: lowercase color codes

Closes #2799

browser/css/dark.css

@@ -1655,18 +1655,18 @@ h3 .uid {
 .flash_1,
 .log_1 {
   font-weight: bold;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .flash_2,
 .log_2 {
   font-weight: bold;
-  background-color: #F2DEAE;
+  background-color: #f2deae;
 }
 .flash_3,
 .log_3 {
   font-weight: bold;
   border-color: darkred;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .tip_1 {
   width: 400px;
@@ -1676,7 +1676,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #333333;
 }
 #tip_img {
@@ -1806,7 +1806,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1843,15 +1843,15 @@ table.log textarea {
   text-align: center;
 }
 .urgent_message {
-  border: 2px solid darkred;
+  border: 2px solid #8b0000;
   margin: 3px;
   font-weight: bold;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .info_message {
   border: 1px solid #333333;
   margin: 4px;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .notification {
   padding: 3px;

browser/css/light.css

@@ -1655,18 +1655,18 @@ h3 .uid {
 .flash_1,
 .log_1 {
   font-weight: bold;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .flash_2,
 .log_2 {
   font-weight: bold;
-  background-color: #F2DEAE;
+  background-color: #f2deae;
 }
 .flash_3,
 .log_3 {
   font-weight: bold;
   border-color: darkred;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .tip_1 {
   width: 400px;
@@ -1676,7 +1676,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #cccccc;
 }
 #tip_img {
@@ -1806,7 +1806,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1846,12 +1846,12 @@ table.log textarea {
   border: 2px solid #8b0000;
   margin: 3px;
   font-weight: bold;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .info_message {
   border: 1px solid #cccccc;
   margin: 4px;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .notification {
   padding: 3px;

browser/css/segmenter_page.css

@@ -1655,18 +1655,18 @@ h3 .uid {
 .flash_1,
 .log_1 {
   font-weight: bold;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .flash_2,
 .log_2 {
   font-weight: bold;
-  background-color: #F2DEAE;
+  background-color: #f2deae;
 }
 .flash_3,
 .log_3 {
   font-weight: bold;
   border-color: darkred;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .tip_1 {
   width: 400px;
@@ -1676,7 +1676,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #cccccc;
 }
 #tip_img {
@@ -1806,7 +1806,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1843,15 +1843,15 @@ table.log textarea {
   text-align: center;
 }
 .urgent_message {
-  border: 2px solid darkred;
+  border: 2px solid #8b0000;
   margin: 3px;
   font-weight: bold;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .info_message {
   border: 1px solid #cccccc;
   margin: 4px;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .notification {
   padding: 3px;

browser/css/svg.css

@@ -60,13 +60,13 @@ ul {
   height: 100%;
   margin: auto;
   overflow: hidden;
-  background: #FFFFFF;
+  background: #ffffff;
 }
 #top-container {
   flex: 0 1 auto;
   height: 32px;
   width: 100%;
-  background: #FFFFFF;
+  background: #ffffff;
 }
 #top-container.alert {
   background: yellow;
@@ -89,7 +89,7 @@ ul {
   position: relative;
   right: 200px;
   z-index: 10;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
 }
 .upload_field {
   width: 100%;
@@ -114,7 +114,7 @@ ul {
   bottom: 125px ;
   width: calc(100% - 6px + 6px);
   overflow: hidden;
-  background: #FFFFFF;
+  background: #ffffff;
   margin: 6px;
 }
 #right-container {
@@ -155,7 +155,7 @@ line {
   flex: 0 0 auto;
   font-size: 13px;
   padding: 3px;
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .info_line {
   border-bottom: solid;
@@ -183,10 +183,10 @@ line {
 }
 /*Style polyline / graph*/
 .background_graph {
-  fill: #FFFFFF;
+  fill: #ffffff;
 }
 .background_graph2 {
-  fill: #FFFFFF;
+  fill: #ffffff;
 }
 .graph_line {
   stroke-width: 2.5px;
@@ -244,7 +244,7 @@ line {
   fill: #777777;
 }
 #resolution1 {
-  fill: #FFFFFF;
+  fill: #ffffff;
   opacity: 1;
 }
 #resolution5 {
@@ -286,7 +286,7 @@ line {
   border-bottom: solid;
   border-left: solid;
   border-color: #333333;
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .graph_list {
   display: none;
@@ -299,7 +299,7 @@ line {
 }
 /*style scatterPlot element*/
 .background_sp {
-  fill: #FFFFFF;
+  fill: #ffffff;
 }
 .circle {
   cursor: pointer;
@@ -514,7 +514,7 @@ line {
   text-align: center;
   border: solid;
   border-width: 1px;
-  border-color: #FFFFFF;
+  border-color: #ffffff;
   border-radius: 5px;
   margin: 0px 1px;
 }
@@ -692,7 +692,7 @@ span .end-codon {
   width: 220px;
   border: solid;
   display: none;
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .dataMenu {
   padding: 5px;
@@ -702,7 +702,7 @@ span .end-codon {
   width: 220px;
   border: solid;
   display: none;
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .tagElem {
   margin: 1px;
@@ -765,7 +765,7 @@ span .end-codon {
   margin: -2px 0px 0px 5px;
 }
 .menu-selector {
-  background: #FFFFFF;
+  background: #ffffff;
   color: #657B83;
   height: 18px;
   width: 60px;
@@ -786,7 +786,7 @@ span .end-codon {
   left: 50%;
   font-size: 13px;
   padding: 10px;
-  background: #FFFFFF;
+  background: #ffffff;
   display: none;
 }
 #add_clone_menu {
@@ -817,7 +817,7 @@ span .end-codon {
   border: 1px solid darkred;
 }
 .buttonSelector {
-  background: #FFFFFF;
+  background: #ffffff;
   cursor: pointer;
   font-size: 13px;
   margin: 2px;
@@ -842,7 +842,7 @@ span .end-codon {
   max-width: 80%;
   font-size: 13px;
   padding: 10px;
-  background: #FFFFFF;
+  background: #ffffff;
   display: none;
   position: fixed;
   left: 50%;
@@ -874,7 +874,7 @@ a.tag-link {
   position: fixed;
   font-size: 13px;
   padding: 10px;
-  background: #FFFFFF;
+  background: #ffffff;
   display: none;
 }
 .modal.data-container,
@@ -905,7 +905,7 @@ a.tag-link {
 #bot-container,
 #segmenter_axis_menu,
 .seq-fixed {
-  background: #FFFFFF;
+  background: #ffffff;
 }
 .closeButton {
   position: absolute;
@@ -1244,7 +1244,7 @@ span.warningReads {
   min-width: 22px;
   min-height: 18px;
   border-color: #333333;
-  background: #FFFFFF;
+  background: #ffffff;
   display: inline-block;
   padding: 2px;
 }
@@ -1287,7 +1287,7 @@ span.warningReads {
   border-width: 2px;
   border-radius: 5px;
   margin: 5px auto;
-  border-color: #FFFFFF;
+  border-color: #ffffff;
 }
 .sp_menu_icon:hover {
   background: #333333;
@@ -1313,7 +1313,7 @@ span.warningReads {
   white-space: nowrap;
 }
 .axis_select select {
-  background: #FFFFFF;
+  background: #ffffff;
   color: #777777;
   height: 20px;
   width: 120px;
@@ -1371,7 +1371,7 @@ span.warningReads {
   width: 100%;
   height: calc(100% - 35px);
   font-size: 14px;
-  background: #FFFFFF;
+  background: #ffffff;
   display: none;
   left: 0%;
 }
@@ -1410,7 +1410,7 @@ span.warningReads {
   background-color: #777777;
 }
 .db_table_split td {
-  border-top: 2ex solid #FFFFFF;
+  border-top: 2ex solid #ffffff;
 }
 .db_table .column_200 {
   width: 200px;
@@ -1440,8 +1440,8 @@ span.warningReads {
   width: 50px;
   border: solid;
   border-width: 1px;
-  border-color: #FFFFFF;
-  background: #FFFFFF;
+  border-color: #ffffff;
+  background: #ffffff;
 }
 h3 .uid {
   font-size: 70%;
@@ -1625,7 +1625,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #FFFFFF;
+  background: #ffffff;
   border-color: #333333;
   -webkit-transition: background 1s linear;
   -moz-transition: background 1s linear;
@@ -1641,27 +1641,27 @@ h3 .uid {
   min-height: 20px;
   display: block;
   margin: 5px;
-  background: #FFFFFF;
+  background: #ffffff;
   border: solid;
   border-width: 2px;
   border-radius: 2px;
-  border-color: #FFFFFF;
+  border-color: #ffffff;
 }
 .flash_1,
 .log_1 {
   font-weight: bold;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .flash_2,
 .log_2 {
   font-weight: bold;
-  background-color: #F2DEAE;
+  background-color: #f2deae;
 }
 .flash_3,
 .log_3 {
   font-weight: bold;
   border-color: darkred;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .tip_1 {
   width: 400px;
@@ -1671,7 +1671,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #333333;
 }
 #tip_img {
@@ -1717,7 +1717,7 @@ select > option:hover {
   border: solid;
   border-width: 1px;
   min-height: 20px;
-  background: #FFFFFF;
+  background: #ffffff;
   border-color: #333333;
   max-height: 100px;
   display: none;
@@ -1743,9 +1743,9 @@ input:focus,
 textarea:focus,
 #add_clone_menu > #addclone_input:focus {
   border-color: #333333;
-  -webkit-box-shadow: inset 0 1px 1px #FFFFFF, 0 0 8px #333333;
-  -moz-box-shadow: inset 0 1px 1px #FFFFFF, 0 0 8px #333333;
-  box-shadow: inset 0 1px 1px #FFFFFF, 0 0 8px #333333;
+  -webkit-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #333333;
+  -moz-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #333333;
+  box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #333333;
   outline: 0;
   outline: thin dotted \9;
 }
@@ -1801,7 +1801,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1828,7 +1828,7 @@ table.log textarea {
   background: #777777;
 }
 .inactiveTag {
-  background-image: linear-gradient(45deg, transparent -25%, #FFFFFF 100%, #FFFFFF 100%, transparent 0%);
+  background-image: linear-gradient(45deg, transparent -25%, #ffffff 100%, #ffffff 100%, transparent 0%);
 }
 .message_container {
   display: none;
@@ -1841,12 +1841,12 @@ table.log textarea {
   border: 2px solid darkred;
   margin: 3px;
   font-weight: bold;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .info_message {
   border: 1px solid #333333;
   margin: 4px;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .notification {
   padding: 3px;
@@ -1907,7 +1907,7 @@ table.log textarea {
   min-height: 32px;
   max-height: 32px;
   width: 100%;
-  background-color: #FFFFFF;
+  background-color: #ffffff;
 }
 .patient_info_text {
   margin-bottom: 5px;
@@ -2235,7 +2235,7 @@ form .form_label {
   margin-top: -20%;
 }
 .meter span.value_container span.meter_value {
-  background-color: #FFFFFF;
+  background-color: #ffffff;
   opacity: 0.5;
   color: #777777;
   height: 50%;
@@ -2247,7 +2247,7 @@ form .form_label {
   display: block;
   height: 100%;
   background-color: #777777;
-  background-image: linear-gradient(center bottom, #777777 37%, #FFFFFF 69%);
+  background-image: linear-gradient(center bottom, #777777 37%, #ffffff 69%);
   box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4);
   position: relative;
   overflow: hidden;
@@ -2258,7 +2258,7 @@ form .form_label {
 .bar_chart .bar {
   display: inline-block;
   background-color: #777777;
-  background-image: linear-gradient(center bottom, #777777 37%, #FFFFFF 69%);
+  background-image: linear-gradient(center bottom, #777777 37%, #ffffff 69%);
   box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 -1px 1px rgba(0, 0, 0, 0.4);
   min-width: 0.2%;
 }

browser/css/talk.css

@@ -1652,18 +1652,18 @@ h3 .uid {
 .flash_1,
 .log_1 {
   font-weight: bold;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .flash_2,
 .log_2 {
   font-weight: bold;
-  background-color: #F2DEAE;
+  background-color: #f2deae;
 }
 .flash_3,
 .log_3 {
   font-weight: bold;
   border-color: darkred;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .tip_1 {
   width: 400px;
@@ -1673,7 +1673,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #cccccc;
 }
 #tip_img {
@@ -1803,7 +1803,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1843,12 +1843,12 @@ table.log textarea {
   border: 2px solid darkred;
   margin: 3px;
   font-weight: bold;
-  background-color: #F2DEDE;
+  background-color: #f2dede;
 }
 .info_message {
   border: 1px solid #cccccc;
   margin: 4px;
-  background-color: #DFF0D8;
+  background-color: #dff0d8;
 }
 .notification {
   padding: 3px;