9479 lines
No EOL
273 KiB
Text
9479 lines
No EOL
273 KiB
Text
{
|
|
"name": "Blockbenchcord (Patched)",
|
|
"author": "Ewan Howell, akirapink",
|
|
"borders": true,
|
|
"main_font": "Inter Variable",
|
|
"headline_font": "ABC Ginto Nord Black",
|
|
"code_font": "gg mono",
|
|
"css":"
|
|
:root{
|
|
--bb-avatar:url(data:image/png;
|
|
base64,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);
|
|
--header-shadow:#02020233 0 1px 0 0,#0606070c 0 1.5px 0 0,#0202020c 0 2px 0 0;
|
|
--dialog-shadow:0 0 0 1px #1e1f2299,#0003 0 2px 10px 0;
|
|
--box-shadow:#0000003d 0 8px 16px 0;
|
|
--drop-shadow:drop-shadow(#0000003d 0 8px 16px);
|
|
--color-link:#00a8fc
|
|
}
|
|
*{
|
|
scrollbar-width:initial;
|
|
scrollbar-color:initial;
|
|
--color-confirm:#57f287!important;
|
|
--color-warning:#f0b132!important;
|
|
--color-error:#ed4245!important;
|
|
--color-stream:#593695!important;
|
|
--color-menu_separator:#b5bac1!important;
|
|
--color-close:var(--color-error)!important;
|
|
--color-axis-x:var(--color-error)!important;
|
|
--color-axis-y:var(--color-confirm)!important;
|
|
--color-axis-z:var(--color-accent)!important
|
|
}
|
|
code,pre{
|
|
font-family:gg mono
|
|
}
|
|
#corner_logo>img,.project_tab.new_tab,.project_tab:not(.selected) .project_tab_close_button,.project_tab .unsaved_icon,.start_screen_close_button,#start_files li.format_entry.selected:after{
|
|
display:none!important
|
|
}
|
|
#corner_logo{
|
|
margin-right:119px;
|
|
width:auto!important
|
|
}
|
|
#corner_logo:before{
|
|
content:\"\";
|
|
background-image:url(data:image/png;
|
|
base64,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);
|
|
background-size:contain;
|
|
width:113px;
|
|
height:8px;
|
|
display:flex;
|
|
position:absolute;
|
|
top:8px;
|
|
left:12px
|
|
}
|
|
#header_free_bar{
|
|
font-size:12px;
|
|
font-weight:700;
|
|
line-height:17px
|
|
}
|
|
#header_free_bar:after{
|
|
content:\"cord\"
|
|
}
|
|
#center{
|
|
background-image:none;
|
|
margin:-8px 0;
|
|
background-color:#282a2e!important;
|
|
& .panel{
|
|
z-index:2
|
|
}
|
|
}
|
|
#preview .preview_menu{
|
|
gap:16px;
|
|
bottom:16px;
|
|
left:16px;
|
|
background-color:initial!important;
|
|
right:initial!important;
|
|
top:initial!important;
|
|
& .tool{
|
|
color:#c4c9ce;
|
|
z-index:1;
|
|
height:24px;
|
|
position:relative;
|
|
width:24px!important;
|
|
&>i{
|
|
margin:0
|
|
}
|
|
&:hover,&.enabled{
|
|
color:#fff
|
|
}
|
|
& .tooltip{
|
|
transform:translate(calc(12px - 50%));
|
|
margin-top:-50px!important;
|
|
&:before{
|
|
content:\"\";
|
|
border-top:5px solid #111214;
|
|
border-left:5px solid #0000;
|
|
border-right:5px solid #0000;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:50%;
|
|
transform:translate(-50%,100%)
|
|
}
|
|
& .tooltip_description{
|
|
margin-top:-61px!important
|
|
}
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:-4px
|
|
}
|
|
&.enabled{
|
|
color:var(--color-accent_text)!important;
|
|
&:before{
|
|
background-color:var(--color-light)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#page_wrapper{
|
|
background-color:var(--color-border);
|
|
border:none;
|
|
flex-direction:row;
|
|
height:calc(100% - 22px);
|
|
display:flex
|
|
}
|
|
#tab_bar{
|
|
z-index:4;
|
|
flex-direction:column;
|
|
min-width:72px;
|
|
height:100%;
|
|
padding:0 0 12px;
|
|
display:flex!important
|
|
}
|
|
#tab_bar_list{
|
|
padding-top:55px;
|
|
flex-direction:column!important;
|
|
flex-grow:0!important;
|
|
overflow:visible!important
|
|
}
|
|
#search_tab_button,#new_tab_button,.project_tab,#title_bar_home_button>i:before,.sidebar_explorer_open_button{
|
|
color:#23a559;
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
padding:0;
|
|
transition:color .15s ease-out,background-color .15s ease-out,border-radius .15s ease-out;
|
|
display:flex;
|
|
position:relative;
|
|
cursor:pointer!important;
|
|
background-color:#303338!important;
|
|
width:48px!important;
|
|
height:48px!important;
|
|
margin:4px 12px!important
|
|
}
|
|
.project_tab:hover,.sidebar_explorer_open_button:hover{
|
|
border-radius:16px
|
|
}
|
|
#search_tab_button:active,#new_tab_button:active,.project_tab:active,#title_bar_home_button:active>i,.sidebar_explorer_open_button:active{
|
|
transform:translateY(1px)
|
|
}
|
|
.project_tab:active:before,#search_tab_button:active:before,#new_tab_button:active:before{
|
|
transform:translateY(calc(-50% - 1px))
|
|
}
|
|
.project_tab:active label,#search_tab_button:active>i:before,#new_tab_button:active>i:before{
|
|
transform:translate(100%,calc(-50% - 1px))
|
|
}
|
|
#search_tab_button:active>i:after,#new_tab_button:active>i:after{
|
|
transform:translate(-100%,calc(-50% - 1px))
|
|
}
|
|
#search_tab_button:hover,#new_tab_button:hover{
|
|
color:var(--color-light);
|
|
border-radius:16px;
|
|
background-color:#23a559!important
|
|
}
|
|
#search_tab_button{
|
|
position:relative;
|
|
margin-top:14px!important
|
|
}
|
|
#search_tab_button:after{
|
|
content:\"\";
|
|
background-color:#303338;
|
|
width:32px;
|
|
height:2px;
|
|
position:absolute;
|
|
top:-10px
|
|
}
|
|
#search_tab_button:active:after{
|
|
top:-11px
|
|
}
|
|
.project_tab{
|
|
border-top:none!important;
|
|
min-width:48px!important;
|
|
overflow:visible!important
|
|
}
|
|
.project_tab>:first-child{
|
|
color:#dadde0
|
|
}
|
|
#search_tab_button:before,#new_tab_button:before,.project_tab:before,#title_bar_home_button>i:after,.sidebar_explorer_open_button:before{
|
|
content:\"\";
|
|
opacity:0;
|
|
background-color:#dadbdd;
|
|
border-radius:4px;
|
|
width:8px;
|
|
height:8px;
|
|
transition:height .15s ease-out,opacity .15s ease-out;
|
|
display:flex;
|
|
position:absolute;
|
|
top:50%;
|
|
left:-16px;
|
|
transform:translateY(-50%)
|
|
}
|
|
#search_tab_button:hover:before,#new_tab_button:hover:before,.project_tab:hover:before,.sidebar_explorer_open_button:hover:before{
|
|
opacity:1;
|
|
height:20px
|
|
}
|
|
.project_tab:has(>.unsaved):before{
|
|
opacity:1
|
|
}
|
|
body:has(>#page_wrapper>#tab_bar>#tab_bar_list>.project_tab.new_tab.selected) #title_bar_home_button{
|
|
color:var(--color-light)!important;
|
|
&>i{
|
|
&:before{
|
|
border-radius:16px;
|
|
background-color:var(--color-accent)!important
|
|
}
|
|
&:after{
|
|
opacity:1;
|
|
height:40px
|
|
}
|
|
}
|
|
}
|
|
.project_tab.selected:before{
|
|
opacity:1;
|
|
height:40px!important
|
|
}
|
|
header{
|
|
height:22px;
|
|
position:relative;
|
|
overflow:visible!important;
|
|
&>*{
|
|
z-index:99
|
|
}
|
|
}
|
|
#title_bar_home_button{
|
|
z-index:5;
|
|
color:#dadde0;
|
|
cursor:pointer;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:48px;
|
|
height:48px;
|
|
margin:0;
|
|
transition:color .15s ease-out;
|
|
position:absolute;
|
|
top:26px;
|
|
left:12px;
|
|
display:flex!important;
|
|
&:hover{
|
|
color:var(--color-light)!important;
|
|
&>i{
|
|
&:before{
|
|
border-radius:16px;
|
|
background-color:var(--color-accent)!important
|
|
}
|
|
&:after{
|
|
opacity:1;
|
|
height:20px
|
|
}
|
|
}
|
|
}
|
|
&>i{
|
|
z-index:2;
|
|
transform:translate(0);
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
position:absolute;
|
|
top:50%;
|
|
transform:translateY(-50%);
|
|
margin:0!important
|
|
}
|
|
&:after{
|
|
left:-27px
|
|
}
|
|
}
|
|
}
|
|
.project_tab_close_button,.project_tab_session_badge{
|
|
border:4px solid var(--color-border);
|
|
background-color:var(--color-button);
|
|
border-radius:50%;
|
|
width:24px;
|
|
height:24px;
|
|
transition:background-color .15s ease-out;
|
|
position:absolute;
|
|
top:-4px;
|
|
right:-4px;
|
|
&>i{
|
|
transition:color .15s ease-out;
|
|
position:absolute;
|
|
inset:-1px 0 0;
|
|
display:initial!important;
|
|
font-size:13px!important
|
|
}
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
}
|
|
.project_tab_session_badge{
|
|
top:initial;
|
|
background-color:var(--color-accent);
|
|
min-width:24px;
|
|
bottom:-4px;
|
|
font-size:0!important;
|
|
&>i{
|
|
color:var(--color-light);
|
|
justify-content:center;
|
|
align-items:center;
|
|
max-width:16px;
|
|
font-size:10px!important;
|
|
display:flex!important
|
|
}
|
|
&:before{
|
|
display:none
|
|
}
|
|
}
|
|
.project_tab label:not(.project_tab_session_badge),#title_bar_home_button:before,#search_tab_button>i:before,#new_tab_button>i:before,.sidebar_explorer_open_button>i:after{
|
|
pointer-events:none;
|
|
color:var(--color-text);
|
|
opacity:0;
|
|
transform-origin:0 0;
|
|
box-shadow:var(--box-shadow);
|
|
background-color:#111214;
|
|
border-radius:5px;
|
|
font-family:gg sans;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
transition:opacity 50ms ease-out,scale 50ms ease-out;
|
|
position:absolute;
|
|
top:50%;
|
|
right:-20px;
|
|
transform:translate(100%,-50%)scale(.95);
|
|
width:initial!important;
|
|
padding:8px 12px!important;
|
|
display:flex!important;
|
|
overflow:visible!important
|
|
}
|
|
.project_tab label:not(.project_tab_session_badge):before,#title_bar_home_button:after,#search_tab_button>i:after,#new_tab_button>i:after,.sidebar_explorer_open_button:after{
|
|
pointer-events:none;
|
|
content:\"\";
|
|
border:5px solid #0000;
|
|
border-right-color:#111214;
|
|
position:absolute;
|
|
top:50%;
|
|
left:0;
|
|
transform:translate(-100%,-50%)
|
|
}
|
|
#title_bar_home_button:after,#search_tab_button>i:after,#new_tab_button>i:after,.sidebar_explorer_open_button:after{
|
|
left:initial;
|
|
opacity:0;
|
|
transition:opacity 50ms ease-out,scale 50ms ease-out;
|
|
right:-30px;
|
|
scale:.95
|
|
}
|
|
.project_tab:hover label:not(.project_tab_session_badge),#title_bar_home_button:hover:before,#search_tab_button:hover>i:before,#new_tab_button:hover>i:before,#title_bar_home_button:hover:after,#search_tab_button:hover>i:after,#new_tab_button:hover>i:after,.sidebar_explorer_open_button:hover>i:after,.sidebar_explorer_open_button:hover:after{
|
|
opacity:1;
|
|
scale:1
|
|
}
|
|
#title_bar_home_button:before{
|
|
content:\"Start Screen\"
|
|
}
|
|
#search_tab_button>i:before{
|
|
content:\"Tab Overview\"
|
|
}
|
|
#new_tab_button>i:before{
|
|
content:\"New Tab\"
|
|
}
|
|
.sidebar_explorer_open_button>i:after{
|
|
content:\"Open Explorer\"
|
|
}
|
|
#title_bar_home_button:after{
|
|
transform-origin:-60px 0
|
|
}
|
|
#search_tab_button>i:after{
|
|
transform-origin:-120px 0
|
|
}
|
|
#new_tab_button>i:after{
|
|
transform-origin:-80px 0
|
|
}
|
|
.project_tab>.icon,#search_tab_button>i,#new_tab_button>i,#title_bar_home_button>i{
|
|
justify-content:center;
|
|
font-size:30px;
|
|
display:flex;
|
|
overflow:visible
|
|
}
|
|
#start_screen{
|
|
border-top-left-radius:8px;
|
|
padding:0
|
|
}
|
|
#start_screen>content{
|
|
max-width:initial;
|
|
flex-direction:column;
|
|
height:100%;
|
|
display:flex;
|
|
position:relative;
|
|
&:not(:has(>#splash_screen)){
|
|
&:before{
|
|
content:\"\";
|
|
background-image:linear-gradient(#0006,#0000 43%),url(assets/splash_art/1.webp);
|
|
background-position:50%;
|
|
background-size:cover;
|
|
width:240px;
|
|
height:135px;
|
|
display:flex
|
|
}
|
|
&:after{
|
|
content:\"Blockbenchcord\";
|
|
color:var(--color-light);
|
|
filter:drop-shadow(0 1px 1px #000c);
|
|
margin-right:4px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
text-decoration:none;
|
|
position:absolute;
|
|
top:13px;
|
|
left:16px;
|
|
font-size:16px!important
|
|
}
|
|
}
|
|
}
|
|
#splash_screen{
|
|
min-height:135px;
|
|
position:absolute;
|
|
width:240px!important;
|
|
height:135px!important
|
|
}
|
|
.start_screen_graphic_description{
|
|
filter:drop-shadow(0 1px 1px #000c);
|
|
font-size:0;
|
|
top:12px;
|
|
left:16px;
|
|
right:16px;
|
|
bottom:initial!important;
|
|
background:0 0!important;
|
|
padding-left:0!important;
|
|
& a{
|
|
margin-right:4px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
text-decoration:none;
|
|
color:var(--color-light)!important;
|
|
font-size:16px!important;
|
|
&:first-child:before{
|
|
content:\"By\";
|
|
margin-right:4px
|
|
}
|
|
&:not(:first-child):before{
|
|
content:\"&\";
|
|
margin-right:4px
|
|
}
|
|
}
|
|
}
|
|
.splash_art_slideshow_image:before{
|
|
content:\"\";
|
|
background:linear-gradient(#0006,#0000);
|
|
height:58px;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0
|
|
}
|
|
#start_files{
|
|
flex:1;
|
|
position:absolute
|
|
}
|
|
#start_files>.start_screen_left{
|
|
max-height:initial!important;
|
|
background-color:var(--color-ui)!important;
|
|
width:240px!important;
|
|
padding:12px 0 0!important
|
|
}
|
|
#start_files>.start_screen_left>:first-child{
|
|
font-size:0;
|
|
margin:0!important
|
|
}
|
|
#start_files>.start_screen_left>:first-child:before{
|
|
content:\"\";
|
|
background-color:#3b3d44;
|
|
width:calc(100% - 16px);
|
|
height:1px;
|
|
margin:12px 8px;
|
|
display:flex
|
|
}
|
|
#start_files>.start_screen_left>ul{
|
|
height:100%;
|
|
max-height:calc(100vh - 226px);
|
|
position:relative;
|
|
overflow-x:hidden
|
|
}
|
|
#start_files>.start_screen_left>ul::-webkit-scrollbar{
|
|
width:8px
|
|
}
|
|
#start_files>.start_screen_left>ul::-webkit-scrollbar-thumb{
|
|
background-color:var(--color-ui);
|
|
border:2px solid var(--color-ui)
|
|
}
|
|
#start_files>.start_screen_left>ul:hover::-webkit-scrollbar-thumb{
|
|
background-color:var(--color-dark)
|
|
}
|
|
::-webkit-scrollbar-thumb{
|
|
background-color:var(--color-dark)
|
|
}
|
|
::-webkit-scrollbar-thumb:hover{
|
|
background-color:var(--color-dark)!important
|
|
}
|
|
#start_files>.start_screen_format_page::-webkit-scrollbar-thumb{
|
|
border-top:48px solid var(--color-ui);
|
|
border-bottom:68px solid var(--color-ui);
|
|
border-radius:0;
|
|
min-height:150px
|
|
}
|
|
.format_category:first-child{
|
|
margin-top:0!important
|
|
}
|
|
.format_category>label{
|
|
text-transform:uppercase;
|
|
letter-spacing:.24px;
|
|
font-weight:600;
|
|
margin:16px!important;
|
|
font-size:12px!important
|
|
}
|
|
.format_category>ul{
|
|
flex-direction:column;
|
|
gap:2px;
|
|
min-width:240px;
|
|
padding:0 8px;
|
|
display:flex
|
|
}
|
|
.format_entry,#start_files>.start_screen_left:before{
|
|
border-radius:4px;
|
|
align-items:center;
|
|
gap:6px;
|
|
font-weight:500;
|
|
line-height:20px;
|
|
color:var(--color-subtle_text)!important;
|
|
padding:6px 8px!important;
|
|
font-size:16px!important;
|
|
display:flex!important
|
|
}
|
|
.format_entry:hover,#start_files:has(>.start_screen_right .format_page_close_button:hover)>.start_screen_left:before{
|
|
background-color:#35373c;
|
|
color:var(--color-text)!important
|
|
}
|
|
.format_entry.selected,#start_files:not(:has(>.start_screen_right .format_page_close_button))>.start_screen_left:before{
|
|
color:var(--color-light)!important;
|
|
background-color:#404249!important
|
|
}
|
|
.format_entry>.icon_wrapper{
|
|
align-items:center;
|
|
width:20px!important;
|
|
height:20px!important
|
|
}
|
|
.format_entry>.icon_wrapper>i,#start_files>.start_screen_left:after{
|
|
color:#80848e;
|
|
margin:0;
|
|
font-size:20px
|
|
}
|
|
.format_entry label{
|
|
flex:1
|
|
}
|
|
.format_entry img{
|
|
border-radius:4px;
|
|
width:20px;
|
|
height:20px
|
|
}
|
|
.format_entry.start_screen_link:after{
|
|
color:#80848e;
|
|
margin:0
|
|
}
|
|
#start_files>.start_screen_left:before{
|
|
content:\"Recent Models\";
|
|
cursor:pointer;
|
|
margin:0 8px;
|
|
padding-left:33px!important
|
|
}
|
|
#start_files>.start_screen_left:after{
|
|
content:\"history\";
|
|
pointer-events:none;
|
|
font-family:Material Icons;
|
|
position:absolute;
|
|
top:13px;
|
|
left:16px
|
|
}
|
|
.format_page_close_button{
|
|
opacity:0;
|
|
min-width:224px;
|
|
min-height:32px;
|
|
top:161px;
|
|
left:82px;
|
|
position:fixed!important
|
|
}
|
|
#start_files>.start_screen_right{
|
|
flex-wrap:wrap;
|
|
margin-top:-135px;
|
|
max-height:initial!important;
|
|
min-height:initial!important;
|
|
background-color:#282a2e!important;
|
|
flex-direction:row!important;
|
|
padding:0!important;
|
|
&>div:nth-child(2):not(#start_screen_view_menu){
|
|
cursor:not-allowed;
|
|
background-color:#303338;
|
|
border-radius:12px;
|
|
align-items:center;
|
|
height:58px;
|
|
margin:24px;
|
|
padding-left:46px;
|
|
font-size:0;
|
|
font-weight:700;
|
|
display:flex;
|
|
position:relative;
|
|
&:before{
|
|
content:\"Streamer mode enabled\";
|
|
color:#87898c;
|
|
font-size:20px;
|
|
font-weight:600
|
|
}
|
|
&:after{
|
|
content:\"block\";
|
|
color:#b5bac1;
|
|
text-align:center;
|
|
width:34px;
|
|
font-family:Material Icons;
|
|
font-size:24px;
|
|
position:absolute;
|
|
left:8px
|
|
}
|
|
}
|
|
}
|
|
#start_files>.start_screen_right>*{
|
|
flex:100%
|
|
}
|
|
#start_files>.start_screen_right>h2{
|
|
color:#f2f3f5;
|
|
z-index:1;
|
|
align-items:center;
|
|
height:48px;
|
|
padding-left:8px;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
display:flex;
|
|
position:sticky;
|
|
top:0
|
|
}
|
|
#start_files>.start_screen_right>h2:before{
|
|
content:\"history\";
|
|
color:#80848e;
|
|
margin:0 8px;
|
|
font-family:Material Icons;
|
|
font-size:24px
|
|
}
|
|
#start_files>.start_screen_right:before{
|
|
content:\"\";
|
|
box-shadow:var(--header-shadow);
|
|
z-index:1;
|
|
background-color:#282a2e;
|
|
height:48px;
|
|
position:fixed;
|
|
left:312px;
|
|
right:0
|
|
}
|
|
#start_files>.start_screen_format_page:before{
|
|
background-color:#303338
|
|
}
|
|
#start_screen_view_menu{
|
|
top:initial;
|
|
right:initial;
|
|
width:100%;
|
|
padding:24px;
|
|
position:relative
|
|
}
|
|
#start_screen_view_menu>.search_bar{
|
|
width:100%;
|
|
display:flex
|
|
}
|
|
#start_screen_view_menu>.search_bar>i{
|
|
color:#b5bac1;
|
|
cursor:pointer;
|
|
font-size:24px;
|
|
left:8px;
|
|
transform:scaleX(-1);
|
|
top:12px!important
|
|
}
|
|
#start_screen_view_menu input{
|
|
color:var(--color-text);
|
|
border-radius:12px;
|
|
width:100%;
|
|
font-size:20px;
|
|
font-weight:600;
|
|
background-color:#303338!important;
|
|
border:none!important;
|
|
height:58px!important;
|
|
padding-left:46px!important
|
|
}
|
|
#start_screen_view_menu>.search_bar>i:not(.light_on_hover){
|
|
overflow:visible;
|
|
&:before{
|
|
content:\"Search recents...\";
|
|
font-family:var(--font-main);
|
|
color:#87898c;
|
|
pointer-events:none;
|
|
font-size:20px;
|
|
font-weight:600;
|
|
position:absolute;
|
|
top:8px;
|
|
left:-149px;
|
|
transform:scaleX(-1)
|
|
}
|
|
}
|
|
#start_files>.start_screen_right>.button_bar>button{
|
|
color:var(--color-light);
|
|
background-color:var(--color-accent);
|
|
border-radius:18px;
|
|
align-items:center;
|
|
height:36px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
display:flex;
|
|
position:absolute;
|
|
top:63px;
|
|
right:45px
|
|
}
|
|
#start_files>.start_screen_right>.button_bar>button:hover{
|
|
background-color:#4752c4;
|
|
color:var(--color-light)!important
|
|
}
|
|
#start_files>.start_screen_right>.button_bar>button:active{
|
|
background-color:#3c45a5
|
|
}
|
|
#start_files>.start_screen_right>.button_bar>button:before{
|
|
content:\"file_open\";
|
|
margin-right:6px;
|
|
font-family:Material Icons
|
|
}
|
|
#start_screen_view_menu>li{
|
|
background-color:var(--color-border);
|
|
color:#b5bac1;
|
|
cursor:pointer;
|
|
border-radius:16px;
|
|
align-items:center;
|
|
gap:8px;
|
|
height:32px;
|
|
padding:0 12px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
display:flex;
|
|
position:absolute;
|
|
top:106px;
|
|
width:initial!important;
|
|
border:1px solid #0000!important
|
|
}
|
|
#start_screen_view_menu>li.selected{
|
|
color:var(--color-light);
|
|
background-color:#2f334b;
|
|
border:1px solid var(--color-accent)!important
|
|
}
|
|
#start_screen_view_menu>li.selected:hover{
|
|
background-color:var(--color-border)
|
|
}
|
|
#start_screen_view_menu>li>i{
|
|
min-width:18px;
|
|
min-height:18px;
|
|
font-size:18px;
|
|
margin:0!important
|
|
}
|
|
#start_screen_view_menu>li:nth-child(2):after{
|
|
content:\"Grid view\"
|
|
}
|
|
#start_screen_view_menu>li:last-child{
|
|
left:138px
|
|
}
|
|
#start_screen_view_menu>li:last-child:after{
|
|
content:\"List view\"
|
|
}
|
|
#start_files>.start_screen_right>.recent_list_grid{
|
|
grid-gap:16px;
|
|
grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
|
|
max-height:calc(100vh - 216px);
|
|
margin-top:98px;
|
|
padding:2px 24px 24px!important
|
|
}
|
|
#start_files>.start_screen_right .recent_project{
|
|
border:1px solid #0000;
|
|
flex-direction:column-reverse;
|
|
align-items:flex-start;
|
|
padding:14px 12px 12px;
|
|
transition:box-shadow .2s ease-out,transform .2s ease-out,border .2s ease-out;
|
|
position:relative;
|
|
height:initial!important;
|
|
background-color:#303338!important;
|
|
border-radius:12px!important;
|
|
display:flex!important
|
|
}
|
|
#start_files>.start_screen_right .recent_project:hover{
|
|
box-shadow:var(--box-shadow);
|
|
border:1px solid #4e50584c;
|
|
transform:translateY(-2px)
|
|
}
|
|
#start_files>.start_screen_right .thumbnail_image{
|
|
object-fit:contain;
|
|
image-rendering: ;
|
|
border:1px solid #4e50587a;
|
|
border-radius:8px;
|
|
width:100%!important;
|
|
height:210px!important
|
|
}
|
|
#start_files>.start_screen_right .recent_project_name{
|
|
text-overflow:ellipsis;
|
|
max-width:100%;
|
|
font-weight:800;
|
|
line-height:20px;
|
|
position:initial!important;
|
|
color:#f2f3f5!important;
|
|
margin-bottom:3px!important
|
|
}
|
|
#start_files>.start_screen_right .icon_wrapper,#start_files>.start_screen_right .recent_favorite_button{
|
|
box-shadow:var(--header-shadow);
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:22px;
|
|
height:22px;
|
|
position:absolute;
|
|
bottom:19px;
|
|
top:initial!important;
|
|
right:initial!important;
|
|
background-color:#232428e5!important;
|
|
display:flex!important
|
|
}
|
|
#start_files>.start_screen_right .icon_wrapper{
|
|
font-size:10px;
|
|
left:49px;
|
|
color:var(--color-light)!important
|
|
}
|
|
#start_files>.start_screen_right .recent_favorite_button{
|
|
transition:filter .17s;
|
|
left:19px;
|
|
visibility:visible!important;
|
|
color:var(--color-text)!important
|
|
}
|
|
#start_files>.start_screen_right .recent_favorite_button:hover{
|
|
filter:brightness(2.25)
|
|
}
|
|
#start_files>.start_screen_right .favorite_enabled{
|
|
background-color:var(--color-accent)!important;
|
|
filter:initial!important
|
|
}
|
|
#start_files>.start_screen_right .recent_favorite_button:after{
|
|
content:\"\";
|
|
pointer-events:none;
|
|
filter:invert();
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"18\\\" height=\\\"18\\\" viewBox=\\\"0 -960 960 960\\\"><path d=\\\"m640-480 80 80v80H520v240l-40 40-40-40v-240H240v-80l80-80v-280h-40v-80h400v80h-40v280Zm-286 80h252l-46-46v-314H400v314l-46 46Zm126 0Z\\\"/></svg>\");
|
|
min-width:18px;
|
|
min-height:18px;
|
|
display:flex
|
|
}
|
|
#start_files>.start_screen_right .recent_favorite_button>i{
|
|
display:none
|
|
}
|
|
#start_files>.start_screen_right>ul:not(.recent_list_grid){
|
|
flex-direction:column;
|
|
margin-top:98px;
|
|
display:flex;
|
|
gap:8px!important;
|
|
max-height:calc(100vh - 216px)!important;
|
|
margin-left:0!important;
|
|
padding:2px 24px 24px!important;
|
|
& .recent_project{
|
|
background-color:#303338!important;
|
|
border:none!important;
|
|
margin:0!important;
|
|
& :is(.icon_wrapper,.recent_favorite_button){
|
|
box-shadow:none;
|
|
transform:translate(-6px);
|
|
bottom:initial!important;
|
|
margin:0!important;
|
|
top:13px!important
|
|
}
|
|
}
|
|
& .recent_project_name{
|
|
font-size:20px;
|
|
font-weight:600;
|
|
line-height:24px;
|
|
overflow:hidden;
|
|
margin:29px 0 28px!important
|
|
}
|
|
}
|
|
#start_files>.start_screen_right .recent_project_date{
|
|
font-size:14px;
|
|
bottom:12px;
|
|
position:absolute!important
|
|
}
|
|
#start_files>.start_screen_right .recent_project_date:before{
|
|
content:initial
|
|
}
|
|
#start_files>.start_screen_format_page{
|
|
grid-template-rows:1fr;
|
|
grid-template-columns:auto 1fr;
|
|
overflow-y:auto;
|
|
background-color:#303338!important;
|
|
max-height:calc(100vh - 22px)!important;
|
|
display:grid!important
|
|
}
|
|
.start_screen_format_page :is(.format_target,content){
|
|
grid-column:1/-1
|
|
}
|
|
#start_files>.start_screen_right .format_description{
|
|
z-index:1;
|
|
align-items:center;
|
|
margin-right:16px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
line-height:18px;
|
|
display:flex;
|
|
position:sticky;
|
|
top:0;
|
|
overflow:hidden;
|
|
height:48px!important
|
|
}
|
|
#start_files>.start_screen_right .format_description:before{
|
|
content:\"\";
|
|
background-color:#3f4147;
|
|
width:1px;
|
|
height:24px;
|
|
margin:0 16px
|
|
}
|
|
.start_screen_format_page #create_new_model_button{
|
|
align-items:center;
|
|
font-size:14px;
|
|
display:flex;
|
|
top:initial!important;
|
|
width:initial!important;
|
|
color:var(--color-light)!important;
|
|
gap:16px!important;
|
|
height:44px!important;
|
|
padding:16px!important;
|
|
text-decoration:none!important;
|
|
position:fixed!important;
|
|
bottom:24px!important;
|
|
left:328px!important;
|
|
right:16px!important
|
|
}
|
|
.start_screen_format_page #create_new_model_button:before{
|
|
z-index:-1;
|
|
pointer-events:none;
|
|
background-color:#303338;
|
|
position:absolute;
|
|
inset:0 -18px -24px -16px;
|
|
content:\"\"!important;
|
|
margin:0!important
|
|
}
|
|
.start_screen_format_page #create_new_model_button:after{
|
|
content:\"\";
|
|
background-color:var(--color-button);
|
|
z-index:-1;
|
|
transition:background-color .17s;
|
|
position:absolute;
|
|
inset:0;
|
|
border-radius:8px!important
|
|
}
|
|
.start_screen_format_page #create_new_model_button>i{
|
|
width:24px;
|
|
height:24px;
|
|
box-sizing:initial!important;
|
|
margin:1px 0 0!important
|
|
}
|
|
.start_screen_format_page content{
|
|
padding:0 48px 22px 0;
|
|
position:relative;
|
|
margin:8px 0 64px 72px!important
|
|
}
|
|
.start_screen_format_page .format_target{
|
|
flex-wrap:wrap;
|
|
align-items:flex-end;
|
|
padding:0;
|
|
font-size:0;
|
|
line-height:1.5;
|
|
display:flex;
|
|
position:relative;
|
|
margin:0 0 -9px 72px!important
|
|
}
|
|
.start_screen_format_page .format_target:before{
|
|
content:\"\";
|
|
background-image:var(--bb-avatar);
|
|
background-size:cover;
|
|
border-radius:50%;
|
|
width:40px;
|
|
height:40px;
|
|
position:absolute;
|
|
bottom:-18px;
|
|
left:-56px
|
|
}
|
|
.start_screen_format_page .format_target>b:before{
|
|
content:\"Blockbenchcord\";
|
|
font-size:16px;
|
|
font-weight:500
|
|
}
|
|
.start_screen_format_page .format_target>span{
|
|
color:var(--color-light);
|
|
text-transform:uppercase;
|
|
border-radius:3px;
|
|
margin:0 0 4px 5px;
|
|
padding:0 4.4px;
|
|
font-size:12.8px;
|
|
font-weight:700;
|
|
line-height:15px
|
|
}
|
|
.markdown{
|
|
padding:0!important;
|
|
& p{
|
|
margin:0
|
|
}
|
|
& ul,& ol{
|
|
margin:4px 0 0 16px;
|
|
padding:0;
|
|
line-height:22px!important
|
|
}
|
|
& li{
|
|
margin:0 0 4px
|
|
}
|
|
& code,& pre,& table{
|
|
background-color:var(--color-ui);
|
|
border:1px solid var(--color-border);
|
|
border-radius:4px;
|
|
padding:0 2.72px;
|
|
font-size:13.6px
|
|
}
|
|
& pre>code{
|
|
background-color:initial;
|
|
border:initial
|
|
}
|
|
& pre{
|
|
padding:7px!important
|
|
}
|
|
& table{
|
|
border-spacing:0;
|
|
padding:0!important;
|
|
& td{
|
|
padding:7px
|
|
}
|
|
&>:first-child>tr:first-child>*{
|
|
border-top:none
|
|
}
|
|
& code,& pre{
|
|
background-color:var(--color-border)
|
|
}
|
|
}
|
|
}
|
|
h1.markdown,.markdown h1,dialog#plugins #about-content h1{
|
|
font-size:32px;
|
|
font-weight:700;
|
|
line-height:44px;
|
|
margin:8px 0!important;
|
|
&:not(:first-child){
|
|
margin-top:16px!important
|
|
}
|
|
}
|
|
h2.markdown,.markdown h2,dialog#plugins #about-content h2{
|
|
font-size:28px;
|
|
font-weight:700;
|
|
line-height:38.5px;
|
|
margin:8px 0!important;
|
|
&:not(:first-child){
|
|
margin-top:16px!important
|
|
}
|
|
}
|
|
h3.markdown,.markdown h3,dialog#plugins #about-content h3{
|
|
font-size:24px;
|
|
font-weight:700;
|
|
line-height:33px;
|
|
margin:8px 0!important;
|
|
&:not(:first-child){
|
|
margin-top:16px!important
|
|
}
|
|
}
|
|
h4.markdown,.markdown h4,dialog#plugins #about-content h4{
|
|
font-size:20px;
|
|
font-weight:700;
|
|
line-height:27.5px;
|
|
margin:8px 0!important;
|
|
&:not(:first-child){
|
|
margin-top:16px!important
|
|
}
|
|
}
|
|
h5.markdown,.markdown h5,dialog#plugins #about-content h5{
|
|
font-size:16px;
|
|
font-weight:700;
|
|
line-height:22px;
|
|
margin:8px 0!important;
|
|
&:not(:first-child){
|
|
margin-top:16px!important
|
|
}
|
|
}
|
|
div.markdown>*{
|
|
padding:2px 0;
|
|
&:first-child{
|
|
padding-top:0
|
|
}
|
|
}
|
|
.markdown a,p a{
|
|
color:var(--color-link)!important;
|
|
text-decoration:none!important;
|
|
&:hover{
|
|
text-decoration:underline!important
|
|
}
|
|
}
|
|
blockquote{
|
|
background-color:#0000;
|
|
border:none;
|
|
position:relative;
|
|
padding-left:16px!important;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-button);
|
|
border-radius:2px;
|
|
width:4px;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0
|
|
}
|
|
}
|
|
.start_screen_format_page content>img:first-child{
|
|
border-radius:8px;
|
|
&+p{
|
|
&:before{
|
|
content:\"\";
|
|
background-image:var(--bb-avatar);
|
|
background-size:cover;
|
|
border-radius:50%;
|
|
width:40px;
|
|
height:40px;
|
|
position:absolute;
|
|
top:-23px;
|
|
left:-56px
|
|
}
|
|
&:after{
|
|
content:\"Blockbenchcord\";
|
|
font-weight:500;
|
|
position:absolute;
|
|
top:-25px
|
|
}
|
|
}
|
|
}
|
|
#start_screen:not([style=\"display: none;
|
|
\"])>content:has(>section:not(#splash_screen):not(#start_files):not(#quick_setup):not([section_id=new_version])){
|
|
& #splash_screen,&:before,&:after{
|
|
margin-top:36px
|
|
}
|
|
& #start_files{
|
|
&>.start_screen_left>ul{
|
|
max-height:calc(100vh - 262px)!important
|
|
}
|
|
&>.start_screen_right>ul{
|
|
max-height:calc(100vh - 252px)!important
|
|
}
|
|
&>.start_screen_format_page{
|
|
max-height:calc(100vh - 58px)!important
|
|
}
|
|
& .format_page_close_button{
|
|
top:197px
|
|
}
|
|
}
|
|
}
|
|
#start_screen>content>.start_screen_section:is([section_id=recover_backup],[section_id=streamer_mode],[section_id=update_notification],[section_id=twitter_link],[section_id=discord_link]){
|
|
z-index:1;
|
|
height:36px;
|
|
position:absolute;
|
|
top:0;
|
|
overflow:hidden;
|
|
background-color:var(--color-accent)!important;
|
|
&[section_id=recover_backup]{
|
|
background-color:var(--color-error)!important
|
|
}
|
|
&[section_id=streamer_mode]{
|
|
background-color:var(--color-stream)!important
|
|
}
|
|
&[section_id=twitter_link]{
|
|
background-color:#1da1f2!important
|
|
}
|
|
& .start_screen_close_button{
|
|
color:var(--color-light);
|
|
opacity:1;
|
|
font-size:20px;
|
|
right:18px;
|
|
display:flex!important
|
|
}
|
|
& .start_screen_right{
|
|
justify-content:center;
|
|
align-items:center;
|
|
gap:4px;
|
|
padding:0;
|
|
display:flex
|
|
}
|
|
& h2,& h3{
|
|
display:none
|
|
}
|
|
& *{
|
|
color:var(--color-light);
|
|
z-index:1;
|
|
text-align:center;
|
|
margin:0;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
line-height:100%
|
|
}
|
|
& button{
|
|
border:1px solid var(--color-light);
|
|
min-width:initial;
|
|
background-color:#0000;
|
|
border-radius:3px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:22px;
|
|
margin:0 0 0 2px;
|
|
padding:0 10px;
|
|
transition:background-color .2s,color .2s;
|
|
display:flex;
|
|
&:hover{
|
|
background-color:var(--color-light);
|
|
&>p{
|
|
color:var(--color-error)
|
|
}
|
|
}
|
|
&:last-child{
|
|
display:none
|
|
}
|
|
}
|
|
& .start_screen_left>i{
|
|
margin:0;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
position:absolute;
|
|
top:10px;
|
|
left:20px;
|
|
overflow:visible
|
|
}
|
|
& a{
|
|
color:var(--color-light)!important;
|
|
text-decoration:underline!important
|
|
}
|
|
}
|
|
.ewan-format-page{
|
|
display:contents!important;
|
|
& .spacer{
|
|
display:none
|
|
}
|
|
& #create_new_model_button{
|
|
margin:0!important
|
|
}
|
|
& content{
|
|
overflow-y:initial!important;
|
|
margin-bottom:0!important
|
|
}
|
|
&>:nth-last-child(2){
|
|
flex-wrap:wrap;
|
|
grid-column:1/-1;
|
|
justify-content:flex-start;
|
|
gap:8px;
|
|
margin:0 72px 98px;
|
|
&>a{
|
|
&:after{
|
|
content:\"open_in_new\";
|
|
margin-left:3px;
|
|
font-family:Material Icons;
|
|
font-size:20px
|
|
}
|
|
&>i{
|
|
width:initial;
|
|
height:20px;
|
|
font-size:20px;
|
|
color:var(--color-light)!important
|
|
}
|
|
&>.fab{
|
|
margin-right:5px
|
|
}
|
|
&:first-child{
|
|
background-color:#da373c;
|
|
&:hover{
|
|
background-color:#a12828
|
|
}
|
|
&:active{
|
|
background-color:#8f2022
|
|
}
|
|
}
|
|
&:nth-child(2){
|
|
background-color:var(--color-accent);
|
|
&:hover{
|
|
background-color:#4752c4
|
|
}
|
|
&:active{
|
|
background-color:#3c45a5
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.ewan-format-page>:nth-last-child(2)>a,.start_screen_format_page content button{
|
|
background-color:var(--color-button);
|
|
flex-direction:row;
|
|
flex-grow:initial;
|
|
white-space:pre;
|
|
border-radius:3px;
|
|
padding:2px 16px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
color:var(--color-light)!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
}
|
|
.contextMenu{
|
|
box-shadow:var(--box-shadow);
|
|
z-index:99;
|
|
background-color:#111214;
|
|
border-radius:4px;
|
|
&:not([style*=min-width]){
|
|
min-width:188px
|
|
}
|
|
&>li{
|
|
cursor:pointer;
|
|
box-sizing:initial;
|
|
align-items:center;
|
|
height:32px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
line-height:normal;
|
|
position:relative;
|
|
color:#b5bac1!important;
|
|
background-color:#0000!important;
|
|
padding:1px 16px!important;
|
|
&[menu_item=delete],&[menu_item=reset_layout],&[menu_item=reset_layout]+li,&[menu_item=reload]{
|
|
color:#f23f42!important
|
|
}
|
|
&:is(.focused,.opened):not(.hybrid_parent.opened){
|
|
color:var(--color-light)!important;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
z-index:-1;
|
|
border-radius:2px;
|
|
position:absolute;
|
|
inset:1px 8px
|
|
}
|
|
&[menu_item=delete]:before,&[menu_item=reset_layout]:before,&[menu_item=reset_layout]+li:before,&[menu_item=reload]:before{
|
|
background-color:#da363c!important
|
|
}
|
|
}
|
|
&:active:not(:has(:active)){
|
|
color:var(--color-light)!important;
|
|
&:before{
|
|
background-color:#3c45a5!important
|
|
}
|
|
}
|
|
&:after{
|
|
justify-content:center;
|
|
width:18px;
|
|
margin:0 0 0 8px!important;
|
|
font-size:12px!important;
|
|
display:flex!important
|
|
}
|
|
&:not(:is(.menu_separator,.menu_search_bar))>:first-child{
|
|
order:1;
|
|
width:18px;
|
|
height:18px;
|
|
margin:0 0 0 8px;
|
|
padding:0;
|
|
font-size:18px
|
|
}
|
|
&>:first-child.fa_big{
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size:14px;
|
|
display:flex
|
|
}
|
|
&>.sub{
|
|
align-self:flex-start;
|
|
transform:translate(4px,-4px);
|
|
&[style*=\"left: -\"]{
|
|
transform:translate(-4px,-4px);
|
|
&[style*=\"margin-top: -\"]{
|
|
transform:translate(-4px,14px)
|
|
}
|
|
}
|
|
&[style*=\"margin-top: -\"]{
|
|
transform:translate(4px,14px)
|
|
}
|
|
}
|
|
&.hybrid_parent>:first-child{
|
|
display:none!important
|
|
}
|
|
&>.menu_more_button{
|
|
cursor:pointer;
|
|
align-items:center;
|
|
width:40px;
|
|
height:34px;
|
|
display:flex;
|
|
position:relative;
|
|
background-color:#0000!important;
|
|
margin:0 -16px 0 8px!important;
|
|
&>i{
|
|
margin-left:5px
|
|
}
|
|
}
|
|
}
|
|
&>:first-child{
|
|
padding-top:8px!important;
|
|
&:is(.focused,.opened):not(.hybrid_parent.opened):before{
|
|
inset:8px 8px 1px
|
|
}
|
|
}
|
|
&>:last-child{
|
|
padding-bottom:8px!important;
|
|
&:is(.focused,.opened):not(.hybrid_parent.opened):before{
|
|
inset:1px 8px 8px
|
|
}
|
|
}
|
|
&>:only-child:is(.focused,.opened):not(.hybrid_parent.opened):before{
|
|
inset:8px
|
|
}
|
|
&>.parent>:first-child{
|
|
display:none!important
|
|
}
|
|
& .keybinding_label{
|
|
display:none
|
|
}
|
|
&>.menu_separator{
|
|
width:initial;
|
|
border-bottom:1px solid #2e2f34;
|
|
border-radius:0;
|
|
justify-content:center;
|
|
height:0;
|
|
display:flex;
|
|
margin:3px 12px!important;
|
|
padding:0!important;
|
|
&.has_label>label{
|
|
color:#b5bac1;
|
|
text-transform:uppercase;
|
|
letter-spacing:.22px;
|
|
background-color:#111214;
|
|
height:6px;
|
|
margin:1px 0 0;
|
|
font-size:10px;
|
|
font-weight:600;
|
|
line-height:6px
|
|
}
|
|
}
|
|
&>.menu_search_bar{
|
|
height:initial;
|
|
position:relative;
|
|
color:#b5bac1!important;
|
|
background-color:#0000!important;
|
|
padding:0!important;
|
|
&>:first-child{
|
|
order:0
|
|
}
|
|
&>div{
|
|
cursor:pointer;
|
|
box-sizing:initial;
|
|
align-items:flex-end;
|
|
width:26px;
|
|
padding:8px;
|
|
display:flex;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
right:0
|
|
}
|
|
& i{
|
|
font-size:18px
|
|
}
|
|
&>input{
|
|
margin:0;
|
|
font-weight:500;
|
|
background-color:#0000!important;
|
|
height:32px!important;
|
|
padding:1px 16px!important;
|
|
font-size:14px!important
|
|
}
|
|
&:first-child>input{
|
|
padding-top:8px!important
|
|
}
|
|
}
|
|
&>.opened>.menu_more_button{
|
|
color:var(--color-light);
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
z-index:-1;
|
|
border-radius:2px;
|
|
position:absolute;
|
|
inset:1px 8px 1px 0
|
|
}
|
|
&:active:before{
|
|
background-color:#3c45a5
|
|
}
|
|
}
|
|
}
|
|
.contextMenu::-webkit-scrollbar-track{
|
|
background-color:#0000
|
|
}
|
|
#menu_bar>li{
|
|
color:var(--color-subtle_text);
|
|
cursor:pointer;
|
|
z-index:1;
|
|
padding:0 8px;
|
|
font-size:13px;
|
|
font-weight:700;
|
|
position:relative;
|
|
transform:translateY(-1px);
|
|
background-color:#0000!important
|
|
}
|
|
#menu_bar>.opened,#menu_bar>:hover{
|
|
color:var(--color-light)
|
|
}
|
|
#menu_bar>.opened:before{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:1px 0 4px
|
|
}
|
|
#settings_profiles_header_menu{
|
|
cursor:pointer;
|
|
justify-content:center;
|
|
display:flex;
|
|
&>i{
|
|
color:var(--color-subtle_text);
|
|
border-radius:4px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:100%;
|
|
margin:0;
|
|
display:flex;
|
|
transform:translateY(2px);
|
|
min-height:16px!important;
|
|
max-height:16px!important;
|
|
font-size:14px!important
|
|
}
|
|
&:hover>i{
|
|
color:var(--color-light);
|
|
background-color:var(--color-accent)
|
|
}
|
|
&.hidden{
|
|
display:none
|
|
}
|
|
}
|
|
#windows_window_menu svg{
|
|
display:none
|
|
}
|
|
#windows_window_menu>li{
|
|
cursor:pointer;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:28px;
|
|
display:flex
|
|
}
|
|
#windows_window_menu>li:hover{
|
|
background-color:#2d2e32
|
|
}
|
|
#windows_window_menu>li:before{
|
|
content:\"\";
|
|
width:12px;
|
|
height:12px;
|
|
display:flex
|
|
}
|
|
#windows_window_menu{
|
|
&>:first-child:before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\"><path fill=\\\"%23B5BAC1\\\" d=\\\"M1 6h10v1H1z\\\"/></svg>\")
|
|
}
|
|
&>:nth-child(2):before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\"><path fill=\\\"none\\\" stroke=\\\"%23B5BAC1\\\" d=\\\"M1.5 1.5h9v9h-9z\\\"/></svg>\")
|
|
}
|
|
&>:last-child:before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\"><path fill=\\\"%23B5BAC1\\\" fill-rule=\\\"evenodd\\\" d=\\\"M11 1.576L6.583 6 11 10.424l-.576.576L6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1z\\\"/></svg>\")
|
|
}
|
|
&>:first-child:hover:before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\"><path fill=\\\"%23DCDEE1\\\" d=\\\"M1 6h10v1H1z\\\"/></svg>\")
|
|
}
|
|
&>:nth-child(2):hover:before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\"><path fill=\\\"none\\\" stroke=\\\"%23DCDEE1\\\" d=\\\"M1.5 1.5h9v9h-9z\\\"/></svg>\")
|
|
}
|
|
&>:last-child:hover:before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"12\\\" height=\\\"12\\\"><path fill=\\\"%23DCDEE1\\\" fill-rule=\\\"evenodd\\\" d=\\\"M11 1.576L6.583 6 11 10.424l-.576.576L6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1z\\\"/></svg>\")
|
|
}
|
|
&>:last-child:hover{
|
|
background-color:#f23f42
|
|
}
|
|
}
|
|
body{
|
|
background-color:var(--color-border)
|
|
}
|
|
#blackout{
|
|
width:initial;
|
|
height:initial;
|
|
pointer-events:none;
|
|
inset:-400px;
|
|
opacity:0!important;
|
|
background-color:#000000b2!important;
|
|
transition:opacity .2s!important;
|
|
display:block!important;
|
|
position:fixed!important
|
|
}
|
|
#dialog_wrapper:has(>:not(#settings):not(#keybindings))~#page_wrapper #blackout,#page_wrapper:has(>dialog#action_selector)>#blackout{
|
|
pointer-events:initial;
|
|
opacity:1!important
|
|
}
|
|
#page_wrapper>*,#title_bar_home_button{
|
|
transform-origin:50vw 50vh;
|
|
transition:scale .25s
|
|
}
|
|
#dialog_wrapper:has(>dialog:is(#settings,#keybindings)){
|
|
&~#page_wrapper>*,&~header #title_bar_home_button{
|
|
scale:.9
|
|
}
|
|
&~#page_wrapper #blackout{
|
|
opacity:0!important
|
|
}
|
|
}
|
|
@keyframes discord-dialog-show{
|
|
0%{
|
|
opacity:0;
|
|
scale:.75
|
|
}
|
|
to{
|
|
opacity:1;
|
|
scale:1
|
|
}
|
|
}
|
|
dialog{
|
|
box-shadow:var(--dialog-shadow);
|
|
background-color:#303338;
|
|
border-radius:4px;
|
|
animation:.2s forwards discord-dialog-show;
|
|
overflow:hidden;
|
|
max-height:calc(100% - 43px)!important;
|
|
& .dialog_handle{
|
|
background:0 0;
|
|
height:62px;
|
|
padding:16px;
|
|
& .dialog_title{
|
|
color:#f2f3f5;
|
|
align-items:center;
|
|
padding:0;
|
|
font-size:24px;
|
|
line-height:30px;
|
|
display:flex;
|
|
&:before{
|
|
content:\"\";
|
|
background-image:var(--bb-avatar);
|
|
background-size:cover;
|
|
border-radius:50%;
|
|
width:24px;
|
|
height:24px;
|
|
margin-right:8px;
|
|
display:flex
|
|
}
|
|
}
|
|
}
|
|
& .dialog_close_button{
|
|
color:#73767d;
|
|
width:32px;
|
|
height:32px;
|
|
padding:4px;
|
|
transition:color .2s ease-in-out;
|
|
top:16px;
|
|
right:16px;
|
|
background:0 0!important;
|
|
&>i{
|
|
min-width:24px;
|
|
font-size:24px
|
|
}
|
|
&:hover{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
& .dialog_content{
|
|
max-height:calc(100vh - 172px);
|
|
padding:0 16px 16px;
|
|
margin:0!important
|
|
}
|
|
}
|
|
@keyframes discord-fade-in{
|
|
0%{
|
|
opacity:0;
|
|
scale:1.1
|
|
}
|
|
to{
|
|
opacity:1;
|
|
scale:1
|
|
}
|
|
}
|
|
dialog#settings .dialog_sidebar_pages:before{
|
|
content:\"SETTINGS\"
|
|
}
|
|
dialog#keybindings .dialog_sidebar_pages:before{
|
|
content:\"KEYBINDINGS\"
|
|
}
|
|
dialog#settings,dialog#keybindings{
|
|
box-shadow:none;
|
|
animation:.25s discord-fade-in;
|
|
width:initial!important;
|
|
min-width:initial!important;
|
|
max-width:initial!important;
|
|
height:initial!important;
|
|
min-height:initial!important;
|
|
max-height:initial!important;
|
|
position:fixed!important;
|
|
inset:22px 0 0!important;
|
|
& .dialog_handle{
|
|
display:none
|
|
}
|
|
& .dialog_wrapper{
|
|
background-color:var(--color-ui);
|
|
justify-content:flex-end;
|
|
display:flex
|
|
}
|
|
& .dialog_sidebar{
|
|
background-color:var(--color-ui);
|
|
width:221px;
|
|
min-width:221px;
|
|
max-width:221px;
|
|
max-height:calc(100vh - 22px);
|
|
padding:59px 17px 60px 20px;
|
|
&::-webkit-scrollbar{
|
|
width:4px
|
|
}
|
|
& li{
|
|
color:#b5bac1;
|
|
border:none;
|
|
border-radius:4px;
|
|
align-items:center;
|
|
height:32px;
|
|
margin-bottom:2px;
|
|
padding:6px 10px;
|
|
font-weight:500;
|
|
line-height:20px;
|
|
display:flex;
|
|
&.selected{
|
|
color:var(--color-light);
|
|
background-color:#404249
|
|
}
|
|
&:hover{
|
|
color:var(--color-text);
|
|
background-color:#35373c
|
|
}
|
|
& label{
|
|
display:none
|
|
}
|
|
& i{
|
|
order:1;
|
|
width:16px;
|
|
height:16px;
|
|
margin:0;
|
|
padding:0;
|
|
font-size:16px;
|
|
&.fa_big{
|
|
font-size:14px
|
|
}
|
|
}
|
|
&.error:after{
|
|
margin:0;
|
|
right:28px
|
|
}
|
|
}
|
|
& .dialog_sidebar_pages{
|
|
margin:0;
|
|
&:before{
|
|
color:var(--color-subtle_text);
|
|
padding:0 10px 5px;
|
|
font-size:12px;
|
|
font-weight:700;
|
|
display:block
|
|
}
|
|
}
|
|
& .dialog_sidebar_actions{
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:#3b3d44;
|
|
height:1px;
|
|
margin:8px 10px;
|
|
display:flex
|
|
}
|
|
}
|
|
}
|
|
& .dialog_content{
|
|
background-color:#303338;
|
|
max-width:calc(50vw + 259.5px);
|
|
max-height:calc(100vh - 22px);
|
|
padding:0;
|
|
&>div{
|
|
width:calc(min(100vw - 221px,740px) - 36px);
|
|
max-width:740px;
|
|
padding:60px 40px 80px;
|
|
position:relative;
|
|
&>h2{
|
|
margin:15px 0 25px;
|
|
font-size:20px;
|
|
font-weight:600;
|
|
line-height:24px
|
|
}
|
|
}
|
|
}
|
|
& .button_bar{
|
|
display:none
|
|
}
|
|
& .dialog_close_button{
|
|
color:#b5bac1;
|
|
border:2px solid #b5bac1;
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:36px;
|
|
height:36px;
|
|
display:flex;
|
|
top:60px;
|
|
right:calc(50vw - 480.5px);
|
|
& i{
|
|
min-width:initial;
|
|
font-size:20px
|
|
}
|
|
&:hover{
|
|
border:2px solid var(--color-text);
|
|
color:var(--color-text);
|
|
background-color:#393c41
|
|
}
|
|
&:before{
|
|
content:\"ESC\";
|
|
pointer-events:none;
|
|
font-size:13px;
|
|
font-weight:600;
|
|
position:absolute;
|
|
bottom:-26px;
|
|
left:50%;
|
|
transform:translate(-50%)
|
|
}
|
|
}
|
|
& #settings_search_bar{
|
|
width:initial;
|
|
position:absolute;
|
|
top:15px;
|
|
left:40px;
|
|
right:40px
|
|
}
|
|
& #settings_profile_wrapper{
|
|
font-weight:600;
|
|
top:64px;
|
|
right:40px;
|
|
position:absolute!important;
|
|
& i{
|
|
cursor:pointer;
|
|
color:var(--color-text)!important
|
|
}
|
|
}
|
|
& .bar_select{
|
|
width:initial;
|
|
margin:0
|
|
}
|
|
}
|
|
.profile_is_selected{
|
|
color:var(--color-accent_text)!important
|
|
}
|
|
.settings_list{
|
|
max-height:initial;
|
|
overflow-y:initial;
|
|
padding:0!important;
|
|
&>li{
|
|
flex-wrap:wrap;
|
|
justify-content:space-between;
|
|
padding:24px 0 20px;
|
|
display:flex;
|
|
position:relative;
|
|
&:not(:last-child):after{
|
|
content:\"\";
|
|
border-bottom:1px solid #3f4147;
|
|
display:flex;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0
|
|
}
|
|
&>:is(.bar_select,input:is([type=text],[type=password])){
|
|
width:100%!important;
|
|
margin-top:8px!important;
|
|
&+.password_toggle{
|
|
margin-top:-40px;
|
|
margin-left:auto
|
|
}
|
|
}
|
|
& .setting_icon{
|
|
z-index:2;
|
|
cursor:pointer;
|
|
margin:0;
|
|
position:absolute;
|
|
top:37px;
|
|
left:16px;
|
|
&>i{
|
|
justify-content:center;
|
|
width:32px;
|
|
height:32px;
|
|
margin:0;
|
|
font-size:32px;
|
|
transition:color .17s;
|
|
display:flex;
|
|
overflow:visible;
|
|
color:var(--color-text)!important
|
|
}
|
|
&+.setting_label{
|
|
z-index:1;
|
|
box-sizing:border-box;
|
|
max-width:initial;
|
|
cursor:pointer;
|
|
width:100%;
|
|
height:68px;
|
|
margin:-4px 0 5px;
|
|
padding:16px;
|
|
position:relative;
|
|
&>*{
|
|
cursor:pointer
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
background-color:#232428;
|
|
border-radius:8px;
|
|
transition:background-color .17s;
|
|
position:absolute;
|
|
inset:0
|
|
}
|
|
& .setting_name{
|
|
margin-left:48px;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
transition:color .17s
|
|
}
|
|
& .setting_description{
|
|
margin:0 0 0 48px;
|
|
font-size:12px;
|
|
line-height:16px
|
|
}
|
|
}
|
|
}
|
|
&:hover .setting_icon+.setting_label{
|
|
&:before{
|
|
background-color:var(--color-border)
|
|
}
|
|
& .setting_name{
|
|
color:var(--color-light)
|
|
}
|
|
}
|
|
}
|
|
& .setting_element{
|
|
width:initial;
|
|
order:1;
|
|
margin:0
|
|
}
|
|
& .setting_label{
|
|
max-width:calc(100% - 95px);
|
|
margin:0 10px 0 0
|
|
}
|
|
& input:is([type=text],[type=password]){
|
|
margin:0;
|
|
width:100%!important
|
|
}
|
|
& .setting_name{
|
|
color:#f2f3f5;
|
|
font-weight:500;
|
|
line-height:24px
|
|
}
|
|
& .setting_description{
|
|
color:#b5bac1;
|
|
margin-top:8px;
|
|
font-size:14px;
|
|
line-height:20px
|
|
}
|
|
& .numeric_input{
|
|
max-width:77px
|
|
}
|
|
}
|
|
#keybindlist{
|
|
overflow:initial;
|
|
max-height:min(555px,100vh - 235px);
|
|
margin:0 -16px 0 0;
|
|
padding:12px 16px 0 0;
|
|
&>li{
|
|
border-top:1px solid #404148;
|
|
padding:18px 0 27px;
|
|
position:relative;
|
|
&:before{
|
|
content:\"ACTION\";
|
|
margin-bottom:7px;
|
|
display:block
|
|
}
|
|
&:after{
|
|
content:\"KEYBIND\";
|
|
position:absolute;
|
|
top:20px;
|
|
left:calc(50% + 10px)
|
|
}
|
|
&:before,&:after{
|
|
letter-spacing:.24px;
|
|
color:#b5bac1;
|
|
font-size:12px;
|
|
font-weight:700
|
|
}
|
|
&:hover>.keybind_line>.tool{
|
|
display:flex
|
|
}
|
|
& .keybind_line:after{
|
|
content:\"\";
|
|
width:66px;
|
|
display:flex;
|
|
position:absolute;
|
|
top:-12px;
|
|
bottom:12px;
|
|
right:-66px
|
|
}
|
|
& .keybind_line__sub:after{
|
|
top:0;
|
|
bottom:0
|
|
}
|
|
}
|
|
}
|
|
.keybind_line{
|
|
position:initial;
|
|
align-items:flex-start;
|
|
gap:20px;
|
|
&>:first-child{
|
|
width:calc(50% - 10px)!important;
|
|
padding:0!important;
|
|
&>:first-child{
|
|
background-color:var(--color-border);
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
border-radius:4px;
|
|
width:100%;
|
|
height:36px;
|
|
padding:8px 12px;
|
|
line-height:20px;
|
|
overflow:hidden
|
|
}
|
|
}
|
|
& .keybindslot:empty~[title=Empty]{
|
|
display:none!important
|
|
}
|
|
}
|
|
.keybind_line .tool{
|
|
color:var(--color-light);
|
|
cursor:pointer;
|
|
z-index:1;
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:24px;
|
|
max-width:24px;
|
|
min-height:24px;
|
|
max-height:24px;
|
|
margin:0;
|
|
display:none;
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
transform:translateY(-50%);
|
|
box-shadow:0 0 0 1px #1e1f2299,0 1px 5px #0000004d;
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
display:flex;
|
|
font-size:16px!important
|
|
}
|
|
&[title=Empty]{
|
|
background-color:#f23f42;
|
|
right:-60px
|
|
}
|
|
&[title=Reset]{
|
|
background-color:var(--color-accent);
|
|
right:-30px
|
|
}
|
|
}
|
|
.keybind_guide_line{
|
|
display:none
|
|
}
|
|
.keybindslot{
|
|
border:1px solid #1f2023;
|
|
border-radius:3px;
|
|
align-items:center;
|
|
gap:3px;
|
|
min-width:calc(50% - 10px);
|
|
transition:border-color .15s;
|
|
display:flex;
|
|
position:relative;
|
|
cursor:pointer!important;
|
|
background-color:#2c2e32!important;
|
|
width:calc(50% - 10px)!important;
|
|
height:40px!important;
|
|
padding:10px!important;
|
|
&:empty:before{
|
|
content:\"No Keybind Set\";
|
|
color:var(--color-subtle_text);
|
|
font-size:14px;
|
|
line-height:22px
|
|
}
|
|
&:after{
|
|
content:\"keyboard\";
|
|
background-color:var(--color-button);
|
|
color:var(--color-light);
|
|
border-radius:2px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:40px;
|
|
height:30px;
|
|
font-family:Material Icons;
|
|
font-size:24px;
|
|
font-weight:500;
|
|
transition:background-color .2s ease-in-out,width .2s ease-in-out;
|
|
display:flex;
|
|
position:absolute;
|
|
right:4px;
|
|
overflow:hidden
|
|
}
|
|
&:hover{
|
|
border-color:#683337!important;
|
|
&:after{
|
|
background-color:var(--color-selected)!important
|
|
}
|
|
}
|
|
&:active{
|
|
border-color:#683337!important;
|
|
&:after{
|
|
background-color:#80848e!important
|
|
}
|
|
}
|
|
&:hover:after,&:active:after{
|
|
content:\"Edit Keybind\";
|
|
width:128px;
|
|
font-family:gg sans;
|
|
font-size:14px
|
|
}
|
|
&:empty:after{
|
|
content:\"Record Keybind\";
|
|
width:136px;
|
|
font-family:gg sans;
|
|
font-size:14px
|
|
}
|
|
&>*{
|
|
text-transform:uppercase;
|
|
font-size:14px;
|
|
background-color:initial!important;
|
|
color:#f2f3f5!important;
|
|
padding:0!important
|
|
}
|
|
&.conflict{
|
|
border-left:4px solid var(--color-close)!important
|
|
}
|
|
}
|
|
.keybind_item_sub_keybinds{
|
|
flex-direction:column;
|
|
gap:6px;
|
|
margin-top:6px;
|
|
display:flex!important
|
|
}
|
|
.keybind_line__sub{
|
|
position:relative;
|
|
& .tool{
|
|
top:20px
|
|
}
|
|
&:hover .tool{
|
|
display:flex
|
|
}
|
|
& .keybindslot:empty~[title=Empty]{
|
|
display:none
|
|
}
|
|
}
|
|
.keybind_line__sub:before{
|
|
content:\"subdirectory_arrow_right\";
|
|
height:36px;
|
|
margin:3px -12px 0 0;
|
|
padding:0;
|
|
font-family:Material Icons;
|
|
font-size:18px
|
|
}
|
|
input:is([type=text],[type=password],:not([type])),.cem_animation_range_number{
|
|
color:var(--color-text);
|
|
box-sizing:border-box;
|
|
border-radius:4px;
|
|
font-size:16px;
|
|
display:flex;
|
|
background-color:var(--color-border)!important;
|
|
height:40px!important;
|
|
padding:10px!important;
|
|
&::placeholder{
|
|
color:#87898c;
|
|
opacity:1
|
|
}
|
|
&::-webkit-calendar-picker-indicator{
|
|
transform:translate(3px,-4px)
|
|
}
|
|
&+.password_toggle{
|
|
cursor:pointer;
|
|
width:40px;
|
|
height:40px;
|
|
&>i{
|
|
color:#b5bac1;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:40px;
|
|
height:40px;
|
|
margin:0;
|
|
font-size:18px;
|
|
display:flex
|
|
}
|
|
&:hover>i{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
}
|
|
.search_bar,.minecraft-texture-search{
|
|
& input{
|
|
height:34px!important;
|
|
padding:0 10px!important
|
|
}
|
|
& i{
|
|
cursor:pointer;
|
|
color:#ded5c7;
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:34px;
|
|
min-height:34px;
|
|
margin:0;
|
|
font-size:25px;
|
|
display:flex;
|
|
right:0!important;
|
|
top:initial!important;
|
|
&:hover{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
&.minecraft-texture-search i{
|
|
top:50%!important
|
|
}
|
|
}
|
|
:not(.setting_element)>input[type=checkbox],#import_texture_list>li{
|
|
cursor:pointer;
|
|
min-width:24px;
|
|
max-width:24px;
|
|
padding:0!important;
|
|
&:before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\" fill=\\\"none\\\"><path d=\\\"M6.5 0A6.5 6.5 0 0 0 0 6.5v11A6.5 6.5 0 0 0 6.5 24h11a6.5 6.5 0 0 0 6.5-6.5v-11A6.5 6.5 0 0 0 17.5 0zm0 1h11C20.556 1 23 3.444 23 6.5v11c0 3.056-2.444 5.5-5.5 5.5h-11C3.444 23 1 20.556 1 17.5v-11C1 3.444 3.444 1 6.5 1z\\\" fill=\\\"%2380848e\\\"/></svg>\");
|
|
border-radius:6px;
|
|
min-width:24px;
|
|
height:24px;
|
|
display:flex;
|
|
content:\"\"!important
|
|
}
|
|
&:checked:before,&.selected:before{
|
|
background-image:url(\"data:image/svg+xml,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" width=\\\"24\\\" height=\\\"24\\\"><path d=\\\"M6.5.5h11a6 6 0 0 1 6 6v11a6 6 0 0 1-6 6h-11a6 6 0 0 1-6-6v-11a6 6 0 0 1 6-6z\\\" fill=\\\"%235865f2\\\"/><path d=\\\"M6.5,0A6.5,6.5,0,0,0,0,6.5v11A6.5,6.5,0,0,0,6.5,24h11A6.5,6.5,0,0,0,24,17.5V6.5A6.5,6.5,0,0,0,17.5,0Zm0,1h11A5.47,5.47,0,0,1,23,6.5v11A5.47,5.47,0,0,1,17.5,23H6.5A5.47,5.47,0,0,1,1,17.5V6.5A5.47,5.47,0,0,1,6.5,1Z\\\" fill=\\\"%237983f5\\\"/><path d=\\\"M19.28,7a.76.76,0,0,1,0,1l-9,9a.76.76,0,0,1-1,0l-4.5-4.5a.75.75,0,1,1,.9-1.2l.15.15,4,3.95L18.22,7a.74.74,0,0,1,1.05,0Z\\\" fill=\\\"%23fff\\\"/></svg>\")
|
|
}
|
|
}
|
|
.setting_element>input[type=checkbox]{
|
|
cursor:pointer;
|
|
background-color:#80848e;
|
|
border-radius:12px;
|
|
width:40px;
|
|
height:24px;
|
|
margin:0;
|
|
transition:background-color .3s;
|
|
position:relative;
|
|
&:before,&:after{
|
|
color:#80848e;
|
|
background-image:none;
|
|
width:18px;
|
|
height:18px;
|
|
display:flex;
|
|
position:absolute;
|
|
top:3px;
|
|
left:12px;
|
|
content:\"\"!important
|
|
}
|
|
&:before{
|
|
background-color:var(--color-light);
|
|
border-radius:10px;
|
|
animation:.3s reverse forwards discord-toggle-bg;
|
|
transform:translate(-50%)
|
|
}
|
|
&:after{
|
|
background-color:inherit;
|
|
animation:.3s reverse forwards discord-toggle-fg;
|
|
transform:translate(-50%)rotate(-45deg);
|
|
-webkit-mask-image:url(data:image/png;
|
|
base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABNJREFUeF5joBzI/xiqjFEGxQAAPmI2fxoBv/YAAAAASUVORK5CYII=),url(data:image/png;
|
|
base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABRJREFUeF5jGIGA8T8YNFCfMfIAANzbQM899tcIAAAAAElFTkSuQmCC);
|
|
mask-image:url(data:image/png;
|
|
base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABNJREFUeF5joBzI/xiqjFEGxQAAPmI2fxoBv/YAAAAASUVORK5CYII=),url(data:image/png;
|
|
base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEX/////AADrWueTAAAAAXRSTlMAQObYZgAAABRJREFUeF5jGIGA8T8YNFCfMfIAANzbQM899tcIAAAAAElFTkSuQmCC);
|
|
-webkit-mask-repeat:no-repeat;
|
|
mask-repeat:no-repeat
|
|
}
|
|
&:checked{
|
|
background-color:#23a55a;
|
|
&:before{
|
|
animation:.3s forwards discord-toggle-bg2
|
|
}
|
|
&:after{
|
|
animation:.3s forwards discord-toggle-fg2
|
|
}
|
|
}
|
|
}
|
|
@keyframes discord-toggle-bg{
|
|
0%{
|
|
width:18px;
|
|
left:12px
|
|
}
|
|
50%{
|
|
width:25px
|
|
}
|
|
to{
|
|
width:18px;
|
|
left:28px
|
|
}
|
|
}
|
|
@keyframes discord-toggle-bg2{
|
|
0%{
|
|
width:18px;
|
|
left:12px
|
|
}
|
|
50%{
|
|
width:25px
|
|
}
|
|
to{
|
|
width:18px;
|
|
left:28px
|
|
}
|
|
}
|
|
@keyframes discord-toggle-fg{
|
|
0%{
|
|
width:18px;
|
|
left:12px;
|
|
transform:translate(-50%)rotate(-45deg);
|
|
-webkit-mask-position:50%,50%;
|
|
mask-position:50%,50%;
|
|
-webkit-mask-size:14px 14px,14px 14px;
|
|
mask-size:14px 14px,14px 14px
|
|
}
|
|
50%{
|
|
width:25px;
|
|
transform:translate(-50%);
|
|
-webkit-mask-position:50%,50%;
|
|
mask-position:50%,50%;
|
|
-webkit-mask-size:14px 0,7px 14px;
|
|
mask-size:14px 0,7px 14px
|
|
}
|
|
to{
|
|
width:18px;
|
|
left:28px;
|
|
transform:translate(-50%)rotate(-45deg);
|
|
-webkit-mask-position:-60% 40%,50% 60%;
|
|
mask-position:-60% 40%,50% 60%;
|
|
-webkit-mask-size:14px 7px,14px 12px;
|
|
mask-size:14px 7px,14px 12px
|
|
}
|
|
}
|
|
@keyframes discord-toggle-fg2{
|
|
0%{
|
|
width:18px;
|
|
left:12px;
|
|
transform:translate(-50%)rotate(-45deg);
|
|
-webkit-mask-position:50%,50%;
|
|
mask-position:50%,50%;
|
|
-webkit-mask-size:14px 14px,14px 14px;
|
|
mask-size:14px 14px,14px 14px
|
|
}
|
|
50%{
|
|
width:25px;
|
|
transform:translate(-50%);
|
|
-webkit-mask-position:50%,50%;
|
|
mask-position:50%,50%;
|
|
-webkit-mask-size:14px 0,7px 14px;
|
|
mask-size:14px 0,7px 14px
|
|
}
|
|
to{
|
|
width:18px;
|
|
left:28px;
|
|
transform:translate(-50%)rotate(-45deg);
|
|
-webkit-mask-position:-60% 40%,60% 60%;
|
|
mask-position:-60% 40%,60% 60%;
|
|
-webkit-mask-size:14px 7px,14px 12px;
|
|
mask-size:14px 7px,14px 12px
|
|
}
|
|
}
|
|
bb-select{
|
|
background-color:var(--color-border);
|
|
box-sizing:initial;
|
|
cursor:pointer;
|
|
border-radius:4px;
|
|
align-items:center;
|
|
height:36px;
|
|
padding:0 26.8px 0 12.8px;
|
|
display:flex;
|
|
color:var(--color-text)!important;
|
|
display:flex!important;
|
|
&:before{
|
|
content:\"expand_more\";
|
|
align-items:center;
|
|
font-family:Material Icons;
|
|
font-weight:500;
|
|
display:flex;
|
|
top:50%;
|
|
right:8px;
|
|
transform:translateY(-50%)
|
|
}
|
|
}
|
|
.numeric_input{
|
|
min-width:72px;
|
|
height:36px!important;
|
|
&>input{
|
|
height:36px!important
|
|
}
|
|
}
|
|
.numeric_input_slider{
|
|
border-radius:4px;
|
|
align-items:center;
|
|
display:flex;
|
|
color:var(--color-text)!important;
|
|
width:30px!important;
|
|
height:36px!important;
|
|
right:0!important;
|
|
&>i{
|
|
min-width:18px!important;
|
|
min-height:18px!important;
|
|
margin:0 0 0 2px!important;
|
|
padding:0!important
|
|
}
|
|
}
|
|
#quick_message_box{
|
|
background-color:var(--color-border);
|
|
color:#f2f3f5;
|
|
box-shadow:none;
|
|
border-radius:32px;
|
|
max-width:calc(100vw - 40px);
|
|
padding:16px;
|
|
animation:.15s forwards discord-message-box;
|
|
top:36px
|
|
}
|
|
@keyframes discord-message-box{
|
|
0%{
|
|
transform:translateY(-100px)
|
|
}
|
|
to{
|
|
transform:translateY(0)
|
|
}
|
|
}
|
|
dialog .dialog_bar.button_bar{
|
|
background-color:var(--color-ui);
|
|
gap:0;
|
|
padding:16px;
|
|
flex-wrap:nowrap!important;
|
|
margin:0!important;
|
|
& button{
|
|
min-width:78px;
|
|
height:38px;
|
|
padding:2px 7px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
color:var(--color-light)!important;
|
|
background-color:#0000!important;
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
&.confirm_btn{
|
|
border-radius:3px;
|
|
order:1;
|
|
min-width:96px;
|
|
padding:2px 16px;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
background-color:var(--color-accent)!important;
|
|
&:hover{
|
|
background-color:#4752c4!important
|
|
}
|
|
&:active{
|
|
background-color:#3c45a5!important
|
|
}
|
|
&.cancel_btn{
|
|
background-color:var(--color-button)!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)!important
|
|
}
|
|
&:active{
|
|
background-color:#80848e!important
|
|
}
|
|
}
|
|
}
|
|
&:last-child:nth-child(2){
|
|
min-width:96px;
|
|
padding:2px 16px
|
|
}
|
|
&:last-child:not(:nth-child(2)):not(:first-child){
|
|
min-width:87px;
|
|
padding:2px 16px 2px 7px
|
|
}
|
|
}
|
|
}
|
|
.dialog_bar.form_bar{
|
|
flex-wrap:wrap;
|
|
align-items:center;
|
|
column-gap:8px;
|
|
margin:0;
|
|
display:flex;
|
|
position:relative;
|
|
&:not(:last-child){
|
|
margin-bottom:16px
|
|
}
|
|
&>label{
|
|
color:#b5bac1;
|
|
text-transform:uppercase;
|
|
letter-spacing:.24px;
|
|
flex:100%;
|
|
margin-bottom:8px;
|
|
padding:0;
|
|
font-size:12px;
|
|
font-weight:700;
|
|
line-height:16px;
|
|
&:empty{
|
|
pointer-events:none;
|
|
&~*{
|
|
margin-top:-32px
|
|
}
|
|
&~.dialog_form_description{
|
|
display:none
|
|
}
|
|
}
|
|
}
|
|
& input{
|
|
color:var(--color-text)
|
|
}
|
|
&>.half{
|
|
width:initial
|
|
}
|
|
&.small_text>p{
|
|
font-size:16px;
|
|
&:empty{
|
|
display:none
|
|
}
|
|
}
|
|
&.form_toggle_disabled>label{
|
|
opacity:1
|
|
}
|
|
&>:not(label){
|
|
order:2
|
|
}
|
|
& .form_input_toggle{
|
|
order:1
|
|
}
|
|
& .form_inline_select{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
& li{
|
|
height:initial;
|
|
background-color:var(--color-ui);
|
|
text-align:left;
|
|
color:#b5bac1;
|
|
border-radius:4px;
|
|
padding:10px 10px 10px 42px;
|
|
position:relative;
|
|
&:before{
|
|
content:\"\";
|
|
border:2px solid #b5bac1;
|
|
border-radius:50%;
|
|
width:20px;
|
|
height:20px;
|
|
display:flex;
|
|
position:absolute;
|
|
top:50%;
|
|
left:12px;
|
|
transform:translateY(-50%)
|
|
}
|
|
&:hover{
|
|
color:var(--color-text);
|
|
background-color:#393c41;
|
|
&:before{
|
|
border:2px solid var(--color-text)
|
|
}
|
|
}
|
|
&.selected{
|
|
color:var(--color-light);
|
|
background-color:#43444b;
|
|
&:before{
|
|
border:2px solid var(--color-light)
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
background-color:var(--color-light);
|
|
border-radius:50%;
|
|
width:10px;
|
|
height:10px;
|
|
display:flex;
|
|
position:absolute;
|
|
top:50%;
|
|
left:17px;
|
|
transform:translateY(-50%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&.form_bar_file .input_wrapper{
|
|
cursor:pointer;
|
|
& input{
|
|
padding-right:34px
|
|
}
|
|
& i{
|
|
opacity:1;
|
|
margin:0;
|
|
top:50%;
|
|
right:7px;
|
|
transform:translateY(-50%)
|
|
}
|
|
&:hover i{
|
|
color:var(--color-light)
|
|
}
|
|
&+.tool{
|
|
width:32px;
|
|
&>i{
|
|
margin:4px
|
|
}
|
|
}
|
|
}
|
|
& :not(.numeric_input)>.tool{
|
|
cursor:pointer;
|
|
width:22px!important;
|
|
height:22px!important
|
|
}
|
|
& .password_toggle{
|
|
position:absolute;
|
|
top:24px;
|
|
right:0
|
|
}
|
|
& .range_input_label{
|
|
padding-top:0
|
|
}
|
|
}
|
|
.dialog_form_description{
|
|
color:#73767d;
|
|
cursor:pointer;
|
|
width:28px;
|
|
transition:color .2s ease-in-out;
|
|
position:absolute;
|
|
top:-6px;
|
|
right:2px;
|
|
&:hover{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
.sp-replacer{
|
|
background-color:#0000;
|
|
padding:0;
|
|
position:relative
|
|
}
|
|
.sp-preview{
|
|
border-radius:6px;
|
|
min-width:60px;
|
|
height:100%;
|
|
margin:0
|
|
}
|
|
.sp-dd,#theme_editor .color_input{
|
|
cursor:pointer;
|
|
border-radius:6px;
|
|
font-size:0;
|
|
position:relative;
|
|
&:before{
|
|
content:\"colorize\";
|
|
filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 3px #0004);
|
|
color:#f9f9f9;
|
|
font-family:Material Icons;
|
|
font-size:14px;
|
|
position:absolute;
|
|
top:4px;
|
|
right:4px
|
|
}
|
|
}
|
|
.sp-preview-inner{
|
|
border-radius:4px
|
|
}
|
|
dialog#validator :is(.validator_warning,.validator_error),.theme_backup_bar{
|
|
background-color:#444037;
|
|
border:1px solid #f0b132;
|
|
border-radius:4px;
|
|
align-items:flex-start;
|
|
margin-bottom:16px;
|
|
padding:8px;
|
|
line-height:22px;
|
|
display:flex;
|
|
&:is(.validator_warning,.validator_error)>i{
|
|
display:none
|
|
}
|
|
&.theme_backup_bar>i{
|
|
max-width:initial;
|
|
flex:1;
|
|
justify-content:flex-end;
|
|
align-items:center;
|
|
height:22px;
|
|
margin-left:10px;
|
|
padding:0;
|
|
display:flex
|
|
}
|
|
& p{
|
|
align-items:center;
|
|
min-height:22px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
line-height:18px;
|
|
display:flex
|
|
}
|
|
& .tool{
|
|
height:initial;
|
|
width:initial;
|
|
margin-left:10px;
|
|
& i{
|
|
cursor:pointer;
|
|
justify-content:center;
|
|
align-items:center;
|
|
margin:0;
|
|
padding:0;
|
|
font-size:22px;
|
|
display:flex;
|
|
&.fa_big{
|
|
font-size:20px
|
|
}
|
|
}
|
|
}
|
|
&:before{
|
|
content:\"error\";
|
|
color:var(--color-warning);
|
|
align-items:center;
|
|
height:22px;
|
|
margin-right:10px;
|
|
font-family:Material Icons;
|
|
font-size:22px;
|
|
display:flex
|
|
}
|
|
&.validator_error{
|
|
border:1px solid var(--color-error);
|
|
background-color:#433439;
|
|
&:before{
|
|
color:var(--color-error)
|
|
}
|
|
}
|
|
&:last-child{
|
|
margin-bottom:0
|
|
}
|
|
& .markdown>p{
|
|
align-items:flex-start;
|
|
gap:10px;
|
|
display:flex
|
|
}
|
|
& code{
|
|
background-color:var(--color-ui);
|
|
border-radius:4px;
|
|
padding:7px
|
|
}
|
|
}
|
|
dialog#action_selector{
|
|
height:initial;
|
|
transform-origin:50%;
|
|
width:570px;
|
|
max-height:calc(100vh - 220px);
|
|
padding:20px 20px 0;
|
|
&>:is(:first-child,i){
|
|
background-color:initial;
|
|
cursor:pointer;
|
|
z-index:1;
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:36px;
|
|
height:70px;
|
|
padding:0;
|
|
display:flex;
|
|
position:absolute;
|
|
top:20px;
|
|
left:20px
|
|
}
|
|
&>i{
|
|
right:20px;
|
|
left:initial!important
|
|
}
|
|
&>input{
|
|
border:none;
|
|
border-radius:5px;
|
|
width:100%;
|
|
margin-bottom:16px;
|
|
font-size:22px;
|
|
line-height:70px;
|
|
height:70px!important;
|
|
padding:0 48px!important
|
|
}
|
|
}
|
|
.action_selector_type_overlay{
|
|
background-color:var(--color-border);
|
|
height:70px;
|
|
font-size:22px;
|
|
top:20px;
|
|
left:68px
|
|
}
|
|
#action_selector_list{
|
|
width:initial!important;
|
|
box-shadow:none!important;
|
|
background-color:initial!important;
|
|
margin:0 -17px 0 -20px!important;
|
|
&>ul{
|
|
color:#b5bac1;
|
|
background-color:initial;
|
|
max-height:calc(min(400px,100vh - 364px));
|
|
padding:0 9px 0 20px;
|
|
overflow-y:scroll;
|
|
&>li{
|
|
cursor:pointer;
|
|
border-radius:3px;
|
|
align-items:center;
|
|
height:34px;
|
|
padding:0 10px;
|
|
color:#b5bac1!important;
|
|
&.selected{
|
|
background-color:#404249
|
|
}
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
padding:0;
|
|
font-size:16px;
|
|
display:flex;
|
|
width:20px!important
|
|
}
|
|
&>span{
|
|
padding:0 4px 0 5px;
|
|
font-weight:500
|
|
}
|
|
&>label{
|
|
font-size:14px;
|
|
font-weight:500
|
|
}
|
|
}
|
|
}
|
|
& .small_text{
|
|
align-items:center;
|
|
min-height:38px;
|
|
line-height:18px;
|
|
display:flex;
|
|
color:#94979b!important;
|
|
background-color:initial!important;
|
|
padding:10px 20px!important
|
|
}
|
|
}
|
|
dialog#scale .dialog_bar:first-child{
|
|
margin-bottom:44px;
|
|
& label.toggle_panel{
|
|
background-color:var(--color-button);
|
|
border-radius:3px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:36px;
|
|
margin:0;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
transition:background-color .17s;
|
|
display:flex;
|
|
color:var(--color-light)!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
}
|
|
& input:checked+label{
|
|
&:nth-child(2){
|
|
background-color:#da373c;
|
|
&:hover{
|
|
background-color:#a12828
|
|
}
|
|
&:active{
|
|
background-color:#8f2022
|
|
}
|
|
}
|
|
&:nth-child(4){
|
|
background-color:#248046;
|
|
&:hover{
|
|
background-color:#1a6334
|
|
}
|
|
&:active{
|
|
background-color:#15562b
|
|
}
|
|
}
|
|
&:nth-child(6){
|
|
background-color:var(--color-accent);
|
|
&:hover{
|
|
background-color:#4752c4
|
|
}
|
|
&:active{
|
|
background-color:#3c45a5
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dialog_vector_group{
|
|
gap:8px
|
|
}
|
|
.form_bar_pivot_options .dialog_form_buttons{
|
|
width:66.1%;
|
|
transform:translateY(-16px);
|
|
&>a{
|
|
flex:1
|
|
}
|
|
}
|
|
::-webkit-slider-thumb{
|
|
box-shadow:0 3px 1px #0000000d,0 2px 2px #0000001a,0 3px 3px #0000000d;
|
|
background-color:var(--color-light)!important;
|
|
border:1px solid #e3e5e8!important;
|
|
border-radius:3px!important;
|
|
width:10px!important;
|
|
height:24px!important
|
|
}
|
|
::-webkit-slider-runnable-track{
|
|
border-radius:4px;
|
|
background-color:var(--color-accent)!important;
|
|
height:8px!important
|
|
}
|
|
#panel_display{
|
|
& [title=X] ::-webkit-slider-runnable-track{
|
|
background-color:var(--color-axis-x)!important
|
|
}
|
|
& [title=Y] ::-webkit-slider-runnable-track{
|
|
background-color:var(--color-axis-y)!important
|
|
}
|
|
}
|
|
.sp-container{
|
|
box-shadow:var(--box-shadow);
|
|
border:1px solid var(--color-border);
|
|
background-color:#303338;
|
|
border-radius:4px;
|
|
padding:16px;
|
|
margin:0!important;
|
|
&.sp-flat{
|
|
width:100%!important;
|
|
& .sp-picker-container{
|
|
width:100%
|
|
}
|
|
}
|
|
}
|
|
.sp-picker-container{
|
|
flex-direction:column;
|
|
width:220px;
|
|
display:flex;
|
|
margin:0!important;
|
|
padding:0!important
|
|
}
|
|
.sp-fill{
|
|
display:none
|
|
}
|
|
.sp-top-inner{
|
|
height:150px;
|
|
position:relative
|
|
}
|
|
.sp-color{
|
|
border-radius:3px;
|
|
right:16px
|
|
}
|
|
.sp-sat,.sp-val{
|
|
cursor:crosshair;
|
|
border-radius:3px
|
|
}
|
|
.sp-hue{
|
|
cursor:crosshair;
|
|
border-radius:3px;
|
|
width:8px
|
|
}
|
|
.sp-slider{
|
|
background-color:var(--color-light);
|
|
cursor:ns-resize;
|
|
border:none;
|
|
border-radius:3px;
|
|
width:16px;
|
|
height:8px;
|
|
left:-4px;
|
|
transform:translateY(12px);
|
|
box-shadow:0 0 2px #0009
|
|
}
|
|
.sp-alpha{
|
|
border-radius:3px;
|
|
height:8px;
|
|
margin-top:-6px;
|
|
margin-right:16px
|
|
}
|
|
.sp-alpha-inner{
|
|
cursor:crosshair;
|
|
border-radius:3px
|
|
}
|
|
.sp-alpha-handle{
|
|
cursor:ew-resize;
|
|
border:none;
|
|
border-radius:3px;
|
|
width:8px;
|
|
height:16px;
|
|
top:2px;
|
|
box-shadow:0 0 2px #0009;
|
|
background-color:var(--color-light)!important
|
|
}
|
|
.sp-input-container{
|
|
width:100%;
|
|
margin-top:19px
|
|
}
|
|
.sp-input{
|
|
font-family:gg sans
|
|
}
|
|
.sp-dragger{
|
|
box-shadow:var(--color-light)0 0 0 1.5px,#0000004d 0 0 1px 1px inset,#0006 0 0 1px 2px;
|
|
background-color:initial;
|
|
border:none;
|
|
border-radius:50%;
|
|
width:4px;
|
|
height:4px;
|
|
transform:translate(-1px,-1px)
|
|
}
|
|
.sp-button-container{
|
|
height:initial;
|
|
gap:8px;
|
|
width:100%;
|
|
margin-top:8px;
|
|
display:flex;
|
|
&:before,&:after{
|
|
display:none
|
|
}
|
|
& a{
|
|
color:var(--color-light);
|
|
border-radius:3px;
|
|
flex:1;
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-height:32px;
|
|
margin:0;
|
|
padding:0;
|
|
font-size:14px;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
display:flex;
|
|
&>i{
|
|
display:none
|
|
}
|
|
&:first-child{
|
|
background-color:#da373c;
|
|
&:hover{
|
|
background-color:#a12828
|
|
}
|
|
&:active{
|
|
background-color:#8f2022
|
|
}
|
|
&:after{
|
|
content:\"Reset\"
|
|
}
|
|
}
|
|
&:nth-child(2){
|
|
background-color:var(--color-button);
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
&:after{
|
|
content:\"Cancel\"
|
|
}
|
|
}
|
|
&:last-child{
|
|
background-color:#248046;
|
|
&:hover{
|
|
background-color:#1a6334
|
|
}
|
|
&:active{
|
|
background-color:#15562b
|
|
}
|
|
&:after{
|
|
content:\"Confirm\"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#panel_color .sp-container{
|
|
padding:0
|
|
}
|
|
dialog:not(#settings):not(#keybindings){
|
|
& .dialog_wrapper.has_sidebar{
|
|
flex-direction:column;
|
|
padding-left:176px;
|
|
display:flex!important;
|
|
&>.button_bar{
|
|
border-left:1px solid var(--color-border)
|
|
}
|
|
}
|
|
& .dialog_sidebar{
|
|
background-color:var(--color-ui);
|
|
width:176px;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0
|
|
}
|
|
& .dialog_sidebar_pages,& .dialog_sidebar_actions,& #cem-report-issues{
|
|
flex-direction:column;
|
|
gap:2px;
|
|
display:flex;
|
|
margin:8px 0!important;
|
|
&>li,&>a{
|
|
color:var(--color-subtle_text);
|
|
border-radius:4px;
|
|
justify-content:flex-start;
|
|
align-items:center;
|
|
gap:0;
|
|
min-height:34px;
|
|
margin:0 8px;
|
|
font-weight:500;
|
|
line-height:22px;
|
|
display:flex;
|
|
width:initial!important;
|
|
border:none!important;
|
|
padding:6px 8px!important;
|
|
&:hover{
|
|
color:var(--color-text)!important;
|
|
background-color:#35373c!important
|
|
}
|
|
&:active{
|
|
color:var(--color-text)!important;
|
|
background-color:#3b3d44!important
|
|
}
|
|
&.selected{
|
|
color:var(--color-light)!important;
|
|
background-color:#404249!important
|
|
}
|
|
&>i{
|
|
color:var(--color-subtle_text);
|
|
width:20px;
|
|
height:20px;
|
|
margin:0 6px 0 0;
|
|
font-size:20px;
|
|
&.fa_big{
|
|
font-size:18px
|
|
}
|
|
}
|
|
&>*{
|
|
text-decoration:none
|
|
}
|
|
}
|
|
}
|
|
& .dialog_sidebar_actions,& #cem-report-issues{
|
|
border-top:1px solid var(--color-border);
|
|
justify-content:center;
|
|
min-height:63px;
|
|
padding:8px 0 0;
|
|
margin-top:auto!important
|
|
}
|
|
}
|
|
.dialog_handle:has(+.has_sidebar){
|
|
margin-left:176px
|
|
}
|
|
.dialog_bar{
|
|
align-items:center;
|
|
display:flex
|
|
}
|
|
#web_download_button{
|
|
color:var(--color-subtle_text);
|
|
margin-top:1px;
|
|
font-size:12px;
|
|
font-weight:700;
|
|
&>a{
|
|
align-items:center;
|
|
gap:4px;
|
|
padding:0 4px;
|
|
display:flex
|
|
}
|
|
& i{
|
|
font-size:14px
|
|
}
|
|
}
|
|
.prism-editor-wrapper,textarea{
|
|
cursor:text;
|
|
border:1px solid var(--color-border);
|
|
border-radius:4px;
|
|
padding:0;
|
|
background-color:var(--color-ui)!important;
|
|
& .prism-editor__line-numbers{
|
|
position:sticky;
|
|
left:0;
|
|
background-color:var(--color-ui)!important;
|
|
min-height:initial!important;
|
|
padding:7px 0 0 7px!important
|
|
}
|
|
& .prism-editor__line-number{
|
|
padding:0 4px;
|
|
font-size:14px;
|
|
line-height:18px;
|
|
translate:-4px;
|
|
background-color:var(--color-ui)!important
|
|
}
|
|
& pre{
|
|
background-color:var(--color-ui);
|
|
padding:7px 7px 7px 14px
|
|
}
|
|
& pre,& code{
|
|
text-shadow:none;
|
|
font-size:14px;
|
|
line-height:18px
|
|
}
|
|
}
|
|
.prism-editor-wrapper pre,textarea{
|
|
padding:7px!important
|
|
}
|
|
.panel .prism-editor-wrapper,textarea{
|
|
background-color:var(--color-border)!important;
|
|
& .prism-editor__line-numbers,& .prism-editor__line-number,& pre{
|
|
background-color:var(--color-border)!important;
|
|
&.cem_animation_error_line{
|
|
margin-right:0;
|
|
background-color:var(--color-error)!important;
|
|
&:after{
|
|
border-top-width:9px;
|
|
border-bottom-width:9px;
|
|
border-left-width:9px
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-error);
|
|
width:3px;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:-3px
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.dialog_menu_button{
|
|
margin-right:2px
|
|
}
|
|
#css_editor{
|
|
height:calc(100vh - 237px);
|
|
min-height:128px
|
|
}
|
|
#thumbnail_editor{
|
|
height:calc(100vh - 363px);
|
|
min-height:128px
|
|
}
|
|
.language-css{
|
|
& .selector,& .property,& .important{
|
|
color:#79c0ff
|
|
}
|
|
& .comment{
|
|
color:#8b949e
|
|
}
|
|
}
|
|
.language-json{
|
|
& .property,& .number{
|
|
color:#79c0ff
|
|
}
|
|
& .string{
|
|
color:#a5d6ff
|
|
}
|
|
}
|
|
#var_placeholder_area{
|
|
width:calc(100% - 20px);
|
|
margin:10px
|
|
}
|
|
:is(.form_bar,.dialog_bar) .prism-editor-component{
|
|
border-radius:4px;
|
|
width:100%;
|
|
height:83px;
|
|
font-size:16px;
|
|
display:flex;
|
|
& .prism-editor-wrapper{
|
|
background-color:var(--color-border)!important
|
|
}
|
|
& pre{
|
|
background-color:var(--color-border);
|
|
padding:0;
|
|
font-size:16px;
|
|
line-height:normal
|
|
}
|
|
& code{
|
|
min-height:initial;
|
|
font-size:16px;
|
|
line-height:20px
|
|
}
|
|
}
|
|
.panel .prism-editor-wrapper,.form_bar .prism-editor-wrapper{
|
|
&::-webkit-scrollbar{
|
|
width:10px;
|
|
height:10px
|
|
}
|
|
&::-webkit-scrollbar-corner{
|
|
background-color:var(--color-border)!important
|
|
}
|
|
&::-webkit-scrollbar-track{
|
|
border:2px solid var(--color-border);
|
|
border-radius:5px
|
|
}
|
|
&::-webkit-scrollbar-thumb:vertical{
|
|
border-left:2px solid var(--color-border);
|
|
border-right:2px solid var(--color-border);
|
|
border-radius:5px
|
|
}
|
|
&::-webkit-scrollbar-thumb:horizontal{
|
|
border-top:2px solid var(--color-border);
|
|
border-bottom:2px solid var(--color-border);
|
|
border-radius:5px
|
|
}
|
|
}
|
|
#theme_list{
|
|
gap:16px;
|
|
margin:-1px -8px -16px;
|
|
padding:1px 8px 16px
|
|
}
|
|
.theme{
|
|
border-radius:8px;
|
|
flex-direction:column;
|
|
transition:box-shadow .2s ease-out,transform .2s ease-out,background-color .2s ease-out,border .2s ease-out;
|
|
display:flex;
|
|
position:relative;
|
|
overflow:hidden;
|
|
box-shadow:0 4px 4px #00000029;
|
|
background-color:var(--color-back)!important;
|
|
border:2px solid #0000!important;
|
|
padding:0!important;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-back);
|
|
z-index:99;
|
|
color:#f2f3f5;
|
|
border-radius:10px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:44px;
|
|
height:44px;
|
|
font-family:\"Font Awesome 6 Free\";
|
|
font-size:26px;
|
|
font-weight:600;
|
|
transition:background-color .2s ease-out;
|
|
display:flex;
|
|
position:absolute;
|
|
top:86px;
|
|
left:16px
|
|
}
|
|
&:hover{
|
|
box-shadow:var(--box-shadow);
|
|
transform:translateY(-1px);
|
|
background-color:var(--color-border)!important;
|
|
&:before{
|
|
background-color:var(--color-border)
|
|
}
|
|
}
|
|
&.selected{
|
|
border:2px solid var(--color-accent)!important
|
|
}
|
|
}
|
|
.theme_name{
|
|
color:#f2f3f5;
|
|
padding:22px 16px 0;
|
|
font-weight:600
|
|
}
|
|
.theme_author{
|
|
color:#b5bac1;
|
|
padding:0 16px 16px;
|
|
font-size:14px
|
|
}
|
|
dialog#theme{
|
|
& h2{
|
|
margin-bottom:8px;
|
|
font-size:28px;
|
|
font-weight:700
|
|
}
|
|
& #color_wrapper{
|
|
grid-template-columns:repeat(auto-fill,minmax(69px,1fr));
|
|
grid-auto-rows:auto;
|
|
gap:8px 16px;
|
|
display:grid
|
|
}
|
|
& .color_field{
|
|
flex-direction:column;
|
|
align-items:center;
|
|
display:flex;
|
|
position:relative;
|
|
&:hover p{
|
|
display:block
|
|
}
|
|
}
|
|
& .color_input{
|
|
width:69px;
|
|
height:50px;
|
|
margin:0
|
|
}
|
|
& .desc{
|
|
width:100%;
|
|
& h4{
|
|
text-align:center;
|
|
color:#b5bac1;
|
|
margin-top:4px;
|
|
font-size:12px;
|
|
line-height:1.33333
|
|
}
|
|
& p{
|
|
z-index:1;
|
|
text-align:center;
|
|
color:var(--color-text);
|
|
box-shadow:var(--box-shadow);
|
|
text-overflow:ellipsis;
|
|
background-color:#111214;
|
|
border-radius:5px;
|
|
width:max-content;
|
|
max-width:calc(100vw - 208px);
|
|
padding:8px 12px;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
display:none;
|
|
position:absolute;
|
|
top:-10px;
|
|
left:50%;
|
|
transform:translate(-50%,-100%);
|
|
&:before{
|
|
content:\"\";
|
|
border-top:5px solid #111214;
|
|
border-left:5px solid #0000;
|
|
border-right:5px solid #0000;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:50%;
|
|
transform:translate(-50%,100%)
|
|
}
|
|
}
|
|
}
|
|
& .dialog_bar{
|
|
margin:0;
|
|
&:not(:last-child){
|
|
margin-bottom:8px
|
|
}
|
|
& label{
|
|
padding:0
|
|
}
|
|
}
|
|
}
|
|
@media screen and (width>871px){
|
|
#theme_editor .color_field{
|
|
&:nth-child(8n) p{
|
|
right:50%;
|
|
left:initial;
|
|
transform:translate(10px,-100%);
|
|
&:before{
|
|
left:initial;
|
|
right:0
|
|
}
|
|
}
|
|
&:nth-child(8n+1) p{
|
|
transform:translate(-10px,-100%);
|
|
&:before{
|
|
left:0;
|
|
transform:translate(50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (786px<width<=871px){
|
|
#theme_editor .color_field{
|
|
&:nth-child(7n) p{
|
|
right:50%;
|
|
left:initial;
|
|
transform:translate(10px,-100%);
|
|
&:before{
|
|
left:initial;
|
|
right:0
|
|
}
|
|
}
|
|
&:nth-child(7n+1) p{
|
|
transform:translate(-10px,-100%);
|
|
&:before{
|
|
left:0;
|
|
transform:translate(50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (701px<width<=786px){
|
|
#theme_editor .color_field{
|
|
&:nth-child(6n) p{
|
|
right:50%;
|
|
left:initial;
|
|
transform:translate(10px,-100%);
|
|
&:before{
|
|
left:initial;
|
|
right:0
|
|
}
|
|
}
|
|
&:nth-child(6n+1) p{
|
|
transform:translate(-10px,-100%);
|
|
&:before{
|
|
left:0;
|
|
transform:translate(50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (616px<width<=701px){
|
|
#theme_editor .color_field{
|
|
&:nth-child(5n) p{
|
|
right:50%;
|
|
left:initial;
|
|
transform:translate(10px,-100%);
|
|
&:before{
|
|
left:initial;
|
|
right:0
|
|
}
|
|
}
|
|
&:nth-child(5n+1) p{
|
|
transform:translate(-10px,-100%);
|
|
&:before{
|
|
left:0;
|
|
transform:translate(50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (531px<width<=616px){
|
|
#theme_editor .color_field{
|
|
&:nth-child(4n) p{
|
|
right:50%;
|
|
left:initial;
|
|
transform:translate(10px,-100%);
|
|
&:before{
|
|
left:initial;
|
|
right:0
|
|
}
|
|
}
|
|
&:nth-child(4n+1) p{
|
|
transform:translate(-10px,-100%);
|
|
&:before{
|
|
left:0;
|
|
transform:translate(50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (446px<width<=531px){
|
|
#theme_editor .color_field{
|
|
&:nth-child(3n) p{
|
|
right:50%;
|
|
left:initial;
|
|
max-width:calc(100vw - 246px);
|
|
transform:translate(10px,-100%);
|
|
&:before{
|
|
left:initial;
|
|
right:0
|
|
}
|
|
}
|
|
&:nth-child(3n+1) p{
|
|
max-width:calc(100vw - 246px);
|
|
transform:translate(-10px,-100%);
|
|
&:before{
|
|
left:0;
|
|
transform:translate(50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@media screen and (369px<width<=446px){
|
|
#theme_editor .color_field{
|
|
&:nth-child(2n) p{
|
|
right:50%;
|
|
left:initial;
|
|
max-width:calc(100vw - 246px);
|
|
transform:translate(10px,-100%);
|
|
&:before{
|
|
left:initial;
|
|
right:0
|
|
}
|
|
}
|
|
&:nth-child(odd) p{
|
|
max-width:calc(100vw - 246px);
|
|
transform:translate(-10px,-100%);
|
|
&:before{
|
|
left:0;
|
|
transform:translate(50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
body.is_mobile #page_wrapper :is(#start_screen,#work_screen):before{
|
|
content:\"MOBILE NOT SUPPORTED IN THIS THEME\";
|
|
text-align:center;
|
|
z-index:2147483647;
|
|
color:var(--color-light);
|
|
pointer-events:none;
|
|
opacity:.5;
|
|
filter:drop-shadow(0 0 10px #000);
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:100%;
|
|
min-height:100%;
|
|
padding:80px;
|
|
font-size:10vw;
|
|
font-weight:700;
|
|
display:flex;
|
|
position:absolute;
|
|
inset:0;
|
|
background-color:initial!important
|
|
}
|
|
#overlay_message_box[style=\"display: none;
|
|
\"]{
|
|
opacity:0;
|
|
pointer-events:none;
|
|
scale:.75
|
|
}
|
|
#overlay_message_box{
|
|
opacity:1;
|
|
justify-content:center;
|
|
align-items:center;
|
|
transition:opacity .2s,scale .2s;
|
|
display:flex;
|
|
scale:1;
|
|
width:initial!important;
|
|
height:initial!important;
|
|
background-color:#000000b2!important;
|
|
display:flex!important;
|
|
inset:-16.67vh -16.67vw!important;
|
|
&>div{
|
|
box-shadow:var(--dialog-shadow);
|
|
background-color:#303338;
|
|
border-radius:4px;
|
|
padding:16px;
|
|
position:relative;
|
|
margin:0!important;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-ui);
|
|
z-index:1;
|
|
border-radius:0 0 4px 4px;
|
|
height:70px;
|
|
display:flex;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0
|
|
}
|
|
}
|
|
& h3{
|
|
text-align:left;
|
|
height:52px;
|
|
margin:0;
|
|
padding:0;
|
|
font-size:24px;
|
|
&>i{
|
|
display:none
|
|
}
|
|
&>span{
|
|
display:inline-flex;
|
|
transform:translateY(-2px)
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
background-image:var(--bb-avatar);
|
|
background-size:cover;
|
|
border-radius:50%;
|
|
width:24px;
|
|
height:24px;
|
|
margin-right:8px;
|
|
display:inline-flex;
|
|
transform:translateY(1px)
|
|
}
|
|
}
|
|
& p{
|
|
text-align:left;
|
|
margin-bottom:40px!important
|
|
}
|
|
& button{
|
|
z-index:1;
|
|
border-radius:3px;
|
|
min-width:96px;
|
|
height:38px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
position:relative;
|
|
color:var(--color-light)!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
&:nth-child(3){
|
|
margin:0 4px 0 168px
|
|
}
|
|
}
|
|
}
|
|
dialog#screenshot{
|
|
min-width:425px;
|
|
& center{
|
|
flex-direction:column;
|
|
align-items:center;
|
|
display:flex;
|
|
&>:first-child{
|
|
order:1;
|
|
margin-top:16px
|
|
}
|
|
&>img{
|
|
border:none;
|
|
border-radius:8px
|
|
}
|
|
}
|
|
}
|
|
dialog#about{
|
|
& .dialog_handle{
|
|
margin-bottom:14px
|
|
}
|
|
& .dialog_title:before{
|
|
display:none
|
|
}
|
|
& .dialog_content{
|
|
max-height:calc(100vh - 222px);
|
|
margin-bottom:50px!important;
|
|
&>div{
|
|
flex-direction:column;
|
|
display:flex;
|
|
&>:first-child{
|
|
order:0
|
|
}
|
|
&:before{
|
|
content:\"BLOCKBENCH\";
|
|
text-align:left;
|
|
color:#949cf7;
|
|
border:none;
|
|
order:1;
|
|
margin:40px 0 0;
|
|
padding:0;
|
|
font-size:16px;
|
|
font-weight:700;
|
|
line-height:20px
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
background-color:#949cf7;
|
|
order:1;
|
|
height:1px;
|
|
margin:-11px 0 31px 107px
|
|
}
|
|
&>:not(:first-child){
|
|
order:2
|
|
}
|
|
&>:nth-child(2){
|
|
color:#c4c9ce;
|
|
pointer-events:none;
|
|
font-size:0;
|
|
position:absolute;
|
|
top:43px;
|
|
&>span{
|
|
font-size:12px;
|
|
&:before{
|
|
content:\"v\"
|
|
}
|
|
}
|
|
}
|
|
&>:nth-child(4){
|
|
z-index:1;
|
|
filter:drop-shadow(0 0 2px #000)drop-shadow(0 0 5px #00000040);
|
|
white-space:nowrap;
|
|
justify-content:flex-end;
|
|
width:128px;
|
|
margin:-190px auto 166px;
|
|
display:flex;
|
|
overflow:hidden
|
|
}
|
|
&>:nth-child(5),&>ul>li,&>p[style=\"margin-bottom: 16px;
|
|
\"]{
|
|
list-style:initial;
|
|
text-align:left;
|
|
margin:0 0 8px 17px;
|
|
line-height:20px;
|
|
display:list-item;
|
|
color:#c4c9ce!important
|
|
}
|
|
&>p[style=\"margin-bottom: 16px;
|
|
\"]{
|
|
font-weight:700
|
|
}
|
|
&>:nth-last-child(2),&>:last-child{
|
|
font-size:0;
|
|
position:absolute;
|
|
bottom:17px;
|
|
&>a{
|
|
font-size:12px;
|
|
color:var(--color-text)!important
|
|
}
|
|
}
|
|
&>:nth-last-child(2){
|
|
right:104px
|
|
}
|
|
&>:last-child{
|
|
right:16px
|
|
}
|
|
}
|
|
}
|
|
& .socials{
|
|
background-color:var(--color-ui);
|
|
align-items:center;
|
|
height:50px;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
max-width:initial!important;
|
|
padding:0 16px!important;
|
|
&>a{
|
|
margin-right:16px;
|
|
background-color:initial!important;
|
|
max-width:16px!important;
|
|
padding:0!important;
|
|
&>label{
|
|
display:none
|
|
}
|
|
&>i{
|
|
width:16px;
|
|
color:#c4c9ce!important;
|
|
font-size:16px!important
|
|
}
|
|
}
|
|
}
|
|
& h4{
|
|
color:#2dc770;
|
|
border:none;
|
|
align-items:center;
|
|
gap:4px;
|
|
margin:40px 0 20px;
|
|
padding:0;
|
|
font-size:16px;
|
|
font-weight:700;
|
|
line-height:20px;
|
|
display:flex;
|
|
&:after{
|
|
content:\"\";
|
|
background-color:#2dc770;
|
|
flex:1;
|
|
height:1px
|
|
}
|
|
&:nth-of-type(2){
|
|
color:#f0b132;
|
|
&:after{
|
|
background-color:#f0b132
|
|
}
|
|
}
|
|
}
|
|
}
|
|
dialog#about div.socials a:hover i{
|
|
color:#c4c9ce!important
|
|
}
|
|
#about_page_title{
|
|
border-radius:3px;
|
|
justify-content:center;
|
|
height:256px;
|
|
display:flex;
|
|
position:relative;
|
|
overflow:hidden;
|
|
&:before{
|
|
content:\"\";
|
|
filter:blur(4px);
|
|
background-image:url(https://raw.githubusercontent.com/JannisX11/blockbench.net/main/assets/background.jpg);
|
|
background-position:50%;
|
|
background-size:cover;
|
|
position:absolute;
|
|
inset:0
|
|
}
|
|
&>img{
|
|
z-index:1;
|
|
filter:drop-shadow(0 0 2px #000)drop-shadow(0 0 5px #00000040)
|
|
}
|
|
}
|
|
.dialog_menu_button{
|
|
display:none
|
|
}
|
|
dialog#plugins{
|
|
height:calc(100vh - 128px)!important;
|
|
& .dialog_handle{
|
|
margin-left:38.2%
|
|
}
|
|
& .dialog_wrapper{
|
|
overflow:visible
|
|
}
|
|
& .dialog_content{
|
|
z-index:9999;
|
|
padding:0;
|
|
position:relative;
|
|
overflow:visible
|
|
}
|
|
}
|
|
#plugin_browser_sidebar{
|
|
background-color:var(--color-ui);
|
|
margin-top:-62px;
|
|
padding:0
|
|
}
|
|
.pagination_numbers{
|
|
align-items:center;
|
|
height:54px;
|
|
gap:8px!important;
|
|
&>li{
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:28px;
|
|
height:28px;
|
|
font-weight:600;
|
|
display:flex;
|
|
color:#f2f3f5!important;
|
|
border-radius:50%!important;
|
|
&:hover{
|
|
color:var(--color-text)!important;
|
|
background-color:var(--color-back)!important
|
|
}
|
|
&.selected{
|
|
background-color:var(--color-accent)!important
|
|
}
|
|
}
|
|
}
|
|
#plugins_list_main_bar{
|
|
height:50px;
|
|
padding:16px 16px 0;
|
|
& .search_bar{
|
|
margin:0 8px
|
|
}
|
|
}
|
|
#plugin_list{
|
|
background-color:initial;
|
|
max-height:calc(100vh - 255px);
|
|
margin:-2px 8px 0 0;
|
|
padding-top:2px;
|
|
&.paginated_list{
|
|
max-height:calc(100vh - 309px)
|
|
}
|
|
&>li{
|
|
background-color:#35373c;
|
|
border-radius:12px;
|
|
flex-direction:column;
|
|
margin:12px 16px;
|
|
padding:12px;
|
|
transition:box-shadow .2s ease-out,transform .2s ease-out,background-color .2s ease-out;
|
|
display:flex;
|
|
&:first-child{
|
|
margin-top:0
|
|
}
|
|
&:last-child{
|
|
margin-bottom:16px
|
|
}
|
|
&:hover{
|
|
box-shadow:var(--box-shadow);
|
|
background-color:#404249;
|
|
transform:translateY(-2px)
|
|
}
|
|
&.selected{
|
|
background-color:var(--color-button)
|
|
}
|
|
& :not(.plugin_tag_list){
|
|
order:1
|
|
}
|
|
&>:first-child{
|
|
margin-bottom:0!important
|
|
}
|
|
& .title{
|
|
margin-bottom:6px;
|
|
font-size:20px;
|
|
font-weight:600;
|
|
line-height:24px;
|
|
color:#f2f3f5!important
|
|
}
|
|
& .author{
|
|
color:#f2f3f5;
|
|
font-size:14px;
|
|
font-weight:600;
|
|
line-height:18px
|
|
}
|
|
& .description{
|
|
color:#b5bac1;
|
|
margin-top:8px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
line-height:18px
|
|
}
|
|
& .plugin_icon_area{
|
|
height:48px;
|
|
&>i{
|
|
color:#f2f3f5
|
|
}
|
|
}
|
|
&.disabled_plugin{
|
|
& .title,& .author,& .description,& .plugin_icon_area>i{
|
|
color:var(--color-subtle_text)!important
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.plugin_tag_list{
|
|
flex-wrap:wrap;
|
|
gap:8px;
|
|
margin-bottom:8px;
|
|
display:flex;
|
|
margin:0 0 8px!important;
|
|
&:empty{
|
|
display:none
|
|
}
|
|
&>li{
|
|
border:1px solid #0000;
|
|
border-radius:12px;
|
|
align-items:center;
|
|
gap:6px;
|
|
margin:0;
|
|
font-weight:600;
|
|
display:flex;
|
|
color:var(--color-text)!important;
|
|
background-color:var(--color-back)!important;
|
|
height:24px!important;
|
|
padding:0 8px!important;
|
|
font-size:12px!important;
|
|
&:before{
|
|
content:\"\";
|
|
background-position:50%;
|
|
background-repeat:no-repeat;
|
|
min-width:12px;
|
|
height:12px
|
|
}
|
|
&.plugin_tag_source:before{
|
|
content:\"\";
|
|
color:#ff7952;
|
|
font-family:\"Font Awesome 6 Free\"
|
|
}
|
|
&.plugin_tag_mc:before{
|
|
background-image:url(data:image/png;
|
|
base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAMAAABstdySAAABX1BMVEVEKR2o8n1/V0Cj73ue8XG49JGe7Hay8Imx8Imx7oio8327/ZGa722l9Hq3+o2i8Hi08ovE/5md82+59ZK3/4XG/5lTazCW6moKQwKZXmA5JhmTZ0s8Fhaba0w/Jxh4VD2igW0/JRhDKh2kjIKYbFChbks/Kh4/IxejiHuZcFWNYUSTZ0pKMSExMC8/KyFAJBi1/Imt94Cb8HBGoi944lyg7niK1WUuhCYAZQUpOBGi9Xel93qRR0V+ikhhiz1up0kibiEQFAQtOxQ/LRmk83iP6nCCWkCSYkaUS0J1kEEnRyJFFiFIHhs+JRyS6GmLYUaBVzmQbl6sfmZvTTM4HRQ0Gw4+Lyc/LiRGKRmo93q//5KpgmmkelyBUTxBJRozHRFDKhyo9nyf73am/4Sz/YXF/5Of6XiTaEtMLyA2KiVOnT6o9HxpbUpuu1Om9Hy4+4yo+Xqx/4DG/5hyx1sWVA3dEdIpAAAAMHRSTlMAAAAlvgAlAAAAAX+//n8BAFDZANpR+P338vLy8vf3UdnaUgGA/oABAAAmv78nAABZ3TzzAAAAZUlEQVQIHQXAwQ3BUBgA4Pf97zV9LQedoAxgAOlN4mxOQzgQAzRuzCHhhOT228h9Wn2qjuX2fYfBepevuieHbqEVlPya0lBrrfVU8m8GosTcA1GiB4QjAKMJXIgNe84eJTXcqNIfxWsQCB1pkdYAAAAASUVORK5CYII=)
|
|
}
|
|
&.plugin_tag_deprecated:before{
|
|
content:\"\";
|
|
color:#ff3467;
|
|
font-family:\"Font Awesome 6 Free\"
|
|
}
|
|
&:not([class]):before{
|
|
content:\"\";
|
|
color:var(--color-accent);
|
|
font-family:\"Font Awesome 6 Free\"
|
|
}
|
|
}
|
|
}
|
|
#plugin_browser_start_page{
|
|
max-height:calc(100vh - 190px);
|
|
padding:0 16px 16px;
|
|
position:relative;
|
|
&>h1{
|
|
color:#f2f3f5;
|
|
width:66.66%;
|
|
margin:0 0 30px;
|
|
font-family:ABC Ginto Nord;
|
|
font-size:44px;
|
|
font-weight:800;
|
|
line-height:44px
|
|
}
|
|
&>img{
|
|
width:33.33%;
|
|
margin:0;
|
|
position:absolute;
|
|
top:0;
|
|
right:0
|
|
}
|
|
&>:nth-child(3){
|
|
width:66.66%
|
|
}
|
|
}
|
|
@media screen and (width<850px){
|
|
#plugin_browser_start_page>h1{
|
|
font-size:32px;
|
|
line-height:32px
|
|
}
|
|
}
|
|
@media screen and (width<650px){
|
|
#plugin_browser_start_page>h1{
|
|
font-size:24px;
|
|
line-height:24px
|
|
}
|
|
}
|
|
.plugins_suggested_row{
|
|
margin-top:32px;
|
|
&>h3{
|
|
color:#f2f3f5;
|
|
margin:0 0 16px;
|
|
padding:0;
|
|
font-weight:600;
|
|
line-height:24px
|
|
}
|
|
&>ul{
|
|
width:initial;
|
|
background-color:initial;
|
|
margin:-1px 0 -8px;
|
|
padding:1px 0 8px;
|
|
overflow-x:auto
|
|
}
|
|
& li{
|
|
border-radius:8px;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
min-height:80px;
|
|
display:flex;
|
|
position:relative;
|
|
height:initial!important;
|
|
width:244px!important;
|
|
padding:16px 16px 16px 80px!important;
|
|
&:hover{
|
|
box-shadow:var(--box-shadow);
|
|
transform:translateY(-1px);
|
|
background-color:var(--color-back)!important
|
|
}
|
|
& .plugin_icon_area{
|
|
height:48px;
|
|
margin:0;
|
|
padding:0;
|
|
position:absolute;
|
|
top:50%;
|
|
left:16px;
|
|
transform:translateY(-50%)
|
|
}
|
|
& .title{
|
|
text-align:left;
|
|
color:#f2f3f5;
|
|
margin-bottom:12px;
|
|
height:initial!important;
|
|
font-weight:500!important;
|
|
line-height:20px!important
|
|
}
|
|
& .author{
|
|
text-align:left;
|
|
font-size:12px;
|
|
line-height:16px;
|
|
color:#b5bac1!important
|
|
}
|
|
}
|
|
}
|
|
#plugin_browser_page{
|
|
max-height:calc(100vh - 190px);
|
|
padding:0 16px 16px;
|
|
overflow-y:auto;
|
|
& .button_bar{
|
|
margin:0;
|
|
&>button{
|
|
background-color:var(--color-button);
|
|
border-radius:3px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
gap:4px;
|
|
width:112px;
|
|
height:38px;
|
|
padding:0 16px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
transition:background-color .17s;
|
|
display:flex;
|
|
position:absolute;
|
|
left:20px;
|
|
color:var(--color-light)!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
&:last-child{
|
|
background-color:var(--color-accent);
|
|
top:178px;
|
|
&:hover{
|
|
background-color:#4752c4
|
|
}
|
|
&:active{
|
|
background-color:#3c45a5
|
|
}
|
|
}
|
|
&>i{
|
|
width:19px;
|
|
margin:0;
|
|
font-size:19px;
|
|
overflow:visible
|
|
}
|
|
&:first-child:not(:last-child){
|
|
top:226px;
|
|
&>i{
|
|
transform:translateY(-1px)
|
|
}
|
|
&:has(+button:not(:last-child)){
|
|
width:51px;
|
|
min-width:51px;
|
|
&>span{
|
|
display:none
|
|
}
|
|
}
|
|
}
|
|
&:nth-child(2):not(:last-child){
|
|
width:51px;
|
|
min-width:51px;
|
|
top:226px;
|
|
left:81px;
|
|
&>span{
|
|
display:none
|
|
}
|
|
&:hover:before{
|
|
content:\"Refresh\"!important
|
|
}
|
|
}
|
|
&:first-child:not(:last-child):has(+button:not(:last-child)):hover,&:nth-child(2):not(:last-child):hover{
|
|
&:before{
|
|
content:\"Disable\";
|
|
z-index:1;
|
|
color:var(--color-text);
|
|
box-shadow:var(--box-shadow);
|
|
background-color:#111214;
|
|
border-radius:5px;
|
|
padding:8px 12px;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
position:absolute;
|
|
bottom:-10px;
|
|
left:50%;
|
|
transform:translate(-50%,100%)
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
border-bottom:5px solid #111214;
|
|
border-left:5px solid #0000;
|
|
border-right:5px solid #0000;
|
|
position:absolute;
|
|
bottom:-5px;
|
|
left:50%;
|
|
transform:translate(-50%,100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&>.about,&>div:has(>.settings_list),& .features_list{
|
|
min-height:128px;
|
|
margin-right:-8px;
|
|
overflow-y:auto;
|
|
padding:0 8px 0 0!important
|
|
}
|
|
& .settings_list{
|
|
&:empty:before{
|
|
content:\"No settings to configure\"
|
|
}
|
|
&>:first-child{
|
|
padding-top:8px!important
|
|
}
|
|
}
|
|
& .features_list{
|
|
&>li:not(:first-child){
|
|
margin-top:16px
|
|
}
|
|
& h4{
|
|
color:#f2f3f5;
|
|
margin:0 0 8px;
|
|
font-size:17px;
|
|
font-weight:600;
|
|
line-height:24px
|
|
}
|
|
& ul{
|
|
background-color:var(--color-ui);
|
|
border-radius:8px;
|
|
flex-direction:column;
|
|
gap:16px;
|
|
padding:16px;
|
|
display:flex;
|
|
& li{
|
|
gap:16px;
|
|
position:relative;
|
|
&.clickable:hover label{
|
|
background-color:var(--color-button)
|
|
}
|
|
}
|
|
& .description,& .extra_info{
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
color:var(--color-text);
|
|
margin:0;
|
|
overflow:hidden;
|
|
min-height:initial!important
|
|
}
|
|
& .extra_info{
|
|
overflow:initial
|
|
}
|
|
& label{
|
|
color:#f2f3f5;
|
|
background-color:#303338;
|
|
border:1px solid #4e50587a;
|
|
border-radius:4px;
|
|
padding:10px 12px;
|
|
font-weight:600;
|
|
transition:background-color .17s
|
|
}
|
|
& i{
|
|
color:#f2f3f5;
|
|
position:absolute;
|
|
left:15px;
|
|
&+label{
|
|
padding-left:39px
|
|
}
|
|
}
|
|
}
|
|
}
|
|
& .about li{
|
|
margin-left:1px
|
|
}
|
|
}
|
|
#plugin_browser_sidebar .tab_bar,#plugin_browser_page_tab_bar,.contrast_graph_selector,#brush_preset_bar,.bar.tabs_small,#uv_cube_face_bar,#skin_pose_selector,#minecraft-title-tabs,#minecraft_title_generator .form_inline_select,#minecraft-title-render-output>.form_inline_select{
|
|
height:initial;
|
|
border-bottom:1px solid #3f4147;
|
|
width:calc(100% - 32px);
|
|
height:39px;
|
|
margin:24px 16px 16px;
|
|
overflow:hidden;
|
|
background-color:#0000!important;
|
|
gap:32px!important;
|
|
padding:0!important;
|
|
&>div:not(.tool),&>li:not(.tool),& label{
|
|
flex:initial;
|
|
color:#b5bac1;
|
|
cursor:pointer;
|
|
width:initial;
|
|
background-color:initial;
|
|
height:38px;
|
|
margin:0;
|
|
font-weight:500;
|
|
line-height:20px;
|
|
border:none!important;
|
|
margin:0!important;
|
|
padding:0 0 16px!important;
|
|
&:hover{
|
|
color:var(--color-text);
|
|
border-bottom:2px solid var(--color-accent)!important
|
|
}
|
|
&.open,&.selected{
|
|
color:var(--color-light);
|
|
cursor:default;
|
|
border-bottom:2px solid #949cf7!important
|
|
}
|
|
&>i{
|
|
margin:0
|
|
}
|
|
}
|
|
& input:checked+label{
|
|
cursor:default;
|
|
background-color:#0000;
|
|
color:var(--color-light)!important;
|
|
border-bottom:2px solid #949cf7!important
|
|
}
|
|
& .tool:not(label){
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:32px;
|
|
height:32px;
|
|
margin:-8px 0 0 auto;
|
|
padding:0;
|
|
display:flex;
|
|
&>i{
|
|
margin:0
|
|
}
|
|
& .tooltip{
|
|
margin-top:73px!important
|
|
}
|
|
}
|
|
&.bar.tabs_small,&#uv_cube_face_bar,&.form_inline_select{
|
|
gap:16px;
|
|
width:calc(100% - 16px);
|
|
height:31px;
|
|
margin:12px 8px 8px;
|
|
& label,& li:not(.tool){
|
|
height:30px;
|
|
padding-bottom:8px!important
|
|
}
|
|
& .tool:not(label){
|
|
margin:-5px 0 0 auto!important
|
|
}
|
|
}
|
|
}
|
|
#plugin_browser_page_tab_bar{
|
|
width:initial;
|
|
min-height:39px;
|
|
margin:24px 0 16px
|
|
}
|
|
.plugin_browser_page_header{
|
|
flex-direction:column;
|
|
padding:102px 0 0;
|
|
display:flex;
|
|
position:relative;
|
|
&:before,& .plugin_tag_source:after,& .plugin_compatibility_issue:after,& .plugin_tag_deprecated:after,& .plugin_tag_mc:after{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
pointer-events:none;
|
|
border-radius:8px;
|
|
height:102px;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0
|
|
}
|
|
& .plugin_tag_source:after{
|
|
z-index:-1;
|
|
background-color:#ff7a52
|
|
}
|
|
& .plugin_compatibility_issue:after{
|
|
background-color:var(--color-error);
|
|
z-index:-2
|
|
}
|
|
& .plugin_tag_deprecated:after{
|
|
z-index:-3;
|
|
background-color:#ff3467
|
|
}
|
|
& .plugin_tag_mc:after{
|
|
z-index:-4;
|
|
background-color:#73e473
|
|
}
|
|
& .plugin_icon_area{
|
|
box-sizing:initial;
|
|
z-index:2;
|
|
background-color:#404249;
|
|
border:6px solid #303338;
|
|
border-radius:24px;
|
|
width:92px;
|
|
height:92px;
|
|
margin:0;
|
|
padding:0;
|
|
position:absolute;
|
|
top:50px;
|
|
left:24px;
|
|
overflow:hidden;
|
|
&>img{
|
|
width:92px;
|
|
height:92px
|
|
}
|
|
&>i{
|
|
color:#f2f3f5;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:100%;
|
|
height:100%;
|
|
margin:0;
|
|
font-size:72px;
|
|
display:flex;
|
|
&.fa_big{
|
|
font-size:64px
|
|
}
|
|
}
|
|
}
|
|
& .plugin_tag_list{
|
|
z-index:1;
|
|
width:100%;
|
|
position:absolute;
|
|
top:0;
|
|
&>li{
|
|
margin:8px 0 0;
|
|
&:first-child{
|
|
margin-left:8px
|
|
}
|
|
}
|
|
}
|
|
& .description{
|
|
margin:0 0 16px 152px
|
|
}
|
|
& .plugin_dependencies{
|
|
color:var(--color-text);
|
|
margin:0 0 7px 152px;
|
|
display:flex;
|
|
&>a{
|
|
color:#c9cdfb;
|
|
background-color:#3c4270;
|
|
gap:4px;
|
|
padding:0 2px 0 4px;
|
|
transition:background-color 50ms ease-out,color 50ms ease-out;
|
|
display:flex;
|
|
&:before{
|
|
content:\"extension\";
|
|
font-family:Material Icons
|
|
}
|
|
&:hover{
|
|
background-color:var(--color-accent);
|
|
color:var(--color-light)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#plugin_browser_page:is(.plugin_installed,.plugin_disabled) .plugin_browser_page_header{
|
|
& .button_bar>:last-child{
|
|
background-color:#da373c!important;
|
|
&:hover{
|
|
background-color:#a12828!important
|
|
}
|
|
&:active{
|
|
background-color:#8f2022!important
|
|
}
|
|
}
|
|
& .description{
|
|
min-height:63px;
|
|
&:has(+.plugin_dependencies){
|
|
min-height:32px
|
|
}
|
|
}
|
|
}
|
|
.plugin_browser_page_titlebar{
|
|
margin-left:152px;
|
|
& h1{
|
|
color:#f2f3f5;
|
|
margin-top:16px;
|
|
font-size:32px;
|
|
font-weight:700;
|
|
line-height:32px
|
|
}
|
|
& .version{
|
|
z-index:2;
|
|
align-items:center;
|
|
height:24px;
|
|
font-weight:600;
|
|
line-height:normal;
|
|
position:absolute;
|
|
top:8px;
|
|
right:8px;
|
|
color:var(--color-text)!important;
|
|
border-radius:12px!important;
|
|
padding:0 8px!important;
|
|
font-size:12px!important;
|
|
display:flex!important
|
|
}
|
|
& .author{
|
|
font-size:14px;
|
|
margin-top:2px!important
|
|
}
|
|
}
|
|
.plugin_installed_tag,.plugin_disabled_tag,.plugin_compatibility_issue{
|
|
background-color:var(--color-back);
|
|
z-index:2;
|
|
border-radius:8px;
|
|
align-items:center;
|
|
gap:4px;
|
|
height:30px;
|
|
padding:4px 12px 4px 8px;
|
|
font-size:0;
|
|
display:flex;
|
|
position:absolute;
|
|
top:64px;
|
|
right:8px;
|
|
&:before{
|
|
content:\"done\";
|
|
font-family:Material Icons;
|
|
font-size:22px
|
|
}
|
|
&:after{
|
|
content:\"Installed\";
|
|
font-size:16px;
|
|
font-weight:500
|
|
}
|
|
}
|
|
.plugin_disabled_tag{
|
|
color:#ffd300;
|
|
&:before{
|
|
content:\"bedtime\";
|
|
font-size:20px;
|
|
transform:translateY(-1px)
|
|
}
|
|
&:after{
|
|
content:\"Disabled\"
|
|
}
|
|
}
|
|
.plugin_compatibility_issue{
|
|
font-size:16px;
|
|
font-weight:600;
|
|
&:before,&:after{
|
|
display:none
|
|
}
|
|
}
|
|
#plugin_page_background_decoration{
|
|
position:initial;
|
|
width:initial;
|
|
justify-content:center;
|
|
align-items:safe center;
|
|
margin:32px 0 0;
|
|
padding:0;
|
|
font-size:256px;
|
|
display:flex
|
|
}
|
|
#plugin_browser_details{
|
|
background-color:var(--color-ui);
|
|
border-radius:8px;
|
|
min-height:128px;
|
|
padding:0;
|
|
display:flex;
|
|
overflow:hidden auto;
|
|
&::-webkit-scrollbar-track{
|
|
background-color:#0000
|
|
}
|
|
&>tbody{
|
|
flex:1;
|
|
grid-template-columns:min-content 1fr;
|
|
gap:16px;
|
|
padding:16px 16px 0;
|
|
display:grid;
|
|
&:after{
|
|
content:\"\";
|
|
width:1px;
|
|
height:1px;
|
|
margin-top:-1px;
|
|
display:flex
|
|
}
|
|
}
|
|
& tr{
|
|
display:contents
|
|
}
|
|
& td{
|
|
white-space:nowrap;
|
|
align-items:center;
|
|
display:flex;
|
|
&:first-child{
|
|
color:#f2f3f5;
|
|
background-color:#303338;
|
|
border:1px solid #4e50587a;
|
|
border-radius:4px;
|
|
padding:10px 12px;
|
|
font-weight:600
|
|
}
|
|
}
|
|
& a{
|
|
color:var(--color-link);
|
|
text-decoration:none;
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
}
|
|
#plugin_browser_changelog{
|
|
flex-direction:column;
|
|
gap:16px;
|
|
padding:0;
|
|
display:flex;
|
|
& h3{
|
|
margin:0;
|
|
font-size:28px;
|
|
font-weight:700
|
|
}
|
|
&>li{
|
|
padding:0
|
|
}
|
|
}
|
|
.tool{
|
|
cursor:pointer;
|
|
color:#b5bac1;
|
|
width:40px;
|
|
height:32px;
|
|
margin:0;
|
|
display:flex;
|
|
&:hover{
|
|
color:var(--color-text)
|
|
}
|
|
&.enabled{
|
|
color:var(--color-light);
|
|
border:none
|
|
}
|
|
& i{
|
|
min-width:24px;
|
|
min-height:24px;
|
|
margin:4px 8px;
|
|
font-size:24px;
|
|
&.fa_big{
|
|
font-size:22px
|
|
}
|
|
}
|
|
&:active .icon{
|
|
padding-top:0
|
|
}
|
|
& .tooltip{
|
|
color:var(--color-text);
|
|
box-shadow:var(--box-shadow);
|
|
height:initial;
|
|
background-color:#111214;
|
|
border-radius:5px;
|
|
padding:8px 12px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
margin-top:35px!important;
|
|
& .keybinding_label:empty{
|
|
display:none
|
|
}
|
|
}
|
|
& .tooltip_description{
|
|
box-shadow:var(--box-shadow);
|
|
background-color:#111214;
|
|
border:none;
|
|
border-radius:5px;
|
|
padding:4px 10px;
|
|
font-weight:600;
|
|
transform:translate(-7px);
|
|
margin-top:13px!important
|
|
}
|
|
&.side_menu_tool>.action_more_options{
|
|
color:#b5bac1;
|
|
align-items:center;
|
|
min-width:20px;
|
|
font-size:0;
|
|
line-height:32px;
|
|
margin:0 0 0 -10px!important;
|
|
display:flex!important;
|
|
&:before{
|
|
content:\"keyboard_arrow_down\";
|
|
font-size:20px
|
|
}
|
|
}
|
|
}
|
|
.dialog_message_box_checkboxes{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
margin-bottom:0;
|
|
display:flex
|
|
}
|
|
.dialog_message_box_checkbox{
|
|
display:flex;
|
|
&>:last-child{
|
|
padding-left:8px
|
|
}
|
|
& *{
|
|
cursor:pointer
|
|
}
|
|
}
|
|
#toast_notification_list{
|
|
position:fixed;
|
|
top:22px;
|
|
left:72px
|
|
}
|
|
.toast_notification{
|
|
box-shadow:none;
|
|
width:initial;
|
|
color:var(--color-text);
|
|
border-top-left-radius:8px;
|
|
height:36px;
|
|
margin:0;
|
|
padding:0;
|
|
position:absolute;
|
|
inset:0;
|
|
&>span{
|
|
color:var(--color-light);
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
display:flex;
|
|
position:absolute;
|
|
inset:0
|
|
}
|
|
& i{
|
|
color:var(--color-light);
|
|
font-size:20px
|
|
}
|
|
&>i{
|
|
margin:8px 0 0 17px
|
|
}
|
|
}
|
|
.toast_close_button{
|
|
width:initial;
|
|
max-height:20px;
|
|
padding:0;
|
|
top:50%;
|
|
right:18px;
|
|
transform:translateY(-50%)
|
|
}
|
|
select{
|
|
background-color:var(--color-border);
|
|
cursor:pointer;
|
|
border-radius:4px;
|
|
font-weight:500;
|
|
color:var(--color-text)!important;
|
|
height:36px!important;
|
|
padding:0 14.8px 0 12.8px!important;
|
|
text-decoration:none!important
|
|
}
|
|
#view_backups_list,#model_select_list,.unsaved_models_list,#uv_face_properties>ul,#minecraft-title-presets{
|
|
background-color:#303338;
|
|
padding-right:8px;
|
|
overflow-y:auto;
|
|
max-height:calc(100vh - 288px)!important;
|
|
margin:16px -8px 0 0!important;
|
|
&>li,&>div{
|
|
background-color:initial;
|
|
align-items:center;
|
|
min-height:50px;
|
|
display:flex;
|
|
border-top:1px solid #3f4147!important;
|
|
padding:0 12px!important;
|
|
& *{
|
|
font-size:14px;
|
|
font-weight:500;
|
|
color:var(--color-text)!important
|
|
}
|
|
&:hover{
|
|
background-color:#393c41;
|
|
border-radius:8px;
|
|
border-top:1px solid #0000!important;
|
|
&+li,&+div{
|
|
border-top:1px solid #0000!important
|
|
}
|
|
}
|
|
&:first-child{
|
|
border-top:none!important
|
|
}
|
|
& i{
|
|
font-size:22px
|
|
}
|
|
}
|
|
&#minecraft-title-presets i:hover{
|
|
color:var(--color-light)!important
|
|
}
|
|
}
|
|
#bedrock_model_select{
|
|
width:initial
|
|
}
|
|
#model_select_list li{
|
|
justify-content:space-between;
|
|
&>p{
|
|
line-break:anywhere
|
|
}
|
|
&>label{
|
|
white-space:nowrap
|
|
}
|
|
}
|
|
#edit_history_list ul{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
margin:0;
|
|
display:flex;
|
|
& li{
|
|
height:initial;
|
|
color:#b5bac1;
|
|
background-color:var(--color-ui);
|
|
border:none;
|
|
border-radius:3px;
|
|
padding:10px;
|
|
font-weight:500;
|
|
line-height:20px;
|
|
&:hover{
|
|
color:var(--color-text);
|
|
background-color:#393c41
|
|
}
|
|
&.selected{
|
|
color:var(--color-light);
|
|
background-color:#43444b
|
|
}
|
|
& .edit_history_time{
|
|
color:inherit;
|
|
font-size:14px
|
|
}
|
|
&.current{
|
|
border-left:3px solid var(--color-accent)
|
|
}
|
|
&:before{
|
|
display:none!important
|
|
}
|
|
}
|
|
&:not(:has(>.selected)) .current{
|
|
background-color:#43444b;
|
|
color:var(--color-light)!important
|
|
}
|
|
}
|
|
dialog#image_extruder canvas,dialog#share_model .dialog_content>img{
|
|
border-radius:8px;
|
|
margin:0 auto;
|
|
display:block
|
|
}
|
|
.slider_input_combo:not(.dialog_bar){
|
|
align-items:center;
|
|
gap:12px;
|
|
height:42px;
|
|
padding:4px 0;
|
|
display:flex;
|
|
margin:0!important
|
|
}
|
|
.button_bar_checkbox{
|
|
color:var(--color-light);
|
|
height:24px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
left:23px;
|
|
bottom:23px!important;
|
|
&>label{
|
|
cursor:pointer;
|
|
align-items:center;
|
|
height:100%;
|
|
padding-left:8px;
|
|
display:flex
|
|
}
|
|
&:hover label{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
.texture_adjust_previews{
|
|
border-radius:8px;
|
|
align-self:center;
|
|
max-width:100%;
|
|
float:initial!important;
|
|
order:2!important;
|
|
width:min-content!important;
|
|
margin:40px auto 8px!important;
|
|
&:has(>:nth-child(2))+:before{
|
|
content:\"Textures\"
|
|
}
|
|
}
|
|
.texture_adjust_preview_toggle{
|
|
position:absolute;
|
|
top:62px;
|
|
color:#f2f3f5!important;
|
|
&:before{
|
|
content:\"Texture\";
|
|
font-size:20px
|
|
}
|
|
&>i{
|
|
margin:0;
|
|
padding:4px 8px;
|
|
overflow:visible
|
|
}
|
|
}
|
|
dialog#adjust_curves{
|
|
max-width:444px
|
|
}
|
|
#contrast_graph{
|
|
border-radius:8px;
|
|
overflow:visible;
|
|
margin:0!important
|
|
}
|
|
.contrast_graph_selector,#brush_preset_bar{
|
|
width:100%;
|
|
margin:8px 0 16px;
|
|
&>div{
|
|
flex:1!important
|
|
}
|
|
}
|
|
#predicate_override_add,.dialog_form_buttons{
|
|
justify-content:flex-start;
|
|
gap:8px;
|
|
width:100%;
|
|
display:flex
|
|
}
|
|
#predicate_override_add button,#predicate_override_generator>.tool,.dialog_form_buttons a,.dialog_message_box_command,#animation_controller_presets li,.cem_animation_button>button,.minecraft-title-button-row>button,#minecraft-title-custom-overlay>button,#minecraft-title-preset-export-buttons>button,#minecraft-title-presets-container button,.tracker-row>button,#item_wizard_wrapper button,#block_wizard_wrapper button,#block_wizard_loot_list button,#block_wizard_loot_list+button,#entity_wizard_page button,#resource_pack_utilities button,#no-ffmpeg button{
|
|
background-color:var(--color-button);
|
|
border-radius:3px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:36px;
|
|
padding:0 16px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
transition:background-color .17s;
|
|
color:var(--color-light)!important;
|
|
margin:0!important;
|
|
text-decoration:none!important;
|
|
display:flex!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
&>i,&:before{
|
|
min-width:19px;
|
|
min-height:19px;
|
|
margin:0 4px 0 0;
|
|
font-size:19px
|
|
}
|
|
&:disabled,&.disabled,&.cem_animation_button_disabled{
|
|
background-color:var(--color-button);
|
|
opacity:.5;
|
|
cursor:not-allowed;
|
|
color:var(--color-light)!important
|
|
}
|
|
}
|
|
#predicate_overrides input[type=text]{
|
|
height:36px!important
|
|
}
|
|
#predicate_override_add{
|
|
margin-top:16px
|
|
}
|
|
.predicate_override_top_bar{
|
|
justify-content:space-between;
|
|
align-items:center;
|
|
min-height:34px;
|
|
display:flex;
|
|
&>span{
|
|
color:var(--color-text)
|
|
}
|
|
&+div{
|
|
gap:40px;
|
|
margin:0 40px 3px 34px;
|
|
&>:first-child{
|
|
max-width:240px
|
|
}
|
|
}
|
|
}
|
|
#predicate_override_list{
|
|
border-radius:8px;
|
|
padding:0;
|
|
overflow:auto;
|
|
min-height:40px!important;
|
|
&>li{
|
|
border-radius:6px;
|
|
overflow:hidden
|
|
}
|
|
&:empty{
|
|
min-height:40px!important;
|
|
&:before{
|
|
content:\"No predicates...\";
|
|
color:var(--color-subtle_text);
|
|
padding:8px 12px;
|
|
display:flex
|
|
}
|
|
}
|
|
}
|
|
.predicate_drag_handle{
|
|
cursor:grab;
|
|
background-color:#0000;
|
|
justify-content:center;
|
|
align-items:center;
|
|
padding-left:8px;
|
|
display:flex;
|
|
&:before{
|
|
content:\"drag_indicator\";
|
|
color:#b5bac1;
|
|
font-family:Material Icons
|
|
}
|
|
&:hover:before{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
.predicate_model{
|
|
max-width:256px;
|
|
padding:8px!important
|
|
}
|
|
.predicate_list{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
padding:8px 0;
|
|
display:flex;
|
|
&>li{
|
|
align-items:center;
|
|
gap:8px!important;
|
|
padding:0!important;
|
|
&>input{
|
|
width:initial!important
|
|
}
|
|
&>.tool{
|
|
width:initial!important;
|
|
&>i{
|
|
margin-left:0;
|
|
margin-right:0
|
|
}
|
|
}
|
|
}
|
|
&>.tool{
|
|
bottom:10px!important;
|
|
left:-36px!important
|
|
}
|
|
&+.tool{
|
|
justify-content:center;
|
|
width:32px;
|
|
display:flex;
|
|
margin-top:10px!important;
|
|
&>i{
|
|
margin-left:0;
|
|
margin-right:0
|
|
}
|
|
}
|
|
& .numeric_input{
|
|
max-width:128px
|
|
}
|
|
}
|
|
#predicate_override_generator{
|
|
background-color:var(--color-ui);
|
|
height:initial;
|
|
text-align:center;
|
|
border:none;
|
|
border-radius:6px;
|
|
grid-template-rows:repeat(2,auto);
|
|
grid-template-columns:1fr min-content min-content 1fr;
|
|
grid-auto-flow:column;
|
|
align-items:center;
|
|
gap:8px;
|
|
margin:48px 8px 60px;
|
|
padding:8px;
|
|
display:grid;
|
|
position:relative;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-back);
|
|
z-index:-1;
|
|
border-radius:8px;
|
|
position:absolute;
|
|
inset:-8px
|
|
}
|
|
&>*{
|
|
order:1
|
|
}
|
|
&:after{
|
|
content:\"Type\"
|
|
}
|
|
&>:nth-child(2n+3),&:after{
|
|
color:var(--color-subtle_text);
|
|
margin:-62px 0 0;
|
|
padding:0
|
|
}
|
|
&>:nth-child(2n+2){
|
|
margin-top:-8px
|
|
}
|
|
&>.tool{
|
|
width:calc(50% + 4px);
|
|
position:absolute;
|
|
bottom:-60px;
|
|
left:-8px;
|
|
&:after{
|
|
content:\"Cancel Generation\"
|
|
}
|
|
&:last-child{
|
|
left:initial;
|
|
right:-8px;
|
|
&:after{
|
|
content:\"Cancel Generation\"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
hr{
|
|
border-top-color:#3f4147
|
|
}
|
|
.form_bar_reset .dialog_form_buttons a:before{
|
|
content:\"replay\";
|
|
font-family:Material Icons
|
|
}
|
|
.add_brush_preset{
|
|
display:contents;
|
|
background-color:#0000!important;
|
|
border:none!important;
|
|
&>i{
|
|
min-width:40px
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
pointer-events:none;
|
|
flex:1
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
width:38px;
|
|
height:38px;
|
|
position:absolute;
|
|
right:16px
|
|
}
|
|
}
|
|
#bar_items_current{
|
|
box-shadow:var(--header-shadow);
|
|
background-color:#303338;
|
|
border:none;
|
|
align-items:center;
|
|
height:48px;
|
|
margin:-8px -16px 16px;
|
|
padding:8px;
|
|
display:flex;
|
|
& li{
|
|
cursor:grab;
|
|
&:nth-last-child(-n+3):nth-child(n+7) .tooltip{
|
|
transform:translate(calc(30px - 100%));
|
|
&:after{
|
|
left:initial;
|
|
top:0;
|
|
right:5px;
|
|
transform:translateY(-100%)
|
|
}
|
|
}
|
|
}
|
|
& .icon_wrapper[style=\"opacity: 0.4;
|
|
\"]{
|
|
color:#80848e;
|
|
opacity:1!important
|
|
}
|
|
& .toolbar_separator:not(.spacer){
|
|
color:#b5bac1;
|
|
border-radius:4px;
|
|
margin:0 4px;
|
|
background-color:var(--color-back)!important
|
|
}
|
|
& .spacer{
|
|
padding:0 8px;
|
|
&:after{
|
|
border-color:#b5bac1!important
|
|
}
|
|
}
|
|
& .tooltip{
|
|
transform:translate(calc(20px - 50%));
|
|
margin-top:37px!important;
|
|
&:after{
|
|
content:\"\";
|
|
border-bottom:5px solid #111214;
|
|
border-left:5px solid #0000;
|
|
border-right:5px solid #0000;
|
|
position:absolute;
|
|
top:0;
|
|
left:50%;
|
|
transform:translate(-50%,-100%)
|
|
}
|
|
}
|
|
}
|
|
#bar_item_list{
|
|
flex-direction:column;
|
|
gap:2px;
|
|
display:flex;
|
|
overflow-y:auto;
|
|
&>li{
|
|
border-radius:4px;
|
|
min-height:34px;
|
|
padding:6px 8px;
|
|
overflow:hidden;
|
|
&>i{
|
|
display:initial!important
|
|
}
|
|
&:hover{
|
|
background-color:#393c41
|
|
}
|
|
&:active{
|
|
color:var(--color-light);
|
|
background-color:#3f4147
|
|
}
|
|
}
|
|
& *{
|
|
cursor:pointer
|
|
}
|
|
& .add{
|
|
display:none!important
|
|
}
|
|
}
|
|
dialog#toolbar_edit .search_bar{
|
|
margin:8px 0
|
|
}
|
|
dialog#message_box{
|
|
& ul{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
display:flex
|
|
}
|
|
}
|
|
.message_box_icon{
|
|
border-radius:8px;
|
|
width:54px;
|
|
margin:0 8px 2px 0;
|
|
padding:0!important
|
|
}
|
|
.dialog_message_box_command{
|
|
flex-direction:row-reverse;
|
|
&:has(>i):before{
|
|
display:none
|
|
}
|
|
&>i{
|
|
order:-3;
|
|
margin:0 0 0 4px!important
|
|
}
|
|
&:before{
|
|
order:-3;
|
|
justify-content:center;
|
|
width:19px;
|
|
display:flex;
|
|
margin:0 0 0 4px!important;
|
|
font-size:17px!important
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
flex:1;
|
|
order:-2
|
|
}
|
|
&>label{
|
|
order:-1;
|
|
margin:0 0 0 8px;
|
|
color:var(--color-subtle_text)!important
|
|
}
|
|
}
|
|
dialog#model_stats .form_bar:not(:last-child){
|
|
margin-bottom:16px
|
|
}
|
|
dialog#edit_bedrock_binding .dialog_bar{
|
|
gap:8px;
|
|
margin:0;
|
|
& .tool{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:32px;
|
|
display:flex
|
|
}
|
|
}
|
|
dialog#error_log p{
|
|
font-family:var(--font-code);
|
|
user-select:text;
|
|
background-color:var(--color-ui);
|
|
border:1px solid var(--color-border);
|
|
border-radius:4px;
|
|
padding:7px 7px 7px 24px;
|
|
position:relative;
|
|
&:not(:last-child){
|
|
border-bottom:none;
|
|
border-bottom-right-radius:0;
|
|
border-bottom-left-radius:0
|
|
}
|
|
&:not(:first-child){
|
|
border-top:none;
|
|
border-top-left-radius:0;
|
|
border-top-right-radius:0
|
|
}
|
|
&:before{
|
|
content:\"∟\";
|
|
position:absolute;
|
|
left:5px;
|
|
transform:translate(1px)rotate(-135deg)
|
|
}
|
|
}
|
|
dialog#select_texture .search_bar{
|
|
margin-bottom:16px;
|
|
height:34px!important
|
|
}
|
|
#import_texture_list{
|
|
flex-wrap:wrap;
|
|
gap:8px;
|
|
display:flex;
|
|
overflow-y:auto;
|
|
& *{
|
|
cursor:pointer
|
|
}
|
|
&>li{
|
|
border:none;
|
|
border-radius:8px;
|
|
flex:1;
|
|
align-items:flex-end;
|
|
min-width:150px;
|
|
min-height:150px;
|
|
margin:0;
|
|
padding:0;
|
|
display:flex;
|
|
&:hover{
|
|
background-color:#393c41
|
|
}
|
|
&.selected{
|
|
background-color:#43444b
|
|
}
|
|
&:after{
|
|
display:none
|
|
}
|
|
&:before{
|
|
position:absolute;
|
|
top:8px;
|
|
right:8px
|
|
}
|
|
}
|
|
& label{
|
|
text-shadow:0 0 3px #000;
|
|
padding:8px;
|
|
color:var(--color-text)!important;
|
|
margin:0!important
|
|
}
|
|
}
|
|
#texture_menu_thumbnail{
|
|
border-radius:8px;
|
|
width:128px;
|
|
&>img{
|
|
object-fit:contain;
|
|
width:100%;
|
|
height:100%
|
|
}
|
|
}
|
|
.project_thumbnail{
|
|
box-shadow:var(--box-shadow);
|
|
background-color:#282a2e;
|
|
border:8px solid #111214;
|
|
border-radius:5px;
|
|
translate:68px
|
|
}
|
|
.form_input_tool{
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:32px;
|
|
display:flex;
|
|
&>i{
|
|
margin:0
|
|
}
|
|
}
|
|
.dialog_resize_handle{
|
|
z-index:9999
|
|
}
|
|
.select_menu{
|
|
background-color:var(--color-ui);
|
|
box-shadow:none;
|
|
border:1px solid var(--color-border);
|
|
border-radius:0 0 4px 4px;
|
|
&>li{
|
|
height:initial;
|
|
font-size:16px;
|
|
line-height:16px;
|
|
padding:12px!important;
|
|
&:is(:first-child,:not(:first-child)):not(.menu_search_bar,.menu_separator){
|
|
padding:12px!important
|
|
}
|
|
&:is(.focused,.opened){
|
|
color:var(--color-text)!important;
|
|
background-color:#35373c!important
|
|
}
|
|
&:has(>.fa-dot-circle){
|
|
color:var(--color-light)!important;
|
|
background-color:#404249!important
|
|
}
|
|
& .fa-circle{
|
|
display:none!important
|
|
}
|
|
& .fa-dot-circle{
|
|
position:relative;
|
|
width:20px!important;
|
|
height:20px!important;
|
|
margin:0!important;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
border-radius:50%;
|
|
width:20px;
|
|
height:20px
|
|
}
|
|
&:after{
|
|
content:\"check\";
|
|
font-family:Material Icons;
|
|
font-size:16px;
|
|
position:absolute;
|
|
left:2.5px
|
|
}
|
|
}
|
|
&>span{
|
|
margin-right:8px
|
|
}
|
|
&.menu_separator{
|
|
border-bottom:1px solid var(--color-border);
|
|
margin:7px 0 0!important
|
|
}
|
|
}
|
|
}
|
|
#work_screen{
|
|
grid-gap:8px;
|
|
border-top-left-radius:8px;
|
|
grid-template-rows:48px minmax(200px,5000px) 32px;
|
|
& .bar_select{
|
|
margin:0 4px
|
|
}
|
|
& bb-select{
|
|
height:32px
|
|
}
|
|
}
|
|
#work_screen:has(>#center>#toast_notification_list>.toast_notification){
|
|
border-top-left-radius:0;
|
|
margin-top:36px;
|
|
&[style*=\"grid-template-columns: 0px\"] .toolbar_wrapper.tool_options{
|
|
border-radius:0
|
|
}
|
|
}
|
|
:is(#bottom_slot,#top_slot) .panel{
|
|
width:initial!important
|
|
}
|
|
#left_bar,#left_bar .panel{
|
|
border-top-right-radius:8px;
|
|
border-bottom-right-radius:8px
|
|
}
|
|
#left_bar .panel:first-child>.panel_handle{
|
|
border-top-right-radius:8px
|
|
}
|
|
#left_bar .panel:not(.hidden){
|
|
& .panel_handle{
|
|
border-top-right-radius:8px
|
|
}
|
|
&~.panel:not(.hidden)>.panel_handle{
|
|
border-top-right-radius:0
|
|
}
|
|
}
|
|
#left_bar .list{
|
|
border-bottom-right-radius:8px
|
|
}
|
|
#status_bar{
|
|
background-color:var(--color-ui);
|
|
background-image:linear-gradient(#1f2124,#1f2124 1px,#282a2e 1px 2px,#0000 2px);
|
|
border-bottom-right-radius:8px;
|
|
border-bottom-left-radius:8px;
|
|
&>:not(.hidden){
|
|
align-items:center;
|
|
display:flex
|
|
}
|
|
&>div[title=\"Streamer Mode Enabled\"]{
|
|
cursor:pointer;
|
|
filter:brightness(1.5)saturate(75%);
|
|
background-color:initial!important;
|
|
color:var(--color-stream)!important
|
|
}
|
|
}
|
|
#main_toolbar{
|
|
display:contents
|
|
}
|
|
#right_bar,#right_bar .panel,#right_bar .panel_vue_wrapper>.list{
|
|
border-bottom-left-radius:8px
|
|
}
|
|
#right_bar{
|
|
margin-top:-8px
|
|
}
|
|
#resizer_left,#resizer_right{
|
|
width:8px;
|
|
transform:translate(2px);
|
|
opacity:0!important
|
|
}
|
|
#resizer_right{
|
|
transform:translate(-2px);
|
|
top:48px!important
|
|
}
|
|
.toolbar_wrapper.tools{
|
|
grid-area:center;
|
|
justify-content:center;
|
|
align-self:start;
|
|
position:relative;
|
|
display:flex!important;
|
|
&:before{
|
|
content:\"\";
|
|
z-index:2;
|
|
width:100%;
|
|
height:88px;
|
|
margin-top:-8px;
|
|
position:absolute
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
z-index:1;
|
|
opacity:0;
|
|
background-image:linear-gradient(#000 0%,#000000bc 19%,#0000008a 34%,#00000061 47%,#00000047 56.5%,#00000031 65%,#00000020 73%,#00000013 80.2%,#0000000b 86.1%,#00000005 91%,#00000002 95.2%,#00000001 98.2%,#0000 100%);
|
|
width:100%;
|
|
height:160px;
|
|
margin-top:-8px;
|
|
transition:opacity .2s ease-in-out;
|
|
position:absolute
|
|
}
|
|
& .toolbar{
|
|
z-index:2;
|
|
flex-flow:wrap;
|
|
justify-content:center;
|
|
row-gap:8px;
|
|
margin-top:10px;
|
|
position:relative;
|
|
overflow:visible!important;
|
|
& .tool{
|
|
opacity:0;
|
|
transition:transform .2s ease-in-out,opacity .2s ease-in-out;
|
|
transform:translateY(-8px)
|
|
}
|
|
&:before{
|
|
content:\"keyboard_arrow_down\";
|
|
font-family:Material Icons;
|
|
font-size:24px;
|
|
transition:opacity .2s ease-in-out,transform .2s ease-in-out;
|
|
position:absolute;
|
|
top:0;
|
|
transform:translateY(-16px)
|
|
}
|
|
}
|
|
& .content{
|
|
display:contents;
|
|
&>:not(.tool){
|
|
display:none
|
|
}
|
|
}
|
|
& .tool{
|
|
filter:drop-shadow(0 1px 1px #0008);
|
|
justify-content:center;
|
|
width:72px;
|
|
height:56px;
|
|
display:none;
|
|
position:relative;
|
|
&[class=tool],&[class=tool\\ enabled],&[class=tool\\ side_menu_tool],&[class=\"tool side_menu_tool enabled\"],&[class=tool\\ toolbar_menu]{
|
|
display:flex
|
|
}
|
|
& .tooltip{
|
|
margin-top:66px!important;
|
|
&:before{
|
|
content:\"\";
|
|
border-bottom:5px solid #111214;
|
|
border-left:5px solid #0000;
|
|
border-right:5px solid #0000;
|
|
position:absolute;
|
|
top:0;
|
|
left:50%;
|
|
transform:translate(-50%,-100%)
|
|
}
|
|
}
|
|
&>i:nth-child(2){
|
|
background-color:var(--color-ui);
|
|
color:var(--color-light);
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:56px;
|
|
min-width:56px;
|
|
height:56px;
|
|
min-height:56px;
|
|
margin:0;
|
|
font-size:26px;
|
|
transition:background-color .15s ease-in-out,color .15s ease-in-out;
|
|
display:flex;
|
|
&:not([class*=material-icons]){
|
|
font-size:24px
|
|
}
|
|
}
|
|
&>i:nth-child(3){
|
|
background-color:var(--color-ui);
|
|
border-radius:50%;
|
|
width:20px;
|
|
height:20px;
|
|
min-height:20px;
|
|
margin:0;
|
|
transition:background-color .15s ease-in-out,color .15s ease-in-out;
|
|
position:absolute;
|
|
bottom:0;
|
|
right:8px;
|
|
&:before{
|
|
translate:0 1px
|
|
}
|
|
}
|
|
&.side_menu_tool>i:nth-child(2){
|
|
clip-path:path(\"M 0 0 H 56 V 56 H 0 Z m 32 45 a 14 14 0 1 0 28 1 a 14 14 0 1 0 -28 -1\")
|
|
}
|
|
&>i:hover{
|
|
background-color:var(--color-border)
|
|
}
|
|
&.enabled i{
|
|
background-color:var(--color-light);
|
|
color:var(--color-accent_text)!important;
|
|
&:hover{
|
|
background-color:#f2f3f5!important
|
|
}
|
|
}
|
|
&:hover{
|
|
z-index:1
|
|
}
|
|
}
|
|
& .toolbar_overflow_button{
|
|
display:none!important
|
|
}
|
|
& .toolbar_menu{
|
|
order:1;
|
|
& .tooltip{
|
|
margin-top:112px!important
|
|
}
|
|
}
|
|
&:hover{
|
|
&:after{
|
|
opacity:1
|
|
}
|
|
& .toolbar{
|
|
& .tool{
|
|
opacity:1;
|
|
transform:initial
|
|
}
|
|
&:before{
|
|
opacity:0;
|
|
transform:translateY(8px)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.toolbar_wrapper.tool_options{
|
|
box-shadow:var(--header-shadow);
|
|
z-index:2;
|
|
background-color:#303338;
|
|
border-top-left-radius:8px;
|
|
grid-area:toolbar;
|
|
align-items:center;
|
|
min-width:100%;
|
|
padding:0 256px 0 16px;
|
|
display:flex!important;
|
|
& .content{
|
|
align-items:center;
|
|
display:flex
|
|
}
|
|
}
|
|
#work_screen[style*=\"grid-template-columns: 0px\"] :is(.toolbar_wrapper.tools,.toolbar_wrapper.tool_options,#center,#status_bar){
|
|
border-radius:0;
|
|
margin-left:-8px
|
|
}
|
|
#work_screen[style*=\" 0px;
|
|
\"] :is(.toolbar_wrapper.tools,#center,#status_bar){
|
|
margin-right:-8px
|
|
}
|
|
#mode_selector{
|
|
z-index:2;
|
|
grid-area:toolbar;
|
|
justify-content:flex-end;
|
|
align-items:center;
|
|
gap:16px;
|
|
height:100%;
|
|
padding:0 16px;
|
|
display:flex;
|
|
&>li{
|
|
color:#b5bac1;
|
|
border-radius:4px;
|
|
align-items:center;
|
|
height:24px;
|
|
margin:0;
|
|
padding:2px 8px;
|
|
font-size:16px;
|
|
font-weight:500;
|
|
display:flex;
|
|
border:none!important;
|
|
&:hover{
|
|
color:var(--color-text);
|
|
background-color:#393c41
|
|
}
|
|
&.selected{
|
|
background-color:var(--color-accent);
|
|
color:var(--color-light);
|
|
&:active{
|
|
background-color:#4752c4
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#top_slot{
|
|
order:1
|
|
}
|
|
#bottom_slot{
|
|
order:2
|
|
}
|
|
#resizer_top{
|
|
display:none
|
|
}
|
|
.orbit_gizmo{
|
|
margin:0 8px 8px 0
|
|
}
|
|
dialog#animated_texture_editor_code content>:last-child{
|
|
flex-direction:column;
|
|
display:flex;
|
|
position:relative;
|
|
& .code_editor_file_title{
|
|
background-color:var(--color-ui);
|
|
border:1px solid var(--color-border);
|
|
color:#b5bac1;
|
|
cursor:text;
|
|
border-top:none;
|
|
border-radius:0 0 8px 8px;
|
|
order:1;
|
|
align-items:center;
|
|
height:40px;
|
|
padding:0 16px;
|
|
font-size:14px;
|
|
line-height:18px;
|
|
display:flex
|
|
}
|
|
& .prism-editor-wrapper{
|
|
border-radius:8px 8px 0 0
|
|
}
|
|
&>button{
|
|
background-color:initial;
|
|
order:1;
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:28px;
|
|
height:28px;
|
|
padding:0;
|
|
font-size:0;
|
|
text-decoration:none;
|
|
display:flex;
|
|
position:absolute;
|
|
bottom:6px;
|
|
right:17px;
|
|
width:initial!important;
|
|
&:before{
|
|
content:\"content_copy\";
|
|
color:#b5bac1;
|
|
font-family:Material Icons;
|
|
font-size:24px
|
|
}
|
|
&:hover{
|
|
&:before{
|
|
color:#d9dcdf
|
|
}
|
|
&:after{
|
|
content:\"Copy\";
|
|
color:var(--color-text);
|
|
background-color:#111214;
|
|
border-radius:5px;
|
|
padding:8px 12px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
position:absolute;
|
|
top:-8px;
|
|
transform:translateY(-100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#flipbook_editor{
|
|
flex-direction:row-reverse;
|
|
gap:16px;
|
|
max-height:720px;
|
|
position:relative;
|
|
& button{
|
|
background-color:var(--color-button);
|
|
border-radius:3px;
|
|
min-width:96px;
|
|
height:38px;
|
|
padding:2px 16px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
color:var(--color-light)!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
}
|
|
}
|
|
.flipbook_frame_timeline{
|
|
background-color:var(--color-back);
|
|
border-radius:8px 8px 0 0;
|
|
width:288px;
|
|
margin-bottom:71px;
|
|
padding:16px;
|
|
&>button{
|
|
margin-bottom:27px;
|
|
position:relative;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:#37393f;
|
|
height:1px;
|
|
position:absolute;
|
|
bottom:-17px;
|
|
left:-16px;
|
|
right:-16px
|
|
}
|
|
}
|
|
&>ul{
|
|
background-color:var(--color-border);
|
|
min-height:initial;
|
|
flex:initial;
|
|
border-radius:8px;
|
|
flex-direction:column;
|
|
gap:8px;
|
|
padding:12px;
|
|
display:flex;
|
|
overflow-y:auto
|
|
}
|
|
&>div{
|
|
flex:1;
|
|
justify-content:center;
|
|
align-items:flex-end;
|
|
gap:16px;
|
|
margin-top:27px;
|
|
display:flex;
|
|
position:relative;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:#37393f;
|
|
height:1px;
|
|
position:absolute;
|
|
bottom:54px;
|
|
left:-16px;
|
|
right:-16px
|
|
}
|
|
}
|
|
& .tool{
|
|
background-color:var(--color-button);
|
|
border-radius:3px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:38px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
display:flex;
|
|
color:var(--color-light)!important;
|
|
&>i{
|
|
margin:0
|
|
}
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
}
|
|
}
|
|
.flipbook_frame{
|
|
border:1px solid #0000;
|
|
border-radius:6px;
|
|
gap:8px;
|
|
padding:7px;
|
|
background-color:var(--color-ui)!important;
|
|
color:#b5bac1!important;
|
|
&:before{
|
|
content:\"drag_indicator\";
|
|
justify-content:center;
|
|
width:10px;
|
|
font-family:Material Icons;
|
|
display:flex
|
|
}
|
|
&>label{
|
|
flex:initial;
|
|
width:initial;
|
|
order:1;
|
|
width:10px
|
|
}
|
|
&>img{
|
|
border-radius:6px;
|
|
margin:auto
|
|
}
|
|
&.viewing{
|
|
border:1px solid var(--color-accent)
|
|
}
|
|
}
|
|
.flipbook_options{
|
|
background-color:var(--color-back);
|
|
border-radius:0 0 8px 8px;
|
|
justify-content:center;
|
|
width:288px;
|
|
position:absolute;
|
|
bottom:0;
|
|
right:0;
|
|
border-top:1px solid #37393f!important;
|
|
margin:0!important;
|
|
padding:16px!important
|
|
}
|
|
.flipbook_frame_preview{
|
|
flex:1;
|
|
padding-bottom:26px;
|
|
&>:first-child{
|
|
flex:1;
|
|
&>img{
|
|
width:initial;
|
|
max-height:initial;
|
|
object-fit:contain;
|
|
border-radius:8px
|
|
}
|
|
}
|
|
}
|
|
#flipbook_editor_timeline{
|
|
border:2px solid var(--color-accent);
|
|
background-color:var(--color-ui);
|
|
width:calc(100% - 224px);
|
|
min-height:60px;
|
|
margin-top:20px;
|
|
margin-left:172px;
|
|
position:relative;
|
|
&:before,&:after{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
border-radius:8px 0 0 8px;
|
|
width:18px;
|
|
position:absolute;
|
|
top:-2px;
|
|
bottom:-2px;
|
|
left:-20px
|
|
}
|
|
&:after{
|
|
left:initial;
|
|
border-radius:0 8px 8px 0;
|
|
right:-20px
|
|
}
|
|
& .frame{
|
|
border:none;
|
|
height:100%;
|
|
margin-left:4px;
|
|
position:relative;
|
|
&:nth-last-child(2):after{
|
|
content:\"\";
|
|
background-color:var(--color-back);
|
|
width:3px;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
right:-3px
|
|
}
|
|
}
|
|
}
|
|
#flipbook_editor_playhead{
|
|
background-color:var(--color-text);
|
|
width:4px;
|
|
min-height:60px;
|
|
transform:translate(7px);
|
|
border:none!important;
|
|
border-radius:0!important;
|
|
&:before{
|
|
display:none
|
|
}
|
|
}
|
|
.flipbook_controls{
|
|
background-color:#111214;
|
|
border-radius:8px;
|
|
align-self:flex-start;
|
|
gap:8px;
|
|
height:60px;
|
|
margin-top:-60px;
|
|
margin-left:34px;
|
|
padding:25px;
|
|
& .tool{
|
|
color:var(--color-text);
|
|
width:24px;
|
|
height:24px;
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:18px;
|
|
min-height:18px;
|
|
margin:0;
|
|
display:flex;
|
|
font-size:32px!important
|
|
}
|
|
}
|
|
}
|
|
#quick_setup,.start_screen_section[section_id=new_version]{
|
|
z-index:5;
|
|
flex-direction:column;
|
|
max-width:min(512px,100vw - 80px);
|
|
max-height:calc(100vh - 80px);
|
|
top:50%;
|
|
left:50%;
|
|
transform:translate(-50%,-50%);
|
|
background-color:initial!important;
|
|
color:var(--color-text)!important;
|
|
border:none!important;
|
|
padding:0!important;
|
|
display:flex!important;
|
|
position:fixed!important;
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
background-color:#000000b2;
|
|
width:100vw;
|
|
height:100vh;
|
|
position:fixed;
|
|
top:50%;
|
|
left:50%;
|
|
transform:translate(-50%,-50%)
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
z-index:-1;
|
|
box-shadow:var(--dialog-shadow);
|
|
background-color:#303338;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:0
|
|
}
|
|
&>h2,& .start_screen_right:before{
|
|
color:#f2f3f5;
|
|
height:62px;
|
|
padding:16px;
|
|
font-size:24px;
|
|
line-height:30px
|
|
}
|
|
& .start_screen_close_button{
|
|
color:#73767d;
|
|
min-width:32px;
|
|
height:32px;
|
|
padding:4px;
|
|
font-size:24px;
|
|
transition:color .2s ease-in-out;
|
|
top:16px;
|
|
right:16px;
|
|
display:initial!important;
|
|
background:0 0!important;
|
|
top:16px!important;
|
|
right:16px!important;
|
|
&:hover{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
&>div{
|
|
flex-direction:row;
|
|
padding:0 16px;
|
|
width:initial!important;
|
|
align-items:stretch!important;
|
|
margin:0 0 16px!important;
|
|
&>:first-child{
|
|
color:#b5bac1;
|
|
text-transform:uppercase;
|
|
letter-spacing:.24px;
|
|
min-width:100%;
|
|
margin-bottom:8px;
|
|
font-size:12px;
|
|
font-weight:700;
|
|
line-height:16px
|
|
}
|
|
}
|
|
& .start_screen_right{
|
|
padding:0 0 16px;
|
|
box-shadow:none!important;
|
|
margin:0!important;
|
|
&:before{
|
|
content:\"New Update\";
|
|
display:flex
|
|
}
|
|
&>h3{
|
|
color:#c4c9ce;
|
|
pointer-events:none;
|
|
text-transform:initial;
|
|
text-align:left;
|
|
font-size:12px;
|
|
font-weight:400;
|
|
position:absolute;
|
|
top:44px;
|
|
left:16px
|
|
}
|
|
&>:nth-last-child(2){
|
|
margin-top:-12px
|
|
}
|
|
}
|
|
}
|
|
.quick_setup_theme{
|
|
z-index:1;
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
max-width:60px;
|
|
margin-top:8px;
|
|
font-size:0;
|
|
display:flex;
|
|
position:relative;
|
|
&:not(:last-child){
|
|
margin-right:16px
|
|
}
|
|
&:last-child>div{
|
|
background-color:#303338;
|
|
border:1px solid #b4b9c0
|
|
}
|
|
&.selected{
|
|
&>div{
|
|
width:56px;
|
|
height:56px
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
z-index:-1;
|
|
border-radius:50%;
|
|
position:absolute;
|
|
inset:-2px
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
z-index:-1;
|
|
background-color:#303338;
|
|
border-radius:50%;
|
|
position:absolute;
|
|
inset:0
|
|
}
|
|
}
|
|
&>div{
|
|
border:none;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:60px;
|
|
height:60px;
|
|
padding:0;
|
|
display:flex;
|
|
margin:0!important;
|
|
&>i{
|
|
min-width:28px;
|
|
font-size:28px;
|
|
overflow:visible
|
|
}
|
|
}
|
|
&:hover{
|
|
&:nth-child(2)>div:before{
|
|
content:\"Dark\"
|
|
}
|
|
&:nth-child(3)>div:before{
|
|
content:\"Light\"
|
|
}
|
|
&:nth-child(4)>div:before{
|
|
content:\"Contrast\"
|
|
}
|
|
&:last-child>div:before{
|
|
content:\"More...\"
|
|
}
|
|
&>div{
|
|
&:before{
|
|
z-index:1;
|
|
color:var(--color-text);
|
|
box-shadow:var(--box-shadow);
|
|
background-color:#111214;
|
|
border-radius:5px;
|
|
padding:8px 12px;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
position:absolute;
|
|
top:-8px;
|
|
left:50%;
|
|
transform:translate(-50%,-100%)
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
border-top:5px solid #111214;
|
|
border-left:5px solid #0000;
|
|
border-right:5px solid #0000;
|
|
position:absolute;
|
|
top:-3px;
|
|
left:50%;
|
|
transform:translate(-50%,-100%)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.start_screen_features{
|
|
overflow:auto;
|
|
padding:16px!important;
|
|
&>li{
|
|
flex-direction:column;
|
|
display:flex;
|
|
text-align:left!important;
|
|
margin:0!important;
|
|
padding:0!important;
|
|
&>*{
|
|
order:2
|
|
}
|
|
&>p{
|
|
list-style:initial;
|
|
margin-left:17px!important;
|
|
display:list-item!important
|
|
}
|
|
&:first-child h3{
|
|
margin-top:0!important
|
|
}
|
|
&:nth-child(2) h3{
|
|
color:#2dc770;
|
|
&:after{
|
|
background-color:#2dc770
|
|
}
|
|
}
|
|
&:nth-child(3) h3{
|
|
color:#f0b132;
|
|
&:after{
|
|
background-color:#f0b132
|
|
}
|
|
}
|
|
}
|
|
& img{
|
|
margin-bottom:16px!important
|
|
}
|
|
& h3{
|
|
color:#949cf7;
|
|
text-transform:uppercase;
|
|
order:1;
|
|
align-items:center;
|
|
gap:4px;
|
|
line-height:20px;
|
|
margin:40px 0 20px!important;
|
|
font-size:16px!important;
|
|
font-weight:700!important;
|
|
display:flex!important;
|
|
&:after{
|
|
content:\"\";
|
|
background-color:#949cf7;
|
|
flex:1;
|
|
height:1px;
|
|
display:flex
|
|
}
|
|
}
|
|
}
|
|
#update_menu .tool{
|
|
height:22px;
|
|
width:28px!important;
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:28px;
|
|
min-height:22px;
|
|
margin:0;
|
|
font-size:16px;
|
|
display:flex;
|
|
margin:0!important
|
|
}
|
|
& .tooltip{
|
|
transform:translate(calc(14px - 50%));
|
|
margin-top:27px!important;
|
|
margin-left:0!important
|
|
}
|
|
}
|
|
#cubes_list{
|
|
padding-top:8px;
|
|
&>:last-child{
|
|
margin-bottom:13px
|
|
}
|
|
&.drag_hover>li:last-child:after{
|
|
background-color:#23a559;
|
|
border-radius:2px;
|
|
width:calc(100% - 8px);
|
|
height:4px;
|
|
margin-left:8px;
|
|
translate:0 -1px;
|
|
box-shadow:0 0 3px #0006
|
|
}
|
|
}
|
|
.outliner_object{
|
|
cursor:pointer;
|
|
align-items:center;
|
|
background-color:initial!important;
|
|
&>*{
|
|
padding:0!important
|
|
}
|
|
& input{
|
|
color:var(--color-subtle_text);
|
|
background-color:initial!important;
|
|
padding:0!important
|
|
}
|
|
}
|
|
.outliner_node{
|
|
position:relative
|
|
}
|
|
.outliner_object.group{
|
|
height:24px;
|
|
padding:0 8px 0 0;
|
|
& input{
|
|
letter-spacing:.24px;
|
|
font-size:14px;
|
|
font-weight:600;
|
|
height:16px!important
|
|
}
|
|
&>:nth-child(2){
|
|
display:none
|
|
}
|
|
&>:first-child{
|
|
color:var(--color-subtle_text);
|
|
opacity:1;
|
|
justify-content:center;
|
|
align-items:center;
|
|
max-width:16px;
|
|
height:100%;
|
|
font-size:8px;
|
|
display:flex;
|
|
padding:0 2px!important
|
|
}
|
|
&:hover{
|
|
& input,&>:first-child{
|
|
color:var(--color-text)!important
|
|
}
|
|
}
|
|
&.selected{
|
|
& input,&>:first-child{
|
|
color:var(--color-light)!important
|
|
}
|
|
}
|
|
}
|
|
.outliner_object:not(.group){
|
|
z-index:1;
|
|
height:34px;
|
|
padding:0 24px 0 0;
|
|
position:relative;
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:1px 0 1px 8px
|
|
}
|
|
&>*{
|
|
translate:16px
|
|
}
|
|
& input{
|
|
font-weight:500;
|
|
height:20px!important
|
|
}
|
|
&:hover{
|
|
& input{
|
|
color:var(--color-text)
|
|
}
|
|
&:before{
|
|
background-color:#35373c
|
|
}
|
|
}
|
|
&.selected{
|
|
& input{
|
|
color:var(--color-light)
|
|
}
|
|
&:before{
|
|
background-color:#404249
|
|
}
|
|
}
|
|
&>:nth-child(2){
|
|
height:initial;
|
|
color:#80848e;
|
|
margin-right:6px;
|
|
position:relative;
|
|
overflow:visible;
|
|
font-size:22px!important;
|
|
&.fa,&.fa_big{
|
|
font-size:17px!important
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
background-image:url(\"data:image/svg+xml;
|
|
utf8,<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 4000 34\\\"><path d=\\\"M 0 0 L 4000 0 L 4000 1 Q 3996 1 3996 5 L 3996 29 Q 3996 33 4000 33 L 4000 34 L 0 34 Z\\\" fill=\\\"%232B2D31\\\"/></svg>\");
|
|
width:4000px;
|
|
height:34px;
|
|
position:absolute;
|
|
top:-9px;
|
|
left:-4px;
|
|
transform:translate(-100%)
|
|
}
|
|
}
|
|
& .outliner_opener_placeholder{
|
|
display:none
|
|
}
|
|
}
|
|
.outliner_line_guide{
|
|
display:none
|
|
}
|
|
.outliner_toggle,#panel_animations .in_list_button>i,.channel_head>.text_button:not(:first-child)>i,.controller_state_section_title>.text_button>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:100%;
|
|
display:flex;
|
|
color:#d8dbdd!important;
|
|
max-width:16px!important;
|
|
margin:0 0 0 4px!important;
|
|
font-size:16px!important;
|
|
overflow:visible!important;
|
|
&.fa,&.far,&.fas{
|
|
font-size:13px!important
|
|
}
|
|
&.icon_off{
|
|
color:var(--color-subtle_text)!important
|
|
}
|
|
}
|
|
#panel_animations .in_list_button,.channel_head>.text_button:not(:first-child),.controller_state_section_title .text_button{
|
|
width:initial;
|
|
height:100%;
|
|
&.off>i{
|
|
color:var(--color-subtle_text)!important
|
|
}
|
|
}
|
|
.drag_hover[order]:before{
|
|
background-color:#23a559;
|
|
border-radius:2px;
|
|
width:calc(100% - 8px);
|
|
min-height:4px;
|
|
margin-left:8px;
|
|
translate:0 -1px;
|
|
box-shadow:0 0 3px #0006
|
|
}
|
|
.drag_hover[order=\"0\"]:before{
|
|
width:4px;
|
|
margin-left:0
|
|
}
|
|
.panel{
|
|
& .list{
|
|
background-color:initial;
|
|
&::-webkit-scrollbar-track{
|
|
background-color:initial!important
|
|
}
|
|
}
|
|
&:not(.hidden)~.panel>.panel_handle{
|
|
background-image:linear-gradient(#1f2124,#1f2124 1px,#282a2e 1px 2px,#0000 2px)
|
|
}
|
|
&.floating{
|
|
box-shadow:var(--dialog-shadow);
|
|
border:none;
|
|
border-radius:4px;
|
|
&>:first-child{
|
|
border-radius:4px 4px 0 0
|
|
}
|
|
&>:last-child{
|
|
border-radius:0 0 4px 4px
|
|
}
|
|
}
|
|
&.folded>.panel_handle{
|
|
box-shadow:none
|
|
}
|
|
&.floating.folded>.panel_handle{
|
|
border-radius:4px
|
|
}
|
|
& .bar.next_to_title{
|
|
z-index:1;
|
|
align-items:center;
|
|
margin-top:-48px;
|
|
margin-right:128px;
|
|
display:flex;
|
|
transform:translateY(calc(24px - 50%))
|
|
}
|
|
& .toolbar{
|
|
padding:8px;
|
|
&>.content{
|
|
padding-right:8px
|
|
}
|
|
}
|
|
}
|
|
.panel_handle{
|
|
box-shadow:var(--header-shadow);
|
|
box-sizing:border-box;
|
|
z-index:1;
|
|
padding-right:0 8px 0 0!important;
|
|
height:48px!important;
|
|
&>label{
|
|
align-items:center;
|
|
height:100%;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
display:flex;
|
|
color:#f2f3f5!important;
|
|
text-transform:initial!important;
|
|
margin:0!important;
|
|
padding:0 0 0 16px!important;
|
|
font-size:16px!important
|
|
}
|
|
}
|
|
#uv_resolution_status{
|
|
cursor:pointer;
|
|
color:#b5bac1;
|
|
&:hover{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
#texture_list{
|
|
padding-bottom:13px
|
|
}
|
|
.texture{
|
|
z-index:1;
|
|
cursor:pointer;
|
|
align-items:center;
|
|
height:60px;
|
|
padding:1px 8px 1px 16px;
|
|
display:flex;
|
|
position:relative;
|
|
background-color:initial!important;
|
|
& *{
|
|
cursor:pointer!important;
|
|
margin:0!important
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:1px 0 1px 8px
|
|
}
|
|
&:hover{
|
|
&:after{
|
|
background-color:#35373c
|
|
}
|
|
& .texture_name,& .texture_res{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
&.multi_selected{
|
|
&:after{
|
|
background-color:#3c3c42
|
|
}
|
|
& .texture_name,& .texture_res{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
&.selected{
|
|
&:after{
|
|
background-color:#404249
|
|
}
|
|
& .texture_name,& .texture_res{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
& i{
|
|
color:#aaacb0;
|
|
max-width:16px;
|
|
margin-left:4px!important;
|
|
font-size:16px!important;
|
|
&.fa,&.far,&.fas{
|
|
font-size:13px!important
|
|
}
|
|
&:hover{
|
|
color:var(--color-text)!important
|
|
}
|
|
&:not(.clickable){
|
|
color:var(--color-subtle_text)!important
|
|
}
|
|
&.texture_multi_select_icon{
|
|
color:#23a559!important
|
|
}
|
|
}
|
|
}
|
|
div.texture_icon_wrapper{
|
|
border-radius:3px;
|
|
margin-right:12px!important;
|
|
& .texture_error{
|
|
text-shadow:none;
|
|
z-index:1;
|
|
border-radius:50%;
|
|
top:2px;
|
|
left:2px;
|
|
overflow:visible;
|
|
color:var(--color-error)!important;
|
|
margin:0!important;
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-light);
|
|
z-index:-1;
|
|
border-radius:50%;
|
|
position:absolute;
|
|
inset:2px
|
|
}
|
|
}
|
|
&>img+.texture_error{
|
|
filter:drop-shadow(0 0 5px #000)
|
|
}
|
|
}
|
|
.texture_name{
|
|
color:var(--color-subtle_text);
|
|
font-weight:500;
|
|
line-height:20px
|
|
}
|
|
.texture_res{
|
|
font-size:12px;
|
|
font-weight:500;
|
|
line-height:16px
|
|
}
|
|
.texture[order]:before{
|
|
background-color:#23a559;
|
|
border-radius:2px;
|
|
width:calc(100% - 8px);
|
|
min-height:4px;
|
|
margin-left:8px;
|
|
translate:0 -1px;
|
|
box-shadow:0 0 3px #0006
|
|
}
|
|
.toolbar{
|
|
overflow:visible;
|
|
&>.content{
|
|
row-gap:8px
|
|
}
|
|
&.no_wrap{
|
|
max-height:32px;
|
|
overflow:hidden
|
|
}
|
|
& .tool>input[type=range]{
|
|
margin:0 4px
|
|
}
|
|
}
|
|
.toolbar_menu{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:16px;
|
|
display:flex;
|
|
color:#b5bac1!important;
|
|
margin:0!important;
|
|
&:hover{
|
|
color:var(--color-text)!important
|
|
}
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:16px;
|
|
margin:0;
|
|
display:flex;
|
|
margin-left:0!important
|
|
}
|
|
}
|
|
.nslide_tool{
|
|
margin:0 4px;
|
|
position:relative;
|
|
width:80px!important;
|
|
padding:0!important;
|
|
&.is_colored{
|
|
&>.nslide{
|
|
padding-left:2px!important
|
|
}
|
|
& .na_left{
|
|
left:2px
|
|
}
|
|
}
|
|
}
|
|
.nslide{
|
|
color:var(--color-text);
|
|
border-radius:4px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-weight:500;
|
|
display:flex;
|
|
background-color:var(--color-border)!important;
|
|
height:100%!important;
|
|
padding:0!important;
|
|
&:before{
|
|
bottom:0;
|
|
left:0;
|
|
right:initial!important;
|
|
border-width:0 4px 0 0!important
|
|
}
|
|
}
|
|
.nslide_arrow{
|
|
cursor:pointer;
|
|
top:50%;
|
|
overflow:visible;
|
|
transform:translateY(-50%);
|
|
width:initial!important;
|
|
margin:0!important;
|
|
&>i{
|
|
max-width:initial;
|
|
min-width:32px;
|
|
margin:0
|
|
}
|
|
&:hover{
|
|
color:var(--color-light)
|
|
}
|
|
}
|
|
.na_left{
|
|
left:0
|
|
}
|
|
.na_right{
|
|
right:0
|
|
}
|
|
.toolbar_separator.border{
|
|
background-color:#3f4147!important;
|
|
width:1px!important;
|
|
margin-bottom:4px!important
|
|
}
|
|
#panel_element,#panel_color,#panel_variable_placeholders,#panel_bone{
|
|
&>:nth-child(2){
|
|
margin-top:8px!important
|
|
}
|
|
&>:last-child{
|
|
margin-bottom:8px!important
|
|
}
|
|
}
|
|
.panel_toolbar_label{
|
|
text-transform:uppercase;
|
|
letter-spacing:.24px;
|
|
padding:8px 12px 0;
|
|
font-size:12px;
|
|
font-weight:600;
|
|
line-height:16px;
|
|
margin:0!important
|
|
}
|
|
.icon_mode{
|
|
border-radius:4px;
|
|
overflow:hidden;
|
|
background-color:var(--color-border)!important;
|
|
padding:0!important;
|
|
& .select_option{
|
|
cursor:pointer;
|
|
justify-content:center;
|
|
align-items:center;
|
|
display:flex;
|
|
width:32px!important;
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
font-size:20px;
|
|
display:flex;
|
|
margin:0!important;
|
|
padding:0!important
|
|
}
|
|
&.selected{
|
|
background-color:var(--color-light)!important
|
|
}
|
|
}
|
|
}
|
|
#display_sliders{
|
|
& .display_slot_section_bar{
|
|
margin:0;
|
|
padding-right:8px
|
|
}
|
|
& .slider_input_combo{
|
|
margin:0 8px!important;
|
|
&>div:first-child{
|
|
margin-right:-8px
|
|
}
|
|
}
|
|
& [title=X]{
|
|
margin-top:8px!important
|
|
}
|
|
& [title=Z]{
|
|
margin-bottom:8px!important
|
|
}
|
|
}
|
|
#panel_color{
|
|
& #main_colorpicker+div{
|
|
width:calc(100% - 20px)!important;
|
|
margin:0 12px 0 8px!important
|
|
}
|
|
& [toolbar=color_picker]{
|
|
margin:1px 8px 0 4px
|
|
}
|
|
}
|
|
#color_panel_wrapper>:nth-child(3):not([style=\"display: none;
|
|
\"])+div{
|
|
margin-top:8px
|
|
}
|
|
#color_panel_wrapper>:nth-child(4){
|
|
margin:0 8px
|
|
}
|
|
#palette_list{
|
|
flex-wrap:wrap;
|
|
align-content:flex-start;
|
|
gap:4px;
|
|
min-height:170px;
|
|
max-height:228px;
|
|
margin:8px -8px 0 0;
|
|
padding:0;
|
|
display:flex;
|
|
&>li{
|
|
cursor:pointer;
|
|
border-radius:3px;
|
|
overflow:hidden;
|
|
&:not(:hover):not(.selected){
|
|
background-color:#0000!important
|
|
}
|
|
&:hover{
|
|
padding:2px!important
|
|
}
|
|
&>div{
|
|
cursor:pointer;
|
|
border-radius:3px
|
|
}
|
|
}
|
|
}
|
|
#color_panel_head{
|
|
height:initial;
|
|
& .chosen{
|
|
width:58px;
|
|
&>div{
|
|
cursor:pointer;
|
|
border-radius:4px;
|
|
box-shadow:none!important;
|
|
border:none!important;
|
|
width:32px!important;
|
|
height:32px!important;
|
|
&.selected{
|
|
position:relative;
|
|
transform:translate(2px,2px);
|
|
width:28px!important;
|
|
height:28px!important;
|
|
&:before{
|
|
content:\"\";
|
|
border:2px solid var(--color-ui);
|
|
outline:2px solid var(--color-accent);
|
|
border-radius:6px;
|
|
position:absolute;
|
|
inset:-2px
|
|
}
|
|
}
|
|
&.secondary{
|
|
top:22px
|
|
}
|
|
}
|
|
& .switcher{
|
|
right:2px
|
|
}
|
|
}
|
|
& .side>input{
|
|
font-family:var(--font-main)
|
|
}
|
|
}
|
|
#color_history{
|
|
gap:4px;
|
|
height:20px;
|
|
margin-top:4px;
|
|
&>li{
|
|
border-radius:3px;
|
|
min-width:20px;
|
|
max-width:20px;
|
|
height:20px;
|
|
position:relative;
|
|
border:none!important
|
|
}
|
|
}
|
|
#uv_viewport{
|
|
margin-top:2px
|
|
}
|
|
#uv_frame{
|
|
border-radius:8px;
|
|
position:relative;
|
|
&:before{
|
|
content:\"\";
|
|
border:4px solid var(--color-ui);
|
|
pointer-events:none;
|
|
position:absolute;
|
|
inset:-4px
|
|
}
|
|
}
|
|
#UVEditor>.uv_painter_info+div{
|
|
margin:4px 8px 8px;
|
|
&.joined_uv_bar>.uv_editor_sliders{
|
|
margin-bottom:0!important
|
|
}
|
|
& .uv_editor_sliders{
|
|
margin:0 0 8px -4px!important
|
|
}
|
|
& .toolbar{
|
|
padding:0
|
|
}
|
|
}
|
|
kbd{
|
|
box-shadow:0 -4px 0 0 var(--color-border)inset;
|
|
border:1px solid var(--color-ui);
|
|
text-transform:uppercase;
|
|
color:#f9f9f9;
|
|
height:23px;
|
|
font-size:12px;
|
|
font-weight:600;
|
|
line-height:12px;
|
|
background-color:#41434a!important;
|
|
border-radius:4px!important;
|
|
padding:3px 6px 4px!important
|
|
}
|
|
.status_bar_modifier_key{
|
|
white-space:nowrap;
|
|
gap:4px
|
|
}
|
|
#face_properties_header_bar{
|
|
height:48px;
|
|
padding:8px;
|
|
&>:first-child{
|
|
color:#f2f3f5;
|
|
align-items:center;
|
|
padding-left:16px;
|
|
font-weight:500;
|
|
display:flex;
|
|
&:before{
|
|
content:\"Face Properties\"
|
|
}
|
|
}
|
|
& .face_properties_toggle{
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:32px;
|
|
height:32px;
|
|
display:flex;
|
|
&>i{
|
|
margin:0
|
|
}
|
|
}
|
|
}
|
|
.uv_face_properties_labels{
|
|
box-shadow:var(--header-shadow);
|
|
border-top:1px solid #3f4147;
|
|
gap:8px;
|
|
width:100%;
|
|
height:41px;
|
|
padding:0 24px;
|
|
&>label{
|
|
text-transform:uppercase;
|
|
color:#b5bac1;
|
|
align-items:center;
|
|
gap:4px;
|
|
font-size:12px;
|
|
font-weight:700;
|
|
display:flex;
|
|
&>i{
|
|
cursor:pointer;
|
|
&:hover{
|
|
color:var(--color-text)
|
|
}
|
|
}
|
|
&:nth-child(3){
|
|
width:80px!important
|
|
}
|
|
&:nth-child(4){
|
|
flex:initial;
|
|
width:initial!important
|
|
}
|
|
}
|
|
}
|
|
#uv_face_properties>ul{
|
|
background-color:#0000;
|
|
width:100%;
|
|
padding:0 12px;
|
|
margin-top:8px!important;
|
|
&>li{
|
|
opacity:1;
|
|
cursor:pointer;
|
|
gap:8px;
|
|
width:100%;
|
|
&>[style=\"width: 58px;
|
|
display: flex;
|
|
\"]{
|
|
align-items:center;
|
|
gap:8px;
|
|
display:flex;
|
|
width:80px!important
|
|
}
|
|
& input[type=number]{
|
|
background-color:var(--color-border);
|
|
border-radius:4px;
|
|
height:32px;
|
|
padding:0 4px 0 12px;
|
|
width:48px!important
|
|
}
|
|
&.selected{
|
|
background-color:#393c48;
|
|
border-radius:8px;
|
|
&:not(:first-child),&+li{
|
|
border-top:1px solid #0000!important
|
|
}
|
|
}
|
|
&.disabled>*{
|
|
opacity:.64
|
|
}
|
|
& label{
|
|
text-decoration:initial
|
|
}
|
|
& .face_properties_texture{
|
|
text-overflow:ellipsis;
|
|
align-items:center;
|
|
gap:8px;
|
|
display:flex
|
|
}
|
|
&>bb-select{
|
|
flex:initial
|
|
}
|
|
& img,& .texture_dummy_icon{
|
|
border-radius:4px
|
|
}
|
|
& .texture_dummy_icon{
|
|
background-color:var(--color-border)
|
|
}
|
|
}
|
|
}
|
|
#placeholder_buttons{
|
|
flex-wrap:wrap;
|
|
gap:8px;
|
|
padding:0 8px 8px;
|
|
display:flex;
|
|
&>li{
|
|
background-color:var(--color-back);
|
|
border:1px solid var(--color-border);
|
|
border-radius:4px;
|
|
flex-direction:row-reverse;
|
|
height:26px;
|
|
margin:0;
|
|
padding:0;
|
|
overflow:hidden;
|
|
& label{
|
|
background-color:#111214;
|
|
padding:0 8px;
|
|
color:var(--color-text)!important;
|
|
margin:0!important
|
|
}
|
|
& .numeric_input{
|
|
border:none;
|
|
min-width:60px;
|
|
padding:0 8px;
|
|
height:24px!important;
|
|
&>input{
|
|
border:none;
|
|
width:26px;
|
|
margin:0;
|
|
background-color:initial!important;
|
|
height:24px!important;
|
|
padding:0!important
|
|
}
|
|
& .tool{
|
|
width:24px!important;
|
|
height:24px!important
|
|
}
|
|
}
|
|
&>i{
|
|
align-items:center;
|
|
display:flex;
|
|
padding:0!important
|
|
}
|
|
&>input{
|
|
scale:.75
|
|
}
|
|
}
|
|
}
|
|
#keyframe_type_label{
|
|
height:initial;
|
|
margin-bottom:8px;
|
|
padding:0 8px
|
|
}
|
|
.keyframe_data_point_header{
|
|
height:initial;
|
|
align-items:center;
|
|
padding:0;
|
|
& .flex_fill_line{
|
|
opacity:0
|
|
}
|
|
& .in_list_button{
|
|
cursor:pointer
|
|
}
|
|
}
|
|
.keyframe_data_point{
|
|
gap:8px;
|
|
padding:8px;
|
|
&:first-child{
|
|
padding-top:0
|
|
}
|
|
& .bar{
|
|
min-height:34px!important;
|
|
margin:0!important;
|
|
&>label{
|
|
z-index:1;
|
|
border:1px solid var(--color-border);
|
|
border-radius:4px 0 0 4px;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:26px;
|
|
margin-right:-26px;
|
|
display:flex;
|
|
background-color:#111214!important
|
|
}
|
|
& pre{
|
|
margin-left:26px
|
|
}
|
|
&[id*=uniform]>label{
|
|
font-size:12px;
|
|
font-weight:700
|
|
}
|
|
}
|
|
}
|
|
#animations_list{
|
|
padding-top:8px
|
|
}
|
|
.animation_file_head{
|
|
cursor:pointer;
|
|
align-items:center;
|
|
height:24px;
|
|
padding:0 8px 0 0;
|
|
display:flex;
|
|
&>*{
|
|
cursor:pointer
|
|
}
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
padding:0 2px;
|
|
font-size:8px;
|
|
display:flex;
|
|
width:16px!important;
|
|
margin:0!important
|
|
}
|
|
&>label{
|
|
text-overflow:ellipsis;
|
|
letter-spacing:.24px;
|
|
font-size:14px;
|
|
font-weight:600
|
|
}
|
|
}
|
|
.animation{
|
|
z-index:1;
|
|
cursor:pointer;
|
|
align-items:center;
|
|
height:34px;
|
|
position:relative;
|
|
background-color:initial!important;
|
|
padding:0 8px 0 16px!important;
|
|
&>*{
|
|
cursor:pointer
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:1px 0 1px 8px
|
|
}
|
|
&:hover{
|
|
& label{
|
|
color:var(--color-text)
|
|
}
|
|
&:before{
|
|
background-color:#35373c
|
|
}
|
|
}
|
|
&.selected{
|
|
& label{
|
|
color:var(--color-light)
|
|
}
|
|
&:before{
|
|
background-color:#404249
|
|
}
|
|
}
|
|
&>:first-child{
|
|
color:#80848e;
|
|
margin-right:6px
|
|
}
|
|
&>label{
|
|
text-overflow:ellipsis;
|
|
color:var(--color-subtle_text);
|
|
font-weight:500
|
|
}
|
|
}
|
|
#timeline_vue{
|
|
margin-bottom:-2px
|
|
}
|
|
.animator_head_bar .channel_head{
|
|
padding-right:16px;
|
|
&>:first-child{
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:16px;
|
|
padding:0 2px;
|
|
font-size:8px;
|
|
display:flex;
|
|
color:var(--color-subtle_text)!important
|
|
}
|
|
&>span{
|
|
color:var(--color-subtle_text);
|
|
font-size:14px;
|
|
font-weight:600
|
|
}
|
|
&:hover>:first-child,&:hover>span{
|
|
color:var(--color-text)!important
|
|
}
|
|
}
|
|
.channel_head{
|
|
cursor:pointer;
|
|
box-shadow:none;
|
|
border:none;
|
|
border-right:8px solid var(--color-border);
|
|
align-items:center;
|
|
&>*{
|
|
cursor:pointer
|
|
}
|
|
}
|
|
.animator_channel_bar .channel_head{
|
|
height:34px;
|
|
background-color:var(--color-ui)!important;
|
|
padding:0 16px!important;
|
|
&>:first-child{
|
|
color:#80848e;
|
|
width:22px;
|
|
margin-right:6px
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:1px 8px
|
|
}
|
|
&:hover{
|
|
& span{
|
|
color:var(--color-text)
|
|
}
|
|
&:before{
|
|
background-color:#35373c
|
|
}
|
|
}
|
|
&:has(+.keyframe_section>.selected){
|
|
& span{
|
|
color:var(--color-light)
|
|
}
|
|
&:before{
|
|
background-color:#404249
|
|
}
|
|
}
|
|
&>span{
|
|
text-overflow:ellipsis;
|
|
color:var(--color-subtle_text);
|
|
font-weight:500
|
|
}
|
|
}
|
|
.animator.selected{
|
|
& .channel_head{
|
|
background-color:#34373d!important
|
|
}
|
|
& .animator_head_bar .channel_head{
|
|
&>:first-child,&>span{
|
|
color:var(--color-light)!important
|
|
}
|
|
}
|
|
}
|
|
.keyframe_section .keyframe{
|
|
justify-content:center;
|
|
align-items:center;
|
|
display:flex;
|
|
position:relative;
|
|
height:100%!important;
|
|
margin-left:-5px!important;
|
|
&:after{
|
|
translate:-.5px;
|
|
top:10px!important
|
|
}
|
|
}
|
|
#resizer_timeline_head{
|
|
width:8px;
|
|
translate:-78px -2px;
|
|
opacity:0!important;
|
|
bottom:38px!important
|
|
}
|
|
#timeline_playhead{
|
|
background-color:var(--color-light);
|
|
border:none;
|
|
border-radius:0;
|
|
width:4px;
|
|
translate:7px;
|
|
&:after{
|
|
background-color:var(--color-light);
|
|
height:calc(var(--timeline-height) - 11px);
|
|
width:4px;
|
|
margin:0
|
|
}
|
|
}
|
|
#timeline_endbracket{
|
|
background-color:var(--color-accent);
|
|
border-radius:0 4px 4px 0;
|
|
height:26px;
|
|
translate:8px;
|
|
&:after{
|
|
pointer-events:none;
|
|
border:2px solid var(--color-accent);
|
|
border-left:none;
|
|
border-right:none;
|
|
left:0;
|
|
transform:translate(calc(2px - 100%),-1px);
|
|
width:10000px!important;
|
|
height:26px!important
|
|
}
|
|
}
|
|
.timeline_timecode{
|
|
display:flex;
|
|
&>span{
|
|
font-size:10px;
|
|
font-weight:700;
|
|
line-height:10px;
|
|
transform:translate(calc(3px - 50%),5px)
|
|
}
|
|
& .substeps>div{
|
|
border-left-width:2px
|
|
}
|
|
}
|
|
.timeline_marker{
|
|
background-color:#000;
|
|
background-color:var(--color);
|
|
border-radius:50%;
|
|
width:20px;
|
|
height:20px;
|
|
translate:0 3px;
|
|
&>i{
|
|
display:none
|
|
}
|
|
&:before{
|
|
content:\"flag\";
|
|
color:var(--color-light);
|
|
font-family:Material Icons;
|
|
font-size:14px;
|
|
position:absolute;
|
|
top:50%;
|
|
left:50%;
|
|
transform:translate(-50%,-50%)
|
|
}
|
|
&[style*=\"--color: #58C0FF;
|
|
\"]{
|
|
background-color:#669ffa
|
|
}
|
|
&[style*=\"--color: #C7D5F6;
|
|
\"]{
|
|
background-color:#8e9199
|
|
}
|
|
}
|
|
#timeline_corner>*{
|
|
font:var(--font-main);
|
|
font-weight:600
|
|
}
|
|
#timeline_time:before{
|
|
content:\"\";
|
|
z-index:3;
|
|
background-color:var(--color-accent);
|
|
border-radius:4px 0 0 4px;
|
|
width:6px;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:-1px;
|
|
left:-8px
|
|
}
|
|
#timeline_time:after{
|
|
content:\"\";
|
|
z-index:2;
|
|
background-color:var(--color-back);
|
|
width:6px;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:-1px;
|
|
left:-8px
|
|
}
|
|
#animation_controller_presets{
|
|
&>h4{
|
|
text-align:center;
|
|
margin:16px 0 32px;
|
|
font-weight:700
|
|
}
|
|
&>ul{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
display:flex
|
|
}
|
|
}
|
|
.controller_state{
|
|
filter:drop-shadow(0 0 2px #1e1f22)drop-shadow(0 2px 10px #0003);
|
|
border-radius:4px;
|
|
padding:8px;
|
|
box-shadow:none!important;
|
|
border:none!important;
|
|
&>.prism-editor-component{
|
|
background-color:#383a40;
|
|
border-radius:4px;
|
|
padding:8px;
|
|
box-shadow:none!important
|
|
}
|
|
& .prism-editor-wrapper{
|
|
min-height:36px;
|
|
& code{
|
|
min-height:initial
|
|
}
|
|
}
|
|
&>ul{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
display:flex;
|
|
&:empty{
|
|
display:none
|
|
}
|
|
}
|
|
& li,& .controller_state_input_bar{
|
|
box-shadow:none!important;
|
|
&.controller_state_input_bar:not(:first-child){
|
|
margin-top:8px
|
|
}
|
|
&:not(:has(>.bar)),& .bar{
|
|
background-color:#383a40;
|
|
border-radius:4px;
|
|
gap:8px;
|
|
margin:0;
|
|
padding:8px
|
|
}
|
|
&:has(>.bar){
|
|
flex-direction:column;
|
|
gap:8px;
|
|
display:flex
|
|
}
|
|
& bb-select{
|
|
text-overflow:ellipsis;
|
|
min-height:36px
|
|
}
|
|
& input{
|
|
min-width:0;
|
|
height:36px!important
|
|
}
|
|
& input[type=checkbox]{
|
|
align-items:center;
|
|
display:flex
|
|
}
|
|
& .tool{
|
|
align-items:center;
|
|
height:36px;
|
|
margin:0 -4px;
|
|
display:flex
|
|
}
|
|
& label{
|
|
color:var(--color-text);
|
|
background-color:initial;
|
|
align-items:center;
|
|
height:36px;
|
|
display:flex;
|
|
padding:4px!important
|
|
}
|
|
}
|
|
}
|
|
.controller_state_title_bar{
|
|
border-radius:4px 4px 0 0;
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:62px;
|
|
margin:-8px -8px 0;
|
|
padding:16px;
|
|
font-size:24px;
|
|
line-height:30px;
|
|
display:flex;
|
|
&>label{
|
|
color:#f2f3f5;
|
|
padding:0;
|
|
text-decoration:none!important
|
|
}
|
|
& .tool{
|
|
color:var(--color-text);
|
|
width:32px;
|
|
height:32px;
|
|
padding:4px;
|
|
transition:color .2s ease-in-out;
|
|
&>i{
|
|
margin:0;
|
|
&:before{
|
|
content:\"menu\"
|
|
}
|
|
}
|
|
&:hover{
|
|
color:var(--color-light)
|
|
}
|
|
}
|
|
}
|
|
.controller_state_section_title{
|
|
cursor:pointer;
|
|
align-items:center;
|
|
height:24px;
|
|
margin:4px 0;
|
|
padding:0;
|
|
display:flex;
|
|
&>*{
|
|
cursor:pointer
|
|
}
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
padding:0 2px;
|
|
font-size:8px;
|
|
display:flex;
|
|
width:16px!important;
|
|
margin:0!important
|
|
}
|
|
&>label,&>span{
|
|
text-overflow:ellipsis;
|
|
letter-spacing:.24px;
|
|
font-size:12px;
|
|
font-weight:600
|
|
}
|
|
&:hover>:is(i,label,span){
|
|
color:var(--color-text)
|
|
}
|
|
& .controller_state_section_info{
|
|
margin:0 0 0 4px;
|
|
&:before{
|
|
content:\"(\"
|
|
}
|
|
&:after{
|
|
content:\")\"
|
|
}
|
|
}
|
|
}
|
|
.controller_item_drag_handle{
|
|
border-radius:4px 0 0 4px;
|
|
justify-content:flex-end;
|
|
align-self:stretch;
|
|
align-items:center;
|
|
width:18px;
|
|
margin:-8px 0 -8px -8px;
|
|
display:flex;
|
|
&:before{
|
|
content:\"drag_indicator\";
|
|
color:#b5bac1;
|
|
font-family:Material Icons
|
|
}
|
|
}
|
|
.controller_state_gate{
|
|
box-shadow:none;
|
|
border-radius:10px;
|
|
min-width:20px;
|
|
height:20px;
|
|
translate:0 -5px;
|
|
width:20px!important
|
|
}
|
|
.controller_state_gate_bottom{
|
|
border-top-left-radius:0;
|
|
border-top-right-radius:0;
|
|
height:10px;
|
|
translate:0 5px;
|
|
background-color:var(--color-button)!important
|
|
}
|
|
.controller_add_column{
|
|
background-color:var(--color-button);
|
|
border-radius:4px;
|
|
width:32px;
|
|
height:62px;
|
|
margin:0;
|
|
transition:background-color .17s;
|
|
position:relative;
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:32px;
|
|
height:32px;
|
|
display:flex;
|
|
position:absolute;
|
|
top:15px;
|
|
left:0
|
|
}
|
|
&:hover{
|
|
background-color:var(--color-selected)
|
|
}
|
|
&:active{
|
|
background-color:#80848e
|
|
}
|
|
}
|
|
#outliner_search_bar{
|
|
padding:0 8px;
|
|
&>i{
|
|
translate:-8px
|
|
}
|
|
}
|
|
#amend_edit_menu{
|
|
background-color:var(--color-ui);
|
|
box-shadow:var(--dialog-shadow);
|
|
border-radius:4px;
|
|
flex-direction:column;
|
|
gap:8px;
|
|
padding:8px;
|
|
display:flex;
|
|
bottom:16px;
|
|
&>div.amend_edit_line{
|
|
padding:0 32px 0 0
|
|
}
|
|
}
|
|
.amend_edit_close_button{
|
|
top:8px;
|
|
right:8px
|
|
}
|
|
.toolbar[toolbar_id=reference_images]{
|
|
box-shadow:var(--dialog-shadow);
|
|
border:none;
|
|
border-radius:4px;
|
|
padding:8px;
|
|
top:64px
|
|
}
|
|
.prism-editor__autocomplete{
|
|
box-shadow:var(--box-shadow);
|
|
background-color:#111214;
|
|
border:none;
|
|
border-radius:4px;
|
|
padding:8px;
|
|
&>li{
|
|
color:#b5bac1;
|
|
border-radius:2px;
|
|
align-items:center;
|
|
height:32px;
|
|
padding:8px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
display:flex;
|
|
&.selected{
|
|
color:var(--color-light)
|
|
}
|
|
&:hover{
|
|
background-color:var(--color-accent)
|
|
}
|
|
}
|
|
&:has(>:hover)>.selected:not(:hover){
|
|
color:#b5bac1;
|
|
background-color:initial
|
|
}
|
|
&::-webkit-scrollbar-track{
|
|
background-color:#0000
|
|
}
|
|
&::-webkit-scrollbar-thumb{
|
|
cursor:default
|
|
}
|
|
}
|
|
#tab_overview_search{
|
|
background-color:var(--color-ui);
|
|
box-shadow:var(--dialog-shadow);
|
|
border-radius:4px;
|
|
padding:8px;
|
|
position:relative;
|
|
top:130px;
|
|
& .search_bar{
|
|
position:relative;
|
|
top:0;
|
|
box-shadow:none!important
|
|
}
|
|
}
|
|
#tab_overview_grid{
|
|
background-color:var(--color-ui);
|
|
box-shadow:var(--dialog-shadow);
|
|
border-radius:4px;
|
|
padding:12px;
|
|
&>li{
|
|
box-shadow:none;
|
|
border:1px solid #0000;
|
|
border-radius:4px;
|
|
flex-direction:column;
|
|
gap:8px;
|
|
padding:8px;
|
|
font-weight:700;
|
|
transition:box-shadow .2s ease-out,transform .2s ease-out,border .2s ease-out;
|
|
display:flex;
|
|
background-color:#33353a!important;
|
|
&:hover{
|
|
box-shadow:var(--box-shadow);
|
|
border:1px solid #4e50584c;
|
|
transform:translateY(-2px)
|
|
}
|
|
}
|
|
}
|
|
#skin_pose_selector{
|
|
justify-content:space-around;
|
|
gap:8px;
|
|
height:56px;
|
|
&>li{
|
|
max-width:32px;
|
|
flex:1!important;
|
|
height:55px!important
|
|
}
|
|
}
|
|
#chat_bar{
|
|
height:68px;
|
|
margin:0;
|
|
padding:0 16px 24px;
|
|
position:relative;
|
|
&>i{
|
|
color:#959cf7;
|
|
cursor:pointer;
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:52px;
|
|
height:44px;
|
|
padding-left:3px;
|
|
transition:color .25s ease-in-out;
|
|
display:flex;
|
|
position:absolute;
|
|
top:-4px;
|
|
right:12px;
|
|
overflow:visible;
|
|
&:hover{
|
|
color:var(--color-accent)
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
background-color:#43444b;
|
|
width:1px;
|
|
height:28px;
|
|
position:absolute;
|
|
top:50%;
|
|
left:0;
|
|
transform:translateY(-50%)
|
|
}
|
|
}
|
|
}
|
|
#chat_input{
|
|
border:none;
|
|
width:100%;
|
|
margin:0;
|
|
background-color:#383a40!important;
|
|
height:44px!important;
|
|
padding:0 68px 0 16px!important
|
|
}
|
|
#chat_history{
|
|
background-color:initial;
|
|
max-height:initial;
|
|
flex-direction:column;
|
|
flex:1;
|
|
padding:22px 0 0;
|
|
display:flex;
|
|
&>:first-child{
|
|
margin-top:auto!important
|
|
}
|
|
&>:last-child{
|
|
margin-bottom:22px
|
|
}
|
|
&>li{
|
|
z-index:1;
|
|
flex-wrap:wrap;
|
|
flex-shrink:0;
|
|
min-height:26px;
|
|
padding:2px 48px 2px 72px;
|
|
display:flex;
|
|
position:relative;
|
|
&:hover{
|
|
&>b:after{
|
|
background-color:#2e3035
|
|
}
|
|
& .text:after{
|
|
content:\"\";
|
|
z-index:-1;
|
|
background-color:#2e3035;
|
|
position:absolute;
|
|
inset:0
|
|
}
|
|
& .timestamp:nth-child(2){
|
|
display:initial;
|
|
font-size:11px;
|
|
position:absolute;
|
|
left:27px
|
|
}
|
|
}
|
|
&>b,&>.text[style*=\"color: rgb\"]{
|
|
margin-top:17px!important;
|
|
&.text:after,&+.text:after{
|
|
top:17px
|
|
}
|
|
}
|
|
}
|
|
& .text{
|
|
order:1;
|
|
min-width:100%;
|
|
min-height:22px;
|
|
line-height:22px
|
|
}
|
|
& .timestamp{
|
|
font-weight:500;
|
|
line-height:22px;
|
|
translate:0 18px;
|
|
margin:0 0 0 4px!important;
|
|
font-size:12px!important;
|
|
&:nth-child(2){
|
|
display:none
|
|
}
|
|
}
|
|
& b{
|
|
min-height:22px;
|
|
font-weight:500;
|
|
line-height:22px;
|
|
position:relative;
|
|
color:#f2f3f5!important;
|
|
background-color:initial!important;
|
|
margin:0!important;
|
|
padding:0!important;
|
|
&.self{
|
|
color:#26afff!important;
|
|
&:before{
|
|
filter:initial
|
|
}
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
background-color:#303338;
|
|
width:4px;
|
|
height:8px;
|
|
margin-left:-4px;
|
|
display:inline-flex
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
background-image:var(--bb-avatar);
|
|
filter:grayscale()brightness(1.1);
|
|
background-size:cover;
|
|
border-radius:50%;
|
|
width:40px;
|
|
height:40px;
|
|
position:absolute;
|
|
bottom:-20px;
|
|
left:-56px
|
|
}
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
& .text:is([style=\"color: rgb(0, 235, 59);
|
|
\"],[style=\"color: rgb(255, 65, 88);
|
|
\"],[style=\"color: rgb(255, 209, 0);
|
|
\"]){
|
|
min-width:initial;
|
|
color:var(--color-subtle_text)!important;
|
|
&+.timestamp{
|
|
display:initial;
|
|
order:1;
|
|
font-size:12px;
|
|
position:initial!important
|
|
}
|
|
&:before{
|
|
content:\"arrow_right_alt\";
|
|
color:var(--color-confirm);
|
|
font-family:Material Icons;
|
|
font-size:24px;
|
|
position:absolute;
|
|
left:24px
|
|
}
|
|
&[style=\"color: rgb(255, 65, 88);
|
|
\"]:before{
|
|
content:\"arrow_left_alt\";
|
|
color:var(--color-error)
|
|
}
|
|
&[style=\"color: rgb(255, 209, 0);
|
|
\"]:before{
|
|
content:\"add\"
|
|
}
|
|
}
|
|
}
|
|
#panel_chat{
|
|
background-color:#303338;
|
|
flex:1;
|
|
min-height:256px;
|
|
position:relative;
|
|
&.floating{
|
|
position:absolute
|
|
}
|
|
& .panel_vue_wrapper{
|
|
flex-direction:column;
|
|
flex:1;
|
|
min-height:0;
|
|
display:flex
|
|
}
|
|
}
|
|
#panel_display .tabs_small label{
|
|
min-width:24px
|
|
}
|
|
dialog#cem_template_loader{
|
|
& .dialog_content{
|
|
padding:0!important
|
|
}
|
|
& #cem-report-issues{
|
|
width:176px
|
|
}
|
|
& #cem-footer{
|
|
background-color:var(--color-ui);
|
|
border-left:1px solid var(--color-border);
|
|
align-items:center;
|
|
min-height:70px;
|
|
padding:16px;
|
|
font-size:14px
|
|
}
|
|
& h1{
|
|
margin-top:-6px;
|
|
margin-bottom:8px;
|
|
font-size:28px;
|
|
font-weight:700
|
|
}
|
|
& #load-texture{
|
|
gap:8px
|
|
}
|
|
& #cem-search{
|
|
height:34px;
|
|
&>input{
|
|
height:34px!important
|
|
}
|
|
&>i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:34px;
|
|
height:34px;
|
|
font-size:25px;
|
|
display:flex;
|
|
right:0
|
|
}
|
|
}
|
|
}
|
|
#cem-details{
|
|
margin-right:8px
|
|
}
|
|
#cem-buttons{
|
|
gap:0!important;
|
|
&>button{
|
|
border-radius:3px;
|
|
min-width:96px;
|
|
height:38px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
color:var(--color-light)!important;
|
|
background-color:var(--color-accent)!important;
|
|
&:first-child{
|
|
order:1;
|
|
&:hover:not(:disabled){
|
|
background-color:#4752c4!important
|
|
}
|
|
&:active:not(:disabled){
|
|
background-color:#3c45a5!important
|
|
}
|
|
}
|
|
&:last-child{
|
|
background-color:initial!important;
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.cem-models{
|
|
gap:8px!important;
|
|
margin:0 16px 16px 0!important;
|
|
&>div{
|
|
border-radius:8px;
|
|
height:108px;
|
|
border:none!important;
|
|
padding:8px 16px!important;
|
|
&:hover{
|
|
background-color:var(--color-button)!important
|
|
}
|
|
&.selected{
|
|
background-color:var(--color-accent)!important
|
|
}
|
|
&>div{
|
|
font-weight:600;
|
|
margin:0!important
|
|
}
|
|
}
|
|
}
|
|
#cem_animation_title{
|
|
padding:0 0 0 4px
|
|
}
|
|
#cem_animation_format_button{
|
|
justify-content:center;
|
|
align-items:center;
|
|
min-width:20px;
|
|
height:20px;
|
|
display:flex;
|
|
top:4px;
|
|
right:4px;
|
|
&>i{
|
|
position:initial;
|
|
min-width:20px;
|
|
font-size:20px
|
|
}
|
|
}
|
|
#cem_animation_controller_container{
|
|
padding:0;
|
|
&>:first-child{
|
|
background-color:#383a40;
|
|
border-radius:4px;
|
|
min-height:32px;
|
|
overflow:hidden;
|
|
margin:8px!important;
|
|
padding:8px!important
|
|
}
|
|
}
|
|
#cem_animation_controller_variables{
|
|
margin:0 0 8px;
|
|
&:empty{
|
|
display:none
|
|
}
|
|
&>div{
|
|
background-color:#383a40;
|
|
border-radius:4px;
|
|
margin:0 8px;
|
|
padding:8px;
|
|
overflow:hidden
|
|
}
|
|
&:not(:empty):before{
|
|
display:none
|
|
}
|
|
}
|
|
.cem_animation_range_number{
|
|
cursor:text;
|
|
color:var(--color-text)!important;
|
|
min-width:70px!important;
|
|
height:32px!important
|
|
}
|
|
.cem_animation_range{
|
|
height:32px!important;
|
|
padding:0!important;
|
|
& p{
|
|
margin:0
|
|
}
|
|
}
|
|
#cem_animation_range_labels{
|
|
gap:4px!important;
|
|
&>div{
|
|
height:32px
|
|
}
|
|
}
|
|
#cem_animation_range_sliders{
|
|
gap:4px!important
|
|
}
|
|
#cem_animation_bools{
|
|
gap:8px;
|
|
&>div{
|
|
flex:1
|
|
}
|
|
}
|
|
#cem_animation_documentation{
|
|
& .dialog_content{
|
|
padding:0
|
|
}
|
|
& :is(code,pre){
|
|
border-radius:4px;
|
|
font-size:14px;
|
|
line-height:18px;
|
|
background-color:var(--color-ui)!important;
|
|
padding:0 2.72px!important
|
|
}
|
|
& pre{
|
|
margin-top:6px;
|
|
padding:7px!important;
|
|
&+*{
|
|
margin-top:16px!important
|
|
}
|
|
}
|
|
& .cem-doc-tab-link{
|
|
color:var(--color-link)!important;
|
|
text-decoration:none!important;
|
|
&:hover{
|
|
text-decoration:underline!important
|
|
}
|
|
}
|
|
& img{
|
|
border-radius:3px;
|
|
box-shadow:none!important;
|
|
margin:2px 0 0!important;
|
|
&+*{
|
|
margin-top:16px!important
|
|
}
|
|
}
|
|
& h1{
|
|
font-weight:700;
|
|
margin:16px 0 8px!important;
|
|
padding:0!important;
|
|
font-size:24px!important;
|
|
line-height:33px!important;
|
|
&:first-child{
|
|
margin-top:0!important
|
|
}
|
|
}
|
|
& .page{
|
|
gap:0!important;
|
|
&>p{
|
|
margin:1px 0;
|
|
line-height:22px
|
|
}
|
|
}
|
|
& table+*{
|
|
margin-top:16px!important
|
|
}
|
|
& hr{
|
|
margin-bottom:8px!important
|
|
}
|
|
& td{
|
|
margin-bottom:4px;
|
|
line-height:22px
|
|
}
|
|
}
|
|
#jem_restrictions_dialog{
|
|
& label{
|
|
gap:8px!important;
|
|
&+p{
|
|
margin:8px 0 -8px
|
|
}
|
|
}
|
|
}
|
|
#jem-restrictions-footer{
|
|
margin-left:-16px;
|
|
& #cem-buttons button{
|
|
background-color:var(--color-button)!important;
|
|
min-width:96px!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)!important
|
|
}
|
|
&:active{
|
|
background-color:#80848e!important
|
|
}
|
|
}
|
|
}
|
|
dialog#new_minecraft_title_text{
|
|
& .dialog_content{
|
|
padding:0
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-ui);
|
|
z-index:-8;
|
|
width:8px;
|
|
height:70px;
|
|
position:absolute;
|
|
bottom:0;
|
|
right:0
|
|
}
|
|
}
|
|
#minecraft_title_generator{
|
|
&>:first-child{
|
|
right:48px!important
|
|
}
|
|
&>:nth-child(2){
|
|
right:80px!important
|
|
}
|
|
}
|
|
#minecraft-title-tabs{
|
|
box-sizing:initial;
|
|
height:38px;
|
|
margin-top:8px;
|
|
position:relative;
|
|
overflow:visible;
|
|
top:8px!important;
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
background-color:#303338;
|
|
position:absolute;
|
|
inset:-8px 0 -17px
|
|
}
|
|
&:after{
|
|
content:\"\";
|
|
background-color:#3f4147;
|
|
height:1px;
|
|
position:absolute;
|
|
top:38px;
|
|
left:0;
|
|
right:0
|
|
}
|
|
}
|
|
#minecraft-title-preview-container{
|
|
background-color:#303338;
|
|
margin-left:16px;
|
|
padding-bottom:16px;
|
|
position:relative;
|
|
width:calc(100% - 32px)!important;
|
|
top:63px!important;
|
|
&>i{
|
|
translate:0 -16px
|
|
}
|
|
}
|
|
#minecraft-title-preview{
|
|
border-radius:8px
|
|
}
|
|
.minecraft-title-contents{
|
|
padding:0 16px 16px!important;
|
|
& .form_inline_select{
|
|
width:100%!important;
|
|
margin:4px 0 8px!important
|
|
}
|
|
& h2{
|
|
font-size:28px;
|
|
font-weight:700
|
|
}
|
|
& .slider_input_combo{
|
|
height:36px;
|
|
margin-bottom:8px!important;
|
|
&>:first-child{
|
|
margin:0
|
|
}
|
|
}
|
|
& p{
|
|
margin-bottom:8px
|
|
}
|
|
& .checkbox-row{
|
|
margin-bottom:8px;
|
|
&>div{
|
|
margin:0 0 0 8px!important
|
|
}
|
|
}
|
|
}
|
|
.minecraft-title-list{
|
|
padding-right:8px;
|
|
gap:8px!important;
|
|
&>div{
|
|
border-radius:8px;
|
|
outline:none!important;
|
|
&.selected{
|
|
background-color:var(--color-accent)
|
|
}
|
|
&>:nth-child(2){
|
|
margin:0;
|
|
font-weight:600
|
|
}
|
|
}
|
|
}
|
|
#minecraft-title-buttons{
|
|
position:relative;
|
|
gap:0!important;
|
|
padding:16px 8px 16px 16px!important;
|
|
&>button{
|
|
border-radius:3px;
|
|
min-width:96px;
|
|
height:38px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
color:var(--color-light)!important;
|
|
background-color:var(--color-accent)!important;
|
|
&:last-child{
|
|
&:hover:not(:disabled){
|
|
background-color:#4752c4!important
|
|
}
|
|
&:active:not(:disabled){
|
|
background-color:#3c45a5!important
|
|
}
|
|
}
|
|
&:not(:last-child){
|
|
background-color:initial!important;
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#minecraft-title-custom-gradient>label{
|
|
margin:16px 0 0!important
|
|
}
|
|
#minecraft-title-custom-gradient-customiser,#minecraft-title-preset-export-buttons,#minecraft-title-preset-buttons{
|
|
gap:8px!important
|
|
}
|
|
#minecraft-title-gradient-preview{
|
|
border-radius:8px;
|
|
height:182px!important
|
|
}
|
|
#minecraft-title-gradient-colours{
|
|
gap:8px;
|
|
&>div{
|
|
align-items:center;
|
|
gap:8px!important
|
|
}
|
|
& .sp-preview:after{
|
|
border-radius:4px
|
|
}
|
|
}
|
|
#minecraft-title-custom-texture>canvas,#minecraft-title-custom-overlay>canvas{
|
|
border-radius:8px
|
|
}
|
|
.minecraft-title-button-row>button{
|
|
height:36px!important
|
|
}
|
|
.minecraft-title-item-author:after{
|
|
color:var(--color-text);
|
|
box-shadow:var(--box-shadow);
|
|
border-radius:5px;
|
|
font-size:16px;
|
|
font-weight:600;
|
|
line-height:20px;
|
|
top:25px;
|
|
left:50%;
|
|
background-color:#111214!important;
|
|
margin:0!important;
|
|
padding:8px 12px!important;
|
|
transform:translate(-50%)!important
|
|
}
|
|
.minecraft-title-item{
|
|
&:nth-child(3n-2) .minecraft-title-item-author:hover:after{
|
|
left:0;
|
|
transform:initial!important
|
|
}
|
|
}
|
|
.tileable-preview{
|
|
border-radius:4px
|
|
}
|
|
body[mode=minecraft_title_render]{
|
|
& #center{
|
|
margin-bottom:-40px!important
|
|
}
|
|
& #mode_selector{
|
|
box-shadow:var(--header-shadow);
|
|
background-color:#303338;
|
|
width:calc(100% + 8px);
|
|
margin-left:-8px
|
|
}
|
|
}
|
|
#minecraft-title-render-controls{
|
|
border-radius:8px;
|
|
box-shadow:var(--box-shadow)!important;
|
|
gap:16px!important;
|
|
padding:16px!important;
|
|
& input{
|
|
margin-left:8px
|
|
}
|
|
}
|
|
#minecraft-title-render-resolutions{
|
|
border-radius:4px
|
|
}
|
|
.minecraft-title-render-controls-row,#minecraft-title-preset-export,#minecraft-title-presets-container{
|
|
gap:16px!important
|
|
}
|
|
#minecraft-title-render-buttons{
|
|
gap:8px!important;
|
|
& .tool{
|
|
padding:0 30px;
|
|
height:34px!important;
|
|
&:before{
|
|
border-radius:3px;
|
|
transition:background-color .17s
|
|
}
|
|
&:last-child:before{
|
|
background-color:#da373c
|
|
}
|
|
&:hover{
|
|
&:before{
|
|
filter:initial
|
|
}
|
|
&:first-child:before{
|
|
background-color:#4752c4
|
|
}
|
|
&:last-child:before{
|
|
background-color:#a12828
|
|
}
|
|
}
|
|
&:active{
|
|
&:first-child:before{
|
|
background-color:#3c45a5
|
|
}
|
|
&:last-child:before{
|
|
background-color:#8f2022
|
|
}
|
|
}
|
|
& .tooltip{
|
|
transform:translate(calc(20px - 50%),-81px)
|
|
}
|
|
& .tooltip_description{
|
|
transform:translate(-7px,-74px)
|
|
}
|
|
}
|
|
}
|
|
#minecraft-title-preset-export-text{
|
|
border-radius:4px;
|
|
background-color:var(--color-ui)!important;
|
|
padding:7px!important
|
|
}
|
|
.minecraft-title-preset{
|
|
gap:8px!important
|
|
}
|
|
.minecraft-title-preset-date{
|
|
margin:0!important;
|
|
font-size:12px!important
|
|
}
|
|
#minecraft-title-render-content{
|
|
margin:0!important
|
|
}
|
|
#minecraft-title-render-output{
|
|
gap:8px!important;
|
|
height:calc(100vh - 188px)!important;
|
|
&>.form_inline_select{
|
|
width:100%!important;
|
|
min-height:38px!important;
|
|
margin:8px 0!important;
|
|
&>li{
|
|
min-height:38px!important
|
|
}
|
|
}
|
|
}
|
|
#minecraft-title-output{
|
|
border-radius:8px;
|
|
margin-top:8px;
|
|
border:none!important
|
|
}
|
|
.minecraft-output-options input:not([type=checkbox]){
|
|
width:80px!important
|
|
}
|
|
#minecraft-title-render-button-row,#jem-restrictions-footer{
|
|
background-color:var(--color-ui);
|
|
justify-content:flex-end;
|
|
margin-bottom:-16px;
|
|
padding:16px;
|
|
width:calc(100% + 32px)!important;
|
|
& button{
|
|
box-sizing:border-box;
|
|
border-radius:3px;
|
|
width:96px;
|
|
height:38px;
|
|
padding:2px 16px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
transition:background-color .17s;
|
|
color:var(--color-light)!important;
|
|
background-color:#0000!important;
|
|
background-color:var(--color-button)!important;
|
|
flex:initial!important;
|
|
gap:4px!important;
|
|
min-width:140px!important;
|
|
text-decoration:none!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)!important
|
|
}
|
|
&:active{
|
|
background-color:#80848e!important
|
|
}
|
|
& *{
|
|
text-decoration:none!important
|
|
}
|
|
}
|
|
}
|
|
#render-detail-row{
|
|
color:var(--color-subtle_text);
|
|
margin:8px 0 16px;
|
|
justify-content:center!important;
|
|
&>:not(:last-child):after{
|
|
content:\",\"
|
|
}
|
|
}
|
|
.minecraft-output-label{
|
|
font-size:16px!important;
|
|
&~.tool{
|
|
margin-left:-8px
|
|
}
|
|
&~input[type=checkbox]{
|
|
margin:3px 0
|
|
}
|
|
}
|
|
#tracker-container{
|
|
gap:16px;
|
|
& h1{
|
|
margin:0;
|
|
font-size:24px;
|
|
font-weight:700;
|
|
line-height:33px
|
|
}
|
|
& h2{
|
|
font-size:20px;
|
|
font-weight:700;
|
|
line-height:27.5px
|
|
}
|
|
&>:last-child{
|
|
gap:8px!important
|
|
}
|
|
}
|
|
#project-tracker{
|
|
flex-direction:column;
|
|
gap:16px;
|
|
display:flex
|
|
}
|
|
.tracker-row{
|
|
margin:0;
|
|
gap:16px!important
|
|
}
|
|
.tracker-line{
|
|
border-top:1px solid #3b3d44;
|
|
margin:0
|
|
}
|
|
.tracker-col>p{
|
|
font-size:1.25rem
|
|
}
|
|
#about-content>img:first-child{
|
|
filter:var(--drop-shadow)
|
|
}
|
|
#about-markdown-links{
|
|
flex-wrap:wrap;
|
|
grid-column:1/-1;
|
|
gap:8px;
|
|
justify-content:flex-start!important;
|
|
margin:16px 0 0!important;
|
|
&>a{
|
|
background-color:var(--color-button);
|
|
white-space:pre;
|
|
border-radius:3px;
|
|
padding:8px 16px 16px 12px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
transition:background-color .17s;
|
|
color:var(--color-light)!important;
|
|
flex-direction:row!important;
|
|
flex-grow:initial!important;
|
|
padding:2px 14px 2px 16px!important;
|
|
text-decoration:none!important;
|
|
&:hover{
|
|
background-color:var(--color-selected)!important
|
|
}
|
|
&:active{
|
|
background-color:#80848e!important
|
|
}
|
|
&:first-child{
|
|
background-color:#da373c;
|
|
&:hover{
|
|
background-color:#a12828!important
|
|
}
|
|
&:active{
|
|
background-color:#8f2022!important
|
|
}
|
|
}
|
|
&:nth-child(2){
|
|
background-color:var(--color-accent);
|
|
&:hover{
|
|
background-color:#4752c4!important
|
|
}
|
|
&:active{
|
|
background-color:#3c45a5!important
|
|
}
|
|
}
|
|
&:after{
|
|
content:\"open_in_new\";
|
|
margin-left:3px;
|
|
font-family:Material Icons;
|
|
font-size:20px
|
|
}
|
|
&>i,&>svg{
|
|
color:var(--color-light)!important;
|
|
width:initial!important;
|
|
height:20px!important;
|
|
font-size:20px!important;
|
|
& path{
|
|
stroke:var(--color-light)
|
|
}
|
|
}
|
|
&>.fab{
|
|
margin-right:5px
|
|
}
|
|
&>p{
|
|
flex:initial!important
|
|
}
|
|
}
|
|
}
|
|
#format_page_minecraft_entity_wizard,#format_page_minecraft_item_wizard,#format_page_minecraft_block_wizard{
|
|
background-position:50% calc(100% - 68px);
|
|
background-size:100%;
|
|
& img{
|
|
margin-bottom:-40px
|
|
}
|
|
& #create_new_model_button:after{
|
|
box-shadow:var(--box-shadow)
|
|
}
|
|
}
|
|
#format_page_minecraft_item_wizard #create_new_model_button:before{
|
|
background-color:#b084c2
|
|
}
|
|
#format_page_minecraft_block_wizard #create_new_model_button:before{
|
|
background-color:#a1701e
|
|
}
|
|
#entity_wizard_start_page{
|
|
width:calc(100% + 213px);
|
|
margin:48px -214px 0 0;
|
|
padding:0 19px 24px 16px;
|
|
position:relative;
|
|
translate:-214px;
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
background-color:#276948;
|
|
height:68px;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0
|
|
}
|
|
&>div{
|
|
flex-direction:column;
|
|
justify-content:flex-end;
|
|
height:100%;
|
|
display:flex;
|
|
&>section{
|
|
text-align:left;
|
|
margin:0!important;
|
|
padding:0!important;
|
|
&:last-child{
|
|
min-width:100%
|
|
}
|
|
& label,& p{
|
|
color:var(--color-text)!important
|
|
}
|
|
&:first-child{
|
|
position:relative;
|
|
&:before{
|
|
content:\"\";
|
|
background-image:var(--bb-avatar);
|
|
background-size:cover;
|
|
border-radius:50%;
|
|
width:40px;
|
|
height:40px;
|
|
position:absolute;
|
|
top:-23px;
|
|
left:-56px
|
|
}
|
|
&:after{
|
|
content:\"Blockbenchcord\";
|
|
font-weight:500;
|
|
position:absolute;
|
|
top:-25px
|
|
}
|
|
}
|
|
&:not(:last-child){
|
|
min-width:calc(100% - 320px);
|
|
max-width:calc(100% - 320px)!important;
|
|
margin-left:56px!important;
|
|
padding-bottom:32px!important
|
|
}
|
|
}
|
|
}
|
|
&>img{
|
|
position:absolute;
|
|
bottom:75px;
|
|
right:16px
|
|
}
|
|
}
|
|
#entity_wizard_start_button{
|
|
content:\"\";
|
|
box-shadow:var(--box-shadow);
|
|
text-align:left;
|
|
align-items:center;
|
|
gap:8px;
|
|
padding:16px;
|
|
font-size:0;
|
|
text-decoration:none;
|
|
transition:background-color .17s;
|
|
display:flex;
|
|
background-color:var(--color-button)!important;
|
|
color:var(--color-light)!important;
|
|
border-radius:8px!important;
|
|
width:100%!important;
|
|
height:44px!important;
|
|
margin:0!important;
|
|
&:before{
|
|
content:\"arrow_forward\";
|
|
font-family:Material Icons;
|
|
font-size:22px
|
|
}
|
|
&:after{
|
|
content:\"Create an Entity!\";
|
|
font-size:14px
|
|
}
|
|
&:hover{
|
|
background-color:var(--color-selected)!important
|
|
}
|
|
&:active{
|
|
background-color:#80848e!important
|
|
}
|
|
}
|
|
.start_screen_format_page #create_new_model_button:hover:after{
|
|
background-color:var(--color-selected)
|
|
}
|
|
.start_screen_format_page #create_new_model_button:active:after{
|
|
background-color:#80848e
|
|
}
|
|
.item_wizard_preset_list,.block_wizard_preset_list,.entity_wizard_mob_list{
|
|
flex-wrap:wrap;
|
|
gap:8px;
|
|
margin-top:8px;
|
|
padding-right:8px;
|
|
display:flex;
|
|
overflow-y:auto!important;
|
|
&::-webkit-scrollbar-track{
|
|
background-color:var(--color-back)
|
|
}
|
|
&>li{
|
|
border-radius:8px;
|
|
flex:1;
|
|
min-width:100px;
|
|
font-weight:600;
|
|
background-position-x:50%!important;
|
|
border:none!important;
|
|
margin:0!important;
|
|
&:after{
|
|
display:none
|
|
}
|
|
&:hover{
|
|
background-color:var(--color-button)!important
|
|
}
|
|
&.selected{
|
|
background-color:var(--color-accent)!important
|
|
}
|
|
&>label{
|
|
margin-bottom:4px
|
|
}
|
|
}
|
|
}
|
|
.entity_wizard_mob_list>li{
|
|
min-height:100px
|
|
}
|
|
dialog#minecraft_item_wizard,dialog#minecraft_block_wizard,dialog#minecraft_entity_wizard{
|
|
& .required_message,& #required_message{
|
|
padding:0 0 0 16px
|
|
}
|
|
& .required:after,& .required_message:before,& #required_message:before{
|
|
color:var(--color-error)
|
|
}
|
|
& content{
|
|
& input[type=text],& bb-select{
|
|
margin-top:8px
|
|
}
|
|
& input[type=checkbox]{
|
|
height:24px
|
|
}
|
|
& li{
|
|
align-items:center;
|
|
gap:8px;
|
|
&>label{
|
|
font-weight:600
|
|
}
|
|
& .description{
|
|
margin:0 0 0 auto!important
|
|
}
|
|
}
|
|
}
|
|
& h2{
|
|
font-size:28px;
|
|
font-weight:700
|
|
}
|
|
& .bar{
|
|
gap:8px;
|
|
margin-top:8px;
|
|
& input[type=number]{
|
|
color:var(--color-text);
|
|
box-sizing:border-box;
|
|
border-radius:4px;
|
|
min-width:80px;
|
|
font-size:16px;
|
|
display:flex;
|
|
background-color:var(--color-border)!important;
|
|
height:40px!important;
|
|
padding:10px!important;
|
|
&::-webkit-calendar-picker-indicator{
|
|
transform:translate(3px,-4px)
|
|
}
|
|
}
|
|
}
|
|
& .search_bar{
|
|
margin:8px 0;
|
|
&>input{
|
|
margin:0!important
|
|
}
|
|
}
|
|
}
|
|
.item_wizard_functionality_options{
|
|
width:100%;
|
|
margin-left:10px
|
|
}
|
|
#item_durability_markers,#item_fuel_markers,#block_explosion_resistance_markers{
|
|
width:calc(100% - 75px);
|
|
margin-left:80px!important;
|
|
&>li{
|
|
justify-content:center;
|
|
display:flex
|
|
}
|
|
}
|
|
#item_durability_markers>:last-child{
|
|
translate:-4px
|
|
}
|
|
#block_friction_markers{
|
|
width:calc(100% - 50px);
|
|
margin-left:54px!important
|
|
}
|
|
#item_wizard_glint_input:after{
|
|
inset:-3px
|
|
}
|
|
#item_wizard_pack_list{
|
|
flex-wrap:wrap;
|
|
gap:8px;
|
|
display:flex;
|
|
& li{
|
|
border-radius:4px;
|
|
align-items:center;
|
|
display:flex;
|
|
&:hover{
|
|
background-color:var(--color-button)
|
|
}
|
|
&.selected{
|
|
background-color:var(--color-selected);
|
|
color:var(--color-light)
|
|
}
|
|
&>img,&>div{
|
|
border-radius:4px
|
|
}
|
|
}
|
|
}
|
|
#item_wizard_export_options,#block_wizard_export_options,#entity_wizard_export_options{
|
|
gap:8px;
|
|
&>div{
|
|
border-top:none;
|
|
border-left:none;
|
|
border-right:none;
|
|
border-radius:8px;
|
|
&.selected{
|
|
background-color:var(--color-accent);
|
|
& *{
|
|
color:var(--color-light)!important
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.item_wizard_icon_picker,.block_wizard_icon_picker,.entity_wizard_icon_picker{
|
|
margin-top:8px;
|
|
& .icon_picker_left{
|
|
border-radius:4px
|
|
}
|
|
}
|
|
#item_wizard_wrapper,#block_wizard_wrapper,#entity_wizard_page{
|
|
& button{
|
|
margin:8px 0!important
|
|
}
|
|
& a{
|
|
color:var(--color-link);
|
|
text-decoration:none;
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
}
|
|
#block_wizard_launch_vscode,#entity_wizard_launch_vscode{
|
|
margin-top:8px;
|
|
text-decoration:none;
|
|
color:var(--color-link)!important;
|
|
& img{
|
|
margin-right:8px
|
|
}
|
|
&:hover{
|
|
text-decoration:underline
|
|
}
|
|
}
|
|
#block_wizard_loot_list,#entity_wizard_loot_list{
|
|
border-radius:8px;
|
|
&>li{
|
|
border-radius:6px;
|
|
margin:8px;
|
|
padding:8px
|
|
}
|
|
& p{
|
|
color:var(--color-text)!important
|
|
}
|
|
& button{
|
|
margin:0 0 0 4px!important;
|
|
display:inline-flex!important
|
|
}
|
|
& label{
|
|
padding:0 0 0 8px!important
|
|
}
|
|
&+button{
|
|
margin-top:8px!important
|
|
}
|
|
}
|
|
#block_wizard_loot_item_list,#entity_wizard_loot_item_list{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
margin:8px 0 16px;
|
|
display:flex;
|
|
&>li{
|
|
align-items:center;
|
|
padding:0;
|
|
display:flex
|
|
}
|
|
& bb-select{
|
|
margin:0!important
|
|
}
|
|
}
|
|
#entity_wizard_egg_color_bar label{
|
|
margin-left:8px
|
|
}
|
|
#entity_wizard_egg_color_preview{
|
|
border-radius:8px;
|
|
margin:7px 16px 5px 0
|
|
}
|
|
dialog#minecraft_entity_wizard{
|
|
& .dialog_handle{
|
|
margin-left:176px
|
|
}
|
|
& .dialog_content{
|
|
padding:0
|
|
}
|
|
}
|
|
#entity_wizard_page{
|
|
padding:0 16px 70px 192px;
|
|
&>:nth-last-child(2){
|
|
margin-bottom:16px
|
|
}
|
|
}
|
|
#entity_wizard_navigation{
|
|
background-color:var(--color-ui);
|
|
border-left:1px solid var(--color-border);
|
|
align-items:center;
|
|
height:70px;
|
|
padding:16px;
|
|
display:flex;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:176px;
|
|
right:0;
|
|
& button{
|
|
box-sizing:border-box;
|
|
width:96px;
|
|
height:38px;
|
|
padding:2px 7px;
|
|
font-size:14px;
|
|
font-weight:500;
|
|
text-decoration:none;
|
|
color:var(--color-light)!important;
|
|
background-color:#0000!important;
|
|
&:hover{
|
|
text-decoration:underline!important
|
|
}
|
|
&.confirm_btn{
|
|
border-radius:3px;
|
|
order:1;
|
|
min-width:96px;
|
|
padding:2px 16px;
|
|
transition:background-color .17s;
|
|
background-color:var(--color-accent)!important;
|
|
text-decoration:none!important;
|
|
&:hover{
|
|
background-color:#4752c4!important
|
|
}
|
|
&:active{
|
|
background-color:#3c45a5!important
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#entity_wizard_sidebar{
|
|
background-color:var(--color-ui);
|
|
flex-direction:column;
|
|
gap:2px;
|
|
width:176px;
|
|
padding:8px 0 0;
|
|
display:flex;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
overflow-y:auto;
|
|
&>li,& a{
|
|
width:initial;
|
|
color:var(--color-subtle_text);
|
|
border-radius:4px;
|
|
margin:0 8px;
|
|
padding:6px 8px;
|
|
font-weight:500;
|
|
line-height:22px;
|
|
border:none!important;
|
|
&:hover{
|
|
color:var(--color-text);
|
|
background-color:#35373c
|
|
}
|
|
&:active{
|
|
color:var(--color-text);
|
|
background-color:#3b3d44
|
|
}
|
|
&.selected{
|
|
color:var(--color-light);
|
|
background-color:#404249
|
|
}
|
|
& *{
|
|
text-decoration:none!important
|
|
}
|
|
}
|
|
}
|
|
.entity_wizard_documentation{
|
|
display:contents;
|
|
&:before{
|
|
content:\"\";
|
|
border-bottom:1px solid var(--color-border);
|
|
flex:1;
|
|
margin-bottom:-3px
|
|
}
|
|
&>a{
|
|
margin:18px 8px!important
|
|
}
|
|
}
|
|
dialog#colour_gradient_generator{
|
|
& .dialog_content>div>:first-child{
|
|
right:48px!important
|
|
}
|
|
& h2{
|
|
margin-bottom:8px;
|
|
font-size:28px;
|
|
font-weight:700
|
|
}
|
|
& .checkbox-row{
|
|
align-items:center;
|
|
display:flex;
|
|
& div{
|
|
margin:0 0 0 8px;
|
|
font-size:14px
|
|
}
|
|
&:last-child{
|
|
margin-top:8px
|
|
}
|
|
}
|
|
}
|
|
#colour-gradient-preview{
|
|
filter:var(--drop-shadow)!important;
|
|
&>:first-child{
|
|
border-radius:8px 0 0 8px
|
|
}
|
|
&>:last-child{
|
|
border-radius:0 8px 8px 0
|
|
}
|
|
}
|
|
.about-colour-gradient{
|
|
filter:var(--drop-shadow)!important;
|
|
&>:first-child{
|
|
border-radius:8px 0 0 8px
|
|
}
|
|
&>:last-child{
|
|
border-radius:0 8px 8px 0
|
|
}
|
|
&>:first-child:nth-last-child(2){
|
|
border-radius:8px
|
|
}
|
|
}
|
|
.sidebar_explorer_open_button{
|
|
z-index:1;
|
|
color:#23a559;
|
|
order:1;
|
|
&>i{
|
|
padding:0!important
|
|
}
|
|
&:hover{
|
|
color:var(--color-light);
|
|
background-color:#23a559!important
|
|
}
|
|
}
|
|
#sidebar_explorer{
|
|
box-shadow:var(--box-shadow);
|
|
border:none;
|
|
border-top-right-radius:8px;
|
|
gap:8px;
|
|
padding:16px;
|
|
transition:left .17s,box-shadow .17s;
|
|
&>:first-child{
|
|
height:initial
|
|
}
|
|
& .search_bar{
|
|
margin:0 8px 0 0!important;
|
|
&+.tool{
|
|
width:32px;
|
|
&>i{
|
|
margin:4px
|
|
}
|
|
}
|
|
}
|
|
& .list{
|
|
border-radius:4px;
|
|
padding:8px 0;
|
|
margin:0!important;
|
|
overflow-y:scroll!important;
|
|
&::-webkit-scrollbar-track{
|
|
background-color:#0000
|
|
}
|
|
}
|
|
}
|
|
.sidebar_explorer_location{
|
|
height:initial;
|
|
direction:initial;
|
|
flex-direction:row-reverse;
|
|
padding:0 10px;
|
|
position:relative;
|
|
&>*{
|
|
height:30px;
|
|
position:relative;
|
|
background-color:initial!important;
|
|
padding:3px 4px!important;
|
|
&:after{
|
|
font-size:14px;
|
|
content:\"/\"!important;
|
|
color:var(--color-text)!important;
|
|
font-weight:initial!important;
|
|
font-family:var(--font-main)!important;
|
|
margin:0 0 0 8px!important
|
|
}
|
|
&:hover:before{
|
|
content:\"\";
|
|
background-color:var(--color-accent);
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:4px 14px 4px 0
|
|
}
|
|
&:first-child:before{
|
|
inset:4px 0
|
|
}
|
|
}
|
|
&:before{
|
|
content:\"\";
|
|
background-color:var(--color-border);
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:0
|
|
}
|
|
}
|
|
.sidebar_explorer_file{
|
|
z-index:1;
|
|
position:relative;
|
|
background-color:initial!important;
|
|
gap:0!important;
|
|
height:34px!important;
|
|
padding:0 16px 0 8px!important;
|
|
&:before{
|
|
content:\"\";
|
|
z-index:-1;
|
|
border-radius:4px;
|
|
position:absolute;
|
|
inset:1px 0 1px 8px
|
|
}
|
|
&>*{
|
|
translate:8px
|
|
}
|
|
& i{
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:20px;
|
|
display:flex;
|
|
height:initial!important
|
|
}
|
|
&>span{
|
|
color:var(--color-subtle_text);
|
|
text-overflow:ellipsis;
|
|
margin-left:6px;
|
|
font-weight:500
|
|
}
|
|
&:hover{
|
|
&>span{
|
|
color:var(--color-text)
|
|
}
|
|
&:before{
|
|
background-color:#35373c
|
|
}
|
|
}
|
|
&.selected{
|
|
&>span{
|
|
color:var(--color-light)
|
|
}
|
|
&:before{
|
|
background-color:#404249
|
|
}
|
|
}
|
|
&:last-child{
|
|
margin-bottom:16px
|
|
}
|
|
}
|
|
.sidebar_explorer_is_open_icon{
|
|
width:initial!important;
|
|
padding:0 0 0 8px!important
|
|
}
|
|
#resource_pack_utilities{
|
|
& #home{
|
|
& .search_bar{
|
|
width:100%;
|
|
margin:0
|
|
}
|
|
&>:last-child{
|
|
margin:16px 0 0
|
|
}
|
|
&>:nth-child(2):not(:last-child){
|
|
margin:16px 0
|
|
}
|
|
&>:not(:first-child)>div{
|
|
border-radius:8px
|
|
}
|
|
}
|
|
& #header{
|
|
border-radius:8px
|
|
}
|
|
& .utility{
|
|
margin:16px 0 0!important;
|
|
& h3,& h2{
|
|
font-weight:600
|
|
}
|
|
& input[type=text]{
|
|
max-height:36px
|
|
}
|
|
& div[style=\"width: 120px;
|
|
\"]{
|
|
width:126px!important
|
|
}
|
|
}
|
|
& .component-checkboxRow{
|
|
&>label{
|
|
gap:8px!important
|
|
}
|
|
&+.component-checkboxRow{
|
|
margin-top:-8px!important
|
|
}
|
|
}
|
|
& .folder-selector{
|
|
&>button{
|
|
font-size:20px;
|
|
min-width:36px!important;
|
|
margin-left:8px!important
|
|
}
|
|
}
|
|
& .component-ignoreList{
|
|
& input+button{
|
|
font-size:20px;
|
|
min-width:36px!important;
|
|
margin-left:8px!important
|
|
}
|
|
&>ul{
|
|
border-radius:4px;
|
|
background-color:var(--color-ui)!important
|
|
}
|
|
& li{
|
|
background-color:#303338!important;
|
|
& button{
|
|
font-size:20px
|
|
}
|
|
}
|
|
}
|
|
& #back-button{
|
|
color:var(--color-text)!important
|
|
}
|
|
& #info-button{
|
|
font-size:20px
|
|
}
|
|
& code{
|
|
border-radius:4px;
|
|
font-size:13.6px;
|
|
background-color:var(--color-ui)!important;
|
|
padding:0 2.72px!important
|
|
}
|
|
& .component-outputLog{
|
|
& .log{
|
|
background-color:var(--color-ui)!important;
|
|
& code{
|
|
background-color:var(--color-back)!important
|
|
}
|
|
}
|
|
& .buttons{
|
|
background-color:var(--color-ui);
|
|
border:1px solid var(--color-border);
|
|
border-top:none;
|
|
border-radius:0 0 8px 8px;
|
|
padding:8px;
|
|
margin-top:0!important
|
|
}
|
|
}
|
|
& .component-progressBar{
|
|
font-weight:600
|
|
}
|
|
& .progress-bar-container{
|
|
border-radius:4px
|
|
}
|
|
& .progress-bar{
|
|
border-radius:3px
|
|
}
|
|
& .component-radioRow{
|
|
flex-direction:column;
|
|
gap:8px;
|
|
display:flex;
|
|
&>label{
|
|
background-color:var(--color-ui);
|
|
color:#b5bac1;
|
|
border-radius:4px;
|
|
padding:10px;
|
|
gap:8px!important;
|
|
&:hover{
|
|
color:var(--color-text);
|
|
background-color:#393c41
|
|
}
|
|
&:active{
|
|
color:var(--color-light);
|
|
background-color:#3f4147
|
|
}
|
|
&:has(>input:checked){
|
|
color:var(--color-light);
|
|
background-color:#43444b
|
|
}
|
|
}
|
|
& input{
|
|
justify-content:center;
|
|
align-items:center;
|
|
height:24px;
|
|
display:flex;
|
|
min-width:24px!important
|
|
}
|
|
}
|
|
}
|
|
#no-ffmpeg{
|
|
max-width:592px!important;
|
|
& h1{
|
|
margin:-6px 0 8px;
|
|
font-size:28px;
|
|
font-weight:700
|
|
}
|
|
}
|
|
", "thumbnail": ".theme_preview_header{
|
|
align-items:center;
|
|
height:17px;
|
|
display:flex
|
|
}
|
|
.theme_preview_menu_header{
|
|
border-radius:2px;
|
|
align-items:center;
|
|
height:13px;
|
|
margin:0 4px;
|
|
padding:0 5px;
|
|
display:flex
|
|
}
|
|
.theme_preview_menu_header>span{
|
|
opacity:1;
|
|
margin:0;
|
|
background-color:var(--color-light)!important
|
|
}
|
|
.theme_preview_menu{
|
|
background-color:#111214;
|
|
border-radius:3px;
|
|
top:20px;
|
|
left:32px;
|
|
box-shadow:0 6px 14px #0000003d
|
|
}
|
|
.theme_preview_text{
|
|
background-color:#b5bac1!important
|
|
}
|
|
.theme_preview_window{
|
|
width:calc(100% - 17px);
|
|
height:calc(100% - 17px);
|
|
margin-left:17px;
|
|
position:relative;
|
|
background-color:initial!important
|
|
}
|
|
.theme_preview_window:before{
|
|
top:1px
|
|
}
|
|
.theme_preview_window:after{
|
|
top:17px
|
|
}
|
|
.theme_preview_window:before,.theme_preview_window:after{
|
|
content:\"·\";
|
|
color:var(--color-text);
|
|
background-color:#313338;
|
|
border-radius:50%;
|
|
justify-content:center;
|
|
align-items:center;
|
|
width:13px;
|
|
height:13px;
|
|
padding-bottom:2px;
|
|
font-size:50px;
|
|
line-height:400px;
|
|
display:flex;
|
|
position:absolute;
|
|
left:-16px
|
|
}
|
|
.theme_preview_sidebar{
|
|
position:initial;
|
|
flex:0 0 38px
|
|
}
|
|
.theme_preview_sidebar:first-child{
|
|
border-radius:3px 3px 3px 0
|
|
}
|
|
.theme_preview_sidebar:first-child:after{
|
|
height:initial;
|
|
width:initial;
|
|
background-color:#282a2e;
|
|
border-radius:3px;
|
|
inset:0 41px
|
|
}
|
|
.theme_preview_sidebar:last-child{
|
|
border-radius:3px 0 0 3px
|
|
}
|
|
.theme_preview_sidebar:last-child:after{
|
|
display:none
|
|
}
|
|
;
|
|
.outliner_object.group>:nth-child(2) {
|
|
display: inline-block;
|
|
margin-inline-end: 4px";
|
|
}
|
|
",
|
|
|
|
|
|
"colors": {
|
|
"ui": "#2b2d31", "back": "#232428", "dark": "#1a1b1e", "border": "#1e1f22", "selected": "#6d6f78", "button": "#4e5058", "bright_ui": "#ffffff", "accent": "#5865f2", "frame": "#1e1f22", "text": "#dbdee1", "light": "#ffffff", "accent_text": "#060607", "bright_ui_text": "#060607", "subtle_text": "#949ba4", "grid": "#4e5058", "wireframe": "#6d6f78", "checkerboard": "#232428"
|
|
|
|
|
|
.outliner_object.group>:nth-child(2) {
|
|
display: inline-block;
|
|
margin-inline-end: 4px;
|
|
}
|
|
}
|
|
}
|
|
",
|
|
"thumbnail": ".theme_preview_header{align-items:center;height:17px;display:flex}.theme_preview_menu_header{border-radius:2px;align-items:center;height:13px;margin:0 4px;padding:0 5px;display:flex}.theme_preview_menu_header>span{opacity:1;margin:0;background-color:var(--color-light)!important}.theme_preview_menu{background-color:#111214;border-radius:3px;top:20px;left:32px;box-shadow:0 6px 14px #0000003d}.theme_preview_text{background-color:#b5bac1!important}.theme_preview_window{width:calc(100% - 17px);height:calc(100% - 17px);margin-left:17px;position:relative;background-color:initial!important}.theme_preview_window:before{top:1px}.theme_preview_window:after{top:17px}.theme_preview_window:before,.theme_preview_window:after{content:\"·\";color:var(--color-text);background-color:#313338;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;padding-bottom:2px;font-size:50px;line-height:400px;display:flex;position:absolute;left:-16px}.theme_preview_sidebar{position:initial;flex:0 0 38px}.theme_preview_sidebar:first-child{border-radius:3px 3px 3px 0}.theme_preview_sidebar:first-child:after{height:initial;width:initial;background-color:#282a2e;border-radius:3px;inset:0 41px}.theme_preview_sidebar:last-child{border-radius:3px 0 0 3px}.theme_preview_sidebar:last-child:after{display:none}; .outliner_object.group>:nth-child(2) { display: inline-block; margin-inline-end: 4px";
|
|
}
|
|
"
|
|
|
|
,
|
|
"colors": {
|
|
"ui": "#2b2d31",
|
|
"back": "#232428",
|
|
"dark": "#1a1b1e",
|
|
"border": "#1e1f22",
|
|
"selected": "#6d6f78",
|
|
"button": "#4e5058",
|
|
"bright_ui": "#ffffff",
|
|
"accent": "#5865f2",
|
|
"frame": "#1e1f22",
|
|
"text": "#dbdee1",
|
|
"light": "#ffffff",
|
|
"accent_text": "#060607",
|
|
"bright_ui_text": "#060607",
|
|
"subtle_text": "#949ba4",
|
|
"grid": "#4e5058",
|
|
"wireframe": "#6d6f78",
|
|
"checkerboard": "#232428"
|
|
}
|
|
} |