Moved here styles for Control button block in the Stream image (skin.css)

This commit is contained in:
IgorA100
2024-08-23 17:12:56 +03:00
committed by GitHub
parent 1deccb8cf4
commit c3ecec057a

View File

@@ -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;