richpartners-telegram-sdk
Version:
richPartners ads telegram
1 lines • 6.04 kB
CSS
.notification-container{position:fixed;right:10px;left:10px;width:auto;z-index:1000;display:flex;flex-direction:column;gap:5px;background-color:rgba(231,231,231,.7);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:15px 10px}.notification-container.notification-container-bottom{bottom:20px}.notification-container.notification-container-top{top:20px}.notification-container.notification-container-middle{position:fixed;top:50%;transform:translate(0,-50%)}.rp-notification{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:5px;border-radius:10px;display:flex;align-items:center;transition:transform .3s;position:relative}.first-block{padding-top:20px}.notification-content{display:flex;align-items:center}.notification-icon{width:50px;height:50px;margin-right:10px;margin-left:3px}.notification-text h4{margin:0;font-size:16px;color:#666}.notification-text p{margin:5px 0 0;font-size:14px;color:#666}a.rp-notification{text-decoration:none;color:inherit}.close-btn,.telegram-interstitial-banner-close-btn,.telegram-interstitial-video-close-btn{position:absolute;top:10px;right:10px;width:20px;height:20px;background-color:#ffffff91;border-radius:20%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;outline:0;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:11000}.close-btn::after,.close-btn::before,.telegram-interstitial-banner-close-btn::after,.telegram-interstitial-banner-close-btn::before,.telegram-interstitial-video-close-btn::after,.telegram-interstitial-video-close-btn::before{content:'';position:absolute;width:16px;height:2px;background-color:#000;transform-origin:center}.close-btn::before,.telegram-interstitial-banner-close-btn::before,.telegram-interstitial-video-close-btn::before{transform:rotate(45deg)}.close-btn::after,.telegram-interstitial-banner-close-btn::after,.telegram-interstitial-video-close-btn::after{transform:rotate(-45deg)}.telegram-interstitial-banner-container,.telegram-interstitial-video-container{position:fixed;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column;gap:5px;backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2);top:0;opacity:0;animation:1.5s ease-in-out forwards fadeInBg;background-image:url("../img/tg-background.webp");background-attachment:fixed;background-size:cover;background-position:center;background-repeat:repeat-y}@keyframes fadeInBg{0%{opacity:0}100%{opacity:1}}.telegram-interstitial-video-block{position:relative}#playButton,.video-placeholder{position:absolute;font-size:18px;cursor:pointer}.video-placeholder{top:50%;left:50%;border:none;border-radius:50%;display:block;justify-content:center;align-items:center;background-color:#000;z-index:10}#playButton{transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:50px;height:50px;z-index:11}.telegram-interstitial-banner-ad-overlay,.telegram-interstitial-video-ad-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.55);display:flex;justify-content:center;align-items:center;z-index:9999}.telegram-interstitial-banner-ad-header,.telegram-interstitial-video-ad-header{display:flex;align-items:center;margin-bottom:10px}.telegram-interstitial-banner-ad-title,.telegram-interstitial-video-ad-title{font-size:16px;font-weight:700;color:#fff}.telegram-interstitial-banner-ad-image,.telegram-interstitial-video-ad-image{width:100%;max-height:65vh;min-width:200px;border-radius:8px;margin-bottom:10px}.telegram-interstitial-banner-ad-message,.telegram-interstitial-video-ad-message{font-size:14px;margin-bottom:8px;color:#b0b0b0}.telegram-interstitial-banner-ad-brand,.telegram-interstitial-video-ad-brand{font-size:14px;color:grey}.telegram-interstitial-banner-ad-button,.telegram-interstitial-video-ad-button{display:block;border-radius:5px;text-align:center;text-decoration:none;font-size:14px;font-weight:700;margin-top:10px;pointer-events:auto;background:#08c;color:#fff;padding:10px;box-shadow:0 2px 5px rgba(0,136,204,.5)}.telegram-interstitial-banner-ad-container,.telegram-interstitial-video-ad-container{display:flex;align-items:flex-end;gap:10px;position:relative;max-width:95vw;max-height:90vh;width:auto;height:auto;transform:scale(1);transform-origin:center}.telegram-interstitial-banner-ad-content,.telegram-interstitial-video-ad-content{display:flex;flex-direction:column;width:100%;height:100%;pointer-events:none}.telegram-interstitial-banner-icon,.telegram-interstitial-video-icon{width:50px;height:50px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2);bottom:35px;position:relative}.telegram-interstitial-banner-ad-block,.telegram-interstitial-video-ad-block{position:relative;border-radius:10px 10px 10px 0;width:auto;padding:8px;text-align:left;background:#23232e;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.5)}.telegram-interstitial-banner-ad-tail,.telegram-interstitial-video-ad-tail{position:absolute;left:-9px;width:0;height:0;border-top:10px solid transparent;border-right:10px solid #23232e;bottom:0}.telegram-interstitial-banner-ad-content-link,.telegram-interstitial-video-ad-content-link{all:unset}.telegram-interstitial-banner-timer,.telegram-interstitial-video-timer{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:18px;font-weight:700;color:#fff;background:#08c;padding:5px 10px;border-radius:5px;display:none}.telegram-interstitial-video-close,.video-mute-button{top:10px;border:none;width:40px;height:40px;justify-content:center}#closeAd,.telegram-interstitial-video-close,.video-mute-button{position:absolute;color:#fff;cursor:pointer;display:flex}.video-mute-button{left:10px;background:rgba(0,0,0,.5);border-radius:50%;font-size:18px;align-items:center}.telegram-interstitial-video-close{right:10px;background:rgba(0,0,0,.7);border-radius:50%;font-size:16px;align-items:center}#closeAd{top:-30px;right:5px;background:rgba(0,0,0,.6);border:none;width:100px;height:30px;font-size:14px;justify-content:center;align-items:center;z-index:1000}