diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index dab25b69f0..0e026c767e 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -6800,168 +6800,7 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus background-color: rgba(var(--vtransparencycolor), 0.4); } -body #ace_settingsmenu_container > div { /* customcsseditor settings */ - position: absolute; - background: transparent; - top: 10vh !important; - right: calc(50vw - 300px) !important; - bottom: 10vh !important; - left: calc(50vw - 300px) !important; - border-radius: 5px; - box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3); - box-sizing: border-box; - padding-top: 50px; - transform: none; -} -body #ace_settingsmenu_container > div:after, -body #ace_settingsmenu_container > div:before { - border-radius: 5px; - content: ""; - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - z-index: -1; - pointer-events: none; -} -body #ace_settingsmenu_container > div:after { - background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)); -} -body #ace_settingsmenu_container > div:before { - background: var(--vbackground) center/var(--vbackgroundsize); - filter: blur(var(--vpopoutblur)); - background-attachment: fixed; -} -body .ace_closeButton { - position: absolute; - top: -35px; - right: 12px; - border-radius: 5px; - cursor: pointer; - height: 23px; - width: 23px; -} -body .ace_closeButton:hover { - background-color: rgba(var(--vtransparencycolor), 0.3); -} -body .ace_closeButton:after { - content: "Custom CSS Settings"; - color: rgb(var(--fontwhite1)); - font-weight: 600; - font-size: 18px; - position: absolute; - top: 2px; - left: -550px; - pointer-events: none; -} -body .ace_closeButton:before { - color: rgb(var(--fontwhite1)); - line-height: 24px; - margin-left: 5px; - opacity: 0.7; -} -body .ace_closeButton:hover:before { - opacity: 1; -} -body #ace_settingsmenu { - background-color: transparent; - box-shadow: none; - color: rgb(var(--fontwhite1)); - height: calc(80vh - 50px); - overflow: scroll; - padding: 0 0.5em 0 1em; - position: static; - left: 0; -} -body #ace_settingsmenu .ace_optionsMenuEntry { - height: 40px; - display: flex; - align-items: center; - justify-content: flex-start; - margin-bottom: 10px; -} -body #ace_settingsmenu .ace_optionsMenuEntry:hover { - background: transparent; -} -body #ace_settingsmenu > *:last-child { - color: rgb(var(--fontwhite1)); - float: right; -} -body #ace_settingsmenu .ace_optionsMenuEntry label { - color: rgb(var(--fontwhite1)); - font-size: 16px; - line-height: 24px; - cursor: pointer; - flex: 1 0 auto; - font-weight: 500; - margin-right: 10px; -} -body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"], -body #ace_settingsmenu .ace_optionsMenuEntry select { - box-sizing: border-box; - flex: 0 1 auto; - width: 200px; - float: none; - background-color: rgba(var(--vtransparencycolor), 0.1); - border-color: rgba(var(--vtransparencycolor), 0.3); - color: rgb(var(--fontwhite1)); - height: 40px; - padding: 10px; - border-radius: 3px; - border-style: solid; - border-width: 1px; - transition: background-color .15s ease,border .15s ease; - font-size: 16px; -} -body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover, -body #ace_settingsmenu .ace_optionsMenuEntry select:hover { - border-color: #040405; -} -body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus, -body #ace_settingsmenu .ace_optionsMenuEntry select:focus { - border-color: rgb(var(--vaccentcolor)); -} -body #ace_settingsmenu .ace_optionsMenuEntry select option { - background-color: #303339; - color: rgb(var(--fontwhite1)); -} -body #ace_settingsmenu input[type="checkbox"] { - position: relative; - width: 44px; - height: 24px; - -webkit-appearance: none; -} -body #ace_settingsmenu input[type="checkbox"]:before { - content: ""; - display: block; - position: relative; - width: 44px; - height: 24px; - background: rgba(var(--vtransparencycolor), 0.3); - border-radius: 14px; - transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out; -} -body #ace_settingsmenu input[type="checkbox"]:checked:before { - background: rgb(var(--vaccentcolor)); -} -body #ace_settingsmenu input[type="checkbox"]:after { - content: ""; - display: block; - width: 18px; - height: 18px; - position: absolute; - top: 3px; - left: 3px; - bottom: 3px; - background-color: rgb(var(--fontwhite1)); - border-radius: 10px; - transition: all .15s ease; - box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.6); -} -body #ace_settingsmenu input[type="checkbox"]:checked:after { - transform: translateX(20px); -} + /* ~~~~ 17. PLUGINSUPPORT ~~~~ */