1 line
No EOL
8 KiB
CSS
1 line
No EOL
8 KiB
CSS
.header[data-v-373683a0]{background:var(--raised-color);padding:8px;border-bottom:solid 2px var(--fg-color);position:fixed;top:0;left:0;right:0}h2[data-v-373683a0]{margin:0;padding-right:8px;margin-right:8px;display:inline}h2[data-v-373683a0]:not(:last-of-type){border-right:solid 2px var(--fg-color)}img[data-v-373683a0]{height:32px;float:right}.modal-mask[data-v-58320308]{position:fixed;z-index:9998;top:0;left:0;width:100%;min-width:640px;height:var(--height);background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper[data-v-58320308]{display:table-cell;vertical-align:middle}.modal-container[data-v-58320308]{width:300px;margin:0 auto;padding:20px 30px;background-color:var(--raised-color);border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-header h3[data-v-58320308]{margin-top:0;color:var(--hi-color)}.modal-body[data-v-58320308]{margin:20px 0}.modal-footer[data-v-58320308]{min-height:24px}.modal-default-button[data-v-58320308]{float:right}.modal-enter[data-v-58320308],.modal-leave-active[data-v-58320308]{opacity:0}.modal-enter .modal-container[data-v-58320308],.modal-leave-active .modal-container[data-v-58320308]{transform:scale(1.1)}.town-container[data-v-f050f780]{flex-grow:1;transition-duration:2s;position:absolute;top:50px;bottom:0;left:0;right:0;background:var(--bg-color);z-index:1;min-width:640px;height:calc(var(--height) - 50px)}.town-enter[data-v-f050f780],.town-leave-active[data-v-f050f780]{opacity:0;filter:blur(100px)}.vue-pan-zoom-item[data-v-f050f780]{overflow:hidden;height:100%}.town[data-v-f050f780]{width:1000px;height:1000px;position:relative;transition-duration:0s}.town[data-v-f050f780]:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:var(--hi-color);filter:blur(10px)}.background[data-v-f050f780]{top:500px;left:500px;font-size:160px;margin:0;text-align:center;cursor:default}.background[data-v-f050f780],.building[data-v-f050f780]{position:absolute;transform:translate(-50%,-50%);font-weight:900;color:var(--other-color)}.building[data-v-f050f780]{height:50px;font-size:xx-large;cursor:pointer;border-radius:50%;padding:8px;background:var(--fg-color)}.building.highlight[data-v-f050f780]{box-shadow:var(--bg-color) 0 0 8px 4px}.header[data-v-f050f780]{margin:-30px;margin-bottom:0;width:calc(100% + 60px)}.header-enemies[data-v-f050f780]{display:flex;position:absolute;top:-30px;height:120px;justify-content:center;align-items:center;width:100%}.header-enemies img[data-v-f050f780]{width:96px;height:96px;filter:drop-shadow(4px 4px 4px var(--fg-color))}.action[data-v-10e41e9b]{border-top:solid var(--bg-color) 0;height:0;box-sizing:border-box;background-size:cover;background-position:50%;position:relative;overflow:hidden}.tile.active .action[data-v-10e41e9b]{height:200px;border-top-width:10px}.action img[data-v-10e41e9b]{width:128px;height:128px}.left[data-v-10e41e9b]{left:30%}.left[data-v-10e41e9b],.right[data-v-10e41e9b]{position:absolute;top:50%;transform:translate(-50%,-50%);transition-duration:0s;display:inline-block}.right[data-v-10e41e9b]{left:70%}.tile:not(.active) .left[data-v-10e41e9b],.tile:not(.active) .right[data-v-10e41e9b]{display:none}.shake[data-v-10e41e9b]{-webkit-animation:shake-data-v-10e41e9b 1.5s infinite;animation:shake-data-v-10e41e9b 1.5s infinite}.health[data-v-10e41e9b]{width:150px;height:16px;background:var(--bg-color);border:solid 2px var(--fg-color);position:absolute;top:90%;text-align:center;overflow:hidden}.health span[data-v-10e41e9b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:small;z-index:1}.health-fill[data-v-10e41e9b]{position:absolute;top:0;bottom:0;left:0;background:var(--other-color);transition-duration:0s}.right.amount[data-v-10e41e9b]{position:absolute;left:unset;transform:unset;right:calc(30% - 60px);top:calc(50% - 60px);font-size:x-large;font-weight:900;color:var(--other-color);background:var(--fg-color);padding:4px;border-radius:4px;opacity:.9}@-webkit-keyframes shake-data-v-10e41e9b{0%,45%{transform:translate(-50%,-50%) rotate(-15deg)}55%,90%{transform:translate(-50%,-50%) rotate(15deg)}to{transform:translate(-50%,-50%) rotate(-15deg)}}@keyframes shake-data-v-10e41e9b{0%,45%{transform:translate(-50%,-50%) rotate(-15deg)}55%,90%{transform:translate(-50%,-50%) rotate(15deg)}to{transform:translate(-50%,-50%) rotate(-15deg)}}.actionPreview[data-v-5df944e2]{margin:9px;width:64px;height:64px}.tile.active .actionPreview.active[data-v-5df944e2]{transform:scale(1.5)}.amount-container[data-v-5df944e2]{position:relative}.amount[data-v-5df944e2]{position:absolute;top:4px;right:4px;font-weight:900;color:var(--other-color);background:var(--fg-color);padding:4px;border-radius:4px;font-size:small;opacity:.9}.tile[data-v-10491106]{width:600px;margin:10px auto;background:var(--raised-color)}.tile.blur[data-v-10491106]{filter:blur(2px)}.tile.active[data-v-10491106]{margin-bottom:30px}.indicator[data-v-10491106]{width:15%;height:100px;display:inline-flex;align-items:center;justify-content:center;background:var(--other-color)}.indicator-hero[data-v-10491106]{width:64px;height:64px}.indicator-index[data-v-10491106]{font-size:xx-large;font-weight:900}.actions-container[data-v-10491106]{width:85%;display:inline-flex;height:100px;vertical-align:bottom;padding:9px 16px;box-sizing:border-box;background-size:cover;background-position:bottom}.actionProgress[data-v-10491106]{height:0;position:relative;overflow:hidden}.tile.active .actionProgress[data-v-10491106]{height:20px}.actionProgress-fill[data-v-10491106]{position:absolute;top:0;bottom:0;left:0;background:var(--other-color);transition-duration:0s}.endAtFloor[data-v-10491106]{display:inline-flex;flex-direction:column;justify-content:center;width:15%;height:100px;text-align:center;vertical-align:bottom;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.dream[data-v-db681ec8]{position:absolute;top:50px;bottom:0;left:0;right:0;background:var(--bg-color);padding:20px;min-width:640px;height:calc(var(--height) - 50px);box-sizing:border-box}.endAtLoop[data-v-db681ec8]{width:600px;margin:10px auto;background:var(--raised-color);height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:10px;text-align:center;box-sizing:border-box}.endAtLoop>[data-v-db681ec8]{margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{--fg-color:#292831;--bg-color:#ee8695;--hi-color:#333f58;--raised-color:#fbbbad;--other-color:#4a7a96}*{transition-duration:.5s;font-family:Roboto Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}html{min-width:640px}body,html{width:100%;height:100%}body{color:var(--fg-color);background-color:var(--bg-color);margin:0}#app{width:100%;height:100%;display:flex;flex-flow:column}button{outline:none;border:solid 2px var(--fg-color);background:var(--bg-color)}#app .ps__thumb-y{background-color:var(--fg-color)}#app .ps .ps__rail-x.ps--clicking,#app .ps .ps__rail-x:focus,#app .ps .ps__rail-x:hover,#app .ps .ps__rail-y.ps--clicking,#app .ps .ps__rail-y:focus,#app .ps .ps__rail-y:hover{background-color:var(--other-color)}[background-image],img{image-rendering:crisp-edges}.victory-enter,.victory-leave-active{opacity:0;filter:blur(100px)}.victory{position:fixed;width:100%;height:100%;box-sizing:border-box;background:var(--fg-color);color:var(--bg-color);text-align:center;padding:20px;transition-duration:2s;z-index:100}.victory button{font-size:large;font-weight:900}.welcome-leave-active{opacity:0;filter:blur(100px)}.welcome{transition-duration:2s;background:var(--fg-color);position:fixed;width:100%;height:100%;z-index:100}.welcome img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-animation:blur 5s infinite;animation:blur 5s infinite}.dream img{filter:drop-shadow(4px 4px 4px var(--fg-color))}@-webkit-keyframes blur{0%{filter:blur(0)}33%{filter:blur(4px)}66%,to{filter:blur(0)}}@keyframes blur{0%{filter:blur(0)}33%{filter:blur(4px)}66%,to{filter:blur(0)}} |