1 line
7.9 KiB
CSS
1 line
7.9 KiB
CSS
|
.header[data-v-220c9fd4]{background:var(--raised-color);padding:8px;border-bottom:solid 2px var(--fg-color);position:fixed;top:0;left:0;right:0}h2[data-v-220c9fd4]{margin:0;padding-right:8px;margin-right:8px;display:inline}h2[data-v-220c9fd4]:not(:last-of-type){border-right:solid 2px var(--fg-color)}img[data-v-220c9fd4]{height:32px;float:right}.modal-mask[data-v-475ebd39]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper[data-v-475ebd39]{display:table-cell;vertical-align:middle}.modal-container[data-v-475ebd39]{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-475ebd39]{margin-top:0;color:var(--hi-color)}.modal-body[data-v-475ebd39]{margin:20px 0}.modal-footer[data-v-475ebd39]{min-height:24px}.modal-default-button[data-v-475ebd39]{float:right}.modal-enter[data-v-475ebd39],.modal-leave-active[data-v-475ebd39]{opacity:0}.modal-enter .modal-container[data-v-475ebd39],.modal-leave-active .modal-container[data-v-475ebd39]{transform:scale(1.1)}.town-container[data-v-8caad2ae]{flex-grow:1;transition-duration:2s;position:absolute;top:50px;bottom:0;left:0;right:0;background:var(--bg-color);z-index:1}.town-enter[data-v-8caad2ae],.town-leave-active[data-v-8caad2ae]{opacity:0;filter:blur(100px)}.vue-pan-zoom-item[data-v-8caad2ae]{overflow:hidden;height:100%}.town[data-v-8caad2ae]{width:1000px;height:1000px;position:relative;transition-duration:0s}.town[data-v-8caad2ae]:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:var(--hi-color);filter:blur(10px)}.background[data-v-8caad2ae]{top:500px;left:500px;font-size:160px;margin:0;text-align:center;cursor:default}.background[data-v-8caad2ae],.building[data-v-8caad2ae]{position:absolute;transform:translate(-50%,-50%);font-weight:900;color:var(--other-color)}.building[data-v-8caad2ae]{height:50px;font-size:xx-large;cursor:pointer;border-radius:50%;padding:8px;background:var(--fg-color)}.building.highlight[data-v-8caad2ae]{box-shadow:var(--bg-color) 0 0 8px 4px}.header[data-v-8caad2ae]{margin:-30px;margin-bottom:0;width:calc(100% + 60px)}.header-enemies[data-v-8caad2ae]{display:flex;position:absolute;top:-30px;height:120px;justify-content:center;align-items:center;width:100%}.header-enemies img[data-v-8caad2ae]{width:96px;height:96px;filter:drop-shadow(4px 4px 4px var(--fg-color))}.action[data-v-17a74b01]{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-17a74b01]{height:200px;border-top-width:10px}.action img[data-v-17a74b01]{width:128px;height:128px}.left[data-v-17a74b01]{left:30%}.left[data-v-17a74b01],.right[data-v-17a74b01]{position:absolute;top:50%;transform:translate(-50%,-50%);transition-duration:0s;display:inline-block}.right[data-v-17a74b01]{left:70%}.tile:not(.active) .left[data-v-17a74b01],.tile:not(.active) .right[data-v-17a74b01]{display:none}.shake[data-v-17a74b01]{-webkit-animation:shake-data-v-17a74b01 1.5s infinite;animation:shake-data-v-17a74b01 1.5s infinite}.health[data-v-17a74b01]{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-17a74b01]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:small;z-index:1}.health-fill[data-v-17a74b01]{position:absolute;top:0;bottom:0;left:0;background:var(--other-color);transition-duration:0s}.right.amount[data-v-17a74b01]{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-17a74b01{0%,45%{transform:translate(-50%,-50%) rotate(-15deg)}55%,90%{transform:translate(-50%,-50%)
|