[Web] Bye Glyphicons, hello BS5 icons\!; [Web] Change font to Noto for better compatibility;

data/web/css/site/user.css

@@ -1,7 +1,3 @@
-table.footable>tbody>tr.footable-empty>td {
-  font-size:15px !important;
-  font-style:italic;
-}
 .pagination a {
   text-decoration: none !important;
 }
@@ -47,17 +43,6 @@ table tbody tr {
 table tbody tr td input[type="checkbox"] {
   cursor: pointer;
 }
-.rotate {
-  -moz-transition: all 0.3s linear;
-  -webkit-transition: all 0.3s linear;
-  transition: all 0.3s linear;
-}
-.rotate.animation {
-  -ms-transform:rotateX(180deg);
-  -moz-transform:rotateX(180deg);
-  -webkit-transform:rotateX(180deg);
-  transform:rotateX(180deg);
-}
 .label-keys {
   font-size:100%;
   margin: 0px !important;
@@ -71,17 +56,21 @@ svg {
   display: inline-block;
   vertical-align: middle;
 }
-.c-1-color,
-.label-ham {
+.c-1-color, .label-ham {
   background: #28b62c;
+  background: -webkit-linear-gradient(to right, #28b62c, #fff233);
+  background: linear-gradient(to right, #28b62c, #fff233);
+  color: #000;
 }
-.c-2-color,
-.label-spam {
-  background: #fff233; color: #333;
+.c-2-color, .label-spam {
+  background: #fff233;
+  background: -webkit-linear-gradient(to right, #fff233, #ff4136);
+  background: linear-gradient(to right, #fff233, #ff4136);
+  color: #000;
 }
-.c-3-color,
-.label-reject {
+.c-3-color, .label-reject{
   background: #ff4136;
+  color: #fff;
 }
 #spam_score {
   margin-bottom: 10px;
@@ -104,7 +93,8 @@ svg {
 border-bottom-width: 3px;
 }
 .noUi-handle::after, .noUi-handle::before {
-  background: #555;
+  background: #c6c6c6;
+  width: 2px;
 }
 .noUi-target {
   background: transparent;