228 lines
9.0 KiB
CSS
228 lines
9.0 KiB
CSS
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/ThemeDevBadge.css);
|
|
|
|
:root {
|
|
--settingswidth: 960;
|
|
--settingsheight: 80;
|
|
--settingsbackground: transparent;
|
|
|
|
|
|
--settingswidth_v: min(calc(1px * var(--settingswidth_s, var(--settingswidth))), 99vw);
|
|
--settingsheight_v: min(calc(1vh * var(--settingsheight_s, var(--settingsheight))), 99vh);
|
|
--settingsbackground_v: var(--settingsbackground_s, var(--settingsbackground));
|
|
}
|
|
|
|
#app-mount .baseLayer__960e4 {
|
|
opacity: 1 !important;
|
|
transform: unset !important;
|
|
will-change: unset !important;
|
|
}
|
|
#app-mount .stop-animations * {
|
|
transition-property: inherit !important;
|
|
animation: inherit !important;
|
|
}
|
|
#app-mount .layer__960e4.stop-animations:first-child::after {
|
|
content: "" !important;
|
|
position: fixed !important;
|
|
background: rgb(0, 0, 0) !important;
|
|
top: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
left: 0 !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
opacity: 0.85 !important;
|
|
z-index: 999 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
#app-mount .layer__960e4 ~ .layer__960e4 {
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
left: 0 !important;
|
|
background: var(--settingsbackground_v) !important;
|
|
border-radius: 5px !important;
|
|
box-shadow: var(--elevation-high) !important;
|
|
width: var(--settingswidth_v) !important;
|
|
height: var(--settingsheight_v) !important;
|
|
margin: auto !important;
|
|
padding: 0 !important;
|
|
overflow: hidden !important;
|
|
contain: unset !important;
|
|
z-index: 1000 !important;
|
|
--settingsiconsadditionalsize: var(--use-settingsicons, 0) * (var(--settingsicons-size, 0px) + var(--settingsicons-gap, 0px));
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 > div,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .standardSidebarView__23e6b {
|
|
position: static !important;
|
|
border-radius: unset !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
margin: unset !important;
|
|
padding: unset !important;
|
|
overflow: hidden !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .sidebarRegion__23e6b,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .sidebarRegionScroller__23e6b {
|
|
flex: 0 0 auto !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar__23e6b {
|
|
width: 218px !important;
|
|
padding: 20px 6px 20px 20px !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .contentColumnDefault__23e6b,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .contentColumnWide__23e6b {
|
|
padding: 20px 40px !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .wrapper_e5cdf3 {
|
|
width: calc(var(--settingswidth_v) - 420px - var(--settingsiconsadditionalsize)) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .repo_k8F4Sd {
|
|
max-width: calc(var(--settingswidth_v) - 226px - var(--settingsiconsadditionalsize)) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .repoHeader_2KfNvH {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .repoHeader_2KfNvH .tabBar_b9fccc {
|
|
gap: 30px !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .repoHeader_2KfNvH .quickSelectLabel__79774 {
|
|
font-size: 12px !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .repoScroller_9JnAPs {
|
|
padding-top: 0 !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .sidebar_e29cd7 {
|
|
height: var(--settingsheight_v) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .standardSidebarView__23e6b .editor {
|
|
height: calc(var(--settingsheight_v) - 120px) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .toolsContainer__23e6b .tools__23e6b {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .toolsContainer__23e6b .closeButton_c2b141 {
|
|
border: none !important;
|
|
border-radius: 0 !important;
|
|
width: 100% !important;
|
|
max-width: unset !important;
|
|
height: 100% !important;
|
|
max-height: unset !important;
|
|
cursor: default !important;
|
|
flex: unset !important;
|
|
transition: unset !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .toolsContainer__23e6b .closeButton_c2b141:hover {
|
|
transition: unset !important;
|
|
background: unset !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .toolsContainer__23e6b .closeButton_c2b141 > svg {
|
|
display: none !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .toolsContainer__23e6b {
|
|
position: fixed !important;
|
|
inset: 0 !important;
|
|
width: 100% !important;
|
|
max-width: unset !important;
|
|
height: 100% !important;
|
|
max-height: unset !important;
|
|
z-index: -1 !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
#app-mount > .appAsidePanelWrapper_a3002d > .notAppAsidePanel_a3002d .contentRegion__23e6b .toolsContainer__23e6b .container_c2b141 {
|
|
height: 100% !important;
|
|
}
|
|
#app-mount > .appAsidePanelWrapper_a3002d > .notAppAsidePanel_a3002d .contentRegion__23e6b .toolsContainer__23e6b .keybind_c2b141 {
|
|
display: none !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .settingsToolbar_wu4yfQ {
|
|
display: none !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .accountProfileCard__1fed1 {
|
|
max-width: calc(var(--settingswidth_v) - 332px - var(--settingsiconsadditionalsize)) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 {
|
|
gap: 30px !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 .sectionsContainer__722a8,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 .sectionsContainer_def11f,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 .editor__9d295,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 .preview__44061 {
|
|
min-width: calc((var(--settingswidth_v) - 352px - var(--settingsiconsadditionalsize)) / 2) !important;
|
|
max-width: calc((var(--settingswidth_v) - 352px - var(--settingsiconsadditionalsize)) / 2) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061.tryItOutLayout__9d295 .sectionsContainer__722a8,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061.tryItOutLayout__9d295 .sectionsContainer_def11f,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061.tryItOutLayout__9d295 .editor__9d295,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061.tryItOutLayout__9d295 .preview__44061 {
|
|
min-width: calc((var(--settingswidth_v) - 364px - var(--settingsiconsadditionalsize)) / 2) !important;
|
|
max-width: calc((var(--settingswidth_v) - 364px - var(--settingsiconsadditionalsize)) / 2) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 .preview__44061 .userPopoutOuter_c69a7b {
|
|
width: calc((var(--settingswidth_v) - 352px - var(--settingsiconsadditionalsize)) / 2) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .baseLayout__44061.tryItOutLayout__9d295 .preview__44061 .userPopoutOuter_c69a7b {
|
|
width: calc((var(--settingswidth_v) - 352px - var(--settingsiconsadditionalsize)) / 2) !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 .preview__44061 .userPopoutOuter_c69a7b,
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .baseLayout__44061.tryItOutLayout__9d295 .preview__44061 .userPopoutOuter_c69a7b {
|
|
min-width: unset !important;
|
|
max-width: 340px !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .profileCustomizationSection__44061 .baseLayout__44061 .preview__44061 .userPopoutInner_c69a7b {
|
|
overflow: hidden !important;
|
|
}
|
|
#app-mount .layer__960e4 ~ .layer__960e4 .guildsSection__337a8 {
|
|
max-width: calc(var(--settingswidth_v) - 352px - var(--settingsiconsadditionalsize)) !important;
|
|
}
|
|
|
|
#app-mount .root__5c9fc {
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
left: 0 !important;
|
|
background: var(--settingsbackground_v) !important;
|
|
border-radius: 5px !important;
|
|
box-shadow: var(--elevation-high) !important;
|
|
width: var(--settingswidth_v) !important;
|
|
height: var(--settingsheight_v) !important;
|
|
margin: auto !important;
|
|
padding: 0 !important;
|
|
overflow: hidden !important;
|
|
contain: unset !important;
|
|
z-index: 1000 !important;
|
|
}
|
|
#app-mount .root__5c9fc.enterDone__5c9fc {
|
|
transform: unset !important;
|
|
}
|
|
#app-mount .root__5c9fc .closeIconWrapper__6fd0e,
|
|
#app-mount .root__5c9fc .closeIconWrapper__6fd0e .container_c2b141,
|
|
#app-mount .root__5c9fc .closeIconWrapper__6fd0e .closeButton_c2b141,
|
|
#app-mount .shop__6db1d .container_c2b141,
|
|
#app-mount .shop__6db1d .closeButton_c2b141 {
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
left: 0 !important;
|
|
z-index: -1 !important;
|
|
background: transparent !important;
|
|
border: none !important;
|
|
border-radius: 0 !important;
|
|
width: 100% !important;
|
|
max-width: unset !important;
|
|
height: 100% !important;
|
|
max-height: unset !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
opacity: 0 !important;
|
|
cursor: default !important;
|
|
animation: unset !important;
|
|
transition: unset !important;
|
|
}
|
|
#app-mount .root__5c9fc .closeIconWrapper__6fd0e {
|
|
top: 22px !important;
|
|
} |