From 40bd57c9a0fb58f884395cc1dcb4dcfcc3f4d29f Mon Sep 17 00:00:00 2001
From: Sergey Stepanov <sergystepanov@gmail.com>
Date: Thu, 27 Apr 2023 12:28:28 +0300
Subject: [PATCH] Remove not needed browser prefixes

---
 web/css/main.css | 39 ---------------------------------------
 web/index.html   |  2 +-
 2 files changed, 1 insertion(+), 40 deletions(-)

diff --git a/web/css/main.css b/web/css/main.css
index b038620b..b2b630d8 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -132,8 +132,6 @@ body {
     border-bottom: 0px;
     border-radius: 3px;
     transform: translateX(-50%);
-    -webkit-transform: translateX(-50%);
-    -moz-transform: translateX(-50%);
 }
 
 #btn-down {
@@ -142,8 +140,6 @@ body {
     border-top: 0px;
     border-radius: 3px;
     transform: translateX(-50%);
-    -webkit-transform: translateX(-50%);
-    -moz-transform: translateX(-50%);
 }
 
 
@@ -153,8 +149,6 @@ body {
     border-right: 0px;
     border-radius: 3px;
     transform: translateY(-50%);
-    -webkit-transform: translateY(-50%);
-    -moz-transform: translateY(-50%);
 }
 
 #btn-right {
@@ -163,8 +157,6 @@ body {
     border-left: 0px;
     border-radius: 3px;
     transform: translateY(-50%);
-    -webkit-transform: translateY(-50%);
-    -moz-transform: translateY(-50%);
 }
 
 
@@ -181,12 +173,8 @@ body {
     overflow: hidden;
     background-color: #333;
 
-    -moz-border-radius: 5px 5px 5px 5px;
-    -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
 
-    -webkit-box-shadow: 0px 0px 2px 2px rgba(219, 222, 222, 1);
-    -moz-box-shadow: 0px 0px 2px 2px rgba(219, 222, 222, 1);
     box-shadow: 0px 0px 2px 2px rgba(25, 25, 25, 1);
 }
 
@@ -283,8 +271,6 @@ body {
     top: 4px;
     left: 262px;
     color: #888888;
-    -moz-border-radius: 6px;
-    -webkit-border-radius: 6px;
     border-radius: 6px;
     outline: none;
     border-top-style: hidden;
@@ -341,8 +327,6 @@ body {
     right: 0;
 
     transform: translateY(-50%);
-    -webkit-transform: translateY(-50%);
-    -moz-transform: translateY(-50%);
 
     background-image: url('/static/img/ui/bt A.png');
 }
@@ -353,8 +337,6 @@ body {
     left: 50%;
 
     transform: translateX(-50%);
-    -webkit-transform: translateX(-50%);
-    -moz-transform: translateX(-50%);
 
     background-image: url('/static/img/ui/bt B.png');
 }
@@ -363,8 +345,6 @@ body {
     top: 0;
     left: 50%;
     transform: translateX(-50%);
-    -webkit-transform: translateX(-50%);
-    -moz-transform: translateX(-50%);
 
     background-image: url('/static/img/ui/bt X.png');
 }
@@ -374,8 +354,6 @@ body {
     top: 50%;
     left: 0;
     transform: translateY(-50%);
-    -webkit-transform: translateY(-50%);
-    -moz-transform: translateY(-50%);
 
     background-image: url('/static/img/ui/bt Y.png');
 }
@@ -441,8 +419,6 @@ body {
     left: 23px;
     color: #bababa;
     padding-left: 0px;
-    -moz-border-radius: 6px;
-    -webkit-border-radius: 6px;
     border-radius: 6px;
 
     outline: none;
@@ -552,8 +528,6 @@ body {
 
 .menu-item div .pick {
     overflow: unset;
-    -moz-animation: horizontally 4s linear infinite alternate;
-    -webkit-animation: horizontally 4s linear infinite alternate;
     animation: horizontally 4s linear infinite alternate;
 }
 
@@ -653,7 +627,6 @@ body {
     height: 25px; /* Specified height */
     outline: none; /* Remove outline */
     /*opacity: 0.7; [> Set transparency (for mouse-over effects on hover) <]*/
-    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
     transition: opacity .2s;
 
     background-color: transparent;
@@ -742,14 +715,6 @@ body {
     image-rendering: optimizeSpeed;
 }
 
-.no-select {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-}
-
 .dpad-toggle-label {
     position: absolute;
     display: inline-block;
@@ -774,7 +739,6 @@ body {
     right: 0;
     bottom: 0;
     background-color: #515151;
-    -webkit-transition: .4s;
     transition: .4s;
     border-radius: 20px;
 }
@@ -787,7 +751,6 @@ body {
     left: 3px;
     bottom: 3px;
     background-color: #5f5f5f;
-    -webkit-transition: .4s;
     transition: .4s;
     border-radius: 50%;
 }
@@ -797,8 +760,6 @@ input:checked + .dpad-toggle-slider {
 }
 
 input:checked + .dpad-toggle-slider:before {
-    -webkit-transform: translateX(15px);
-    -ms-transform: translateX(15px);
     transform: translateX(15px);
 }
 
diff --git a/web/index.html b/web/index.html
index 13f4060d..d76bc862 100644
--- a/web/index.html
+++ b/web/index.html
@@ -32,7 +32,7 @@
     </div>
 
     <div id="bottom-screen">
-        <div id="stats-overlay" class="no-select"></div>
+        <div id="stats-overlay"></div>
         <!--NOTE: New browser doesn't allow unmuted video player. So we muted here.
             There is still audio because current audio flow is not from media but it is manually encoded (technical webRTC challenge). Later, when we can integrate audio to media, we can face the issue with mute again .
             https://developers.google.com/web/updates/2017/09/autoplay-policy-changes