You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
3.3 KiB
1 lines
3.3 KiB
@font-face{font-family:game;src:url(../fonts/font.fc8630f2.ttf) format("truetype")}.flipper{position:relative;width:100%;height:100%;background-image:url(../img/bg.88f558a8.jpg);background-size:cover;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:22%;grid-gap:1.25%;padding:26.48148148148148% 16.34259259259259% 0 16.34259259259259%}.flipper .tip{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:50%/65.83333333333333% no-repeat url(../img/tip.3bec1ce4.png),rgba(0,0,0,.6);z-index:1}.flipper .meta{position:absolute;top:16.6%;font-family:flipper;font-weight:bolder;color:#4294dd}.flipper .meta.l{left:33%}.flipper .meta.r{left:76%}.flipper.no-event{pointer-events:none}.flipper .card{position:relative;cursor:pointer;-webkit-perspective:700px;perspective:700px;width:100%;height:100%}.flipper .card.flipped,.flipper .card.has-match{pointer-events:none}.flipper .card.flipped .back,.flipper .card.has-match .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipper .card.flipped .front,.flipper .card.has-match .front{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.flipper .card .back,.flipper .card .front{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.flipper .card .back{z-index:1;background-image:url(../img/back.6390caeb.png);background-size:cover}.flipper .card .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-size:cover}.snake{position:relative;width:100%;height:100%;background-image:url(../img/bg.8883aa1b.jpg);background-size:cover}.snake>.buttons{position:absolute;width:22.22222222222%;height:22.22222222222%;right:.4%;bottom:.97%;opacity:.6;background-image:url(../img/buttons.001bf0da.png);background-size:cover}.snake>.buttons:active{opacity:.8}.snake>.modal{display:none;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:1}.snake>.modal.show{display:block}.snake>.modal:after{content:"";position:absolute;width:65.83333333333333%;height:41.94444444444444%;top:0;left:0;bottom:0;right:0;margin:auto;background-image:url(../img/modal.60559c07.png);background-size:cover}.snake>.score{position:absolute;font-family:game;top:3.5%;left:25%;color:#fff}.bg{position:relative;width:2160px;height:2160px;transform-origin:top left;background-image:url(../img/bg.549f668f.jpg);background-size:cover}.bg .watercanvas{position:absolute;left:144px;top:383px;width:1868px;height:1075px}.bg .button{position:absolute;bottom:112px;width:540px;height:383px}.bg .button.left{left:230px}.bg .button.right{right:230px}.bg .meta{position:absolute;text-align:center;top:1873px;left:837px;right:837px;height:117px;line-height:117px;font-size:52px;color:#fff;font-family:game}.tip-wrapper{z-index:1;background:rgba(0,0,0,.6)}.tip-wrapper,.tip-wrapper .tip{position:absolute;top:0;left:0;right:0;bottom:0}.tip-wrapper .tip{margin:auto}.group-btn[data-v-94157800]{font-family:font_bold;font-weight:900;align-items:center;justify-content:center;display:flex;height:8.88888889vw;width:35.55555556vw;border-radius:8.14814815vw;border-width:1px;border-style:solid;font-size:1.85185185vw}
|