diff --git a/src/assets/css/videoosd.scss b/src/assets/css/videoosd.scss index e3f2989f89b..7dc0f715657 100644 --- a/src/assets/css/videoosd.scss +++ b/src/assets/css/videoosd.scss @@ -376,13 +376,31 @@ } } +@media (hover:hover) and (pointer:fine) { + .skipIntro .paper-icon-button-light:hover:not(:disabled) { + color:black !important; + background-color:rgba(47,93,98,0) !important; + } +} .skipIntro { padding: 0 1px; - position: absolute; - right: 1em; + right: 10em; top: 80vh; - - background-color: rgba(25, 25, 25, 0.66); - border-radius: 1rem; + background-color:rgba(25, 25, 25, 0.66); + border: 1px solid; + border-radius: 0px; + display: inline-block; + cursor: pointer; + box-shadow: inset 0 0 0 0 #f9f9f9; + -webkit-transition: ease-out 0.4s; + -moz-transition: ease-out 0.4s; + transition: ease-out 0.4s; +} + +.skipIntro:hover { + box-shadow: inset 400px 0 0 0 #f9f9f9; + -webkit-transition: ease-in 1s; + -moz-transition: ease-in 1s; + transition: ease-in 1s; }