townsquare/css/app.926332c5.css

1 line
190 KiB
CSS
Raw Normal View History

.token[data-v-a47c80b4]{border-radius:50%;width:100%;background:url(../img/token.d0b9dbdf.png) 50%;background-size:100%;text-align:center;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s}.token:hover .name .label[data-v-a47c80b4]{stroke:#000;fill:#fff}@-moz-document url-prefix(){.token:hover .name .label.mozilla{stroke:none;filter:drop-shadow(0 1.5px 0 black) drop-shadow(0 -1.5px 0 black) drop-shadow(1.5px 0 0 black) drop-shadow(-1.5px 0 0 black) drop-shadow(0 2px 2px rgba(0,0,0,.5))}}.token .icon[data-v-a47c80b4],.token[data-v-a47c80b4]:before{background-size:100%;background-repeat:no-repeat;background-position:center 30%;position:absolute;width:100%;height:100%;margin-top:3%}.token span[data-v-a47c80b4]{position:absolute;width:100%;height:100%;background-size:100%;pointer-events:none}.token span.leaf-left[data-v-a47c80b4]{background-image:url(../img/leaf-left.334a9f91.png)}.token span.leaf-orange[data-v-a47c80b4]{background-image:url(../img/leaf-orange.1b67c7dd.png)}.token span.leaf-right[data-v-a47c80b4]{background-image:url(../img/leaf-right.58c52b77.png)}.token span.leaf-top1[data-v-a47c80b4]{background-image:url(../img/leaf-top1.1f96fcda.png)}.token span.leaf-top2[data-v-a47c80b4]{background-image:url(../img/leaf-top2.68c0883c.png)}.token span.leaf-top3[data-v-a47c80b4]{background-image:url(../img/leaf-top3.b0a496c7.png)}.token span.leaf-top4[data-v-a47c80b4]{background-image:url(../img/leaf-top4.e1f358c9.png)}.token span.leaf-top5[data-v-a47c80b4]{background-image:url(../img/leaf-top5.47824085.png)}.token .name[data-v-a47c80b4]{width:100%;height:100%;font-size:24px}.token .name .label[data-v-a47c80b4]{fill:#000;stroke:#fff;stroke-width:2px;paint-order:stroke;font-family:Papyrus,serif;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,.2);letter-spacing:1px}@-moz-document url-prefix(){.token .name .label.mozilla{stroke:none;text-shadow:none;filter:drop-shadow(0 1.5px 0 white) drop-shadow(0 -1.5px 0 white) drop-shadow(1.5px 0 0 white) drop-shadow(-1.5px 0 0 white) drop-shadow(0 2px 2px rgba(0,0,0,.5))}}.token .edition[data-v-a47c80b4]{position:absolute;right:0;bottom:5px;width:30px;height:30px;background-size:100%;display:none}.token .ability[data-v-a47c80b4]{display:flex;position:absolute;padding:5px 10px;left:120%;width:250px;z-index:25;font-size:80%;background:rgba(0,0,0,.5);border-radius:10px;border:3px solid #000;-webkit-filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));text-align:left;justify-items:center;align-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.token .ability[data-v-a47c80b4]:before{content:" ";border:10px solid transparent;width:0;height:0;border-right-color:#000;position:absolute;margin-right:2px;right:100%}#app.screenshot .token .ability[data-v-a47c80b4]{display:none}.token:hover .ability[data-v-a47c80b4]{opacity:1}.fold-enter-active,.fold-leave-active{transition:transform .25s ease-in-out;transform-origin:left center;transform:perspective(200px)}.fold-enter,.fold-leave-to{transform:perspective(200px) rotateY(90deg)}.circle .player{margin-bottom:10px}.circle .player:before{content:" ";display:block;padding-top:100%}.circle .player .shroud{top:0;left:0;position:absolute;width:100%;height:45%;cursor:pointer;transform:rotateX(0deg);transform-origin:top center;transition:transform .2s ease-in-out;z-index:2;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,.8));filter:drop-shadow(0 0 5px rgba(0,0,0,.8))}.circle .player .shroud:before{content:" ";background:url(../img/shroud.5303197a.png) center -10px no-repeat;background-size:auto 110%;position:absolute;margin-left:-50%;width:100%;height:100%;left:50%;top:-30%;opacity:0;transform:perspective(400px) scale(1.5);transform-origin:top center;transition:all .2s;pointer-events:none}#townsquare.spectator .circle .player .shroud{pointer-events:none}#townsquare:not(.spectator) .circle .player .shroud:hover:before{opacity:.5;top:-10px;transform:scale(1)}.circle .player