mirror of https://github.com/bra1n/townsquare.git
1 line
113 KiB
CSS
1 line
113 KiB
CSS
|
.token[data-v-77841dfe]{border-radius:50%;height:100%;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}.token .icon[data-v-77841dfe]{margin-top:3%}.token .icon[data-v-77841dfe],.token span[data-v-77841dfe]{background-size:100%;position:absolute;width:100%;height:100%}.token span[data-v-77841dfe]{pointer-events:none}.token span.leaf-left[data-v-77841dfe]{background-image:url(../img/leaf-left.334a9f91.png)}.token span.leaf-orange[data-v-77841dfe]{background-image:url(../img/leaf-orange.1b67c7dd.png)}.token span.leaf-right[data-v-77841dfe]{background-image:url(../img/leaf-right.58c52b77.png)}.token span.leaf-top1[data-v-77841dfe]{background-image:url(../img/leaf-top1.1f96fcda.png)}.token span.leaf-top2[data-v-77841dfe]{background-image:url(../img/leaf-top2.68c0883c.png)}.token span.leaf-top3[data-v-77841dfe]{background-image:url(../img/leaf-top3.b0a496c7.png)}.token span.leaf-top4[data-v-77841dfe]{background-image:url(../img/leaf-top4.e1f358c9.png)}.token span.leaf-top5[data-v-77841dfe]{background-image:url(../img/leaf-top5.47824085.png)}.token .name[data-v-77841dfe]{width:100%;height:100%}.token .name .label[data-v-77841dfe]{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}.token .edition[data-v-77841dfe]{position:absolute;right:0;bottom:5px;width:30px;height:30px;background-size:100%;display:none}.token .ability[data-v-77841dfe]{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-77841dfe]: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-77841dfe]{display:none}.token:hover .ability[data-v-77841dfe]{opacity:1}.circle .player{margin-bottom:10px;padding-top:156px;padding-bottom:5px}.circle .player .shroud{top:0;left:0;position:absolute;width:100%;height:100px;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 100%;position:absolute;margin-left:-50px;width:100px;height:100px;left:50%;top:-30px;opacity:0;transform:perspective(400px) scale(1.5);transform-origin:top center;transition:all .2s ease-in-out;pointer-events:none}.circle .player .shroud:hover:before{opacity:.5;top:-10px;transform:scale(1)}.circle .player.dead .shroud:before{opacity:1;top:0;transform:perspective(400px) scale(1)}.player{z-index:2}.player .life{border-radius:50%;height:156px;width:156px;background:url(../img/life.37b97717.png) 50%;background-size:100%;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;transition:transform .2s ease-in-out;transform:perspective(400px) rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:50%;top:0;margin-left:-78px}.player.dead.no-vote .life:after{display:none}.player.dead .life{background-image:url(../img/death.2d96d4ce.png)}.player.dead .life:after{content:" ";position:absolute;left:0;top:0;width:100%;background:url(../img/vote.49ad13e5.png) 50% no-repeat;background-size:50%;height:153px;pointer-events:none}.player.traveler .life{-webkit-filter:grayscale(100%);filter:grayscale(100%)}#townsquare.public .player .shroud{transform:perspective(400px) rotateX(90deg);pointer-events:none}#townsquare.public .player .
|