1 line
20 KiB
CSS
1 line
20 KiB
CSS
|
|
.container,body,html{height:100%;width:100%}.context-menu-container,.menu-container{display:none;z-index:10;position:absolute}.context-menu-container .menu-contents,.menu-container .menu-contents{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;-ms-overflow-style:none;user-select:none}.progress-label,.progress-percentage,.progress-text{text-shadow:0 0 25px rgba(0,0,0,.9),0 0 25px rgba(0,0,0,.9),0 0 25px rgba(0,0,0,.9)}:root{--custom-color:rgb(22, 170, 233);font-family:Montserrat,sans-serif}body,html{margin:0;padding:0;color:#fff;font-family:var(--font-family);font-style:normal;overflow:hidden;display:block;background-size:cover}.container{display:none;user-select:none}.context-menu-container{flex-direction:column;align-items:flex-start;top:15%;right:23%;width:300px;box-sizing:border-box}.context-menu-container .header,.menu-container .header{display:flex;flex-direction:row;width:100%;padding:3px 0;box-sizing:border-box}.context-menu-container .title,.context-menu-container .x{padding:8px 4px;border-radius:5px;box-sizing:border-box;display:flex;background-color:#25262b}.context-menu-container .title{justify-content:center;align-items:center;width:calc(90% - 4px);margin-right:1.5%}.context-menu-container .x{justify-content:center;align-items:center;cursor:pointer;width:10%;transition:background-color .3s,transform .1s}.context-menu-container .x:hover,.input-dialog-container .multi-select .selectfield option:checked,.input-dialog-container .select .selectfield option:focus,.input-dialog-container .select .selectfield option:hover{background-color:var(--custom-color)}.context-menu-container .menu-item:active,.context-menu-container .x:active,.menu-container .menu-item:active{transform:scale(.95);background-color:var(--custom-color)}.context-menu-container .menu-header,.menu-container .menu-header{display:flex;flex-direction:row;width:100%;margin-left:12px;padding:3px 0;user-select:none;box-sizing:border-box}.context-menu-container .menu-contents{display:flex;flex-direction:column;max-height:398px;width:100%;padding-right:3px;box-sizing:border-box}.context-menu-container .menu-item,.context-menu-container .menu-item-disabled,.menu-container .menu-item,.menu-container .menu-item-disabled{padding:8px 4px;margin-top:3px;margin-bottom:3px;width:100%;transition:background-color .3s,transform .1s;box-sizing:border-box;display:flex;border-radius:5px;outline:0}.context-menu-container .menu-option-contents,.menu-container .menu-option-contents{display:flex;flex-direction:column;align-items:center}.context-menu-container .menu-contents::-webkit-scrollbar{width:4px}.context-menu-container .menu-contents::-webkit-scrollbar-track{background:0 0;margin-top:2px;margin-bottom:2px}.context-menu-container .menu-contents::-webkit-scrollbar-thumb{background-color:var(--custom-color);border-radius:10px}.context-menu-container .menu-item,.menu-container .menu-item{flex-direction:column;background-color:#25262b;cursor:pointer}.context-menu-container .menu-item-disabled,.menu-container .menu-item-disabled{flex-direction:column;background-color:#3f414a;cursor:not-allowed}.context-menu-container .menu-item-disabled .icon{display:flex;padding-right:12px;color:#989898;font-size:1.25rem;align-items:center;box-sizing:border-box}.context-menu-container .menu-item.selected,.context-menu-container .menu-item:hover,.menu-container .menu-item.selected,.menu-container .menu-item:hover{background-color:var(--custom-color);color:#fff}.context-menu-container .menu-item .icon,.menu-container .icon{display:flex;padding-right:12px;font-size:1.25rem;align-items:center;box-sizing:border-box}.menu-item .description-text,.menu-item-disabled .description-text{font-size:.75rem;width:100%;min-width:0;max-width:240px;height:100%;box-sizing:border-box;white-space:normal;word-break:break-word;display:flex}.context-menu-container .menu-item-disabled .header-text{display:flex;margin-left:2%;font-weight:bolder;color:#989898;width:100%;box-sizing:border-box}.context-menu-container .menu-item .header-text{display:flex;margin-left:2%;font-weight:bolder;width:100%;max-width:24
|