Merge branch 'dev' of gitlab.inria.fr:vidjil/vidjil into feature-s/3555-erreur-si-clones-null

.gitlab-ci.yml

@@ -222,7 +222,7 @@ test_browser-functional:
   script:
     - make -C browser
     - source /etc/profile.d/rvm.sh
-    - rvm use 2.1.1
+    - rvm use 2.6.1
     - HEADLESS=1 make -C browser/test functional
   artifacts:
     paths:
@@ -241,7 +241,7 @@ test_browser-functional-external:
   script:
     - make -C browser
     - source /etc/profile.d/rvm.sh
-    - rvm use 2.1.1
+    - rvm use 2.6.1
     - HEADLESS=1 make -C browser/test external
   artifacts:
     paths:
@@ -306,7 +306,7 @@ test_server_functional:
     - docker exec docker_uwsgi_1 sed -i "s/^\(FILE_SOURCE .*\)/FILE_SOURCE = '\/usr\/share\/vidjil\/demo'/" /usr/share/vidjil/server/web2py/applications/vidjil/modules/defs.py
     - docker exec docker_nginx_1 make -C /usr/share/vidjil browser
     - source /etc/profile.d/rvm.sh
-    - rvm use 2.1.1
+    - rvm use 2.6.1
     - HEADLESS=1 make functional_server || (cd docker && docker-compose stop; docker stop $(docker ps -aq); docker rm $(docker ps -aq); docker rmi "vidjil/server:test" "vidjil/client:test"; false)
     - cd docker && docker-compose stop
     - docker stop $(docker ps -aq)

algo/tests/Makefile

@@ -98,7 +98,7 @@ shouldvdj_with_rc:
 	$(SHOULD_VDJ_TO_TAP) -r $(SHOULD_VDJ)
 
 shouldvdj_with_rc_merged:
-	cat $(SHOULD_VDJ) > should-vdj-tests/should-vdj.merged.fa
+	awk 1  $(SHOULD_VDJ) > should-vdj-tests/should-vdj.merged.fa
 	$(SHOULD_VDJ_TO_TAP) -r should-vdj-tests/should-vdj.merged.fa
 
 # When the global test suite is passing, individual failed tests (tagged with BUG or BUG-LOCUS in the *.should-vdj.fa files)

algo/tests/repseq_vdj.py

@@ -249,7 +249,7 @@ def header_igblast_results(ff_fasta, ff_igblast):
 
 ### Vidjil
 
-VIDJIL_FINE = '{directory}/vidjil-algo -X 100 --header-sep "#" -c segment -3 -d -g {directory}/germline/homo-sapiens.g %s >> %s'
+VIDJIL_FINE = '{directory}/vidjil-algo --header-sep "#" -c segment -3 -d -g {directory}/germline/homo-sapiens.g %s >> %s'
 VIDJIL_KMER = '{directory}/vidjil-algo -w 20 --header-sep "#" -b out -c windows -uuuU -2 -g {directory}/germline/homo-sapiens.g %s > /dev/null ; cat out/out.segmented.vdj.fa out/out.unsegmented.vdj.fa >> %s'
 
 def should_results_from_vidjil_output(f_log):

browser/css/dark.css

