| 1 |
- .scroll{width:auto;}body{width:100vw;height:100vh;color:#f5f5dc;background:#111e25;--padding:5px;padding:var(--padding);--mc:#049e9a;}.main-box{width:100%;display:flex;flex-direction:column;height:calc(100vh - var(--padding)*2);--h:30px;border:3px solid var(--mc);}.main-box .main-box-header{background:var(--mc);height:var(--h);font-size:16px;display:flex;}.main-box .main-box-header .user-name{width:20%;padding-left:20px;line-height:var(--h);cursor:pointer;}.main-box .main-box-header .menu{width:80%;padding-right:20px;line-height:var(--h);display:inline-block;list-style:none;display:flex;justify-content:flex-end;}.main-box .main-box-header .menu a{color:#f5f5dc;padding:0 15px;line-height:var(--h);}.main-box-content{padding:25px 5px 5px;height:calc(100% - var(--h));display:flex;}.main-box-content>div{margin:0 10px;}.box{--mh:10px;height:calc(100% - var(--mh));margin-top:var(--mh);border:2px solid var(--mc);position:relative;border-radius:5px;padding-top:15px;}.box .box-header{position:absolute;color:var(--mc);background:#111e25;font-size:24px;font-weight:600;top:-20px;left:30px;padding:0 10px;}.box .box-content{--sh:300px;padding:12px;padding-top:2px;height:calc(100% - var(--mh)*3);}.box.small{border-width:1px;}.box.small .box-header{font-size:20px;top:-15px;left:50%;}.box.small .box-content{height:100%;}.box .scene-info-box{--sh:300px;}.box .log-cmd-box{--sh:165px;}.box .log-cmd-box #current-scene-box{height:35px;background:#f36;color:#fff;text-align:center;border-radius:5px;margin:10px 12px 5px;}.box .log-cmd-box #current-scene-box span{font-size:16px;line-height:35px;}.box .log-cmd-box .box-content{height:calc(100% - var(--mh)*3 - 45px);}.box .base-box{--sh:250px;}.box #count-down{position:absolute;top:20px;right:20px;color:#f00;font-weight:600;font-size:24px;}#scene-info-box{display:flex;flex-direction:column;}#scene-info-box .round-box{line-height:35px;font-weight:600;font-size:18px;text-align:center;color:#fff;border-radius:5px;background:#f36;margin:10px 0 5px;}#scene-info-box .scene-box{width:100%;margin:5px 0;display:flex;flex-direction:column;font-size:1rem;border:1px solid #e2ebd7;background:#e2ebd7;border-radius:5px;cursor:pointer;}#scene-info-box .scene-box .title{padding:4px 20px;font-weight:600;width:100%;text-align:left;color:var(--mc);border-bottom:1px solid var(--mc);position:relative;border-radius:5px 5px 0 0;}#scene-info-box .scene-box .title span{margin-right:5px;}#scene-info-box .scene-box .title span.no-scene{margin-right:5px;}#scene-info-box .scene-box .title .tool{position:absolute;right:10px;top:5px;}#scene-info-box .scene-box .title .attach-box{position:absolute;font-size:.875rem;right:30px;top:2px;}#scene-info-box .scene-box .title .attach{font-size:inherit;}#scene-info-box .scene-box .desc{padding:5px;color:#3c3c3c;white-space:normal;word-break:break-word;text-indent:2em;min-height:40px;}#scene-info-box .scene-box .desc .guide-box{font-size:85%;}#scene-info-box .scene-box .desc .guide-box .guide-title{font-weight:600;color:var(--mc);}#scene-info-box .scene-box .desc .guide-box .guide-info{margin:5px 0;color:#666;}#scene-info-box .scene-box.active .title{background:var(--mc);color:#fff;}#scene-info-box .scene-box.current-scene{border:1px solid #f00;}#scene-info-box .scene-box.new-scene{border:1px solid #ff6a00;}#scene-info-box .scene-box.flash-scene .title{background:#399;border-bottom:1px solid #399;color:#fff;}#scene-info-box .scene-box.flash-scene .title span{animation:flash 2s infinite;}.role-change-box{display:none;min-height:100px;border:1px solid var(--mc);background:#3c3c3c;position:absolute;bottom:calc(100% + 20px);padding:10px;bottom:calc(100% - 10px);padding:5px 10px;left:-30%;right:20%;z-index:2;border-radius:5px;}.role-change-box .role{margin:6px;padding:5px 10px;font-size:14px;color:#fff;background:var(--mc);}.score-info-box .score-box{margin:5px;padding:8px 25px;border-radius:5px;border:1px solid #e2ebd7;color:#e2ebd7;display:block;float:left;width:auto;text-align:center;background:#3c3c3c;}.score-info-box .score-box.system-score{font-size:18px;width:calc(100% - 10px);}.score-info-box .score-box.tag-score{font-size:14px;padding:5px 25px;width:calc(50% - 10px);}.score-info-box .score-box .name{font-weight:600;white-space:nowrap;}.score-info-box .score-box .socre{word-break:break-word;}.media-box{width:100%;height:100%;}.media-box .body-content{width:100%;height:100%;}.cmd-box .tool-box{margin-bottom:10px;}.cmd-box .tool-box .role{cursor:pointer;min-width:100px;border-radius:20px;}.cmd-box .msg-box{position:relative;}.cmd-box .msg-box span{position:absolute;bottom:10px;right:15px;}.cmd-box .msg-box textarea{border:1px solid var(--mc);background:#111e25;color:#f5f5dc;}.cmd-box .msg-box textarea:focus,.cmd-box .msg-box textarea:active{background:#111e25;color:#f5f5dc;}.cmd-box .tool-footer{display:flex;}.cmd-box .tool-footer span{width:50%;margin:5px 10px;}.base-box .base-info-box dl{width:100%;display:flex;font-size:16px;margin-bottom:0;}.base-box .base-info-box dt{width:80px;text-align:right;font-weight:600;cursor:none;}.base-box .base-info-box dd{width:calc(100% - 80px);text-align:left;word-break:break-all;padding-left:10px;margin-bottom:5px;cursor:none;}.base-box .base-info-box dd .role{margin:3px 5px;cursor:pointer;}.base-box .base-info-box dd .role-help{margin:0;width:100%;text-align:center;color:#666;}.scene-path-box{width:auto;}.log-comment{display:flex;background:#e2ebd7;margin:8px 0;padding:8px;border-radius:5px;border:1px solid var(--mc);}.log-comment.split-line{padding:0;height:0;border:none;border-bottom:2px dashed var(--mc);}.log-comment img{padding:5px;width:50px;height:50px;border-radius:50%;}.log-comment .comment-text{padding:5px;width:100%;display:flex;flex-direction:column;}.log-comment .comment-text .name{color:var(--mc);width:100%;font-weight:600;font-size:1rem;}.log-comment .comment-text .name .log-state{float:right;}.log-comment .comment-text .name .log-state:not(:disabled){cursor:pointer;}.log-comment .comment-text .log-text{width:100%;word-break:break-all;color:#3c3c3c;}.environment{width:100vw;height:100vh;background:#000;background:rgba(0,0,0,.7);position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;}.environment .close{position:absolute;top:100px;right:250px;font-size:16px;padding:8px 20px;color:#fff;border:1px solid;font-weight:500;opacity:.85;z-index:6;cursor:pointer;}.environment .close:not(:disabled):not(.disabled):hover,.environment .close:not(:disabled):not(.disabled):focus{color:#fff;text-decoration:none;opacity:1;}.environment .play-box{height:80%;width:80%;min-width:600px;max-width:800px;min-height:400px;max-height:700px;margin:150px auto;text-align:center;}.environment .play-box img,.environment .play-box video{width:100%;height:100%;opacity:1;}.environment .play-box audio{display:none;}.flash{animation:fade 1s infinite;-webkit-animation:fade 1s infinite;}@keyframes flash{from{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.95);}to{opacity:1;transform:scale(1);}}@-webkit-keyframes flash{from{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.95);}to{opacity:1;transform:scale(1);}}@keyframes fade{from{opacity:1;transform:scale(1);}50%{opacity:.9;transform:scale(.9);}to{opacity:1;transform:scale(1);}}@-webkit-keyframes fade{from{opacity:1;transform:scale(1);}50%{opacity:.8;transform:scale(.9);}to{opacity:1;transform:scale(1);}}
|
