2 lines
No EOL
5.7 KiB
CSS
2 lines
No EOL
5.7 KiB
CSS
.tooltip{position:absolute;background:#000;padding:0;transform:translate(-50%,calc(-100% - 12px));font-size:large;border-radius:8px;opacity:0;transition:opacity .25s,padding .25s cubic-bezier(.68,-.55,.27,2.5);pointer-events:none;min-width:40px}.tooltip.active{opacity:1;padding:8px}.tooltip:before{content:"";display:block;width:0;height:0;position:absolute;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #000;left:calc(50% - 12px);top:100%}.points-display{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:xx-large;background:#242a33;padding:10px;border-radius:2px;box-shadow:3px 4px 5px #000}.editor .texture-preview{display:inline-flex;align-items:center;width:150px;margin-top:8px}.editor .texture-preview span{flex-grow:1;-webkit-user-select:all;-ms-user-select:all;user-select:all}.editor .texture-preview img{background-color:transparent;background-color:initial;width:60px;height:60px}.editor textarea{background:#242a33;border-radius:4px;flex-grow:1000000;min-height:50%;font-family:"Roboto Mono"}.editor button{padding:8px;text-align:center;margin:10px 0}.sidepanel{height:calc(100% - 16px);position:relative;background:#333c4a;padding:8px;transition:flex-basis .2s,margin .2s;flex:0 0;margin-right:-20px;overflow-x:hidden;display:flex;flex-direction:column}.sidepanel.open{flex-basis:33vw;margin:0}.sidepanel>*{width:calc(33vw - 16px)}.sidepanel-toggles{position:absolute;top:10px;right:10px;width:unset;transition:right .2s;display:flex;flex-direction:column}.sidepanel-toggles button{background:#242a33;padding:10px;border-radius:2px;box-shadow:3px 4px 5px #000;color:#ffab40;cursor:pointer;white-space:nowrap}.sidepanel.open~.sidepanel-toggles{right:calc(33vw + 26px)}.sidepanel .spacer{flex-grow:1}.sidepanel ul{padding:0;display:inline;font-weight:700;list-style:none;text-align:center}.sidepanel ul:not(.browser-default){padding-left:0;list-style-type:none}.sidepanel ul:not(.browser-default) li{list-style-type:none}.sidepanel ul li{vertical-align:middle;white-space:nowrap;padding-right:8px;padding-left:8px;display:inline}:root{--foreground:#b4bdcb;--background:#242a33;--far-background:#111924;--raised:#2a323d;--highlight:#333c4a;--focus:#a3c9ef;--inactive:#697a96;--disabled:grey;--warning:#71262f}html{background-color:#111924;background-color:var(--far-background);color:#b4bdcb;color:var(--foreground);font-family:"Roboto",sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none}body,html{height:100%}body{background:transparent;margin:0;padding:0;overflow:hidden}a{color:#ffab40;cursor:pointer;text-decoration:none}a:focus{outline:none}.checkbox-label,input{margin-bottom:8px;margin-top:8px;font-size:16px}input[type=number],input[type=password],input[type=search],input[type=text],select{background:none;border:none;border-bottom:2px solid #697a96;border-bottom:2px solid var(--inactive);color:#b4bdcb;color:var(--foreground);transition:border .3s;width:100%}input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus{border-bottom:2px solid #b4bdcb;border-bottom:2px solid var(--foreground);outline:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:10px;width:10px;margin-bottom:3px;padding:1px;background:-webkit-linear-gradient(-45deg,transparent,transparent 45%,var(--foreground) 0,var(--foreground) 56%,transparent 0,transparent),-webkit-linear-gradient(45deg,transparent,transparent 45%,var(--foreground) 0,var(--foreground) 56%,transparent 0,transparent);cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#111924;background:var(--far-background);outline:none;border-radius:4px;min-width:40px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;cursor:pointer;background:#242a33;background:var(--background);border:2px solid #111924;border:2px solid var(--far-background);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{background:#333c4a;background:var(--highlight)}input[type=color]{-webkit-appearance:none;border:2px solid #697a96;border:2px solid var(--inactive);outline:none;padding:0}input[type=color]:focus{border-color:#b4bdcb;border-color:var(--foreground)}input[type=color]:disabled{border-color:grey;border-color:var(--disabled)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}button{background:#333c4a;background:var(--highlight);border:none;color:#ffab40;cursor:pointer;font-size:16px;margin:10px;text-align:left;transition:background-color .1s ease-in;border-radius:10px}button:focus{color:#a3c9ef;color:var(--focus);outline:none}button:hover{background-color:#2a323d;background-color:var(--raised)}select option{color:#000}button:disabled,input:disabled,select:disabled{color:grey;color:var(--disabled)}h4{border-bottom:solid #b4bdcb;border-bottom:solid var(--foreground);text-align:center;width:50%;margin:.25em auto .5em}textarea{font-family:sans-serif;font-size:16px;resize:none;background:none;border:none;border-bottom:2px solid #969696;color:#b4bdcb;color:var(--foreground);transition:border .3s}textarea:focus{border-bottom:2px solid #c9c9c9;outline:none}img{position:relative;overflow:hidden;background-color:#242a33;background-color:var(--background)}img:after{background-color:inherit;display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;content:""}::-webkit-scrollbar{height:28px;width:14px}::-webkit-scrollbar-thumb{border:8px solid transparent;background-clip:padding-box;-webkit-border-radius:20px;background-color:rgba(0,0,0,.6)}#root,.App{width:100%;height:100%}.App{display:flex}
|
|
/*# sourceMappingURL=main.a3da64f4.chunk.css.map */ |