mirror of https://github.com/bra1n/townsquare.git
1 line
96 KiB
CSS
1 line
96 KiB
CSS
|
.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}.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.traveler{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.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}#townsquare.public .player .shroud{transform:perspective(400px) rotateX(90deg);pointer-events:none}#townsquare.public .player .life{transform:perspective(400px) rotateY(0deg)}.circle .token{border-radius:50%;height:156px;width:156px;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);padding-top:105px;font-family:Papyrus,serif;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(0deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;left:50%;top:0;margin-left:-78px}.circle .token:before{content:" "}.circle .token:before,.circle .token span{background-size:100%;position:absolute;width:100%;height:100%;left:0;top:0}.circle .token span{pointer-events:none}.circle .token span.leaf-left{background-image:url(../img/leaf-left.334a9f91.png)}.circle .token span.leaf-orange{background-image:url(../img/leaf-orange.1b67c7dd.png)}.circle .token span.leaf-right{background-image:url(../img/leaf-right.58c52b77.png)}.circle .token span.leaf-top1{background-image:url(../img/leaf-top1.1f96fcda.png)}.circle .token span.leaf-top2{background-image:url(../img/leaf-top2.68c0883c.png)}.circle .token span.leaf-top3{background-image:url(../img/leaf-top3.b0a496c7.png)}.circle .token span.leaf-top4{background-image:url(../img/leaf-top4.e1f358c9.png)}.circle .token span.leaf-top5{background-image:url(../img/leaf-top5.47824085.png)}#townsquare.public .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:200px;z-index:25;font-size:80%;background:rgba(0,0,0,.7);border-radius:10px;border:3px solid #000;text-align:left;display:none}.circle .ability:after{content:" ";border:10px solid transparent;position:absolute;left:100%;width:0;height:0;border-left-color:#000;top:20px;margin:0 2px}.player:hover .ability{display:block}.circle .reminder{background:url(../img/reminder.5097ab11.png) 50%;background-size:100%;
|