@@ -803,12 +803,7 @@ span .end-codon {
   border: 1px solid silver;
   border-radius: 0.1em;
   padding: 1%;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   transition-property: border, box-shadow;
   transition-duration: 0.2s, 0.2s;
@@ -1095,16 +1090,6 @@ span.logo {
 }
 .gradient {
   background: #3d24b6;
-  background: -moz-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3d24b6), color-stop(10%, #2448b5), color-stop(20%, #2487b8), color-stop(30%, #24b7ab), color-stop(40%, #24b86e), color-stop(50%, #24b730), color-stop(60%, #55b824), color-stop(70%, #92b724), color-stop(80%, #b89f24), color-stop(90%, #b25f23), color-stop(100%, #b82424));
-  /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* Opera 11.10+ */
-  background: -ms-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* IE10+ */
   background: linear-gradient(to right, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* W3C */
   filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 )";
@@ -1361,6 +1346,9 @@ span.warningReads {
 #bot-separator:hover {
   background: #073642;
 }
+#norm_button {
+  width: 7ex;
+}
 .edit_button {
   float: right;
   margin-right: 2px;
@@ -1557,9 +1545,6 @@ h3 .uid {
 .loading_seq {
   height: 15px;
   width: 100px;
-  background-image: -webkit-linear-gradient(-45deg, #333333 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #333333 50%, #333333 75%, rgba(255, 154, 26, 0) 75%);
-  background-image: -moz-linear-gradient(-45deg, #333333 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #333333 50%, #333333 75%, rgba(255, 154, 26, 0) 75%);
-  background-image: -o-linear-gradient(-45deg, #333333 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #333333 50%, #333333 75%, rgba(255, 154, 26, 0) 75%);
   background-image: linear-gradient(-45deg, #333333 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #333333 50%, #333333 75%, rgba(255, 154, 26, 0) 75%);
   background-size: 50px 50px;
   -webkit-animation: move 2s linear infinite;
@@ -1629,10 +1614,6 @@ h3 .uid {
   margin: 5px;
   background: #000000;
   border-color: #333333;
-  -webkit-transition: background 1s linear;
-  -moz-transition: background 1s linear;
-  -ms-transition: background 1s linear;
-  -o-transition: background 1s linear;
   transition: background 1s linear;
 }
 .log_0,
@@ -1652,18 +1633,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 +1654,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #333333;
 }
 #tip_img {
@@ -1686,8 +1667,6 @@ h3 .uid {
   background: #ffffffdd;
   padding: 2px 4px;
   border: 1px solid black;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 80%;
   font-weight: bold;
@@ -1745,8 +1724,6 @@ input:focus,
 textarea:focus,
 #add_clone_menu > #addclone_input:focus {
   border-color: #333333;
-  -webkit-box-shadow: inset 0 1px 1px #000000, 0 0 8px #333333;
-  -moz-box-shadow: inset 0 1px 1px #000000, 0 0 8px #333333;
   box-shadow: inset 0 1px 1px #000000, 0 0 8px #333333;
   outline: 0;
   outline: thin dotted \9;
@@ -1803,7 +1780,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1840,21 +1817,19 @@ 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;
   display: inline-block;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
   border-radius: 2px;
   cursor: pointer;
 }
@@ -1915,8 +1890,6 @@ table.log textarea {
   margin-bottom: 5px;
 }
 textarea#edit_value {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: fixed;
   width: 470px;
@@ -2270,3 +2243,7 @@ form .form_label {
 [hidden] {
   display: none !important;
 }
+.disabledbutton {
+  pointer-events: none;
+  opacity: 0.4;
+}

browser/css/dark.less

@@ -14,7 +14,7 @@
 @message_green1 : #DFF0D8;
 @message_green2 : #F2DEAE;
 @message_red : #F2DEDE;
-@message_border_red : darkred;
+@message_border_red : #8b0000;
 
 @background : #000000; 
 @border: #333333;

browser/css/light.css

@@ -803,12 +803,7 @@ span .end-codon {
   border: 1px solid silver;
   border-radius: 0.1em;
   padding: 1%;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   transition-property: border, box-shadow;
   transition-duration: 0.2s, 0.2s;
@@ -816,7 +811,7 @@ span .end-codon {
   transition-delay: 0s, 0s;
 }
 #add_clone_menu > #addclone_input.error {
-  border: 1px solid darkred;
+  border: 1px solid #8b0000;
 }
 .buttonSelector {
   background: #ffffff;
@@ -1095,16 +1090,6 @@ span.logo {
 }
 .gradient {
   background: #3d24b6;
-  background: -moz-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3d24b6), color-stop(10%, #2448b5), color-stop(20%, #2487b8), color-stop(30%, #24b7ab), color-stop(40%, #24b86e), color-stop(50%, #24b730), color-stop(60%, #55b824), color-stop(70%, #92b724), color-stop(80%, #b89f24), color-stop(90%, #b25f23), color-stop(100%, #b82424));
-  /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* Opera 11.10+ */
-  background: -ms-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* IE10+ */
   background: linear-gradient(to right, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* W3C */
   filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 )";
@@ -1560,9 +1545,6 @@ h3 .uid {
 .loading_seq {
   height: 15px;
   width: 100px;
-  background-image: -webkit-linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
-  background-image: -moz-linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
-  background-image: -o-linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
   background-image: linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
   background-size: 50px 50px;
   -webkit-animation: move 2s linear infinite;
@@ -1632,10 +1614,6 @@ h3 .uid {
   margin: 5px;
   background: #ffffff;
   border-color: #cccccc;
-  -webkit-transition: background 1s linear;
-  -moz-transition: background 1s linear;
-  -ms-transition: background 1s linear;
-  -o-transition: background 1s linear;
   transition: background 1s linear;
 }
 .log_0,
@@ -1655,18 +1633,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 +1654,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #cccccc;
 }
 #tip_img {
@@ -1689,8 +1667,6 @@ h3 .uid {
   background: #ffffffdd;
   padding: 2px 4px;
   border: 1px solid black;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 80%;
   font-weight: bold;
@@ -1748,8 +1724,6 @@ input:focus,
 textarea:focus,
 #add_clone_menu > #addclone_input:focus {
   border-color: #cccccc;
-  -webkit-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
-  -moz-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
   box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
   outline: 0;
   outline: thin dotted \9;
@@ -1806,7 +1780,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1843,21 +1817,19 @@ 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;
   display: inline-block;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
   border-radius: 2px;
   cursor: pointer;
 }
@@ -1918,8 +1890,6 @@ table.log textarea {
   margin-bottom: 5px;
 }
 textarea#edit_value {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: fixed;
   width: 470px;

browser/css/segmenter_page.css

@@ -803,12 +803,7 @@ span .end-codon {
   border: 1px solid silver;
   border-radius: 0.1em;
   padding: 1%;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
   transition-property: border, box-shadow;
   transition-duration: 0.2s, 0.2s;
@@ -816,7 +811,7 @@ span .end-codon {
   transition-delay: 0s, 0s;
 }
 #add_clone_menu > #addclone_input.error {
-  border: 1px solid darkred;
+  border: 1px solid #8b0000;
 }
 .buttonSelector {
   background: #ffffff;
@@ -1095,16 +1090,6 @@ span.logo {
 }
 .gradient {
   background: #3d24b6;
-  background: -moz-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3d24b6), color-stop(10%, #2448b5), color-stop(20%, #2487b8), color-stop(30%, #24b7ab), color-stop(40%, #24b86e), color-stop(50%, #24b730), color-stop(60%, #55b824), color-stop(70%, #92b724), color-stop(80%, #b89f24), color-stop(90%, #b25f23), color-stop(100%, #b82424));
-  /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* Opera 11.10+ */
-  background: -ms-linear-gradient(left, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
-  /* IE10+ */
   background: linear-gradient(to right, #3d24b6 0%, #2448b5 10%, #2487b8 20%, #24b7ab 30%, #24b86e 40%, #24b730 50%, #55b824 60%, #92b724 70%, #b89f24 80%, #b25f23 90%, #b82424 100%);
   /* W3C */
   filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 )";
@@ -1361,6 +1346,9 @@ span.warningReads {
 #bot-separator:hover {
   background: #fdf6e3;
 }
+#norm_button {
+  width: 7ex;
+}
 .edit_button {
   float: right;
   margin-right: 2px;
@@ -1557,9 +1545,6 @@ h3 .uid {
 .loading_seq {
   height: 15px;
   width: 100px;
-  background-image: -webkit-linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
-  background-image: -moz-linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
-  background-image: -o-linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
   background-image: linear-gradient(-45deg, #cccccc 25%, rgba(255, 154, 26, 0) 25%, rgba(255, 154, 26, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(255, 154, 26, 0) 75%);
   background-size: 50px 50px;
   -webkit-animation: move 2s linear infinite;
@@ -1629,10 +1614,6 @@ h3 .uid {
   margin: 5px;
   background: #ffffff;
   border-color: #cccccc;
-  -webkit-transition: background 1s linear;
-  -moz-transition: background 1s linear;
-  -ms-transition: background 1s linear;
-  -o-transition: background 1s linear;
   transition: background 1s linear;
 }
 .log_0,
@@ -1652,18 +1633,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 +1654,7 @@ h3 .uid {
   border-radius: 5px;
   padding: 5px;
   margin: 5px;
-  background: #DFF0D8;
+  background: #dff0d8;
   border-color: #cccccc;
 }
 #tip_img {
@@ -1686,8 +1667,6 @@ h3 .uid {
   background: #ffffffdd;
   padding: 2px 4px;
   border: 1px solid black;
-  -moz-border-radius: 3px;
-  -webkit-border-radius: 3px;
   border-radius: 3px;
   font-size: 80%;
   font-weight: bold;
@@ -1745,8 +1724,6 @@ input:focus,
 textarea:focus,
 #add_clone_menu > #addclone_input:focus {
   border-color: #cccccc;
-  -webkit-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
-  -moz-box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
   box-shadow: inset 0 1px 1px #ffffff, 0 0 8px #cccccc;
   outline: 0;
   outline: thin dotted \9;
@@ -1803,7 +1780,7 @@ table.log textarea {
   flex-grow: 1;
 }
 .tagColor0 {
-  background: #DC322F;
+  background: #dc322f;
 }
 .tagColor1 {
   background: #cb4b16;
@@ -1840,21 +1817,19 @@ 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;
   display: inline-block;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
   border-radius: 2px;
   cursor: pointer;
 }
@@ -1915,8 +1890,6 @@ table.log textarea {
   margin-bottom: 5px;
 }
 textarea#edit_value {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
   box-sizing: border-box;
   position: fixed;
   width: 470px;
@@ -2270,6 +2243,10 @@ form .form_label {
 [hidden] {
   display: none !important;
 }
+.disabledbutton {
+  pointer-events: none;
+  opacity: 0.4;
+}
 body {
   line-height: 20px;
 }

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 {