Ran autoprefixer

Move selector where appropriate

Signed-off-by: XhmikosR <[email protected]>

style/pi-hole.css

@@ -37,20 +37,6 @@
   background: url("../img/boxed-bg.png") repeat fixed;
 }
 
-@-webkit-keyframes Pulse {
-  from {
-    opacity: 0;
-  }
-
-  50% {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
 @keyframes Pulse {
   from {
     opacity: 0;
@@ -97,7 +83,6 @@ td.lookatme {
   inset: 0;
   z-index: 1;
   /* 20 steps / 2 seconds = 10fps */
-  -webkit-animation: 2s infinite Pulse steps(20);
   animation: 2s infinite Pulse steps(20);
 }
 
@@ -188,7 +173,6 @@ td.lookatme {
   border-radius: 50%;
   border: 4px solid #c0c0c0;
   border-right-color: transparent;
-  -webkit-animation: fa-spin 1s infinite linear;
   animation: fa-spin 1s infinite linear;
 }
 
@@ -331,7 +315,6 @@ td.lookatme {
 .no-user-select {
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 
@@ -1141,6 +1124,10 @@ table.dataTable tbody > tr > .selected {
   letter-spacing: 0.5em;
 }
 
+.totp_token::-moz-placeholder {
+  opacity: 0.1;
+}
+
 .totp_token::placeholder {
   opacity: 0.1;
 }
@@ -1151,6 +1138,7 @@ table.dataTable tbody > tr > .selected {
   right: 0.6em;
   z-index: 10;
   background: var(--overlay-bgcolor);
+  width: -moz-fit-content;
   width: fit-content;
   border-radius: 0.5em;
   padding: 0;

style/themes/default-dark.css

@@ -518,6 +518,7 @@ textarea:-webkit-autofill,
 select:-webkit-autofill {
   -webkit-text-fill-color: #bec5cb !important;
   -webkit-box-shadow: 0 0 0px 1000px #353c42 inset;
+  -webkit-transition: background-color 1s ease-in-out 0s;
   transition: background-color 1s ease-in-out 0s;
 }
 .form-control[disabled],

style/themes/default-darker.css

@@ -54,6 +54,10 @@ table {
   border-color: #545b5e;
   background-color: transparent;
 }
+::-moz-placeholder {
+  color: #b2aba1;
+  opacity: 0.5 !important;
+}
 ::placeholder {
   color: #b2aba1;
   opacity: 0.5 !important;
@@ -66,6 +70,7 @@ textarea:-webkit-autofill,
 select:-webkit-autofill {
   -webkit-text-fill-color: #b2aba1 !important;
   -webkit-box-shadow: 0 0 0px 1000px #181a1b inset;
+  -webkit-transition: background-color 1s ease-in-out 0s;
   transition: background-color 1s ease-in-out 0s;
 }
 ::-webkit-scrollbar {
@@ -87,11 +92,11 @@ select:-webkit-autofill {
 * {
   scrollbar-color: #454a4d #202324;
 }
-::selection {
+::-moz-selection {
   background-color: #004daa !important;
   color: #e8e6e3 !important;
 }
-::-moz-selection {
+::selection {
   background-color: #004daa !important;
   color: #e8e6e3 !important;
 }
@@ -552,6 +557,9 @@ output {
   border-color: rgb(44, 103, 137);
   box-shadow: none;
 }
+.form-control::-moz-placeholder {
+  color: rgb(168, 160, 149);
+}
 .form-control::placeholder {
   color: rgb(168, 160, 149);
 }
@@ -2477,6 +2485,9 @@ a:focus {
   background-color: rgba(24, 26, 27, 0.9);
   background-image: none;
 }
+.main-header #navbar-search-input.form-control::-moz-placeholder {
+  color: rgb(200, 195, 188);
+}
 .main-header #navbar-search-input.form-control::placeholder {
   color: rgb(200, 195, 188);
 }

style/themes/default-light.css

@@ -294,6 +294,7 @@ textarea:-webkit-autofill,
 select:-webkit-autofill {
   -webkit-text-fill-color: #666 !important;
   -webkit-box-shadow: 0 0 0px 1000px #fff inset;
+  -webkit-transition: background-color 1s ease-in-out 0s;
   transition: background-color 1s ease-in-out 0s;
 }
 

style/themes/high-contrast-dark.css

@@ -675,6 +675,7 @@ textarea:-webkit-autofill,
 select:-webkit-autofill {
   -webkit-text-fill-color: var(--main-text-color) !important;
   -webkit-box-shadow: 0 0 0px 1000px #3c4652 inset;
+  -webkit-transition: background-color 1s ease-in-out 0s;
   transition: background-color 1s ease-in-out 0s;
 }
 
@@ -684,6 +685,7 @@ fieldset[disabled] .form-control {
   background-color: #3c4652;
   opacity: 1;
   -moz-appearance: textfield;
+  -webkit-appearance: textfield;
   appearance: textfield;
 }
 
@@ -854,10 +856,11 @@ input[type="password"]::-webkit-caps-lock-indicator {
   background-color: transparent;
 }
 
-.form-control::placeholder {
+.form-control::-moz-placeholder {
   color: #9ab;
 }
-.form-control::-webkit-input-placeholder {
+
+.form-control::placeholder {
   color: #9ab;
 }
 .form-control:focus::placeholder,

style/themes/high-contrast.css

@@ -202,6 +202,9 @@ a:hover {
 .form-control {
   color: #000;
 }
+.form-control::-moz-placeholder {
+  color: #6c747b;
+}
 .form-control::placeholder {
   color: #6c747b;
 }
@@ -331,6 +334,7 @@ textarea:-webkit-autofill,
 select:-webkit-autofill {
   -webkit-text-fill-color: #666 !important;
   -webkit-box-shadow: 0 0 0px 1000px #fff inset;
+  -webkit-transition: background-color 1s ease-in-out 0s;
   transition: background-color 1s ease-in-out 0s;
 }
 

style/themes/lcars.css

@@ -306,6 +306,7 @@ textarea:-webkit-autofill,
 select:-webkit-autofill {
   -webkit-text-fill-color: #fff !important;
   -webkit-box-shadow: 0 0 0 1000px #000 inset;
+  -webkit-transition: background-color 1s ease-in-out 0s;
   transition: background-color 1s ease-in-out 0s;
 }
 
@@ -346,13 +347,16 @@ p.login-box-msg,
   z-index: 1;
 }
 
+.form-control::-moz-placeholder {
+  color: #456;
+}
+
 .form-control::placeholder {
   color: #456;
 }
 
 .form-control:focus {
   border-color: #48f;
-  -webkit-box-shadow: none;
   box-shadow: none;
 }
 
@@ -589,8 +593,6 @@ p.login-box-msg,
 }
 
 .nav.navbar-nav {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1569,38 +1571,6 @@ table.dataTable {
 }
 
 /*** Animation keyframes ***/
-@-webkit-keyframes flash {
-  0% {
-    filter: opacity(0.35) contrast(2);
-  }
-  5% {
-    filter: opacity(0.7) contrast(2);
-  }
-  10% {
-    filter: opacity(0.35) contrast(2);
-  }
-  15% {
-    filter: opacity(0.7) contrast(2);
-  }
-  20% {
-    filter: opacity(0.35) contrast(2);
-  }
-  25% {
-    filter: opacity(0.7) contrast(2);
-  }
-  30% {
-    filter: opacity(0.35) contrast(2);
-  }
-  35% {
-    filter: opacity(0.7) contrast(1);
-  }
-  70% {
-    filter: opacity(1) contrast(1) brightness(1.2);
-  }
-  90% {
-    filter: none;
-  }
-}
 
 @keyframes flash {
   0% {
@@ -1635,37 +1605,15 @@ table.dataTable {
   }
 }
 
-@-webkit-keyframes fire {
-  0% {
-    filter: drop-shadow(0 0 2px #f90);
-  }
-  60% {
-    filter: none;
-  }
-}
-
 @keyframes fire {
   0% {
     filter: drop-shadow(0 0 2px #f90);
   }
   60% {
-    -webkit-filter: none;
     filter: none;
   }
 }
 
-@-webkit-keyframes warningPulse {
-  0% {
-    opacity: 0;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-
 @keyframes warningPulse {
   0% {
     opacity: 0;