<style>
.nwidget {
width: 100%;
flex-direction: column;
align-items: stretch;
margin-top: 0;
}
.hustleStickyHomePageClassNonSpec {
font-size: calc(10px + (19 - 10) * ((100vw - 400px)/ (1600 - 400))) !important;
}
.topContainerClassNonExec {
margin: 1% 0 1% 3% !important;
}
.hustleStickyInputsContainerNonExec {
width: 50% !important;
margin: 2% -1% 3% 0 !important;
}
.hustleStickyInputHeaderNonExec {
font-size: calc(17px + (25 - 17) * ((100vw - 400px)/ (1600 - 400))) !important;
}
.subscribedStickyBtnDesktopNonExec {
font-size: calc(10px + (20 - 10) * ((100vw - 400px)/ (1600 - 400)))!important;
}
@media only screen and (min-width: 992px) {
.hustleStickyHomePageClassSpec {
font-size: calc(10px + (20 - 10) * ((100vw - 400px)/ (1600 - 400))) !important;
}
.topContainerClassExec {
margin: 2% 0 2% 3% !important;
}
.topContainerClassExecHeader {
font-size: calc(17px + (25 - 17) * ((100vw - 400px)/ (1600 - 400))) !important;
}
.hustleStickyInputsContainerExec {
width: 45% !important;
margin: 2% 0 3% 0 !important;
}
.hustleStickyInputHeaderSpec {
font-size: calc(17px + (25 - 17) * ((100vw - 400px)/ (1600 - 400))) !important;
margin: 2% 0 0 -25% !important;
width: 100%;
}
.subscribedStickyBtnDesktopExec {
font-size: calc(10px + (19 - 10) * ((100vw - 400px)/ (1600 - 400)))!important;
}
}
@media only screen and (max-width: 767px) {
.nwidget {
width: 100%;
}
.hustleStickyInputsContainerNonExec {
width: 90% !important;
margin: -10% 0% 1% 0 !important;
}
.hustleStickyInputsContainerExec {
margin: -5% 0 1% 0 !important;
}
}
@media only screen and (max-width: 330px) {
.sticky_email_formExec {
width: 50% !important;
}
}
style>
<div class="blob-full-2 blob-full">
<div id="hustleStickyWidget" class="nwidget"><oc-component href="https://oc.rappler.com/HustleSticky/1.0.X">oc-component>div>
div>
<script src="https://assets.rappler.com/oc-client/0.45.2/src/oc-client.min.js" type="text/javascript">script>
<script>
var getHeader, distance, getThirdToTheLastChild, execType;
getThirdToTheLastChild = $('div.auto-mood-meter').length <= 0 ? "div.cXenseParse p:nth-child(8)" : "div.auto-mood-meter p:nth-child(8)";
distance = $(getThirdToTheLastChild).offset().top;
$window = $(window);
$window.load(function() {
execType = $('div.auto-mood-meter').length;
if (execType <= 0) {
console.log( $( "#hustleStickyHomePage" ).get( 0 ) );
$( "#hustleStickyHomePage" ).addClass( "hustleStickyHomePageClassNonSpec" );
$( "#topContainer" ).addClass( "topContainerClassNonExec" );
$( "#hustleStickyInputsContainer" ).addClass( "hustleStickyInputsContainerNonExec" );
$( "#hustleStickyInputHeader" ).addClass( "hustleStickyInputHeaderNonExec" );
$( "#subscribedStickyBtnDesktop" ).addClass( "subscribedStickyBtnDesktopNonExec" );
} else {
$( "#hustleStickyHomePage" ).addClass( "hustleStickyHomePageClassSpec" );
$( "#hustleStickyInputHeader" ).addClass( "hustleStickyInputHeaderSpec" );
$( "#topContainer" ).addClass( "topContainerClassExec" );
$( "#topContainer > h1" ).addClass( "topContainerClassExecHeader" );
$( "#hustleStickyInputsContainer" ).addClass( "hustleStickyInputsContainerExec" );
$( "#subscribedStickyBtnDesktop" ).addClass( "subscribedStickyBtnDesktopExec" );
$("#sticky_email_form").addClass( "sticky_email_formExec" );
}
});
script>
There are no comments yet. Add your comment to start the conversation.