@plasma-platform/promotions
Version:
Scripts for monster promotions
2 lines • 15.7 kB
CSS
@keyframes CNT1C_TMFadeIn__jXRlL{0%{opacity:0}to{opacity:1}}@keyframes CNT1C_TMFadeOut__Lgcci{0%{opacity:1}to{opacity:0}}@keyframes CNT1C_TMFadeInScaleIn__l0dtN{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes CNT1C_TMFadeOutScaleOut__HWYA4{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes CNT1C_TMShake__nJ7ge{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-10px)}30%,70%{transform:translate(10px)}}.CNT1C_PlasmaPromotion__timerWrapper__U9zy1{display:flex;align-items:center}.CNT1C_TMClockTimer__dzQKt,.CNT1C_TMClockTimer__fragment__s76Zj{display:flex;position:relative}.CNT1C_TMClockTimer__fragment__s76Zj{flex-direction:column}.CNT1C_TMClockTimer__valueWrapper__192c0{height:40px;width:auto;min-width:40px;margin-right:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 1px}.CNT1C_TMClockTimer__valueWrapper__192c0:before{content:"";height:28px;width:30px;position:absolute;opacity:.1;background-image:linear-gradient(to right top,#243238,#575f66,#8d9196,#c5c6c9,#fff);border-radius:3px 3px 0 0;left:0;top:-11px;transform:rotate(45deg);transform-origin:top;z-index:5}.CNT1C_TMClockTimer__clockFaceTop__XgvGw{height:19px;border-radius:3px 3px 0 0;top:0}.CNT1C_TMClockTimer__clockFaceBottom__ShwLU,.CNT1C_TMClockTimer__clockFaceTop__XgvGw{width:100%;min-width:40px;position:absolute;left:0;z-index:1;background-color:#243238}.CNT1C_TMClockTimer__clockFaceBottom__ShwLU{height:20px;border-radius:0 0 3px 3px;bottom:0}.CNT1C_TMClockTimer__value__6wL-f{font-weight:700;text-decoration:none;font-size:20px;line-height:30px;text-transform:uppercase;color:#243238;color:#fff;font-family:PT Sans;display:flex;align-items:center;text-align:center;font-style:normal;font-weight:400;z-index:10}@media (max-width:719px){.CNT1C_TMClockTimer__value__6wL-f{font-size:16px;line-height:24px}}.CNT1C_TMClockTimer__label__L8eng{font-size:8px;line-height:12px;text-align:center;color:#90a4ae;font-family:PT Sans;position:absolute;bottom:0;z-index:20}@keyframes CNT2B_TMFadeIn__BBsJK{0%{opacity:0}to{opacity:1}}@keyframes CNT2B_TMFadeOut__-pVYv{0%{opacity:1}to{opacity:0}}@keyframes CNT2B_TMFadeInScaleIn__2zTlh{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes CNT2B_TMFadeOutScaleOut__czWzR{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes CNT2B_TMShake__YOuCe{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-10px)}30%,70%{transform:translate(10px)}}.CNT2B_PlasmaPromotion__timerWrapper__lEHpO{display:flex;align-items:center}.CNT2B_TMClockTimer__fragment__ogC0x,.CNT2B_TMClockTimer__SUMT9{display:flex;position:relative}.CNT2B_TMClockTimer__fragment__ogC0x{flex-direction:column}.CNT2B_TMClockTimer__valueWrapper__D4ZPG{height:40px;width:auto;min-width:40px;margin-right:5px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 1px}.CNT2B_TMClockTimer__valueWrapper__D4ZPG:before{content:"";height:28px;width:30px;position:absolute;opacity:.1;background-image:linear-gradient(to right top,#243238,#575f66,#8d9196,#c5c6c9,#fff);border-radius:3px 3px 0 0;left:-4px;top:-9px;transform:rotate(45deg);transform-origin:top;z-index:5}.CNT2B_TMClockTimer__clockFaceTop__yiPt6{height:19px;border-radius:3px 3px 0 0;top:0}.CNT2B_TMClockTimer__clockFaceBottom__2ARdz,.CNT2B_TMClockTimer__clockFaceTop__yiPt6{width:100%;min-width:40px;position:absolute;left:0;z-index:1;background-color:#243238}.CNT2B_TMClockTimer__clockFaceBottom__2ARdz{height:20px;border-radius:0 0 3px 3px;bottom:0}.CNT2B_TMClockTimer__value__zAyUA{font-weight:700;text-decoration:none;font-size:30px;line-height:39px;color:#243238;color:#fff;font-family:PT Sans;display:flex;align-items:center;text-align:center;font-style:normal;font-weight:400;z-index:10}@media (max-width:719px){.CNT2B_TMClockTimer__value__zAyUA{font-size:20px;line-height:30px;text-transform:uppercase}}.CNT2B_TMClockTimer__label__tnHcY{text-decoration:none;font-size:12px;line-height:18px;color:#243238;text-align:center;color:#90a4ae;padding-right:10px;font-family:PT Sans;margin-top:10px}@keyframes CNT1B_TMFadeIn__1Hn-a{0%{opacity:0}to{opacity:1}}@keyframes CNT1B_TMFadeOut__WQFrq{0%{opacity:1}to{opacity:0}}@keyframes CNT1B_TMFadeInScaleIn__Y8tVA{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes CNT1B_TMFadeOutScaleOut__4UUgt{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes CNT1B_TMShake__XR7jZ{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-10px)}30%,70%{transform:translate(10px)}}.CNT1B_PlasmaPromotion__timerWrapper__X2sdT{display:flex;align-items:center}.CNT1B_TMClockTimer__fragment__CSS2i,.CNT1B_TMClockTimer__Ymrad{display:flex;position:relative}.CNT1B_TMClockTimer__fragment__CSS2i{flex-direction:column}.CNT1B_TMClockTimer__valueWrapper__RhyTY{height:40px;width:auto;min-width:40px;margin-right:10px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 1px}.CNT1B_TMClockTimer__valueWrapper__RhyTY:before{content:"";height:28px;width:30px;position:absolute;opacity:.1;background-image:linear-gradient(to right top,#243238,#575f66,#8d9196,#c5c6c9,#fff);border-radius:3px 3px 0 0;left:0;top:-11px;transform:rotate(45deg);transform-origin:top;z-index:5}.CNT1B_TMClockTimer__clockFaceTop__gQqfe{height:19px;border-radius:3px 3px 0 0;top:0}.CNT1B_TMClockTimer__clockFaceBottom__W0u-H,.CNT1B_TMClockTimer__clockFaceTop__gQqfe{width:100%;min-width:40px;position:absolute;left:0;z-index:1;background-color:#243238}.CNT1B_TMClockTimer__clockFaceBottom__W0u-H{height:20px;border-radius:0 0 3px 3px;bottom:0}.CNT1B_TMClockTimer__value__j1hiH{font-weight:700;text-decoration:none;font-size:30px;line-height:39px;color:#243238;color:#fff;font-family:PT Sans;display:flex;align-items:center;text-align:center;font-style:normal;font-weight:400;z-index:10}@media (max-width:719px){.CNT1B_TMClockTimer__value__j1hiH{font-size:20px;line-height:30px;text-transform:uppercase}}.CNT1B_TMClockTimer__label__PIacn{text-decoration:none;font-size:12px;line-height:18px;color:#243238;text-align:center;color:#90a4ae;padding-right:10px;font-family:PT Sans;margin-top:10px}@keyframes CNT2A_TMFadeIn__2zX2r{0%{opacity:0}to{opacity:1}}@keyframes CNT2A_TMFadeOut__vps77{0%{opacity:1}to{opacity:0}}@keyframes CNT2A_TMFadeInScaleIn__ZgVuh{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes CNT2A_TMFadeOutScaleOut__h8Pl9{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes CNT2A_TMShake__CfNWs{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-10px)}30%,70%{transform:translate(10px)}}.CNT2A_PlasmaPromotion__timerWrapper__oC9VF{display:flex;align-items:center}.CNT2A_TMClockTimer__fragment__kp0LC,.CNT2A_TMClockTimer__ttGUY{display:flex;position:relative}.CNT2A_TMClockTimer__fragment__kp0LC{flex-direction:column}.CNT2A_TMClockTimer__valueWrapper__Kk0UY{height:60px;width:auto;min-width:40px;margin-right:5px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 1px}.CNT2A_TMClockTimer__valueWrapper__Kk0UY:before{content:"";height:45px;width:38px;position:absolute;opacity:.1;background-image:linear-gradient(to right top,#243238,#575f66,#8d9196,#c5c6c9,#fff);border-radius:3px 3px 0 0;left:0;top:-11px;transform:rotate(45deg);transform-origin:top;z-index:5}.CNT2A_TMClockTimer__clockFaceTop__-chC3{height:29px;border-radius:3px 3px 0 0;top:0}.CNT2A_TMClockTimer__clockFaceBottom__Vfst0,.CNT2A_TMClockTimer__clockFaceTop__-chC3{width:100%;min-width:40px;position:absolute;left:0;z-index:1;background-color:#243238}.CNT2A_TMClockTimer__clockFaceBottom__Vfst0{height:30px;border-radius:0 0 3px 3px;bottom:0}.CNT2A_TMClockTimer__value__a-kx1{font-weight:700;text-decoration:none;font-size:40px;line-height:52px;color:#243238;color:#fff;font-family:PT Sans;display:flex;align-items:center;text-align:center;font-style:normal;font-weight:400;z-index:10}@media (max-width:719px){.CNT2A_TMClockTimer__value__a-kx1{font-size:30px;line-height:39px}}.CNT2A_TMClockTimer__label__BxyP1{text-decoration:none;font-size:12px;line-height:18px;color:#243238;text-align:center;color:#90a4ae;padding-right:10px;font-family:PT Sans;margin-top:10px}@keyframes CNT1A_TMFadeIn__QpdJ8{0%{opacity:0}to{opacity:1}}@keyframes CNT1A_TMFadeOut__KzPDO{0%{opacity:1}to{opacity:0}}@keyframes CNT1A_TMFadeInScaleIn__Q7X47{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes CNT1A_TMFadeOutScaleOut__5-1yk{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes CNT1A_TMShake__Oxr3Q{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-10px)}30%,70%{transform:translate(10px)}}.CNT1A_PlasmaPromotion__timerWrapper__zrNZc{display:flex;align-items:center}.CNT1A_TMClockTimer__1hN-w,.CNT1A_TMClockTimer__fragment__bLkkN{display:flex;position:relative}.CNT1A_TMClockTimer__fragment__bLkkN{flex-direction:column}.CNT1A_TMClockTimer__valueWrapper__EJ2Fq{height:60px;width:auto;min-width:60px;margin-right:10px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:0 1px}.CNT1A_TMClockTimer__valueWrapper__EJ2Fq:before{content:"";height:45px;width:38px;position:absolute;opacity:.1;background-image:linear-gradient(to right top,#243238,#575f66,#8d9196,#c5c6c9,#fff);border-radius:3px 3px 0 0;left:0;top:-11px;transform:rotate(45deg);transform-origin:top;z-index:5}.CNT1A_TMClockTimer__clockFaceTop__eG7Ux{height:29px;border-radius:3px 3px 0 0;top:0}.CNT1A_TMClockTimer__clockFaceBottom__Z0n31,.CNT1A_TMClockTimer__clockFaceTop__eG7Ux{width:100%;min-width:60px;position:absolute;left:0;z-index:1;background-color:#243238}.CNT1A_TMClockTimer__clockFaceBottom__Z0n31{height:30px;border-radius:0 0 3px 3px;bottom:0}.CNT1A_TMClockTimer__value__XzQQ6{font-weight:700;text-decoration:none;font-size:40px;line-height:52px;color:#243238;color:#fff;font-family:PT Sans;display:flex;align-items:center;text-align:center;font-style:normal;font-weight:400;z-index:10}@media (max-width:719px){.CNT1A_TMClockTimer__value__XzQQ6{font-size:30px;line-height:39px}}.CNT1A_TMClockTimer__label__pPl94{text-decoration:none;font-size:12px;line-height:18px;color:#243238;text-align:center;color:#90a4ae;padding-right:10px;font-family:PT Sans;margin-top:10px}
.PlasmaPromotion{position:relative;height:90px;margin-top:-90px;overflow:hidden;z-index:10000}.PlasmaPromotion--moveDown{margin-top:0;animation:none}.PlasmaPromotion--moveDown .PlasmaPromotion__wrapper{animation:none}.PlasmaPromotion--moveUp{margin-top:-90px;animation:none}.PlasmaPromotion--moveUp .PlasmaPromotion__wrapper{animation:none}.PlasmaPromotion__wrapper{background-color:#000;color:#fff;z-index:99990}.PlasmaPromotion__wrapperSticky{position:static;top:-90px;left:0;right:0}.PlasmaPromotion__wrapperLink{position:absolute;top:0;left:0;right:0;bottom:0}.PlasmaPromotion__container{position:relative;height:90px;display:flex;flex-direction:row;max-width:1316px;padding-left:10px;padding-right:30px;margin:0 auto;box-sizing:border-box}@media (max-width:1599px){.PlasmaPromotion__container{max-width:1080px}}@media (max-width:1309px){.PlasmaPromotion__container{max-width:952px}}@media (max-width:1023px){.PlasmaPromotion__container{max-width:100%}}.PlasmaPromotion__timerWrapper{display:flex;justify-content:center;align-items:center}@media (max-width:1023px){.PlasmaPromotion__timerWrapper{display:none}}.PlasmaPromotion__contentWrapper,.PlasmaPromotion__textWrapper{display:flex;justify-content:center;flex-grow:2}.PlasmaPromotion__textWrapper{align-items:center}.PlasmaPromotion__closeButton{position:absolute;right:10px;top:15px;width:12px;height:12px;background-color:transparent;padding:0;border:0;outline:0;cursor:pointer;opacity:.6;transition:opacity .3s}.PlasmaPromotion__closeButton:hover{opacity:1}.PlasmaPromotion__closeButton:after,.PlasmaPromotion__closeButton:before{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;top:50%;left:50%}.PlasmaPromotion__closeButton:after{transform:translate(-50%,-50%) rotate(45deg)}.PlasmaPromotion__closeButton:before{transform:translate(-50%,-50%) rotate(-45deg)}.PlasmaPromotion__actionButton,.PlasmaPromotion__actionButtonWrapper{display:flex;justify-content:center;align-items:center}.PlasmaPromotion__actionButton{padding:10px 20px;background-color:#fff;color:#000;white-space:nowrap;text-decoration:none;transition:background-color .3s;outline:0}.PlasmaPromotion__actionButton:focus,.PlasmaPromotion__actionButton:hover{background-color:#ccc}@keyframes moveDownPromotionBanner{0%{margin-top:-90px}to{margin-top:0}}@keyframes moveUpPromotionBanner{0%{margin-top:0}to{margin-top:-90px}}@keyframes moveDownWrapper{0%{top:-90px}to{top:0}}@keyframes moveUpWrapper{0%{top:0}to{top:-90px}}.PlasmaPromotionPopup{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(36,50,56,.9);z-index:-1}@media (max-width:1080px){.PlasmaPromotionPopup{padding:20px}}.PlasmaPromotionPopup--show{animation:popupFadeIn .4s ease-out forwards}.PlasmaPromotionPopup--show .PlasmaPromotionPopup__container{animation:popupContentFadeIn .4s ease-out forwards}.PlasmaPromotionPopup--hide{animation:popupFadeOut .4s ease-out 0s forwards}.PlasmaPromotionPopup--hide .PlasmaPromotionPopup__container{animation:popupContentFadeOut .4s ease-out forwards}.PlasmaPromotionPopup__wrapper{width:800px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1080px){.PlasmaPromotionPopup__wrapper{position:relative;top:0;left:0;transform:translate(0);margin-left:auto;margin-right:auto}}@media (max-width:952px){.PlasmaPromotionPopup__wrapper{max-width:100%}}.PlasmaPromotionPopup__container{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;padding:40px;transform:translateY(-50%);opacity:0}.PlasmaPromotionPopup__container,.PlasmaPromotionPopup__contentWrapper{display:flex;flex-direction:column;align-items:center}.PlasmaPromotionPopup__actionButtonWrapper,.PlasmaPromotionPopup__textWrapper{margin-top:40px}.PlasmaPromotionPopup__actionButton{display:flex;justify-content:center;align-items:center;padding:10px 20px;background-color:#aaa;color:#000;white-space:nowrap;text-decoration:none;transition:background-color .3s;outline:0}.PlasmaPromotionPopup__actionButton:focus,.PlasmaPromotionPopup__actionButton:hover{background-color:#ccc}.PlasmaPromotionPopup__closeButton{position:absolute;right:20px;top:20px;width:20px;height:20px;background-color:transparent;padding:0;border:0;outline:0;cursor:pointer;opacity:.6;transition:opacity .3s}.PlasmaPromotionPopup__closeButton:hover{opacity:1}.PlasmaPromotionPopup__closeButton:after,.PlasmaPromotionPopup__closeButton:before{content:"";display:block;width:100%;height:3px;background-color:#000;position:absolute;top:50%;left:50%}.PlasmaPromotionPopup__closeButton:after{transform:translate(-50%,-50%) rotate(45deg)}.PlasmaPromotionPopup__closeButton:before{transform:translate(-50%,-50%) rotate(-45deg)}@keyframes popupFadeIn{0%{z-index:-1;background-color:rgba(36,50,56,0)}to{z-index:999999;background-color:rgba(36,50,56,.9)}}@keyframes popupFadeOut{0%{z-index:999999;background-color:rgba(36,50,56,.9)}to{z-index:-1;background-color:rgba(36,50,56,0)}}@keyframes popupContentFadeIn{0%{transform:translateY(-50%) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes popupContentFadeOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50%) scale(.8);opacity:0}}.test{height:200vh;background-color:#b8caa6}