diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index ea8d9cbd44..40e8334e24 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -1950,139 +1950,139 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"], /* custom css settings (ctrl + , in custom css editor)*/ #ace_settingsmenu { - position: absolute; - top: 10vh; - right: calc(50vw - 300px); - bottom: 10vh; - left: calc(50vw - 300px); - border-radius: 5px; - padding-right: 20px; - box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2); + position: absolute !important; + top: 10vh !important; + right: calc(50vw - 300px) !important; + bottom: 10vh !important; + left: calc(50vw - 300px) !important; + border-radius: 5px !important; + padding-right: 20px !important; + box-shadow: 0 0 0 1px rgba(32,34,37,.6), 0 2px 10px 0 rgba(0,0,0,.2) !important; } #ace_settingsmenu::-webkit-scrollbar { - height: 8px; - width: 8px; + height: 8px !important; + width: 8px !important; } #ace_settingsmenu::-webkit-scrollbar-thumb { - background-color: rgba(32,34,37,.6); - border: 2px solid transparent; - border-radius: 4px; + background-color: rgba(32,34,37,.6) !important; + border: 2px solid transparent !important; + border-radius: 4px !important; } #ace_settingsmenu::-webkit-scrollbar-track { - background-color: transparent; - border: 2px solid transparent; + background-color: transparent !important; + border: 2px solid transparent !important; } #ace_settingsmenu .ace_optionsMenuEntry { - height: 40px; - display: flex; - align-items: center; - justify-content: flex-start; - margin-bottom: 10px; + height: 40px !important; + display: flex !important; + align-items: center !important; + justify-content: flex-start !important; + margin-bottom: 10px !important; } #ace_settingsmenu .ace_optionsMenuEntry:hover { - background: none; + background: none !important; } #ace_settingsmenu > *:last-child { - color: #f6f6f7; - float: right; + color: #f6f6f7 !important; + float: right !important; } #ace_settingsmenu .ace_optionsMenuEntry label { - color: #f6f6f7; - font-size: 16px; - line-height: 24px; - cursor: pointer; - flex: 1 0 auto; - font-weight: 500; - margin-right: 10px; + color: #f6f6f7 !important; + font-size: 16px !important; + line-height: 24px !important; + cursor: pointer !important; + flex: 1 0 auto !important; + font-weight: 500 !important; + margin-right: 10px !important; } #ace_settingsmenu .ace_optionsMenuEntry input[type="text"], #ace_settingsmenu .ace_optionsMenuEntry select { - box-sizing: border-box; - flex: 0 1 auto; - width: 200px; - float: none !important; - background-color: rgba(0,0,0,.1); - border-color: rgba(0,0,0,.3); - color: #f6f6f7; - height: 40px; - padding: 10px; - border-radius: 3px; - border-style: solid; - border-width: 1px; - transition: background-color .15s ease,border .15s ease; - font-size: 16px; + box-sizing: border-box !important; + flex: 0 1 auto !important; + width: 200px !important; + float: none !important !important; + background-color: rgba(0,0,0,.1) !important; + border-color: rgba(0,0,0,.3) !important; + color: #f6f6f7 !important; + height: 40px !important; + padding: 10px !important; + border-radius: 3px !important; + border-style: solid !important; + border-width: 1px !important; + transition: background-color .15s ease,border .15s ease !important; + font-size: 16px !important; } #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover, #ace_settingsmenu .ace_optionsMenuEntry select:hover { - border-color: #040405; + border-color: #040405 !important; } #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus, #ace_settingsmenu .ace_optionsMenuEntry select:focus { - border-color: rgb(var(--vaccentcolor)); + border-color: rgb(var(--vaccentcolor)) !important; } #ace_settingsmenu .ace_optionsMenuEntry select option { - background-color: #303339; - color: #f6f6f7; + background-color: #303339 !important; + color: #f6f6f7 !important; } #ace_settingsmenu input[type="checkbox"] { - position: relative; - width: 44px; - height: 24px; + position: relative !important; + width: 44px !important; + height: 24px !important; float: none !important; } #ace_settingsmenu input[type="checkbox"]:before { - content: ""; - display: block; - position: relative; - width: 44px; - height: 24px; - background: #72767d; - border-radius: 14px; - transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out; + content: "" !important; + display: block !important; + position: relative !important; + width: 44px !important; + height: 24px !important; + background: #72767d !important; + border-radius: 14px !important; + transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out !important; } #ace_settingsmenu input[type="checkbox"]:checked:before { - background: rgb(var(--vaccentcolor)); + background: rgb(var(--vaccentcolor)) !important; } #ace_settingsmenu input[type="checkbox"]:after { - content: ""; - display: block; - width: 18px; - height: 18px; - position: absolute; - top: 3px; - left: 3px; - bottom: 3px; - background: #f6f6f7; - border-radius: 10px; - transition: all .15s ease; - box-shadow: 0 3px 1px 0 rgba(0,0,0,.05), 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 3px 0 rgba(0,0,0,.05); + content: "" !important; + display: block !important; + width: 18px !important; + height: 18px !important; + position: absolute !important; + top: 3px !important; + left: 3px !important; + bottom: 3px !important; + background: #f6f6f7 !important; + border-radius: 10px !important; + transition: all .15s ease !important; + box-shadow: 0 3px 1px 0 rgba(0,0,0,.05), 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 3px 0 rgba(0,0,0,.05) !important; } #ace_settingsmenu input[type="checkbox"]:checked:after { - transform: translateX(20px); + transform: translateX(20px) !important; } .ace_closeButton { - position: absolute; - height: 35px; - width: 35px; - top: calc(10vh - 13px); - right: calc(50vw - 313px); - z-index: 10000; - background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) * 3)) !important; - border-radius: 50%; - border: 2px solid #72767d; - padding: 0; - cursor: pointer; + position: absolute !important; + height: 35px !important; + width: 35px !important; + top: calc(10vh - 13px) !important; + right: calc(50vw - 313px) !important; + z-index: 10000 !important; + background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) * 3)) !important !important; + border-radius: 50% !important; + border: 2px solid #72767d !important; + padding: 0 !important; + cursor: pointer !important; } .ace_closeButton:before { - content: "✖"; - color: #dcddde; - margin-left: 11px; - line-height: 34px; - text-align: center; - vertical-align: middle; + content: "✖" !important; + color: #dcddde !important; + margin-left: 11px !important; + line-height: 34px !important; + text-align: center !important; + vertical-align: middle !important; } .ace_closeButton:hover { - background-color: rgba(var(--vaccentcolor), calc(var(--vtransparencyalpha) * 3)) !important; + background-color: rgba(var(--vaccentcolor), calc(var(--vtransparencyalpha) * 3)) !important !important; } #ace_settingsmenu { transform: none !important; @@ -2093,23 +2093,23 @@ img[src="/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg"], } #ace_settingsmenu:after, #ace_settingsmenu:before { - border-radius: 5px; - content: ""; - position: fixed; - top: 0; - bottom: 0; - right: 0; - left: 0; - z-index: -1; - pointer-events: none; + border-radius: 5px !important; + content: "" !important; + position: fixed !important; + top: 0 !important; + bottom: 0 !important; + right: 0 !important; + left: 0 !important; + z-index: -1 !important; + pointer-events: none !important; } #ace_settingsmenu:after { - background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)); + background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3)) !important; } #ace_settingsmenu:before { - background: var(--vbackground) center/cover; - filter: blur(var(--vpopoutblur)); - background-attachment: fixed; + background: var(--vbackground) center/cover !important; + filter: blur(var(--vpopoutblur)) !important; + background-attachment: fixed !important; } /* roles */