mirror of
https://github.com/thepaperpilot/Dream-Hero.git
synced 2024-11-22 16:35:40 +00:00
1 line
8 KiB
CSS
1 line
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
|