From a734c4b12f4b36b21aa2f63aea898c8852fa032f Mon Sep 17 00:00:00 2001 From: d4708 <96319366+d4708@users.noreply.github.com> Date: Mon, 23 May 2022 18:09:44 +0300 Subject: [PATCH] add fixbutton combinations, cleanup filesize #53 --- src/Ui/media/all.css | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) diff --git a/src/Ui/media/all.css b/src/Ui/media/all.css index 0dd0eaea..2d10bf85 100644 --- a/src/Ui/media/all.css +++ b/src/Ui/media/all.css @@ -31,7 +31,7 @@ a { color: black } .button.button-2 { background-color: transparent; border: 1px solid #EEE; color: #555 } .button.button-2:hover { border: 1px solid #CCC; color: #000 } -/* Fixbutton */ +/* Fixbutton #50, #53 */ .fixbutton { position: absolute; right: 35px; top: 15px; width: 40px; z-index: 999; @@ -40,24 +40,22 @@ a { color: black } .fixbutton-bg { -webkit-border-radius: 80px; -moz-border-radius: 80px; -o-border-radius: 80px; -ms-border-radius: 80px; border-radius: 80px ; background-color: rgba(180, 180, 180, 0.5); display: block; width: 80px; height: 80px; -webkit-transition: background-color 0.2s, box-shadow 0.5s; -moz-transition: background-color 0.2s, box-shadow 0.5s; -o-transition: background-color 0.2s, box-shadow 0.5s; -ms-transition: background-color 0.2s, box-shadow 0.5s; transition: background-color 0.2s, box-shadow 0.5s ; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6) ; margin-left: -20px; margin-top: -20px; /* 2x size to prevent blur on anim */ - /*box-shadow: inset 105px 260px 0 -200px rgba(0,0,0,0.1);*/ /* -webkit-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); -moz-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); -o-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); -ms-box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1); box-shadow: inset -75px 183px 0 -200px rgba(0,0,0,0.1) ; */ - /* #50, #53 */ - cursor: url('img/fixbutton.png') 4 12, auto; background-color: #FFF; background-image: url('img/logo.png'); background-size: 60px; background-position-x: 10px; background-position-y: 10px; background-repeat: no-repeat; -} -/* #50, #53 @TODO remove -.fixbutton-text { pointer-events: none; position: absolute; z-index: 999; width: 40px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden ; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px ; line-height: 0; padding-top: 5px; opacity: 0.9 } -.fixbutton-burger { pointer-events: none; position: absolute; z-index: 999; width: 40px; opacity: 0; left: -20px; font-size: 40px; line-height: 0; font-family: Verdana, sans-serif; margin-top: 17px } -.fixbutton-bg:hover { background-color: #AF3BFF } -.fixbutton-bg:active { background-color: #9E2FEA; top: 1px; -webkit-transition: none ; -moz-transition: none ; -o-transition: none ; -ms-transition: none ; transition: none } -*/ + cursor: url('img/fixbutton-left-down.png') 4 12, auto; +} +.body-sidebar .fixbutton-bg { + cursor: url('img/fixbutton-right-down.png') 4 12, auto; +} +.body-console .fixbutton-bg { + cursor: url('img/fixbutton-left-up.png') 4 12, auto; +} /* Notification */