lightcordwarez
/
BetterDiscordAddons
mirror of https://github.com/mwittrien/BetterDiscordAddons.git
1
0
Fork 0
Code Issues 24 Releases Wiki Activity

Update BasicBackground.css

This commit is contained in:
Mirco Wittrien 2019-02-19 20:09:47 +01:00
parent 3ab8924c5a
commit 4d05abdc5e
1 changed files with 104 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

208
Themes/BasicBackground/BasicBackground.css
View File

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