mirror of https://github.com/bra1n/townsquare.git
1 line
98 KiB
CSS
1 line
98 KiB
CSS
|
.token[data-v-7b8b347a]{border-radius:50%;height:100%;width:100%;background:url(../img/token.d0b9dbdf.png) 50%;background-size:100%;text-align:center;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;border:3px solid #000;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer}.token[data-v-7b8b347a]:before{content:" ";background-size:100%;position:absolute;width:100%;height:100%;left:0;top:0}.token div[data-v-7b8b347a]{position:absolute;top:73%;width:100%;line-height:100%}.token span[data-v-7b8b347a]{position:absolute;width:100%;height:100%;background-size:100%;left:0;top:0;pointer-events:none}.token span.leaf-left[data-v-7b8b347a]{background-image:url(../img/leaf-left.334a9f91.png)}.token span.leaf-orange[data-v-7b8b347a]{background-image:url(../img/leaf-orange.1b67c7dd.png)}.token span.leaf-right[data-v-7b8b347a]{background-image:url(../img/leaf-right.58c52b77.png)}.token span.leaf-top1[data-v-7b8b347a]{background-image:url(../img/leaf-top1.1f96fcda.png)}.token span.leaf-top2[data-v-7b8b347a]{background-image:url(../img/leaf-top2.68c0883c.png)}.token span.leaf-top3[data-v-7b8b347a]{background-image:url(../img/leaf-top3.b0a496c7.png)}.token span.leaf-top4[data-v-7b8b347a]{background-image:url(../img/leaf-top4.e1f358c9.png)}.token span.leaf-top5[data-v-7b8b347a]{background-image:url(../img/leaf-top5.47824085.png)}.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)}.circle .player.dead .name{opacity:.5}.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:50%;top:0;margin-left:-78px;height:156px;width:156px;transition:transform .2s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}#townsquare.public .circle .token{transform:perspective(400px) rotateY(-180deg)}.name{font-size:120%;line-height:120%;-webkit-filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);cursor:pointer}.name span{display:none}.name:hover span{display:inline-block}.name:hover span:hover{color:red}#townsquare.public .ability{display:none}.circle .ability{position:absolute;padding:5px 10px;top:20px;right:100%;width:250px;z-index:25;font-size:80%;background:rgba(0,0,0,.7);border-radius:10px;border:3px solid #000;
|