- Scan ID:
- cc34d345-992f-4f7b-b954-8c9f2e2c16e9Finished
- Submitted URL:
- https://klr.bz/6XX6wRedirected
- Report Finished:
Links · 0 found
The outgoing links identified from the page
JavaScript Variables · 66 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| _0x13530e | function |
| publisher_token | string |
| script_code_size | string |
| viewable_imp | string |
| checkpackage | boolean |
| parent_url | string |
| language | string |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Offer Expired</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.message-container {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 20px 40px;
text-align: center;
}
.message-container h1 {
color: #333;
font-size: 24px;
margin-bottom: 10px;
}
.message-container p {
color: #666;
font-size: 16px;
margin-bottom: 20px;
}
.message-container a {
color: #007bff;
text-decoration: none;
font-weight: bold;
}
.message-container a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="message-container">
<h3>Link Not Supported by Offer Conditions.</h3>
<script src="https://pixel.whistle.mobi/feedAds.js" size="2" token="116378385233oOAaL_3590" vi="1"></script><div class="pixelMainDiv">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
box-sizing: border-box;
}
body {
margin: 0;
background: #fff;
}
.whistlefeedui .cube {
width: 100%;
height: 74px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
transform-style: preserve-3d;
animation: rotate 120s linear 30000ms forwards infinite;
margin-bottom: 28px;
}
.whistlefeedui .cube1 {
width: 280px;
height: 50px;
list-style: none;
margin: 0;
padding: 0;
position: relative;
transform-style: preserve-3d;
margin-bottom: 5px;
}
.whistlefeedui .cube2 {
animation-delay: 31000ms;
margin-top: 20px;
}
.whistlefeedui .cube3 {
animation-delay: 32000ms;
margin-top: 20px;
}
.whistlefeedui .cube4 {
animation-delay: 33000ms;
margin-top: 20px;
}
.whistlefeedui .cube5 {
animation-delay: 34000ms;
margin-top: 20px;
}
.whistlefeedui .cube6 {
animation-delay: 35000ms;
margin-top: 20px;
}
.whistlefeedui .box {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin: 0 !important;
}
/* Applying styles to each face */
.whistlefeedui .box1 {
transform: rotateY(0deg) translateZ(25px);
-webkit-transform: rotateY(0deg) translateZ(25px);
-moz-transform: rotateY(0deg) translateZ(25px);
-ms-transform: rotateY(0deg) translateZ(25px);
}
.whistlefeedui .box2 {
z-index: 1;
animation: rotateBox2 120s linear 30000ms forwards infinite;
transform: rotateX(-90deg) translateY(37px);
-ms-transform: rotateX(-90deg) translateY(37px);
-moz-transform: rotateX(-90deg) translateY(37px);
-webkit-transform: rotateX(-90deg) translateY(37px);
-o-transform: rotateX(-90deg) translateY(37px);
transform-origin: bottom;
}
.whistlefeedui .box3 {
-ms-transform: rotateY(180deg) translateZ(25px);
-moz-transform: rotateY(180deg) translateZ(25px);
-webkit-transform: rotateY(180deg) translateZ(25px);
-o-transform: rotateY(180deg) translateZ(25px);
transform: rotateY(180deg) translateZ(25px);
}
.whistlefeedui .box3 .divimage {
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.whistlefeedui .box4 {
z-index: 2;
animation: rotateBox4 120s linear 30000ms forwards infinite;
-ms-transform: rotateX(-90deg) translateY(-37px);
-moz-transform: rotateX(-90deg) translateY(-37px);
-webkit-transform: rotateX(-90deg) translateY(-37px);
-o-transform: rotateX(-90deg) translateY(-37px);
transform: rotateX(-90deg) translateY(-37px);
transform-origin: top;
}
.whistlefeedui .box4 .divimage {
transform: rotateX(180deg);
}
.whistlefeedui .box div {
width: 100%;
height: 100%;
justify-content: space-between;
border-radius: 6px;
}
.feed_cta_button {
height: 33px;
background: #fff;
border: none;
border-radius: 6px;
font-weight: 500;
font-size: 15px;
margin-right: 5px;
margin-top: 3px;
min-width: 65px;
white-space: nowrap;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
color:#3b3b3b !important;
box-shadow: -4px 4px 4px 2px #1414145e;
}
.whistlefeedui .box .subTexts{
font-size: 14.5px;
text-align: left;
padding: 0px 0px 0px 8px;
word-break: break-word;
font-family: sans-serif;
text-transform: capitalize;
margin-top: 1px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.whistlefeedui .headlines{
height: 22px;
padding: 0px 0px 0px 8px;
margin-bottom: 0;
font-size: 15.5px;
font-family: sans-serif;
margin-top: 0px;
font-weight: bold;
text-decoration: underline;
padding-top: 5px;
letter-spacing: 0.1px;
text-underline-offset: 1px;
text-transform: capitalize;
}
/* Animating the elements */
@keyframes rotate {
0% { transform: rotateX(0deg); }
0.5% { transform: rotateX(90deg); }
25% { transform: rotateX(90deg); }
25.5% { transform: rotateX(180deg); }
50% { transform: rotateX(180deg); }
50.5% { transform: rotateX(270deg); }
75% { transform: rotateX(270deg); }
75.5% { transform: rotateX(360deg); }
100% { transform: rotateX(360deg); }
}
/* added new code for rotaion issue */
@keyframes rotateBox2 {
0% { opacity: 1; }
49% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes rotateBox4 {
0% { opacity: 0; }
49% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 1; }
}
/*added new code for rotaion issue ends */
.cube .box .logo-txt {
margin: 0;
position: absolute;
right: 0;
bottom: -16px;
color: black;
font-size: 10.3px;
letter-spacing: 0.4px;
text-shadow: none;
opacity: 0;
font-weight: normal !important;
text-align: left;
padding: 0px 12px 0px 8px;
font-family: sans-serif;
text-transform: capitalize;
line-height: normal !important;
}
.cube .box.box1 .logo-txt {
opacity: 1;
animation: logoTxt1 linear 120s forwards 29500ms infinite;
}
.cube .box.box2 .logo-txt {
animation: logoTxt2 linear 120s forwards 29500ms infinite;
}
.cube .box.box3 .logo-txt {
transform: rotate(180deg);
bottom: auto;
top: -16px;
left: 0;
right: auto;
animation: logoTxt3 linear 120s forwards 29500ms infinite;
}
.cube .box.box4 .logo-txt {
bottom: auto;
top: -16px;
transform: rotateX(180deg);
animation: logoTxt4 linear 120s forwards 29500ms infinite;
}
.cube.cube2 .box .logo-txt {
animation-delay: 30500ms;
}
.cube.cube3 .box .logo-txt {
animation-delay: 31500ms;
}
.cube.cube4 .box .logo-txt {
animation-delay: 32500ms;
}
.cube.cube5 .box .logo-txt {
animation-delay: 33500ms;
}
.cube.cube6 .box .logo-txt {
animation-delay: 34500ms;
}
.cta-flex {
display: flex;
margin-top: 6px;
}
.cta-flex .subTexts{
height:fit-content;
width: 100%;
margin-bottom: 1px;
letter-spacing: 0.1px;
}
.adsCustomize {
max-width:300px;
width: 100%;
}
.sponsored_txt {
text-align: right;
font-family: 'Open Sans', sans-serif !important;
color: black;
margin: 0 !important;
margin-top: 5px !important;
margin-bottom: 3px !important;
font-size: 9.6px !important;
word-wrap: normal !important;
line-height: normal !important;
}
@keyframes logoTxt1 {
0% { opacity: 1; }
0.5% { opacity: 0; }
75% { opacity: 0; }
76.5% { opacity: 1; }
100% { opacity: 1; }
}
@keyframes logoTxt2 {
0% { opacity: 1; }
25% { opacity: 1; }
25.5% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes logoTxt3 {
0% { visibility: hidden; opacity: 0; }
25% { visibility: hidden; opacity: 0; }
25.5% { visibility: visible; opacity: 1; }
49.5% { visibility: visible; opacity: 1; }
50.5% { visibility: hidden; opacity: 0; }
100% { visibility: hidden; opacity: 0; }
}
@keyframes logoTxt4 {
0% { opacity: 0; }
50.5% { opacity: 0; }
51.5% { opacity: 1; }
74.5% { opacity: 1; }
75.5% { opacity: 0; }
100% { opacity: 0; }
}
.feed_cta_button:focus-visible {
outline: 0;
}
/* ---------------------------------- suhas design 1 --------------------------------------*/
.gradient-box{
list-style: none;
margin: 0 !important;
padding: 0 !important;
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
width: 100%;
}
.gradient-box > li{
width: 100%;
height: 3px;
position: absolute;
left: 0;
top: 0;
background-size: 100% 100%;
border-radius: 100px;
margin: 0 !important;
padding: 0 !important;
}
.gradient-box > li:nth-child(1){
background: linear-gradient(90deg, transparent, #dbb158);
background-repeat: no-repeat;
transform: translateX(-100%);
}
.gradient-box > li:nth-child(2){
background: linear-gradient(45deg, #dbb158,transparent);
background-repeat: no-repeat;
left: auto;
bottom: 0;
width: 3px;
height: 100%;
right: 0;
transform: translateY(-100%);
}
.gradient-box > li:nth-child(3){
background: linear-gradient(90deg, #dbb158, transparent);
background-repeat: no-repeat;
transform: translateX(100%);
top: auto;
bottom: 0;
}
.gradient-box > li:nth-child(4){
background: linear-gradient(45deg, transparent,#dbb158);
background-repeat: no-repeat;
width: 3px;
height: 100%;
right: auto;
transform: translateY(100%);
}
.adsCustomize {
position: relative;
padding: 0 10px;
}
.whistlefeedui .box .divimage {
background-color: #000;
box-shadow: 1px 2px 10px 2px rgb(0 0 0 / 20%);
background-size: 200% 200%;
animation: gradient 10s ease infinite;
}
.whistlefeedui .headlines {
color: #DBB158;
text-decoration: none;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 15px !important;
padding-top: 5px;
min-height: 26px;
margin-bottom: -3px;
}
.whistlefeedui .box .subTexts{
color: #fff;
line-height: 18px;
font-weight: 500;
}
.feed_cta_button{
box-shadow: 0px 5px 16px -10px rgb(0 0 0 / 70%);
background: #000;
color: #fff !important;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-weight: 600;
animation: scaleEffectBtn 2s linear infinite;
position: relative;
overflow: hidden;
letter-spacing: 1px;
border-radius: 15px;
border: 1px solid #DBB158 !important;
min-width: 75px;
height: 36px;
}
.feed_cta_button:before {
content: '';
position: absolute;
display: inline-block;
top: 0;
left: 84%;
width: 1px;
height: 100%;
background-color: rgb(255 255 255 / 60%);
animation: shiny-btn1 8s linear infinite;
box-shadow: 0px 0px 5px 2px rgb(255 255 255 / 60%);
z-index: -1;
transform: rotate(15deg);
}
@keyframes shiny-btn1 {
0% { left: -5%; }
20% { left: -5%; }
80% { left: 105%; }
100% { left: 105%; }
}
@keyframes scaleEffectBtn {
0% { transform: scale3d(1, 1, 1); }
33% { transform: scale3d(0.95, 0.95, 1); }
66% { transform: scale3d(1.03, 1.03, 1); }
100% { transform: scale3d(1, 1, 1); }
}
@keyframes gradientClr1 {
0% { transform: translateX(-100%); opacity: 1; }
49% { transform: translateX(100%); opacity: 1; }
49.1% { opacity: 0; }
49.9% { opacity: 0; transform: translateX(-100%); }
50% { transform: translateX(-100%); opacity: 1; }
99% { transform: translateX(100%); opacity: 1; }
99.1% { opacity: 0; }
99.9% { opacity: 0; transform: translateX(-100%); }
100% { transform: translateX(-100%); opacity: 1; }
}
@keyframes gradientClr2 {
0% { transform: translateY(-100%); opacity: 1; }
49% { transform: translateY(100%); opacity: 1; }
49.1% { opacity: 0; }
49.9% { opacity: 0; transform: translateY(-100%); }
50% { transform: translateY(-100%); opacity: 1; }
99% { transform: translateY(100%); opacity: 1; }
99.1% { opacity: 0; }
99.9% { opacity: 0; transform: translateY(-100%); }
100% { transform: translateY(-100%); opacity: 1; }
}
@keyframes gradientClr3 {
0% { transform: translateX(100%); opacity: 1; }
49% { transform: translateX(-100%); opacity: 1; }
49.1% { opacity: 0; }
49.9% { opacity: 0; transform: translateX(100%); }
50% { transform: translateX(100%); opacity: 1; }
99% { transform: translateX(-100%); opacity: 1; }
99.1% { opacity: 0; }
99.9% { opacity: 0; transform: translateX(100%); }
100% { transform: translateX(100%); opacity: 1; }
}
@keyframes gradientClr4 {
0% { transform: translateY(100%); opacity: 1; }
49% { transform: translateY(-100%); opacity: 1; }
49.1% { opacity: 0; }
49.9% { opacity: 0; transform: translateY(100%); }
50% { transform: translateY(100%); opacity: 1; }
99% { transform: translateY(-100%); opacity: 1; }
99.1% { opacity: 0; }
99.9% { opacity: 0; transform: translateY(100%); }
100% { transform: translateY(100%); opacity: 1; }
}
@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.adsCustomize ::marker {
content: '';
}
/* ---------------------------------- suhas design 1 end --------------------------------------*/
/* ---------------------------------- suhas web design start --------------------------------------*/
.adsCustomize.webDesignView {
max-width: 1096px;
}
.adsCustomize.webDesignView .sponsored_txt {
display: none;
}
.adsCustomize.webDesignView .whistlefeedui{
display: flex;
align-items: center;
margin: 40px 10px;
position: relative;
}
.adsCustomize.webDesignView .whistlefeedui .cube {
margin: 0 !important;
margin-right: 10px !important;
}
/* ---------------------------------- suhas web design end --------------------------------------*/
/* ---------------------------------- suhas two design change to one new design start --------------------------------------*/
.pixelMainDiv p {
background: transparent;
}
.newDesignForTwoAds {
min-width: 300px;
}
.newDesignForTwoAds .whistlefeedui .cube{
height: 195px;
margin-bottom: 30px;
margin-top: 10px;
}
.newDesignForTwoAds .whistlefeedui .headlines {
white-space: normal;
width: 100%;
text-overflow: clip;
word-break: break-word;
text-align: center;
font-weight: 600;
margin:0;
min-height: 100px;
font-size: 20px;
line-height: 30px !important;
letter-spacing: 0;
padding: 25px 10px 0;
color: #dbb158 !important;
font-family: sans-serif !important;
}
.newDesignForTwoAds .whistlefeedui .box2 {
transform: rotateX(-90deg) translateY(100px);
-ms-transform: rotateX(-90deg) translateY(100px);
-moz-transform: rotateX(-90deg) translateY(100px);
-webkit-transform: rotateX(-90deg) translateY(100px);
-o-transform: rotateX(-90deg) translateY(100px);
}
.newDesignForTwoAds .whistlefeedui .box4 {
-ms-transform: rotateX(-90deg) translateY(-100px);
-moz-transform: rotateX(-90deg) translateY(-100px);
-webkit-transform: rotateX(-90deg) translateY(-100px);
-o-transform: rotateX(-90deg) translateY(-100px);
transform: rotateX(-90deg) translateY(-100px);
}
.newDesignForTwoAds .whistlefeedui .box1 {
transform: rotateY(0deg) translateZ(60px);
-webkit-transform: rotateY(0deg) translateZ(60px);
-moz-transform: rotateY(0deg) translateZ(60px);
-ms-transform: rotateY(0deg) translateZ(60px);
}
.newDesignForTwoAds .whistlefeedui .box3 {
-ms-transform: rotateY(180deg) translateZ(60px);
-moz-transform: rotateY(180deg) translateZ(60px);
-webkit-transform: rotateY(180deg) translateZ(60px);
-o-transform: rotateY(180deg) translateZ(60px);
transform: rotateY(180deg) translateZ(60px);
}
.newDesignForTwoAds .cta-flex {
display: block;
margin: 0;
padding: 5px 30px;
}
.newDesignForTwoAds .feed_cta_button {
display: block;
margin: auto;
animation: scaleEffectBtnNone 2s linear infinite;
height: 40px;
float: none;
border-radius: 15px;
min-width: 31%;
font-size: 16px;
margin-right: 0;
letter-spacing: 0px;
background: #000;
box-shadow: none;
border: 1px solid #dbb158;
color: #fff !important;
}
.newDesignForTwoAds .whistlefeedui .box .subTexts {
padding: 0 !important;
margin-bottom: 5px;
font-weight: 500;
line-height: 20px;
font-size: 16px;
margin: 0;
text-align: left;
-webkit-line-clamp: 4;
padding-right: 10px !important;
}
.newDesignForTwoAds .whistlefeedui .box div {
border-radius: 15px;
}
.newDesignForTwoAds .feed_cta_button:before {
animation-duration: 20s;
}
/* .newDesignForTwoAds .cube .box .logo-txt {
font-size: 12px;
bottom: -22px;
right: 5px;
font-weight: 300 !important;
} */
.newDesignForTwoAds .cube .box.box3 .logo-txt {
top: -22px;
bottom: auto;
right: auto;
}
/* .newDesignForTwoAds .sponsored_txt {
padding: 0;
margin-top: 12px !important;
padding-right: 5px;
font-size: 8px !important;
position: absolute;
left: 10px;
bottom: 13px;
z-index: 111;
} */
.newDesignForTwoAds .sponsored_txt {
padding: 0;
}
.newDesignForTwoAds .sponsored_txt b {
font-weight: 500;
}
.newDesignForTwoAds .cube .box.box4 .logo-txt {
top: -22px;
bottom: auto;
}
.newDesignForTwoAds .feed_cta_button:active {
box-shadow: 0 5px #666;
top: 4px;
}
.newDesignForTwoAds .whistlefeedui .box .cta-flex{
display: flex;
height: 80px;
padding: 0 12px;
align-items: center;
padding-top: 10px;
}
.newDesignForTwoAds .whistlefeedui .box .divimage {
background: linear-gradient(-45deg, #262626, #0e0e0e);
}
@keyframes scaleEffectBtnNone {
0% { transform: scale3d(1, 1, 1); }
100% { transform: scale3d(1, 1, 1); }
}
/* ---------------------------------- suhas two design change to one new design end --------------------------------------*/
/* ---------------------------------- suhas rm Sponsored txt start --------------------------------------*/
.adsCustomize.removeSponsored .sponsored_txt {
opacity: 0;
}
/* ---------------------------------- suhas rm Sponsored txt end --------------------------------------*/
#container_customize.removeAnimation .gradient-box {
opacity: 0;
}
#container_customize.removeAnimation .whistlefeedui * {
animation: none;
}
#container_customize.removeAnimation {
pointer-events: none;
}
/* ---------------------------------- suhas voot app design(320x50)(728x90)(970x90) start --------------------------------------*/
.vootAppDesign.adsCustomize {
max-width: 970px;
padding: 0;
}
.vootAppDesign .whistlefeedui .headlines{
padding-left: 25px;
letter-spacing: 1.4px;
font-size: 32px;
line-height: 26px !important;
min-height: 40px;
padding-top: 10px;
}
.vootAppDesign .whistlefeedui .box .subTexts {
font-size: 22px;
padding-left: 25px;
letter-spacing: 1.4px;
}
.vootAppDesign .feed_cta_button {
margin-right: 25px;
height: 45px;
top: -30px;
min-width: 140px;
}
.vootAppDesign .sponsored_txt {
display: none;
}
.vootAppDesign .whistlefeedui .cube {
margin: 0;
}
@media(max-width:900px){
.vootAppDesign.adsCustomize {
max-width: 728px;
}
.vootAppDesign .whistlefeedui .headlines {
font-size: 30px;
}
.vootAppDesign .whistlefeedui .box .subTexts {
font-size: 19px;
}
.vootAppDesign .feed_cta_button {
min-width: 115px;
}
.vootAppDesign .whistlefeedui .headlines,.vootAppDesign .whistlefeedui .box .subTexts{
padding-left: 8px;
letter-spacing: 0.1px;
}
.vootAppDesign .feed_cta_button {
margin-right: 5px;
}
}
@media(max-width:1000px){
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 200px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_1440_responsive 1500ms forwards !important;
}
.feedLikeShareBtn.active lines:nth-child(1) {animation: asd1 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(2) {animation: asd2 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(3) {animation: asd3 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(4) {animation: asd4 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(5) {animation: asd5 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(6) {animation: asd6 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(7) {animation: asd7 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(8) {animation: asd8 0.6s forwards;}
@keyframes animationMain_1440_responsive {
0% {
transform: scale(0.2, 1.3);
}
20% {
top: 10px;
transform: scale(0.5);
left: 200px;
}
40% {
top: 8px;
left: 200px;
transform: scale(0.1);
}
90% {
top: -90px;
left: 200px;
transform: scale(3);
opacity: 0.3;
}
100% {
top: -90px;
left: 200px;
transform: scale(0);
}
}
}
@media(max-width:1024px){
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 250px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_1440-160_responsive 1500ms forwards !important;
}
.feedLikeShareBtn.active lines:nth-child(1) {animation: asd1 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(2) {animation: asd2 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(3) {animation: asd3 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(4) {animation: asd4 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(5) {animation: asd5 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(6) {animation: asd6 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(7) {animation: asd7 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(8) {animation: asd8 0.6s forwards;}
@keyframes animationMain_1440-160_responsive {
0% {
transform: scale(0.2, 1.3);
}
20% {
top: 10px;
transform: scale(0.5);
left: 250px;
}
40% {
top: 8px;
left: 250px;
transform: scale(0.1);
}
90% {
top: -90px;
left: 250px;
transform: scale(3);
opacity: 0.3;
}
100% {
top: -90px;
left: 250px;
transform: scale(0);
}
}
}
@media(max-width:680px){
.vootAppDesign .whistlefeedui .cube {
margin-bottom: 10px;
height: 40px;
}
.vootAppDesign .whistlefeedui .headlines {
font-size: 12px;
min-height: 23px;
line-height: 15px !important;
padding-top: 5px;
margin: 0;
}
.vootAppDesign .whistlefeedui .box .subTexts {
font-size: 8px;
line-height: 15px;
margin: 0;
}
.vootAppDesign .cta-flex {
margin-top: 0px;
}
.vootAppDesign .feed_cta_button {
margin-top: -15px;
min-width: 50px;
height: 30px;
font-size: 12px;
top: auto;
}
.vootAppDesign .sponsored_txt {
display: none;
}
.vootAppDesign.adsCustomize {
max-width: 320px;
padding: 0;
}
.vootAppDesign .cube .box .logo-txt {
font-size: 8px;
}
.vootAppDesign .whistlefeedui .cube {
margin: 0;
}
.vootAppDesign .whistlefeedui .box1 {
transform: rotateY(0deg) translateZ(20px);
-webkit-transform: rotateY(0deg) translateZ(20px);
-moz-transform: rotateY(0deg) translateZ(20px);
-ms-transform: rotateY(0deg) translateZ(20px);
}
.vootAppDesign .whistlefeedui .box2 {
transform: rotateX(-90deg) translateY(20px);
-ms-transform: rotateX(-90deg) translateY(20px);
-moz-transform: rotateX(-90deg) translateY(20px);
-webkit-transform: rotateX(-90deg) translateY(20px);
-o-transform: rotateX(-90deg) translateY(20px);
}
.vootAppDesign .whistlefeedui .box3 {
-ms-transform: rotateY(180deg) translateZ(20px);
-moz-transform: rotateY(180deg) translateZ(20px);
-webkit-transform: rotateY(180deg) translateZ(20px);
-o-transform: rotateY(180deg) translateZ(20px);
transform: rotateY(180deg) translateZ(20px);
}
.vootAppDesign .whistlefeedui .box4 {
-ms-transform: rotateX(-90deg) translateY(-20px);
-moz-transform: rotateX(-90deg) translateY(-20px);
-webkit-transform: rotateX(-90deg) translateY(-20px);
-o-transform: rotateX(-90deg) translateY(-20px);
transform: rotateX(-90deg) translateY(-20px);
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
font-size: 24px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button{
min-width: 28% !important;
margin-top: -22px;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts {
line-height: 22px;
font-size: 15px !important;;
}
}
@media(max-width:428px){
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
font-size: 32px !important;
line-height: 48px !important;
padding-top: 9px;
}
.size_640-400 ~.pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts{
line-height: 38px;
font-size: 20px !important;;
margin-bottom: -50px;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button{
margin-top: 45px;
font-size: 22px !important;
}
.size_640-400 ~ .pixelMainDiv .bo .tmsConditions{
margin-top: 55px !important;
font-size: 14px !important;
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain{
height: 62px !important;
}
.likeShareMain > div{
font-size: 26px;
}
.size_640-400 ~ .pixelMainDiv .bo .feedLikeShareBtn{
line-height: 60px;
}
.size_640-400 ~ .feedLikeShareBtn.feedLikeBtn .main {
width: 35px;
height :25px
}
.size_640-400 ~ .feedLikeShareBtn.feedShareBtn svg {
width: 35;
height: 25;
}
.size_640-400 ~ .pixelMainDiv .bo animationnumber {
left: 75px !important;
animation: plus1 2s forwards 1s;
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 75px !important;
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640_responsive 1500ms forwards !important;
}
.feedLikeShareBtn.active lines:nth-child(1) {animation: asd1 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(2) {animation: asd2 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(3) {animation: asd3 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(4) {animation: asd4 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(5) {animation: asd5 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(6) {animation: asd6 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(7) {animation: asd7 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(8) {animation: asd8 0.6s forwards;}
@keyframes animationMain_640_responsive {
0% {
transform: scale(0.2, 1.3);
}
20% {
top: 10px;
transform: scale(0.5);
left: 75px;
}
40% {
top: 8px;
left: 75px;
transform: scale(0.1);
}
90% {
top: -90px;
left: 75px;
transform: scale(3);
opacity: 0.3;
}
100% {
top: -90px;
left: 75px;
transform: scale(0);
}
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
font-size: 16px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button{
min-width: 28%;
margin-top: -22px;
}
.size_1440-160 ~ .pixelMainDiv .bo .subTexts {
line-height: 22px;
font-size: 12px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines{
font-size : 37px !important;;
}
.size_600-360 ~.pixelMainDiv .bo .subTexts {
font-size : 24px !important;;
}
.size_600-360 ~ .pixelMainDiv .bo animationnumber {
left: 75px !important;
animation: plus1 2s forwards 1s;
}
.size_600-360 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 75px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640_responsive 1500ms forwards !important;
}
.size_1440-160 ~ .pixelMainDiv .bo animationnumber {
left: 75px !important;
animation: plus1 2s forwards 1s;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 75px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640_responsive 1500ms forwards !important;
}
}
@media(max-width:355px){
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button{
font-size : 18px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
font-size: 18px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button{
font-size : 20px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts {
line-height: 45px;
font-size: 16px !important;;
margin-top: 23px;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button {
height: 62px;
font-size: 20px !important;
margin-top: 92px;
}
.size_640-400 ~.pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts {
line-height: 40px;
font-size: 19px !important;;
margin-bottom: -90px;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button {
height: 36px;
min-width: 33%;
margin-top: -17px;
font-size:19px !important;;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts{
font-size: 13px !important;;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
text-align: left;
font-size: 19px !important;;
line-height: 30px !important;
min-height: 99px;
}
.size_640-400 ~ .pixelMainDiv .bo animationnumber {
left: 60px !important;
animation: plus1 2s forwards 1s;
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 60px !important;
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640_responsive_2 1500ms forwards !important;
}
.feedLikeShareBtn.active lines:nth-child(1) {animation: asd1 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(2) {animation: asd2 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(3) {animation: asd3 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(4) {animation: asd4 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(5) {animation: asd5 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(6) {animation: asd6 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(7) {animation: asd7 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(8) {animation: asd8 0.6s forwards;}
@keyframes animationMain_640_responsive_2 {
0% {
transform: scale(0.2, 1.3);
}
20% {
top: 10px;
transform: scale(0.5);
left: 60px;
}
40% {
top: 8px;
left: 60px;
transform: scale(0.1);
}
90% {
top: -90px;
left: 60px;
transform: scale(3);
opacity: 0.3;
}
100% {
top: -90px;
left: 60px;
transform: scale(0);
}
}
.size_600-360 ~ .pixelMainDiv .bo animationnumber {
left: 60px !important;
animation: plus1 2s forwards 1s;
}
.size_600-360 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 60px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640_responsive_2 1500ms forwards !important;
}
.size_1440-160 ~ .pixelMainDiv .bo animationnumber {
left: 60px !important;
animation: plus1 2s forwards 1s;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 60px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640_responsive_2 1500ms forwards !important;
}
}
/* ---------------------------------- suhas voot app design(320x50)(728x90)(970x90) end --------------------------------------*/
/* ---------------------------------- suhas design(320x50)(320x100) start --------------------------------------*/
.esakalDesign .whistlefeedui .headlines,
.size50 ~ .pixelMainDiv .bo .whistlefeedui .headlines {
font-size: 12px;
min-height: 23px;
}
.esakalDesign .whistlefeedui .box .subTexts,
.size50 ~ .pixelMainDiv .bo .whistlefeedui .box .subTexts {
font-size: 8px;
line-height: 15px;
}
.esakalDesign .cta-flex,
.size50 ~ .pixelMainDiv .bo .cta-flex,
.size100 ~ .pixelMainDiv .bo .cta-flex {
margin-top: 0px;
}
.esakalDesign .feed_cta_button,
.size50 ~ .pixelMainDiv .bo .feed_cta_button {
margin-top: -15px;
min-width: 50px;
height: 30px;
font-size: 12px;
}
.esakalDesign .sponsored_txt,
.size50 ~ .pixelMainDiv .bo .sponsored_txt,
.size100 ~ .pixelMainDiv .bo .sponsored_txt {
font-size: 7.6px !important;
position: absolute;
bottom: -13px;
left: 0px;
}
.esakalDesign.adsCustomize,
.size50 ~ .pixelMainDiv .bo .adsCustomize,
.size100 ~ .pixelMainDiv .bo .adsCustomize {
max-width: 320px;
padding: 0;
}
.esakalDesign .cube .box .logo-txt,
.size50 ~ .pixelMainDiv .bo .cube .box .logo-txt {
font-size: 8px;
}
.esakalDesign .whistlefeedui .cube,
.size50 ~ .pixelMainDiv .bo .whistlefeedui .cube {
height: 40px;
margin: 0;
}
.size100 ~ .pixelMainDiv .bo .whistlefeedui .cube {
margin: 0;
}
.esakalDesign .whistlefeedui .box1,
.size50 ~ .pixelMainDiv .bo .whistlefeedui .box1 {
transform: rotateY(0deg) translateZ(20px);
-webkit-transform: rotateY(0deg) translateZ(20px);
-moz-transform: rotateY(0deg) translateZ(20px);
-ms-transform: rotateY(0deg) translateZ(20px);
}
.esakalDesign .whistlefeedui .box2,
.size50 ~ .pixelMainDiv .bo .whistlefeedui .box2 {
transform: rotateX(-90deg) translateY(20px);
-ms-transform: rotateX(-90deg) translateY(20px);
-moz-transform: rotateX(-90deg) translateY(20px);
-webkit-transform: rotateX(-90deg) translateY(20px);
-o-transform: rotateX(-90deg) translateY(20px);
}
.esakalDesign .whistlefeedui .box3,
.size50 ~ .pixelMainDiv .bo .whistlefeedui .box3 {
-ms-transform: rotateY(180deg) translateZ(20px);
-moz-transform: rotateY(180deg) translateZ(20px);
-webkit-transform: rotateY(180deg) translateZ(20px);
-o-transform: rotateY(180deg) translateZ(20px);
transform: rotateY(180deg) translateZ(20px);
}
.esakalDesign .whistlefeedui .box4,
.size50 ~ .pixelMainDiv .bo .whistlefeedui .box4 {
-ms-transform: rotateX(-90deg) translateY(-20px);
-moz-transform: rotateX(-90deg) translateY(-20px);
-webkit-transform: rotateX(-90deg) translateY(-20px);
-o-transform: rotateX(-90deg) translateY(-20px);
transform: rotateX(-90deg) translateY(-20px);
}
/* ---------------------------------- suhas design(320x50)(320x100) end --------------------------------------*/
/* ---------------------------------- suhas design(728x90) start --------------------------------------*/
.size728-90 ~ .pixelMainDiv .bo .whistlefeedui .cube {
margin: 0;
}
.size728-90 ~ .pixelMainDiv .bo .adsCustomize {
max-width: 728px;
padding: 0;
}
.size728-90 ~ .pixelMainDiv .bo .sponsored_txt {
display: none;
}
.size728-90 ~ .pixelMainDiv .bo .whistlefeedui .headlines {
font-size: 30px;
line-height: 26px !important;
min-height: 40px;
padding-top: 10px;
}
.size728-90 ~ .pixelMainDiv .bo .whistlefeedui .box .subTexts {
font-size: 19px;
}
.size728-90 ~ .pixelMainDiv .bo .feed_cta_button {
min-width: 115px;
height: 45px;
top: -30px;
}
/* ---------------------------------- suhas design(728x90) end --------------------------------------*/
/* ---------------------------------- suhas design(600x360 && 640x400) start --------------------------------------*/
.size600-360 ~ .pixelMainDiv .bo .adsCustomize {
max-width: 600px;
}
.size600-360 ~ .pixelMainDiv .bo .adsCustomize .whistlefeedui .headlines {
line-height: 36px !important;
min-height: 36px;
}
.size600-360 ~ .pixelMainDiv .bo .feed_cta_button,
.size1440-160 ~ .pixelMainDiv .bo .feed_cta_button,
.adsCustomize.size1440-160 .feed_cta_button {
margin-top: -15px;
}
.size600-360 ~ .pixelMainDiv .bo .whistlefeedui .cube {
margin-bottom: 40px;
}
/* ---------------------------------- suhas design(600x360 && 640x400) end --------------------------------------*/
/* ---------------------------------- suhas design(1440x160) start --------------------------------------*/
.size1440-160 ~ .pixelMainDiv .bo .adsCustomize,
.adsCustomize.size1440-160 {
max-width: 1440px;
padding: 0 0 10px 0;
}
.size1440-160 ~ .pixelMainDiv .bo .whistlefeedui .cube,
.adsCustomize.size1440-160 .whistlefeedui .cube {
margin: 0px;
}
.size1440-160 ~ .pixelMainDiv .bo .gradient-box,
.adsCustomize.size1440-160 .gradient-box {
display: none;
}
.size1440-160 ~ .pixelMainDiv .bo .sponsored_txt,
.adsCustomize.size1440-160 .sponsored_txt {
padding-right: 5px;
position: absolute;
left: 0;
bottom: -5px;
z-index: 111;
}
/* ---------------------------------- suhas design(1440x160) end --------------------------------------*/
/* ---------------------------------- suhas design(200x200) start --------------------------------------*/
.size200-200 ~ .pixelMainDiv .bo .adsCustomize {
max-width: 200px;
padding: 0;
}
.size200-200 ~ .pixelMainDiv .bo .adsCustomize.newDesignForTwoAds .whistlefeedui .cube {
margin: 0;
height: 180px;
}
.size200-200 ~ .pixelMainDiv .bo .newDesignForTwoAds .sponsored_txt {
bottom: -20px;
left: 0;
}
.size200-200 ~ .pixelMainDiv .bo .newDesignForTwoAds .cube .box .logo-txt {
font-size: 10px;
}
.size200-200 ~ .pixelMainDiv .bo .gradient-box {
display: none;
}
.size200-200 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
padding-top: 10px;
line-height: 25px !important;
font-size: 20px;
min-height: 70px;
}
.size200-200 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .cta-flex {
flex-direction: column;
}
.size200-200 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts {
font-size: 13px;
padding: 0 !important;
}
.size200-200 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button {
margin: auto;
min-width: 50%;
top: 15px;
}
/* ---------------------------------- suhas design(200x200) end --------------------------------------*/
/* ---------------------------------- suhas design(640x400) start --------------------------------------*/
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds {
max-width: 640px;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .cube {
margin-bottom: -4px;
height: 384.5px;
}
.size_640-400 ~ .pixelMainDiv .bo .tmsConditions {
font-size: 11px !important;
margin-top: 69px !important;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .cta-flex {
height: 116px;
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain {
height: 50px !important;
margin-top: 7px;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
font-size: 45px;
line-height: 65px !important;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button {
height: 70px;
font-size: 27px;
margin-top: 68px;
}
.size_640-400 ~.pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts {
line-height: 50px;
font-size: 32px;
margin-bottom: -85px;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
min-height: 130px;
}
.size_640-400 ~ .pixelMainDiv .bo .sponsored_txt {
font-size: 9.8px !important;
}
.size_640-400 ~.pixelMainDiv .bo .feedLikeShareBtn{
line-height: 36px;
}
.size_640-400 ~ .pixelMainDiv .bo .feedShareBtn{
line-height: 33px ;
}
.size_640-400 ~ .pixelMainDiv .bo .feedLikeShareBtn.feedShareBtn svg {
margin-top: 6px;
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box4 {
-ms-transform: rotateX(-90deg) translateY(-191px);
-moz-transform: rotateX(-90deg) translateY(-191px);
-webkit-transform: rotateX(-90deg) translateY(-191px);
-o-transform: rotateX(-90deg) translateY(-191px);
transform: rotateX(-90deg) translateY(-191px);
}
.size_640-400 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box2 {
transform: rotateX(-90deg) translateY(191px);
-ms-transform: rotateX(-90deg) translateY(191px);
-moz-transform: rotateX(-90deg) translateY(191px);
-webkit-transform: rotateX(-90deg) translateY(191px);
-o-transform: rotateX(-90deg) translateY(191px);
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 145px;
top:20px;
}
.size_640-400 ~ .pixelMainDiv .bo animationnumber {
left: 145px;
animation: plus1 2s forwards 1s;
}
.size_640-400 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640 1500ms forwards;
}
.feedLikeShareBtn.active lines:nth-child(1) {animation: asd1 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(2) {animation: asd2 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(3) {animation: asd3 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(4) {animation: asd4 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(5) {animation: asd5 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(6) {animation: asd6 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(7) {animation: asd7 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(8) {animation: asd8 0.6s forwards;}
@keyframes animationMain_640 {
0% {
transform: scale(0.2, 1.3);
}
20% {
top: 10px;
transform: scale(0.5);
left: 130px;
}
40% {
top: 8px;
left: 130px;
transform: scale(0.1);
}
90% {
top: -90px;
left: 130px;
transform: scale(3);
opacity: 0.3;
}
100% {
top: -90px;
left: 130px;
transform: scale(0);
}
}
/* ---------------------------------- suhasdesign(640x400) end --------------------------------------*/
/* ---------------------------------- suhas design(600x360) start SCK --------------------------------------*/
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds {
max-width: 600px;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .cube {
margin-bottom: -4px;
height: 344.5px;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
min-height: 102px;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
font-size: 42px;
line-height: 50px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .cta-flex {
height: 161px;
}
.size_600-360 ~ .pixelMainDiv .bo .likeShareMain {
height: 50px;
margin-top: 8px;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .subTexts {
line-height: 45px;
font-size: 31px;
margin-top: 20px;
}
.size_600-360 ~ .pixelMainDiv .bo .tmsConditions {
font-size: 11px !important;
margin-top: 11px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button {
height: 65px;
font-size: 23px;
margin-top: 62px;
}
.size_600-360 ~ .pixelMainDiv .bo .sponsored_txt {
font-size: 9.8px !important;
}
.size_600-360 ~ .pixelMainDiv .bo .feedLikeShareBtn{
line-height: 36px;
}
.size_600-360 ~ .pixelMainDiv .bo .feedShareBtn{
line-height: 33px ;
}
.size_600-360 ~ .pixelMainDiv .bo .feedLikeShareBtn.feedShareBtn svg {
margin-top: 6px;
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box4 {
-ms-transform: rotateX(-90deg) translateY(-170px);
-moz-transform: rotateX(-90deg) translateY(-170px);
-webkit-transform: rotateX(-90deg) translateY(-170px);
-o-transform: rotateX(-90deg) translateY(-170px);
transform: rotateX(-90deg) translateY(-170px);
}
.size_600-360 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box2 {
transform: rotateX(-90deg) translateY(170px);
-ms-transform: rotateX(-90deg) translateY(170px);
-moz-transform: rotateX(-90deg) translateY(170px);
-webkit-transform: rotateX(-90deg) translateY(170px);
-o-transform: rotateX(-90deg) translateY(170px);
}
.size_600-360 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 140px;
top:20px;
}
.size_600-360 ~ .pixelMainDiv .bo animationnumber {
left: 140px;
animation: plus1 2s forwards 1s;
}
.size_600-360 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_640 1500ms forwards;
}
/* ---------------------------------- suhas design(600x360) end --------------------------------------*/
/* ---------------------------------- suhas design(1440x160) start SJB --------------------------------------*/
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds {
max-width : 1440px !important;
width : 100%;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .cta-flex {
height: 0px;
margin-top : -32px;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button{
height : 33px;
min-width: 12%;
margin-top: -17px;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .cube {
height: 138px;
margin-bottom: 3.1px;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain {
height: 33px;
font-size: 10px;
margin-top:7px;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines {
text-align: left;
font-size: 29px;
line-height: 30px !important;
min-height : 99px;
}
.size_1440-160 ~ .pixelMainDiv .bo .tmsConditions {
margin-top: 26px !important;
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box4 {
-ms-transform: rotateX(-90deg) translateY(-70px);
-moz-transform: rotateX(-90deg) translateY(-70px);
-webkit-transform: rotateX(-90deg) translateY(-70px);
-o-transform: rotateX(-90deg) translateY(-70px);
transform: rotateX(-90deg) translateY(-70px);
}
.size_1440-160 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box2 {
transform: rotateX(-90deg) translateY(70px);
-ms-transform: rotateX(-90deg) translateY(70px);
-moz-transform: rotateX(-90deg) translateY(70px);
-webkit-transform: rotateX(-90deg) translateY(70px);
-o-transform: rotateX(-90deg) translateY(70px);
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain lines {
left: 340px;
}
.size_1440-160 ~ .pixelMainDiv .bo animationnumber {
left: 340px;
}
.size_1440-160 ~ .pixelMainDiv .bo .likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain_1440 1500ms forwards;
}
.feedLikeShareBtn.active lines:nth-child(1) {animation: asd1 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(2) {animation: asd2 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(3) {animation: asd3 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(4) {animation: asd4 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(5) {animation: asd5 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(6) {animation: asd6 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(7) {animation: asd7 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(8) {animation: asd8 0.6s forwards;}
@keyframes animationMain_1440 {
0% {
transform: scale(0.2, 1.3);
}
20% {
top: 10px;
transform: scale(0.5);
left: 340px;
}
40% {
top: 8px;
left: 340px;
transform: scale(0.1);
}
90% {
top: -90px;
left: 340px;
transform: scale(3);
opacity: 0.3;
}
100% {
top: -90px;
left: 340px;
transform: scale(0);
}
}
/* ---------------------------------- suhas design(1440x160) end --------------------------------------*/
/* --------------------------------------- 320 * 250 (start)----------------------------------------- */
.size320-250 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .cube {
height: 210px;
}
.size320-250 ~ .pixelMainDiv .bo .newDesignForTwoAds {
max-width: 320px;
padding : 3px 10px;
}
.size320-250 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines{
font-size: 25px;
line-height: 36px !important;
min-height: 75px;
}
.size320-250 ~ .pixelMainDiv .bo .whistlefeedui .box .subTexts {
font-size: 15.5px;
line-height: 28px;
margin-top: 10px;
}
.size320-250 ~ .pixelMainDiv .bo .tmsConditions{
font-size: 8px;
margin-bottom: -19px !important;
margin-top: 15px !important;
}
.size320-250 ~ .pixelMainDiv .bo .likeShareMain{
margin-top : 21px;
}
.size320-250 ~ .pixelMainDiv .bo .sponsored_txt{
margin-bottom : 6px;
padding: 2.5px !important;
}
/* ---------------------------------------- 320 * 50 (start) -------------------------------------*/
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .cube {
height: 46.1px;
margin-bottom: 0px !important;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds {
max-width: 320px;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .headlines{
font-size: 10px !important;
padding-top : 1px !important;
min-height : 21px;
line-height : 22px !important;
text-align : left !important;
margin-left: 1px !important;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .feed_cta_button{
height: 10px !important;
font-size: 6px;
min-width : 22% !important;
margin-top: 27px;
padding-bottom: 9px !important;
padding-top : 2px;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .cta-flex {
margin-bottom: -64px;
margin-top: -26px;
height: 81px;
}
.size320-50 ~ .pixelMainDiv .bo .whistlefeedui .box .subTexts {
font-size: 8.5px;
font-weight : 500 !important;
margin-top: -10px !important;
line-height: 12px;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .whistlefeedui .box .divimage{
border-radius : 6px !important;
}
.size320-50 ~ .pixelMainDiv .bo .tmsConditions{
font-size : 4px;
margin-bottom: -17px !important;
margin-top: 26px !important;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .cube .box.box1 .logo-txt, .size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .cube .box.box2 .logo-txt {
top : -7px !important;
font-size:6px;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .cube .box.box3 .logo-txt {
font-size: 6px;
bottom: -8px;
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .sponsored_txt {
margin-top: -4px !important;
margin-bottom: 2px !important;
font-size: 5px !important;
}
.size320-50 ~ .pixelMainDiv .bo .likeShareMain {
display : none !important;
}
.size320-50 ~ .pixelMainDiv .bo .whistlefeedui .box1 {
transform: rotateY(0deg) translateZ(20px);
-webkit-transform: rotateY(0deg) translateZ(20px);
-moz-transform: rotateY(0deg) translateZ(20px);
-ms-transform: rotateY(0deg) translateZ(20px);
}
.size320-50 ~ .pixelMainDiv .bo .whistlefeedui .box2 {
transform: rotateX(-90deg) translateY(23px);
-ms-transform: rotateX(-90deg) translateY(23px);
-moz-transform: rotateX(-90deg) translateY(23px);
-webkit-transform: rotateX(-90deg) translateY(23px);
-o-transform: rotateX(-90deg) translateY(23px);
}
.size320-50 ~ .pixelMainDiv .bo .whistlefeedui .box3 {
-ms-transform: rotateY(180deg) translateZ(20px);
-moz-transform: rotateY(180deg) translateZ(20px);
-webkit-transform: rotateY(180deg) translateZ(20px);
-o-transform: rotateY(180deg) translateZ(20px);
transform: rotateY(180deg) translateZ(20px);
}
.size320-50 ~ .pixelMainDiv .bo .whistlefeedui .box4 {
-ms-transform: rotateX(-90deg) translateY(-23px);
-moz-transform: rotateX(-90deg) translateY(-23px);
-webkit-transform: rotateX(-90deg) translateY(-23px);
-o-transform: rotateX(-90deg) translateY(-23px);
transform: rotateX(-90deg) translateY(-23px);
}
.size320-50 ~ .pixelMainDiv .bo .newDesignForTwoAds .cube .box.box4 .logo-txt {
font-size:6px;
top: 47px !important;
}
/*--------------------------------- 320 * 50( end)----------------------------*/
.tmsConditions {
margin: 0;
font-size: 6px;
color: #fff;
text-align: right;
padding-right: 10px;
display:none;
margin-bottom: 5px;
}
.newDesignForTwoAds .tmsConditions {
display:block;
}
/* ---------------------------------- suhas design like share start --------------------------------------*/
.newDesignForTwoAds a {
-webkit-tap-highlight-color: transparent;
}
.newDesignForTwoAds .whistlefeedui .cube {
margin-bottom: 10px;
margin-top: 0;
height: 207px;
}
.newDesignForTwoAds .sponsored_txt {
text-align: left;
}
.newDesignForTwoAds .cube .box .logo-txt {
bottom: auto;
top: -14px;
margin-right: 5px;
}
.newDesignForTwoAds .whistlefeedui .headlines {
padding-top: 10px;
min-height: 85px;
}
.newDesignForTwoAds .cube .box.box3 .logo-txt {
top: auto;
bottom: -15px;
}
.newDesignForTwoAds .cube .box.box4 .logo-txt {
top: auto;
}
.newDesignForTwoAds .whistlefeedui .box .cta-flex {
display: flex;
height: 75px;
padding: 0 12px;
align-items: center;
padding-top: 0;
}
.likeShareMain {
color: #000;
display: none;
text-align: center;
align-items: center;
height: 35px;
justify-content: center;
border-radius: 0px 0px 15px 15px;
font-family: sans-serif !important;
font-size: 14px;
background-color: #e2e2e2;
position: relative;
}
.newDesignForTwoAds .likeShareMain {
display: flex;
}
.likeShareMain > div {
background-color: #e2e2e2;
border-radius: 0 !important;
padding-top: 8px;
transition: all 0.5s ease;
box-shadow: inset -1px 4px 10px 3px rgb(30 30 30 / 10%);
font-size: 20px;
}
.likeShareMain > div:nth-child(1) {
border-radius: 0 0 0 15px !important;
}
.likeShareMain > div:nth-child(2) {
border-radius: 0 0 15px 0 !important;
}
.likeShareMain > div.active {
box-shadow: inset -1px 4px 10px 1px rgb(30 30 30 / 50%);
transform: scale(0.99);
}
.likeShareMain > div svg path:nth-child(2) {
display: none;
}
.likeShareMain > div.active1 {
color: #dbb158;
}
.likeShareMain > div.active1 svg path:nth-child(2) {
fill: #dbb158;
display: inline-block;
}
.likeShareMain > div.active1 svg path {
stroke: #dbb158;
}
.likeShareMain > div:first-child {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.likeAnimation {
display: none;
position: absolute;
left: 46px;
top: -46px;
pointer-events: none;
}
.likeShareMain .activex .likeAnimation {
display: block;
animation: animationMain 1500ms forwards;
}
.likeShareMain > div.active1 svg.main, .likeShareMain > div.active1 count {
animation: textFont 300ms forwards;
}
.likeShareMain count {
display: inline-block;
vertical-align: top;
}
.feedShareBtn count {
margin-left: 7px;
}
.likeShareMain lines {
position: absolute;
top: 16px;
height: 7px;
width: 3px;
background: #dbb158;
border-radius: 100px;
left: 55px;
z-index: -1;
transform: scale(0);
}
animationnumber {
position: absolute;
left: 40px;
background: #dbb158;
font-size: 14px;
padding: 4px 8px;
border-radius: 60px;
top: 7px;
color: #fff;
z-index: 1;
display: none;
}
.feedLikeShareBtn.active1 animationnumber {
display: block;
animation: plus1 2s forwards 1s;
opacity: 0;
}
.feedLikeShareBtn.active lines:nth-child(1) {animation: asd1 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(2) {animation: asd2 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(3) {animation: asd3 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(4) {animation: asd4 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(5) {animation: asd5 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(6) {animation: asd6 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(7) {animation: asd7 0.6s forwards;}
.feedLikeShareBtn.active lines:nth-child(8) {animation: asd8 0.6s forwards;}
@keyframes animationMain {
0% {
transform: scale(0.2, 1.3);
}
20% {
top: 10px;
transform: scale(0.5);
left: 46px;
}
40% {
top: 8px;
left: 46px;
transform: scale(0.1);
}
90% {
top: -90px;
left: 130px;
transform: scale(3);
opacity: 0.3;
}
100% {
top: -90px;
left: 130px;
transform: scale(0);
}
}
@keyframes textFont {
0%{transform: scale(1);font-size: 20px;}
50%{transform: scale(1.3);font-size: 25px;}
100%{transform: scale(1);font-size: 20px;}
}
@keyframes asd1 {
0%{transform: scale(1) translate(0, 0px);}
50%{transform: scale(1.2) translate(0, -20px);}
100%{transform: scale(1) translate(0, 0px);}
}
@keyframes asd2 {
0%{transform: scale(1) translate(0, 0px) rotate(45deg);}
50%{transform: scale(1.2) translate(20px, -20px) rotate(45deg);}
100%{transform: scale(1) translate(0, 0px) rotate(45deg);}
}
@keyframes asd3 {
0%{transform: scale(1) translate(0, 0px) rotate(90deg);}
50%{transform: scale(1.2) translate(20px, 0px) rotate(90deg);}
100%{transform: scale(1) translate(0, 0px) rotate(90deg);}
}
@keyframes asd4 {
0%{transform: scale(1) translate(0, 0px) rotate(135deg);}
50%{transform: scale(1.2) translate(20px, 20px) rotate(135deg);}
100%{transform: scale(1) translate(0, 0px) rotate(135deg);}
}
@keyframes asd5 {
0%{transform: scale(1) translate(0, 0px);}
50%{transform: scale(1.2) translate(0px, 20px);}
100%{transform: scale(1) translate(0, 0px);}
}
@keyframes asd6 {
0%{transform: scale(1) translate(0, 0px) rotate(225deg);}
50%{transform: scale(1.2) translate(-20px, 20px) rotate(225deg);}
100%{transform: scale(1) translate(0, 0px) rotate(225deg);}
}
@keyframes asd7 {
0%{transform: scale(1) translate(0, 0px) rotate(270deg);}
50%{transform: scale(1.2) translate(-20px, 0px) rotate(270deg);}
100%{transform: scale(1) translate(0, 0px) rotate(270deg);}
}
@keyframes asd8 {
0%{transform: scale(1) translate(0, 0px) rotate(315deg);}
50%{transform: scale(1.2) translate(-20px, -20px) rotate(315deg);}
100%{transform: scale(1) translate(0, 0px) rotate(315deg);}
}
@keyframes plus1 {
0%{transform: translate(0, 0px) rotate(0deg);opacity: 1;}
33%{transform: translate(15px, -30px) rotate(-10deg);opacity: 1;}
66%{transform: translate(-7px, -45px) rotate(5deg);opacity: 1;}
99%{transform: translate(0px, -55px) rotate(0deg);opacity: 0;}
100%{opacity: 0;}
}
/* ---------------------------------- suhas design like share end --------------------------------------*/
/* ---------------------------------- video ads start --------------------------------------*/
.feedvideo{
position: relative;
padding: 0 10px;
height: auto;
}
.feedvideo .sponsored_txt {
font-family: 'Open Sans', sans-serif !important;
color: black;
margin: 0 !important;
margin-top: 5px !important;
margin-bottom: 3px !important;
font-size: 9.6px !important;
word-wrap: normal !important;
line-height: normal !important;
text-align: left;
}
.feedvideo .feedadsVideo{
object-fit:initial;
width: 300px;
height: 250px;
border-radius: 10px;
display: block;
}
.feedvideo .video-container {
position: relative;
margin: 0 auto;
}
.feedvideo .controls {
position: absolute;
gap: 5px;
top: 210px;
display: flex;
align-items: center;
}
.feedvideo .control-btn {
width: 30px;
height: 40px;
background: transparent;
color: #f5efefcf;
border: none;
border-radius: 50%;
padding: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
outline: none;
}
.feedvideo .control-btn i {
font-size: 16px;
}
/* ---------------------------------- video ads end --------------------------------------*/
/* ---------------------------------- Banner ads start --------------------------------------*/
#bannerContainer{
display: flex;
align-items: center;
justify-content: center;
}
.banner-ads{
width:300px;
height: 250px;
}
.banner-ads .sponsored_txt{
text-align: left;
font-family: 'Open Sans', sans-serif !important;
color: black;
margin: 0 !important;
margin-top: 5px !important;
margin-bottom: 3px !important;
font-size: 9.6px !important;
word-wrap: normal !important;
line-height: normal !important;
}
.banner-ads .banner-img{
width: 100%;
height: 210px;
}
@media screen (max-width: 767px) {
#bannerContainer{
width: 100%;
}
}
/* ---------------------------------- Banner ads end --------------------------------------*/
</style>
<div class="bo">
<div style="display: flex;justify-content: center;">
<div class="adsCustomize newDesignForTwoAds removeAnimation" id="container_customize">
<ol class="gradient-box"><li></li><li></li><li></li><li></li></ol>
<div id="container" class="whistlefeedui"></div>
</div>
</div>
</div>
<div id="bannerContainer" class="whistlefeedui"></div>
<div id="videoContainer" class="whistlefeedui"></div>
<!-- Include the JavaScript file -->
<script src="https://pixel.whistle.mobi/js/config_library.js?v=913"></script><script src="https://pixel.whistle.mobi/js/index_original.js?v=913"></script><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"></div>
</div>
</body></html>