mirror of https://github.com/bra1n/townsquare.git
1 line
119 KiB
CSS
1 line
119 KiB
CSS
|
.token[data-v-eb60a182]{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}.token[data-v-eb60a182]:before{content:" "}.token[data-v-eb60a182]:before,.token span[data-v-eb60a182]{background-size:100%;position:absolute;width:100%;height:100%;left:0;top:0}.token span[data-v-eb60a182]{pointer-events:none}.token span.leaf-left[data-v-eb60a182]{background-image:url(../img/leaf-left.334a9f91.png)}.token span.leaf-orange[data-v-eb60a182]{background-image:url(../img/leaf-orange.1b67c7dd.png)}.token span.leaf-right[data-v-eb60a182]{background-image:url(../img/leaf-right.58c52b77.png)}.token span.leaf-top1[data-v-eb60a182]{background-image:url(../img/leaf-top1.1f96fcda.png)}.token span.leaf-top2[data-v-eb60a182]{background-image:url(../img/leaf-top2.68c0883c.png)}.token span.leaf-top3[data-v-eb60a182]{background-image:url(../img/leaf-top3.b0a496c7.png)}.token span.leaf-top4[data-v-eb60a182]{background-image:url(../img/leaf-top4.e1f358c9.png)}.token span.leaf-top5[data-v-eb60a182]{background-image:url(../img/leaf-top5.47824085.png)}.token .ability[data-v-eb60a182]{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-eb60a182]: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-eb60a182]{display:none}.token .name[data-v-eb60a182]{color:#000;font-weight:600;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 5px rgba(0,0,0,.75);font-family:Papyrus,serif;position:absolute;top:73%;width:100%;line-height:100%}.token:hover .ability[data-v-eb60a182]{opacity:1}.circle .player{margin-bottom:10px;padding-top:156px}.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 .life,.player .token{transform:perspective(400px) rotateY(0deg)}.player .token{position:absolute;left:0;top:0;height:156px;width:156px;transition:transform .2s ease-i
|