Commit 7eab549f authored by Mikaël Salson's avatar Mikaël Salson

Merge branch '2799-lowercase-color-codes' into 'dev'

Resolve "Less et couleurs en minuscules"

Closes #2799

See merge request !404
parents 97a1e6c3 830b3913
Pipeline #62267 passed with stages
in 4 minutes and 41 seconds
...@@ -1655,18 +1655,18 @@ h3 .uid { ...@@ -1655,18 +1655,18 @@ h3 .uid {
.flash_1, .flash_1,
.log_1 { .log_1 {
font-weight: bold; font-weight: bold;
background-color: #DFF0D8; background-color: #dff0d8;
} }
.flash_2, .flash_2,
.log_2 { .log_2 {
font-weight: bold; font-weight: bold;
background-color: #F2DEAE; background-color: #f2deae;
} }
.flash_3, .flash_3,
.log_3 { .log_3 {
font-weight: bold; font-weight: bold;
border-color: darkred; border-color: darkred;
background-color: #F2DEDE; background-color: #f2dede;
} }
.tip_1 { .tip_1 {
width: 400px; width: 400px;
...@@ -1676,7 +1676,7 @@ h3 .uid { ...@@ -1676,7 +1676,7 @@ h3 .uid {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
background: #DFF0D8; background: #dff0d8;
border-color: #333333; border-color: #333333;
} }
#tip_img { #tip_img {
...@@ -1806,7 +1806,7 @@ table.log textarea { ...@@ -1806,7 +1806,7 @@ table.log textarea {
flex-grow: 1; flex-grow: 1;
} }
.tagColor0 { .tagColor0 {
background: #DC322F; background: #dc322f;
} }
.tagColor1 { .tagColor1 {
background: #cb4b16; background: #cb4b16;
...@@ -1843,15 +1843,15 @@ table.log textarea { ...@@ -1843,15 +1843,15 @@ table.log textarea {
text-align: center; text-align: center;
} }
.urgent_message { .urgent_message {
border: 2px solid darkred; border: 2px solid #8b0000;
margin: 3px; margin: 3px;
font-weight: bold; font-weight: bold;
background-color: #F2DEDE; background-color: #f2dede;
} }
.info_message { .info_message {
border: 1px solid #333333; border: 1px solid #333333;
margin: 4px; margin: 4px;
background-color: #DFF0D8; background-color: #dff0d8;
} }
.notification { .notification {
padding: 3px; padding: 3px;
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
@message_green1 : #DFF0D8; @message_green1 : #DFF0D8;
@message_green2 : #F2DEAE; @message_green2 : #F2DEAE;
@message_red : #F2DEDE; @message_red : #F2DEDE;
@message_border_red : darkred; @message_border_red : #8b0000;
@background : #000000; @background : #000000;
@border: #333333; @border: #333333;
......
...@@ -816,7 +816,7 @@ span .end-codon { ...@@ -816,7 +816,7 @@ span .end-codon {
transition-delay: 0s, 0s; transition-delay: 0s, 0s;
} }
#add_clone_menu > #addclone_input.error { #add_clone_menu > #addclone_input.error {
border: 1px solid darkred; border: 1px solid #8b0000;
} }
.buttonSelector { .buttonSelector {
background: #ffffff; background: #ffffff;
...@@ -1655,18 +1655,18 @@ h3 .uid { ...@@ -1655,18 +1655,18 @@ h3 .uid {
.flash_1, .flash_1,
.log_1 { .log_1 {
font-weight: bold; font-weight: bold;
background-color: #DFF0D8; background-color: #dff0d8;
} }
.flash_2, .flash_2,
.log_2 { .log_2 {
font-weight: bold; font-weight: bold;
background-color: #F2DEAE; background-color: #f2deae;
} }
.flash_3, .flash_3,
.log_3 { .log_3 {
font-weight: bold; font-weight: bold;
border-color: darkred; border-color: darkred;
background-color: #F2DEDE; background-color: #f2dede;
} }
.tip_1 { .tip_1 {
width: 400px; width: 400px;
...@@ -1676,7 +1676,7 @@ h3 .uid { ...@@ -1676,7 +1676,7 @@ h3 .uid {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
background: #DFF0D8; background: #dff0d8;
border-color: #cccccc; border-color: #cccccc;
} }
#tip_img { #tip_img {
...@@ -1806,7 +1806,7 @@ table.log textarea { ...@@ -1806,7 +1806,7 @@ table.log textarea {
flex-grow: 1; flex-grow: 1;
} }
.tagColor0 { .tagColor0 {
background: #DC322F; background: #dc322f;
} }
.tagColor1 { .tagColor1 {
background: #cb4b16; background: #cb4b16;
...@@ -1843,15 +1843,15 @@ table.log textarea { ...@@ -1843,15 +1843,15 @@ table.log textarea {
text-align: center; text-align: center;
} }
.urgent_message { .urgent_message {
border: 2px solid darkred; border: 2px solid #8b0000;
margin: 3px; margin: 3px;
font-weight: bold; font-weight: bold;
background-color: #F2DEDE; background-color: #f2dede;
} }
.info_message { .info_message {
border: 1px solid #cccccc; border: 1px solid #cccccc;
margin: 4px; margin: 4px;
background-color: #DFF0D8; background-color: #dff0d8;
} }
.notification { .notification {
padding: 3px; padding: 3px;
......
...@@ -816,7 +816,7 @@ span .end-codon { ...@@ -816,7 +816,7 @@ span .end-codon {
transition-delay: 0s, 0s; transition-delay: 0s, 0s;
} }
#add_clone_menu > #addclone_input.error { #add_clone_menu > #addclone_input.error {
border: 1px solid darkred; border: 1px solid #8b0000;
} }
.buttonSelector { .buttonSelector {
background: #ffffff; background: #ffffff;
...@@ -1655,18 +1655,18 @@ h3 .uid { ...@@ -1655,18 +1655,18 @@ h3 .uid {
.flash_1, .flash_1,
.log_1 { .log_1 {
font-weight: bold; font-weight: bold;
background-color: #DFF0D8; background-color: #dff0d8;
} }
.flash_2, .flash_2,
.log_2 { .log_2 {
font-weight: bold; font-weight: bold;
background-color: #F2DEAE; background-color: #f2deae;
} }
.flash_3, .flash_3,
.log_3 { .log_3 {
font-weight: bold; font-weight: bold;
border-color: darkred; border-color: darkred;
background-color: #F2DEDE; background-color: #f2dede;
} }
.tip_1 { .tip_1 {
width: 400px; width: 400px;
...@@ -1676,7 +1676,7 @@ h3 .uid { ...@@ -1676,7 +1676,7 @@ h3 .uid {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
background: #DFF0D8; background: #dff0d8;
border-color: #cccccc; border-color: #cccccc;
} }
#tip_img { #tip_img {
...@@ -1806,7 +1806,7 @@ table.log textarea { ...@@ -1806,7 +1806,7 @@ table.log textarea {
flex-grow: 1; flex-grow: 1;
} }
.tagColor0 { .tagColor0 {
background: #DC322F; background: #dc322f;
} }
.tagColor1 { .tagColor1 {
background: #cb4b16; background: #cb4b16;
...@@ -1843,15 +1843,15 @@ table.log textarea { ...@@ -1843,15 +1843,15 @@ table.log textarea {
text-align: center; text-align: center;
} }
.urgent_message { .urgent_message {
border: 2px solid darkred; border: 2px solid #8b0000;
margin: 3px; margin: 3px;
font-weight: bold; font-weight: bold;
background-color: #F2DEDE; background-color: #f2dede;
} }
.info_message { .info_message {
border: 1px solid #cccccc; border: 1px solid #cccccc;
margin: 4px; margin: 4px;
background-color: #DFF0D8; background-color: #dff0d8;
} }
.notification { .notification {
padding: 3px; padding: 3px;
......
...@@ -60,13 +60,13 @@ ul { ...@@ -60,13 +60,13 @@ ul {
height: 100%; height: 100%;
margin: auto; margin: auto;
overflow: hidden; overflow: hidden;
background: #FFFFFF; background: #ffffff;
} }
#top-container { #top-container {
flex: 0 1 auto; flex: 0 1 auto;
height: 32px; height: 32px;
width: 100%; width: 100%;
background: #FFFFFF; background: #ffffff;
} }
#top-container.alert { #top-container.alert {
background: yellow; background: yellow;
...@@ -89,7 +89,7 @@ ul { ...@@ -89,7 +89,7 @@ ul {
position: relative; position: relative;
right: 200px; right: 200px;
z-index: 10; z-index: 10;
background-color: #FFFFFF; background-color: #ffffff;
} }
.upload_field { .upload_field {
width: 100%; width: 100%;
...@@ -114,7 +114,7 @@ ul { ...@@ -114,7 +114,7 @@ ul {
bottom: 125px ; bottom: 125px ;
width: calc(100% - 6px + 6px); width: calc(100% - 6px + 6px);
overflow: hidden; overflow: hidden;
background: #FFFFFF; background: #ffffff;
margin: 6px; margin: 6px;
} }
#right-container { #right-container {
...@@ -155,7 +155,7 @@ line { ...@@ -155,7 +155,7 @@ line {
flex: 0 0 auto; flex: 0 0 auto;
font-size: 13px; font-size: 13px;
padding: 3px; padding: 3px;
background: #FFFFFF; background: #ffffff;
} }
.info_line { .info_line {
border-bottom: solid; border-bottom: solid;
...@@ -183,10 +183,10 @@ line { ...@@ -183,10 +183,10 @@ line {
} }
/*Style polyline / graph*/ /*Style polyline / graph*/
.background_graph { .background_graph {
fill: #FFFFFF; fill: #ffffff;
} }
.background_graph2 { .background_graph2 {
fill: #FFFFFF; fill: #ffffff;
} }
.graph_line { .graph_line {
stroke-width: 2.5px; stroke-width: 2.5px;
...@@ -244,7 +244,7 @@ line { ...@@ -244,7 +244,7 @@ line {
fill: #777777; fill: #777777;
} }
#resolution1 { #resolution1 {
fill: #FFFFFF; fill: #ffffff;
opacity: 1; opacity: 1;
} }
#resolution5 { #resolution5 {
...@@ -286,7 +286,7 @@ line { ...@@ -286,7 +286,7 @@ line {
border-bottom: solid; border-bottom: solid;
border-left: solid; border-left: solid;
border-color: #333333; border-color: #333333;
background: #FFFFFF; background: #ffffff;
} }
.graph_list { .graph_list {
display: none; display: none;
...@@ -299,7 +299,7 @@ line { ...@@ -299,7 +299,7 @@ line {
} }
/*style scatterPlot element*/ /*style scatterPlot element*/
.background_sp { .background_sp {
fill: #FFFFFF; fill: #ffffff;
} }
.circle { .circle {
cursor: pointer; cursor: pointer;
...@@ -514,7 +514,7 @@ line { ...@@ -514,7 +514,7 @@ line {
text-align: center; text-align: center;
border: solid; border: solid;
border-width: 1px; border-width: 1px;
border-color: #FFFFFF; border-color: #ffffff;
border-radius: 5px; border-radius: 5px;
margin: 0px 1px; margin: 0px 1px;
} }
...@@ -692,7 +692,7 @@ span .end-codon { ...@@ -692,7 +692,7 @@ span .end-codon {
width: 220px; width: 220px;
border: solid; border: solid;
display: none; display: none;
background: #FFFFFF; background: #ffffff;
} }
.dataMenu { .dataMenu {
padding: 5px; padding: 5px;
...@@ -702,7 +702,7 @@ span .end-codon { ...@@ -702,7 +702,7 @@ span .end-codon {
width: 220px; width: 220px;
border: solid; border: solid;
display: none; display: none;
background: #FFFFFF; background: #ffffff;
} }
.tagElem { .tagElem {
margin: 1px; margin: 1px;
...@@ -765,7 +765,7 @@ span .end-codon { ...@@ -765,7 +765,7 @@ span .end-codon {
margin: -2px 0px 0px 5px; margin: -2px 0px 0px 5px;
} }
.menu-selector { .menu-selector {
background: #FFFFFF; background: #ffffff;
color: #657B83; color: #657B83;
height: 18px; height: 18px;
width: 60px; width: 60px;
...@@ -786,7 +786,7 @@ span .end-codon { ...@@ -786,7 +786,7 @@ span .end-codon {
left: 50%; left: 50%;
font-size: 13px; font-size: 13px;
padding: 10px; padding: 10px;
background: #FFFFFF; background: #ffffff;
display: none; display: none;
} }
#add_clone_menu { #add_clone_menu {
...@@ -817,7 +817,7 @@ span .end-codon { ...@@ -817,7 +817,7 @@ span .end-codon {
border: 1px solid darkred; border: 1px solid darkred;
} }
.buttonSelector { .buttonSelector {
background: #FFFFFF; background: #ffffff;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 13px;
margin: 2px; margin: 2px;
...@@ -842,7 +842,7 @@ span .end-codon { ...@@ -842,7 +842,7 @@ span .end-codon {
max-width: 80%; max-width: 80%;
font-size: 13px; font-size: 13px;
padding: 10px; padding: 10px;
background: #FFFFFF; background: #ffffff;
display: none; display: none;
position: fixed; position: fixed;
left: 50%; left: 50%;
...@@ -874,7 +874,7 @@ a.tag-link { ...@@ -874,7 +874,7 @@ a.tag-link {
position: fixed; position: fixed;
font-size: 13px; font-size: 13px;
padding: 10px; padding: 10px;
background: #FFFFFF; background: #ffffff;
display: none; display: none;
} }
.modal.data-container, .modal.data-container,
...@@ -905,7 +905,7 @@ a.tag-link { ...@@ -905,7 +905,7 @@ a.tag-link {
#bot-container, #bot-container,
#segmenter_axis_menu, #segmenter_axis_menu,
.seq-fixed { .seq-fixed {
background: #FFFFFF; background: #ffffff;
} }
.closeButton { .closeButton {
position: absolute; position: absolute;
...@@ -1244,7 +1244,7 @@ span.warningReads { ...@@ -1244,7 +1244,7 @@ span.warningReads {
min-width: 22px; min-width: 22px;
min-height: 18px; min-height: 18px;
border-color: #333333; border-color: #333333;
background: #FFFFFF; background: #ffffff;
display: inline-block; display: inline-block;
padding: 2px; padding: 2px;
} }
...@@ -1287,7 +1287,7 @@ span.warningReads { ...@@ -1287,7 +1287,7 @@ span.warningReads {
border-width: 2px; border-width: 2px;
border-radius: 5px; border-radius: 5px;
margin: 5px auto; margin: 5px auto;
border-color: #FFFFFF; border-color: #ffffff;
} }
.sp_menu_icon:hover { .sp_menu_icon:hover {
background: #333333; background: #333333;
...@@ -1313,7 +1313,7 @@ span.warningReads { ...@@ -1313,7 +1313,7 @@ span.warningReads {
white-space: nowrap; white-space: nowrap;
} }
.axis_select select { .axis_select select {
background: #FFFFFF; background: #ffffff;
color: #777777; color: #777777;
height: 20px; height: 20px;
width: 120px; width: 120px;
...@@ -1371,7 +1371,7 @@ span.warningReads { ...@@ -1371,7 +1371,7 @@ span.warningReads {
width: 100%; width: 100%;
height: calc(100% - 35px); height: calc(100% - 35px);
font-size: 14px; font-size: 14px;
background: #FFFFFF; background: #ffffff;
display: none; display: none;
left: 0%; left: 0%;
} }
...@@ -1410,7 +1410,7 @@ span.warningReads { ...@@ -1410,7 +1410,7 @@ span.warningReads {
background-color: #777777; background-color: #777777;
} }
.db_table_split td { .db_table_split td {
border-top: 2ex solid #FFFFFF; border-top: 2ex solid #ffffff;
} }
.db_table .column_200 { .db_table .column_200 {
width: 200px; width: 200px;
...@@ -1440,8 +1440,8 @@ span.warningReads { ...@@ -1440,8 +1440,8 @@ span.warningReads {
width: 50px; width: 50px;
border: solid; border: solid;
border-width: 1px; border-width: 1px;
border-color: #FFFFFF; border-color: #ffffff;
background: #FFFFFF; background: #ffffff;
} }
h3 .uid { h3 .uid {
font-size: 70%; font-size: 70%;
...@@ -1625,7 +1625,7 @@ h3 .uid { ...@@ -1625,7 +1625,7 @@ h3 .uid {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
background: #FFFFFF; background: #ffffff;
border-color: #333333; border-color: #333333;
-webkit-transition: background 1s linear; -webkit-transition: background 1s linear;
-moz-transition: background 1s linear; -moz-transition: background 1s linear;
...@@ -1641,27 +1641,27 @@ h3 .uid { ...@@ -1641,27 +1641,27 @@ h3 .uid {
min-height: 20px; min-height: 20px;
display: block; display: block;
margin: 5px; margin: 5px;
background: #FFFFFF; background: #ffffff;
border: solid; border: solid;
border-width: 2px; border-width: 2px;
border-radius: 2px; border-radius: 2px;
border-color: #FFFFFF; border-color: #ffffff;
} }
.flash_1, .flash_1,
.log_1 { .log_1 {
font-weight: bold; font-weight: bold;
background-color: #DFF0D8; background-color: #dff0d8;
} }
.flash_2, .flash_2,
.log_2 { .log_2 {
font-weight: bold; font-weight: bold;
background-color: #F2DEAE; background-color: #f2deae;
} }
.flash_3, .flash_3,
.log_3 { .log_3 {
font-weight: bold; font-weight: bold;
border-color: darkred; border-color: darkred;
background-color: #F2DEDE; background-color: #f2dede;
} }
.tip_1 { .tip_1 {
width: 400px; width: 400px;
...@@ -1671,7 +1671,7 @@ h3 .uid { ...@@ -1671,7 +1671,7 @@ h3 .uid {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
background: #DFF0D8; background: #dff0d8;
border-color: #333333; border-color: #333333;
} }
#tip_img { #tip_img {
...@@ -1717,7 +1717,7 @@ select > option:hover { ...@@ -1717,7 +1717,7 @@ select > option:hover {
border: solid; border: solid;
border-width: 1px; border-width: 1px;
min-height: 20px; min-height: 20px;
background: #FFFFFF; background: #ffffff;
border-color: #333333; border-color: #333333;
max-height: 100px; max-height: 100px;
display: none; display: none;
...@@ -1743,9 +1743,9 @@ input:focus, ...@@ -1743,9 +1743,9 @@ input:focus,
textarea:focus, textarea:focus,
#add_clone_menu > #addclone_input:focus { #add_clone_menu > #addclone_input:focus {
border-color: #333333; border-color: #333333;
-webkit-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; -moz-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #333333;
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: 0;
outline: thin dotted \9; outline: thin dotted \9;
} }
...@@ -1801,7 +1801,7 @@ table.log textarea { ...@@ -1801,7 +1801,7 @@ table.log textarea {
flex-grow: 1; flex-grow: 1;
} }
.tagColor0 { .tagColor0 {
background: #DC322F; background: #dc322f;
} }
.tagColor1 { .tagColor1 {
background: #cb4b16; background: #cb4b16;
...@@ -1828,7 +1828,7 @@ table.log textarea { ...@@ -1828,7 +1828,7 @@ table.log textarea {
background: #777777; background: #777777;
} }
.inactiveTag { .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 { .message_container {
display: none; display: none;
...@@ -1841,12 +1841,12 @@ table.log textarea { ...@@ -1841,12 +1841,12 @@ table.log textarea {
border: 2px solid darkred; border: 2px solid darkred;
margin: 3px;