From c3ecec057acb78d6d185af2eec007879291aa85d Mon Sep 17 00:00:00 2001
From: IgorA100 <igora100@gmail.com>
Date: Fri, 23 Aug 2024 17:12:56 +0300
Subject: [PATCH] Moved here styles for Control button block in the Stream
 image (skin.css)

---
 web/skins/classic/css/base/skin.css | 64 +++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/web/skins/classic/css/base/skin.css b/web/skins/classic/css/base/skin.css
index dff9f6f51..6c412e20d 100644
--- a/web/skins/classic/css/base/skin.css
+++ b/web/skins/classic/css/base/skin.css
@@ -1118,6 +1118,70 @@ html::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, nav::-webkit-scroll
   }
 }
 
+/* +++ Control button block in the Stream image*/
+.block-button-center {
+  position: absolute;
+  left: 35%;
+  right: 35%;
+  top: 2px;
+  z-index: 10;
+}
+
+button.btn.btn-zoom-out {
+  padding: 0;
+  background-color: rgba(150,150,150,0.5);
+  position: absolute;
+  left: 3px;
+  top: 3px;
+  z-index: 10;
+  text-shadow:
+    -1px -1px 0 #575757,
+    1px -1px 0 #575757,
+    -1px 1px 0 #575757,
+    1px 1px 0 #575757;
+}
+
+button.btn.btn-zoom-in {
+  padding: 0;
+  background-color: rgba(150,150,150,0.5);
+  position: absolute;
+  right: 3px;
+  top: 3px;
+  z-index: 10;
+  text-shadow:
+    -1px -1px 0 #575757,
+    1px -1px 0 #575757,
+    -1px 1px 0 #575757,
+    1px 1px 0 #575757;
+}
+
+button.btn.btn-edit-monitor {
+  padding: 0;
+  background-color: rgba(150,150,150,0.5);
+  z-index: 10;
+  text-shadow:
+    -1px -1px 0 #575757,
+    1px -1px 0 #575757,
+    -1px 1px 0 #575757,
+    1px 1px 0 #575757;
+}
+
+button.btn.btn-zoom-out:focus,
+button.btn.btn-zoom-in:focus,
+button.btn.btn-view-watch:focus,
+button.btn.btn-edit-monitor:focus {
+  outline: 0;
+  box-shadow: none;
+}
+
+button.btn.btn-zoom-out:hover,
+button.btn.btn-zoom-in:hover,
+button.btn.btn-edit-monitor:hover,
+button.btn.btn-view-watch:hover {
+  background-color: darkgrey;
+}
+/* --- Control button block in the Stream image*/
+
 /* +++ This block should always be located at the end! */
 .hidden {
     display: none;