Created
April 12, 2019 16:52
-
-
Save bodbdigr/3595efd5bf04e04f1052d0bf0d656d38 to your computer and use it in GitHub Desktop.
This file has been truncated, but you can view the full file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <blocks data-rm-device-mode="desktop"> | |
| <block name="AllPostLayoutIntegratedJwPlayer"> | |
| <abtests> | |
| <abtest name="Badge" data-rm-created-by="19305113" data-rm-created-on="Thu Apr 11 2019 00:01:29 GMT+0600 (Bangladesh Standard Time)" query-param="badge" query-value="1" data-rm-show="true"> | |
| <jinja data-rm-friendly-name="[JINJA] jwplayer Async or sync , adhesion/nsfw"> | |
| <![CDATA[<script> | |
| var adhesionTag,nsfwtag; | |
| /*{{context.post.tags}}*/ | |
| {% if '*nsfw' in context.post.tags %} | |
| nsfwtag=true; | |
| {% endif %} | |
| {% if '*adhesion' in context.post.tags %} | |
| adhesionTag=true; | |
| {% endif %} | |
| </script> | |
| {% if context.post.video %} | |
| <script src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% else %} | |
| <script async src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% endif %}]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="feb0cc3f22186d27afffd2f13c4e0d23"> | |
| <![CDATA[<script> | |
| var trendingCount = 2000; | |
| var TrendingParent = document.querySelectorAll('.trending-container:not(.trending-processed)' ); | |
| function setTrendingPost(TrendingParentContainer){ | |
| TrendingParentContainer.forEach(element => { | |
| element.classList.add('trending-processed'); | |
| var maxPageviewNews = 0; | |
| var maxPageviewFeature = 0; | |
| var maxClassprefix = "max-" | |
| element.querySelectorAll('.news-post-whats-new .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewNews) { | |
| maxPageviewNews = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewNews > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0"); | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).insertAdjacentElement("afterbegin",trendingElement); | |
| } | |
| element.querySelectorAll('.feature___post .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewFeature) { | |
| maxPageviewFeature = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewFeature > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0") | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).insertAdjacentElement("afterbegin",trendingElement); | |
| if (element.querySelector('.feature-4 .widget.' + maxClassprefix + maxPageviewFeature)) { | |
| element.querySelector('.feature-4').classList.add('feature-3') | |
| element.querySelector('.feature-3').classList.add('feature-4'); | |
| element.querySelector('.feature-4').classList.remove('feature-3'); | |
| element.querySelector('.feature-3').classList.remove('feature-4'); | |
| reOrderElement(); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <write_to_header data-rm-friendly-name="JWplayer Manipulateion"> | |
| <![CDATA[<script> | |
| function video_module_manipulate(){ | |
| var video_widgets=document.querySelectorAll('.video_module .widget'); | |
| if(video_widgets.length>0){ | |
| let playerEl = document.querySelector('.jw_video_player_1') ? document.querySelector('.jw_video_player_1'): document.querySelector('#jwplayer_video_module_'+VideoMduleInPage); | |
| playerEl.id="jwplayer_video_module_"+VideoMduleInPage; | |
| var playerInstance = jwplayer('jwplayer_video_module_'+VideoMduleInPage); | |
| // console.log(playerInstance); | |
| video_widgets.forEach(function (widget, i) { | |
| if(widget.querySelector('.widget_video_control')){} | |
| else { | |
| widget.querySelector('.widget__body').insertAdjacentHTML('beforeend','<div class="widget_video_control"> | |
| <div class="pause_div">\ | |
| <i class="fa fa-pause"> | |
| </i> Pause\ | |
| </div>\ | |
| <div class="play_div">\ | |
| <i class="fa fa-play"> | |
| </i> Play\ | |
| </div> | |
| </div>'); | |
| } | |
| let video = widget.querySelector('.widget__video'); | |
| let image = widget.querySelector('.widget__image'); | |
| const regex = /players\%2F.{8}/g; | |
| let str = video.getElementsByTagName('iframe')[0]? (video.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?video.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):video.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| video.innerHTML=""; | |
| video.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.classList.add('video_media_'+videoID); | |
| if (i === 0 && video) { | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: false, | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg' | |
| }); | |
| playerInstance.on('pause', (event) => { | |
| //console.log('Why did my user pause their video instead of watching it?'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('active'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| }); | |
| playerInstance.on('play', (event) => { | |
| //console.log('tahnk you for watching'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('paused'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('active'); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| }); | |
| } | |
| widget.onclick = function () { | |
| if( widget.classList.contains('active')){ | |
| if( widget.classList.contains('paused')){ | |
| widget.classList.remove('paused'); | |
| playerInstance.play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| else{ | |
| playerInstance.pause(); | |
| widget.classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| } | |
| } | |
| else { | |
| video_widgets.forEach(function(twidget) { | |
| twidget.classList.remove('active'); | |
| twidget.classList.remove('paused'); | |
| }) | |
| widget.classList.add('active') | |
| playerInstance.load( "https://cdn.jwplayer.com/v2/media/" + videoID).play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code id="0b2a98437c8c676f0cce07bccf2a7855" data-rm-friendly-name="JS"> | |
| <![CDATA[<script> | |
| window.addEventListener('DOMContentLoaded',function(){ | |
| setTimeout(() => { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| }, 2300); | |
| }); | |
| function isVideoModuleLoaded(){ | |
| if(document.querySelector('.jw_video_player_1:empty')){ | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else if(document.querySelector('.video_module .widget iframe')) { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else { | |
| clearInterval(videloLoadInterval); | |
| } | |
| } | |
| var videloLoadInterval ; | |
| </script>]]> | |
| </user_code> | |
| <ad_header_script data-rm-friendly-name="span on news headline"> | |
| <![CDATA[<script> | |
| function spanNewsHeadline() { | |
| document.querySelectorAll('.news-layout .headline:not(.spanned)').forEach(el =>{ el.classList.add('spanned'); | |
| var spannedTextList=el.innerText.split(" "); | |
| el.innerHTML=""; | |
| spannedTextList.forEach(sp => { | |
| el.innerHTML +=`<span>${sp} </span>` | |
| })}) | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="jwplayer post page"> | |
| <![CDATA[<script> | |
| function videoPostManipulate(autoplay=false){ | |
| var video_widgets=document.querySelectorAll('.article__splash-custom .widget__video:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom')? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=s1.replace(" ", "-"); | |
| var vast_s2=s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| const regex = /players\%2F.{8}/g; | |
| let str = widget.getElementsByTagName('iframe')[0]? (widget.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?widget.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):widget.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| widget.innerHTML=""; | |
| widget.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded'; | |
| widget.innerHTML=""; | |
| widget.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| console.log("https://cdn.jwplayer.com/v2/media/" + videoID); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script> | |
| <style> | |
| .article__splash-custom .widget__video .jwplayer.jw-flag-aspect-mode { | |
| position: absolute; | |
| height: 100% !important; | |
| } | |
| </style>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="In Article jwplayer post page"> | |
| <![CDATA[<script> | |
| function inArticleVideoPostManipulate(){ | |
| var video_widgets=document.querySelectorAll('.body-description div[id*="botr_"]:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value') ? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=vast_s1.replace(" ", "-"); | |
| var vast_s2=vast_s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| var parentContainer=widget.closest("div[data-media_id]"); | |
| let str = parentContainer.getAttribute("data-media_id"); | |
| if (str !== null) { | |
| let videoID = str; | |
| var newDiv=document.createElement('div'); | |
| newDiv.className="jwp_video_container"; | |
| widget.insertAdjacentElement('afterend',newDiv) | |
| parentContainer.removeChild(widget); | |
| parentContainer.removeChild(parentContainer.querySelector('script[src*="https://content.jwplatform.com/pla"]')); | |
| widget=newDiv; | |
| widget.innerHTML=""; | |
| newDiv.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| newDiv.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded_in_body'; | |
| newDiv.innerHTML=""; | |
| newDiv.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Section Codes"> | |
| <![CDATA[<script> | |
| function RemoveCurrentSectionName() { | |
| var bodyClassList=document.querySelector('body').classList; | |
| bodyClassList.forEach(element => { | |
| if(element.includes('section')){ | |
| // console.log('removing section name from body') | |
| document.querySelector('body').classList.remove(element); | |
| } | |
| }); | |
| } | |
| function setBodySectionName(param) { | |
| RemoveCurrentSectionName(); | |
| document.querySelector('body').classList.add(`section-${param}`) | |
| } | |
| </script> | |
| <script> | |
| function getPrimarySectionName(str) { | |
| str = str.toLowerCase(); | |
| if (str == 'beauty' || str == 'makeup' || str == 'skin care' || str == 'hair' || str == 'nails' || str == 'wellness' || str == 'fitness') { | |
| return 'beauty'; | |
| } | |
| else if (str == 'fashion' || str == 'accessories' || str == 'shopping' || str == 'designers' || str == 'fashion week' || str == 'street style' || str == 'clothing') { | |
| return 'fashion'; | |
| } | |
| else if (str == 'entertainment' || str == 'film' || str == 'tv' || str == 'music' || str == 'art' || str == 'books' || str == 'theater') { | |
| return 'entertainment'; | |
| } | |
| else /*if (str == "home" || str == "you" || str == "justice" || str == "astrology" || str == "love" || str == "life") { | |
| return 'life'; | |
| } | |
| else*/ { | |
| return 'life'; | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Ad Slots"> | |
| <![CDATA[<script> | |
| var ad_render_count=1; | |
| var rightRailSLotKVP={}; | |
| rightRailSLotKVP_key=1; | |
| var topMapping,rightMapping,midMapping; | |
| var networkCode = 4260617; | |
| var topLevelAdUnit = "nylon.mag"; | |
| var s1 = getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "); | |
| var s2 = __BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| var adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var slotName = "/" + networkCode + "/" + adUnit; | |
| var pid = __BOOTSTRAP__.post.basename; | |
| var ptype = "article"; | |
| var tags = {{tags}}; | |
| //var breakpoint = "desktop"; | |
| // var utm_medium = "; | |
| // var test = "anyvalue";//only if "?test=anyvalue" is appended to URL | |
| googletag.cmd.push(function() { | |
| topMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[970, 250], [728, 90]]). | |
| addSize([768, 0], [728, 90]). | |
| addSize([0, 0], [320, 50]). | |
| build(); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| midMapping = googletag.sizeMapping(). | |
| addSize([768, 0], []). | |
| addSize([0, 0], [[300, 250], [320, 50]]). | |
| build(); | |
| var billboard_slot = googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-top-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "top"); | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-interstitial") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "interstitial"); | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.defineSlot(slotName, [320, 50], "div-id-for-adhesion-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "adhesion"); | |
| } | |
| /*googletag.defineSlot(slotName, [[300, 600], [300, 250]], "div-id-for-right-slot") | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid1-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid1"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid2-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid2"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite1-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite1"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite2-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite2"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery1-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery1"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery2-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery2"); | |
| if(document.querySelector('.posts_stream').querySelector('div-id-for-inread')){ | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-inread") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "inread"); }*/ | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.pubads().addEventListener('slotRenderEnded', function(event) { | |
| if(event.slot===billboard_slot){ | |
| console.log('Creative with id: ' + event.creativeId + | |
| ' is rendered to slot of size: ' + event.size[0] + 'x' + event.size[1]);} | |
| }); | |
| }); | |
| </script>]]> | |
| </ad_header_script> | |
| <user_code data-rm-friendly-name="Article Byline for feature 2 - 3" id="1c0243924dc508edd12fdb63f4a74f63"> | |
| <![CDATA[<script> | |
| function AuthorBylinePositioning(element) { | |
| var authorByline=document.createElement('div'); | |
| authorByline.className='author-byline'; | |
| if(element.querySelector('.post-author-list')){ | |
| authorByline.appendChild(element.querySelector('.post-author-list')) | |
| } | |
| if(element.querySelector('.post-date')){ | |
| authorByline.appendChild(element.querySelector('.post-date')) | |
| } | |
| element.querySelector('.widget__body').appendChild(authorByline); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__head').appendChild(element.querySelector('.photo-credit')) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="primary secondary color css add via js" id="cf482c5e6a9e5e58d3b44367542789b1"> | |
| <![CDATA[<script>var stylePlaceHolder=document.querySelector('.main') ; | |
| function addStylesForSelectedColor(primary,secondary){ | |
| stylePlaceHolder.insertAdjacentHTML('afterend',`<style> | |
| body.section-${primary} .header-wrapper svg { | |
| fill: #${secondary} !important; | |
| } | |
| body.section-${primary} .header-scroll-wrapper, | |
| body.section-${primary} .header-static-wrapper { | |
| background-color: #${primary} !important; | |
| color: #${secondary} !important; | |
| } | |
| body.section-${primary} .header-scroll-wrapper .scrolling-article-postion-fill { | |
| background-color: #${secondary} !important; | |
| } | |
| body.section-${primary} .header-wrapper .static-menu-wrapper { | |
| background-color: #${primary} !important; | |
| color: #${secondary} !important; | |
| } | |
| body.section-${primary} .header-wrapper #search-icon-customised g, | |
| body.section-${primary} .header-wrapper #open-search-customised g{ | |
| stroke: #${secondary} !important; | |
| } | |
| body.section-${primary} .header-wrapper .svg-color-adapt { | |
| fill: #${secondary} !important; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__head { | |
| background-color:#${primary} !important; | |
| } | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| background-color:#${secondary} !important; | |
| color:#${primary} !important; | |
| box-shadow: 10px 0 0 #${secondary}, -10px 0 0 #${secondary} ; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__section { | |
| border-color:#${secondary} !important; | |
| color:#${secondary} !important; | |
| } | |
| .select-section-${primary} .tags .tags__item { | |
| background-color:#${secondary} !important; | |
| color:#${primary} !important; | |
| } | |
| .select-section-${primary} .body-description a { | |
| background-color:#${secondary} !important; | |
| } | |
| .select-section-${primary} .sidebar_outer { | |
| background:#${secondary} ; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget__headline-text, | |
| .select-section-${primary} .sidebar_outer .whats-new-headline { | |
| color:#${primary} !important; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget article , | |
| .select-section-${primary} .sidebar_outer .widget .widget__image, | |
| .select-section-${primary} .body .nested-posts article{ | |
| border-color:#${primary} !important; | |
| } | |
| .select-section-${primary} .sidebar_outer svg path { | |
| stroke :#${primary} !important; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:#${secondary} !important; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .photo-credit { | |
| color:#${secondary} !important; | |
| } | |
| .select-section-${primary} .body .ee-ul li:before , | |
| .select-section-${primary} .body .ee-ol li:before { | |
| color:#${primary} !important; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 #${secondary}, -15px 0 0 #${secondary} | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .post-date{ | |
| color:#${secondary} !important; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 #${secondary}, -20px 0 0 #${secondary} ; | |
| } | |
| } | |
| .select-section-${primary} .body-description .dropcap-paragraph:first-letter { | |
| color:#${primary} !important; | |
| } | |
| .select-section-${primary} .cta-poll { | |
| color:#${primary} !important; | |
| border: 30px solid #${primary} !important; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__question { | |
| color: #${primary} !important; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #${secondary}, #${primary}) | |
| } | |
| .select-section-fashion.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .select-section-life.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .select-section-beauty.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .select-section-entertainment.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .select-section-beauty.select-section-${primary} .tags, .select-section-beauty.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .select-section-fashion.select-section-${primary} .tags, .select-section-fashion.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .select-section-entertainment.select-section-${primary} .tags, .select-section-entertainment.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .select-section-life.select-section-${primary} .tags, .select-section-life.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; | |
| } | |
| .section-${primary} .subscription_form { | |
| background-color:#${primary} !important; | |
| } | |
| .section-${primary} .subscription_form svg path { | |
| stroke:#${secondary} !important; | |
| } | |
| .section-${primary} .subscription_form .social-links a { | |
| color:#${secondary} !important; | |
| border-color:#${secondary} !important; | |
| } | |
| .section-${primary} .post__page__ad__container { | |
| background-color: #${secondary}; !important; | |
| } | |
| <\/style>`) | |
| } | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" data-rm-friendly-name="BANNER AD" element_classes="post__page__ad__container"> | |
| <user_code id="93c7979c0286fadc80634d35ba46a042"> | |
| <![CDATA[<div id='div-id-for-top-slot'> | |
| <script type='text/javascript'> | |
| googletag.cmd.push(function() { | |
| googletag.display('div-id-for-top-slot');}); | |
| </script> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="Top Bar"/> | |
| <element_wrapper element_classes="outer_container" data-rm-friendly-name="outer container"> | |
| <element_wrapper element_classes="container_postpage" data-rm-friendly-name="postpage container" style_element-wrapper_all_default_margin="0 auto"> | |
| <element_wrapper element_classes="posts_stream ad-processed isFirstArticle" data-rm-friendly-name="main content area/posts stream"> | |
| <post_content format="splash-custom" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_feature_layout_1,custom_field_news_layout_2_image,custom_field_feature_layout_3,custom_field_news_layout_1_image,custom_field_news_layout_no_image,custom_field_feature_layout_2,custom_field_feature_layout_4,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" layout_headline="over" layout_section="over" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_video_crop="original" layout_all_image_crop="original" layout_date="bottom" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_date_format="" layout_badges_sponsored="bottom" layout_photo_credit="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Separator,Linkedin,Tumblr,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| <jinja data-rm-friendly-name="leadmedia layout selector"> | |
| <![CDATA[<script> | |
| var leadMediaLayout="no-layout-selected"; | |
| var article_splash=document.querySelector('.article__splash-custom'); | |
| {% if context.post.roar_specific_data %} | |
| {% if context.post.roar_specific_data.news_layout_1_image %} | |
| leadMediaLayout='news-layout-1-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_no_image %} | |
| leadMediaLayout='news-layout-no-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_2_image %} | |
| leadMediaLayout='news-layout-2-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_1 %} | |
| leadMediaLayout='feature-layout-1'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_2 %} | |
| leadMediaLayout='feature-layout-2'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_3 %} | |
| leadMediaLayout='feature-layout-3'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_4 %} | |
| leadMediaLayout='feature-layout-4'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| if(leadMediaLayout.indexOf('news')!=-1){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(leadMediaLayout.indexOf('feature')!=-1) { | |
| article_splash.parentNode.classList.add('feature-layout'); | |
| document.querySelector('body').classList.add('init-post-feature'); | |
| } | |
| {% endif %} | |
| //var asdfff= {{context.post.tags|safe}}; | |
| var LeadPostTags=''; | |
| if(__BOOTSTRAP__.post.formatted_tags){ | |
| __BOOTSTRAP__.post.formatted_tags.forEach(element => { | |
| if(element.name=="news"){LeadPostTags="news"} | |
| }); | |
| } | |
| if(leadMediaLayout=="no-layout-selected"){ | |
| if(LeadPostTags && LeadPostTags=='news'){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(article_splash.querySelector('.widget__section')?article_splash.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| article_splash.closest('.posts_stream').classList.add('news-layout'); | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| article_splash.parentNode.classList.add('feature-layout') | |
| } | |
| } | |
| article_splash.parentNode.classList.add(leadMediaLayout); | |
| document.querySelector('.all-content-wrapper').classList.add('loaded'); | |
| if(document.querySelector('.article__splash-custom .widget__subheadline')){ | |
| if(document.querySelector('.article__splash-custom .body')){ | |
| document.querySelector('.article__splash-custom .body-description').insertAdjacentElement('afterbegin',document.querySelector('.article__splash-custom .widget__subheadline')) | |
| } | |
| } | |
| {% if context.post.badges %} | |
| article_splash.classList.add("sponsored-post"); | |
| {% endif %} | |
| </script>]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="Add lead media section name update " id="f7aac5c6c73f42a4bece3a59ed33bc0b"> | |
| <![CDATA[<script> | |
| var section_name_leadmedia=getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title.toLowerCase(): 'life'); | |
| __BOOTSTRAP__.post.section?article_splash.setAttribute('data-s2-value',__BOOTSTRAP__.post.section.title.toLowerCase()) : ""; | |
| article_splash.classList.add(`select-section-${section_name_leadmedia}`); | |
| setBodySectionName(section_name_leadmedia); | |
| if(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| && document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary')){ | |
| addStylesForSelectedColor(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| .innerText,document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary').innerText); | |
| article_splash.classList.add(`select-section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`); | |
| document.querySelector('body').classList.add(`section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`) | |
| } | |
| else {} | |
| if(article_splash.querySelector('.widget__section')) { | |
| article_splash.querySelector('.widget__section').innerText=section_name_leadmedia; | |
| article_splash.querySelector('.widget__section').href="/"+section_name_leadmedia ; | |
| } | |
| //setBodySectionName(section_name_leadmedia); | |
| document.querySelector('.all-content-wrapper').classList.add('page-loaded'); | |
| </script> | |
| <script> | |
| videoPostManipulate(true); | |
| inArticleVideoPostManipulate(); | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD Mid wrapper"> | |
| <user_code id="c190ccb7cb785176a2bea504fde74434"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="ComponentWhatsNew"/> | |
| </element_wrapper> | |
| <user_code id="ea18f39a66ef9a90a2d671f6d4a45a2f" data-rm-friendly-name="divider without any code"/> | |
| <lazyload> | |
| <element_wrapper data-rm-friendly-name="lazy loaded items not infintes scroll" element_classes=""> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| <call_block name="ComponentSubscribeForm"/> | |
| <call_block name="ComponentPubExchangeModule"/> | |
| </element_wrapper> | |
| <user_code id="11ab84121adad098b272328023b25b88" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post post-with-more-from-author" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Email,GooglePlus,Whatsapp,Tumblr,CopyLink,Reddit" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="f499e7bf457f0089575f4fed804a0b70" data-rm-selected="true"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post " layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Separator,Tumblr,Linkedin,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="d28d439a744aeee5c4ecbf7e1ad6dd1c"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="ComponentVideoModule"/> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="infnite scroll" element_classes="infinite-scroll" load_more="scroll"> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Email,GooglePlus,Whatsapp,Reddit,CopyLink,Tumblr" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="d109da72578a7634d4b6087eb530823f"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="0ed54078056831e021f51cd3c92f001e" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Email,Tumblr,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="3fc457c1af68a1ff07d27c9eda1f6b70"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="702bff9ae63f1b1653abc3ad0bf7119c" data-rm-friendly-name="call functions on loadmore"> | |
| <![CDATA[<script> setWidgetSectionSelector(); | |
| reOrderElement(); | |
| videoPostManipulate(); | |
| inArticleVideoPostManipulate(); | |
| // setTrendingPost(document.querySelectorAll('.trending-container:not(.trending-processed)' )); | |
| </script>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <user_code data-rm-friendly-name="PostByAuthor [JS]" id="fa60e1ca80c10ba0ceac80bd44e783af"> | |
| <![CDATA[<script> | |
| document.querySelectorAll('.post-with-more-from-author:not(processed)').forEach(widget=> { | |
| var author=widget.querySelector('.post-author__name').getAttribute('href').split("/").pop().replace(/ /g,"-").toLowerCase(); | |
| var authorHTML,authorStyle; | |
| jQuery.getJSON(`https://nylon.com/res/custom_page/data.js?formats=json,html&resource_id=generic&layout_name=PostsByAuthor&username=${author}`, function(result){ | |
| widget.querySelector('.widget__head + .widget__body ').insertAdjacentHTML('beforeend',result['html']); | |
| widget.querySelector('.more-from-author-name')? widget.querySelector('.more-from-author-name').innerHTML=widget.querySelector('.post-author__name').innerText : "" | |
| changeDateFormat(); | |
| }); | |
| }) | |
| </script> | |
| <script > | |
| rblms.require(['jquery'], function($ ) { | |
| var wrapper = $('.subscription_form'); | |
| wrapper.addClass('animated'); | |
| setInterval(function(){ | |
| $('.subscription_form').addClass("subscription_form_show") | |
| }, 1000); | |
| $('.newsletter-element__submit').on('click', function() { | |
| var email = $('.subscription_form .newsletter-element__input').val(); | |
| var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | |
| if ( filter.test(email) ) { | |
| wrapper.addClass('you-are-in'); | |
| return true; | |
| } | |
| }); | |
| $('.subscription_form_follow_inner .share-youtube').removeClass('share-youtube'); | |
| // submit on enter | |
| $('.newsletter-element__input').bind("enterKey",function(e){ | |
| $('.newsletter-element__submit').click(); | |
| }); | |
| $('.newsletter-element__input').keyup(function(e){ | |
| if(e.keyCode == 13) | |
| { | |
| $(this).trigger("enterKey"); | |
| } | |
| }); | |
| // submit on enter | |
| }); | |
| </script> | |
| <script> | |
| setTimeout(changeDateFormat,2000) | |
| </script>]]> | |
| </user_code> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <user_code id="4d855cb153ef836a5b63c12429c90a17" data-rm-friendly-name="re initiate slick for mobile"> | |
| <![CDATA[<script type="text/javascript"> | |
| setTimeout(function(){ | |
| rblms.require(['jquery', 'jquery.slick'], function($, slick) { | |
| $('.more-from-author-wrapper .posts-wrapper').slick({ | |
| infinite : false, | |
| dots : true, | |
| slidesToShow : 1, | |
| slidesToScroll : 1, | |
| initialSlide : 0, | |
| adaptiveHeight: true, | |
| autoplay : false, | |
| autoplaySpeed : 3000, | |
| prevArrow : '<div class="slick-prev fa fa-chevron-left"> | |
| </div>', | |
| nextArrow : '<div class="slick-next fa fa-chevron-right"> | |
| </div>' | |
| }); | |
| });},2000); | |
| console.log("amout of nodes loaded after lazy loaded element loaded: "+document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| </when> | |
| <otherwise/> | |
| </choose> | |
| </lazyload> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="sidebar_outer hidden" style_element-wrapper_tablet_default_max-width="100%" style_element-wrapper_mobile_default_margin="0 auto" data-rm-friendly-name="Sidebar"> | |
| <element_wrapper element_classes="sidebar_inner" data-rm-friendly-name="Sidebar Inner"> | |
| <user_code data-rm-friendly-name="ad code" id="411f55e1aa54ac71238e87a2c5ae5250"> | |
| <![CDATA[<div class="sidebar_ad_container "> | |
| <div id="div-id-for-right-slot"class="sidebar-ad" data-ad-slot="rightrail" data-ad-pos="rightrail" data-size-map="rightMapping"> | |
| </div> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper element_classes="whats-new-posts-container" data-rm-friendly-name="What's new"> | |
| <element_wrapper style_element-wrapper_all_default_padding="0 0 20px" style_element-wrapper_all_default_text-align="center" data-rm-friendly-name="Whats new intro wrapper"> | |
| <user_code data-rm-friendly-name="Whats New Headline" id="41b484e14928b9c603ceae40e770dfdc"> | |
| <![CDATA[<h2 class="whats-new-headline">TRENDING<br> | |
| </h2> | |
| <svg width="26" height="36" viewBox="0 0 26 36" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M25.0293 27.2373L20.6466 33.373L16.264 27.2373" stroke="#2E2F7D" stroke-width="2"/> | |
| <path d="M1.20605 1.07568V10.7024H10.846V21.3149H20.5121V32.5851" stroke="#2E2F7D" stroke-width="2"/> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="whats new posts container" style_element-wrapper_all_default_margin="30px 0 0 0"> | |
| <choose> | |
| <when test="is_mobile==True"/> | |
| <otherwise> | |
| <posts source_url="_most-read" all_element_order="headline,section,subheadline,date,author,post_shares,badges_sponsored,photo_credit,body,snark_line,page_views,badges,follow_button,community_comments,like_button,source_link,collection_button,tags,primary_tag,main_author,custom_field_feature_layout_2,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature_layout_4,custom_field_news_layout_2_image,custom_field_news_layout_no_image,custom_field_news_layout_1_image,custom_field_article-layout,custom_field_image_avatar1,custom_field_image_avatar2,custom_field_feature-color-primary,custom_field_fearure-color-secondary,custom_field_letter_from_editor" limit="4" layout_headline="right" all_share_buttons="Separator,Twitter,Linkedin,Facebook,Email,Tumblr,GooglePlus,Pinterest,Whatsapp,Reddit" style_post-media-wrapper_all_default_margin="0px" style_post-headline_all_default_font-size="16px" style_post-headline_all_default_font-weight="400" style_post-main-author-avatar_all_default_display="none" style_post-date_all_default_display="block" style_post-social-author-avatar_all_default_display="none" style_post-social-author_all_default_display="inline-block" style_post-shares_all_default_display="inline-block" data-rm-advanced="true" layout_all_date_format="" style_post-date-text_all_default_color="rgb(129, 129, 130)" style_post-date-text_all_default_font-family=""Atlas Typewriter"" style_post-date-text_all_default_font-size="9px" style_post-date-text_all_default_font-weight="400" style_post-date-text_all_default_text-transform="uppercase" style_post-social-author-name_all_default_color="rgb(34, 45, 57)" style_post-social-author-name_all_default_font-family=""Atlas Typewriter"" style_post-social-author-name_all_default_font-size="9px" style_post-social-author-name_all_default_font-weight="400" style_post-social-author-name_all_default_text-transform="uppercase" style_post-social-author_all_default_vertical-align="middle" style_post-date_all_default_vertical-align="middle" style_post-shares_all_default_vertical-align="middle" style_post-social-author-name_all_default_display="inline-block" style_post-social-author_all_default_height="10px" style_post-social-author_all_default_line-height="14px" style_post-social-author_all_default_overflow="hidden" style_post-date_all_default_margin="0px" style_post-shares_all_default_margin="0px" style_post-social-author-name_all_default_vertical-align="middle" style_post-section_all_default_background-color="rgb(255, 255, 255)" style_post-section_all_default_border="1px solid rgb(34, 45, 57)" style_post-section_all_default_display="inline-block" style_post-section_all_default_font-weight="600" style_post-section_all_default_letter-spacing="0.08em" style_post-section_all_default_line-height="1em" style_post-section_all_default_margin="0px" style_post-section_all_default_padding="5px 7px 2px" style_post-section_all_default_position="relative" style_post-section_all_default_text-transform="uppercase" style_post-section_all_default_top="-3px" style_post-section_all_default_transition="border-color 0.25s ease 0s" style_post-section_all_hover_border="1px solid rgb(251, 131, 120)" layout_all_image_crop="1x1" allow_duplicates="true" style_post-headline_all_default_letter-spacing="0" style_post-widget_all_default_overflow="hidden" style_post-date_all_default_bottom="6px" style_post-date_all_default_color="rgb(129, 129, 130)" style_post-date_all_default_position="absolute" style_post-date_all_default_text-align="center" style_post-date_all_default_width="100%" style_post-date-text_all_default_display="inline" style_post-body_all_default_-webkit-box-align="center" style_post-body_all_default_-webkit-box-orient="vertical" style_post-body_all_default_-webkit-box-direction="normal" style_post-body_all_default_-webkit-box-pack="center" style_post-headline_all_default_display="-webkit-box" style_post-headline_all_default_-webkit-line-clamp="3" style_post-headline_all_default_overflow="hidden" style_post-headline_all_default_-webkit-box-orient="vertical" style_post-date_all_default_padding="0px 20px 0 0" style_post-media-wrapper_all_default_overflow="hidden" style_headline-wrapper_all_default_margin="" element_classes="whats-news-posts-wrapper" data-rm-device-crops="true" layout_image_column_width="25" style_post-media-wrapper_all_default_padding="0px" style_post-image_all_default_border-radius="120px" style_post-image_all_default_margin="0px" style_post-image_all_default_padding="0px" style_post-media-wrapper_all_default_min-height="80px" style_post-widget-article_all_default_padding-bottom="32px" style_post-headline_all_default_max-height="70px" style_post-headline_all_default_font-family="'Apercu',Arial" style_post-headline-wrapper_all_default_text-align="left" style_post-media-wrapper_all_default_background="transparent" style_post-headline_all_default_line-height="20px" layout_vertical_separation="32"/> | |
| </otherwise> | |
| </choose> | |
| </element_wrapper> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="trending-animation-svg" element_classes="container-trending-anim" style_element-wrapper_all_default_display="none" style_element-wrapper_all_default_height="120px" style_element-wrapper_all_default_position="absolute" style_element-wrapper_all_default_width="120px"> | |
| <user_code data-rm-friendly-name="Custom Html for Trending Words SVG" id="d0ec2bc4cb08060b50d55b179ca16182"> | |
| <![CDATA[<svg class="spinner pop-in" width="85px" height="87px" viewBox="0 0 85 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <defs> | |
| <polygon class="path" id="path-1" points="0.104884364 0.329367273 5.97065891 0.329367273 5.97065891 7.42814836 0.104884364 7.42814836"> | |
| </polygon> | |
| <polygon class="path" id="path-3" points="0.592861091 0.537250909 7.89538909 0.537250909 7.89538909 6.66379636 0.592861091 6.66379636"> | |
| </polygon> | |
| <polygon class="path" id="path-5" points="0.279726545 0.204951273 5.61610473 0.204951273 5.61610473 7.13454545 0.279726545 7.13454545"> | |
| </polygon> | |
| </defs> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-367.000000, -538.000000)"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <polygon id="Fill-1" fill="#231F20" points="0 36.3534545 1.06507636 36.6016582 1.53320727 34.6097455 7.07851636 35.9136 7.35028364 34.7574109 1.80497455 33.4535564 2.27310545 31.4616436 1.20802909 31.2118691"> | |
| </polygon> | |
| <g id="Group-51" transform="translate(0.000000, 0.521856)"> | |
| <path d="M4.63606691,25.0930211 L6.23839418,25.9114647 L6.77878691,24.8558138 C7.088256,24.2510138 6.93116509,23.7687447 6.45360873,23.5236829 C5.96819782,23.2754793 5.48435782,23.4309993 5.20159418,23.9855302 L4.63606691,25.0930211 Z M7.21235782,26.4094429 L9.70381964,27.6834502 L9.161856,28.7422429 L3.12171055,25.6522647 L4.24648145,23.4545629 C4.88898327,22.1962647 5.97919418,21.8648029 7.02699055,22.4004829 C7.74960873,22.7696465 8.107776,23.3540247 8.01352145,24.3656902 L11.4019724,24.3625484 L10.7751796,25.5862865 L7.66163782,25.5297338 L7.21235782,26.4094429 Z" id="Fill-2" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-4" fill="#231F20" points="8.39006836 16.8895767 10.9569338 13.8702895 11.7910865 14.5787695 9.99396655 16.6932131 11.2177047 17.731584 12.9519884 15.6894022 13.787712 16.3994531 12.0502865 18.4416349 13.5033775 19.6747985 15.360192 17.489664 16.1959156 18.198144 13.5677847 21.291264"> | |
| </polygon> | |
| <polygon id="Fill-6" fill="#231F20" points="17.2110371 10.9694487 19.9664116 14.8197469 19.061568 15.4685324 15.1091607 9.945216 16.0752698 9.254016 21.4524916 11.3213324 18.6531316 7.40976873 19.5579753 6.76098327 23.5103825 12.2842996 22.4892916 13.0147724"> | |
| </polygon> | |
| <path d="M27.9298211,8.90307491 L28.708992,8.61402764 C30.0442647,8.11762036 30.5218211,6.91273309 30.056832,5.65757673 C29.5714211,4.34900945 28.4419375,3.80076218 27.1679302,4.27517673 L26.3274938,4.58621673 L27.9298211,8.90307491 Z M24.8319884,3.97356218 L26.8411811,3.22895127 C28.7498356,2.52047127 30.506112,3.28707491 31.2240175,5.22400582 C31.9042211,7.05568582 31.1140538,8.88736582 29.1504175,9.61783855 L27.1962065,10.3435985 L24.8319884,3.97356218 Z" id="Fill-8" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-10" fill="#231F20" points="37.4396335 7.49396945 36.2661644 7.66991127 35.2639244 0.955845818 36.4389644 0.781474909"> | |
| </polygon> | |
| <g id="Group-14" transform="translate(41.563636, 0.000000)"> | |
| <mask id="mask-2" fill="white"> | |
| <use xlink:href="#path-1"> | |
| </use> | |
| </mask> | |
| <g id="Clip-13"> | |
| </g> | |
| <polygon id="Fill-12" fill="#231F20" mask="url(#mask-2)" points="1.50299345 2.44522473 1.21394618 7.16109382 0.104884364 7.09354473 0.519604364 0.329210182 1.70406982 0.401472 4.56783709 5.38753745 4.86159709 0.594693818 5.97065891 0.662242909 5.55593891 7.42814836 4.30549527 7.35117382"> | |
| </polygon> | |
| </g> | |
| <path d="M58.6791098,5.22196364 L57.4647971,5.46231273 C57.2747171,4.66586182 56.8709935,4.11290182 56.1232407,3.84898909 C54.9324916,3.42798545 53.6946153,4.07205818 53.2484771,5.33506909 C52.8039098,6.59650909 53.3443025,7.86894545 54.6073135,8.31508364 C55.6126953,8.66853818 56.4751244,8.26481455 56.8992698,7.51392 L54.7204189,6.74417455 L55.0832989,5.72151273 L58.3366516,6.87141818 L57.1254807,10.3038545 L56.0933935,9.93940364 L56.395008,9.08482909 C55.8184844,9.50269091 55.0157498,9.67863273 54.0810589,9.34874182 C52.3483462,8.73608727 51.3743825,6.82272 52.0483025,4.91092364 C52.7237935,2.99755636 54.6748625,2.11784727 56.5065425,2.76506182 C57.8590953,3.24104727 58.4843171,4.13332364 58.6791098,5.22196364" id="Fill-15" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-17" fill="#231F20" points="67.0107404 17.1979462 66.1420276 16.3873571 70.0221731 12.2181644 68.5235258 10.824768 69.2681367 10.0236044 73.134144 13.6209862 72.3895331 14.4221498 70.8924567 13.0287535"> | |
| </polygon> | |
| <path d="M76.2874298,19.3087767 L74.7856407,20.3015913 L75.4407098,21.2928349 C75.8145862,21.8583622 76.3125644,21.9589004 76.7602735,21.6635695 C77.2158371,21.3619549 77.3163753,20.8655476 76.9739171,20.3471476 L76.2874298,19.3087767 Z M73.8729425,20.9048204 L71.5385716,22.4505949 L70.8835025,21.4593513 L76.543488,17.714304 L77.9054662,19.7737658 C78.686208,20.9535185 78.4395753,22.0657222 77.4561862,22.7160785 C76.7806953,23.1637876 76.0957789,23.1873513 75.2616262,22.6108276 L73.5980335,25.5625658 L72.8392844,24.4158022 L74.4196189,21.7311185 L73.8729425,20.9048204 Z" id="Fill-19" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-21" fill="#231F20" points="81.5938036 26.6761833 82.95264 30.3913833 81.9268364 30.7668305 80.9748655 28.1654051 79.4715055 28.7152233 80.3904873 31.2271069 79.3646836 31.6025542 78.4457018 29.0922415 76.6580073 29.7457396 77.6429673 32.4335651 76.6171636 32.8090124 75.2253382 29.0058415"> | |
| </polygon> | |
| <g id="Group-25" transform="translate(76.974545, 35.410909)"> | |
| <mask id="mask-4" fill="white"> | |
| <use xlink:href="#path-3"> | |
| </use> | |
| </mask> | |
| <g id="Clip-24"> | |
| </g> | |
| <polygon id="Fill-23" fill="#231F20" mask="url(#mask-4)" points="5.41083927 1.85210182 0.705966545 2.33437091 0.592861091 1.22845091 7.34148655 0.537250909 7.46087564 1.71857455 3.00420655 5.35522909 7.782912 4.86667636 7.89601745 5.97416727 1.14896291 6.66379636 1.02014836 5.41806545"> | |
| </polygon> | |
| </g> | |
| <path d="M78.8891695,47.5805847 L78.758784,48.3990284 C78.534144,49.8034211 79.346304,50.8103738 80.6674385,51.0208756 C82.0435549,51.2408029 83.0725004,50.5276102 83.2877149,49.1891956 L83.4290967,48.3047738 L78.8891695,47.5805847 Z M84.6936785,47.3056756 L84.3559331,49.4169775 C84.0354676,51.4261702 82.508544,52.5745047 80.4710749,52.2493265 C78.5451404,51.9414284 77.3402531,50.3563811 77.670144,48.2922065 L77.998464,46.2358865 L84.6936785,47.3056756 Z" id="Fill-26" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-28" fill="#231F20" points="75.4374109 56.544192 75.8631273 55.4351302 82.1970327 57.8684684 81.7713164 58.9775302"> | |
| </polygon> | |
| <polygon id="Fill-30" fill="#231F20" points="77.0543476 63.9301353 73.0956567 61.342848 73.7035985 60.4128698 79.380864 64.1233571 78.7320785 65.1161716 72.9794095 65.1381644 77.0009367 67.7662953 76.3929949 68.6978444 70.7157295 64.9857862 71.3990749 63.9379898"> | |
| </polygon> | |
| <path d="M66.9402065,76.1161484 L67.3282211,74.9426793 C68.1136756,75.1688902 68.7923084,75.0903447 69.3892538,74.5703738 C70.3396538,73.7409338 70.3867811,72.3506793 69.5102138,71.3437265 C68.6305047,70.3352029 67.260672,70.1828247 66.2537193,71.059392 C65.4525556,71.7600175 65.3802938,72.7072756 65.8232902,73.4456029 L67.5622865,71.9296756 L68.2739084,72.7449775 L65.6756247,75.0102284 L63.2894138,72.2705629 L64.1109993,71.5542284 L64.7048029,72.234432 C64.6262575,71.5290938 64.8681775,70.7452102 65.6127884,70.0948538 C66.9951884,68.8883956 69.1379084,68.9826502 70.4668975,70.5080029 C71.7974575,72.0333556 71.6042356,74.1619375 70.1432902,75.4359447 C69.0656465,76.3753484 67.9832902,76.4805993 66.9402065,76.1161484" id="Fill-32" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-34" fill="#231F20" points="52.4138531 77.4938356 53.5464785 77.1340975 55.2681949 82.5647302 57.219264 81.9442211 57.5507258 82.9873047 52.5159622 84.5849193 52.1845004 83.5434065 54.1371404 82.9228975"> | |
| </polygon> | |
| <g id="Group-38" transform="translate(41.563636, 78.545455)"> | |
| <mask id="mask-6" fill="white"> | |
| <use xlink:href="#path-5"> | |
| </use> | |
| </mask> | |
| <g id="Clip-37"> | |
| </g> | |
| <path d="M4.36251927,5.95604945 L4.24941382,4.16050036 L3.06494836,4.235904 C2.38788655,4.28146036 2.05328291,4.66004945 2.08784291,5.19572945 C2.12240291,5.74083491 2.500992,6.07386764 3.123072,6.03616582 L4.36251927,5.95604945 Z M4.17872291,3.07186036 L4.00121018,0.281925818 L5.18410473,0.204951273 L5.61610473,6.97085673 L3.15291927,7.12794764 C1.74538473,7.21748945 0.903377455,6.44931491 0.827973818,5.27584582 C0.777704727,4.46839855 1.09659927,3.86202764 2.01243927,3.42688582 L0.279726545,0.517562182 L1.65113018,0.429591273 L3.192192,3.13469673 L4.17872291,3.07186036 Z" id="Fill-36" fill="#231F20" mask="url(#mask-6)"> | |
| </path> | |
| </g> | |
| <polygon id="Fill-39" fill="#231F20" points="36.9378851 85.4910196 33.0326051 84.8375215 33.2132596 83.756736 35.9466415 84.2154415 36.2121251 82.6351069 33.569856 82.1921105 33.7520815 81.1144669 36.3927796 81.5558924 36.7085324 79.6770851 33.880896 79.2042415 34.0615505 78.1250269 38.0595142 78.7942342"> | |
| </polygon> | |
| <polygon id="Fill-41" fill="#231F20" points="27.3636655 80.960832 29.2644655 76.6282647 30.2824145 77.0744029 27.5568873 83.2873484 26.4698182 82.8113629 25.5005673 77.1372393 23.56992 81.5389265 22.5519709 81.0927884 25.2774982 74.8798429 26.4258327 75.3825338"> | |
| </polygon> | |
| <path d="M20.1120349,72.8210095 L19.4679622,72.3026095 C18.3604713,71.4134749 17.0833222,71.6176931 16.2460276,72.6592058 C15.3726022,73.744704 15.4825658,74.9920058 16.5382167,75.8402967 L17.2357004,76.4011113 L20.1120349,72.8210095 Z M17.4744785,77.9940131 L15.8108858,76.6555985 C14.2258385,75.3831622 13.9870604,73.4870749 15.2783476,71.8800349 C16.498944,70.3641076 18.4720058,70.1017658 20.0994676,71.411904 L21.7206458,72.7141876 L17.4744785,77.9940131 Z" id="Fill-43" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-45" fill="#231F20" points="14.0125091 65.3714444 14.7649745 66.2888553 9.51813818 70.5868625 8.76567273 69.6678807"> | |
| </polygon> | |
| <polygon id="Fill-47" fill="#231F20" points="6.77925818 63.1285004 10.9798691 60.9622167 11.4888436 61.9503185 5.46440727 65.0560058 4.92087273 64.0019258 7.73751273 58.9907258 3.47249455 61.1915695 2.96194909 60.2034676 8.98481455 57.0977804 9.55976727 58.209984"> | |
| </polygon> | |
| <path d="M1.17064145,48.3207971 L2.00008145,49.238208 C1.41413236,49.808448 1.14707782,50.4383825 1.30573964,51.2144116 C1.55551418,52.4507171 2.74155055,53.1811898 4.05168873,52.9157062 C5.36182691,52.6502225 6.17398691,51.5348771 5.90850327,50.223168 C5.69800145,49.1816553 4.90783418,48.6491171 4.046976,48.6695389 L4.50411055,50.931648 L3.44374691,51.1452916 L2.76040145,47.7678371 L6.32165236,47.0467898 L6.53843782,48.1181498 L5.65244509,48.2972335 C6.30594327,48.5784262 6.86832873,49.1738007 7.06469236,50.1430516 C7.42757236,51.9433135 6.28866327,53.7592844 4.30460509,54.1614371 C2.318976,54.5635898 0.564270545,53.3429935 0.179397818,51.4421935 C-0.104936727,50.0393716 0.338059636,49.0465571 1.17064145,48.3207971" id="Fill-49" fill="#231F20"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Custom SVG for Trending Icon SVG" id="0c7178cfb720755b60aee722b754c783"> | |
| <![CDATA[<svg class="eyes-svg pop-in" width="81px" height="68px" viewBox="0 0 31 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-394.000000, -565.000000)" stroke="#000000"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <g id="Group-11" transform="translate(28.000000, 28.000000)"> | |
| <ellipse id="Oval" stroke-width="1.6" fill="#FFFFFF" cx="6.44444444" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-2" stroke-width="3.2" fill="#FFFFFF" cx="5.63888889" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy" stroke-width="1.6" fill="#FFFFFF" cx="22.5555556" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-3" stroke-width="3.2" fill="#FFFFFF" cx="21.75" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <path d="M6.44444444,0.0700739525 L6.44444444,4.88330367" id="Line" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M10.4722222,1.64583153 L10.4722222,6.45906125" id="Line-Copy" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M2.41666667,1.64583153 L2.41666667,6.45906125" id="Line-Copy-2" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M22.5555556,0.0700739525 L22.5555556,4.88330367" id="Line-Copy-5" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M26.5833333,1.64583153 L26.5833333,6.45906125" id="Line-Copy-4" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M18.5277778,1.64583153 L18.5277778,6.45906125" id="Line-Copy-3" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <write_to_header data-rm-friendly-name="ReorderElement"> | |
| <![CDATA[<script> | |
| function reOrderElement(){ | |
| document.querySelectorAll('.homepage_component_wrapper.reorderable ').forEach( wrapper => { | |
| //console.log(wrapper); | |
| /* NodeList.prototype.forEach = Array.prototype.forEach | |
| var allPosts=wrapper.childNodes; | |
| // console.log(allPosts); | |
| var newsPosts; | |
| var featurePosts; | |
| var n_c=0; | |
| var f__c=0; | |
| /* for (var i = 0; i < allPosts.length; i++) { | |
| if(allPosts[i].classList && allPosts[i].classList.contains('news-post-whats-new')){ | |
| newsPosts.push(allPosts[i]) | |
| } | |
| else{ | |
| featurePosts.push(allPosts[i]); | |
| } | |
| }*/ | |
| /* allPosts.forEach(article => { | |
| if(article.classList && article.classList.contains('news-post-whats-new')){ | |
| //newsPosts.push(article) | |
| newsPosts[n_c]=article; | |
| n_c++; | |
| } | |
| else if(article.classList && article.classList.contains('what-new-item')){ | |
| //featurePosts.push(article); | |
| featurePosts[f__c]=article; | |
| f_c++; | |
| } | |
| })*/ | |
| if(window.innerWidth>1439){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>1079){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>767){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| }) | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code data-rm-friendly-name="Add widget sections and layout" id="8e79b13b1d13e8e818795bd5990d6d37"> | |
| <![CDATA[<script> | |
| function selectLayout(element) { | |
| var layoutName = 'no-layout-selected' | |
| if (element.querySelector('.widget__head + .widget__body [class^="custom-field"]')) { | |
| layoutName = element.querySelector('.widget__head + .widget__body [class^="custom-field"]').getAttribute('class').split('custom-field-').pop(); | |
| if (layoutName.indexOf('news') != -1) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| } | |
| if (layoutName == 'no-layout-selected') { | |
| if (element.classList && element.classList.contains('tag-news')) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(element.querySelector('.widget__section')?element.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| // element.closest('.posts_stream').classList.add('feature-layout') | |
| } | |
| } | |
| function setWidgetSectionSelector() { | |
| document.querySelectorAll('.posts_stream .stream-post > .posts-custom > .posts-wrapper > .widget:not(.processed):not(.whats-new-widget)').forEach(element => { | |
| selectLayout(element); | |
| element.classList.add('processed'); | |
| element.classList.add('infinite-scroll-post') | |
| var widgetSection=element.querySelector('.widget__section'); | |
| var section_name=getPrimarySectionName( widgetSection ?widgetSection.innerText.toLowerCase(): "") | |
| if(section_name !=="") { | |
| element.classList.add('article__splash-custom'); | |
| widgetSection ? element.setAttribute('data-s2-value',widgetSection.innerText.toLowerCase()): ""; | |
| widgetSection ? widgetSection.innerText=section_name : ""; | |
| widgetSection ? widgetSection.href="/"+section_name : ""; | |
| element.classList.add(`select-section-${section_name}`); | |
| if(element.querySelector('.custom-field-feature-color-primary') | |
| && element.querySelector('.custom-field-fearure-color-secondary')){ | |
| // alert('present') | |
| addStylesForSelectedColor(element.querySelector('.custom-field-feature-color-primary') | |
| .innerText,element.querySelector('.custom-field-fearure-color-secondary').innerText); | |
| element.classList.add(`select-section-${element.querySelector('.custom-field-feature-color-primary').innerText}`); | |
| } | |
| if(element.querySelector('.widget__subheadline')){ | |
| if(element.querySelector('.body-description')){ | |
| element.querySelector('.body-description').insertAdjacentElement('afterbegin',element.querySelector('.widget__subheadline')) | |
| } | |
| } | |
| element.querySelector('article').classList.add('post-splash-custom') | |
| element.querySelector('.widget__headline').classList.add('headline-container'); | |
| element.querySelector('.widget__headline-text').classList.add('headline'); | |
| element.querySelector('.social-date')?element.querySelector('.social-date').classList.add('post-date'):""; | |
| element.querySelector('.social-author').className='post-author-list'; | |
| element.querySelector('.social-author__avatar').className='post-author__avatar image'; | |
| element.querySelector('.social-author__name').className='post-author__name'; | |
| } | |
| if(element.querySelector('.custom-field-feature-layout-2') || element.querySelector('.custom-field-feature-layout-3')){ | |
| AuthorBylinePositioning(element) | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code id="a6b5399ffa66710cd079b9926aab1914" data-rm-friendly-name="Post General CSS"> | |
| <![CDATA[<style> | |
| a[href^="https://content.jwplatform.com"] { | |
| display:none; | |
| } | |
| .post-author-list { | |
| font-size:0; | |
| color:transparent; | |
| } | |
| .post-author { | |
| display:inline-block; | |
| } | |
| .posts_stream.news-layout .badge-list-sponsored { | |
| /* display:none !important; */ | |
| } | |
| .news-layout .widget__image { | |
| position:relative; | |
| } | |
| .news-layout .photo-credit { | |
| position: absolute; | |
| right: 10PX; | |
| bottom: 5PX; | |
| } | |
| /*.news-layout.news-layout-2-image .photo-credit { | |
| display:none !important; | |
| }*/ | |
| .news-layout .photo-credit:before { | |
| left: -10px; | |
| position: absolute; | |
| right: -10px; | |
| bottom: -5px; | |
| display: block; | |
| top: -5px; | |
| background: #ccc; | |
| opacity: .2; | |
| content: ""; | |
| } | |
| [class^="custom-field-news"],[class^="custom-field-feature"]{ | |
| display:none !important; | |
| } | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .posts_stream { | |
| position:relative; | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| position:unset; | |
| background:none !important | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:10px; | |
| } | |
| .post-splash-custom .headline-container .headline, .body-description .pullquote-paragraph { | |
| font-family: 'Basetica-Regular',Arial; | |
| font-size: 30px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.47; | |
| letter-spacing: normal; | |
| display:inline; | |
| padding:5px 0 0; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size:28px; | |
| line-height: 1.5; | |
| text-align: center; | |
| } | |
| .post-splash-custom .widget__section { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 10px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.2; | |
| letter-spacing: normal; | |
| text-align: center; | |
| border:solid 1px; | |
| margin-top:12px; | |
| padding:10px 10px 7px; | |
| display:inline-block; | |
| text-transform: capitalize; | |
| } | |
| .post-splash-custom .widget__head + .widget__body { | |
| padding:30px 0 90px; | |
| position:relative; | |
| } | |
| .post-splash-custom .widget__head + .widget__body:after { | |
| background-image:url(https://assets.rbl.ms/19063793/2000x.png); | |
| content:""; | |
| display:block; | |
| margin:0 auto; | |
| margin-top:60px; | |
| background-repeat:no-repeat; | |
| width: 31px; | |
| height: 22px; | |
| background-position: -5px -5px; | |
| } | |
| .post-author-list { | |
| width:100%; | |
| box-sizing:border-box; | |
| } | |
| .post-author__avatar, .post-author__name { | |
| display: inline-block; | |
| vertical-align: top; | |
| position: relative; | |
| overflow: hidden; | |
| width: | |
| } | |
| .post-author__name { | |
| margin:15px 20px; | |
| } | |
| .post-author:first-child .post-author__name:before { | |
| content:"BY " | |
| } | |
| .post-author__name:hover { | |
| opacity:.5; | |
| } | |
| .post-author__name , .post-splash-custom .post-date{ | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| color: #000000; | |
| text-transform:uppercase; | |
| } | |
| .post-author__avatar { | |
| height:60px; | |
| width:60px; | |
| } | |
| .post-splash-custom .post-date { | |
| display: block; | |
| position: absolute; | |
| padding-left: 112px; | |
| margin-top: -20px; | |
| opacity:.4 | |
| } | |
| .body-description { | |
| font-family: 'Apercu',Arial; | |
| font-size: 16px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 24px; | |
| letter-spacing: normal; | |
| color: #000000; | |
| text-align:center; | |
| padding:0 30px | |
| } | |
| .post-author-list{ | |
| padding: 0 30px; | |
| } | |
| .body-description > *{ | |
| padding:0 ; | |
| text-align:left; | |
| box-sizing:border-box; | |
| } | |
| .body-description h2, | |
| .body-description h3, | |
| .body-description h4, | |
| .body-description h5, | |
| .body-description h6, | |
| .body-description strong { | |
| font-weight:bold; | |
| font-family:'Apercu-Bold',Arial; | |
| } | |
| .tags { | |
| margin-left:30px; | |
| margin-right:30px; | |
| padding-top:100px; | |
| padding-bottom:50px; | |
| position:relative; | |
| background-size: 20px 15px; | |
| background-position:left 60px; | |
| text-align: left; | |
| } | |
| .share-tab-img { | |
| display:block; | |
| } | |
| .tags:before { | |
| content:"TAGS"; | |
| opacity: 0.4; | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 10px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: normal; | |
| letter-spacing: -0.4px; | |
| color: #000000; | |
| display:block; | |
| padding-bottom:15px; | |
| } | |
| .tags:after { | |
| content:""; | |
| display:block; | |
| height:15px; | |
| width:100%; | |
| bottom:0; | |
| position: absolute; | |
| background-size:20px 15px | |
| } | |
| .tags .tags__item{ | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 14px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: normal; | |
| letter-spacing: -0.6px; | |
| padding: 9px 10px 7px; | |
| display: inline-block; | |
| margin-right:14px; | |
| margin-left:0; | |
| opacity:.8; | |
| text-transform: capitalize; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:20px; | |
| } | |
| .body .photo-credit { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.33; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #a1a1a1; | |
| } | |
| .post-splash-custom .widget__subheadline * { | |
| font-family: Basetica-Regular,Arial; | |
| font-size: 22px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 22px; | |
| letter-spacing: normal; | |
| color: #000000; | |
| } | |
| .post-splash-custom .widget__subheadline { | |
| margin-bottom:30px; | |
| } | |
| .body .ee-ul li { | |
| list-style-type: none; | |
| } | |
| .body .ee-ul li:before { | |
| font-size: 16px; | |
| color: #6d1730; | |
| letter-spacing: 0; | |
| content: "- "; | |
| font-family: Adieu; | |
| line-height: 22px; | |
| } | |
| .body .ee-ol li:before { | |
| font-size: 16px; | |
| color: #6d1730; | |
| letter-spacing: 0; | |
| content: counter(li)" - "; | |
| font-family: Adieu; | |
| line-height: 22px; | |
| } | |
| .ee-ol li { | |
| counter-increment: li; | |
| } | |
| .body .ee-ol { | |
| list-style: none; | |
| counter-reset: li; | |
| margin-left: 30px; | |
| } | |
| .body .ee-ul { | |
| margin-left: 30px; | |
| } | |
| .sidebar_outer { | |
| display:none; | |
| } | |
| .article__splash-custom .widget__shares { | |
| display:none !important; | |
| } | |
| .body-description a { | |
| background-color:#f1f1f1; | |
| text-decoration:underline; | |
| } | |
| .body .image-media.media-photo-credit, | |
| .body .image-media.media-caption { | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size:11px; | |
| line-height:18px; | |
| color:#666; | |
| } | |
| .body .image-media.media-caption { | |
| text-transform:uppercase; | |
| } | |
| .body .image-media.media-photo-credit p, | |
| .body .image-media.media-caption p { | |
| margin:0; | |
| } | |
| .body .image-media.media-photo-credit { | |
| font-family:'Apercu',Arial; | |
| } | |
| .infinite-scroll .subscription-divider { | |
| height: 100% !important; | |
| } | |
| .body-description .end-credits { | |
| font-family: Apercu-Mono,Arial; text-transform:uppercase; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.33; | |
| letter-spacing: normal; | |
| color: #000000; | |
| } | |
| .body .widget__show-more { | |
| font-family: "Apercu",Arial; | |
| text-transform: lowercase; | |
| line-height: 56px; | |
| border: 1px solid #000; | |
| color: #000; | |
| margin: 60px auto 0; | |
| text-align: center !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="91e07b0c507b6debb1e2f6445e31630f" data-rm-friendly-name="Post General CSS - CTA dropcap related article"> | |
| <![CDATA[<style> | |
| iframe.instagram-media { | |
| position:relative !important; | |
| } | |
| .body-description .dropcap-paragraph:first-letter { | |
| color: {{default-color-dark}}; | |
| float: left; | |
| font-family: Adieu; | |
| font-size: 42px; | |
| line-height: 36px; | |
| margin-left:-3px; | |
| padding-right:8px; | |
| } | |
| .body-description blockquote { | |
| font-weight:bold; | |
| margin-left:40px; | |
| margin-right:0; | |
| } | |
| .body-description blockquote:before { | |
| width: 15px; | |
| height: 100%; | |
| margin-left: -40px; | |
| position: absolute; | |
| content: ""; | |
| background-size: 20px 20px; | |
| background-repeat:repeat-y; | |
| } | |
| .cta-poll { | |
| background: #f8f8f8; | |
| color: {{default-color-dark}}; | |
| padding: 0; | |
| margin: 30px auto; | |
| border: 30px solid {{default-color-dark}}; | |
| max-width: 450px; | |
| height: unset; | |
| } | |
| .cta-poll .verticalize__box { | |
| width: 100%; | |
| display: block; | |
| max-width: 100%; | |
| } | |
| .cta-poll .verticalize:before { | |
| display: none; | |
| } | |
| .cta-poll-block .cta-poll__question { | |
| font-family: Basetica-Regular,Arial; | |
| font-size: 30px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.2; | |
| letter-spacing: 0px; | |
| text-align: center; | |
| color: {{default-color-dark}}; | |
| margin: 50px 0 40px; | |
| padding: 0; | |
| } | |
| .cta-poll-block .cta-poll__answers { | |
| padding: 0; | |
| margin: 0 35px 50px; | |
| height: 90px; | |
| display: flex; | |
| } | |
| .cta-poll-block .cta-poll__answer-item { | |
| border-top: 2px solid #ededed; | |
| border-bottom: 2px solid #ededed; | |
| border-left: 2px solid #ededed; | |
| border-right: none; | |
| background-color: #ffffff; | |
| float: none; | |
| width: 190px; | |
| height: 100%; | |
| display: inline-block; | |
| padding: 0; | |
| } | |
| .cta-poll-block .cta-poll__answer-item:first-child { | |
| border-bottom-left-radius: 10px; | |
| border-top-left-radius: 10px; | |
| } | |
| .cta-poll-block .cta-poll__answer-item:last-child { | |
| border-right: 2px solid #ededed; | |
| border-bottom-right-radius: 10px; | |
| border-top-right-radius: 10px; | |
| } | |
| .cta-poll__answer-item label { | |
| display: flex; | |
| height: 100%; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .cta-poll__answer-item .inuit-flag { | |
| height: 100%; | |
| } | |
| .cta-poll__answer-item .inuit-flag__body { | |
| width: 100%; | |
| text-align: center; | |
| height: 100%; | |
| vertical-align: unset; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .cta-poll.cta-poll--multiple-options .cta-poll__answer__share-number, | |
| .cta-poll-block .inuit-flag__img { | |
| display: none; | |
| } | |
| .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #e0bbad, #8d0545); | |
| font-family: Apercu,Arial; | |
| font-size: 22px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: 0.5px; | |
| text-align: center; | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| /*.select-section-beauty blockquote:before{ | |
| background-repeat: repeat-y ; | |
| background-image:url("data:image/svg+xml;utf8,<svg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20520.15%2025.62%22%20style=%22transform:rotate(90deg)%22> | |
| <defs> | |
| <style>.cls-1{fill:none;stroke:#${primary};stroke-miterlimit:10;stroke-width:5px;}<%2Fstyle> | |
| <%2Fdefs> | |
| <title>Asset%2017<%2Ftitle> | |
| <g%20id=%22Layer_2%22%20data-name=%22Layer%202%22> | |
| <g%20id=%22Layer_5%22%20data-name=%22Layer%205%22> | |
| <path%20class=%22cls-1%22%20d=%22M0,2.5c28,0,28,20.16,55.92,20.16S83.88,2.5,111.84,2.5s28,20.16,55.93,20.16,28-20.16,55.92-20.16,28,20.16,55.92,20.16,28-20.16,55.92-20.16,28,20.16,55.92,20.16,28-20.16,55.93-20.16,28,20.16,55.93,20.16%22%2F> | |
| <%2Fg> | |
| <%2Fg> | |
| <%2Fsvg>") ; | |
| background-size: 273px 100px; | |
| background-position: -128px 0; | |
| width: 17px; | |
| }*/ | |
| .posts-custom blockquote { | |
| border-left: 0; | |
| } | |
| @media (min-width:768px) { | |
| .body-description blockquote { | |
| margin-left:60px; | |
| } | |
| } | |
| @media (max-width:767px) { | |
| .body-description .dropcap-paragraph:first-letter { | |
| position:relative; | |
| top:3px; | |
| } | |
| } | |
| /*==== related article=====*/ | |
| .body .nested-posts article { | |
| max-width: 470px; | |
| box-sizing: border-box; | |
| padding: 30px 0; | |
| margin: 0 auto; | |
| border:1px solid #000; | |
| position:relative; | |
| border-left:0; | |
| border-right:0; | |
| } | |
| .body .nested-posts .image{ | |
| position: absolute; | |
| height: 60px; | |
| width: 60px; | |
| border-radius: 60px; | |
| top:35px; | |
| } | |
| .body .nested-posts .headline-container { | |
| display: block; | |
| padding-left: 80px; | |
| } | |
| .body .nested-posts .headline-container a { | |
| background:transparent; | |
| text-decoration:none; | |
| } | |
| .body .nested-posts .headline-container .headline { | |
| display: block; | |
| background-color: transparent !important; | |
| box-shadow: unset !important; | |
| padding: 0; | |
| margin: 0; | |
| height: 50px; | |
| font-family: Apercu,Arial; | |
| font-size: 20px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| letter-spacing: normal; | |
| color: #000000 !important; | |
| -webkit-box-orient: vertical; | |
| display: -webkit-box; | |
| line-height: 25px; | |
| -webkit-line-clamp: 2; | |
| overflow: hidden; | |
| } | |
| .body .nested-posts .headline-container a:before { | |
| content:'DONT MISS....'; | |
| font-family: Adieu; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #000000; | |
| padding-bottom:17px; | |
| display:block; | |
| text-align:left; | |
| } | |
| .body .nested-posts .subheadline { | |
| display:none; | |
| } | |
| @media (max-width:767px) { | |
| .body .nested-posts .headline-container .headline{ | |
| font-size: 16px; | |
| line-height:22px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="11ea3471c476cff0fcb84128406f5730" data-rm-friendly-name="Post General CSS 768px"> | |
| <![CDATA[<style> | |
| @media (min-width:768px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .post-author { | |
| display:inline-block; | |
| } | |
| .post-author .post-author__name:after { | |
| content:" /"; | |
| } | |
| .post-author:last-child .post-author__name:after { | |
| content:unset; | |
| } | |
| .news-layout .photo-credit { | |
| position: absolute; | |
| right: 0; | |
| bottom: -20px; | |
| } | |
| .news-layout.news-layout-1-image .widget__head .widget__body { | |
| width:unset; | |
| } | |
| .news-layout .photo-credit:before { | |
| background-color:transparent; | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:30px 60px 100px; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| position:absolute; | |
| background:none !important; | |
| padding:0 60px 30px; | |
| bottom:0; | |
| box-sizing:border-box; | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:15px; | |
| max-width:510px; | |
| box-sizing:unset; | |
| } | |
| .post-splash-custom .headline-container .headline { | |
| font-size: 36px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.42; | |
| letter-spacing: -0.9px; | |
| padding: 8px 0 0; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size: 38px; | |
| line-height: 1.82; | |
| } | |
| .post-author-list, | |
| .body-description { | |
| padding:0 60px; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:30px; | |
| } | |
| .body-description > * { | |
| padding:0 0; | |
| box-sizing:border-box; | |
| } | |
| .body-description .pullquote-paragraph{ | |
| padding:12px 0 5px | |
| } | |
| .body-description img { | |
| width:100% | |
| } | |
| .tags { | |
| margin-left:60px; | |
| margin-right:60px; | |
| } | |
| .post-splash-custom .post-date { | |
| padding-left: 145px; | |
| } | |
| /*.post-splash-custom .widget__image { | |
| padding-bottom:433px !important; | |
| }*/ | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="d052ecbbb8949a167d7cc27d87a84af8" data-rm-friendly-name="Post General CSS 1080px"> | |
| <![CDATA[<style> | |
| @media (min-width:1080px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .sidebar_outer { | |
| display:block; | |
| } | |
| .posts_stream .post-splash-custom{ | |
| width:calc(100% - 360px); | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:60px 60px 85px; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size: 38px; | |
| line-height: 1.82; | |
| } | |
| .post-author-list { | |
| padding:0 60px; | |
| } | |
| .body-description, | |
| .body-description > *{ | |
| padding:0 30px; | |
| } | |
| /* .post-splash-custom .widget__image { | |
| padding-bottom:455px !important; | |
| }*/ | |
| .cta-poll { | |
| margin: 40px 240px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="f9367f0835ef5685b9b39f34eb2ee296" data-rm-friendly-name="Post General CSS 1440px"> | |
| <![CDATA[<style> | |
| @media (min-width:1440px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .posts_stream .post-splash-custom{ | |
| width:calc(100% - 460px); | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:60px 60px 0 290px; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| padding:0 60px 60px; | |
| bottom:0; | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:20px; | |
| max-width:420px; | |
| box-sizing:border-box; | |
| } | |
| .post-splash-custom .headline-container .headline { | |
| font-size: 43px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.49; | |
| letter-spacing: -1px; | |
| padding: 10px 0 0; | |
| } | |
| .post-splash-custom .widget__head + .widget__body { | |
| padding-top:0; | |
| } | |
| .news-layout .post-splash-custom .widget__head { | |
| min-height:560px; | |
| box-sizing:border-box; | |
| } | |
| .post-author-list { | |
| padding:0 60px; | |
| margin-top:-30px; | |
| position:absolute; | |
| } | |
| .post-author__name, .post-splash-custom .post-date { | |
| display:block; | |
| position:absolute; | |
| margin:10px 0 0; | |
| } | |
| .post-author__avatar { | |
| border: 4px solid #f8f8f8; | |
| } | |
| .post-splash-custom .post-date { | |
| top: 50px; | |
| padding-left: 60px; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:10px; | |
| } | |
| .body-description{ | |
| padding:50px 60px 0 290px; | |
| } | |
| .body-description > * { | |
| padding:0 0 ; | |
| } | |
| /* .post-splash-custom .widget__image { | |
| padding-bottom:505px !important; | |
| }*/ | |
| .tags { | |
| margin-left:290px; | |
| margin-right:60px; | |
| } | |
| .news-layout .post-splash-custom .widget__image { | |
| padding-bottom:67.66% !important; | |
| } | |
| .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% + 85px) 0 ; | |
| } | |
| .cta-poll { | |
| margin: 40px 370px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="a91b5acbab96b41ffe09c2700896edec" data-rm-friendly-name="Post General CSS 1920px and beyond"> | |
| <![CDATA[<style> | |
| @media (min-width:1441px){ | |
| .all-content-wrapper{ | |
| max-width: 1920px; | |
| margin:0 auto; | |
| } | |
| .post-splash-custom .widget__head { | |
| padding: 60px calc((100% * 180)/1920) 60px calc((100% * 600)/1920); | |
| } | |
| .body-description{ | |
| padding: 50px calc((100% * 180)/1920) 0 calc((100% * 600)/1920); | |
| } | |
| .post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{ | |
| padding-left:calc((100% * 250)/1920); | |
| } | |
| .tags { | |
| margin-left: calc((100% * 600)/1920); | |
| margin-right: calc((100% * 180)/1920); | |
| } | |
| } | |
| @media (min-width:1921px){ | |
| .all-content-wrapper{ | |
| max-width: 1920px; | |
| margin:0 auto; | |
| } | |
| .post-splash-custom .widget__head { | |
| padding: 60px 180px 0 600px; | |
| } | |
| .body-description{ | |
| padding: 50px 180px 0 460px; | |
| } | |
| .post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{ | |
| padding-left:250px; | |
| } | |
| .tags { | |
| margin-left: 600px; | |
| margin-right: 180px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="fa85d5b27a5036ecdf11509616f58652" data-rm-friendly-name="Post General CSS news layout no image update"> | |
| <![CDATA[<style> | |
| .news-layout-no-image .post-splash-custom .widget__image { | |
| background-image:none !important; | |
| padding: 0 0 0 !important; | |
| display:none; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 30px 30px; | |
| } | |
| @media (min-width:768px){ | |
| .news-layout-no-image .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 60px 30px; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:80px 60px 70px; | |
| } | |
| } | |
| @media (min-width:1441px){ | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding-left: calc((100% * 250)/1920);; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head { | |
| min-height:unset; | |
| box-sizing:border-box; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="d212d15277572da43490dbf7913b62d9" data-rm-friendly-name="Post General CSS news-layout-2-image update"> | |
| <![CDATA[<style> | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| background-image:none !important; | |
| padding: 0 0 0 !important; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 30px 30px; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| background-image: none !important; | |
| padding: 0 0 40px !important; | |
| position: absolute; | |
| bottom: unset; | |
| right: 20px; | |
| top: calc((100% - 40px)/ 2 - 40px); | |
| left: 0; | |
| right: 0; | |
| text-align: center; | |
| } | |
| @media (min-width:768px){ | |
| .news-layout-2-image .post-splash-custom .widget__head { | |
| padding: 0 0 0 !important; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:40px 60px 30px; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| top:unset; | |
| bottom: 40px; | |
| right: 20px; | |
| left: 40%; | |
| right: 60px; | |
| text-align: right; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 60px 50%; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body .headline-container { | |
| position:absolute; | |
| max-width:40%; | |
| bottom:130px | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body .widget__section { | |
| position:absolute; | |
| bottom:70px | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head { | |
| min-height:unset; | |
| box-sizing:border-box; | |
| } | |
| } | |
| @media (min-width:1441px){ | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| padding-left:calc((100% * 250)/1920); | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="7f1c3ec860254581e34e7de056776a51" data-rm-friendly-name="Post General CSS news-layout-2-image update image"> | |
| <![CDATA[<style> | |
| /* Lead Avatars */ | |
| .custom-field-image-avatar1 .share-media-panel, | |
| .custom-field-image-avatar2 .share-media-panel { display: none } | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| display: inline-block; | |
| width: 55.55%; | |
| margin-bottom: 60px; | |
| border-radius: 50%; | |
| overflow:hidden; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-6% } | |
| .custom-field-image-avatar2 { margin-left:-6% } | |
| .custom-field-image-avatar1 img, | |
| .custom-field-image-avatar2 img { | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| @media (min-width:768px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:46.3%; | |
| margin-bottom: -25px; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-3% } | |
| .custom-field-image-avatar2 { margin-left:-3% } | |
| .custom-field-image-avatar1 { | |
| margin-left:6.65%; | |
| } | |
| .custom-field-image-avatar2 { | |
| margin-right:5%; | |
| } | |
| } | |
| @media (min-width:1080px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:46.7%; | |
| margin-bottom: 20px; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-3% } | |
| .custom-field-image-avatar2 { margin-left:-3% } | |
| .custom-field-image-avatar1 { | |
| margin-left:6.15%; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:30.613%; | |
| position:absolute; | |
| margin-bottom: 0; | |
| margin:0; | |
| } | |
| .custom-field-image-avatar1 { right:calc(30.613% - 40px)} | |
| .custom-field-image-avatar2 { right:60px;top:35% ;} | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="83ad41502d83d58536d8235b599a0bcf" data-rm-friendly-name="Post Author Image Over ride"> | |
| <![CDATA[<style> | |
| .select-section-entertainment .post-author__avatar.image, | |
| .select-section-entertainment .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136472/2000x.png) !important; | |
| } | |
| .select-section-beauty .post-author__avatar.image, | |
| .select-section-beauty .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136476/2000x.png) !important; | |
| } | |
| .select-section-fashion .post-author__avatar.image, | |
| .select-section-fashion .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136480/2000x.png) !important; | |
| } | |
| .select-section-life .post-author__avatar.image , | |
| .select-section-life .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136486/2000x.png) !important; | |
| } | |
| @media (max-width:767px) { | |
| .post-author { | |
| display: block; | |
| padding-left: 62px; | |
| margin-top: -10px; | |
| position: relative; | |
| top: -20px; | |
| } | |
| .post-author:first-child { | |
| padding-left:0; | |
| top:0; | |
| } | |
| .post-author .post-author__avatar { | |
| display:none | |
| } | |
| .post-author:first-child .post-author__avatar { | |
| display:inline-block | |
| } | |
| .post-author + .post-author:last-child { | |
| padding-bottom:0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="9dc9e08136b18139b56f38eefd941c77" data-rm-friendly-name="Post Feature Layout over writes"> | |
| <![CDATA[<style> | |
| .posts_stream.feature-layout .post-splash-custom .widget__head { | |
| display: flex; | |
| flex-direction: column; | |
| padding: 30px 30px 60px; | |
| text-align: center; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > .widget__image, | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > a, | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > .widget__video { | |
| order: 1 | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body { | |
| display: flex; | |
| flex-direction: column; | |
| order: 0; | |
| align-items: flex-start; | |
| justify-content: center; | |
| text-align: center; | |
| max-width:800px; | |
| margin:0 auto; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .widget__section { | |
| margin: 0 auto; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container { | |
| order: 2; | |
| margin: 0 auto; | |
| margin-top: 30px; | |
| padding-left: 0 !important; | |
| max-width:unset; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| font-size: 48px; | |
| line-height: 1.08; | |
| display: unset; | |
| background-color: unset !important; | |
| box-shadow: unset; | |
| color: #fff; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| position: absolute; | |
| top: -60px; | |
| left: 30px; | |
| } | |
| .posts_stream .post-splash-custom .photo-credit { | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 11px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| color: #fff; | |
| z-index: 1; | |
| text-transform: uppercase; | |
| } | |
| .sponsored-post .widget__image { | |
| position:relative; | |
| } | |
| .sponsored-post .widget__image:after { | |
| position: absolute; | |
| width: 85px; | |
| height: 72px; | |
| top: -10px; | |
| display: block; | |
| content: ""; | |
| background-image: url(https://assets.rbl.ms/19270494/2000x.png); | |
| right: -10px; | |
| background-size: cover; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| /* display: none;*/ | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| overflow: visible; | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored > a.badge { | |
| box-sizing: border-box; | |
| margin: 0; | |
| vertical-align: middle; | |
| background-color: | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| content: " "; | |
| font-size: 14px; | |
| font-weight: bold; | |
| padding-right: 0; | |
| font-family: Apercu-Mono,Arial; | |
| color: #000; | |
| display: inline-block; | |
| box-sizing: border-box; | |
| text-align: right; | |
| vertical-align: middle; | |
| position: relative; | |
| width: 67px; | |
| margin-right: 0; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{fill:%23000;}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x white%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath class='cls-2' d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath class='cls-2' d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath class='cls-2' d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath class='cls-2' d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath class='cls-2' d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath class='cls-2' d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E"); | |
| height: 23px; | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored img { | |
| margin-left: 2px; | |
| max-height: 30px; | |
| width: auto; | |
| border:0; | |
| border-radius:0; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored .badge-name, | |
| .posts_stream.feature-layout .badge-list-sponsored .badge-description { | |
| display: none; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| order:4; | |
| width:100%; | |
| position:relative; | |
| margin-top:50px; | |
| padding-bottom:20px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:30px 0 0; | |
| margin-bottom:0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 30px 0 ; | |
| } | |
| .feature-layout .post-splash-custom .body > .widget__subheadline * { | |
| line-height:22px; | |
| font-size:22px; | |
| } | |
| .feature-layout .post-splash-custom .body { | |
| line-height:24px; | |
| font-family:"Apercu",Arial; | |
| font-size:16px; | |
| } | |
| .feature-layout .sidebar_outer { | |
| background-color:#f1f1f1 !important; | |
| } | |
| @media (min-width: 768px) { | |
| .sponsored-post .widget__image:after { | |
| width: 119px; | |
| height: 100px; | |
| top: -12px; | |
| right: -12px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| color:#fff; | |
| width: 77px; | |
| height: 30px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{fill:%23fff;}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x white%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath class='cls-2' d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath class='cls-2' d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath class='cls-2' d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath class='cls-2' d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath class='cls-2' d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath class='cls-2' d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| padding-bottom:40px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head { | |
| padding: 45px 60px 158px; | |
| margin-bottom: -150px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body { | |
| position: unset; | |
| padding: 30px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body { | |
| text-align: center; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| position: absolute; | |
| top: -10px; | |
| left: 60px; | |
| max-width: calc(50% - 90px); | |
| text-align: left; | |
| } | |
| .posts_stream.feature-layout .post-author-list, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| margin: 0; | |
| width: auto; | |
| text-align: center; | |
| display: inline-block; | |
| padding: 0; | |
| line-height: 12px; | |
| height: 12px; | |
| vertical-align: top; | |
| position: unset; | |
| box-sizing: border-box; | |
| text-align: left; | |
| } | |
| .posts_stream.feature-layout .post-author__avatar.image { | |
| position: absolute; | |
| top: -45px; | |
| left: 50%; | |
| width: 60px; | |
| height: 60px; | |
| border: 4px solid #fff; | |
| margin-left: -30px; | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 2; | |
| letter-spacing: normal; | |
| color: #e8d4c8; | |
| opacity: 1; | |
| margin: 20px 0 18px; | |
| padding: 0 3px; | |
| position: unset; | |
| top:unset; | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author:last-child .post-author__name { | |
| padding-right:11px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| padding-left:11px; | |
| } | |
| .posts_stream.feature-layout .post-author-list { | |
| text-align: right; | |
| } | |
| .posts_stream.feature-layout .post-date:before { | |
| content: '\00b7'; | |
| display: inline-block; | |
| vertical-align: top; | |
| line-height: 1; | |
| position: absolute; | |
| top: 3px; | |
| font-size: 18px; | |
| left: -5px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body { | |
| padding-top:50px; | |
| margin-top: 85px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 60px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image { | |
| top:-30px; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin-top:50px; | |
| } | |
| } | |
| @media (min-width: 1080px) { | |
| .posts_stream.feature-layout .post-splash-custom{ | |
| width:100% ; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body{ | |
| width:calc(100% - 360px); | |
| } | |
| .rebellt-item.parallax{ | |
| left: calc(-50vw + 50% + 186px); | |
| } | |
| .posts_stream.feature-layout .tags { | |
| margin-left: 60px; | |
| margin-right: 420px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| max-width: calc(50% - 120px); | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% - 180px) 0 ; | |
| } | |
| } | |
| @media (min-width: 1440px) { | |
| .posts_stream.feature-layout .post-splash-custom{ | |
| width:100% ; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body{ | |
| width:calc(100% - 460px); | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| margin: 54px 0 18px | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body { | |
| padding-top:0; | |
| } | |
| .posts_stream.feature-layout .tags { | |
| margin-left:290px; | |
| margin-right:520px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% - 130px) 0 ; | |
| } | |
| } | |
| @media (min-width: 1441px) {.posts_stream.feature-layout .tags { | |
| margin-left: calc((100% * 600)/1920 - 140px); | |
| margin-right: calc(((100% - 460px) * 180)/1920 + 460px); | |
| } | |
| } | |
| @media (min-width: 1921px) { | |
| .posts_stream.feature-layout .tags { | |
| margin-left:600px | |
| margin-right: 640px; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| position: absolute; | |
| top: 10px; | |
| left: 110px; | |
| } | |
| .posts_stream.feature-layout .sponsored-post .post-author__name { | |
| margin-top:37px | |
| } | |
| .posts_stream.feature-layout .sponsored-post .post-author__name { | |
| margin-top:25px | |
| } | |
| .post-splash-custom .post-date { | |
| margin-top:-12px | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored img { | |
| max-height:23px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| font-size:12px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="4f680276a28f00869e6d62c6440ef734" data-rm-friendly-name="Post Feature Layout 2- 3 over writes"> | |
| <![CDATA[<style> | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__body .headline-container .headline , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__body .headline-container .headline { | |
| background-color: #fff !important; | |
| color:#000 !important; | |
| line-height:1.4; | |
| display:inline; | |
| box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| order:4; | |
| width:100%; | |
| position:relative; | |
| margin-top:20px; | |
| padding-bottom:40px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:30px 0 0; | |
| margin-bottom:0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 30px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head > .photo-credit { | |
| position: relative; | |
| top: unset; | |
| padding: 30px; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| left: unset; | |
| order: 5; | |
| box-sizing: border-box; | |
| width: 100%; | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 11px; | |
| line-height: 1.82; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #666666 ; | |
| } | |
| @media (min-width: 768px) { | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| margin-top:50px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 ..post-splash-custom .body { | |
| margin-top: 50px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 60px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image { | |
| top:-30px; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin-top:50px; | |
| color:#fff; | |
| } | |
| .posts_stream.feature-layout .widget__head > .photo-credit { | |
| padding:50px 60px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .body, | |
| .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .body{ | |
| margin-top: 0; | |
| } | |
| } | |
| @media (min-width: 1080px) { | |
| } | |
| @media (min-width: 1440px) { | |
| } | |
| @media (max-width:767px){ | |
| .author-byline .post-author__avatar { | |
| position:relative; | |
| margin:0 auto; | |
| top:unset; | |
| left:unset; display:block; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| display:block; | |
| text-align:center; | |
| color:#fff; | |
| opacity:1; | |
| width:100%; | |
| padding:0 | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name { | |
| margin:15px 0 10px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin:0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="a478f333b395e9cda598f4e2c4bb33f9" data-rm-friendly-name="Beauty Section"> | |
| <![CDATA[<style> | |
| .section-beauty .post__page__ad__container { | |
| background-color:{{beauty-color-lighter}}; | |
| } | |
| .select-section-beauty .body-description a { | |
| background-color:{{beauty-color-light}}; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__head { | |
| background-color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| background-color:{{beauty-color-light}}; | |
| color:{{beauty-color-dark}}; | |
| box-shadow: 10px 0 0 {{beauty-color-light}}, -10px 0 0 {{beauty-color-light}}; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__section { | |
| border-color:{{beauty-color-light}}; | |
| color:{{beauty-color-light}} | |
| } | |
| .select-section-beauty .tags .tags__item { | |
| background-color:{{beauty-color-light}}; | |
| color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .tags, .select-section-beauty .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| background-size: 30px 15px; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170.67 122.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M80.41,122.3q-1.24,0-2.49,0C50.56,121.47,25.64,107.58,3.84,81L0,76.29l4.14-4.42c1.45-1.54,36-37.76,83.28-37.94h.34c28.11,0,54.51,12.75,78.44,37.9l4.46,4.69-4.39,4.76C164.71,83,127.9,122.3,80.41,122.3ZM18.69,77.08c18.08,20.2,38.12,30.75,59.63,31.37,33.43,1,62.1-21.9,73.07-31.94-19.88-19.1-41.26-28.77-63.63-28.77h-.28C55.11,47.87,28.81,68.08,18.69,77.08Z'/%3E%3Cellipse class='cls-1' cx='86.08' cy='77.71' rx='26.02' ry='30.73'/%3E%3Crect class='cls-1' x='10.23' y='18.63' width='16.58' height='40.82' transform='translate(-16.5 13.72) rotate(-28.75)'/%3E%3Crect class='cls-1' x='130.97' y='30.75' width='40.82' height='16.58' transform='translate(44.32 152.97) rotate(-61.24)'/%3E%3Crect class='cls-1' x='52.34' y='1.44' width='16.58' height='40.04' transform='translate(-3.45 15.92) rotate(-14.55)'/%3E%3Crect class='cls-1' x='90.45' y='13.17' width='40.04' height='16.58' transform='translate(61.93 122.99) rotate(-75.44)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| ; | |
| background-position:0; | |
| } | |
| .select-section-beauty .sidebar_outer { | |
| background:{{beauty-color-lighter}}; | |
| } | |
| .select-section-beauty .sidebar_outer .widget__headline-text, | |
| .select-section-beauty .sidebar_outer .whats-new-headline { | |
| color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .sidebar_outer .widget article, | |
| .select-section-beauty .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{beauty-color-dark}} ; | |
| } | |
| .select-section-beauty .sidebar_outer svg path { | |
| stroke :{{beauty-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-beauty .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{beauty-color-light}} | |
| } | |
| .posts_stream .select-section-beauty .post-splash-custom .photo-credit { | |
| color:{{beauty-color-light}} | |
| } | |
| .select-section-beauty .body .ee-ul li:before , | |
| .select-section-beauty .body .ee-ol li:before { | |
| color:{{beauty-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{beauty-color-light}}, -15px 0 0 {{beauty-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-beauty .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-beauty .post-splash-custom .post-date{ | |
| color:{{beauty-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{beauty-color-light}}, -20px 0 0 {{beauty-color-light}}; | |
| } | |
| } | |
| .select-section-beauty .body-description .dropcap-paragraph:first-letter { | |
| color: {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll { | |
| color: {{beauty-color-dark}}; | |
| border: 30px solid {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll-block .cta-poll__question { | |
| color: {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{beauty-color-light}}, {{beauty-color-dark}}); | |
| } | |
| .select-section-beauty .body-description blockquote:before { | |
| background-image:url("data:image/svg+xml;utf8,<svg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20111.84%2025.16%22> | |
| <defs> | |
| <style>svg{transform:rotate(90deg)}.cls-1{fill:{{beauty-color-dark}};}<%2Fstyle> | |
| <%2Fdefs> | |
| <title>Asset%203RP<%2Ftitle> | |
| <g%20id=%22Layer_2%22%20data-name=%22Layer%202%22> | |
| <g%20id=%22Beauty%22> | |
| <path%20class=%22cls-1%22%20d=%22M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0%22%2F> | |
| <%2Fg> | |
| <%2Fg> | |
| <%2Fsvg>"); | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size:24px 24px; | |
| } | |
| /*--subscription form updates */ | |
| .section-beauty .subscription_form { | |
| background-color:{{beauty-color-dark}} !important; | |
| } | |
| .section-beauty .subscription_form svg path { | |
| stroke:{{beauty-color-light}} !important; | |
| } | |
| .section-beauty .subscription_form .social-links a { | |
| color:{{beauty-color-light}} !important; | |
| border-color:{{beauty-color-light}} !important; | |
| } | |
| .section-fashion .subscription_form { | |
| background-color:{{fashion-color-dark}} !important; | |
| } | |
| .section-fashion .subscription_form svg path { | |
| stroke:{{fashion-color-light}} !important; | |
| } | |
| .section-fashion .subscription_form .social-links a { | |
| color:{{fashion-color-light}} !important; | |
| border-color:{{fashion-color-light}} !important; | |
| } | |
| .section-life .subscription_form { | |
| background-color:{{life-color-dark}} !important; | |
| } | |
| .section-life .subscription_form svg path { | |
| stroke:{{life-color-light}} !important; | |
| } | |
| .section-life .subscription_form .social-links a { | |
| color:{{life-color-light}} !important; | |
| border-color:{{life-color-light}} !important; | |
| } | |
| .section-entertainment .subscription_form { | |
| background-color:{{entertainment-color-dark}} !important; | |
| } | |
| .section-entertainment .subscription_form svg path { | |
| stroke:{{entertainment-color-light}} !important; | |
| } | |
| .section-entertainment .subscription_form .social-links a { | |
| color:{{entertainment-color-light}} !important; | |
| border-color:{{entertainment-color-light}} !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="8238a180e011c8c40f6d70a629491e64" data-rm-friendly-name="fashion Section"> | |
| <![CDATA[<style> | |
| .section-fashion .post__page__ad__container { | |
| background-color:{{fashion-color-lighter}}; | |
| } | |
| .select-section-fashion .body-description a { | |
| background-color:{{fashion-color-light}}; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__head { | |
| background-color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| background-color:{{fashion-color-light}}; | |
| color:{{fashion-color-dark}}; | |
| box-shadow: 10px 0 0 {{fashion-color-light}}, -10px 0 0 {{fashion-color-light}}; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__section { | |
| border-color:{{fashion-color-light}}; | |
| color:{{fashion-color-light}} | |
| } | |
| .select-section-fashion .tags .tags__item { | |
| background-color:{{fashion-color-light}}; | |
| color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .tags, .select-section-fashion .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 40px 16px; | |
| background-repeat:repeat-x; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.87 98.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M4.28,91.3a13.51,13.51,0,0,0,13.36,2.76l1.61-3.79h5.12l.85,5.81,9.71.66.27-5.15,5.09.66a13.86,13.86,0,0,1,.89,5l9.7.84-.29-5.89c1.45.15,3,0,4.43.11a52.2,52.2,0,0,1,.61,5.41l9.22.25s-.4-2.61-.56-5.64c1.26-.24,4,0,5.29-.2.61,2,1.49,5.67,1.49,5.67s7.5.46,9.78-.56c.27-1.43.37-4.33.65-5.76l4.65-.62c.23,1.35,1.36,5.82,1.36,5.82s5-1.15,6.53-2.2c2.63-1.83,4.06-6.73,6.48-8.82,3.38-2.92,8.11-3.57,12.56-4a238.47,238.47,0,0,1,29.74-.85c2.4.08,5,.28,6.78,1.9,3.75,3.42.93,9.81,2.6,14.6l11.71,1.27.3-4.91c1.1-.74,4.49-.53,5.79-.3.88.16.6,3,.53,4.72,2.78,0,6.15-.43,8.93-.43.06-1.54-1-4.39.42-4.86a8.54,8.54,0,0,1,4.34.06c.48.08-.08,4.42.4,4.54,4.61,1.17,7.72.5,12.21.25a261.17,261.17,0,0,0,0-45.74,5,5,0,0,0-1.11-3.22c-1.05-1-2.71-.91-4.16-.73-27.88,3.28-56.71,6.87-80.82,21.27-7.28,4.35-14.08,9.66-22,12.76-9.27,3.65-19.48,4-29.44,3.84a279.74,279.74,0,0,1-30.6-2.28c-9-1.17-19.92-7.79-28.7-7.34C-.21,81.38,1,88.28,4.28,91.3Z'/%3E%3Cpath class='cls-1' d='M119.61,38.92a65.49,65.49,0,0,0,10.45-20.5,7.91,7.91,0,0,1,2-4,7.42,7.42,0,0,1,2.56-1.2l39-12.52a10,10,0,0,1,3.89-.7c2.41.22,4.37,2.2,5.28,4.44a20,20,0,0,1,1,7.14q-7.43,2.65-14.58,6a22.07,22.07,0,0,0-6.8,4.37c-4.48,4.69-4.34,12.08-3,18.44,1.24,6.07,3.71,12.77,2,18.92-6.83-.21-13.12,3.87-19,0C140,57.77,121.73,36.12,119.61,38.92Z'/%3E%3Cpath class='cls-1' d='M27.27,60.12c15.37.32,32.56-4.07,40.45-17.27,2.26-3.78,4.37-8.67,8.74-9.24,2.92-.38,5.63,1.45,7.93,3.29A101.23,101.23,0,0,1,111.79,71a2.67,2.67,0,0,1,.39,2c-.25.74-1.06,1.11-1.79,1.39L98.74,78.77a315.07,315.07,0,0,1-24.1-29.1c-2.17-.1-3.85,2.19-3.89,4.36s1.07,4.18,2.19,6A135.36,135.36,0,0,0,91.83,84.57L77.54,86.12c-1.61.18-2.34,3.06-3.8,2.36s-3.4-4.82-4.29-6.16L60,67.94c-1.13-1.71-2.33-3.49-4.14-4.45s-4.4-.79-5.51.94a127.71,127.71,0,0,0,5.49,23c-4.93,0-10.65-2-15.58-2a54.72,54.72,0,0,1-1.11-8.5c-.14-2.95-.5-6.06-2.29-8.4s-5.48-3.47-7.76-1.59c-1,0,1,16.09,1.12,17.45-6.91-.2-25.82-2.41-28.11-11-2-7.47,4.09-10.77,11-12.2A67,67,0,0,1,27.27,60.12Z'/%3E%3Cpath class='cls-1' d='M.62,81.38A19.25,19.25,0,0,1,2.39,67.12c1-1.78,4.53-4.24,7-5,5.07-1.48,4.84,2.55,6.7,4.75a43.3,43.3,0,0,1,8.8,16.24,2.28,2.28,0,0,1-.33,2.46c-.87.79-2.51.71-3.87.55L4.84,84.32'/%3E%3Cpath class='cls-1' d='M116.54,41.69A20.4,20.4,0,0,1,109.27,40L97.58,35.63a8.26,8.26,0,0,1-3.46-2.15C91.92,31,92.67,27.95,93,26.8c1.12-4.55,2.44-9.13,3.91-13.61,2.15-6.49,6.21-7.63,8.44-7.74a10.88,10.88,0,0,1,3.48.47h0c1.75.45,3.78.84,5.89,1.25,5.31,1,11.32,2.17,15.51,4.69,6.66,4,3.16,11.35,1.48,14.88-.38.79-.74,1.53-1,2.19a25,25,0,0,1-3.85,7.59,13.46,13.46,0,0,1-9.62,5.14ZM100.79,28.31l11.28,4.23a13.25,13.25,0,0,0,4.72,1.16,5.57,5.57,0,0,0,3.85-2.18,18.25,18.25,0,0,0,2.56-5.3c.32-.87.78-1.86,1.28-2.9.6-1.25,1.83-3.86,1.66-4.69-3-1.72-8.31-2.73-13-3.63-2.29-.44-4.49-.87-6.38-1.35-.34-.09-.87-.18-1.12-.23h0s-.61.37-1.24,2.27C103.07,19.85,101.84,24.09,100.79,28.31Zm-1-.41h0Z'/%3E%3Cpath class='cls-1' d='M92.15,15.9a8.69,8.69,0,0,1,4.44-1.45,4.19,4.19,0,0,1,3.78,2.79,6.51,6.51,0,0,1-.58,5.05,13.23,13.23,0,0,1-3.12,3.58c-5.39,4.76-11.16,8.94-15.87,14.72C75,47.66,65.25,45,71.36,37,76.61,30,85.16,19.87,92.15,15.9Z'/%3E%3Cpath class='cls-1' d='M127.6,25l-8.66-2.33a8.65,8.65,0,0,0-4.68-.36c-1.51.46-2.68,2.17-1.87,3.45a4.14,4.14,0,0,0,2.66,1.4l12.39,3,.16-3.45'/%3E%3C/g%3E%3C/svg%3E"); | |
| background-position:0; | |
| } | |
| .select-section-fashion .sidebar_outer { | |
| background:{{fashion-color-lighter}}; | |
| } | |
| .select-section-fashion .sidebar_outer .widget__headline-text, | |
| .select-section-fashion .sidebar_outer .whats-new-headline { | |
| color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .sidebar_outer .widget article, | |
| .select-section-fashion .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{fashion-color-dark}} ; | |
| } | |
| .select-section-fashion .sidebar_outer svg path { | |
| stroke :{{fashion-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-fashion .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{fashion-color-light}} | |
| } | |
| .posts_stream .select-section-fashion .post-splash-custom .photo-credit { | |
| color:{{fashion-color-light}} | |
| } | |
| .select-section-fashion .body .ee-ul li:before , | |
| .select-section-fashion .body .ee-ol li:before { | |
| color:{{fashion-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{fashion-color-light}}, -15px 0 0 {{fashion-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-fashion .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-fashion .post-splash-custom .post-date{ | |
| color:{{fashion-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{fashion-color-light}}, -20px 0 0 {{fashion-color-light}}; | |
| } | |
| } | |
| .select-section-fashion .body-description .dropcap-paragraph:first-letter { | |
| color: {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll { | |
| color: {{fashion-color-dark}}; | |
| border: 30px solid {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll-block .cta-poll__question { | |
| color: {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{fashion-color-light}}, {{fashion-color-dark}}); | |
| } | |
| .select-section-fashion blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 30px 30px; | |
| background-position: -5px; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="c4ebf62e777e1fdee1fd9428c2aad737" data-rm-friendly-name="Entertainment Section"> | |
| <![CDATA[<style> | |
| .section-entertainment .post__page__ad__container { | |
| background-color:{{entertainment-color-lighter}}; | |
| } | |
| .select-section-entertainment .body-description a { | |
| background-color:{{entertainment-color-light}}; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__head { | |
| background-color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| background-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-dark}}; | |
| box-shadow: 10px 0 0 {{entertainment-color-light}}, -10px 0 0 {{entertainment-color-light}}; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__section { | |
| border-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-light}} | |
| } | |
| .select-section-entertainment .tags .tags__item { | |
| background-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .tags, .select-section-entertainment .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| background-size: 40px 15px; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160.84 153.57'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 5%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M159,64.47a6.11,6.11,0,0,0-3.38-10.41l-45-6.54a6.11,6.11,0,0,1-4.6-3.34L85.9,3.4a6.11,6.11,0,0,0-10.95,0L54.82,44.17a6.11,6.11,0,0,1-4.6,3.34l-45,6.54A6.11,6.11,0,0,0,1.85,64.47L34.41,96.2a6.1,6.1,0,0,1,1.76,5.4l-7.69,44.81a6.11,6.11,0,0,0,8.86,6.44l40.24-21.16a6.11,6.11,0,0,1,5.68,0l40.24,21.16a6.11,6.11,0,0,0,8.86-6.44l-7.69-44.81a6.11,6.11,0,0,1,1.76-5.4Zm-45,9.28L99.8,87.59A2.66,2.66,0,0,0,99,89.95l3.35,19.55a2.66,2.66,0,0,1-3.86,2.81L81,103.07a2.66,2.66,0,0,0-2.48,0L60.93,112.3a2.66,2.66,0,0,1-3.86-2.81l3.35-19.55a2.66,2.66,0,0,0-.77-2.36L45.45,73.74a2.66,2.66,0,0,1,1.48-4.54l19.63-2.85a2.66,2.66,0,0,0,2-1.46l8.78-17.79a2.66,2.66,0,0,1,4.78,0l8.78,17.79a2.66,2.66,0,0,0,2,1.46l19.63,2.85A2.66,2.66,0,0,1,114,73.74Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| ; | |
| background-position:0; | |
| } | |
| .select-section-entertainment .sidebar_outer { | |
| background:{{entertainment-color-lighter}}; | |
| } | |
| .select-section-entertainment .sidebar_outer .widget__headline-text, | |
| .select-section-entertainment .sidebar_outer .whats-new-headline { | |
| color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .sidebar_outer .widget article , | |
| .select-section-entertainment .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{entertainment-color-dark}} ; | |
| } | |
| .select-section-entertainment .sidebar_outer svg path { | |
| stroke :{{entertainment-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-entertainment .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{entertainment-color-light}} | |
| } | |
| .posts_stream .select-section-entertainment .post-splash-custom .photo-credit { | |
| color:{{entertainment-color-light}} | |
| } | |
| .select-section-entertainment .body .ee-ul li:before , | |
| .select-section-entertainment .body .ee-ol li:before { | |
| color:{{entertainment-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{entertainment-color-light}}, -15px 0 0 {{entertainment-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-entertainment .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-entertainment .post-splash-custom .post-date{ | |
| color:{{entertainment-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{entertainment-color-light}}, -20px 0 0 {{entertainment-color-light}}; | |
| } | |
| } | |
| .select-section-entertainment .body-description .dropcap-paragraph:first-letter { | |
| color: {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll { | |
| color: {{entertainment-color-dark}}; | |
| border: 30px solid {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll-block .cta-poll__question { | |
| color: {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{entertainment-color-light}}, {{entertainment-color-dark}}); | |
| } | |
| .select-section-entertainment blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 24px 24px; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="4bee571ffcb54e7fd96574392bd45da3" data-rm-friendly-name="Life Section"> | |
| <![CDATA[<style> | |
| .section-life .post__page__ad__container { | |
| background-color:{{life-color-lighter}}; | |
| } | |
| .select-section-life .body-description a { | |
| background-color:{{life-color-light}}; | |
| } | |
| .select-section-life .post-splash-custom .widget__head { | |
| background-color:{{life-color-dark}} | |
| } | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| background-color:{{life-color-light}}; | |
| color:{{life-color-dark}}; | |
| box-shadow: 10px 0 0 {{life-color-light}}, -10px 0 0 {{life-color-light}}; | |
| } | |
| .select-section-life .post-splash-custom .widget__section { | |
| border-color:{{life-color-light}}; | |
| color:{{life-color-light}} | |
| } | |
| .select-section-life .tags .tags__item { | |
| background-color:{{life-color-light}}; | |
| color:{{life-color-dark}} | |
| } | |
| .select-section-life .tags, .select-section-life .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| } | |
| .select-section-life .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140.15 140.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M70.08,0a70.08,70.08,0,1,0,70.08,70.08A70.08,70.08,0,0,0,70.08,0ZM56.67,106.75c-4.8,0-8.69-6.58-8.69-14.69s3.89-14.69,8.69-14.69,8.69,6.58,8.69,14.69S61.47,106.75,56.67,106.75Zm29,0c-4.8,0-8.69-6.58-8.69-14.69S80.9,77.37,85.7,77.37s8.69,6.58,8.69,14.69S90.5,106.75,85.7,106.75Zm17-39.5C95.65,48.87,83.63,38.6,69.33,38.94c-14,.39-26.43,11.39-31.79,28L27,63.57c6.82-21.16,23.31-35.16,42-35.68,18.94-.45,35.3,12.71,44,35.39Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-position:0; | |
| } | |
| .select-section-life .sidebar_outer { | |
| background:{{life-color-lighter}}; | |
| } | |
| .select-section-life .sidebar_outer .widget__headline-text , | |
| .select-section-life .sidebar_outer .whats-new-headline { | |
| color:{{life-color-dark}} | |
| } | |
| .select-section-life .sidebar_outer .widget article , | |
| .select-section-life .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{life-color-dark}} ; | |
| } | |
| .select-section-life .sidebar_outer svg path { | |
| stroke :{{life-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-life .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{life-color-light}} | |
| } | |
| .posts_stream .select-section-life .post-splash-custom .photo-credit { | |
| color:{{life-color-light}} | |
| } | |
| .select-section-life .body .ee-ul li:before , | |
| .select-section-life .body .ee-ol li:before { | |
| color:{{life-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{life-color-light}}, -15px 0 0 {{life-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-life .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-life .post-splash-custom .post-date{ | |
| color:{{life-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{life-color-light}}, -20px 0 0 {{life-color-light}}; | |
| } | |
| } | |
| .select-section-life .body-description .dropcap-paragraph:first-letter { | |
| color: {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll { | |
| color: {{life-color-dark}}; | |
| border: 30px solid {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll-block .cta-poll__question { | |
| color: {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{life-color-light}}, {{life-color-dark}}); | |
| } | |
| .select-section-life blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| div[data-s2-value="justice"] .post-author__avatar.image, div[data-s2-value="justice"] .select-section-life .cover-all.image{ | |
| background-image: url(https://assets.rbl.ms/19206695/2000x.png) !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="more from author CSS over rides fro 3rd post" id="85e4e7cca5d03dff791dacdacf09ba6e"> | |
| <![CDATA[<style> | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:530px !important; | |
| } | |
| @media (min-width:768px) { | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:480px !important; ; | |
| } | |
| } | |
| @media (min-width:1440px) { | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:280px !important; ; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="what's new css" id="cab74342afb2d05d59376fe1d87cbb2d"> | |
| <![CDATA[<style> | |
| .news-post-whats-new .custom-field-image-avatar1{ | |
| left:0; | |
| } | |
| .homepage_component_wrapper .what-new-item .widget .widget__head .widget__body { | |
| position:unset; | |
| } | |
| .whats-new-headline { | |
| font-family: 'Adieu'; | |
| font-size: 35px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.23; | |
| letter-spacing: normal; | |
| text-align: center; | |
| } | |
| .whats-news-posts-wrapper .widget article { | |
| border-bottom:1px solid; | |
| } | |
| .whats-news-posts-wrapper .widget #col-right{ | |
| position:absolute; | |
| top:0; | |
| bottom:-10px; | |
| right: 0; | |
| display:flex; | |
| align-items:center | |
| } | |
| .sidebar_outer .widget .widget__image { | |
| border:2px solid rgb(47, 46, 125); | |
| } | |
| .whats-news-posts-wrapper div[runner-lazy-loading] .lazyload-placeholder { | |
| display:none; | |
| } | |
| .feature-layout . | |
| @media (max-width:767px){ | |
| .whats-news-posts-wrapper .widget #col-right{ | |
| bottom:10px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar CSS" id="3a2c8880a7741478704017a4275355fd"> | |
| <![CDATA[<style> | |
| .sidebar_outer { | |
| box-sizing:border-box; | |
| padding:60px 0; | |
| } | |
| .sidebar_outer.hidden { | |
| display:none; | |
| } | |
| .sidebar_inner { | |
| width:300px; | |
| margin:0 auto; | |
| } | |
| .sidebar_ad_container { | |
| text-align:center; | |
| } | |
| .whats-new-posts-container { | |
| opacity: 0; | |
| padding:60px 30px 0; | |
| } | |
| .whats-new-posts-container.in__view { | |
| opacity:1; | |
| transition: all .5s cubic-bezier(.23,1,.32,1); | |
| } | |
| /* .feature-layout .sidebar_outer .widget__headline-text , | |
| .feature-layout .sidebar_outer .whats-new-headline { | |
| color:#002d72 !important; | |
| } | |
| ..feature-layout .sidebar_outer .widget article , | |
| .feature-layout .sidebar_outer .widget .widget__image{ | |
| border-color:#002d72 !important; | |
| } | |
| .feature-layout .sidebar_outer svg path { | |
| stroke: #002d72 !important; | |
| }*/ | |
| @media (min-width:768px) and (max-width:1079px) { | |
| .whats-new-headline{ | |
| font-size:30px; | |
| } | |
| .sidebar_outer { | |
| display:flex; | |
| padding:60px; | |
| display:none !important; | |
| } | |
| .sidebar_inner { | |
| order:2; | |
| } | |
| .whats-new-posts-container { | |
| order: 0; | |
| width: 50%; | |
| padding:0 40px 0 0; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media (min-width:1080px){ | |
| .whats-new-posts-container { | |
| position: absolute; | |
| bottom: 90px; | |
| } | |
| .sidebar_outer { | |
| width:360px; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| bottom:0; | |
| left:auto; | |
| box-sizing:border-box; | |
| padding:60px 30px; | |
| } | |
| .feature-layout .sidebar_outer { | |
| margin-top:150px; | |
| } | |
| .feature-layout.feature-layout-3 .sidebar_outer, | |
| .feature-layout.feature-layout-2 .sidebar_outer { | |
| margin-top:0; | |
| } | |
| .whats-new-posts-container { | |
| width:300px; | |
| padding:unset; | |
| } | |
| } | |
| @media (min-width:1080px) and (max-width:1439px) { | |
| .sidebar-ad { | |
| right:30px !important; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .sidebar_outer { | |
| width:460px; | |
| padding:60px 60px; | |
| } | |
| .whats-new-posts-container { | |
| width:340px; | |
| } | |
| .sidebar-ad { | |
| right:80px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Misc Update css for post page" id="906069e94f41526c857e274b281fe9e5"> | |
| <![CDATA[<style> | |
| @media (max-width:1079px) { | |
| .scrolling-menu-wrapper .header-headline-container { | |
| display:none !important; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add pageload media css" id="f813a1d14fd9ac4ed8fd38d81184634e"> | |
| <![CDATA[<style> | |
| .all-content-wrapper { | |
| opacity:0; | |
| } | |
| .all-content-wrapper.loaded { | |
| opacity:1; | |
| animation: 2s ease-out 0s 1 opacityAnimate; | |
| } | |
| @keyframes opacityAnimate{ | |
| 0% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 100%; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="SidebarAd first call" id="0afd2242c1d8e38d5563de7e9e33a655"> | |
| <![CDATA[<script type="text/javascript"> | |
| function SidebarAd(){ | |
| if(!firstSidebarCall && document.querySelector('.posts_stream .sidebar-ad')) { | |
| firstSidebarCall=true; | |
| if(window.innerWidth>1079){ | |
| var adslot=document.querySelector('.posts_stream .sidebar-ad'); | |
| adslot.setAttribute('id','right-rail-first-ad') | |
| googletag.cmd.push(function() { | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| //googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(adslot.id); | |
| adslot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| }); | |
| if( document.querySelector('.sidebar_outer') && document.querySelector('.sidebar_outer').offsetHeight < document.querySelector('.sidebar-ad'). | |
| offsetHeight+document.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| document.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad definition and loading on infinite scroll " id="2789b278514b444b29ae0d19c7a1d309"> | |
| <![CDATA[<script> | |
| function loadAdonPostInView(element){ | |
| var emptyAdslots=element.querySelectorAll("[id^='div-id-for-']:empty"); | |
| if(emptyAdslots){ | |
| var section=""; | |
| var tag__a=[]; | |
| element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=element.querySelector('.article__splash-custom .headline-container > a') ? element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| // console.log(postBaseName); | |
| s1 =element.querySelector('.article__splash-custom .widget__section')? element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| s2 = element.querySelector('.article__splash-custom').getAttribute('data-s2-value')? element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| slotName = "/" + networkCode + "/" + adUnit; | |
| pid = postBaseName; | |
| ptype = "article"; | |
| tags =tag__a; | |
| googletag.cmd.push(function() { | |
| emptyAdslots.forEach(ad_slot => { | |
| if(ad_slot.getAttribute('data-ad-slot')=='inread' && ad_slot.getAttribute('id')=="div-id-for-inread-slot"){ | |
| ad_render_count++; | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineOutOfPageSlot(slotName, ad_slot.id) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(isElementInViewport(ad_slot,200)){ | |
| ad_render_count++; | |
| //console.log(ad_slot); | |
| if(ad_slot.getAttribute('data-ad-slot')=='mid'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], ad_slot.id) | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='rightrail'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [ [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| ad_slot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='infinite-scroll'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], ad_slot.id) | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| var isNsfwEnabledAd=ad_slot.closest('.posts_stream'); | |
| if(isNsfwEnabledAd && isNsfwEnabledAd.classList.contains('isFirstArticle') && nsfwtag) { | |
| // console.log(isNsfwEnabledAd); | |
| // console.log("isNsfwEnabledAd"); | |
| googletag.pubads().setTargeting("nsfw","yes"); | |
| } | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| // googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(ad_slot.id); | |
| } | |
| }); | |
| }); | |
| } | |
| if(element.querySelector('.sidebar_outer')&& element.querySelector('.sidebar-ad') && element.querySelector('.sidebar_outer').offsetHeight < element.querySelector('.sidebar-ad'). | |
| offsetHeight+element.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| element.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Scrolling/Static Navigation alternating [JS]" id="3060692499899b6e87b0c70b293e6e2c"> | |
| <![CDATA[<script type="text/javascript"> | |
| var article_headline = document.querySelector('.posts_stream'); | |
| var heightToScroll = article_headline ? article_headline.getBoundingClientRect().top : 250; | |
| var header = document.querySelectorAll('.header-scroll-wrapper')[0]; | |
| var menuStateChange = 0; | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } | |
| function controlNavigationMenu(){ | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } else { | |
| if (menuStateChange) { | |
| header.classList.remove('show-scroll-header'); | |
| header.classList.add('hide-scroll-header'); | |
| } | |
| } | |
| } | |
| /* | |
| function isAnyPartOfElementInViewport(el) { | |
| const rect = el.getBoundingClientRect(); | |
| // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 } | |
| const windowHeight = (window.innerHeight || document.documentElement.clientHeight); | |
| const windowWidth = (window.innerWidth || document.documentElement.clientWidth); | |
| // http://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap | |
| const vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0); | |
| const horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0); | |
| return (vertInView && horInView); | |
| } | |
| */ | |
| // var first_article = document.body.getElementsByClassName('article-stream-first')[0]; | |
| /*if (isAnyPartOfElementInViewport(first_article)){ | |
| currentArticle = 0; | |
| currentArticleDiv = getCurrentScrollingArticle(0); | |
| } else { | |
| var continuousElements = document.body.getElementsByClassName('article-stream-wrapper')[0].getElementsByClassName('widget'); | |
| for (var i=0; i<continuousElements.length;i++) { | |
| currentArticle++; | |
| if (isAnyPartOfElementInViewport(continuousElements[i])) { | |
| currentArticleDiv = getCurrentScrollingArticle(currentArticle); | |
| var height = currentArticleDiv.offsetHeight; | |
| var bottom = currentArticleDiv.getBoundingClientRect().bottom; | |
| var translateBy = (bottom-scrollingHeight)/height; | |
| scrollingFill.style.transform = "translate("+translateBy*-100+"%)"; | |
| break; | |
| } | |
| } | |
| } | |
| */ | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add widget sections on load more and url update" id="92ccb45de645a15f53fbf7d47aaa0c7e"> | |
| <![CDATA[<!--script tyle="text/lazy-javascript"> | |
| {{require}}(['jquery', 'core/event_dispatcher'], function($, eventDispatcher) { | |
| setWidgetSectionSelector(); | |
| eventDispatcher.on('load-more:sync', function() { | |
| setWidgetSectionSelector(); | |
| }); | |
| /*var runnerEvents = __RUNNER_PUBLIC__.events; | |
| var runnerRootID = __RUNNER_PUBLIC__.root; | |
| var start = 0; | |
| $(runnerRootID).on( runnerEvents.URL_CHANGE_PAGE_VIEW, function() { | |
| var primarySectionName= document.querySelector(`[href*="${location.pathname.split('/').pop()}"]`) | |
| if(primarySectionName){ | |
| primarySectionName=primarySectionName.closest('.widget').querySelector('.widget__section').innerText; | |
| } | |
| if(!primarySectionName){ | |
| primarySectionName= document.querySelector('.post-partial.article__splash-custom').querySelector('.widget__section').innerText; | |
| } | |
| // console.log(`the primary section name is - ${primarySectionName}`); | |
| if(primarySectionName) { | |
| //console.log(`the primary section name is - ${primarySectionName}`) | |
| primarySectionName=getPrimarySectionName(primarySectionName.toLowerCase()); | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| });*/ | |
| }); | |
| </script-->]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar Position Script" id="3213714ce0aa523768f7dca433ebe0ea"> | |
| <![CDATA[<script type="text/javascript"> | |
| var firstSidebarCall; | |
| var whatsNewWidget = document.querySelectorAll('.whats-new-posts-container .widget'); | |
| if (whatsNewWidget) { | |
| whatsNewWidget.forEach(element => { | |
| element.classList.add('whats-new-widget'); | |
| }) | |
| } | |
| function setSidebar(element) { | |
| var article; | |
| // console.log(element); | |
| if (element.classList && element.classList.contains('feature-layout')) { | |
| // console.log(element); | |
| article = element.querySelector('.post-splash-custom .body-description'); | |
| // alert(article) | |
| } else if(element.classList && element.classList.contains('news-layout')) { | |
| article= element.querySelector('.post-splash-custom'); | |
| } | |
| console.log(article); | |
| if (article) { | |
| if (article.querySelector('.sidebar_outer')) { | |
| //alert("already has sidebar") | |
| } else { | |
| var sidebar = document.querySelector('.sidebar_outer.hidden')?document.querySelector('.sidebar_outer.hidden').cloneNode(true) : sidebar; | |
| var postsStream=article.closest('.posts_stream'); | |
| if (sidebar) { | |
| sidebar.classList.remove('hidden') | |
| } | |
| article.insertAdjacentElement('afterend', sidebar); | |
| postsStream.classList.add('sidebar-processed'); | |
| if(!firstSidebarCall){ | |
| SidebarAd(); | |
| } | |
| setTimeout(() => { | |
| postsStream.querySelector('.whats-new-posts-container').classList.remove("in__view"); | |
| /* if(postsStream.classList && postsStream.classList.contains('feature-layout')?postsStream.querySelector('.post-splash-custom .widget__head'):0+postsStream.querySelector('.whats-new-posts-container').offsetHeight+postsStream.querySelector('.sidebar-ad').offsetHeight+120 >postsStream.querySelector('.post-splash-custom').offsetHeight ) { | |
| postsStream.querySelector('.whats-new-posts-container').parentNode.removeChild(postsStream.querySelector('.whats-new-posts-container')) | |
| }*/ | |
| }, 200); | |
| } | |
| } | |
| } | |
| setSidebar(document); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="in view" id="034547534691388fca9ae2280583b1a2"> | |
| <![CDATA[<script > | |
| function isElementInViewport(el, extraOffsetTop, extraOffsetBottom) { | |
| var extraOffsetTop = extraOffsetTop || 0; | |
| var extraOffsetBottom = extraOffsetBottom || 0; | |
| var top = el.offsetTop; | |
| var height = el.offsetHeight; | |
| while(el.offsetParent) { | |
| el = el.offsetParent; | |
| top += el.offsetTop; | |
| } | |
| var topEdge = top - extraOffsetTop; | |
| var bottomEdge = top + height + extraOffsetBottom; | |
| var topScreenEdge = window.pageYOffset; | |
| var bottomScreenEdge = window.pageYOffset + window.innerHeight; | |
| return (topEdge < bottomScreenEdge && topEdge > topScreenEdge) || // top edge in screen | |
| (bottomEdge < bottomScreenEdge && bottomEdge > topScreenEdge) || // bottom edge in screen | |
| (topEdge < topScreenEdge && bottomEdge > bottomScreenEdge); // belly in screen | |
| } | |
| function haveEnteredViewport(element,offsetvalue){ | |
| var currWindowPos=window.scrollY; | |
| var elTOp=element.getBoundingClientRect().top; | |
| if(offsetvalue>elTOp){ | |
| return true; | |
| } | |
| else { | |
| return false; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Article Scroll ...ad lazy load ... animate" id="ff9c30f3d53830145b08dab5613972d2"> | |
| <![CDATA[<script> | |
| var headerHeadline = document.body.getElementsByClassName('header-headline')[0]; | |
| function setHeaderHeadline(text) { | |
| if (headerHeadline && text) { | |
| headerHeadline.style.animationName = "headerTitleGoAway"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| setTimeout( | |
| function() { | |
| headerHeadline.style.animationName = "headerTitleComeBack"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| headerHeadline.textContent = text; | |
| } | |
| ,600 | |
| ); | |
| } | |
| } | |
| function updateShare(element){ | |
| ; | |
| /* var sharebUttons=` | |
| <a href="${element.querySelector('.widget__shares .share-fb').getAttribute('href')}" data-track-share="Facebook" class="share share-popup share-fb social-links__link share-facebook" > | |
| <span class="fa fa-facebook"> | |
| </span> | |
| </a> | |
| <a href="${element.querySelector('.widget__shares .share-tw').getAttribute('href')}" data-track-share="Twitter" class="share share-popup share-tw social-links__link share-twitter" > | |
| <span class="fa fa-twitter"> | |
| </span> | |
| </a> | |
| <!-- PINTEREST --> | |
| <a data-pin-href="${element.querySelector('.widget__shares > a:nth-child(3)').getAttribute('data-pin-href')}" data-pin-log="button_pinit" class="social-links__link share-pinterest"> | |
| <span class="fa fa-pinterest"> | |
| </span> | |
| </a> | |
| <!-- EMAIL --> | |
| <a href="${element.querySelector('.widget__shares .share-email').getAttribute('href')}" data-track-share="Email" class="share share-popup share-email social-links__link share-envelope" > | |
| <span class="fa fa-envelope"> | |
| </span> | |
| </i> | |
| </a> | |
| `;*/ | |
| var sharebUttons=element.querySelector('.widget__shares').cloneNode(true); | |
| sharebUttons.classList.add('social-links') | |
| document.querySelector('.header-social-links-wrapper .social-links').parentNode.replaceChild(sharebUttons, document.querySelector('.header-social-links-wrapper .social-links')); | |
| //document.querySelector('.header-social-links-wrapper .social-links').innerHTML=sharebUttons; | |
| } | |
| </script> | |
| <script> | |
| var scrollingFill = document.body.getElementsByClassName('scrolling-article-postion-fill')[0]; | |
| var prevScrollPosition = window.scrollY; | |
| var currentScrollPosition = window.scrollY; | |
| var scrollDirection; | |
| var postsElement = []; | |
| var currentArticle = 0; | |
| var InViewArticleDiv; | |
| var scrollingHeight = document.body.getElementsByClassName('scrolling-menu-wrapper')[0].offsetHeight; | |
| var lastSection = ""; | |
| function getCurrentScrollingArticle(currentArticleDiv, articleNumber) { | |
| if (currentArticleDiv) { | |
| // console.log('set headline'); | |
| currentArticleDiv.classList.add('current-article-scroll'); | |
| var primarySectionName = getPrimarySectionName(currentArticleDiv.querySelector('.post-splash-custom .widget__section') ? currentArticleDiv.querySelector('.post-splash-custom .widget__section').innerText.toLowerCase() : ""); | |
| if (currentArticleDiv.querySelector('.custom-field-feature-color-primary') && currentArticleDiv.querySelector('.custom-field-fearure-color-secondary')) { | |
| primarySectionName = currentArticleDiv.querySelector('.custom-field-feature-color-primary').innerText; | |
| } | |
| if (primarySectionName) { | |
| if (primarySectionName != lastSection) | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| lastSection = primarySectionName | |
| //return currentArticleDiv; | |
| } | |
| } | |
| function animateScrollOnTopbar(currArticle){ | |
| var height = currArticle.offsetHeight; | |
| var bottom = currArticle.getBoundingClientRect().bottom ; | |
| var top = currArticle.getBoundingClientRect().top; | |
| var translateBy = (bottom - scrollingHeight) / height; | |
| if ((bottom - scrollingHeight) < 0 || (top - scrollingHeight) > 0) { | |
| scrollingFill.style.transform = "translate(200%)"; | |
| } else { | |
| scrollingFill.style.transform = "translate(" + translateBy * -100 + "%)"; | |
| } | |
| } | |
| function articleScroll() { | |
| var progressBarVisible; | |
| var isAnyPostVisible; | |
| var topBarHeadline; | |
| document.querySelectorAll('.posts_stream .article__splash-custom').forEach(article => { | |
| if (isElementInViewport(article)) { | |
| article.querySelectorAll('.body-description > *:not(.in__view)').forEach(el => { | |
| if (isElementInViewport(el)) { | |
| el.className += " in__view" | |
| } | |
| }) | |
| progressBarVisible = true; | |
| isAnyPostVisible = true; | |
| if (InViewArticleDiv) { | |
| if (article == InViewArticleDiv) { | |
| } | |
| else { | |
| //setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| //getCurrentScrollingArticle(article, 100); | |
| //updateShare(article); | |
| } | |
| } else { | |
| if(isElementInViewport(article.querySelector('.headline'),-article.querySelector('.headline').offsetHeight)||isElementInViewport(article.querySelector('.body'))){ | |
| InViewArticleDiv = article; | |
| setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| getCurrentScrollingArticle(article, 100); | |
| updateShare(article);} | |
| } | |
| var postsStream = article.closest('.posts_stream'); | |
| if (postsStream) { | |
| loadAdonPostInView(postsStream); | |
| // postsStream.classList.add('ad-processed') | |
| } | |
| animateScrollOnTopbar(article); | |
| document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else {} | |
| }); | |
| if (isAnyPostVisible) {//document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else { | |
| //console.log(`remove header`); | |
| setHeaderHeadline(" "); | |
| InViewArticleDiv=null; | |
| document.querySelector('.scrolling-article-postion-wrapper').style.display = 'none'; | |
| } | |
| } | |
| currentArticle = 0; | |
| InViewArticleDiv; | |
| articleScroll(); | |
| //window.addEventListener("scroll", articleScroll); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad scroll function" id="e6a4d6f7a1d35d28a61eeec0f33d2ab6"> | |
| <![CDATA[<script> | |
| function setSidebarAdPosition(){ | |
| var sidebarEl=document.querySelectorAll('.sidebar_outer'); | |
| //if(sidebarEl[]) | |
| sidebarEl.forEach(element => { | |
| if(isElementInViewport(element)){ | |
| var thead=element.querySelector('.sidebar-ad'); | |
| if(thead){ | |
| var windowHeight=window.innerHeight; | |
| var topThreshhold=140; | |
| if(windowHeight<740 && thead.offsetHeight>=600){ | |
| topThreshhold=windowHeight-740+140; | |
| } | |
| var refresh_counter=1; | |
| var whatsnew=element.querySelector('.whats-new-posts-container'); | |
| if(element.hasAttribute('data-ad-refresh-count')){ | |
| refresh_counter = parseInt(element.getAttribute('data-ad-refresh-count')); | |
| } | |
| else { | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| } | |
| if(element.getBoundingClientRect().top < (-((window.innerWidth*refresh_counter-100)*2)) && element.querySelector('.sidebar-ad').style.position=="fixed" ){ | |
| googletag.cmd.push(function() { | |
| googletag.pubads().refresh([rightRailSLotKVP[thead.getAttribute('data-kvp-slot')]]); | |
| // console.log('ad refreshed'); | |
| refresh_counter++; | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| }); | |
| } | |
| if(thead.parentNode.getBoundingClientRect().top+60 <= topThreshhold && whatsnew.getBoundingClientRect().top < (topThreshhold+40)+thead.offsetHeight){ | |
| thead.style.position='absolute'; | |
| thead.style.bottom=element.querySelector('.whats-new-posts-container ' ).offsetHeight+130+'px'; | |
| thead.style.top="unset"; | |
| thead.style.right="80px"; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else if(element.parentNode.getBoundingClientRect().top+60 <=topThreshhold && whatsnew.getBoundingClientRect().top > thead.offsetHeight+(topThreshhold+40)){ | |
| thead.style.position='fixed'; | |
| thead.style.top=topThreshhold+'px'; | |
| thead.style.bottom="unset"; | |
| thead.style.right='80px'; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else { | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| } | |
| else { | |
| if(element.querySelector('.sidebar-ad')){ | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="sidebar addition" id="bfdaa4f5bd64a75eafa69ade3f56bffc"> | |
| <![CDATA[<script > | |
| function SetSidebarElements() { | |
| var streamPosts = document.querySelectorAll('.posts_stream:not(.sidebar-processed)'); | |
| if (streamPosts) { | |
| streamPosts.forEach(element => { | |
| if (haveEnteredViewport(element, window.innerHeight - 10) == true) { | |
| //element.classList.add('sidebar-processed'); | |
| setSidebar(element); | |
| } | |
| }) | |
| } | |
| var whatsNew = document.querySelectorAll('.whats-new-posts-container:not(.in__view)'); | |
| if (whatsNew) { | |
| whatsNew.forEach(element => { | |
| if (window.innerWidth > 1079) { | |
| if (haveEnteredViewport(element, ((element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 > 500) ? element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 : 500)) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } else { | |
| if (haveEnteredViewport(element, window.innerHeight - 100) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="41896afee2bab1f6d9bf59d272a36c67"> | |
| <![CDATA[<script> | |
| function ChkShowTrendingAnim() { | |
| document.querySelectorAll('.tag-trending:not(.container-trending-anim-proc)').forEach(widget => { | |
| if(isElementInViewport(widget)){ | |
| widget.classList.add('container-trending-anim-proc'); | |
| widget.querySelector('.container-trending-anim').classList.add('container-trending-anim-show'); | |
| } | |
| }) | |
| } | |
| setTrendingPost(TrendingParent); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="scroll function" id="a4031a972c4f699d0c3f462ef7a1c5c7"> | |
| <![CDATA[<script > | |
| function Ithrottle (callback, limit) { | |
| var wait = false; | |
| return function () { | |
| if (!wait) { | |
| callback.apply(null, arguments); | |
| wait = true; | |
| setTimeout(function () { | |
| wait = false; | |
| }, limit); | |
| } | |
| } | |
| } | |
| window.addEventListener("scroll", Ithrottle(function(){ | |
| SetSidebarElements() | |
| articleScroll(); | |
| ChkShowTrendingAnim() | |
| if(window.innerWidth>1079){ | |
| setSidebarAdPosition() | |
| } | |
| controlNavigationMenu(); | |
| },5)); | |
| window.addEventListener("resize", function(){ | |
| if (window.innerWidth > 1079) { | |
| articleScroll(); | |
| reOrderElement() | |
| SetSidebarElements(); | |
| setSidebarAdPosition(); | |
| } | |
| else { | |
| if(document.querySelector('.sidebar-ad[style*="pos"]')){ | |
| document.querySelector('.sidebar-ad[style*="pos"]').removeAttribute('style'); | |
| } | |
| ; | |
| } | |
| }); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations" id="ca8eb3f1776778f7b097e77a0826ff7c"> | |
| <![CDATA[<style> | |
| @keyframes textAnimatess { | |
| 0% { | |
| height: 0; | |
| } | |
| 100% { | |
| height: 100%; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations items" id="e37e75e87e95563035813757f7baf6d5"> | |
| <![CDATA[<style> | |
| .news-layout .headline span { | |
| overflow: hidden; | |
| display: inline-block; | |
| animation: 1s ease-out 0s 1 textAnimate; | |
| line-height: 1; | |
| vertical-align: middle; | |
| } | |
| .body-description > * { | |
| opacity:0; | |
| transform:translateY(20%); | |
| } | |
| .body-description > *.in__view { | |
| opacity:1; | |
| transform:translateY(0%); | |
| transition: all 1.1s cubic-bezier(.23,1,.32,1); | |
| transition-delay: .1s; | |
| } | |
| body .header-scroll-wrapper .scrolling-article-postion-fill { | |
| transition: all .1s linear; | |
| } | |
| body.IE-browser .all-content-wrapper { | |
| opacity:1; | |
| } | |
| body.IE-browser .body-description > * { | |
| opacity:1; | |
| transform:translateY(0%); | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Share popup handler" id="634299d4ee5126a3e4557bdb1aeacd68"> | |
| <![CDATA[<!--script type="text/lazy-javascript" priority="2"> | |
| jQuery('.share.share-fb').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Twitter", "height=285,width=550,resizable=1"); | |
| }); | |
| jQuery('.share.share-tw').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Facebook", "height=269,width=550,resizable=1"); | |
| }); | |
| </script--> | |
| <script type="text/lazy-javascript" priority="2"> | |
| jQuery('body').on('click','.share-popup:not(.share-email)',function(e) { | |
| e.preventDefault(); | |
| var social=''; | |
| if(jQuery(this).hasClass('share-tw')){ | |
| social='Twitter' | |
| } | |
| else if(jQuery(this).hasClass('share-fb')){ | |
| social='Facebook' | |
| } | |
| else if(jQuery(this).hasClass('share-pinterest')){ | |
| social='Pinterest' | |
| } | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, social, "height=285,width=550,resizable=1"); | |
| }); | |
| </script> | |
| <style> | |
| .header-social-links .widget__shares a:nth-child(3) { | |
| height: 35px; | |
| width: 35px; | |
| font-size: 0 !important; | |
| position: relative; | |
| background-size: 23px; | |
| border:0; | |
| } | |
| .header-social-links .widget__shares a:nth-child(3) i { | |
| font-size:26px; | |
| position:relative; | |
| top:3px; | |
| } | |
| .widget__shares a[class^="PIN"]{ | |
| border: 0; | |
| border-radius: 50%; | |
| background:none; | |
| color:unset !important; | |
| box-shadow:none; | |
| } | |
| .widget__shares a[class^="PIN"]:hover { | |
| color:unset !important; | |
| } | |
| .widget__shares a[class^="PIN"]:before { | |
| content: "\f0d2"; | |
| font-family: FontAwesome !important; | |
| font-size: 26px; | |
| position: relative; | |
| top: 7px; | |
| left: -15px; | |
| }.widget__shares.social-links { | |
| margin-top:5px; | |
| } | |
| .header-social-links .widget__shares i.fa-email { | |
| font-size:25px; | |
| } | |
| @media (max-width:767px){ | |
| .widget__shares.social-links { | |
| margin-top: 0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="interstitial and inread ad" id="9a8588788cdb057a4b1a2f58ed440e4a"> | |
| <![CDATA[<div id="div-id-for-interstitial"> | |
| <script type="text/javascript"> | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-interstitial");}); | |
| </script> | |
| </div> | |
| <div class="post__page__ad__container" id="adhesion-slot-container" style="display: none;text-align: center;position: fixed;bottom: 60px;margin: 0px;padding: 10px 0px;width: 100%;"> | |
| <div id="div-id-for-adhesion-slot"> | |
| <script type="text/javascript"> | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-adhesion-slot");}); | |
| document.getElementById("adhesion-slot-container").style.display="block"; | |
| } | |
| </script> | |
| </div> | |
| <a class="close-adhesion-ad" href="javascript:document.getElementById('adhesion-slot-container').parentNode.removeChild(document.getElementById('adhesion-slot-container'));" style="position:absolute;display: block;background-color:rgba(0,0,0,.7);border-radius:50%;right: 7px;top: -10px;color:#fff;font-weight:bold;font-family:arial;height: 23px;width: 23px;">x</a> | |
| </div>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="3bed794d77c0484d4c334d28bc6a544a"> | |
| <![CDATA[<script> | |
| setTrendingPost(TrendingParent); | |
| console.log("amout of nodes loaded without lazy loaded element : "+ document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="fix NYL-541" id="2126114ca16cf0a51bf843f85663123c"> | |
| <![CDATA[<style> | |
| .share.share-flipboard svg { | |
| width: 25px; | |
| height: 25px; | |
| visibility: visible; | |
| } | |
| .scrolling-menu-wrapper .share.share-flipboard { | |
| opacity: 1; | |
| } | |
| </style>]]> | |
| </user_code> | |
| </abtest> | |
| <abtest name="Read More on mobile activated" data-rm-created-by="19305113" data-rm-created-on="Mon Apr 08 2019 21:40:54 GMT+0600 (Bangladesh Standard Time)" query-param="read" query-value="more"> | |
| <jinja data-rm-friendly-name="[JINJA] jwplayer Async or sync , adhesion/nsfw"> | |
| <![CDATA[<script> | |
| var adhesionTag,nsfwtag; | |
| /*{{context.post.tags}}*/ | |
| {% if '*nsfw' in context.post.tags %} | |
| nsfwtag=true; | |
| {% endif %} | |
| {% if '*adhesion' in context.post.tags %} | |
| adhesionTag=true; | |
| {% endif %} | |
| </script> | |
| {% if context.post.video %} | |
| <script src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% else %} | |
| <script async src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% endif %}]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="fbb96877ad7d71cf9ca9f0f6c822d6a5"> | |
| <![CDATA[<script> | |
| var trendingCount = 2000; | |
| var TrendingParent = document.querySelectorAll('.trending-container:not(.trending-processed)' ); | |
| function setTrendingPost(TrendingParentContainer){ | |
| TrendingParentContainer.forEach(element => { | |
| element.classList.add('trending-processed'); | |
| var maxPageviewNews = 0; | |
| var maxPageviewFeature = 0; | |
| var maxClassprefix = "max-" | |
| element.querySelectorAll('.news-post-whats-new .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewNews) { | |
| maxPageviewNews = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewNews > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0"); | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).insertAdjacentElement("afterbegin",trendingElement); | |
| } | |
| element.querySelectorAll('.feature___post .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewFeature) { | |
| maxPageviewFeature = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewFeature > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0") | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).insertAdjacentElement("afterbegin",trendingElement); | |
| if (element.querySelector('.feature-4 .widget.' + maxClassprefix + maxPageviewFeature)) { | |
| element.querySelector('.feature-4').classList.add('feature-3') | |
| element.querySelector('.feature-3').classList.add('feature-4'); | |
| element.querySelector('.feature-4').classList.remove('feature-3'); | |
| element.querySelector('.feature-3').classList.remove('feature-4'); | |
| reOrderElement(); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <write_to_header data-rm-friendly-name="JWplayer Manipulateion"> | |
| <![CDATA[<script> | |
| function video_module_manipulate(){ | |
| var video_widgets=document.querySelectorAll('.video_module .widget'); | |
| if(video_widgets.length>0){ | |
| let playerEl = document.querySelector('.jw_video_player_1') ? document.querySelector('.jw_video_player_1'): document.querySelector('#jwplayer_video_module_'+VideoMduleInPage); | |
| playerEl.id="jwplayer_video_module_"+VideoMduleInPage; | |
| var playerInstance = jwplayer('jwplayer_video_module_'+VideoMduleInPage); | |
| // console.log(playerInstance); | |
| video_widgets.forEach(function (widget, i) { | |
| if(widget.querySelector('.widget_video_control')){} | |
| else { | |
| widget.querySelector('.widget__body').insertAdjacentHTML('beforeend','<div class="widget_video_control"> | |
| <div class="pause_div">\ | |
| <i class="fa fa-pause"> | |
| </i> Pause\ | |
| </div>\ | |
| <div class="play_div">\ | |
| <i class="fa fa-play"> | |
| </i> Play\ | |
| </div> | |
| </div>'); | |
| } | |
| let video = widget.querySelector('.widget__video'); | |
| let image = widget.querySelector('.widget__image'); | |
| const regex = /players\%2F.{8}/g; | |
| let str = video.getElementsByTagName('iframe')[0]? (video.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?video.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):video.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| video.innerHTML=""; | |
| video.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.classList.add('video_media_'+videoID); | |
| if (i === 0 && video) { | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: false, | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg' | |
| }); | |
| playerInstance.on('pause', (event) => { | |
| //console.log('Why did my user pause their video instead of watching it?'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('active'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| }); | |
| playerInstance.on('play', (event) => { | |
| //console.log('tahnk you for watching'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('paused'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('active'); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| }); | |
| } | |
| widget.onclick = function () { | |
| if( widget.classList.contains('active')){ | |
| if( widget.classList.contains('paused')){ | |
| widget.classList.remove('paused'); | |
| playerInstance.play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| else{ | |
| playerInstance.pause(); | |
| widget.classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| } | |
| } | |
| else { | |
| video_widgets.forEach(function(twidget) { | |
| twidget.classList.remove('active'); | |
| twidget.classList.remove('paused'); | |
| }) | |
| widget.classList.add('active') | |
| playerInstance.load( "https://cdn.jwplayer.com/v2/media/" + videoID).play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code id="9bd78b21a03fc3169a7d5d1d8c8b15eb" data-rm-friendly-name="JS"> | |
| <![CDATA[<script> | |
| window.addEventListener('DOMContentLoaded',function(){ | |
| setTimeout(() => { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| }, 2300); | |
| }); | |
| function isVideoModuleLoaded(){ | |
| if(document.querySelector('.jw_video_player_1:empty')){ | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else if(document.querySelector('.video_module .widget iframe')) { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else { | |
| clearInterval(videloLoadInterval); | |
| } | |
| } | |
| var videloLoadInterval ; | |
| </script>]]> | |
| </user_code> | |
| <ad_header_script data-rm-friendly-name="span on news headline"> | |
| <![CDATA[<script> | |
| function spanNewsHeadline() { | |
| document.querySelectorAll('.news-layout .headline:not(.spanned)').forEach(el =>{ el.classList.add('spanned'); | |
| var spannedTextList=el.innerText.split(" "); | |
| el.innerHTML=""; | |
| spannedTextList.forEach(sp => { | |
| el.innerHTML +=`<span>${sp} </span>` | |
| })}) | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="jwplayer post page"> | |
| <![CDATA[<script> | |
| function videoPostManipulate(autoplay=false){ | |
| var video_widgets=document.querySelectorAll('.article__splash-custom .widget__video:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom')? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=s1.replace(" ", "-"); | |
| var vast_s2=s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| const regex = /players\%2F.{8}/g; | |
| let str = widget.getElementsByTagName('iframe')[0]? (widget.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?widget.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):widget.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| widget.innerHTML=""; | |
| widget.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded'; | |
| widget.innerHTML=""; | |
| widget.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script> | |
| <style> | |
| .article__splash-custom .widget__video .jwplayer.jw-flag-aspect-mode { | |
| position: absolute; | |
| height: 100% !important; | |
| } | |
| </style>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="In Article jwplayer post page"> | |
| <![CDATA[<script> | |
| function inArticleVideoPostManipulate(){ | |
| var video_widgets=document.querySelectorAll('.body-description div[id*="botr_"]:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value') ? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=vast_s1.replace(" ", "-"); | |
| var vast_s2=vast_s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| var parentContainer=widget.closest("div[data-media_id]"); | |
| let str = parentContainer.getAttribute("data-media_id"); | |
| if (str !== null) { | |
| let videoID = str; | |
| var newDiv=document.createElement('div'); | |
| newDiv.className="jwp_video_container"; | |
| widget.insertAdjacentElement('afterend',newDiv) | |
| parentContainer.removeChild(widget); | |
| parentContainer.removeChild(parentContainer.querySelector('script[src*="https://content.jwplatform.com/pla"]')); | |
| widget=newDiv; | |
| widget.innerHTML=""; | |
| newDiv.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| newDiv.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded_in_body'; | |
| newDiv.innerHTML=""; | |
| newDiv.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Section Codes"> | |
| <![CDATA[<script> | |
| function RemoveCurrentSectionName() { | |
| var bodyClassList=document.querySelector('body').classList; | |
| bodyClassList.forEach(element => { | |
| if(element.includes('section')){ | |
| // console.log('removing section name from body') | |
| document.querySelector('body').classList.remove(element); | |
| } | |
| }); | |
| } | |
| function setBodySectionName(param) { | |
| RemoveCurrentSectionName(); | |
| document.querySelector('body').classList.add(`section-${param}`) | |
| } | |
| </script> | |
| <script> | |
| function getPrimarySectionName(str) { | |
| str = str.toLowerCase(); | |
| if (str == 'beauty' || str == 'makeup' || str == 'skin care' || str == 'hair' || str == 'nails' || str == 'wellness' || str == 'fitness') { | |
| return 'beauty'; | |
| } | |
| else if (str == 'fashion' || str == 'accessories' || str == 'shopping' || str == 'designers' || str == 'fashion week' || str == 'street style' || str == 'clothing') { | |
| return 'fashion'; | |
| } | |
| else if (str == 'entertainment' || str == 'film' || str == 'tv' || str == 'music' || str == 'art' || str == 'books' || str == 'theater') { | |
| return 'entertainment'; | |
| } | |
| else /*if (str == "home" || str == "you" || str == "justice" || str == "astrology" || str == "love" || str == "life") { | |
| return 'life'; | |
| } | |
| else*/ { | |
| return 'life'; | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Ad Slots"> | |
| <![CDATA[<script> | |
| var ad_render_count=1; | |
| var rightRailSLotKVP={}; | |
| rightRailSLotKVP_key=1; | |
| var topMapping,rightMapping,midMapping; | |
| var networkCode = 4260617; | |
| var topLevelAdUnit = "nylon.mag"; | |
| var s1 = getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "); | |
| var s2 = __BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| var adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var slotName = "/" + networkCode + "/" + adUnit; | |
| var pid = __BOOTSTRAP__.post.basename; | |
| var ptype = "article"; | |
| var tags = {{tags}}; | |
| //var breakpoint = "desktop"; | |
| // var utm_medium = "; | |
| // var test = "anyvalue";//only if "?test=anyvalue" is appended to URL | |
| googletag.cmd.push(function() { | |
| topMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[970, 250], [728, 90]]). | |
| addSize([768, 0], [728, 90]). | |
| addSize([0, 0], [320, 50]). | |
| build(); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| midMapping = googletag.sizeMapping(). | |
| addSize([768, 0], []). | |
| addSize([0, 0], [[300, 250], [320, 50]]). | |
| build(); | |
| var billboard_slot = googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-top-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "top"); | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-interstitial") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "interstitial"); | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.defineSlot(slotName, [320, 50], "div-id-for-adhesion-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "adhesion"); | |
| } | |
| /*googletag.defineSlot(slotName, [[300, 600], [300, 250]], "div-id-for-right-slot") | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid1-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid1"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid2-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid2"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite1-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite1"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite2-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite2"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery1-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery1"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery2-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery2"); | |
| if(document.querySelector('.posts_stream').querySelector('div-id-for-inread')){ | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-inread") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "inread"); }*/ | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.pubads().addEventListener('slotRenderEnded', function(event) { | |
| if(event.slot===billboard_slot){ | |
| console.log('Creative with id: ' + event.creativeId + | |
| ' is rendered to slot of size: ' + event.size[0] + 'x' + event.size[1]);} | |
| }); | |
| }); | |
| </script>]]> | |
| </ad_header_script> | |
| <user_code data-rm-friendly-name="Article Byline for feature 2 - 3" id="0beda45d7030359a66ee66a2c72f5cca"> | |
| <![CDATA[<script> | |
| function AuthorBylinePositioning(element) { | |
| var authorByline=document.createElement('div'); | |
| authorByline.className='author-byline'; | |
| if(element.querySelector('.post-author-list')){ | |
| authorByline.appendChild(element.querySelector('.post-author-list')) | |
| } | |
| if(element.querySelector('.post-date')){ | |
| authorByline.appendChild(element.querySelector('.post-date')) | |
| } | |
| element.querySelector('.widget__body').appendChild(authorByline); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__head').appendChild(element.querySelector('.photo-credit')) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="primary secondary color css add via js" id="8d27361db7a676191e44d465474cfc3f"> | |
| <![CDATA[<script>var stylePlaceHolder=document.querySelector('body'); | |
| function addStylesForSelectedColor(primary,secondary){ | |
| stylePlaceHolder.insertAdjacentHTML('beforeend',`<style> | |
| body.section-${primary} .header-wrapper svg { | |
| fill: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper, | |
| body.section-${primary} .header-static-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper .scrolling-article-postion-fill { | |
| background-color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .static-menu-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper #search-icon-customised g, | |
| body.section-${primary} .header-wrapper #open-search-customised g{ | |
| stroke: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .svg-color-adapt { | |
| fill: #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__head { | |
| background-color:#${primary} | |
| } | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| background-color:#${secondary}; | |
| color:#${primary}; | |
| box-shadow: 10px 0 0 #${secondary}, -10px 0 0 #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__section { | |
| border-color:#${secondary}; | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .tags .tags__item { | |
| background-color:#${secondary}; | |
| color:#${primary} | |
| } | |
| .select-section-${primary} .body-description a { | |
| background-color:#${secondary};; | |
| } | |
| .select-section-${primary} .sidebar_outer { | |
| background:#${secondary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget__headline-text, | |
| .select-section-${primary} .sidebar_outer .whats-new-headline { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget article , | |
| .select-section-${primary} .sidebar_outer .widget .widget__image, | |
| .select-section-${primary} .body .nested-posts article{ | |
| border-color:#${primary} ; | |
| } | |
| .select-section-${primary} .sidebar_outer svg path { | |
| stroke :#${primary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:#${secondary} | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .photo-credit { | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .body .ee-ul li:before , | |
| .select-section-${primary} .body .ee-ol li:before { | |
| color:#${primary}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 #${secondary}, -15px 0 0 #${secondary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .post-date{ | |
| color:#${secondary} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 #${secondary}, -20px 0 0 #${secondary}; | |
| } | |
| } | |
| .select-section-${primary} .body-description .dropcap-paragraph:first-letter { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .cta-poll { | |
| color:#${primary}; | |
| border: 30px solid #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__question { | |
| color: #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #${secondary}, #${primary}); | |
| } | |
| .select-section-fashion.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} .tags, .select-section-beauty.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-fashion.select-section-${primary} .tags, .select-section-fashion.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} .tags, .select-section-entertainment.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} .tags, .select-section-life.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .section-${primary} .subscription_form { | |
| background-color:#${primary} !important; | |
| } | |
| .section-${primary} .subscription_form svg path { | |
| stroke:#${secondary} !important; | |
| } | |
| .section-${primary} .subscription_form .social-links a { | |
| color:#${secondary} !important; | |
| border-color:#${secondary} !important; | |
| } | |
| .section-${primary} .post__page__ad__container { | |
| background-color: #${secondary}; | |
| } | |
| <\/style>`) | |
| } | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" data-rm-friendly-name="BANNER AD" element_classes="post__page__ad__container"> | |
| <user_code id="740aa74e461b038705adeaad8530792f"> | |
| <![CDATA[<div id='div-id-for-top-slot'> | |
| <script type='text/javascript'> | |
| googletag.cmd.push(function() { | |
| googletag.display('div-id-for-top-slot');}); | |
| </script> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="Top Bar"/> | |
| <element_wrapper element_classes="outer_container" data-rm-friendly-name="outer container"> | |
| <element_wrapper element_classes="container_postpage" data-rm-friendly-name="postpage container" style_element-wrapper_all_default_margin="0 auto"> | |
| <element_wrapper element_classes="posts_stream ad-processed isFirstArticle" data-rm-friendly-name="main content area/posts stream"> | |
| <post_content format="splash-custom" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_feature_layout_1,custom_field_news_layout_2_image,custom_field_feature_layout_3,custom_field_news_layout_1_image,custom_field_news_layout_no_image,custom_field_feature_layout_2,custom_field_feature_layout_4,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" layout_headline="over" layout_section="over" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_video_crop="original" layout_all_image_crop="original" layout_date="bottom" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_date_format="" layout_badges_sponsored="bottom" layout_photo_credit="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Separator,Linkedin,Tumblr,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <jinja data-rm-friendly-name="leadmedia layout selector"> | |
| <![CDATA[<script> | |
| var leadMediaLayout="no-layout-selected"; | |
| var article_splash=document.querySelector('.article__splash-custom'); | |
| {% if context.post.roar_specific_data %} | |
| {% if context.post.roar_specific_data.news_layout_1_image %} | |
| leadMediaLayout='news-layout-1-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_no_image %} | |
| leadMediaLayout='news-layout-no-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_2_image %} | |
| leadMediaLayout='news-layout-2-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_1 %} | |
| leadMediaLayout='feature-layout-1'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_2 %} | |
| leadMediaLayout='feature-layout-2'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_3 %} | |
| leadMediaLayout='feature-layout-3'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_4 %} | |
| leadMediaLayout='feature-layout-4'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| if(leadMediaLayout.indexOf('news')!=-1){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(leadMediaLayout.indexOf('feature')!=-1) { | |
| article_splash.parentNode.classList.add('feature-layout'); | |
| document.querySelector('body').classList.add('init-post-feature'); | |
| } | |
| {% endif %} | |
| //var asdfff= {{context.post.tags|safe}}; | |
| var LeadPostTags=''; | |
| if(__BOOTSTRAP__.post.formatted_tags){ | |
| __BOOTSTRAP__.post.formatted_tags.forEach(element => { | |
| if(element.name=="news"){LeadPostTags="news"} | |
| }); | |
| } | |
| if(leadMediaLayout=="no-layout-selected"){ | |
| if(LeadPostTags && LeadPostTags=='news'){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(article_splash.querySelector('.widget__section')?article_splash.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| article_splash.closest('.posts_stream').classList.add('news-layout'); | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| article_splash.parentNode.classList.add('feature-layout') | |
| } | |
| } | |
| article_splash.parentNode.classList.add(leadMediaLayout); | |
| document.querySelector('.all-content-wrapper').classList.add('loaded'); | |
| if(document.querySelector('.article__splash-custom .widget__subheadline')){ | |
| if(document.querySelector('.article__splash-custom .body')){ | |
| document.querySelector('.article__splash-custom .body-description').insertAdjacentElement('afterbegin',document.querySelector('.article__splash-custom .widget__subheadline')) | |
| } | |
| } | |
| {% if context.post.badges %} | |
| article_splash.classList.add("sponsored-post"); | |
| {% endif %} | |
| </script>]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="Add lead media section name update " id="4ed0a9a01f2c834cefd8ddaa190d109d"> | |
| <![CDATA[<script> | |
| var section_name_leadmedia=getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title.toLowerCase(): 'life'); | |
| __BOOTSTRAP__.post.section?article_splash.setAttribute('data-s2-value',__BOOTSTRAP__.post.section.title.toLowerCase()) : ""; | |
| article_splash.classList.add(`select-section-${section_name_leadmedia}`); | |
| setBodySectionName(section_name_leadmedia); | |
| if(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| && document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary')){ | |
| addStylesForSelectedColor(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| .innerText,document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary').innerText); | |
| article_splash.classList.add(`select-section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`); | |
| document.querySelector('body').classList.add(`section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`) | |
| } | |
| else {} | |
| if(article_splash.querySelector('.widget__section')) { | |
| article_splash.querySelector('.widget__section').innerText=section_name_leadmedia; | |
| article_splash.querySelector('.widget__section').href="/"+section_name_leadmedia ; | |
| } | |
| //setBodySectionName(section_name_leadmedia); | |
| document.querySelector('.all-content-wrapper').classList.add('page-loaded'); | |
| </script> | |
| <script> | |
| videoPostManipulate(true); | |
| inArticleVideoPostManipulate(); | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD Mid wrapper"> | |
| <user_code id="74afe8b2f8e798ae830c6c8ccaa91910"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="ComponentWhatsNew"/> | |
| </element_wrapper> | |
| <user_code id="83411f1db5aff76292e35b910ace5677" data-rm-friendly-name="divider without any code"/> | |
| <lazyload> | |
| <element_wrapper data-rm-friendly-name="lazy loaded items not infintes scroll" element_classes=""> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <call_block name="ComponentSubscribeForm"/> | |
| <call_block name="ComponentPubExchangeModule"/> | |
| </element_wrapper> | |
| <user_code id="20e4d1dbdec8e33c7a8f968604c2d8b6" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="963c973297e376ad802c406cfc6a7760"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="a9f6c27b3d149f8fe9aaa4be2a4877ac"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="ComponentVideoModule"/> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="infnite scroll" element_classes="infinite-scroll" load_more="scroll"> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="b3f947136c62c2451fb76c63b3857145"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="9f8dc006f89ade1687586d40a8065d0f" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="697484d8df9e215e141baa7e05508987"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="0286d3fe3e442f8ec4def1ed5387e996" data-rm-friendly-name="call functions on loadmore"> | |
| <![CDATA[<script> setWidgetSectionSelector(); | |
| reOrderElement(); | |
| videoPostManipulate(); | |
| inArticleVideoPostManipulate(); | |
| // setTrendingPost(document.querySelectorAll('.trending-container:not(.trending-processed)' )); | |
| </script>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <user_code data-rm-friendly-name="PostByAuthor [JS]" id="7d422b43358cb6ad46424b3c3852228c"> | |
| <![CDATA[<script> | |
| document.querySelectorAll('.post-with-more-from-author:not(processed)').forEach(widget=> { | |
| var author=widget.querySelector('.post-author__name').getAttribute('href').split("/").pop().replace(/ /g,"-").toLowerCase(); | |
| var authorHTML,authorStyle; | |
| jQuery.getJSON(`https://nylon.com/res/custom_page/data.js?formats=json,html&resource_id=generic&layout_name=PostsByAuthor&username=${author}`, function(result){ | |
| widget.querySelector('.widget__head + .widget__body ').insertAdjacentHTML('beforeend',result['html']); | |
| widget.querySelector('.more-from-author-name')? widget.querySelector('.more-from-author-name').innerHTML=widget.querySelector('.post-author__name').innerText : "" | |
| changeDateFormat(); | |
| }); | |
| }) | |
| </script> | |
| <script > | |
| rblms.require(['jquery'], function($ ) { | |
| var wrapper = $('.subscription_form'); | |
| wrapper.addClass('animated'); | |
| setInterval(function(){ | |
| $('.subscription_form').addClass("subscription_form_show") | |
| }, 1000); | |
| $('.newsletter-element__submit').on('click', function() { | |
| var email = $('.subscription_form .newsletter-element__input').val(); | |
| var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | |
| if ( filter.test(email) ) { | |
| wrapper.addClass('you-are-in'); | |
| return true; | |
| } | |
| }); | |
| $('.subscription_form_follow_inner .share-youtube').removeClass('share-youtube'); | |
| // submit on enter | |
| $('.newsletter-element__input').bind("enterKey",function(e){ | |
| $('.newsletter-element__submit').click(); | |
| }); | |
| $('.newsletter-element__input').keyup(function(e){ | |
| if(e.keyCode == 13) | |
| { | |
| $(this).trigger("enterKey"); | |
| } | |
| }); | |
| // submit on enter | |
| }); | |
| </script> | |
| <script> | |
| setTimeout(changeDateFormat,2000) | |
| </script>]]> | |
| </user_code> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <user_code id="dc8ed279172b67e737c4781d8078252b" data-rm-friendly-name="re initiate slick for mobile"> | |
| <![CDATA[<script type="text/javascript"> | |
| setTimeout(function(){ | |
| rblms.require(['jquery', 'jquery.slick'], function($, slick) { | |
| $('.more-from-author-wrapper .posts-wrapper').slick({ | |
| infinite : false, | |
| dots : true, | |
| slidesToShow : 1, | |
| slidesToScroll : 1, | |
| initialSlide : 0, | |
| adaptiveHeight: true, | |
| autoplay : false, | |
| autoplaySpeed : 3000, | |
| prevArrow : '<div class="slick-prev fa fa-chevron-left"> | |
| </div>', | |
| nextArrow : '<div class="slick-next fa fa-chevron-right"> | |
| </div>' | |
| }); | |
| });},2000); | |
| console.log("amout of nodes loaded after lazy loaded element loaded: "+document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| </when> | |
| <otherwise/> | |
| </choose> | |
| </lazyload> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="sidebar_outer hidden" style_element-wrapper_tablet_default_max-width="100%" style_element-wrapper_mobile_default_margin="0 auto" data-rm-friendly-name="Sidebar"> | |
| <element_wrapper element_classes="sidebar_inner" data-rm-friendly-name="Sidebar Inner"> | |
| <user_code data-rm-friendly-name="ad code" id="13b84e9a1e028324d8e3aa8dc48a9b57"> | |
| <![CDATA[<div class="sidebar_ad_container "> | |
| <div id="div-id-for-right-slot"class="sidebar-ad" data-ad-slot="rightrail" data-ad-pos="rightrail" data-size-map="rightMapping"> | |
| </div> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper element_classes="whats-new-posts-container" data-rm-friendly-name="What's new"> | |
| <element_wrapper style_element-wrapper_all_default_padding="0 0 20px" style_element-wrapper_all_default_text-align="center" data-rm-friendly-name="Whats new intro wrapper"> | |
| <user_code data-rm-friendly-name="Whats New Headline" id="a03915a423796ec8f83f35789b0e4a6c"> | |
| <![CDATA[<h2 class="whats-new-headline">TRENDING<br> | |
| </h2> | |
| <svg width="26" height="36" viewBox="0 0 26 36" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M25.0293 27.2373L20.6466 33.373L16.264 27.2373" stroke="#2E2F7D" stroke-width="2"/> | |
| <path d="M1.20605 1.07568V10.7024H10.846V21.3149H20.5121V32.5851" stroke="#2E2F7D" stroke-width="2"/> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="whats new posts container" style_element-wrapper_all_default_margin="30px 0 0 0"> | |
| <choose> | |
| <when test="is_mobile==True"/> | |
| <otherwise> | |
| <posts source_url="_most-read" all_element_order="headline,section,subheadline,date,author,post_shares,badges_sponsored,photo_credit,body,snark_line,page_views,badges,follow_button,community_comments,like_button,source_link,collection_button,tags,primary_tag,main_author,custom_field_feature_layout_2,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature_layout_4,custom_field_news_layout_2_image,custom_field_news_layout_no_image,custom_field_news_layout_1_image,custom_field_article-layout,custom_field_image_avatar1,custom_field_image_avatar2,custom_field_feature-color-primary,custom_field_fearure-color-secondary,custom_field_letter_from_editor" limit="4" layout_headline="right" all_share_buttons="Separator,Twitter,Linkedin,Facebook,Email,Tumblr,GooglePlus,Pinterest,Whatsapp,Reddit" style_post-media-wrapper_all_default_margin="0px" style_post-headline_all_default_font-size="16px" style_post-headline_all_default_font-weight="400" style_post-main-author-avatar_all_default_display="none" style_post-date_all_default_display="block" style_post-social-author-avatar_all_default_display="none" style_post-social-author_all_default_display="inline-block" style_post-shares_all_default_display="inline-block" data-rm-advanced="true" layout_all_date_format="" style_post-date-text_all_default_color="rgb(129, 129, 130)" style_post-date-text_all_default_font-family=""Atlas Typewriter"" style_post-date-text_all_default_font-size="9px" style_post-date-text_all_default_font-weight="400" style_post-date-text_all_default_text-transform="uppercase" style_post-social-author-name_all_default_color="rgb(34, 45, 57)" style_post-social-author-name_all_default_font-family=""Atlas Typewriter"" style_post-social-author-name_all_default_font-size="9px" style_post-social-author-name_all_default_font-weight="400" style_post-social-author-name_all_default_text-transform="uppercase" style_post-social-author_all_default_vertical-align="middle" style_post-date_all_default_vertical-align="middle" style_post-shares_all_default_vertical-align="middle" style_post-social-author-name_all_default_display="inline-block" style_post-social-author_all_default_height="10px" style_post-social-author_all_default_line-height="14px" style_post-social-author_all_default_overflow="hidden" style_post-date_all_default_margin="0px" style_post-shares_all_default_margin="0px" style_post-social-author-name_all_default_vertical-align="middle" style_post-section_all_default_background-color="rgb(255, 255, 255)" style_post-section_all_default_border="1px solid rgb(34, 45, 57)" style_post-section_all_default_display="inline-block" style_post-section_all_default_font-weight="600" style_post-section_all_default_letter-spacing="0.08em" style_post-section_all_default_line-height="1em" style_post-section_all_default_margin="0px" style_post-section_all_default_padding="5px 7px 2px" style_post-section_all_default_position="relative" style_post-section_all_default_text-transform="uppercase" style_post-section_all_default_top="-3px" style_post-section_all_default_transition="border-color 0.25s ease 0s" style_post-section_all_hover_border="1px solid rgb(251, 131, 120)" layout_all_image_crop="1x1" allow_duplicates="true" style_post-headline_all_default_letter-spacing="0" style_post-widget_all_default_overflow="hidden" style_post-date_all_default_bottom="6px" style_post-date_all_default_color="rgb(129, 129, 130)" style_post-date_all_default_position="absolute" style_post-date_all_default_text-align="center" style_post-date_all_default_width="100%" style_post-date-text_all_default_display="inline" style_post-body_all_default_-webkit-box-align="center" style_post-body_all_default_-webkit-box-orient="vertical" style_post-body_all_default_-webkit-box-direction="normal" style_post-body_all_default_-webkit-box-pack="center" style_post-headline_all_default_display="-webkit-box" style_post-headline_all_default_-webkit-line-clamp="3" style_post-headline_all_default_overflow="hidden" style_post-headline_all_default_-webkit-box-orient="vertical" style_post-date_all_default_padding="0px 20px 0 0" style_post-media-wrapper_all_default_overflow="hidden" style_headline-wrapper_all_default_margin="" element_classes="whats-news-posts-wrapper" data-rm-device-crops="true" layout_image_column_width="25" style_post-media-wrapper_all_default_padding="0px" style_post-image_all_default_border-radius="120px" style_post-image_all_default_margin="0px" style_post-image_all_default_padding="0px" style_post-media-wrapper_all_default_min-height="80px" style_post-widget-article_all_default_padding-bottom="32px" style_post-headline_all_default_max-height="70px" style_post-headline_all_default_font-family="'Apercu',Arial" style_post-headline-wrapper_all_default_text-align="left" style_post-media-wrapper_all_default_background="transparent" style_post-headline_all_default_line-height="20px" layout_vertical_separation="32"/> | |
| </otherwise> | |
| </choose> | |
| </element_wrapper> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="trending-animation-svg" element_classes="container-trending-anim" style_element-wrapper_all_default_display="none" style_element-wrapper_all_default_height="120px" style_element-wrapper_all_default_position="absolute" style_element-wrapper_all_default_width="120px"> | |
| <user_code data-rm-friendly-name="Custom Html for Trending Words SVG" id="b8defccc5e04124eae6d45ee65e59566"> | |
| <![CDATA[<svg class="spinner pop-in" width="85px" height="87px" viewBox="0 0 85 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <defs> | |
| <polygon class="path" id="path-1" points="0.104884364 0.329367273 5.97065891 0.329367273 5.97065891 7.42814836 0.104884364 7.42814836"> | |
| </polygon> | |
| <polygon class="path" id="path-3" points="0.592861091 0.537250909 7.89538909 0.537250909 7.89538909 6.66379636 0.592861091 6.66379636"> | |
| </polygon> | |
| <polygon class="path" id="path-5" points="0.279726545 0.204951273 5.61610473 0.204951273 5.61610473 7.13454545 0.279726545 7.13454545"> | |
| </polygon> | |
| </defs> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-367.000000, -538.000000)"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <polygon id="Fill-1" fill="#231F20" points="0 36.3534545 1.06507636 36.6016582 1.53320727 34.6097455 7.07851636 35.9136 7.35028364 34.7574109 1.80497455 33.4535564 2.27310545 31.4616436 1.20802909 31.2118691"> | |
| </polygon> | |
| <g id="Group-51" transform="translate(0.000000, 0.521856)"> | |
| <path d="M4.63606691,25.0930211 L6.23839418,25.9114647 L6.77878691,24.8558138 C7.088256,24.2510138 6.93116509,23.7687447 6.45360873,23.5236829 C5.96819782,23.2754793 5.48435782,23.4309993 5.20159418,23.9855302 L4.63606691,25.0930211 Z M7.21235782,26.4094429 L9.70381964,27.6834502 L9.161856,28.7422429 L3.12171055,25.6522647 L4.24648145,23.4545629 C4.88898327,22.1962647 5.97919418,21.8648029 7.02699055,22.4004829 C7.74960873,22.7696465 8.107776,23.3540247 8.01352145,24.3656902 L11.4019724,24.3625484 L10.7751796,25.5862865 L7.66163782,25.5297338 L7.21235782,26.4094429 Z" id="Fill-2" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-4" fill="#231F20" points="8.39006836 16.8895767 10.9569338 13.8702895 11.7910865 14.5787695 9.99396655 16.6932131 11.2177047 17.731584 12.9519884 15.6894022 13.787712 16.3994531 12.0502865 18.4416349 13.5033775 19.6747985 15.360192 17.489664 16.1959156 18.198144 13.5677847 21.291264"> | |
| </polygon> | |
| <polygon id="Fill-6" fill="#231F20" points="17.2110371 10.9694487 19.9664116 14.8197469 19.061568 15.4685324 15.1091607 9.945216 16.0752698 9.254016 21.4524916 11.3213324 18.6531316 7.40976873 19.5579753 6.76098327 23.5103825 12.2842996 22.4892916 13.0147724"> | |
| </polygon> | |
| <path d="M27.9298211,8.90307491 L28.708992,8.61402764 C30.0442647,8.11762036 30.5218211,6.91273309 30.056832,5.65757673 C29.5714211,4.34900945 28.4419375,3.80076218 27.1679302,4.27517673 L26.3274938,4.58621673 L27.9298211,8.90307491 Z M24.8319884,3.97356218 L26.8411811,3.22895127 C28.7498356,2.52047127 30.506112,3.28707491 31.2240175,5.22400582 C31.9042211,7.05568582 31.1140538,8.88736582 29.1504175,9.61783855 L27.1962065,10.3435985 L24.8319884,3.97356218 Z" id="Fill-8" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-10" fill="#231F20" points="37.4396335 7.49396945 36.2661644 7.66991127 35.2639244 0.955845818 36.4389644 0.781474909"> | |
| </polygon> | |
| <g id="Group-14" transform="translate(41.563636, 0.000000)"> | |
| <mask id="mask-2" fill="white"> | |
| <use xlink:href="#path-1"> | |
| </use> | |
| </mask> | |
| <g id="Clip-13"> | |
| </g> | |
| <polygon id="Fill-12" fill="#231F20" mask="url(#mask-2)" points="1.50299345 2.44522473 1.21394618 7.16109382 0.104884364 7.09354473 0.519604364 0.329210182 1.70406982 0.401472 4.56783709 5.38753745 4.86159709 0.594693818 5.97065891 0.662242909 5.55593891 7.42814836 4.30549527 7.35117382"> | |
| </polygon> | |
| </g> | |
| <path d="M58.6791098,5.22196364 L57.4647971,5.46231273 C57.2747171,4.66586182 56.8709935,4.11290182 56.1232407,3.84898909 C54.9324916,3.42798545 53.6946153,4.07205818 53.2484771,5.33506909 C52.8039098,6.59650909 53.3443025,7.86894545 54.6073135,8.31508364 C55.6126953,8.66853818 56.4751244,8.26481455 56.8992698,7.51392 L54.7204189,6.74417455 L55.0832989,5.72151273 L58.3366516,6.87141818 L57.1254807,10.3038545 L56.0933935,9.93940364 L56.395008,9.08482909 C55.8184844,9.50269091 55.0157498,9.67863273 54.0810589,9.34874182 C52.3483462,8.73608727 51.3743825,6.82272 52.0483025,4.91092364 C52.7237935,2.99755636 54.6748625,2.11784727 56.5065425,2.76506182 C57.8590953,3.24104727 58.4843171,4.13332364 58.6791098,5.22196364" id="Fill-15" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-17" fill="#231F20" points="67.0107404 17.1979462 66.1420276 16.3873571 70.0221731 12.2181644 68.5235258 10.824768 69.2681367 10.0236044 73.134144 13.6209862 72.3895331 14.4221498 70.8924567 13.0287535"> | |
| </polygon> | |
| <path d="M76.2874298,19.3087767 L74.7856407,20.3015913 L75.4407098,21.2928349 C75.8145862,21.8583622 76.3125644,21.9589004 76.7602735,21.6635695 C77.2158371,21.3619549 77.3163753,20.8655476 76.9739171,20.3471476 L76.2874298,19.3087767 Z M73.8729425,20.9048204 L71.5385716,22.4505949 L70.8835025,21.4593513 L76.543488,17.714304 L77.9054662,19.7737658 C78.686208,20.9535185 78.4395753,22.0657222 77.4561862,22.7160785 C76.7806953,23.1637876 76.0957789,23.1873513 75.2616262,22.6108276 L73.5980335,25.5625658 L72.8392844,24.4158022 L74.4196189,21.7311185 L73.8729425,20.9048204 Z" id="Fill-19" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-21" fill="#231F20" points="81.5938036 26.6761833 82.95264 30.3913833 81.9268364 30.7668305 80.9748655 28.1654051 79.4715055 28.7152233 80.3904873 31.2271069 79.3646836 31.6025542 78.4457018 29.0922415 76.6580073 29.7457396 77.6429673 32.4335651 76.6171636 32.8090124 75.2253382 29.0058415"> | |
| </polygon> | |
| <g id="Group-25" transform="translate(76.974545, 35.410909)"> | |
| <mask id="mask-4" fill="white"> | |
| <use xlink:href="#path-3"> | |
| </use> | |
| </mask> | |
| <g id="Clip-24"> | |
| </g> | |
| <polygon id="Fill-23" fill="#231F20" mask="url(#mask-4)" points="5.41083927 1.85210182 0.705966545 2.33437091 0.592861091 1.22845091 7.34148655 0.537250909 7.46087564 1.71857455 3.00420655 5.35522909 7.782912 4.86667636 7.89601745 5.97416727 1.14896291 6.66379636 1.02014836 5.41806545"> | |
| </polygon> | |
| </g> | |
| <path d="M78.8891695,47.5805847 L78.758784,48.3990284 C78.534144,49.8034211 79.346304,50.8103738 80.6674385,51.0208756 C82.0435549,51.2408029 83.0725004,50.5276102 83.2877149,49.1891956 L83.4290967,48.3047738 L78.8891695,47.5805847 Z M84.6936785,47.3056756 L84.3559331,49.4169775 C84.0354676,51.4261702 82.508544,52.5745047 80.4710749,52.2493265 C78.5451404,51.9414284 77.3402531,50.3563811 77.670144,48.2922065 L77.998464,46.2358865 L84.6936785,47.3056756 Z" id="Fill-26" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-28" fill="#231F20" points="75.4374109 56.544192 75.8631273 55.4351302 82.1970327 57.8684684 81.7713164 58.9775302"> | |
| </polygon> | |
| <polygon id="Fill-30" fill="#231F20" points="77.0543476 63.9301353 73.0956567 61.342848 73.7035985 60.4128698 79.380864 64.1233571 78.7320785 65.1161716 72.9794095 65.1381644 77.0009367 67.7662953 76.3929949 68.6978444 70.7157295 64.9857862 71.3990749 63.9379898"> | |
| </polygon> | |
| <path d="M66.9402065,76.1161484 L67.3282211,74.9426793 C68.1136756,75.1688902 68.7923084,75.0903447 69.3892538,74.5703738 C70.3396538,73.7409338 70.3867811,72.3506793 69.5102138,71.3437265 C68.6305047,70.3352029 67.260672,70.1828247 66.2537193,71.059392 C65.4525556,71.7600175 65.3802938,72.7072756 65.8232902,73.4456029 L67.5622865,71.9296756 L68.2739084,72.7449775 L65.6756247,75.0102284 L63.2894138,72.2705629 L64.1109993,71.5542284 L64.7048029,72.234432 C64.6262575,71.5290938 64.8681775,70.7452102 65.6127884,70.0948538 C66.9951884,68.8883956 69.1379084,68.9826502 70.4668975,70.5080029 C71.7974575,72.0333556 71.6042356,74.1619375 70.1432902,75.4359447 C69.0656465,76.3753484 67.9832902,76.4805993 66.9402065,76.1161484" id="Fill-32" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-34" fill="#231F20" points="52.4138531 77.4938356 53.5464785 77.1340975 55.2681949 82.5647302 57.219264 81.9442211 57.5507258 82.9873047 52.5159622 84.5849193 52.1845004 83.5434065 54.1371404 82.9228975"> | |
| </polygon> | |
| <g id="Group-38" transform="translate(41.563636, 78.545455)"> | |
| <mask id="mask-6" fill="white"> | |
| <use xlink:href="#path-5"> | |
| </use> | |
| </mask> | |
| <g id="Clip-37"> | |
| </g> | |
| <path d="M4.36251927,5.95604945 L4.24941382,4.16050036 L3.06494836,4.235904 C2.38788655,4.28146036 2.05328291,4.66004945 2.08784291,5.19572945 C2.12240291,5.74083491 2.500992,6.07386764 3.123072,6.03616582 L4.36251927,5.95604945 Z M4.17872291,3.07186036 L4.00121018,0.281925818 L5.18410473,0.204951273 L5.61610473,6.97085673 L3.15291927,7.12794764 C1.74538473,7.21748945 0.903377455,6.44931491 0.827973818,5.27584582 C0.777704727,4.46839855 1.09659927,3.86202764 2.01243927,3.42688582 L0.279726545,0.517562182 L1.65113018,0.429591273 L3.192192,3.13469673 L4.17872291,3.07186036 Z" id="Fill-36" fill="#231F20" mask="url(#mask-6)"> | |
| </path> | |
| </g> | |
| <polygon id="Fill-39" fill="#231F20" points="36.9378851 85.4910196 33.0326051 84.8375215 33.2132596 83.756736 35.9466415 84.2154415 36.2121251 82.6351069 33.569856 82.1921105 33.7520815 81.1144669 36.3927796 81.5558924 36.7085324 79.6770851 33.880896 79.2042415 34.0615505 78.1250269 38.0595142 78.7942342"> | |
| </polygon> | |
| <polygon id="Fill-41" fill="#231F20" points="27.3636655 80.960832 29.2644655 76.6282647 30.2824145 77.0744029 27.5568873 83.2873484 26.4698182 82.8113629 25.5005673 77.1372393 23.56992 81.5389265 22.5519709 81.0927884 25.2774982 74.8798429 26.4258327 75.3825338"> | |
| </polygon> | |
| <path d="M20.1120349,72.8210095 L19.4679622,72.3026095 C18.3604713,71.4134749 17.0833222,71.6176931 16.2460276,72.6592058 C15.3726022,73.744704 15.4825658,74.9920058 16.5382167,75.8402967 L17.2357004,76.4011113 L20.1120349,72.8210095 Z M17.4744785,77.9940131 L15.8108858,76.6555985 C14.2258385,75.3831622 13.9870604,73.4870749 15.2783476,71.8800349 C16.498944,70.3641076 18.4720058,70.1017658 20.0994676,71.411904 L21.7206458,72.7141876 L17.4744785,77.9940131 Z" id="Fill-43" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-45" fill="#231F20" points="14.0125091 65.3714444 14.7649745 66.2888553 9.51813818 70.5868625 8.76567273 69.6678807"> | |
| </polygon> | |
| <polygon id="Fill-47" fill="#231F20" points="6.77925818 63.1285004 10.9798691 60.9622167 11.4888436 61.9503185 5.46440727 65.0560058 4.92087273 64.0019258 7.73751273 58.9907258 3.47249455 61.1915695 2.96194909 60.2034676 8.98481455 57.0977804 9.55976727 58.209984"> | |
| </polygon> | |
| <path d="M1.17064145,48.3207971 L2.00008145,49.238208 C1.41413236,49.808448 1.14707782,50.4383825 1.30573964,51.2144116 C1.55551418,52.4507171 2.74155055,53.1811898 4.05168873,52.9157062 C5.36182691,52.6502225 6.17398691,51.5348771 5.90850327,50.223168 C5.69800145,49.1816553 4.90783418,48.6491171 4.046976,48.6695389 L4.50411055,50.931648 L3.44374691,51.1452916 L2.76040145,47.7678371 L6.32165236,47.0467898 L6.53843782,48.1181498 L5.65244509,48.2972335 C6.30594327,48.5784262 6.86832873,49.1738007 7.06469236,50.1430516 C7.42757236,51.9433135 6.28866327,53.7592844 4.30460509,54.1614371 C2.318976,54.5635898 0.564270545,53.3429935 0.179397818,51.4421935 C-0.104936727,50.0393716 0.338059636,49.0465571 1.17064145,48.3207971" id="Fill-49" fill="#231F20"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Custom SVG for Trending Icon SVG" id="eaed3aa08af659d05da135fc631ebd01"> | |
| <![CDATA[<svg class="eyes-svg pop-in" width="81px" height="68px" viewBox="0 0 31 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-394.000000, -565.000000)" stroke="#000000"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <g id="Group-11" transform="translate(28.000000, 28.000000)"> | |
| <ellipse id="Oval" stroke-width="1.6" fill="#FFFFFF" cx="6.44444444" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-2" stroke-width="3.2" fill="#FFFFFF" cx="5.63888889" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy" stroke-width="1.6" fill="#FFFFFF" cx="22.5555556" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-3" stroke-width="3.2" fill="#FFFFFF" cx="21.75" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <path d="M6.44444444,0.0700739525 L6.44444444,4.88330367" id="Line" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M10.4722222,1.64583153 L10.4722222,6.45906125" id="Line-Copy" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M2.41666667,1.64583153 L2.41666667,6.45906125" id="Line-Copy-2" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M22.5555556,0.0700739525 L22.5555556,4.88330367" id="Line-Copy-5" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M26.5833333,1.64583153 L26.5833333,6.45906125" id="Line-Copy-4" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M18.5277778,1.64583153 L18.5277778,6.45906125" id="Line-Copy-3" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <write_to_header data-rm-friendly-name="ReorderElement"> | |
| <![CDATA[<script> | |
| function reOrderElement(){ | |
| document.querySelectorAll('.homepage_component_wrapper.reorderable ').forEach( wrapper => { | |
| //console.log(wrapper); | |
| /* NodeList.prototype.forEach = Array.prototype.forEach | |
| var allPosts=wrapper.childNodes; | |
| // console.log(allPosts); | |
| var newsPosts; | |
| var featurePosts; | |
| var n_c=0; | |
| var f__c=0; | |
| /* for (var i = 0; i < allPosts.length; i++) { | |
| if(allPosts[i].classList && allPosts[i].classList.contains('news-post-whats-new')){ | |
| newsPosts.push(allPosts[i]) | |
| } | |
| else{ | |
| featurePosts.push(allPosts[i]); | |
| } | |
| }*/ | |
| /* allPosts.forEach(article => { | |
| if(article.classList && article.classList.contains('news-post-whats-new')){ | |
| //newsPosts.push(article) | |
| newsPosts[n_c]=article; | |
| n_c++; | |
| } | |
| else if(article.classList && article.classList.contains('what-new-item')){ | |
| //featurePosts.push(article); | |
| featurePosts[f__c]=article; | |
| f_c++; | |
| } | |
| })*/ | |
| if(window.innerWidth>1439){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>1079){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>767){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| }) | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code data-rm-friendly-name="Add widget sections and layout" id="cca1eeffa07f5bd8eb6d5a09f365cd6b"> | |
| <![CDATA[<script> | |
| function selectLayout(element) { | |
| var layoutName = 'no-layout-selected' | |
| if (element.querySelector('.widget__head + .widget__body [class^="custom-field"]')) { | |
| layoutName = element.querySelector('.widget__head + .widget__body [class^="custom-field"]').getAttribute('class').split('custom-field-').pop(); | |
| if (layoutName.indexOf('news') != -1) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| } | |
| if (layoutName == 'no-layout-selected') { | |
| if (element.classList && element.classList.contains('tag-news')) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(element.querySelector('.widget__section')?element.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| // element.closest('.posts_stream').classList.add('feature-layout') | |
| } | |
| } | |
| function setWidgetSectionSelector() { | |
| document.querySelectorAll('.posts_stream .stream-post > .posts-custom > .posts-wrapper > .widget:not(.processed):not(.whats-new-widget)').forEach(element => { | |
| selectLayout(element); | |
| element.classList.add('processed'); | |
| element.classList.add('infinite-scroll-post') | |
| var widgetSection=element.querySelector('.widget__section'); | |
| var section_name=getPrimarySectionName( widgetSection ?widgetSection.innerText.toLowerCase(): "") | |
| if(section_name !=="") { | |
| element.classList.add('article__splash-custom'); | |
| widgetSection ? element.setAttribute('data-s2-value',widgetSection.innerText.toLowerCase()): ""; | |
| widgetSection ? widgetSection.innerText=section_name : ""; | |
| widgetSection ? widgetSection.href="/"+section_name : ""; | |
| element.classList.add(`select-section-${section_name}`); | |
| if(element.querySelector('.custom-field-feature-color-primary') | |
| && element.querySelector('.custom-field-fearure-color-secondary')){ | |
| // alert('present') | |
| addStylesForSelectedColor(element.querySelector('.custom-field-feature-color-primary') | |
| .innerText,element.querySelector('.custom-field-fearure-color-secondary').innerText); | |
| element.classList.add(`select-section-${element.querySelector('.custom-field-feature-color-primary').innerText}`); | |
| } | |
| if(element.querySelector('.widget__subheadline')){ | |
| if(element.querySelector('.body-description')){ | |
| element.querySelector('.body-description').insertAdjacentElement('afterbegin',element.querySelector('.widget__subheadline')) | |
| } | |
| } | |
| element.querySelector('article').classList.add('post-splash-custom') | |
| element.querySelector('.widget__headline').classList.add('headline-container'); | |
| element.querySelector('.widget__headline-text').classList.add('headline'); | |
| element.querySelector('.social-date')?element.querySelector('.social-date').classList.add('post-date'):""; | |
| element.querySelector('.social-author').className='post-author-list'; | |
| element.querySelector('.social-author__avatar').className='post-author__avatar image'; | |
| element.querySelector('.social-author__name').className='post-author__name'; | |
| } | |
| if(element.querySelector('.custom-field-feature-layout-2') || element.querySelector('.custom-field-feature-layout-3')){ | |
| AuthorBylinePositioning(element) | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code id="460ee0c58ae0283129bdc3260b28d169" data-rm-friendly-name="Post General CSS"> | |
| <![CDATA[<style> | |
| a[href^="https://content.jwplatform.com"] { | |
| display:none; | |
| } | |
| .post-author-list { | |
| font-size:0; | |
| color:transparent; | |
| } | |
| .post-author { | |
| display:inline-block; | |
| } | |
| .posts_stream.news-layout .badge-list-sponsored { | |
| /* display:none !important; */ | |
| } | |
| .news-layout .widget__image { | |
| position:relative; | |
| } | |
| .news-layout .photo-credit { | |
| position: absolute; | |
| right: 10PX; | |
| bottom: 5PX; | |
| } | |
| /*.news-layout.news-layout-2-image .photo-credit { | |
| display:none !important; | |
| }*/ | |
| .news-layout .photo-credit:before { | |
| left: -10px; | |
| position: absolute; | |
| right: -10px; | |
| bottom: -5px; | |
| display: block; | |
| top: -5px; | |
| background: #ccc; | |
| opacity: .2; | |
| content: ""; | |
| } | |
| [class^="custom-field-news"],[class^="custom-field-feature"]{ | |
| display:none !important; | |
| } | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .posts_stream { | |
| position:relative; | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| position:unset; | |
| background:none !important | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:10px; | |
| } | |
| .post-splash-custom .headline-container .headline, .body-description .pullquote-paragraph { | |
| font-family: 'Basetica-Regular',Arial; | |
| font-size: 30px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.47; | |
| letter-spacing: normal; | |
| display:inline; | |
| padding:5px 0 0; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size:28px; | |
| line-height: 1.5; | |
| text-align: center; | |
| } | |
| .post-splash-custom .widget__section { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 10px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.2; | |
| letter-spacing: normal; | |
| text-align: center; | |
| border:solid 1px; | |
| margin-top:12px; | |
| padding:10px 10px 7px; | |
| display:inline-block; | |
| text-transform: capitalize; | |
| } | |
| .post-splash-custom .widget__head + .widget__body { | |
| padding:30px 0 90px; | |
| position:relative; | |
| } | |
| .post-splash-custom .widget__head + .widget__body:after { | |
| background-image:url(https://assets.rbl.ms/19063793/2000x.png); | |
| content:""; | |
| display:block; | |
| margin:0 auto; | |
| margin-top:60px; | |
| background-repeat:no-repeat; | |
| width: 31px; | |
| height: 22px; | |
| background-position: -5px -5px; | |
| } | |
| .post-author-list { | |
| width:100%; | |
| box-sizing:border-box; | |
| } | |
| .post-author__avatar, .post-author__name { | |
| display: inline-block; | |
| vertical-align: top; | |
| position: relative; | |
| overflow: hidden; | |
| width: | |
| } | |
| .post-author__name { | |
| margin:15px 20px; | |
| } | |
| .post-author:first-child .post-author__name:before { | |
| content:"BY " | |
| } | |
| .post-author__name:hover { | |
| opacity:.5; | |
| } | |
| .post-author__name , .post-splash-custom .post-date{ | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| color: #000000; | |
| text-transform:uppercase; | |
| } | |
| .post-author__avatar { | |
| height:60px; | |
| width:60px; | |
| } | |
| .post-splash-custom .post-date { | |
| display: block; | |
| position: absolute; | |
| padding-left: 112px; | |
| margin-top: -20px; | |
| opacity:.4 | |
| } | |
| .body-description { | |
| font-family: 'Apercu',Arial; | |
| font-size: 16px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 24px; | |
| letter-spacing: normal; | |
| color: #000000; | |
| text-align:center; | |
| padding:0 30px | |
| } | |
| .post-author-list{ | |
| padding: 0 30px; | |
| } | |
| .body-description > *{ | |
| padding:0 ; | |
| text-align:left; | |
| box-sizing:border-box; | |
| } | |
| .body-description h2, | |
| .body-description h3, | |
| .body-description h4, | |
| .body-description h5, | |
| .body-description h6, | |
| .body-description strong { | |
| font-weight:bold; | |
| font-family:'Apercu-Bold',Arial; | |
| } | |
| .tags { | |
| margin-left:30px; | |
| margin-right:30px; | |
| padding-top:100px; | |
| padding-bottom:50px; | |
| position:relative; | |
| background-size: 20px 15px; | |
| background-position:left 60px; | |
| text-align: left; | |
| } | |
| .share-tab-img { | |
| display:block; | |
| } | |
| .tags:before { | |
| content:"TAGS"; | |
| opacity: 0.4; | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 10px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: normal; | |
| letter-spacing: -0.4px; | |
| color: #000000; | |
| display:block; | |
| padding-bottom:15px; | |
| } | |
| .tags:after { | |
| content:""; | |
| display:block; | |
| height:15px; | |
| width:100%; | |
| bottom:0; | |
| position: absolute; | |
| background-size:20px 15px | |
| } | |
| .tags .tags__item{ | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 14px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: normal; | |
| letter-spacing: -0.6px; | |
| padding: 9px 10px 7px; | |
| display: inline-block; | |
| margin-right:14px; | |
| margin-left:0; | |
| opacity:.8; | |
| text-transform: capitalize; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:20px; | |
| } | |
| .body .photo-credit { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.33; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #a1a1a1; | |
| } | |
| .post-splash-custom .widget__subheadline * { | |
| font-family: Basetica-Regular,Arial; | |
| font-size: 22px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 22px; | |
| letter-spacing: normal; | |
| color: #000000; | |
| } | |
| .post-splash-custom .widget__subheadline { | |
| margin-bottom:30px; | |
| } | |
| .body .ee-ul li { | |
| list-style-type: none; | |
| } | |
| .body .ee-ul li:before { | |
| font-size: 16px; | |
| color: #6d1730; | |
| letter-spacing: 0; | |
| content: "- "; | |
| font-family: Adieu; | |
| line-height: 22px; | |
| } | |
| .body .ee-ol li:before { | |
| font-size: 16px; | |
| color: #6d1730; | |
| letter-spacing: 0; | |
| content: counter(li)" - "; | |
| font-family: Adieu; | |
| line-height: 22px; | |
| } | |
| .ee-ol li { | |
| counter-increment: li; | |
| } | |
| .body .ee-ol { | |
| list-style: none; | |
| counter-reset: li; | |
| margin-left: 30px; | |
| } | |
| .body .ee-ul { | |
| margin-left: 30px; | |
| } | |
| .sidebar_outer { | |
| display:none; | |
| } | |
| .article__splash-custom .widget__shares { | |
| display:none !important; | |
| } | |
| .body-description a { | |
| background-color:#f1f1f1; | |
| text-decoration:underline; | |
| } | |
| .body .image-media.media-photo-credit, | |
| .body .image-media.media-caption { | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size:11px; | |
| line-height:18px; | |
| color:#666; | |
| } | |
| .body .image-media.media-caption { | |
| text-transform:uppercase; | |
| } | |
| .body .image-media.media-photo-credit p, | |
| .body .image-media.media-caption p { | |
| margin:0; | |
| } | |
| .body .image-media.media-photo-credit { | |
| font-family:'Apercu',Arial; | |
| } | |
| .infinite-scroll .subscription-divider { | |
| height: 100% !important; | |
| } | |
| .body-description .end-credits { | |
| font-family: Apercu-Mono,Arial; text-transform:uppercase; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.33; | |
| letter-spacing: normal; | |
| color: #000000; | |
| } | |
| .body .widget__show-more { | |
| font-family: "Apercu",Arial; | |
| text-transform: lowercase; | |
| line-height: 56px; | |
| border: 1px solid #000; | |
| color: #000; | |
| margin: 60px auto 0; | |
| text-align: center !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="6f66812129210928eca016579568ca75" data-rm-friendly-name="Post General CSS - CTA dropcap related article"> | |
| <![CDATA[<style> | |
| iframe.instagram-media { | |
| position:relative !important; | |
| } | |
| .body-description .dropcap-paragraph:first-letter { | |
| color: {{default-color-dark}}; | |
| float: left; | |
| font-family: Adieu; | |
| font-size: 42px; | |
| line-height: 36px; | |
| margin-left:-3px; | |
| padding-right:8px; | |
| } | |
| .body-description blockquote { | |
| font-weight:bold; | |
| margin-left:40px; | |
| margin-right:0; | |
| } | |
| .body-description blockquote:before { | |
| width: 15px; | |
| height: 100%; | |
| margin-left: -40px; | |
| position: absolute; | |
| content: ""; | |
| background-size: 20px 20px; | |
| background-repeat:repeat-y; | |
| } | |
| .cta-poll { | |
| background: #f8f8f8; | |
| color: {{default-color-dark}}; | |
| padding: 0; | |
| margin: 30px auto; | |
| border: 30px solid {{default-color-dark}}; | |
| max-width: 450px; | |
| height: unset; | |
| } | |
| .cta-poll .verticalize__box { | |
| width: 100%; | |
| display: block; | |
| max-width: 100%; | |
| } | |
| .cta-poll .verticalize:before { | |
| display: none; | |
| } | |
| .cta-poll-block .cta-poll__question { | |
| font-family: Basetica-Regular,Arial; | |
| font-size: 30px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.2; | |
| letter-spacing: 0px; | |
| text-align: center; | |
| color: {{default-color-dark}}; | |
| margin: 50px 0 40px; | |
| padding: 0; | |
| } | |
| .cta-poll-block .cta-poll__answers { | |
| padding: 0; | |
| margin: 0 35px 50px; | |
| height: 90px; | |
| display: flex; | |
| } | |
| .cta-poll-block .cta-poll__answer-item { | |
| border-top: 2px solid #ededed; | |
| border-bottom: 2px solid #ededed; | |
| border-left: 2px solid #ededed; | |
| border-right: none; | |
| background-color: #ffffff; | |
| float: none; | |
| width: 190px; | |
| height: 100%; | |
| display: inline-block; | |
| padding: 0; | |
| } | |
| .cta-poll-block .cta-poll__answer-item:first-child { | |
| border-bottom-left-radius: 10px; | |
| border-top-left-radius: 10px; | |
| } | |
| .cta-poll-block .cta-poll__answer-item:last-child { | |
| border-right: 2px solid #ededed; | |
| border-bottom-right-radius: 10px; | |
| border-top-right-radius: 10px; | |
| } | |
| .cta-poll__answer-item label { | |
| display: flex; | |
| height: 100%; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .cta-poll__answer-item .inuit-flag { | |
| height: 100%; | |
| } | |
| .cta-poll__answer-item .inuit-flag__body { | |
| width: 100%; | |
| text-align: center; | |
| height: 100%; | |
| vertical-align: unset; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .cta-poll.cta-poll--multiple-options .cta-poll__answer__share-number, | |
| .cta-poll-block .inuit-flag__img { | |
| display: none; | |
| } | |
| .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #e0bbad, #8d0545); | |
| font-family: Apercu,Arial; | |
| font-size: 22px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: 0.5px; | |
| text-align: center; | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| /*.select-section-beauty blockquote:before{ | |
| background-repeat: repeat-y ; | |
| background-image:url("data:image/svg+xml;utf8,<svg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20520.15%2025.62%22%20style=%22transform:rotate(90deg)%22> | |
| <defs> | |
| <style>.cls-1{fill:none;stroke:#${primary};stroke-miterlimit:10;stroke-width:5px;}<%2Fstyle> | |
| <%2Fdefs> | |
| <title>Asset%2017<%2Ftitle> | |
| <g%20id=%22Layer_2%22%20data-name=%22Layer%202%22> | |
| <g%20id=%22Layer_5%22%20data-name=%22Layer%205%22> | |
| <path%20class=%22cls-1%22%20d=%22M0,2.5c28,0,28,20.16,55.92,20.16S83.88,2.5,111.84,2.5s28,20.16,55.93,20.16,28-20.16,55.92-20.16,28,20.16,55.92,20.16,28-20.16,55.92-20.16,28,20.16,55.92,20.16,28-20.16,55.93-20.16,28,20.16,55.93,20.16%22%2F> | |
| <%2Fg> | |
| <%2Fg> | |
| <%2Fsvg>") ; | |
| background-size: 273px 100px; | |
| background-position: -128px 0; | |
| width: 17px; | |
| }*/ | |
| .posts-custom blockquote { | |
| border-left: 0; | |
| } | |
| @media (min-width:768px) { | |
| .body-description blockquote { | |
| margin-left:60px; | |
| } | |
| } | |
| @media (max-width:767px) { | |
| .body-description .dropcap-paragraph:first-letter { | |
| position:relative; | |
| top:3px; | |
| } | |
| } | |
| /*==== related article=====*/ | |
| .body .nested-posts article { | |
| max-width: 470px; | |
| box-sizing: border-box; | |
| padding: 30px 0; | |
| margin: 0 auto; | |
| border:1px solid #000; | |
| position:relative; | |
| border-left:0; | |
| border-right:0; | |
| } | |
| .body .nested-posts .image{ | |
| position: absolute; | |
| height: 60px; | |
| width: 60px; | |
| border-radius: 60px; | |
| top:35px; | |
| } | |
| .body .nested-posts .headline-container { | |
| display: block; | |
| padding-left: 80px; | |
| } | |
| .body .nested-posts .headline-container a { | |
| background:transparent; | |
| text-decoration:none; | |
| } | |
| .body .nested-posts .headline-container .headline { | |
| display: block; | |
| background-color: transparent !important; | |
| box-shadow: unset !important; | |
| padding: 0; | |
| margin: 0; | |
| height: 50px; | |
| font-family: Apercu,Arial; | |
| font-size: 20px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| letter-spacing: normal; | |
| color: #000000 !important; | |
| -webkit-box-orient: vertical; | |
| display: -webkit-box; | |
| line-height: 25px; | |
| -webkit-line-clamp: 2; | |
| overflow: hidden; | |
| } | |
| .body .nested-posts .headline-container a:before { | |
| content:'DONT MISS....'; | |
| font-family: Adieu; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #000000; | |
| padding-bottom:17px; | |
| display:block; | |
| text-align:left; | |
| } | |
| .body .nested-posts .subheadline { | |
| display:none; | |
| } | |
| @media (max-width:767px) { | |
| .body .nested-posts .headline-container .headline{ | |
| font-size: 16px; | |
| line-height:22px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="33755728673e42b3abde509afcc3b893" data-rm-friendly-name="Post General CSS 768px"> | |
| <![CDATA[<style> | |
| @media (min-width:768px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .post-author { | |
| display:inline-block; | |
| } | |
| .post-author .post-author__name:after { | |
| content:" /"; | |
| } | |
| .post-author:last-child .post-author__name:after { | |
| content:unset; | |
| } | |
| .news-layout .photo-credit { | |
| position: absolute; | |
| right: 0; | |
| bottom: -20px; | |
| } | |
| .news-layout.news-layout-1-image .widget__head .widget__body { | |
| width:unset; | |
| } | |
| .news-layout .photo-credit:before { | |
| background-color:transparent; | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:30px 60px 100px; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| position:absolute; | |
| background:none !important; | |
| padding:0 60px 30px; | |
| bottom:0; | |
| box-sizing:border-box; | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:15px; | |
| max-width:510px; | |
| box-sizing:unset; | |
| } | |
| .post-splash-custom .headline-container .headline { | |
| font-size: 36px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.42; | |
| letter-spacing: -0.9px; | |
| padding: 8px 0 0; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size: 38px; | |
| line-height: 1.82; | |
| } | |
| .post-author-list, | |
| .body-description { | |
| padding:0 60px; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:30px; | |
| } | |
| .body-description > * { | |
| padding:0 0; | |
| box-sizing:border-box; | |
| } | |
| .body-description .pullquote-paragraph{ | |
| padding:12px 0 5px | |
| } | |
| .body-description img { | |
| width:100% | |
| } | |
| .tags { | |
| margin-left:60px; | |
| margin-right:60px; | |
| } | |
| .post-splash-custom .post-date { | |
| padding-left: 145px; | |
| } | |
| /*.post-splash-custom .widget__image { | |
| padding-bottom:433px !important; | |
| }*/ | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="e673ef6f57eb6196f1de1ab26f078844" data-rm-friendly-name="Post General CSS 1080px"> | |
| <![CDATA[<style> | |
| @media (min-width:1080px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .sidebar_outer { | |
| display:block; | |
| } | |
| .posts_stream .post-splash-custom{ | |
| width:calc(100% - 360px); | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:60px 60px 85px; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size: 38px; | |
| line-height: 1.82; | |
| } | |
| .post-author-list { | |
| padding:0 60px; | |
| } | |
| .body-description, | |
| .body-description > *{ | |
| padding:0 30px; | |
| } | |
| /* .post-splash-custom .widget__image { | |
| padding-bottom:455px !important; | |
| }*/ | |
| .cta-poll { | |
| margin: 40px 240px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="bb67055ba7c59b39dfac9645243ac6a9" data-rm-friendly-name="Post General CSS 1440px"> | |
| <![CDATA[<style> | |
| @media (min-width:1440px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .posts_stream .post-splash-custom{ | |
| width:calc(100% - 460px); | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:60px 60px 0 290px; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| padding:0 60px 60px; | |
| bottom:0; | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:20px; | |
| max-width:420px; | |
| box-sizing:border-box; | |
| } | |
| .post-splash-custom .headline-container .headline { | |
| font-size: 43px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.49; | |
| letter-spacing: -1px; | |
| padding: 10px 0 0; | |
| } | |
| .post-splash-custom .widget__head + .widget__body { | |
| padding-top:0; | |
| } | |
| .news-layout .post-splash-custom .widget__head { | |
| min-height:560px; | |
| box-sizing:border-box; | |
| } | |
| .post-author-list { | |
| padding:0 60px; | |
| margin-top:-30px; | |
| position:absolute; | |
| } | |
| .post-author__name, .post-splash-custom .post-date { | |
| display:block; | |
| position:absolute; | |
| margin:10px 0 0; | |
| } | |
| .post-author__avatar { | |
| border: 4px solid #f8f8f8; | |
| } | |
| .post-splash-custom .post-date { | |
| top: 50px; | |
| padding-left: 60px; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:10px; | |
| } | |
| .body-description{ | |
| padding:50px 60px 0 290px; | |
| } | |
| .body-description > * { | |
| padding:0 0 ; | |
| } | |
| /* .post-splash-custom .widget__image { | |
| padding-bottom:505px !important; | |
| }*/ | |
| .tags { | |
| margin-left:290px; | |
| margin-right:60px; | |
| } | |
| .news-layout .post-splash-custom .widget__image { | |
| padding-bottom:67.66% !important; | |
| } | |
| .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% + 85px) 0 ; | |
| } | |
| .cta-poll { | |
| margin: 40px 370px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="82d022a3a80e249c2bcc37c759a4a8d6" data-rm-friendly-name="Post General CSS 1920px and beyond"> | |
| <![CDATA[<style> | |
| @media (min-width:1441px){ | |
| .all-content-wrapper{ | |
| max-width: 1920px; | |
| margin:0 auto; | |
| } | |
| .post-splash-custom .widget__head { | |
| padding: 60px calc((100% * 180)/1920) 60px calc((100% * 600)/1920); | |
| } | |
| .body-description{ | |
| padding: 50px calc((100% * 180)/1920) 0 calc((100% * 600)/1920); | |
| } | |
| .post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{ | |
| padding-left:calc((100% * 250)/1920); | |
| } | |
| .tags { | |
| margin-left: calc((100% * 600)/1920); | |
| margin-right: calc((100% * 180)/1920); | |
| } | |
| } | |
| @media (min-width:1921px){ | |
| .all-content-wrapper{ | |
| max-width: 1920px; | |
| margin:0 auto; | |
| } | |
| .post-splash-custom .widget__head { | |
| padding: 60px 180px 0 600px; | |
| } | |
| .body-description{ | |
| padding: 50px 180px 0 460px; | |
| } | |
| .post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{ | |
| padding-left:250px; | |
| } | |
| .tags { | |
| margin-left: 600px; | |
| margin-right: 180px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="1675c4af365423de66faba08d7e70cc4" data-rm-friendly-name="Post General CSS news layout no image update"> | |
| <![CDATA[<style> | |
| .news-layout-no-image .post-splash-custom .widget__image { | |
| background-image:none !important; | |
| padding: 0 0 0 !important; | |
| display:none; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 30px 30px; | |
| } | |
| @media (min-width:768px){ | |
| .news-layout-no-image .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 60px 30px; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:80px 60px 70px; | |
| } | |
| } | |
| @media (min-width:1441px){ | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding-left: calc((100% * 250)/1920);; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head { | |
| min-height:unset; | |
| box-sizing:border-box; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="376e3655ee585499228a9ff23af386dc" data-rm-friendly-name="Post General CSS news-layout-2-image update"> | |
| <![CDATA[<style> | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| background-image:none !important; | |
| padding: 0 0 0 !important; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 30px 30px; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| background-image: none !important; | |
| padding: 0 0 40px !important; | |
| position: absolute; | |
| bottom: unset; | |
| right: 20px; | |
| top: calc((100% - 40px)/ 2 - 40px); | |
| left: 0; | |
| right: 0; | |
| text-align: center; | |
| } | |
| @media (min-width:768px){ | |
| .news-layout-2-image .post-splash-custom .widget__head { | |
| padding: 0 0 0 !important; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:40px 60px 30px; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| top:unset; | |
| bottom: 40px; | |
| right: 20px; | |
| left: 40%; | |
| right: 60px; | |
| text-align: right; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 60px 50%; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body .headline-container { | |
| position:absolute; | |
| max-width:40%; | |
| bottom:130px | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body .widget__section { | |
| position:absolute; | |
| bottom:70px | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head { | |
| min-height:unset; | |
| box-sizing:border-box; | |
| } | |
| } | |
| @media (min-width:1441px){ | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| padding-left:calc((100% * 250)/1920); | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="8e89442536eb4b1490c223527a520f89" data-rm-friendly-name="Post General CSS news-layout-2-image update image"> | |
| <![CDATA[<style> | |
| /* Lead Avatars */ | |
| .custom-field-image-avatar1 .share-media-panel, | |
| .custom-field-image-avatar2 .share-media-panel { display: none } | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| display: inline-block; | |
| width: 55.55%; | |
| margin-bottom: 60px; | |
| border-radius: 50%; | |
| overflow:hidden; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-6% } | |
| .custom-field-image-avatar2 { margin-left:-6% } | |
| .custom-field-image-avatar1 img, | |
| .custom-field-image-avatar2 img { | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| @media (min-width:768px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:46.3%; | |
| margin-bottom: -25px; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-3% } | |
| .custom-field-image-avatar2 { margin-left:-3% } | |
| .custom-field-image-avatar1 { | |
| margin-left:6.65%; | |
| } | |
| .custom-field-image-avatar2 { | |
| margin-right:5%; | |
| } | |
| } | |
| @media (min-width:1080px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:46.7%; | |
| margin-bottom: 20px; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-3% } | |
| .custom-field-image-avatar2 { margin-left:-3% } | |
| .custom-field-image-avatar1 { | |
| margin-left:6.15%; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:30.613%; | |
| position:absolute; | |
| margin-bottom: 0; | |
| margin:0; | |
| } | |
| .custom-field-image-avatar1 { right:calc(30.613% - 40px)} | |
| .custom-field-image-avatar2 { right:60px;top:35% ;} | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="707bf1b8514bced3d2b4b78a689618d0" data-rm-friendly-name="Post Author Image Over ride"> | |
| <![CDATA[<style> | |
| .select-section-entertainment .post-author__avatar.image, | |
| .select-section-entertainment .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136472/2000x.png) !important; | |
| } | |
| .select-section-beauty .post-author__avatar.image, | |
| .select-section-beauty .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136476/2000x.png) !important; | |
| } | |
| .select-section-fashion .post-author__avatar.image, | |
| .select-section-fashion .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136480/2000x.png) !important; | |
| } | |
| .select-section-life .post-author__avatar.image , | |
| .select-section-life .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136486/2000x.png) !important; | |
| } | |
| @media (max-width:767px) { | |
| .post-author { | |
| display: block; | |
| padding-left: 62px; | |
| margin-top: -10px; | |
| position: relative; | |
| top: -20px; | |
| } | |
| .post-author:first-child { | |
| padding-left:0; | |
| top:0; | |
| } | |
| .post-author .post-author__avatar { | |
| display:none | |
| } | |
| .post-author:first-child .post-author__avatar { | |
| display:inline-block | |
| } | |
| .post-author + .post-author:last-child { | |
| padding-bottom:0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="94502635b41d710a5a223478b7fdfe29" data-rm-friendly-name="Post Feature Layout over writes"> | |
| <![CDATA[<style> | |
| .posts_stream.feature-layout .post-splash-custom .widget__head { | |
| display: flex; | |
| flex-direction: column; | |
| padding: 30px 30px 60px; | |
| text-align: center; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > .widget__image, | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > a, | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > .widget__video { | |
| order: 1 | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body { | |
| display: flex; | |
| flex-direction: column; | |
| order: 0; | |
| align-items: flex-start; | |
| justify-content: center; | |
| text-align: center; | |
| max-width:800px; | |
| margin:0 auto; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .widget__section { | |
| margin: 0 auto; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container { | |
| order: 2; | |
| margin: 0 auto; | |
| margin-top: 30px; | |
| padding-left: 0 !important; | |
| max-width:unset; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| font-size: 48px; | |
| line-height: 1.08; | |
| display: unset; | |
| background-color: unset !important; | |
| box-shadow: unset; | |
| color: #fff; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| position: absolute; | |
| top: -60px; | |
| left: 30px; | |
| } | |
| .posts_stream .post-splash-custom .photo-credit { | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 11px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| color: #fff; | |
| z-index: 1; | |
| text-transform: uppercase; | |
| } | |
| .sponsored-post .widget__image { | |
| position:relative; | |
| } | |
| .sponsored-post .widget__image:after { | |
| position: absolute; | |
| width: 85px; | |
| height: 72px; | |
| top: -10px; | |
| display: block; | |
| content: ""; | |
| background-image: url(https://assets.rbl.ms/19270494/2000x.png); | |
| right: -10px; | |
| background-size: cover; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| /* display: none;*/ | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| overflow: visible; | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored > a.badge { | |
| box-sizing: border-box; | |
| margin: 0; | |
| vertical-align: middle; | |
| background-color: | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| content: " "; | |
| font-size: 14px; | |
| font-weight: bold; | |
| padding-right: 0; | |
| font-family: Apercu-Mono,Arial; | |
| color: #000; | |
| display: inline-block; | |
| box-sizing: border-box; | |
| text-align: right; | |
| vertical-align: middle; | |
| position: relative; | |
| width: 67px; | |
| margin-right: 0; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{fill:%23fff;}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x white%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath class='cls-2' d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath class='cls-2' d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath class='cls-2' d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath class='cls-2' d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath class='cls-2' d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath class='cls-2' d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E"); | |
| height: 23px; | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored img { | |
| margin-left: 2px; | |
| max-height: 30px; | |
| width: auto; | |
| border:0; | |
| border-radius:0; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored .badge-name, | |
| .posts_stream.feature-layout .badge-list-sponsored .badge-description { | |
| display: none; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| order:4; | |
| width:100%; | |
| position:relative; | |
| margin-top:50px; | |
| padding-bottom:20px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:30px 0 0; | |
| margin-bottom:0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 30px 0 ; | |
| } | |
| .feature-layout .post-splash-custom .body > .widget__subheadline * { | |
| line-height:22px; | |
| font-size:22px; | |
| } | |
| .feature-layout .post-splash-custom .body { | |
| line-height:24px; | |
| font-family:"Apercu",Arial; | |
| font-size:16px; | |
| } | |
| .feature-layout .sidebar_outer { | |
| background-color:#f1f1f1 !important; | |
| } | |
| @media (min-width: 768px) { | |
| .sponsored-post .widget__image:after { | |
| width: 119px; | |
| height: 100px; | |
| top: -12px; | |
| right: -12px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| color:#fff; | |
| width: 77px; | |
| height: 30px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{fill:%23fff;}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x white%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath class='cls-2' d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath class='cls-2' d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath class='cls-2' d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath class='cls-2' d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath class='cls-2' d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath class='cls-2' d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| padding-bottom:40px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head { | |
| padding: 45px 60px 158px; | |
| margin-bottom: -150px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body { | |
| position: unset; | |
| padding: 30px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body { | |
| text-align: center; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| position: absolute; | |
| top: -10px; | |
| left: 60px; | |
| max-width: calc(50% - 90px); | |
| text-align: left; | |
| } | |
| .posts_stream.feature-layout .post-author-list, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| margin: 0; | |
| width: auto; | |
| text-align: center; | |
| display: inline-block; | |
| padding: 0; | |
| line-height: 12px; | |
| height: 12px; | |
| vertical-align: top; | |
| position: unset; | |
| box-sizing: border-box; | |
| text-align: left; | |
| } | |
| .posts_stream.feature-layout .post-author__avatar.image { | |
| position: absolute; | |
| top: -45px; | |
| left: 50%; | |
| width: 60px; | |
| height: 60px; | |
| border: 4px solid #fff; | |
| margin-left: -30px; | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 2; | |
| letter-spacing: normal; | |
| color: #e8d4c8; | |
| opacity: 1; | |
| margin: 20px 0 18px; | |
| padding: 0 3px; | |
| position: unset; | |
| top:unset; | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author:last-child .post-author__name { | |
| padding-right:11px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| padding-left:11px; | |
| } | |
| .posts_stream.feature-layout .post-author-list { | |
| text-align: right; | |
| } | |
| .posts_stream.feature-layout .post-date:before { | |
| content: '\00b7'; | |
| display: inline-block; | |
| vertical-align: top; | |
| line-height: 1; | |
| position: absolute; | |
| top: 3px; | |
| font-size: 18px; | |
| left: -5px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body { | |
| padding-top:50px; | |
| margin-top: 85px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 60px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image { | |
| top:-30px; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin-top:50px; | |
| } | |
| } | |
| @media (min-width: 1080px) { | |
| .posts_stream.feature-layout .post-splash-custom{ | |
| width:100% ; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body{ | |
| width:calc(100% - 360px); | |
| } | |
| .rebellt-item.parallax{ | |
| left: calc(-50vw + 50% + 186px); | |
| } | |
| .posts_stream.feature-layout .tags { | |
| margin-left: 60px; | |
| margin-right: 420px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| max-width: calc(50% - 120px); | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% - 180px) 0 ; | |
| } | |
| } | |
| @media (min-width: 1440px) { | |
| .posts_stream.feature-layout .post-splash-custom{ | |
| width:100% ; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body{ | |
| width:calc(100% - 460px); | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| margin: 54px 0 18px | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body { | |
| padding-top:0; | |
| } | |
| .posts_stream.feature-layout .tags { | |
| margin-left:290px; | |
| margin-right:520px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% - 130px) 0 ; | |
| } | |
| } | |
| @media (min-width: 1441px) {.posts_stream.feature-layout .tags { | |
| margin-left: calc((100% * 600)/1920 - 140px); | |
| margin-right: calc(((100% - 460px) * 180)/1920 + 460px); | |
| } | |
| } | |
| @media (min-width: 1921px) { | |
| .posts_stream.feature-layout .tags { | |
| margin-left:600px | |
| margin-right: 640px; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| position: absolute; | |
| top: -40px; | |
| left: 30px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored img { | |
| max-height:23px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| font-size:12px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="db5d14f67261279b895f3f43a163a2e5" data-rm-friendly-name="Post Feature Layout 2- 3 over writes"> | |
| <![CDATA[<style> | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__body .headline-container .headline , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__body .headline-container .headline { | |
| background-color: #fff !important; | |
| color:#000 !important; | |
| line-height:1.4; | |
| display:inline; | |
| box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| order:4; | |
| width:100%; | |
| position:relative; | |
| margin-top:20px; | |
| padding-bottom:40px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:30px 0 0; | |
| margin-bottom:0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 30px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head > .photo-credit { | |
| position: relative; | |
| top: unset; | |
| padding: 30px; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| left: unset; | |
| order: 5; | |
| box-sizing: border-box; | |
| width: 100%; | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 11px; | |
| line-height: 1.82; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #666666 ; | |
| } | |
| @media (min-width: 768px) { | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| margin-top:50px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 ..post-splash-custom .body { | |
| margin-top: 50px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 60px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image { | |
| top:-30px; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin-top:50px; | |
| color:#fff; | |
| } | |
| .posts_stream.feature-layout .widget__head > .photo-credit { | |
| padding:50px 60px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .body, | |
| .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .body{ | |
| margin-top: 0; | |
| } | |
| } | |
| @media (min-width: 1080px) { | |
| } | |
| @media (min-width: 1440px) { | |
| } | |
| @media (max-width:767px){ | |
| .author-byline .post-author__avatar { | |
| position:relative; | |
| margin:0 auto; | |
| top:unset; | |
| left:unset; display:block; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| display:block; | |
| text-align:center; | |
| color:#fff; | |
| opacity:1; | |
| width:100%; | |
| padding:0 | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name { | |
| margin:15px 0 10px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin:0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="fbcb660e73a28d4f31e427f1e6b043dd" data-rm-friendly-name="Beauty Section"> | |
| <![CDATA[<style> | |
| .section-beauty .post__page__ad__container { | |
| background-color:{{beauty-color-lighter}}; | |
| } | |
| .select-section-beauty .body-description a { | |
| background-color:{{beauty-color-light}}; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__head { | |
| background-color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| background-color:{{beauty-color-light}}; | |
| color:{{beauty-color-dark}}; | |
| box-shadow: 10px 0 0 {{beauty-color-light}}, -10px 0 0 {{beauty-color-light}}; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__section { | |
| border-color:{{beauty-color-light}}; | |
| color:{{beauty-color-light}} | |
| } | |
| .select-section-beauty .tags .tags__item { | |
| background-color:{{beauty-color-light}}; | |
| color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .tags, .select-section-beauty .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| background-size: 30px 15px; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170.67 122.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M80.41,122.3q-1.24,0-2.49,0C50.56,121.47,25.64,107.58,3.84,81L0,76.29l4.14-4.42c1.45-1.54,36-37.76,83.28-37.94h.34c28.11,0,54.51,12.75,78.44,37.9l4.46,4.69-4.39,4.76C164.71,83,127.9,122.3,80.41,122.3ZM18.69,77.08c18.08,20.2,38.12,30.75,59.63,31.37,33.43,1,62.1-21.9,73.07-31.94-19.88-19.1-41.26-28.77-63.63-28.77h-.28C55.11,47.87,28.81,68.08,18.69,77.08Z'/%3E%3Cellipse class='cls-1' cx='86.08' cy='77.71' rx='26.02' ry='30.73'/%3E%3Crect class='cls-1' x='10.23' y='18.63' width='16.58' height='40.82' transform='translate(-16.5 13.72) rotate(-28.75)'/%3E%3Crect class='cls-1' x='130.97' y='30.75' width='40.82' height='16.58' transform='translate(44.32 152.97) rotate(-61.24)'/%3E%3Crect class='cls-1' x='52.34' y='1.44' width='16.58' height='40.04' transform='translate(-3.45 15.92) rotate(-14.55)'/%3E%3Crect class='cls-1' x='90.45' y='13.17' width='40.04' height='16.58' transform='translate(61.93 122.99) rotate(-75.44)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| ; | |
| background-position:0; | |
| } | |
| .select-section-beauty .sidebar_outer { | |
| background:{{beauty-color-lighter}}; | |
| } | |
| .select-section-beauty .sidebar_outer .widget__headline-text, | |
| .select-section-beauty .sidebar_outer .whats-new-headline { | |
| color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .sidebar_outer .widget article, | |
| .select-section-beauty .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{beauty-color-dark}} ; | |
| } | |
| .select-section-beauty .sidebar_outer svg path { | |
| stroke :{{beauty-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-beauty .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{beauty-color-light}} | |
| } | |
| .posts_stream .select-section-beauty .post-splash-custom .photo-credit { | |
| color:{{beauty-color-light}} | |
| } | |
| .select-section-beauty .body .ee-ul li:before , | |
| .select-section-beauty .body .ee-ol li:before { | |
| color:{{beauty-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{beauty-color-light}}, -15px 0 0 {{beauty-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-beauty .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-beauty .post-splash-custom .post-date{ | |
| color:{{beauty-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{beauty-color-light}}, -20px 0 0 {{beauty-color-light}}; | |
| } | |
| } | |
| .select-section-beauty .body-description .dropcap-paragraph:first-letter { | |
| color: {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll { | |
| color: {{beauty-color-dark}}; | |
| border: 30px solid {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll-block .cta-poll__question { | |
| color: {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{beauty-color-light}}, {{beauty-color-dark}}); | |
| } | |
| .select-section-beauty .body-description blockquote:before { | |
| background-image:url("data:image/svg+xml;utf8,<svg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20111.84%2025.16%22> | |
| <defs> | |
| <style>svg{transform:rotate(90deg)}.cls-1{fill:{{beauty-color-dark}};}<%2Fstyle> | |
| <%2Fdefs> | |
| <title>Asset%203RP<%2Ftitle> | |
| <g%20id=%22Layer_2%22%20data-name=%22Layer%202%22> | |
| <g%20id=%22Beauty%22> | |
| <path%20class=%22cls-1%22%20d=%22M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0%22%2F> | |
| <%2Fg> | |
| <%2Fg> | |
| <%2Fsvg>"); | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size:24px 24px; | |
| } | |
| /*--subscription form updates */ | |
| .section-beauty .subscription_form { | |
| background-color:{{beauty-color-dark}} !important; | |
| } | |
| .section-beauty .subscription_form svg path { | |
| stroke:{{beauty-color-light}} !important; | |
| } | |
| .section-beauty .subscription_form .social-links a { | |
| color:{{beauty-color-light}} !important; | |
| border-color:{{beauty-color-light}} !important; | |
| } | |
| .section-fashion .subscription_form { | |
| background-color:{{fashion-color-dark}} !important; | |
| } | |
| .section-fashion .subscription_form svg path { | |
| stroke:{{fashion-color-light}} !important; | |
| } | |
| .section-fashion .subscription_form .social-links a { | |
| color:{{fashion-color-light}} !important; | |
| border-color:{{fashion-color-light}} !important; | |
| } | |
| .section-life .subscription_form { | |
| background-color:{{life-color-dark}} !important; | |
| } | |
| .section-life .subscription_form svg path { | |
| stroke:{{life-color-light}} !important; | |
| } | |
| .section-life .subscription_form .social-links a { | |
| color:{{life-color-light}} !important; | |
| border-color:{{life-color-light}} !important; | |
| } | |
| .section-entertainment .subscription_form { | |
| background-color:{{entertainment-color-dark}} !important; | |
| } | |
| .section-entertainment .subscription_form svg path { | |
| stroke:{{entertainment-color-light}} !important; | |
| } | |
| .section-entertainment .subscription_form .social-links a { | |
| color:{{entertainment-color-light}} !important; | |
| border-color:{{entertainment-color-light}} !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="bb755da2f387e73811f94fb8e87b45f6" data-rm-friendly-name="fashion Section"> | |
| <![CDATA[<style> | |
| .section-fashion .post__page__ad__container { | |
| background-color:{{fashion-color-lighter}}; | |
| } | |
| .select-section-fashion .body-description a { | |
| background-color:{{fashion-color-light}}; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__head { | |
| background-color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| background-color:{{fashion-color-light}}; | |
| color:{{fashion-color-dark}}; | |
| box-shadow: 10px 0 0 {{fashion-color-light}}, -10px 0 0 {{fashion-color-light}}; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__section { | |
| border-color:{{fashion-color-light}}; | |
| color:{{fashion-color-light}} | |
| } | |
| .select-section-fashion .tags .tags__item { | |
| background-color:{{fashion-color-light}}; | |
| color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .tags, .select-section-fashion .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 40px 16px; | |
| background-repeat:repeat-x; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.87 98.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M4.28,91.3a13.51,13.51,0,0,0,13.36,2.76l1.61-3.79h5.12l.85,5.81,9.71.66.27-5.15,5.09.66a13.86,13.86,0,0,1,.89,5l9.7.84-.29-5.89c1.45.15,3,0,4.43.11a52.2,52.2,0,0,1,.61,5.41l9.22.25s-.4-2.61-.56-5.64c1.26-.24,4,0,5.29-.2.61,2,1.49,5.67,1.49,5.67s7.5.46,9.78-.56c.27-1.43.37-4.33.65-5.76l4.65-.62c.23,1.35,1.36,5.82,1.36,5.82s5-1.15,6.53-2.2c2.63-1.83,4.06-6.73,6.48-8.82,3.38-2.92,8.11-3.57,12.56-4a238.47,238.47,0,0,1,29.74-.85c2.4.08,5,.28,6.78,1.9,3.75,3.42.93,9.81,2.6,14.6l11.71,1.27.3-4.91c1.1-.74,4.49-.53,5.79-.3.88.16.6,3,.53,4.72,2.78,0,6.15-.43,8.93-.43.06-1.54-1-4.39.42-4.86a8.54,8.54,0,0,1,4.34.06c.48.08-.08,4.42.4,4.54,4.61,1.17,7.72.5,12.21.25a261.17,261.17,0,0,0,0-45.74,5,5,0,0,0-1.11-3.22c-1.05-1-2.71-.91-4.16-.73-27.88,3.28-56.71,6.87-80.82,21.27-7.28,4.35-14.08,9.66-22,12.76-9.27,3.65-19.48,4-29.44,3.84a279.74,279.74,0,0,1-30.6-2.28c-9-1.17-19.92-7.79-28.7-7.34C-.21,81.38,1,88.28,4.28,91.3Z'/%3E%3Cpath class='cls-1' d='M119.61,38.92a65.49,65.49,0,0,0,10.45-20.5,7.91,7.91,0,0,1,2-4,7.42,7.42,0,0,1,2.56-1.2l39-12.52a10,10,0,0,1,3.89-.7c2.41.22,4.37,2.2,5.28,4.44a20,20,0,0,1,1,7.14q-7.43,2.65-14.58,6a22.07,22.07,0,0,0-6.8,4.37c-4.48,4.69-4.34,12.08-3,18.44,1.24,6.07,3.71,12.77,2,18.92-6.83-.21-13.12,3.87-19,0C140,57.77,121.73,36.12,119.61,38.92Z'/%3E%3Cpath class='cls-1' d='M27.27,60.12c15.37.32,32.56-4.07,40.45-17.27,2.26-3.78,4.37-8.67,8.74-9.24,2.92-.38,5.63,1.45,7.93,3.29A101.23,101.23,0,0,1,111.79,71a2.67,2.67,0,0,1,.39,2c-.25.74-1.06,1.11-1.79,1.39L98.74,78.77a315.07,315.07,0,0,1-24.1-29.1c-2.17-.1-3.85,2.19-3.89,4.36s1.07,4.18,2.19,6A135.36,135.36,0,0,0,91.83,84.57L77.54,86.12c-1.61.18-2.34,3.06-3.8,2.36s-3.4-4.82-4.29-6.16L60,67.94c-1.13-1.71-2.33-3.49-4.14-4.45s-4.4-.79-5.51.94a127.71,127.71,0,0,0,5.49,23c-4.93,0-10.65-2-15.58-2a54.72,54.72,0,0,1-1.11-8.5c-.14-2.95-.5-6.06-2.29-8.4s-5.48-3.47-7.76-1.59c-1,0,1,16.09,1.12,17.45-6.91-.2-25.82-2.41-28.11-11-2-7.47,4.09-10.77,11-12.2A67,67,0,0,1,27.27,60.12Z'/%3E%3Cpath class='cls-1' d='M.62,81.38A19.25,19.25,0,0,1,2.39,67.12c1-1.78,4.53-4.24,7-5,5.07-1.48,4.84,2.55,6.7,4.75a43.3,43.3,0,0,1,8.8,16.24,2.28,2.28,0,0,1-.33,2.46c-.87.79-2.51.71-3.87.55L4.84,84.32'/%3E%3Cpath class='cls-1' d='M116.54,41.69A20.4,20.4,0,0,1,109.27,40L97.58,35.63a8.26,8.26,0,0,1-3.46-2.15C91.92,31,92.67,27.95,93,26.8c1.12-4.55,2.44-9.13,3.91-13.61,2.15-6.49,6.21-7.63,8.44-7.74a10.88,10.88,0,0,1,3.48.47h0c1.75.45,3.78.84,5.89,1.25,5.31,1,11.32,2.17,15.51,4.69,6.66,4,3.16,11.35,1.48,14.88-.38.79-.74,1.53-1,2.19a25,25,0,0,1-3.85,7.59,13.46,13.46,0,0,1-9.62,5.14ZM100.79,28.31l11.28,4.23a13.25,13.25,0,0,0,4.72,1.16,5.57,5.57,0,0,0,3.85-2.18,18.25,18.25,0,0,0,2.56-5.3c.32-.87.78-1.86,1.28-2.9.6-1.25,1.83-3.86,1.66-4.69-3-1.72-8.31-2.73-13-3.63-2.29-.44-4.49-.87-6.38-1.35-.34-.09-.87-.18-1.12-.23h0s-.61.37-1.24,2.27C103.07,19.85,101.84,24.09,100.79,28.31Zm-1-.41h0Z'/%3E%3Cpath class='cls-1' d='M92.15,15.9a8.69,8.69,0,0,1,4.44-1.45,4.19,4.19,0,0,1,3.78,2.79,6.51,6.51,0,0,1-.58,5.05,13.23,13.23,0,0,1-3.12,3.58c-5.39,4.76-11.16,8.94-15.87,14.72C75,47.66,65.25,45,71.36,37,76.61,30,85.16,19.87,92.15,15.9Z'/%3E%3Cpath class='cls-1' d='M127.6,25l-8.66-2.33a8.65,8.65,0,0,0-4.68-.36c-1.51.46-2.68,2.17-1.87,3.45a4.14,4.14,0,0,0,2.66,1.4l12.39,3,.16-3.45'/%3E%3C/g%3E%3C/svg%3E"); | |
| background-position:0; | |
| } | |
| .select-section-fashion .sidebar_outer { | |
| background:{{fashion-color-lighter}}; | |
| } | |
| .select-section-fashion .sidebar_outer .widget__headline-text, | |
| .select-section-fashion .sidebar_outer .whats-new-headline { | |
| color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .sidebar_outer .widget article, | |
| .select-section-fashion .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{fashion-color-dark}} ; | |
| } | |
| .select-section-fashion .sidebar_outer svg path { | |
| stroke :{{fashion-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-fashion .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{fashion-color-light}} | |
| } | |
| .posts_stream .select-section-fashion .post-splash-custom .photo-credit { | |
| color:{{fashion-color-light}} | |
| } | |
| .select-section-fashion .body .ee-ul li:before , | |
| .select-section-fashion .body .ee-ol li:before { | |
| color:{{fashion-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{fashion-color-light}}, -15px 0 0 {{fashion-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-fashion .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-fashion .post-splash-custom .post-date{ | |
| color:{{fashion-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{fashion-color-light}}, -20px 0 0 {{fashion-color-light}}; | |
| } | |
| } | |
| .select-section-fashion .body-description .dropcap-paragraph:first-letter { | |
| color: {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll { | |
| color: {{fashion-color-dark}}; | |
| border: 30px solid {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll-block .cta-poll__question { | |
| color: {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{fashion-color-light}}, {{fashion-color-dark}}); | |
| } | |
| .select-section-fashion blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 30px 30px; | |
| background-position: -5px; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="c371f912f4403f4a30feaf8c72843f12" data-rm-friendly-name="Entertainment Section"> | |
| <![CDATA[<style> | |
| .section-entertainment .post__page__ad__container { | |
| background-color:{{entertainment-color-lighter}}; | |
| } | |
| .select-section-entertainment .body-description a { | |
| background-color:{{entertainment-color-light}}; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__head { | |
| background-color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| background-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-dark}}; | |
| box-shadow: 10px 0 0 {{entertainment-color-light}}, -10px 0 0 {{entertainment-color-light}}; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__section { | |
| border-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-light}} | |
| } | |
| .select-section-entertainment .tags .tags__item { | |
| background-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .tags, .select-section-entertainment .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| background-size: 40px 15px; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160.84 153.57'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 5%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M159,64.47a6.11,6.11,0,0,0-3.38-10.41l-45-6.54a6.11,6.11,0,0,1-4.6-3.34L85.9,3.4a6.11,6.11,0,0,0-10.95,0L54.82,44.17a6.11,6.11,0,0,1-4.6,3.34l-45,6.54A6.11,6.11,0,0,0,1.85,64.47L34.41,96.2a6.1,6.1,0,0,1,1.76,5.4l-7.69,44.81a6.11,6.11,0,0,0,8.86,6.44l40.24-21.16a6.11,6.11,0,0,1,5.68,0l40.24,21.16a6.11,6.11,0,0,0,8.86-6.44l-7.69-44.81a6.11,6.11,0,0,1,1.76-5.4Zm-45,9.28L99.8,87.59A2.66,2.66,0,0,0,99,89.95l3.35,19.55a2.66,2.66,0,0,1-3.86,2.81L81,103.07a2.66,2.66,0,0,0-2.48,0L60.93,112.3a2.66,2.66,0,0,1-3.86-2.81l3.35-19.55a2.66,2.66,0,0,0-.77-2.36L45.45,73.74a2.66,2.66,0,0,1,1.48-4.54l19.63-2.85a2.66,2.66,0,0,0,2-1.46l8.78-17.79a2.66,2.66,0,0,1,4.78,0l8.78,17.79a2.66,2.66,0,0,0,2,1.46l19.63,2.85A2.66,2.66,0,0,1,114,73.74Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| ; | |
| background-position:0; | |
| } | |
| .select-section-entertainment .sidebar_outer { | |
| background:{{entertainment-color-lighter}}; | |
| } | |
| .select-section-entertainment .sidebar_outer .widget__headline-text, | |
| .select-section-entertainment .sidebar_outer .whats-new-headline { | |
| color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .sidebar_outer .widget article , | |
| .select-section-entertainment .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{entertainment-color-dark}} ; | |
| } | |
| .select-section-entertainment .sidebar_outer svg path { | |
| stroke :{{entertainment-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-entertainment .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{entertainment-color-light}} | |
| } | |
| .posts_stream .select-section-entertainment .post-splash-custom .photo-credit { | |
| color:{{entertainment-color-light}} | |
| } | |
| .select-section-entertainment .body .ee-ul li:before , | |
| .select-section-entertainment .body .ee-ol li:before { | |
| color:{{entertainment-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{entertainment-color-light}}, -15px 0 0 {{entertainment-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-entertainment .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-entertainment .post-splash-custom .post-date{ | |
| color:{{entertainment-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{entertainment-color-light}}, -20px 0 0 {{entertainment-color-light}}; | |
| } | |
| } | |
| .select-section-entertainment .body-description .dropcap-paragraph:first-letter { | |
| color: {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll { | |
| color: {{entertainment-color-dark}}; | |
| border: 30px solid {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll-block .cta-poll__question { | |
| color: {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{entertainment-color-light}}, {{entertainment-color-dark}}); | |
| } | |
| .select-section-entertainment blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 24px 24px; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="4a8440ef3085c38bbdfc202e63a654c4" data-rm-friendly-name="Life Section"> | |
| <![CDATA[<style> | |
| .section-life .post__page__ad__container { | |
| background-color:{{life-color-lighter}}; | |
| } | |
| .select-section-life .body-description a { | |
| background-color:{{life-color-light}}; | |
| } | |
| .select-section-life .post-splash-custom .widget__head { | |
| background-color:{{life-color-dark}} | |
| } | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| background-color:{{life-color-light}}; | |
| color:{{life-color-dark}}; | |
| box-shadow: 10px 0 0 {{life-color-light}}, -10px 0 0 {{life-color-light}}; | |
| } | |
| .select-section-life .post-splash-custom .widget__section { | |
| border-color:{{life-color-light}}; | |
| color:{{life-color-light}} | |
| } | |
| .select-section-life .tags .tags__item { | |
| background-color:{{life-color-light}}; | |
| color:{{life-color-dark}} | |
| } | |
| .select-section-life .tags, .select-section-life .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| } | |
| .select-section-life .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140.15 140.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M70.08,0a70.08,70.08,0,1,0,70.08,70.08A70.08,70.08,0,0,0,70.08,0ZM56.67,106.75c-4.8,0-8.69-6.58-8.69-14.69s3.89-14.69,8.69-14.69,8.69,6.58,8.69,14.69S61.47,106.75,56.67,106.75Zm29,0c-4.8,0-8.69-6.58-8.69-14.69S80.9,77.37,85.7,77.37s8.69,6.58,8.69,14.69S90.5,106.75,85.7,106.75Zm17-39.5C95.65,48.87,83.63,38.6,69.33,38.94c-14,.39-26.43,11.39-31.79,28L27,63.57c6.82-21.16,23.31-35.16,42-35.68,18.94-.45,35.3,12.71,44,35.39Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-position:0; | |
| } | |
| .select-section-life .sidebar_outer { | |
| background:{{life-color-lighter}}; | |
| } | |
| .select-section-life .sidebar_outer .widget__headline-text , | |
| .select-section-life .sidebar_outer .whats-new-headline { | |
| color:{{life-color-dark}} | |
| } | |
| .select-section-life .sidebar_outer .widget article , | |
| .select-section-life .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{life-color-dark}} ; | |
| } | |
| .select-section-life .sidebar_outer svg path { | |
| stroke :{{life-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-life .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{life-color-light}} | |
| } | |
| .posts_stream .select-section-life .post-splash-custom .photo-credit { | |
| color:{{life-color-light}} | |
| } | |
| .select-section-life .body .ee-ul li:before , | |
| .select-section-life .body .ee-ol li:before { | |
| color:{{life-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{life-color-light}}, -15px 0 0 {{life-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-life .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-life .post-splash-custom .post-date{ | |
| color:{{life-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{life-color-light}}, -20px 0 0 {{life-color-light}}; | |
| } | |
| } | |
| .select-section-life .body-description .dropcap-paragraph:first-letter { | |
| color: {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll { | |
| color: {{life-color-dark}}; | |
| border: 30px solid {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll-block .cta-poll__question { | |
| color: {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{life-color-light}}, {{life-color-dark}}); | |
| } | |
| .select-section-life blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| div[data-s2-value="justice"] .post-author__avatar.image, div[data-s2-value="justice"] .select-section-life .cover-all.image{ | |
| background-image: url(https://assets.rbl.ms/19206695/2000x.png) !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="more from author CSS over rides fro 3rd post" id="0b05d98ec951fba3c33d4d401f3f44e5"> | |
| <![CDATA[<style> | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:530px !important; | |
| } | |
| @media (min-width:768px) { | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:480px !important; ; | |
| } | |
| } | |
| @media (min-width:1440px) { | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:280px !important; ; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="what's new css" id="db5cf2c5f9a68c3f77d6f2c9947c58f0"> | |
| <![CDATA[<style> | |
| .news-post-whats-new .custom-field-image-avatar1{ | |
| left:0; | |
| } | |
| .homepage_component_wrapper .what-new-item .widget .widget__head .widget__body { | |
| position:unset; | |
| } | |
| .whats-new-headline { | |
| font-family: 'Adieu'; | |
| font-size: 35px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.23; | |
| letter-spacing: normal; | |
| text-align: center; | |
| } | |
| .whats-news-posts-wrapper .widget article { | |
| border-bottom:1px solid; | |
| } | |
| .whats-news-posts-wrapper .widget #col-right{ | |
| position:absolute; | |
| top:0; | |
| bottom:-10px; | |
| right: 0; | |
| display:flex; | |
| align-items:center | |
| } | |
| .sidebar_outer .widget .widget__image { | |
| border:2px solid rgb(47, 46, 125); | |
| } | |
| .whats-news-posts-wrapper div[runner-lazy-loading] .lazyload-placeholder { | |
| display:none; | |
| } | |
| .feature-layout . | |
| @media (max-width:767px){ | |
| .whats-news-posts-wrapper .widget #col-right{ | |
| bottom:10px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar CSS" id="7aba635bd4dd6881ae2f885207be0d03"> | |
| <![CDATA[<style> | |
| .sidebar_outer { | |
| box-sizing:border-box; | |
| padding:60px 0; | |
| } | |
| .sidebar_outer.hidden { | |
| display:none; | |
| } | |
| .sidebar_inner { | |
| width:300px; | |
| margin:0 auto; | |
| } | |
| .sidebar_ad_container { | |
| text-align:center; | |
| } | |
| .whats-new-posts-container { | |
| opacity: 0; | |
| padding:60px 30px 0; | |
| } | |
| .whats-new-posts-container.in__view { | |
| opacity:1; | |
| transition: all .5s cubic-bezier(.23,1,.32,1); | |
| } | |
| /* .feature-layout .sidebar_outer .widget__headline-text , | |
| .feature-layout .sidebar_outer .whats-new-headline { | |
| color:#002d72 !important; | |
| } | |
| ..feature-layout .sidebar_outer .widget article , | |
| .feature-layout .sidebar_outer .widget .widget__image{ | |
| border-color:#002d72 !important; | |
| } | |
| .feature-layout .sidebar_outer svg path { | |
| stroke: #002d72 !important; | |
| }*/ | |
| @media (min-width:768px) and (max-width:1079px) { | |
| .whats-new-headline{ | |
| font-size:30px; | |
| } | |
| .sidebar_outer { | |
| display:flex; | |
| padding:60px; | |
| display:none !important; | |
| } | |
| .sidebar_inner { | |
| order:2; | |
| } | |
| .whats-new-posts-container { | |
| order: 0; | |
| width: 50%; | |
| padding:0 40px 0 0; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media (min-width:1080px){ | |
| .whats-new-posts-container { | |
| position: absolute; | |
| bottom: 90px; | |
| } | |
| .sidebar_outer { | |
| width:360px; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| bottom:0; | |
| left:auto; | |
| box-sizing:border-box; | |
| padding:60px 30px; | |
| } | |
| .feature-layout .sidebar_outer { | |
| margin-top:150px; | |
| } | |
| .feature-layout.feature-layout-3 .sidebar_outer, | |
| .feature-layout.feature-layout-2 .sidebar_outer { | |
| margin-top:0; | |
| } | |
| .whats-new-posts-container { | |
| width:300px; | |
| padding:unset; | |
| } | |
| } | |
| @media (min-width:1080px) and (max-width:1439px) { | |
| .sidebar-ad { | |
| right:30px !important; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .sidebar_outer { | |
| width:460px; | |
| padding:60px 60px; | |
| } | |
| .whats-new-posts-container { | |
| width:340px; | |
| } | |
| .sidebar-ad { | |
| right:80px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Misc Update css for post page" id="261137a50c58f1bcc68cb6a4ccd0de9a"> | |
| <![CDATA[<style> | |
| @media (max-width:1079px) { | |
| .scrolling-menu-wrapper .header-headline-container { | |
| display:none !important; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add pageload media css" id="6cff0c796471182ebacd874bf7235d95"> | |
| <![CDATA[<style> | |
| .all-content-wrapper { | |
| opacity:0; | |
| } | |
| .all-content-wrapper.loaded { | |
| opacity:1; | |
| animation: 2s ease-out 0s 1 opacityAnimate; | |
| } | |
| @keyframes opacityAnimate{ | |
| 0% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 100%; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="SidebarAd first call" id="611979ec2acf17bb933e83c6b94f8cec"> | |
| <![CDATA[<script type="text/javascript"> | |
| function SidebarAd(){ | |
| if(!firstSidebarCall && document.querySelector('.posts_stream .sidebar-ad')) { | |
| firstSidebarCall=true; | |
| if(window.innerWidth>1079){ | |
| var adslot=document.querySelector('.posts_stream .sidebar-ad'); | |
| adslot.setAttribute('id','right-rail-first-ad') | |
| googletag.cmd.push(function() { | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| //googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(adslot.id); | |
| adslot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| }); | |
| if( document.querySelector('.sidebar_outer') && document.querySelector('.sidebar_outer').offsetHeight < document.querySelector('.sidebar-ad'). | |
| offsetHeight+document.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| document.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad definition and loading on infinite scroll " id="4f13b03f2d340220f16a7c1b31b97cb2"> | |
| <![CDATA[<script> | |
| function loadAdonPostInView(element){ | |
| var emptyAdslots=element.querySelectorAll("[id^='div-id-for-']:empty"); | |
| if(emptyAdslots){ | |
| var section=""; | |
| var tag__a=[]; | |
| element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=element.querySelector('.article__splash-custom .headline-container > a') ? element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| // console.log(postBaseName); | |
| s1 =element.querySelector('.article__splash-custom .widget__section')? element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| s2 = element.querySelector('.article__splash-custom').getAttribute('data-s2-value')? element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| slotName = "/" + networkCode + "/" + adUnit; | |
| pid = postBaseName; | |
| ptype = "article"; | |
| tags =tag__a; | |
| googletag.cmd.push(function() { | |
| emptyAdslots.forEach(ad_slot => { | |
| if(ad_slot.getAttribute('data-ad-slot')=='inread' && ad_slot.getAttribute('id')=="div-id-for-inread-slot"){ | |
| ad_render_count++; | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineOutOfPageSlot(slotName, ad_slot.id) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(isElementInViewport(ad_slot,200)){ | |
| ad_render_count++; | |
| //console.log(ad_slot); | |
| if(ad_slot.getAttribute('data-ad-slot')=='mid'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], ad_slot.id) | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='rightrail'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [ [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| ad_slot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='infinite-scroll'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], ad_slot.id) | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| var isNsfwEnabledAd=ad_slot.closest('.posts_stream'); | |
| if(isNsfwEnabledAd && isNsfwEnabledAd.classList.contains('isFirstArticle') && nsfwtag) { | |
| // console.log(isNsfwEnabledAd); | |
| // console.log("isNsfwEnabledAd"); | |
| googletag.pubads().setTargeting("nsfw","yes"); | |
| } | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| // googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(ad_slot.id); | |
| } | |
| }); | |
| }); | |
| } | |
| if(element.querySelector('.sidebar_outer')&& element.querySelector('.sidebar-ad') && element.querySelector('.sidebar_outer').offsetHeight < element.querySelector('.sidebar-ad'). | |
| offsetHeight+element.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| element.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Scrolling/Static Navigation alternating [JS]" id="72d97176b5b06c09056e8c4e4a61a8aa"> | |
| <![CDATA[<script type="text/javascript"> | |
| var article_headline = document.querySelector('.posts_stream'); | |
| var heightToScroll = article_headline ? article_headline.getBoundingClientRect().top : 250; | |
| var header = document.querySelectorAll('.header-scroll-wrapper')[0]; | |
| var menuStateChange = 0; | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } | |
| function controlNavigationMenu(){ | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } else { | |
| if (menuStateChange) { | |
| header.classList.remove('show-scroll-header'); | |
| header.classList.add('hide-scroll-header'); | |
| } | |
| } | |
| } | |
| /* | |
| function isAnyPartOfElementInViewport(el) { | |
| const rect = el.getBoundingClientRect(); | |
| // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 } | |
| const windowHeight = (window.innerHeight || document.documentElement.clientHeight); | |
| const windowWidth = (window.innerWidth || document.documentElement.clientWidth); | |
| // http://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap | |
| const vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0); | |
| const horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0); | |
| return (vertInView && horInView); | |
| } | |
| */ | |
| // var first_article = document.body.getElementsByClassName('article-stream-first')[0]; | |
| /*if (isAnyPartOfElementInViewport(first_article)){ | |
| currentArticle = 0; | |
| currentArticleDiv = getCurrentScrollingArticle(0); | |
| } else { | |
| var continuousElements = document.body.getElementsByClassName('article-stream-wrapper')[0].getElementsByClassName('widget'); | |
| for (var i=0; i<continuousElements.length;i++) { | |
| currentArticle++; | |
| if (isAnyPartOfElementInViewport(continuousElements[i])) { | |
| currentArticleDiv = getCurrentScrollingArticle(currentArticle); | |
| var height = currentArticleDiv.offsetHeight; | |
| var bottom = currentArticleDiv.getBoundingClientRect().bottom; | |
| var translateBy = (bottom-scrollingHeight)/height; | |
| scrollingFill.style.transform = "translate("+translateBy*-100+"%)"; | |
| break; | |
| } | |
| } | |
| } | |
| */ | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add widget sections on load more and url update" id="a7332771770d02ec0024bc07805c8a97"> | |
| <![CDATA[<!--script tyle="text/lazy-javascript"> | |
| {{require}}(['jquery', 'core/event_dispatcher'], function($, eventDispatcher) { | |
| setWidgetSectionSelector(); | |
| eventDispatcher.on('load-more:sync', function() { | |
| setWidgetSectionSelector(); | |
| }); | |
| /*var runnerEvents = __RUNNER_PUBLIC__.events; | |
| var runnerRootID = __RUNNER_PUBLIC__.root; | |
| var start = 0; | |
| $(runnerRootID).on( runnerEvents.URL_CHANGE_PAGE_VIEW, function() { | |
| var primarySectionName= document.querySelector(`[href*="${location.pathname.split('/').pop()}"]`) | |
| if(primarySectionName){ | |
| primarySectionName=primarySectionName.closest('.widget').querySelector('.widget__section').innerText; | |
| } | |
| if(!primarySectionName){ | |
| primarySectionName= document.querySelector('.post-partial.article__splash-custom').querySelector('.widget__section').innerText; | |
| } | |
| // console.log(`the primary section name is - ${primarySectionName}`); | |
| if(primarySectionName) { | |
| //console.log(`the primary section name is - ${primarySectionName}`) | |
| primarySectionName=getPrimarySectionName(primarySectionName.toLowerCase()); | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| });*/ | |
| }); | |
| </script-->]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar Position Script" id="24e8bb0bc76fa4e2e331a494cf2e6a95"> | |
| <![CDATA[<script type="text/javascript"> | |
| var firstSidebarCall; | |
| var whatsNewWidget = document.querySelectorAll('.whats-new-posts-container .widget'); | |
| if (whatsNewWidget) { | |
| whatsNewWidget.forEach(element => { | |
| element.classList.add('whats-new-widget'); | |
| }) | |
| } | |
| function setSidebar(element) { | |
| var article; | |
| // console.log(element); | |
| if (element.classList && element.classList.contains('feature-layout')) { | |
| // console.log(element); | |
| article = element.querySelector('.post-splash-custom .body-description'); | |
| // alert(article) | |
| } else if(element.classList && element.classList.contains('news-layout')) { | |
| article= element.querySelector('.post-splash-custom'); | |
| } | |
| console.log(article); | |
| if (article) { | |
| if (article.querySelector('.sidebar_outer')) { | |
| //alert("already has sidebar") | |
| } else { | |
| var sidebar = document.querySelector('.sidebar_outer.hidden')?document.querySelector('.sidebar_outer.hidden').cloneNode(true) : sidebar; | |
| var postsStream=article.closest('.posts_stream'); | |
| if (sidebar) { | |
| sidebar.classList.remove('hidden') | |
| } | |
| article.insertAdjacentElement('afterend', sidebar); | |
| postsStream.classList.add('sidebar-processed'); | |
| if(!firstSidebarCall){ | |
| SidebarAd(); | |
| } | |
| setTimeout(() => { | |
| postsStream.querySelector('.whats-new-posts-container').classList.remove("in__view"); | |
| /* if(postsStream.classList && postsStream.classList.contains('feature-layout')?postsStream.querySelector('.post-splash-custom .widget__head'):0+postsStream.querySelector('.whats-new-posts-container').offsetHeight+postsStream.querySelector('.sidebar-ad').offsetHeight+120 >postsStream.querySelector('.post-splash-custom').offsetHeight ) { | |
| postsStream.querySelector('.whats-new-posts-container').parentNode.removeChild(postsStream.querySelector('.whats-new-posts-container')) | |
| }*/ | |
| }, 200); | |
| } | |
| } | |
| } | |
| setSidebar(document); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="in view" id="c06bc062bfe1f136c2a62d5436fc739f"> | |
| <![CDATA[<script > | |
| function isElementInViewport(el, extraOffsetTop, extraOffsetBottom) { | |
| var extraOffsetTop = extraOffsetTop || 0; | |
| var extraOffsetBottom = extraOffsetBottom || 0; | |
| var top = el.offsetTop; | |
| var height = el.offsetHeight; | |
| while(el.offsetParent) { | |
| el = el.offsetParent; | |
| top += el.offsetTop; | |
| } | |
| var topEdge = top - extraOffsetTop; | |
| var bottomEdge = top + height + extraOffsetBottom; | |
| var topScreenEdge = window.pageYOffset; | |
| var bottomScreenEdge = window.pageYOffset + window.innerHeight; | |
| return (topEdge < bottomScreenEdge && topEdge > topScreenEdge) || // top edge in screen | |
| (bottomEdge < bottomScreenEdge && bottomEdge > topScreenEdge) || // bottom edge in screen | |
| (topEdge < topScreenEdge && bottomEdge > bottomScreenEdge); // belly in screen | |
| } | |
| function haveEnteredViewport(element,offsetvalue){ | |
| var currWindowPos=window.scrollY; | |
| var elTOp=element.getBoundingClientRect().top; | |
| if(offsetvalue>elTOp){ | |
| return true; | |
| } | |
| else { | |
| return false; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Article Scroll ...ad lazy load ... animate" id="f157b99b0c17ab241c1a574ca89db622"> | |
| <![CDATA[<script> | |
| var headerHeadline = document.body.getElementsByClassName('header-headline')[0]; | |
| function setHeaderHeadline(text) { | |
| if (headerHeadline && text) { | |
| headerHeadline.style.animationName = "headerTitleGoAway"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| setTimeout( | |
| function() { | |
| headerHeadline.style.animationName = "headerTitleComeBack"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| headerHeadline.textContent = text; | |
| } | |
| ,600 | |
| ); | |
| } | |
| } | |
| function updateShare(element){ | |
| ; | |
| /* var sharebUttons=` | |
| <a href="${element.querySelector('.widget__shares .share-fb').getAttribute('href')}" data-track-share="Facebook" class="share share-popup share-fb social-links__link share-facebook" > | |
| <span class="fa fa-facebook"> | |
| </span> | |
| </a> | |
| <a href="${element.querySelector('.widget__shares .share-tw').getAttribute('href')}" data-track-share="Twitter" class="share share-popup share-tw social-links__link share-twitter" > | |
| <span class="fa fa-twitter"> | |
| </span> | |
| </a> | |
| <!-- PINTEREST --> | |
| <a data-pin-href="${element.querySelector('.widget__shares > a:nth-child(3)').getAttribute('data-pin-href')}" data-pin-log="button_pinit" class="social-links__link share-pinterest"> | |
| <span class="fa fa-pinterest"> | |
| </span> | |
| </a> | |
| <!-- EMAIL --> | |
| <a href="${element.querySelector('.widget__shares .share-email').getAttribute('href')}" data-track-share="Email" class="share share-popup share-email social-links__link share-envelope" > | |
| <span class="fa fa-envelope"> | |
| </span> | |
| </i> | |
| </a> | |
| `;*/ | |
| var sharebUttons=element.querySelector('.widget__shares').cloneNode(true); | |
| sharebUttons.classList.add('social-links') | |
| document.querySelector('.header-social-links-wrapper .social-links').parentNode.replaceChild(sharebUttons, document.querySelector('.header-social-links-wrapper .social-links')); | |
| //document.querySelector('.header-social-links-wrapper .social-links').innerHTML=sharebUttons; | |
| } | |
| </script> | |
| <script> | |
| var scrollingFill = document.body.getElementsByClassName('scrolling-article-postion-fill')[0]; | |
| var prevScrollPosition = window.scrollY; | |
| var currentScrollPosition = window.scrollY; | |
| var scrollDirection; | |
| var postsElement = []; | |
| var currentArticle = 0; | |
| var InViewArticleDiv; | |
| var scrollingHeight = document.body.getElementsByClassName('scrolling-menu-wrapper')[0].offsetHeight; | |
| var lastSection = ""; | |
| function getCurrentScrollingArticle(currentArticleDiv, articleNumber) { | |
| if (currentArticleDiv) { | |
| // console.log('set headline'); | |
| currentArticleDiv.classList.add('current-article-scroll'); | |
| var primarySectionName = getPrimarySectionName(currentArticleDiv.querySelector('.post-splash-custom .widget__section') ? currentArticleDiv.querySelector('.post-splash-custom .widget__section').innerText.toLowerCase() : ""); | |
| if (currentArticleDiv.querySelector('.custom-field-feature-color-primary') && currentArticleDiv.querySelector('.custom-field-fearure-color-secondary')) { | |
| primarySectionName = currentArticleDiv.querySelector('.custom-field-feature-color-primary').innerText; | |
| } | |
| if (primarySectionName) { | |
| if (primarySectionName != lastSection) | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| lastSection = primarySectionName | |
| //return currentArticleDiv; | |
| } | |
| } | |
| function animateScrollOnTopbar(currArticle){ | |
| var height = currArticle.offsetHeight; | |
| var bottom = currArticle.getBoundingClientRect().bottom ; | |
| var top = currArticle.getBoundingClientRect().top; | |
| var translateBy = (bottom - scrollingHeight) / height; | |
| if ((bottom - scrollingHeight) < 0 || (top - scrollingHeight) > 0) { | |
| scrollingFill.style.transform = "translate(200%)"; | |
| } else { | |
| scrollingFill.style.transform = "translate(" + translateBy * -100 + "%)"; | |
| } | |
| } | |
| function articleScroll() { | |
| var progressBarVisible; | |
| var isAnyPostVisible; | |
| var topBarHeadline; | |
| document.querySelectorAll('.posts_stream .article__splash-custom').forEach(article => { | |
| if (isElementInViewport(article)) { | |
| article.querySelectorAll('.body-description > *:not(.in__view)').forEach(el => { | |
| if (isElementInViewport(el)) { | |
| el.className += " in__view" | |
| } | |
| }) | |
| progressBarVisible = true; | |
| isAnyPostVisible = true; | |
| if (InViewArticleDiv) { | |
| if (article == InViewArticleDiv) { | |
| } | |
| else { | |
| //setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| //getCurrentScrollingArticle(article, 100); | |
| //updateShare(article); | |
| } | |
| } else { | |
| if(isElementInViewport(article.querySelector('.headline'),-article.querySelector('.headline').offsetHeight)||isElementInViewport(article.querySelector('.body'))){ | |
| InViewArticleDiv = article; | |
| setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| getCurrentScrollingArticle(article, 100); | |
| updateShare(article);} | |
| } | |
| var postsStream = article.closest('.posts_stream'); | |
| if (postsStream) { | |
| loadAdonPostInView(postsStream); | |
| // postsStream.classList.add('ad-processed') | |
| } | |
| animateScrollOnTopbar(article); | |
| document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else {} | |
| }); | |
| if (isAnyPostVisible) {//document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else { | |
| //console.log(`remove header`); | |
| setHeaderHeadline(" "); | |
| InViewArticleDiv=null; | |
| document.querySelector('.scrolling-article-postion-wrapper').style.display = 'none'; | |
| } | |
| } | |
| currentArticle = 0; | |
| InViewArticleDiv; | |
| articleScroll(); | |
| //window.addEventListener("scroll", articleScroll); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad scroll function" id="4b086a9b7163c8e1f588d5c127c1b39d"> | |
| <![CDATA[<script> | |
| function setSidebarAdPosition(){ | |
| var sidebarEl=document.querySelectorAll('.sidebar_outer'); | |
| //if(sidebarEl[]) | |
| sidebarEl.forEach(element => { | |
| if(isElementInViewport(element)){ | |
| var thead=element.querySelector('.sidebar-ad'); | |
| if(thead){ | |
| var windowHeight=window.innerHeight; | |
| var topThreshhold=140; | |
| if(windowHeight<740 && thead.offsetHeight>=600){ | |
| topThreshhold=windowHeight-740+140; | |
| } | |
| var refresh_counter=1; | |
| var whatsnew=element.querySelector('.whats-new-posts-container'); | |
| if(element.hasAttribute('data-ad-refresh-count')){ | |
| refresh_counter = parseInt(element.getAttribute('data-ad-refresh-count')); | |
| } | |
| else { | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| } | |
| if(element.getBoundingClientRect().top < (-((window.innerWidth*refresh_counter-100)*2)) && element.querySelector('.sidebar-ad').style.position=="fixed" ){ | |
| googletag.cmd.push(function() { | |
| googletag.pubads().refresh([rightRailSLotKVP[thead.getAttribute('data-kvp-slot')]]); | |
| // console.log('ad refreshed'); | |
| refresh_counter++; | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| }); | |
| } | |
| if(thead.parentNode.getBoundingClientRect().top+60 <= topThreshhold && whatsnew.getBoundingClientRect().top < (topThreshhold+40)+thead.offsetHeight){ | |
| thead.style.position='absolute'; | |
| thead.style.bottom=element.querySelector('.whats-new-posts-container ' ).offsetHeight+130+'px'; | |
| thead.style.top="unset"; | |
| thead.style.right="80px"; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else if(element.parentNode.getBoundingClientRect().top+60 <=topThreshhold && whatsnew.getBoundingClientRect().top > thead.offsetHeight+(topThreshhold+40)){ | |
| thead.style.position='fixed'; | |
| thead.style.top=topThreshhold+'px'; | |
| thead.style.bottom="unset"; | |
| thead.style.right='80px'; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else { | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| } | |
| else { | |
| if(element.querySelector('.sidebar-ad')){ | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="sidebar addition" id="0d94518d34974eec0948244f41281d7d"> | |
| <![CDATA[<script > | |
| function SetSidebarElements() { | |
| var streamPosts = document.querySelectorAll('.posts_stream:not(.sidebar-processed)'); | |
| if (streamPosts) { | |
| streamPosts.forEach(element => { | |
| if (haveEnteredViewport(element, window.innerHeight - 10) == true) { | |
| //element.classList.add('sidebar-processed'); | |
| setSidebar(element); | |
| } | |
| }) | |
| } | |
| var whatsNew = document.querySelectorAll('.whats-new-posts-container:not(.in__view)'); | |
| if (whatsNew) { | |
| whatsNew.forEach(element => { | |
| if (window.innerWidth > 1079) { | |
| if (haveEnteredViewport(element, ((element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 > 500) ? element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 : 500)) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } else { | |
| if (haveEnteredViewport(element, window.innerHeight - 100) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="13eed6e3cc87b09f94ac21b2f4b25f91"> | |
| <![CDATA[<script> | |
| function ChkShowTrendingAnim() { | |
| document.querySelectorAll('.tag-trending:not(.container-trending-anim-proc)').forEach(widget => { | |
| if(isElementInViewport(widget)){ | |
| widget.classList.add('container-trending-anim-proc'); | |
| widget.querySelector('.container-trending-anim').classList.add('container-trending-anim-show'); | |
| } | |
| }) | |
| } | |
| setTrendingPost(TrendingParent); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="scroll function" id="42e147caaa68c2a3c4cae1c0e72b676e"> | |
| <![CDATA[<script > | |
| function Ithrottle (callback, limit) { | |
| var wait = false; | |
| return function () { | |
| if (!wait) { | |
| callback.apply(null, arguments); | |
| wait = true; | |
| setTimeout(function () { | |
| wait = false; | |
| }, limit); | |
| } | |
| } | |
| } | |
| window.addEventListener("scroll", Ithrottle(function(){ | |
| SetSidebarElements() | |
| articleScroll(); | |
| ChkShowTrendingAnim() | |
| if(window.innerWidth>1079){ | |
| setSidebarAdPosition() | |
| } | |
| controlNavigationMenu(); | |
| },5)); | |
| window.addEventListener("resize", function(){ | |
| if (window.innerWidth > 1079) { | |
| articleScroll(); | |
| reOrderElement() | |
| SetSidebarElements(); | |
| setSidebarAdPosition(); | |
| } | |
| else { | |
| if(document.querySelector('.sidebar-ad[style*="pos"]')){ | |
| document.querySelector('.sidebar-ad[style*="pos"]').removeAttribute('style'); | |
| } | |
| ; | |
| } | |
| }); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations" id="ea52737d189ccf3a40f10cb713529a10"> | |
| <![CDATA[<style> | |
| @keyframes textAnimatess { | |
| 0% { | |
| height: 0; | |
| } | |
| 100% { | |
| height: 100%; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations items" id="3820a6fa6ecb2f94e5ecc912143fa8ca"> | |
| <![CDATA[<style> | |
| .news-layout .headline span { | |
| overflow: hidden; | |
| display: inline-block; | |
| animation: 1s ease-out 0s 1 textAnimate; | |
| line-height: 1; | |
| vertical-align: middle; | |
| } | |
| .body-description > * { | |
| opacity:0; | |
| transform:translateY(20%); | |
| } | |
| .body-description > *.in__view { | |
| opacity:1; | |
| transform:translateY(0%); | |
| transition: all 1.1s cubic-bezier(.23,1,.32,1); | |
| transition-delay: .1s; | |
| } | |
| body .header-scroll-wrapper .scrolling-article-postion-fill { | |
| transition: all .1s linear; | |
| } | |
| body.IE-browser .all-content-wrapper { | |
| opacity:1; | |
| } | |
| body.IE-browser .body-description > * { | |
| opacity:1; | |
| transform:translateY(0%); | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Share popup handler" id="906822c70ec80f3f922f70949681c5f1"> | |
| <![CDATA[<!--script type="text/lazy-javascript" priority="2"> | |
| jQuery('.share.share-fb').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Twitter", "height=285,width=550,resizable=1"); | |
| }); | |
| jQuery('.share.share-tw').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Facebook", "height=269,width=550,resizable=1"); | |
| }); | |
| </script--> | |
| <script type="text/lazy-javascript" priority="2"> | |
| jQuery('body').on('click','.share-popup:not(.share-email)',function(e) { | |
| e.preventDefault(); | |
| var social=''; | |
| if(jQuery(this).hasClass('share-tw')){ | |
| social='Twitter' | |
| } | |
| else if(jQuery(this).hasClass('share-fb')){ | |
| social='Facebook' | |
| } | |
| else if(jQuery(this).hasClass('share-pinterest')){ | |
| social='Pinterest' | |
| } | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, social, "height=285,width=550,resizable=1"); | |
| }); | |
| </script> | |
| <style> | |
| .header-social-links .widget__shares a:nth-child(3) { | |
| height: 35px; | |
| width: 35px; | |
| font-size: 0 !important; | |
| position: relative; | |
| background-size: 23px; | |
| border:0; | |
| } | |
| .header-social-links .widget__shares a:nth-child(3) i { | |
| font-size:26px; | |
| position:relative; | |
| top:3px; | |
| } | |
| .widget__shares a[class^="PIN"]{ | |
| border: 0; | |
| border-radius: 50%; | |
| background:none; | |
| color:unset !important; | |
| box-shadow:none; | |
| } | |
| .widget__shares a[class^="PIN"]:hover { | |
| color:unset !important; | |
| } | |
| .widget__shares a[class^="PIN"]:before { | |
| content: "\f0d2"; | |
| font-family: FontAwesome !important; | |
| font-size: 26px; | |
| position: relative; | |
| top: 7px; | |
| left: -15px; | |
| }.widget__shares.social-links { | |
| margin-top:5px; | |
| } | |
| .header-social-links .widget__shares i.fa-email { | |
| font-size:25px; | |
| } | |
| @media (max-width:767px){ | |
| .widget__shares.social-links { | |
| margin-top: 0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="interstitial and inread ad" id="1d05154c6ef7dd7d137f152cbba5b4e1"> | |
| <![CDATA[<div id="div-id-for-interstitial"> | |
| <script type="text/javascript"> | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-interstitial");}); | |
| </script> | |
| </div> | |
| <div class="post__page__ad__container" id="adhesion-slot-container" style="display: none;text-align: center;position: fixed;bottom: 60px;margin: 0px;padding: 10px 0px;width: 100%;"> | |
| <div id="div-id-for-adhesion-slot"> | |
| <script type="text/javascript"> | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-adhesion-slot");}); | |
| document.getElementById("adhesion-slot-container").style.display="block"; | |
| } | |
| </script> | |
| </div> | |
| <a class="close-adhesion-ad" href="javascript:document.getElementById('adhesion-slot-container').parentNode.removeChild(document.getElementById('adhesion-slot-container'));" style="position:absolute;display: block;background-color:rgba(0,0,0,.7);border-radius:50%;right: 7px;top: -10px;color:#fff;font-weight:bold;font-family:arial;height: 23px;width: 23px;">x</a> | |
| </div>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="9b6220fdcffab64fb5ce7a31a159f1d7"> | |
| <![CDATA[<script> | |
| setTrendingPost(TrendingParent); | |
| console.log("amout of nodes loaded without lazy loaded element : "+ document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="fix NYL-541" id="22acb3ecf2b968f3e2e26a5f7097be4e"> | |
| <![CDATA[<style> | |
| .share.share-flipboard svg { | |
| width: 25px; | |
| height: 25px; | |
| visibility: visible; | |
| } | |
| .scrolling-menu-wrapper .share.share-flipboard { | |
| opacity: 1; | |
| } | |
| </style>]]> | |
| </user_code> | |
| </abtest> | |
| <abtest name="Read more on lead media" data-rm-created-by="19305113" data-rm-created-on="Tue Apr 09 2019 22:41:17 GMT+0600 (Bangladesh Standard Time)" query-param="readmore" query-value="leadpost"> | |
| <jinja data-rm-friendly-name="[JINJA] jwplayer Async or sync , adhesion/nsfw"> | |
| <![CDATA[<script> | |
| var adhesionTag,nsfwtag; | |
| /*{{context.post.tags}}*/ | |
| {% if '*nsfw' in context.post.tags %} | |
| nsfwtag=true; | |
| {% endif %} | |
| {% if '*adhesion' in context.post.tags %} | |
| adhesionTag=true; | |
| {% endif %} | |
| </script> | |
| {% if context.post.video %} | |
| <script src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% else %} | |
| <script async src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% endif %}]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="686d26a943854bb3f3d8aaf63d2a8a0c"> | |
| <![CDATA[<script> | |
| var trendingCount = 2000; | |
| var TrendingParent = document.querySelectorAll('.trending-container:not(.trending-processed)' ); | |
| function setTrendingPost(TrendingParentContainer){ | |
| TrendingParentContainer.forEach(element => { | |
| element.classList.add('trending-processed'); | |
| var maxPageviewNews = 0; | |
| var maxPageviewFeature = 0; | |
| var maxClassprefix = "max-" | |
| element.querySelectorAll('.news-post-whats-new .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewNews) { | |
| maxPageviewNews = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewNews > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0"); | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).insertAdjacentElement("afterbegin",trendingElement); | |
| } | |
| element.querySelectorAll('.feature___post .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewFeature) { | |
| maxPageviewFeature = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewFeature > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0") | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).insertAdjacentElement("afterbegin",trendingElement); | |
| if (element.querySelector('.feature-4 .widget.' + maxClassprefix + maxPageviewFeature)) { | |
| element.querySelector('.feature-4').classList.add('feature-3') | |
| element.querySelector('.feature-3').classList.add('feature-4'); | |
| element.querySelector('.feature-4').classList.remove('feature-3'); | |
| element.querySelector('.feature-3').classList.remove('feature-4'); | |
| reOrderElement(); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <write_to_header data-rm-friendly-name="JWplayer Manipulateion"> | |
| <![CDATA[<script> | |
| function video_module_manipulate(){ | |
| var video_widgets=document.querySelectorAll('.video_module .widget'); | |
| if(video_widgets.length>0){ | |
| let playerEl = document.querySelector('.jw_video_player_1') ? document.querySelector('.jw_video_player_1'): document.querySelector('#jwplayer_video_module_'+VideoMduleInPage); | |
| playerEl.id="jwplayer_video_module_"+VideoMduleInPage; | |
| var playerInstance = jwplayer('jwplayer_video_module_'+VideoMduleInPage); | |
| // console.log(playerInstance); | |
| video_widgets.forEach(function (widget, i) { | |
| if(widget.querySelector('.widget_video_control')){} | |
| else { | |
| widget.querySelector('.widget__body').insertAdjacentHTML('beforeend','<div class="widget_video_control"> | |
| <div class="pause_div">\ | |
| <i class="fa fa-pause"> | |
| </i> Pause\ | |
| </div>\ | |
| <div class="play_div">\ | |
| <i class="fa fa-play"> | |
| </i> Play\ | |
| </div> | |
| </div>'); | |
| } | |
| let video = widget.querySelector('.widget__video'); | |
| let image = widget.querySelector('.widget__image'); | |
| const regex = /players\%2F.{8}/g; | |
| let str = video.getElementsByTagName('iframe')[0]? (video.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?video.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):video.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| video.innerHTML=""; | |
| video.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.classList.add('video_media_'+videoID); | |
| if (i === 0 && video) { | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: false, | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg' | |
| }); | |
| playerInstance.on('pause', (event) => { | |
| //console.log('Why did my user pause their video instead of watching it?'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('active'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| }); | |
| playerInstance.on('play', (event) => { | |
| //console.log('tahnk you for watching'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('paused'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('active'); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| }); | |
| } | |
| widget.onclick = function () { | |
| if( widget.classList.contains('active')){ | |
| if( widget.classList.contains('paused')){ | |
| widget.classList.remove('paused'); | |
| playerInstance.play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| else{ | |
| playerInstance.pause(); | |
| widget.classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| } | |
| } | |
| else { | |
| video_widgets.forEach(function(twidget) { | |
| twidget.classList.remove('active'); | |
| twidget.classList.remove('paused'); | |
| }) | |
| widget.classList.add('active') | |
| playerInstance.load( "https://cdn.jwplayer.com/v2/media/" + videoID).play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code id="fbed746cd64801b1974be0049e61e408" data-rm-friendly-name="JS"> | |
| <![CDATA[<script> | |
| window.addEventListener('DOMContentLoaded',function(){ | |
| setTimeout(() => { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| }, 2300); | |
| }); | |
| function isVideoModuleLoaded(){ | |
| if(document.querySelector('.jw_video_player_1:empty')){ | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else if(document.querySelector('.video_module .widget iframe')) { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else { | |
| clearInterval(videloLoadInterval); | |
| } | |
| } | |
| var videloLoadInterval ; | |
| </script>]]> | |
| </user_code> | |
| <ad_header_script data-rm-friendly-name="span on news headline"> | |
| <![CDATA[<script> | |
| function spanNewsHeadline() { | |
| document.querySelectorAll('.news-layout .headline:not(.spanned)').forEach(el =>{ el.classList.add('spanned'); | |
| var spannedTextList=el.innerText.split(" "); | |
| el.innerHTML=""; | |
| spannedTextList.forEach(sp => { | |
| el.innerHTML +=`<span>${sp} </span>` | |
| })}) | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="jwplayer post page"> | |
| <![CDATA[<script> | |
| function videoPostManipulate(autoplay=false){ | |
| var video_widgets=document.querySelectorAll('.article__splash-custom .widget__video:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom')? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=s1.replace(" ", "-"); | |
| var vast_s2=s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| const regex = /players\%2F.{8}/g; | |
| let str = widget.getElementsByTagName('iframe')[0]? (widget.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?widget.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):widget.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| widget.innerHTML=""; | |
| widget.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded'; | |
| widget.innerHTML=""; | |
| widget.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script> | |
| <style> | |
| .article__splash-custom .widget__video .jwplayer.jw-flag-aspect-mode { | |
| position: absolute; | |
| height: 100% !important; | |
| } | |
| </style>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="In Article jwplayer post page"> | |
| <![CDATA[<script> | |
| function inArticleVideoPostManipulate(){ | |
| var video_widgets=document.querySelectorAll('.body-description div[id*="botr_"]:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value') ? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=vast_s1.replace(" ", "-"); | |
| var vast_s2=vast_s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| var parentContainer=widget.closest("div[data-media_id]"); | |
| let str = parentContainer.getAttribute("data-media_id"); | |
| if (str !== null) { | |
| let videoID = str; | |
| var newDiv=document.createElement('div'); | |
| newDiv.className="jwp_video_container"; | |
| widget.insertAdjacentElement('afterend',newDiv) | |
| parentContainer.removeChild(widget); | |
| parentContainer.removeChild(parentContainer.querySelector('script[src*="https://content.jwplatform.com/pla"]')); | |
| widget=newDiv; | |
| widget.innerHTML=""; | |
| newDiv.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| newDiv.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded_in_body'; | |
| newDiv.innerHTML=""; | |
| newDiv.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Section Codes"> | |
| <![CDATA[<script> | |
| function RemoveCurrentSectionName() { | |
| var bodyClassList=document.querySelector('body').classList; | |
| bodyClassList.forEach(element => { | |
| if(element.includes('section')){ | |
| // console.log('removing section name from body') | |
| document.querySelector('body').classList.remove(element); | |
| } | |
| }); | |
| } | |
| function setBodySectionName(param) { | |
| RemoveCurrentSectionName(); | |
| document.querySelector('body').classList.add(`section-${param}`) | |
| } | |
| </script> | |
| <script> | |
| function getPrimarySectionName(str) { | |
| str = str.toLowerCase(); | |
| if (str == 'beauty' || str == 'makeup' || str == 'skin care' || str == 'hair' || str == 'nails' || str == 'wellness' || str == 'fitness') { | |
| return 'beauty'; | |
| } | |
| else if (str == 'fashion' || str == 'accessories' || str == 'shopping' || str == 'designers' || str == 'fashion week' || str == 'street style' || str == 'clothing') { | |
| return 'fashion'; | |
| } | |
| else if (str == 'entertainment' || str == 'film' || str == 'tv' || str == 'music' || str == 'art' || str == 'books' || str == 'theater') { | |
| return 'entertainment'; | |
| } | |
| else /*if (str == "home" || str == "you" || str == "justice" || str == "astrology" || str == "love" || str == "life") { | |
| return 'life'; | |
| } | |
| else*/ { | |
| return 'life'; | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Ad Slots"> | |
| <![CDATA[<script> | |
| var ad_render_count=1; | |
| var rightRailSLotKVP={}; | |
| rightRailSLotKVP_key=1; | |
| var topMapping,rightMapping,midMapping; | |
| var networkCode = 4260617; | |
| var topLevelAdUnit = "nylon.mag"; | |
| var s1 = getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "); | |
| var s2 = __BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| var adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var slotName = "/" + networkCode + "/" + adUnit; | |
| var pid = __BOOTSTRAP__.post.basename; | |
| var ptype = "article"; | |
| var tags = {{tags}}; | |
| //var breakpoint = "desktop"; | |
| // var utm_medium = "; | |
| // var test = "anyvalue";//only if "?test=anyvalue" is appended to URL | |
| googletag.cmd.push(function() { | |
| topMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[970, 250], [728, 90]]). | |
| addSize([768, 0], [728, 90]). | |
| addSize([0, 0], [320, 50]). | |
| build(); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| midMapping = googletag.sizeMapping(). | |
| addSize([768, 0], []). | |
| addSize([0, 0], [[300, 250], [320, 50]]). | |
| build(); | |
| var billboard_slot = googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-top-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "top"); | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-interstitial") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "interstitial"); | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.defineSlot(slotName, [320, 50], "div-id-for-adhesion-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "adhesion"); | |
| } | |
| /*googletag.defineSlot(slotName, [[300, 600], [300, 250]], "div-id-for-right-slot") | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid1-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid1"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid2-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid2"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite1-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite1"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite2-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite2"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery1-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery1"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery2-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery2"); | |
| if(document.querySelector('.posts_stream').querySelector('div-id-for-inread')){ | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-inread") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "inread"); }*/ | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.pubads().addEventListener('slotRenderEnded', function(event) { | |
| if(event.slot===billboard_slot){ | |
| console.log('Creative with id: ' + event.creativeId + | |
| ' is rendered to slot of size: ' + event.size[0] + 'x' + event.size[1]);} | |
| }); | |
| }); | |
| </script>]]> | |
| </ad_header_script> | |
| <user_code data-rm-friendly-name="Article Byline for feature 2 - 3" id="0ce19233b86a14665c3ff557558d8a3a"> | |
| <![CDATA[<script> | |
| function AuthorBylinePositioning(element) { | |
| var authorByline=document.createElement('div'); | |
| authorByline.className='author-byline'; | |
| if(element.querySelector('.post-author-list')){ | |
| authorByline.appendChild(element.querySelector('.post-author-list')) | |
| } | |
| if(element.querySelector('.post-date')){ | |
| authorByline.appendChild(element.querySelector('.post-date')) | |
| } | |
| element.querySelector('.widget__body').appendChild(authorByline); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__head').appendChild(element.querySelector('.photo-credit')) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="primary secondary color css add via js" id="504f535be34945298bab6b782f4b50ec"> | |
| <![CDATA[<script>var stylePlaceHolder=document.querySelector('body'); | |
| function addStylesForSelectedColor(primary,secondary){ | |
| stylePlaceHolder.insertAdjacentHTML('beforeend',`<style> | |
| body.section-${primary} .header-wrapper svg { | |
| fill: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper, | |
| body.section-${primary} .header-static-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper .scrolling-article-postion-fill { | |
| background-color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .static-menu-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper #search-icon-customised g, | |
| body.section-${primary} .header-wrapper #open-search-customised g{ | |
| stroke: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .svg-color-adapt { | |
| fill: #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__head { | |
| background-color:#${primary} | |
| } | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| background-color:#${secondary}; | |
| color:#${primary}; | |
| box-shadow: 10px 0 0 #${secondary}, -10px 0 0 #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__section { | |
| border-color:#${secondary}; | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .tags .tags__item { | |
| background-color:#${secondary}; | |
| color:#${primary} | |
| } | |
| .select-section-${primary} .body-description a { | |
| background-color:#${secondary};; | |
| } | |
| .select-section-${primary} .sidebar_outer { | |
| background:#${secondary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget__headline-text, | |
| .select-section-${primary} .sidebar_outer .whats-new-headline { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget article , | |
| .select-section-${primary} .sidebar_outer .widget .widget__image, | |
| .select-section-${primary} .body .nested-posts article{ | |
| border-color:#${primary} ; | |
| } | |
| .select-section-${primary} .sidebar_outer svg path { | |
| stroke :#${primary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:#${secondary} | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .photo-credit { | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .body .ee-ul li:before , | |
| .select-section-${primary} .body .ee-ol li:before { | |
| color:#${primary}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 #${secondary}, -15px 0 0 #${secondary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .post-date{ | |
| color:#${secondary} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 #${secondary}, -20px 0 0 #${secondary}; | |
| } | |
| } | |
| .select-section-${primary} .body-description .dropcap-paragraph:first-letter { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .cta-poll { | |
| color:#${primary}; | |
| border: 30px solid #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__question { | |
| color: #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #${secondary}, #${primary}); | |
| } | |
| .select-section-fashion.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} .tags, .select-section-beauty.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-fashion.select-section-${primary} .tags, .select-section-fashion.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} .tags, .select-section-entertainment.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} .tags, .select-section-life.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .section-${primary} .subscription_form { | |
| background-color:#${primary} !important; | |
| } | |
| .section-${primary} .subscription_form svg path { | |
| stroke:#${secondary} !important; | |
| } | |
| .section-${primary} .subscription_form .social-links a { | |
| color:#${secondary} !important; | |
| border-color:#${secondary} !important; | |
| } | |
| .section-${primary} .post__page__ad__container { | |
| background-color: #${secondary}; | |
| } | |
| <\/style>`) | |
| } | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" data-rm-friendly-name="BANNER AD" element_classes="post__page__ad__container"> | |
| <user_code id="abbf4ff5adb0b0eaa8c210cbb136055c"> | |
| <![CDATA[<div id='div-id-for-top-slot'> | |
| <script type='text/javascript'> | |
| googletag.cmd.push(function() { | |
| googletag.display('div-id-for-top-slot');}); | |
| </script> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="Top Bar"/> | |
| <element_wrapper element_classes="outer_container" data-rm-friendly-name="outer container"> | |
| <element_wrapper element_classes="container_postpage" data-rm-friendly-name="postpage container" style_element-wrapper_all_default_margin="0 auto"> | |
| <element_wrapper element_classes="posts_stream ad-processed isFirstArticle" data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <post_content format="splash-custom" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_feature_layout_1,custom_field_news_layout_2_image,custom_field_feature_layout_3,custom_field_news_layout_1_image,custom_field_news_layout_no_image,custom_field_feature_layout_2,custom_field_feature_layout_4,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" layout_headline="over" layout_section="over" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_video_crop="original" layout_all_image_crop="original" layout_date="bottom" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_date_format="" layout_badges_sponsored="bottom" layout_photo_credit="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Separator,Linkedin,Tumblr,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more "/> | |
| </when> | |
| <otherwise> | |
| <post_content format="splash-custom" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_feature_layout_1,custom_field_news_layout_2_image,custom_field_feature_layout_3,custom_field_news_layout_1_image,custom_field_news_layout_no_image,custom_field_feature_layout_2,custom_field_feature_layout_4,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" layout_headline="over" layout_section="over" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_video_crop="original" layout_all_image_crop="original" layout_date="bottom" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_date_format="" layout_badges_sponsored="bottom" layout_photo_credit="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Separator,Linkedin,Tumblr,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <jinja data-rm-friendly-name="leadmedia layout selector"> | |
| <![CDATA[<script> | |
| var leadMediaLayout="no-layout-selected"; | |
| var article_splash=document.querySelector('.article__splash-custom'); | |
| {% if context.post.roar_specific_data %} | |
| {% if context.post.roar_specific_data.news_layout_1_image %} | |
| leadMediaLayout='news-layout-1-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_no_image %} | |
| leadMediaLayout='news-layout-no-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_2_image %} | |
| leadMediaLayout='news-layout-2-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_1 %} | |
| leadMediaLayout='feature-layout-1'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_2 %} | |
| leadMediaLayout='feature-layout-2'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_3 %} | |
| leadMediaLayout='feature-layout-3'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_4 %} | |
| leadMediaLayout='feature-layout-4'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| if(leadMediaLayout.indexOf('news')!=-1){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(leadMediaLayout.indexOf('feature')!=-1) { | |
| article_splash.parentNode.classList.add('feature-layout'); | |
| document.querySelector('body').classList.add('init-post-feature'); | |
| } | |
| {% endif %} | |
| //var asdfff= {{context.post.tags|safe}}; | |
| var LeadPostTags=''; | |
| if(__BOOTSTRAP__.post.formatted_tags){ | |
| __BOOTSTRAP__.post.formatted_tags.forEach(element => { | |
| if(element.name=="news"){LeadPostTags="news"} | |
| }); | |
| } | |
| if(leadMediaLayout=="no-layout-selected"){ | |
| if(LeadPostTags && LeadPostTags=='news'){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(article_splash.querySelector('.widget__section')?article_splash.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| article_splash.closest('.posts_stream').classList.add('news-layout'); | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| article_splash.parentNode.classList.add('feature-layout') | |
| } | |
| } | |
| article_splash.parentNode.classList.add(leadMediaLayout); | |
| document.querySelector('.all-content-wrapper').classList.add('loaded'); | |
| if(document.querySelector('.article__splash-custom .widget__subheadline')){ | |
| if(document.querySelector('.article__splash-custom .body')){ | |
| document.querySelector('.article__splash-custom .body-description').insertAdjacentElement('afterbegin',document.querySelector('.article__splash-custom .widget__subheadline')) | |
| } | |
| } | |
| {% if context.post.badges %} | |
| article_splash.classList.add("sponsored-post"); | |
| {% endif %} | |
| </script>]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="Add lead media section name update " id="2789a62d0b299c0b2bc869af644b414a"> | |
| <![CDATA[<script> | |
| var section_name_leadmedia=getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title.toLowerCase(): 'life'); | |
| __BOOTSTRAP__.post.section?article_splash.setAttribute('data-s2-value',__BOOTSTRAP__.post.section.title.toLowerCase()) : ""; | |
| article_splash.classList.add(`select-section-${section_name_leadmedia}`); | |
| setBodySectionName(section_name_leadmedia); | |
| if(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| && document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary')){ | |
| addStylesForSelectedColor(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| .innerText,document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary').innerText); | |
| article_splash.classList.add(`select-section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`); | |
| document.querySelector('body').classList.add(`section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`) | |
| } | |
| else {} | |
| if(article_splash.querySelector('.widget__section')) { | |
| article_splash.querySelector('.widget__section').innerText=section_name_leadmedia; | |
| article_splash.querySelector('.widget__section').href="/"+section_name_leadmedia ; | |
| } | |
| //setBodySectionName(section_name_leadmedia); | |
| document.querySelector('.all-content-wrapper').classList.add('page-loaded'); | |
| </script> | |
| <script> | |
| videoPostManipulate(true); | |
| inArticleVideoPostManipulate(); | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD Mid wrapper"> | |
| <user_code id="09d41979a1d0daea0f918c168f649986"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="ComponentWhatsNew"/> | |
| </element_wrapper> | |
| <user_code id="ac874789e69a038dfe2e87841d6aef80" data-rm-friendly-name="divider without any code"/> | |
| <lazyload> | |
| <element_wrapper data-rm-friendly-name="lazy loaded items not infintes scroll" element_classes=""> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <call_block name="ComponentSubscribeForm"/> | |
| <call_block name="ComponentPubExchangeModule"/> | |
| </element_wrapper> | |
| <user_code id="badd35da9ccd8885889af3cf75a8e57a" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="63b2eda4b87fa3bdef60985f22fabc87"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="e84d6f40cb1bb2102ee42c09ecb5e3d6"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="ComponentVideoModule"/> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="infnite scroll" element_classes="infinite-scroll" load_more="scroll"> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="7bc4503d6dc4a6253e6db4ea2cfc8c2c"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="30446a75e08292ea88f45192bafbb3e1" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_more_button_text="read more"/> | |
| </when> | |
| <otherwise> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,Tumblr,Email,Whatsapp,Reddit,CopyLink,GooglePlus" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active" show_full_post_body="true"/> | |
| </otherwise> | |
| </choose> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="e158ddb295287a9760f693d39e109fea"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="1587aa7e628e4fbafc7879cf86eba768" data-rm-friendly-name="call functions on loadmore"> | |
| <![CDATA[<script> setWidgetSectionSelector(); | |
| reOrderElement(); | |
| videoPostManipulate(); | |
| inArticleVideoPostManipulate(); | |
| // setTrendingPost(document.querySelectorAll('.trending-container:not(.trending-processed)' )); | |
| </script>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <user_code data-rm-friendly-name="PostByAuthor [JS]" id="b407e39a8dace633e6cd8440c1d5b306"> | |
| <![CDATA[<script> | |
| document.querySelectorAll('.post-with-more-from-author:not(processed)').forEach(widget=> { | |
| var author=widget.querySelector('.post-author__name').getAttribute('href').split("/").pop().replace(/ /g,"-").toLowerCase(); | |
| var authorHTML,authorStyle; | |
| jQuery.getJSON(`https://nylon.com/res/custom_page/data.js?formats=json,html&resource_id=generic&layout_name=PostsByAuthor&username=${author}`, function(result){ | |
| widget.querySelector('.widget__head + .widget__body ').insertAdjacentHTML('beforeend',result['html']); | |
| widget.querySelector('.more-from-author-name')? widget.querySelector('.more-from-author-name').innerHTML=widget.querySelector('.post-author__name').innerText : "" | |
| changeDateFormat(); | |
| }); | |
| }) | |
| </script> | |
| <script > | |
| rblms.require(['jquery'], function($ ) { | |
| var wrapper = $('.subscription_form'); | |
| wrapper.addClass('animated'); | |
| setInterval(function(){ | |
| $('.subscription_form').addClass("subscription_form_show") | |
| }, 1000); | |
| $('.newsletter-element__submit').on('click', function() { | |
| var email = $('.subscription_form .newsletter-element__input').val(); | |
| var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | |
| if ( filter.test(email) ) { | |
| wrapper.addClass('you-are-in'); | |
| return true; | |
| } | |
| }); | |
| $('.subscription_form_follow_inner .share-youtube').removeClass('share-youtube'); | |
| // submit on enter | |
| $('.newsletter-element__input').bind("enterKey",function(e){ | |
| $('.newsletter-element__submit').click(); | |
| }); | |
| $('.newsletter-element__input').keyup(function(e){ | |
| if(e.keyCode == 13) | |
| { | |
| $(this).trigger("enterKey"); | |
| } | |
| }); | |
| // submit on enter | |
| }); | |
| </script> | |
| <script> | |
| setTimeout(changeDateFormat,2000) | |
| </script>]]> | |
| </user_code> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <user_code id="fede022d5ec8cf120204a6e40c6f850b" data-rm-friendly-name="re initiate slick for mobile"> | |
| <![CDATA[<script type="text/javascript"> | |
| setTimeout(function(){ | |
| rblms.require(['jquery', 'jquery.slick'], function($, slick) { | |
| $('.more-from-author-wrapper .posts-wrapper').slick({ | |
| infinite : false, | |
| dots : true, | |
| slidesToShow : 1, | |
| slidesToScroll : 1, | |
| initialSlide : 0, | |
| adaptiveHeight: true, | |
| autoplay : false, | |
| autoplaySpeed : 3000, | |
| prevArrow : '<div class="slick-prev fa fa-chevron-left"> | |
| </div>', | |
| nextArrow : '<div class="slick-next fa fa-chevron-right"> | |
| </div>' | |
| }); | |
| });},2000); | |
| console.log("amout of nodes loaded after lazy loaded element loaded: "+document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| </when> | |
| <otherwise/> | |
| </choose> | |
| </lazyload> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="sidebar_outer hidden" style_element-wrapper_tablet_default_max-width="100%" style_element-wrapper_mobile_default_margin="0 auto" data-rm-friendly-name="Sidebar"> | |
| <element_wrapper element_classes="sidebar_inner" data-rm-friendly-name="Sidebar Inner"> | |
| <user_code data-rm-friendly-name="ad code" id="16e5026ccea40b7ed295ae1d41e11c5d"> | |
| <![CDATA[<div class="sidebar_ad_container "> | |
| <div id="div-id-for-right-slot"class="sidebar-ad" data-ad-slot="rightrail" data-ad-pos="rightrail" data-size-map="rightMapping"> | |
| </div> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper element_classes="whats-new-posts-container" data-rm-friendly-name="What's new"> | |
| <element_wrapper style_element-wrapper_all_default_padding="0 0 20px" style_element-wrapper_all_default_text-align="center" data-rm-friendly-name="Whats new intro wrapper"> | |
| <user_code data-rm-friendly-name="Whats New Headline" id="94cfca6d993d0e067758ff038b40a4f4"> | |
| <![CDATA[<h2 class="whats-new-headline">TRENDING<br> | |
| </h2> | |
| <svg width="26" height="36" viewBox="0 0 26 36" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M25.0293 27.2373L20.6466 33.373L16.264 27.2373" stroke="#2E2F7D" stroke-width="2"/> | |
| <path d="M1.20605 1.07568V10.7024H10.846V21.3149H20.5121V32.5851" stroke="#2E2F7D" stroke-width="2"/> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="whats new posts container" style_element-wrapper_all_default_margin="30px 0 0 0"> | |
| <choose> | |
| <when test="is_mobile==True"/> | |
| <otherwise> | |
| <posts source_url="_most-read" all_element_order="headline,section,subheadline,date,author,post_shares,badges_sponsored,photo_credit,body,snark_line,page_views,badges,follow_button,community_comments,like_button,source_link,collection_button,tags,primary_tag,main_author,custom_field_feature_layout_2,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature_layout_4,custom_field_news_layout_2_image,custom_field_news_layout_no_image,custom_field_news_layout_1_image,custom_field_article-layout,custom_field_image_avatar1,custom_field_image_avatar2,custom_field_feature-color-primary,custom_field_fearure-color-secondary,custom_field_letter_from_editor" limit="4" layout_headline="right" all_share_buttons="Separator,Twitter,Linkedin,Facebook,Email,Tumblr,GooglePlus,Pinterest,Whatsapp,Reddit" style_post-media-wrapper_all_default_margin="0px" style_post-headline_all_default_font-size="16px" style_post-headline_all_default_font-weight="400" style_post-main-author-avatar_all_default_display="none" style_post-date_all_default_display="block" style_post-social-author-avatar_all_default_display="none" style_post-social-author_all_default_display="inline-block" style_post-shares_all_default_display="inline-block" data-rm-advanced="true" layout_all_date_format="" style_post-date-text_all_default_color="rgb(129, 129, 130)" style_post-date-text_all_default_font-family=""Atlas Typewriter"" style_post-date-text_all_default_font-size="9px" style_post-date-text_all_default_font-weight="400" style_post-date-text_all_default_text-transform="uppercase" style_post-social-author-name_all_default_color="rgb(34, 45, 57)" style_post-social-author-name_all_default_font-family=""Atlas Typewriter"" style_post-social-author-name_all_default_font-size="9px" style_post-social-author-name_all_default_font-weight="400" style_post-social-author-name_all_default_text-transform="uppercase" style_post-social-author_all_default_vertical-align="middle" style_post-date_all_default_vertical-align="middle" style_post-shares_all_default_vertical-align="middle" style_post-social-author-name_all_default_display="inline-block" style_post-social-author_all_default_height="10px" style_post-social-author_all_default_line-height="14px" style_post-social-author_all_default_overflow="hidden" style_post-date_all_default_margin="0px" style_post-shares_all_default_margin="0px" style_post-social-author-name_all_default_vertical-align="middle" style_post-section_all_default_background-color="rgb(255, 255, 255)" style_post-section_all_default_border="1px solid rgb(34, 45, 57)" style_post-section_all_default_display="inline-block" style_post-section_all_default_font-weight="600" style_post-section_all_default_letter-spacing="0.08em" style_post-section_all_default_line-height="1em" style_post-section_all_default_margin="0px" style_post-section_all_default_padding="5px 7px 2px" style_post-section_all_default_position="relative" style_post-section_all_default_text-transform="uppercase" style_post-section_all_default_top="-3px" style_post-section_all_default_transition="border-color 0.25s ease 0s" style_post-section_all_hover_border="1px solid rgb(251, 131, 120)" layout_all_image_crop="1x1" allow_duplicates="true" style_post-headline_all_default_letter-spacing="0" style_post-widget_all_default_overflow="hidden" style_post-date_all_default_bottom="6px" style_post-date_all_default_color="rgb(129, 129, 130)" style_post-date_all_default_position="absolute" style_post-date_all_default_text-align="center" style_post-date_all_default_width="100%" style_post-date-text_all_default_display="inline" style_post-body_all_default_-webkit-box-align="center" style_post-body_all_default_-webkit-box-orient="vertical" style_post-body_all_default_-webkit-box-direction="normal" style_post-body_all_default_-webkit-box-pack="center" style_post-headline_all_default_display="-webkit-box" style_post-headline_all_default_-webkit-line-clamp="3" style_post-headline_all_default_overflow="hidden" style_post-headline_all_default_-webkit-box-orient="vertical" style_post-date_all_default_padding="0px 20px 0 0" style_post-media-wrapper_all_default_overflow="hidden" style_headline-wrapper_all_default_margin="" element_classes="whats-news-posts-wrapper" data-rm-device-crops="true" layout_image_column_width="25" style_post-media-wrapper_all_default_padding="0px" style_post-image_all_default_border-radius="120px" style_post-image_all_default_margin="0px" style_post-image_all_default_padding="0px" style_post-media-wrapper_all_default_min-height="80px" style_post-widget-article_all_default_padding-bottom="32px" style_post-headline_all_default_max-height="70px" style_post-headline_all_default_font-family="'Apercu',Arial" style_post-headline-wrapper_all_default_text-align="left" style_post-media-wrapper_all_default_background="transparent" style_post-headline_all_default_line-height="20px" layout_vertical_separation="32"/> | |
| </otherwise> | |
| </choose> | |
| </element_wrapper> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="trending-animation-svg" element_classes="container-trending-anim" style_element-wrapper_all_default_display="none" style_element-wrapper_all_default_height="120px" style_element-wrapper_all_default_position="absolute" style_element-wrapper_all_default_width="120px"> | |
| <user_code data-rm-friendly-name="Custom Html for Trending Words SVG" id="62aa83fa5095f46f93780f65ba6febd3"> | |
| <![CDATA[<svg class="spinner pop-in" width="85px" height="87px" viewBox="0 0 85 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <defs> | |
| <polygon class="path" id="path-1" points="0.104884364 0.329367273 5.97065891 0.329367273 5.97065891 7.42814836 0.104884364 7.42814836"> | |
| </polygon> | |
| <polygon class="path" id="path-3" points="0.592861091 0.537250909 7.89538909 0.537250909 7.89538909 6.66379636 0.592861091 6.66379636"> | |
| </polygon> | |
| <polygon class="path" id="path-5" points="0.279726545 0.204951273 5.61610473 0.204951273 5.61610473 7.13454545 0.279726545 7.13454545"> | |
| </polygon> | |
| </defs> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-367.000000, -538.000000)"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <polygon id="Fill-1" fill="#231F20" points="0 36.3534545 1.06507636 36.6016582 1.53320727 34.6097455 7.07851636 35.9136 7.35028364 34.7574109 1.80497455 33.4535564 2.27310545 31.4616436 1.20802909 31.2118691"> | |
| </polygon> | |
| <g id="Group-51" transform="translate(0.000000, 0.521856)"> | |
| <path d="M4.63606691,25.0930211 L6.23839418,25.9114647 L6.77878691,24.8558138 C7.088256,24.2510138 6.93116509,23.7687447 6.45360873,23.5236829 C5.96819782,23.2754793 5.48435782,23.4309993 5.20159418,23.9855302 L4.63606691,25.0930211 Z M7.21235782,26.4094429 L9.70381964,27.6834502 L9.161856,28.7422429 L3.12171055,25.6522647 L4.24648145,23.4545629 C4.88898327,22.1962647 5.97919418,21.8648029 7.02699055,22.4004829 C7.74960873,22.7696465 8.107776,23.3540247 8.01352145,24.3656902 L11.4019724,24.3625484 L10.7751796,25.5862865 L7.66163782,25.5297338 L7.21235782,26.4094429 Z" id="Fill-2" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-4" fill="#231F20" points="8.39006836 16.8895767 10.9569338 13.8702895 11.7910865 14.5787695 9.99396655 16.6932131 11.2177047 17.731584 12.9519884 15.6894022 13.787712 16.3994531 12.0502865 18.4416349 13.5033775 19.6747985 15.360192 17.489664 16.1959156 18.198144 13.5677847 21.291264"> | |
| </polygon> | |
| <polygon id="Fill-6" fill="#231F20" points="17.2110371 10.9694487 19.9664116 14.8197469 19.061568 15.4685324 15.1091607 9.945216 16.0752698 9.254016 21.4524916 11.3213324 18.6531316 7.40976873 19.5579753 6.76098327 23.5103825 12.2842996 22.4892916 13.0147724"> | |
| </polygon> | |
| <path d="M27.9298211,8.90307491 L28.708992,8.61402764 C30.0442647,8.11762036 30.5218211,6.91273309 30.056832,5.65757673 C29.5714211,4.34900945 28.4419375,3.80076218 27.1679302,4.27517673 L26.3274938,4.58621673 L27.9298211,8.90307491 Z M24.8319884,3.97356218 L26.8411811,3.22895127 C28.7498356,2.52047127 30.506112,3.28707491 31.2240175,5.22400582 C31.9042211,7.05568582 31.1140538,8.88736582 29.1504175,9.61783855 L27.1962065,10.3435985 L24.8319884,3.97356218 Z" id="Fill-8" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-10" fill="#231F20" points="37.4396335 7.49396945 36.2661644 7.66991127 35.2639244 0.955845818 36.4389644 0.781474909"> | |
| </polygon> | |
| <g id="Group-14" transform="translate(41.563636, 0.000000)"> | |
| <mask id="mask-2" fill="white"> | |
| <use xlink:href="#path-1"> | |
| </use> | |
| </mask> | |
| <g id="Clip-13"> | |
| </g> | |
| <polygon id="Fill-12" fill="#231F20" mask="url(#mask-2)" points="1.50299345 2.44522473 1.21394618 7.16109382 0.104884364 7.09354473 0.519604364 0.329210182 1.70406982 0.401472 4.56783709 5.38753745 4.86159709 0.594693818 5.97065891 0.662242909 5.55593891 7.42814836 4.30549527 7.35117382"> | |
| </polygon> | |
| </g> | |
| <path d="M58.6791098,5.22196364 L57.4647971,5.46231273 C57.2747171,4.66586182 56.8709935,4.11290182 56.1232407,3.84898909 C54.9324916,3.42798545 53.6946153,4.07205818 53.2484771,5.33506909 C52.8039098,6.59650909 53.3443025,7.86894545 54.6073135,8.31508364 C55.6126953,8.66853818 56.4751244,8.26481455 56.8992698,7.51392 L54.7204189,6.74417455 L55.0832989,5.72151273 L58.3366516,6.87141818 L57.1254807,10.3038545 L56.0933935,9.93940364 L56.395008,9.08482909 C55.8184844,9.50269091 55.0157498,9.67863273 54.0810589,9.34874182 C52.3483462,8.73608727 51.3743825,6.82272 52.0483025,4.91092364 C52.7237935,2.99755636 54.6748625,2.11784727 56.5065425,2.76506182 C57.8590953,3.24104727 58.4843171,4.13332364 58.6791098,5.22196364" id="Fill-15" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-17" fill="#231F20" points="67.0107404 17.1979462 66.1420276 16.3873571 70.0221731 12.2181644 68.5235258 10.824768 69.2681367 10.0236044 73.134144 13.6209862 72.3895331 14.4221498 70.8924567 13.0287535"> | |
| </polygon> | |
| <path d="M76.2874298,19.3087767 L74.7856407,20.3015913 L75.4407098,21.2928349 C75.8145862,21.8583622 76.3125644,21.9589004 76.7602735,21.6635695 C77.2158371,21.3619549 77.3163753,20.8655476 76.9739171,20.3471476 L76.2874298,19.3087767 Z M73.8729425,20.9048204 L71.5385716,22.4505949 L70.8835025,21.4593513 L76.543488,17.714304 L77.9054662,19.7737658 C78.686208,20.9535185 78.4395753,22.0657222 77.4561862,22.7160785 C76.7806953,23.1637876 76.0957789,23.1873513 75.2616262,22.6108276 L73.5980335,25.5625658 L72.8392844,24.4158022 L74.4196189,21.7311185 L73.8729425,20.9048204 Z" id="Fill-19" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-21" fill="#231F20" points="81.5938036 26.6761833 82.95264 30.3913833 81.9268364 30.7668305 80.9748655 28.1654051 79.4715055 28.7152233 80.3904873 31.2271069 79.3646836 31.6025542 78.4457018 29.0922415 76.6580073 29.7457396 77.6429673 32.4335651 76.6171636 32.8090124 75.2253382 29.0058415"> | |
| </polygon> | |
| <g id="Group-25" transform="translate(76.974545, 35.410909)"> | |
| <mask id="mask-4" fill="white"> | |
| <use xlink:href="#path-3"> | |
| </use> | |
| </mask> | |
| <g id="Clip-24"> | |
| </g> | |
| <polygon id="Fill-23" fill="#231F20" mask="url(#mask-4)" points="5.41083927 1.85210182 0.705966545 2.33437091 0.592861091 1.22845091 7.34148655 0.537250909 7.46087564 1.71857455 3.00420655 5.35522909 7.782912 4.86667636 7.89601745 5.97416727 1.14896291 6.66379636 1.02014836 5.41806545"> | |
| </polygon> | |
| </g> | |
| <path d="M78.8891695,47.5805847 L78.758784,48.3990284 C78.534144,49.8034211 79.346304,50.8103738 80.6674385,51.0208756 C82.0435549,51.2408029 83.0725004,50.5276102 83.2877149,49.1891956 L83.4290967,48.3047738 L78.8891695,47.5805847 Z M84.6936785,47.3056756 L84.3559331,49.4169775 C84.0354676,51.4261702 82.508544,52.5745047 80.4710749,52.2493265 C78.5451404,51.9414284 77.3402531,50.3563811 77.670144,48.2922065 L77.998464,46.2358865 L84.6936785,47.3056756 Z" id="Fill-26" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-28" fill="#231F20" points="75.4374109 56.544192 75.8631273 55.4351302 82.1970327 57.8684684 81.7713164 58.9775302"> | |
| </polygon> | |
| <polygon id="Fill-30" fill="#231F20" points="77.0543476 63.9301353 73.0956567 61.342848 73.7035985 60.4128698 79.380864 64.1233571 78.7320785 65.1161716 72.9794095 65.1381644 77.0009367 67.7662953 76.3929949 68.6978444 70.7157295 64.9857862 71.3990749 63.9379898"> | |
| </polygon> | |
| <path d="M66.9402065,76.1161484 L67.3282211,74.9426793 C68.1136756,75.1688902 68.7923084,75.0903447 69.3892538,74.5703738 C70.3396538,73.7409338 70.3867811,72.3506793 69.5102138,71.3437265 C68.6305047,70.3352029 67.260672,70.1828247 66.2537193,71.059392 C65.4525556,71.7600175 65.3802938,72.7072756 65.8232902,73.4456029 L67.5622865,71.9296756 L68.2739084,72.7449775 L65.6756247,75.0102284 L63.2894138,72.2705629 L64.1109993,71.5542284 L64.7048029,72.234432 C64.6262575,71.5290938 64.8681775,70.7452102 65.6127884,70.0948538 C66.9951884,68.8883956 69.1379084,68.9826502 70.4668975,70.5080029 C71.7974575,72.0333556 71.6042356,74.1619375 70.1432902,75.4359447 C69.0656465,76.3753484 67.9832902,76.4805993 66.9402065,76.1161484" id="Fill-32" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-34" fill="#231F20" points="52.4138531 77.4938356 53.5464785 77.1340975 55.2681949 82.5647302 57.219264 81.9442211 57.5507258 82.9873047 52.5159622 84.5849193 52.1845004 83.5434065 54.1371404 82.9228975"> | |
| </polygon> | |
| <g id="Group-38" transform="translate(41.563636, 78.545455)"> | |
| <mask id="mask-6" fill="white"> | |
| <use xlink:href="#path-5"> | |
| </use> | |
| </mask> | |
| <g id="Clip-37"> | |
| </g> | |
| <path d="M4.36251927,5.95604945 L4.24941382,4.16050036 L3.06494836,4.235904 C2.38788655,4.28146036 2.05328291,4.66004945 2.08784291,5.19572945 C2.12240291,5.74083491 2.500992,6.07386764 3.123072,6.03616582 L4.36251927,5.95604945 Z M4.17872291,3.07186036 L4.00121018,0.281925818 L5.18410473,0.204951273 L5.61610473,6.97085673 L3.15291927,7.12794764 C1.74538473,7.21748945 0.903377455,6.44931491 0.827973818,5.27584582 C0.777704727,4.46839855 1.09659927,3.86202764 2.01243927,3.42688582 L0.279726545,0.517562182 L1.65113018,0.429591273 L3.192192,3.13469673 L4.17872291,3.07186036 Z" id="Fill-36" fill="#231F20" mask="url(#mask-6)"> | |
| </path> | |
| </g> | |
| <polygon id="Fill-39" fill="#231F20" points="36.9378851 85.4910196 33.0326051 84.8375215 33.2132596 83.756736 35.9466415 84.2154415 36.2121251 82.6351069 33.569856 82.1921105 33.7520815 81.1144669 36.3927796 81.5558924 36.7085324 79.6770851 33.880896 79.2042415 34.0615505 78.1250269 38.0595142 78.7942342"> | |
| </polygon> | |
| <polygon id="Fill-41" fill="#231F20" points="27.3636655 80.960832 29.2644655 76.6282647 30.2824145 77.0744029 27.5568873 83.2873484 26.4698182 82.8113629 25.5005673 77.1372393 23.56992 81.5389265 22.5519709 81.0927884 25.2774982 74.8798429 26.4258327 75.3825338"> | |
| </polygon> | |
| <path d="M20.1120349,72.8210095 L19.4679622,72.3026095 C18.3604713,71.4134749 17.0833222,71.6176931 16.2460276,72.6592058 C15.3726022,73.744704 15.4825658,74.9920058 16.5382167,75.8402967 L17.2357004,76.4011113 L20.1120349,72.8210095 Z M17.4744785,77.9940131 L15.8108858,76.6555985 C14.2258385,75.3831622 13.9870604,73.4870749 15.2783476,71.8800349 C16.498944,70.3641076 18.4720058,70.1017658 20.0994676,71.411904 L21.7206458,72.7141876 L17.4744785,77.9940131 Z" id="Fill-43" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-45" fill="#231F20" points="14.0125091 65.3714444 14.7649745 66.2888553 9.51813818 70.5868625 8.76567273 69.6678807"> | |
| </polygon> | |
| <polygon id="Fill-47" fill="#231F20" points="6.77925818 63.1285004 10.9798691 60.9622167 11.4888436 61.9503185 5.46440727 65.0560058 4.92087273 64.0019258 7.73751273 58.9907258 3.47249455 61.1915695 2.96194909 60.2034676 8.98481455 57.0977804 9.55976727 58.209984"> | |
| </polygon> | |
| <path d="M1.17064145,48.3207971 L2.00008145,49.238208 C1.41413236,49.808448 1.14707782,50.4383825 1.30573964,51.2144116 C1.55551418,52.4507171 2.74155055,53.1811898 4.05168873,52.9157062 C5.36182691,52.6502225 6.17398691,51.5348771 5.90850327,50.223168 C5.69800145,49.1816553 4.90783418,48.6491171 4.046976,48.6695389 L4.50411055,50.931648 L3.44374691,51.1452916 L2.76040145,47.7678371 L6.32165236,47.0467898 L6.53843782,48.1181498 L5.65244509,48.2972335 C6.30594327,48.5784262 6.86832873,49.1738007 7.06469236,50.1430516 C7.42757236,51.9433135 6.28866327,53.7592844 4.30460509,54.1614371 C2.318976,54.5635898 0.564270545,53.3429935 0.179397818,51.4421935 C-0.104936727,50.0393716 0.338059636,49.0465571 1.17064145,48.3207971" id="Fill-49" fill="#231F20"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Custom SVG for Trending Icon SVG" id="34dd2cc99fff08348dcb988d088b78ff"> | |
| <![CDATA[<svg class="eyes-svg pop-in" width="81px" height="68px" viewBox="0 0 31 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-394.000000, -565.000000)" stroke="#000000"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <g id="Group-11" transform="translate(28.000000, 28.000000)"> | |
| <ellipse id="Oval" stroke-width="1.6" fill="#FFFFFF" cx="6.44444444" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-2" stroke-width="3.2" fill="#FFFFFF" cx="5.63888889" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy" stroke-width="1.6" fill="#FFFFFF" cx="22.5555556" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-3" stroke-width="3.2" fill="#FFFFFF" cx="21.75" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <path d="M6.44444444,0.0700739525 L6.44444444,4.88330367" id="Line" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M10.4722222,1.64583153 L10.4722222,6.45906125" id="Line-Copy" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M2.41666667,1.64583153 L2.41666667,6.45906125" id="Line-Copy-2" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M22.5555556,0.0700739525 L22.5555556,4.88330367" id="Line-Copy-5" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M26.5833333,1.64583153 L26.5833333,6.45906125" id="Line-Copy-4" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M18.5277778,1.64583153 L18.5277778,6.45906125" id="Line-Copy-3" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <write_to_header data-rm-friendly-name="ReorderElement"> | |
| <![CDATA[<script> | |
| function reOrderElement(){ | |
| document.querySelectorAll('.homepage_component_wrapper.reorderable ').forEach( wrapper => { | |
| //console.log(wrapper); | |
| /* NodeList.prototype.forEach = Array.prototype.forEach | |
| var allPosts=wrapper.childNodes; | |
| // console.log(allPosts); | |
| var newsPosts; | |
| var featurePosts; | |
| var n_c=0; | |
| var f__c=0; | |
| /* for (var i = 0; i < allPosts.length; i++) { | |
| if(allPosts[i].classList && allPosts[i].classList.contains('news-post-whats-new')){ | |
| newsPosts.push(allPosts[i]) | |
| } | |
| else{ | |
| featurePosts.push(allPosts[i]); | |
| } | |
| }*/ | |
| /* allPosts.forEach(article => { | |
| if(article.classList && article.classList.contains('news-post-whats-new')){ | |
| //newsPosts.push(article) | |
| newsPosts[n_c]=article; | |
| n_c++; | |
| } | |
| else if(article.classList && article.classList.contains('what-new-item')){ | |
| //featurePosts.push(article); | |
| featurePosts[f__c]=article; | |
| f_c++; | |
| } | |
| })*/ | |
| if(window.innerWidth>1439){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>1079){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>767){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| }) | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code data-rm-friendly-name="Add widget sections and layout" id="3d77d94f104aa511376aeb42751aa95f"> | |
| <![CDATA[<script> | |
| function selectLayout(element) { | |
| var layoutName = 'no-layout-selected' | |
| if (element.querySelector('.widget__head + .widget__body [class^="custom-field"]')) { | |
| layoutName = element.querySelector('.widget__head + .widget__body [class^="custom-field"]').getAttribute('class').split('custom-field-').pop(); | |
| if (layoutName.indexOf('news') != -1) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| } | |
| if (layoutName == 'no-layout-selected') { | |
| if (element.classList && element.classList.contains('tag-news')) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(element.querySelector('.widget__section')?element.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| // element.closest('.posts_stream').classList.add('feature-layout') | |
| } | |
| } | |
| function setWidgetSectionSelector() { | |
| document.querySelectorAll('.posts_stream .stream-post > .posts-custom > .posts-wrapper > .widget:not(.processed):not(.whats-new-widget)').forEach(element => { | |
| selectLayout(element); | |
| element.classList.add('processed'); | |
| element.classList.add('infinite-scroll-post') | |
| var widgetSection=element.querySelector('.widget__section'); | |
| var section_name=getPrimarySectionName( widgetSection ?widgetSection.innerText.toLowerCase(): "") | |
| if(section_name !=="") { | |
| element.classList.add('article__splash-custom'); | |
| widgetSection ? element.setAttribute('data-s2-value',widgetSection.innerText.toLowerCase()): ""; | |
| widgetSection ? widgetSection.innerText=section_name : ""; | |
| widgetSection ? widgetSection.href="/"+section_name : ""; | |
| element.classList.add(`select-section-${section_name}`); | |
| if(element.querySelector('.custom-field-feature-color-primary') | |
| && element.querySelector('.custom-field-fearure-color-secondary')){ | |
| // alert('present') | |
| addStylesForSelectedColor(element.querySelector('.custom-field-feature-color-primary') | |
| .innerText,element.querySelector('.custom-field-fearure-color-secondary').innerText); | |
| element.classList.add(`select-section-${element.querySelector('.custom-field-feature-color-primary').innerText}`); | |
| } | |
| if(element.querySelector('.widget__subheadline')){ | |
| if(element.querySelector('.body-description')){ | |
| element.querySelector('.body-description').insertAdjacentElement('afterbegin',element.querySelector('.widget__subheadline')) | |
| } | |
| } | |
| element.querySelector('article').classList.add('post-splash-custom') | |
| element.querySelector('.widget__headline').classList.add('headline-container'); | |
| element.querySelector('.widget__headline-text').classList.add('headline'); | |
| element.querySelector('.social-date')?element.querySelector('.social-date').classList.add('post-date'):""; | |
| element.querySelector('.social-author').className='post-author-list'; | |
| element.querySelector('.social-author__avatar').className='post-author__avatar image'; | |
| element.querySelector('.social-author__name').className='post-author__name'; | |
| } | |
| if(element.querySelector('.custom-field-feature-layout-2') || element.querySelector('.custom-field-feature-layout-3')){ | |
| AuthorBylinePositioning(element) | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code id="ab160e1ace0b7becc2a554cb570e4819" data-rm-friendly-name="Post General CSS"> | |
| <![CDATA[<style> | |
| a[href^="https://content.jwplatform.com"] { | |
| display:none; | |
| } | |
| .post-author-list { | |
| font-size:0; | |
| color:transparent; | |
| } | |
| .post-author { | |
| display:inline-block; | |
| } | |
| .posts_stream.news-layout .badge-list-sponsored { | |
| /* display:none !important; */ | |
| } | |
| .news-layout .widget__image { | |
| position:relative; | |
| } | |
| .news-layout .photo-credit { | |
| position: absolute; | |
| right: 10PX; | |
| bottom: 5PX; | |
| } | |
| /*.news-layout.news-layout-2-image .photo-credit { | |
| display:none !important; | |
| }*/ | |
| .news-layout .photo-credit:before { | |
| left: -10px; | |
| position: absolute; | |
| right: -10px; | |
| bottom: -5px; | |
| display: block; | |
| top: -5px; | |
| background: #ccc; | |
| opacity: .2; | |
| content: ""; | |
| } | |
| [class^="custom-field-news"],[class^="custom-field-feature"]{ | |
| display:none !important; | |
| } | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .posts_stream { | |
| position:relative; | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| position:unset; | |
| background:none !important | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:10px; | |
| } | |
| .post-splash-custom .headline-container .headline, .body-description .pullquote-paragraph { | |
| font-family: 'Basetica-Regular',Arial; | |
| font-size: 30px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.47; | |
| letter-spacing: normal; | |
| display:inline; | |
| padding:5px 0 0; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size:28px; | |
| line-height: 1.5; | |
| text-align: center; | |
| } | |
| .post-splash-custom .widget__section { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 10px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.2; | |
| letter-spacing: normal; | |
| text-align: center; | |
| border:solid 1px; | |
| margin-top:12px; | |
| padding:10px 10px 7px; | |
| display:inline-block; | |
| text-transform: capitalize; | |
| } | |
| .post-splash-custom .widget__head + .widget__body { | |
| padding:30px 0 90px; | |
| position:relative; | |
| } | |
| .post-splash-custom .widget__head + .widget__body:after { | |
| background-image:url(https://assets.rbl.ms/19063793/2000x.png); | |
| content:""; | |
| display:block; | |
| margin:0 auto; | |
| margin-top:60px; | |
| background-repeat:no-repeat; | |
| width: 31px; | |
| height: 22px; | |
| background-position: -5px -5px; | |
| } | |
| .post-author-list { | |
| width:100%; | |
| box-sizing:border-box; | |
| } | |
| .post-author__avatar, .post-author__name { | |
| display: inline-block; | |
| vertical-align: top; | |
| position: relative; | |
| overflow: hidden; | |
| width: | |
| } | |
| .post-author__name { | |
| margin:15px 20px; | |
| } | |
| .post-author:first-child .post-author__name:before { | |
| content:"BY " | |
| } | |
| .post-author__name:hover { | |
| opacity:.5; | |
| } | |
| .post-author__name , .post-splash-custom .post-date{ | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| color: #000000; | |
| text-transform:uppercase; | |
| } | |
| .post-author__avatar { | |
| height:60px; | |
| width:60px; | |
| } | |
| .post-splash-custom .post-date { | |
| display: block; | |
| position: absolute; | |
| padding-left: 112px; | |
| margin-top: -20px; | |
| opacity:.4 | |
| } | |
| .body-description { | |
| font-family: 'Apercu',Arial; | |
| font-size: 16px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 24px; | |
| letter-spacing: normal; | |
| color: #000000; | |
| text-align:center; | |
| padding:0 30px | |
| } | |
| .post-author-list{ | |
| padding: 0 30px; | |
| } | |
| .body-description > *{ | |
| padding:0 ; | |
| text-align:left; | |
| box-sizing:border-box; | |
| } | |
| .body-description h2, | |
| .body-description h3, | |
| .body-description h4, | |
| .body-description h5, | |
| .body-description h6, | |
| .body-description strong { | |
| font-weight:bold; | |
| font-family:'Apercu-Bold',Arial; | |
| } | |
| .tags { | |
| margin-left:30px; | |
| margin-right:30px; | |
| padding-top:100px; | |
| padding-bottom:50px; | |
| position:relative; | |
| background-size: 20px 15px; | |
| background-position:left 60px; | |
| text-align: left; | |
| } | |
| .share-tab-img { | |
| display:block; | |
| } | |
| .tags:before { | |
| content:"TAGS"; | |
| opacity: 0.4; | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 10px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: normal; | |
| letter-spacing: -0.4px; | |
| color: #000000; | |
| display:block; | |
| padding-bottom:15px; | |
| } | |
| .tags:after { | |
| content:""; | |
| display:block; | |
| height:15px; | |
| width:100%; | |
| bottom:0; | |
| position: absolute; | |
| background-size:20px 15px | |
| } | |
| .tags .tags__item{ | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 14px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: normal; | |
| letter-spacing: -0.6px; | |
| padding: 9px 10px 7px; | |
| display: inline-block; | |
| margin-right:14px; | |
| margin-left:0; | |
| opacity:.8; | |
| text-transform: capitalize; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:20px; | |
| } | |
| .body .photo-credit { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.33; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #a1a1a1; | |
| } | |
| .post-splash-custom .widget__subheadline * { | |
| font-family: Basetica-Regular,Arial; | |
| font-size: 22px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 22px; | |
| letter-spacing: normal; | |
| color: #000000; | |
| } | |
| .post-splash-custom .widget__subheadline { | |
| margin-bottom:30px; | |
| } | |
| .body .ee-ul li { | |
| list-style-type: none; | |
| } | |
| .body .ee-ul li:before { | |
| font-size: 16px; | |
| color: #6d1730; | |
| letter-spacing: 0; | |
| content: "- "; | |
| font-family: Adieu; | |
| line-height: 22px; | |
| } | |
| .body .ee-ol li:before { | |
| font-size: 16px; | |
| color: #6d1730; | |
| letter-spacing: 0; | |
| content: counter(li)" - "; | |
| font-family: Adieu; | |
| line-height: 22px; | |
| } | |
| .ee-ol li { | |
| counter-increment: li; | |
| } | |
| .body .ee-ol { | |
| list-style: none; | |
| counter-reset: li; | |
| margin-left: 30px; | |
| } | |
| .body .ee-ul { | |
| margin-left: 30px; | |
| } | |
| .sidebar_outer { | |
| display:none; | |
| } | |
| .article__splash-custom .widget__shares { | |
| display:none !important; | |
| } | |
| .body-description a { | |
| background-color:#f1f1f1; | |
| text-decoration:underline; | |
| } | |
| .body .image-media.media-photo-credit, | |
| .body .image-media.media-caption { | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size:11px; | |
| line-height:18px; | |
| color:#666; | |
| } | |
| .body .image-media.media-caption { | |
| text-transform:uppercase; | |
| } | |
| .body .image-media.media-photo-credit p, | |
| .body .image-media.media-caption p { | |
| margin:0; | |
| } | |
| .body .image-media.media-photo-credit { | |
| font-family:'Apercu',Arial; | |
| } | |
| .infinite-scroll .subscription-divider { | |
| height: 100% !important; | |
| } | |
| .body-description .end-credits { | |
| font-family: Apercu-Mono,Arial; text-transform:uppercase; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.33; | |
| letter-spacing: normal; | |
| color: #000000; | |
| } | |
| .body .widget__show-more { | |
| font-family: "Apercu",Arial; | |
| text-transform: lowercase; | |
| line-height: 56px; | |
| border: 1px solid #000; | |
| color: #000; | |
| margin: 60px auto 0; | |
| text-align: center !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="20673bbfdc03d6ed67a3c552f3f46cdf" data-rm-friendly-name="Post General CSS - CTA dropcap related article"> | |
| <![CDATA[<style> | |
| iframe.instagram-media { | |
| position:relative !important; | |
| } | |
| .body-description .dropcap-paragraph:first-letter { | |
| color: {{default-color-dark}}; | |
| float: left; | |
| font-family: Adieu; | |
| font-size: 42px; | |
| line-height: 36px; | |
| margin-left:-3px; | |
| padding-right:8px; | |
| } | |
| .body-description blockquote { | |
| font-weight:bold; | |
| margin-left:40px; | |
| margin-right:0; | |
| } | |
| .body-description blockquote:before { | |
| width: 15px; | |
| height: 100%; | |
| margin-left: -40px; | |
| position: absolute; | |
| content: ""; | |
| background-size: 20px 20px; | |
| background-repeat:repeat-y; | |
| } | |
| .cta-poll { | |
| background: #f8f8f8; | |
| color: {{default-color-dark}}; | |
| padding: 0; | |
| margin: 30px auto; | |
| border: 30px solid {{default-color-dark}}; | |
| max-width: 450px; | |
| height: unset; | |
| } | |
| .cta-poll .verticalize__box { | |
| width: 100%; | |
| display: block; | |
| max-width: 100%; | |
| } | |
| .cta-poll .verticalize:before { | |
| display: none; | |
| } | |
| .cta-poll-block .cta-poll__question { | |
| font-family: Basetica-Regular,Arial; | |
| font-size: 30px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.2; | |
| letter-spacing: 0px; | |
| text-align: center; | |
| color: {{default-color-dark}}; | |
| margin: 50px 0 40px; | |
| padding: 0; | |
| } | |
| .cta-poll-block .cta-poll__answers { | |
| padding: 0; | |
| margin: 0 35px 50px; | |
| height: 90px; | |
| display: flex; | |
| } | |
| .cta-poll-block .cta-poll__answer-item { | |
| border-top: 2px solid #ededed; | |
| border-bottom: 2px solid #ededed; | |
| border-left: 2px solid #ededed; | |
| border-right: none; | |
| background-color: #ffffff; | |
| float: none; | |
| width: 190px; | |
| height: 100%; | |
| display: inline-block; | |
| padding: 0; | |
| } | |
| .cta-poll-block .cta-poll__answer-item:first-child { | |
| border-bottom-left-radius: 10px; | |
| border-top-left-radius: 10px; | |
| } | |
| .cta-poll-block .cta-poll__answer-item:last-child { | |
| border-right: 2px solid #ededed; | |
| border-bottom-right-radius: 10px; | |
| border-top-right-radius: 10px; | |
| } | |
| .cta-poll__answer-item label { | |
| display: flex; | |
| height: 100%; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .cta-poll__answer-item .inuit-flag { | |
| height: 100%; | |
| } | |
| .cta-poll__answer-item .inuit-flag__body { | |
| width: 100%; | |
| text-align: center; | |
| height: 100%; | |
| vertical-align: unset; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .cta-poll.cta-poll--multiple-options .cta-poll__answer__share-number, | |
| .cta-poll-block .inuit-flag__img { | |
| display: none; | |
| } | |
| .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #e0bbad, #8d0545); | |
| font-family: Apercu,Arial; | |
| font-size: 22px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: 0.5px; | |
| text-align: center; | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| /*.select-section-beauty blockquote:before{ | |
| background-repeat: repeat-y ; | |
| background-image:url("data:image/svg+xml;utf8,<svg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20520.15%2025.62%22%20style=%22transform:rotate(90deg)%22> | |
| <defs> | |
| <style>.cls-1{fill:none;stroke:#${primary};stroke-miterlimit:10;stroke-width:5px;}<%2Fstyle> | |
| <%2Fdefs> | |
| <title>Asset%2017<%2Ftitle> | |
| <g%20id=%22Layer_2%22%20data-name=%22Layer%202%22> | |
| <g%20id=%22Layer_5%22%20data-name=%22Layer%205%22> | |
| <path%20class=%22cls-1%22%20d=%22M0,2.5c28,0,28,20.16,55.92,20.16S83.88,2.5,111.84,2.5s28,20.16,55.93,20.16,28-20.16,55.92-20.16,28,20.16,55.92,20.16,28-20.16,55.92-20.16,28,20.16,55.92,20.16,28-20.16,55.93-20.16,28,20.16,55.93,20.16%22%2F> | |
| <%2Fg> | |
| <%2Fg> | |
| <%2Fsvg>") ; | |
| background-size: 273px 100px; | |
| background-position: -128px 0; | |
| width: 17px; | |
| }*/ | |
| .posts-custom blockquote { | |
| border-left: 0; | |
| } | |
| @media (min-width:768px) { | |
| .body-description blockquote { | |
| margin-left:60px; | |
| } | |
| } | |
| @media (max-width:767px) { | |
| .body-description .dropcap-paragraph:first-letter { | |
| position:relative; | |
| top:3px; | |
| } | |
| } | |
| /*==== related article=====*/ | |
| .body .nested-posts article { | |
| max-width: 470px; | |
| box-sizing: border-box; | |
| padding: 30px 0; | |
| margin: 0 auto; | |
| border:1px solid #000; | |
| position:relative; | |
| border-left:0; | |
| border-right:0; | |
| } | |
| .body .nested-posts .image{ | |
| position: absolute; | |
| height: 60px; | |
| width: 60px; | |
| border-radius: 60px; | |
| top:35px; | |
| } | |
| .body .nested-posts .headline-container { | |
| display: block; | |
| padding-left: 80px; | |
| } | |
| .body .nested-posts .headline-container a { | |
| background:transparent; | |
| text-decoration:none; | |
| } | |
| .body .nested-posts .headline-container .headline { | |
| display: block; | |
| background-color: transparent !important; | |
| box-shadow: unset !important; | |
| padding: 0; | |
| margin: 0; | |
| height: 50px; | |
| font-family: Apercu,Arial; | |
| font-size: 20px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| letter-spacing: normal; | |
| color: #000000 !important; | |
| -webkit-box-orient: vertical; | |
| display: -webkit-box; | |
| line-height: 25px; | |
| -webkit-line-clamp: 2; | |
| overflow: hidden; | |
| } | |
| .body .nested-posts .headline-container a:before { | |
| content:'DONT MISS....'; | |
| font-family: Adieu; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #000000; | |
| padding-bottom:17px; | |
| display:block; | |
| text-align:left; | |
| } | |
| .body .nested-posts .subheadline { | |
| display:none; | |
| } | |
| @media (max-width:767px) { | |
| .body .nested-posts .headline-container .headline{ | |
| font-size: 16px; | |
| line-height:22px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="ff163af685042fa6d175b0266c11740e" data-rm-friendly-name="Post General CSS 768px"> | |
| <![CDATA[<style> | |
| @media (min-width:768px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .post-author { | |
| display:inline-block; | |
| } | |
| .post-author .post-author__name:after { | |
| content:" /"; | |
| } | |
| .post-author:last-child .post-author__name:after { | |
| content:unset; | |
| } | |
| .news-layout .photo-credit { | |
| position: absolute; | |
| right: 0; | |
| bottom: -20px; | |
| } | |
| .news-layout.news-layout-1-image .widget__head .widget__body { | |
| width:unset; | |
| } | |
| .news-layout .photo-credit:before { | |
| background-color:transparent; | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:30px 60px 100px; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| position:absolute; | |
| background:none !important; | |
| padding:0 60px 30px; | |
| bottom:0; | |
| box-sizing:border-box; | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:15px; | |
| max-width:510px; | |
| box-sizing:unset; | |
| } | |
| .post-splash-custom .headline-container .headline { | |
| font-size: 36px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.42; | |
| letter-spacing: -0.9px; | |
| padding: 8px 0 0; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size: 38px; | |
| line-height: 1.82; | |
| } | |
| .post-author-list, | |
| .body-description { | |
| padding:0 60px; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:30px; | |
| } | |
| .body-description > * { | |
| padding:0 0; | |
| box-sizing:border-box; | |
| } | |
| .body-description .pullquote-paragraph{ | |
| padding:12px 0 5px | |
| } | |
| .body-description img { | |
| width:100% | |
| } | |
| .tags { | |
| margin-left:60px; | |
| margin-right:60px; | |
| } | |
| .post-splash-custom .post-date { | |
| padding-left: 145px; | |
| } | |
| /*.post-splash-custom .widget__image { | |
| padding-bottom:433px !important; | |
| }*/ | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="790cc25f5d47f86adbd2587ef2dc2a74" data-rm-friendly-name="Post General CSS 1080px"> | |
| <![CDATA[<style> | |
| @media (min-width:1080px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .sidebar_outer { | |
| display:block; | |
| } | |
| .posts_stream .post-splash-custom{ | |
| width:calc(100% - 360px); | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:60px 60px 85px; | |
| } | |
| .body-description .pullquote-paragraph { | |
| font-size: 38px; | |
| line-height: 1.82; | |
| } | |
| .post-author-list { | |
| padding:0 60px; | |
| } | |
| .body-description, | |
| .body-description > *{ | |
| padding:0 30px; | |
| } | |
| /* .post-splash-custom .widget__image { | |
| padding-bottom:455px !important; | |
| }*/ | |
| .cta-poll { | |
| margin: 40px 240px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="88e2dda85756c06b16759e8df02fc924" data-rm-friendly-name="Post General CSS 1440px"> | |
| <![CDATA[<style> | |
| @media (min-width:1440px){ | |
| .insert-nav-here { | |
| margin:0 | |
| } | |
| .outer_container { | |
| padding-top:0; | |
| } | |
| .posts_stream .post-splash-custom{ | |
| width:calc(100% - 460px); | |
| } | |
| .post-splash-custom .widget__head { | |
| margin:0; | |
| padding:60px 60px 0 290px; | |
| } | |
| .post-splash-custom .widget__head .widget__body { | |
| padding:0 60px 60px; | |
| bottom:0; | |
| } | |
| .post-splash-custom .headline-container { | |
| padding-left:20px; | |
| max-width:420px; | |
| box-sizing:border-box; | |
| } | |
| .post-splash-custom .headline-container .headline { | |
| font-size: 43px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.49; | |
| letter-spacing: -1px; | |
| padding: 10px 0 0; | |
| } | |
| .post-splash-custom .widget__head + .widget__body { | |
| padding-top:0; | |
| } | |
| .news-layout .post-splash-custom .widget__head { | |
| min-height:560px; | |
| box-sizing:border-box; | |
| } | |
| .post-author-list { | |
| padding:0 60px; | |
| margin-top:-30px; | |
| position:absolute; | |
| } | |
| .post-author__name, .post-splash-custom .post-date { | |
| display:block; | |
| position:absolute; | |
| margin:10px 0 0; | |
| } | |
| .post-author__avatar { | |
| border: 4px solid #f8f8f8; | |
| } | |
| .post-splash-custom .post-date { | |
| top: 50px; | |
| padding-left: 60px; | |
| } | |
| .post-splash-custom .body { | |
| padding-top:10px; | |
| } | |
| .body-description{ | |
| padding:50px 60px 0 290px; | |
| } | |
| .body-description > * { | |
| padding:0 0 ; | |
| } | |
| /* .post-splash-custom .widget__image { | |
| padding-bottom:505px !important; | |
| }*/ | |
| .tags { | |
| margin-left:290px; | |
| margin-right:60px; | |
| } | |
| .news-layout .post-splash-custom .widget__image { | |
| padding-bottom:67.66% !important; | |
| } | |
| .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% + 85px) 0 ; | |
| } | |
| .cta-poll { | |
| margin: 40px 370px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="5701d6e54d6a45c339f07a88aade3893" data-rm-friendly-name="Post General CSS 1920px and beyond"> | |
| <![CDATA[<style> | |
| @media (min-width:1441px){ | |
| .all-content-wrapper{ | |
| max-width: 1920px; | |
| margin:0 auto; | |
| } | |
| .post-splash-custom .widget__head { | |
| padding: 60px calc((100% * 180)/1920) 60px calc((100% * 600)/1920); | |
| } | |
| .body-description{ | |
| padding: 50px calc((100% * 180)/1920) 0 calc((100% * 600)/1920); | |
| } | |
| .post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{ | |
| padding-left:calc((100% * 250)/1920); | |
| } | |
| .tags { | |
| margin-left: calc((100% * 600)/1920); | |
| margin-right: calc((100% * 180)/1920); | |
| } | |
| } | |
| @media (min-width:1921px){ | |
| .all-content-wrapper{ | |
| max-width: 1920px; | |
| margin:0 auto; | |
| } | |
| .post-splash-custom .widget__head { | |
| padding: 60px 180px 0 600px; | |
| } | |
| .body-description{ | |
| padding: 50px 180px 0 460px; | |
| } | |
| .post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{ | |
| padding-left:250px; | |
| } | |
| .tags { | |
| margin-left: 600px; | |
| margin-right: 180px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="738b1ced420c2c262c42c3c2d861fdea" data-rm-friendly-name="Post General CSS news layout no image update"> | |
| <![CDATA[<style> | |
| .news-layout-no-image .post-splash-custom .widget__image { | |
| background-image:none !important; | |
| padding: 0 0 0 !important; | |
| display:none; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 30px 30px; | |
| } | |
| @media (min-width:768px){ | |
| .news-layout-no-image .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 60px 30px; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:80px 60px 70px; | |
| } | |
| } | |
| @media (min-width:1441px){ | |
| .news-layout-no-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding-left: calc((100% * 250)/1920);; | |
| } | |
| .news-layout-no-image .post-splash-custom .widget__head { | |
| min-height:unset; | |
| box-sizing:border-box; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="65a56f2f8a5b0679b16b2255f7926092" data-rm-friendly-name="Post General CSS news-layout-2-image update"> | |
| <![CDATA[<style> | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| background-image:none !important; | |
| padding: 0 0 0 !important; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 30px 30px; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| background-image: none !important; | |
| padding: 0 0 40px !important; | |
| position: absolute; | |
| bottom: unset; | |
| right: 20px; | |
| top: calc((100% - 40px)/ 2 - 40px); | |
| left: 0; | |
| right: 0; | |
| text-align: center; | |
| } | |
| @media (min-width:768px){ | |
| .news-layout-2-image .post-splash-custom .widget__head { | |
| padding: 0 0 0 !important; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:40px 60px 30px; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__image { | |
| top:unset; | |
| bottom: 40px; | |
| right: 20px; | |
| left: 40%; | |
| right: 60px; | |
| text-align: right; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| position:relative; | |
| padding:60px 60px 50%; | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body .headline-container { | |
| position:absolute; | |
| max-width:40%; | |
| bottom:130px | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body .widget__section { | |
| position:absolute; | |
| bottom:70px | |
| } | |
| .news-layout-2-image .post-splash-custom .widget__head { | |
| min-height:unset; | |
| box-sizing:border-box; | |
| } | |
| } | |
| @media (min-width:1441px){ | |
| .news-layout-2-image .post-splash-custom .widget__head .widget__body { | |
| padding-left:calc((100% * 250)/1920); | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="c9c1fd0ab4b778152a2bf8440aa490a8" data-rm-friendly-name="Post General CSS news-layout-2-image update image"> | |
| <![CDATA[<style> | |
| /* Lead Avatars */ | |
| .custom-field-image-avatar1 .share-media-panel, | |
| .custom-field-image-avatar2 .share-media-panel { display: none } | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| display: inline-block; | |
| width: 55.55%; | |
| margin-bottom: 60px; | |
| border-radius: 50%; | |
| overflow:hidden; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-6% } | |
| .custom-field-image-avatar2 { margin-left:-6% } | |
| .custom-field-image-avatar1 img, | |
| .custom-field-image-avatar2 img { | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| @media (min-width:768px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:46.3%; | |
| margin-bottom: -25px; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-3% } | |
| .custom-field-image-avatar2 { margin-left:-3% } | |
| .custom-field-image-avatar1 { | |
| margin-left:6.65%; | |
| } | |
| .custom-field-image-avatar2 { | |
| margin-right:5%; | |
| } | |
| } | |
| @media (min-width:1080px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:46.7%; | |
| margin-bottom: 20px; | |
| } | |
| .custom-field-image-avatar1 { margin-right:-3% } | |
| .custom-field-image-avatar2 { margin-left:-3% } | |
| .custom-field-image-avatar1 { | |
| margin-left:6.15%; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .custom-field-image-avatar1, | |
| .custom-field-image-avatar2 { | |
| width:30.613%; | |
| position:absolute; | |
| margin-bottom: 0; | |
| margin:0; | |
| } | |
| .custom-field-image-avatar1 { right:calc(30.613% - 40px)} | |
| .custom-field-image-avatar2 { right:60px;top:35% ;} | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="995a01395384b87c82cbfe8329b95473" data-rm-friendly-name="Post Author Image Over ride"> | |
| <![CDATA[<style> | |
| .select-section-entertainment .post-author__avatar.image, | |
| .select-section-entertainment .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136472/2000x.png) !important; | |
| } | |
| .select-section-beauty .post-author__avatar.image, | |
| .select-section-beauty .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136476/2000x.png) !important; | |
| } | |
| .select-section-fashion .post-author__avatar.image, | |
| .select-section-fashion .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136480/2000x.png) !important; | |
| } | |
| .select-section-life .post-author__avatar.image , | |
| .select-section-life .cover-all.image { | |
| background-image:url(https://assets.rbl.ms/19136486/2000x.png) !important; | |
| } | |
| @media (max-width:767px) { | |
| .post-author { | |
| display: block; | |
| padding-left: 62px; | |
| margin-top: -10px; | |
| position: relative; | |
| top: -20px; | |
| } | |
| .post-author:first-child { | |
| padding-left:0; | |
| top:0; | |
| } | |
| .post-author .post-author__avatar { | |
| display:none | |
| } | |
| .post-author:first-child .post-author__avatar { | |
| display:inline-block | |
| } | |
| .post-author + .post-author:last-child { | |
| padding-bottom:0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="066c9e84e13fe730a8d5e5ae47c79f61" data-rm-friendly-name="Post Feature Layout over writes"> | |
| <![CDATA[<style> | |
| .posts_stream.feature-layout .post-splash-custom .widget__head { | |
| display: flex; | |
| flex-direction: column; | |
| padding: 30px 30px 60px; | |
| text-align: center; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > .widget__image, | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > a, | |
| .posts_stream.feature-layout .post-splash-custom .widget__head > .widget__video { | |
| order: 1 | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body { | |
| display: flex; | |
| flex-direction: column; | |
| order: 0; | |
| align-items: flex-start; | |
| justify-content: center; | |
| text-align: center; | |
| max-width:800px; | |
| margin:0 auto; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .widget__section { | |
| margin: 0 auto; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container { | |
| order: 2; | |
| margin: 0 auto; | |
| margin-top: 30px; | |
| padding-left: 0 !important; | |
| max-width:unset; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| font-size: 48px; | |
| line-height: 1.08; | |
| display: unset; | |
| background-color: unset !important; | |
| box-shadow: unset; | |
| color: #fff; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| position: absolute; | |
| top: -60px; | |
| left: 30px; | |
| } | |
| .posts_stream .post-splash-custom .photo-credit { | |
| font-family: 'Apercu-Mono',Arial; | |
| font-size: 11px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1; | |
| letter-spacing: normal; | |
| color: #fff; | |
| z-index: 1; | |
| text-transform: uppercase; | |
| } | |
| .sponsored-post .widget__image { | |
| position:relative; | |
| } | |
| .sponsored-post .widget__image:after { | |
| position: absolute; | |
| width: 85px; | |
| height: 72px; | |
| top: -10px; | |
| display: block; | |
| content: ""; | |
| background-image: url(https://assets.rbl.ms/19270494/2000x.png); | |
| right: -10px; | |
| background-size: cover; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| /* display: none;*/ | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| overflow: visible; | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored > a.badge { | |
| box-sizing: border-box; | |
| margin: 0; | |
| vertical-align: middle; | |
| background-color: | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| content: " "; | |
| font-size: 14px; | |
| font-weight: bold; | |
| padding-right: 0; | |
| font-family: Apercu-Mono,Arial; | |
| color: #000; | |
| display: inline-block; | |
| box-sizing: border-box; | |
| text-align: right; | |
| vertical-align: middle; | |
| position: relative; | |
| width: 67px; | |
| margin-right: 0; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{fill:%23fff;}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x white%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath class='cls-2' d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath class='cls-2' d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath class='cls-2' d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath class='cls-2' d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath class='cls-2' d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath class='cls-2' d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E"); | |
| height: 23px; | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored img { | |
| margin-left: 2px; | |
| max-height: 30px; | |
| width: auto; | |
| border:0; | |
| border-radius:0; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored .badge-name, | |
| .posts_stream.feature-layout .badge-list-sponsored .badge-description { | |
| display: none; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| order:4; | |
| width:100%; | |
| position:relative; | |
| margin-top:50px; | |
| padding-bottom:20px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:30px 0 0; | |
| margin-bottom:0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 30px 0 ; | |
| } | |
| .feature-layout .post-splash-custom .body > .widget__subheadline * { | |
| line-height:22px; | |
| font-size:22px; | |
| } | |
| .feature-layout .post-splash-custom .body { | |
| line-height:24px; | |
| font-family:"Apercu",Arial; | |
| font-size:16px; | |
| } | |
| .feature-layout .sidebar_outer { | |
| background-color:#f1f1f1 !important; | |
| } | |
| @media (min-width: 768px) { | |
| .sponsored-post .widget__image:after { | |
| width: 119px; | |
| height: 100px; | |
| top: -12px; | |
| right: -12px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| color:#fff; | |
| width: 77px; | |
| height: 30px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;}.cls-2{fill:%23fff;}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x white%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath class='cls-2' d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath class='cls-2' d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath class='cls-2' d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath class='cls-2' d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath class='cls-2' d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath class='cls-2' d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| padding-bottom:40px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head { | |
| padding: 45px 60px 158px; | |
| margin-bottom: -150px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head .widget__body { | |
| position: unset; | |
| padding: 30px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body { | |
| text-align: center; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| position: absolute; | |
| top: -10px; | |
| left: 60px; | |
| max-width: calc(50% - 90px); | |
| text-align: left; | |
| } | |
| .posts_stream.feature-layout .post-author-list, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| margin: 0; | |
| width: auto; | |
| text-align: center; | |
| display: inline-block; | |
| padding: 0; | |
| line-height: 12px; | |
| height: 12px; | |
| vertical-align: top; | |
| position: unset; | |
| box-sizing: border-box; | |
| text-align: left; | |
| } | |
| .posts_stream.feature-layout .post-author__avatar.image { | |
| position: absolute; | |
| top: -45px; | |
| left: 50%; | |
| width: 60px; | |
| height: 60px; | |
| border: 4px solid #fff; | |
| margin-left: -30px; | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 12px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 2; | |
| letter-spacing: normal; | |
| color: #e8d4c8; | |
| opacity: 1; | |
| margin: 20px 0 18px; | |
| padding: 0 3px; | |
| position: unset; | |
| top:unset; | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author:last-child .post-author__name { | |
| padding-right:11px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| padding-left:11px; | |
| } | |
| .posts_stream.feature-layout .post-author-list { | |
| text-align: right; | |
| } | |
| .posts_stream.feature-layout .post-date:before { | |
| content: '\00b7'; | |
| display: inline-block; | |
| vertical-align: top; | |
| line-height: 1; | |
| position: absolute; | |
| top: 3px; | |
| font-size: 18px; | |
| left: -5px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body { | |
| padding-top:50px; | |
| margin-top: 85px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 60px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image { | |
| top:-30px; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin-top:50px; | |
| } | |
| } | |
| @media (min-width: 1080px) { | |
| .posts_stream.feature-layout .post-splash-custom{ | |
| width:100% ; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body{ | |
| width:calc(100% - 360px); | |
| } | |
| .rebellt-item.parallax{ | |
| left: calc(-50vw + 50% + 186px); | |
| } | |
| .posts_stream.feature-layout .tags { | |
| margin-left: 60px; | |
| margin-right: 420px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .photo-credit { | |
| max-width: calc(50% - 120px); | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% - 180px) 0 ; | |
| } | |
| } | |
| @media (min-width: 1440px) { | |
| .posts_stream.feature-layout .post-splash-custom{ | |
| width:100% ; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body{ | |
| width:calc(100% - 460px); | |
| } | |
| .posts_stream.feature-layout .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| margin: 54px 0 18px | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .body { | |
| padding-top:0; | |
| } | |
| .posts_stream.feature-layout .tags { | |
| margin-left:290px; | |
| margin-right:520px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .widget__head + .widget__body:after { | |
| margin: 60px calc(50% - 130px) 0 ; | |
| } | |
| } | |
| @media (min-width: 1441px) {.posts_stream.feature-layout .tags { | |
| margin-left: calc((100% * 600)/1920 - 140px); | |
| margin-right: calc(((100% - 460px) * 180)/1920 + 460px); | |
| } | |
| } | |
| @media (min-width: 1921px) { | |
| .posts_stream.feature-layout .tags { | |
| margin-left:600px | |
| margin-right: 640px; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .posts_stream.feature-layout .badge-list-sponsored { | |
| position: absolute; | |
| top: -40px; | |
| left: 30px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored img { | |
| max-height:23px; | |
| } | |
| .posts_stream.feature-layout .badge-list-sponsored:before { | |
| font-size:12px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="e6b3330f9d319e650974f918f794c3a5" data-rm-friendly-name="Post Feature Layout 2- 3 over writes"> | |
| <![CDATA[<style> | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__body .headline-container .headline , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__body .headline-container .headline { | |
| background-color: #fff !important; | |
| color:#000 !important; | |
| line-height:1.4; | |
| display:inline; | |
| box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| order:4; | |
| width:100%; | |
| position:relative; | |
| margin-top:20px; | |
| padding-bottom:40px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:30px 0 0; | |
| margin-bottom:0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 30px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head > .photo-credit { | |
| position: relative; | |
| top: unset; | |
| padding: 30px; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| left: unset; | |
| order: 5; | |
| box-sizing: border-box; | |
| width: 100%; | |
| font-family: Apercu-Mono,Arial; | |
| font-size: 11px; | |
| line-height: 1.82; | |
| letter-spacing: normal; | |
| text-align: center; | |
| color: #666666 ; | |
| } | |
| @media (min-width: 768px) { | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline { | |
| margin-top:50px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 ..post-splash-custom .body { | |
| margin-top: 50px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .post-date { | |
| position: relative; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head { | |
| padding:60px 0 0; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{ | |
| padding:0 60px 0 ; | |
| } | |
| .posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image { | |
| top:-30px; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin-top:50px; | |
| color:#fff; | |
| } | |
| .posts_stream.feature-layout .widget__head > .photo-credit { | |
| padding:50px 60px; | |
| } | |
| .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .body, | |
| .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .body{ | |
| margin-top: 0; | |
| } | |
| } | |
| @media (min-width: 1080px) { | |
| } | |
| @media (min-width: 1440px) { | |
| } | |
| @media (max-width:767px){ | |
| .author-byline .post-author__avatar { | |
| position:relative; | |
| margin:0 auto; | |
| top:unset; | |
| left:unset; display:block; | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| display:block; | |
| text-align:center; | |
| color:#fff; | |
| opacity:1; | |
| width:100%; | |
| padding:0 | |
| } | |
| .posts_stream.feature-layout .author-byline .post-author-list .post-author__name { | |
| margin:15px 0 10px; | |
| } | |
| .posts_stream.feature-layout .post-splash-custom .author-byline .post-date { | |
| margin:0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="70dea0f541e53bfe865a2c893edf29bb" data-rm-friendly-name="Beauty Section"> | |
| <![CDATA[<style> | |
| .section-beauty .post__page__ad__container { | |
| background-color:{{beauty-color-lighter}}; | |
| } | |
| .select-section-beauty .body-description a { | |
| background-color:{{beauty-color-light}}; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__head { | |
| background-color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| background-color:{{beauty-color-light}}; | |
| color:{{beauty-color-dark}}; | |
| box-shadow: 10px 0 0 {{beauty-color-light}}, -10px 0 0 {{beauty-color-light}}; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__section { | |
| border-color:{{beauty-color-light}}; | |
| color:{{beauty-color-light}} | |
| } | |
| .select-section-beauty .tags .tags__item { | |
| background-color:{{beauty-color-light}}; | |
| color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .tags, .select-section-beauty .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| background-size: 30px 15px; | |
| } | |
| .select-section-beauty .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170.67 122.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M80.41,122.3q-1.24,0-2.49,0C50.56,121.47,25.64,107.58,3.84,81L0,76.29l4.14-4.42c1.45-1.54,36-37.76,83.28-37.94h.34c28.11,0,54.51,12.75,78.44,37.9l4.46,4.69-4.39,4.76C164.71,83,127.9,122.3,80.41,122.3ZM18.69,77.08c18.08,20.2,38.12,30.75,59.63,31.37,33.43,1,62.1-21.9,73.07-31.94-19.88-19.1-41.26-28.77-63.63-28.77h-.28C55.11,47.87,28.81,68.08,18.69,77.08Z'/%3E%3Cellipse class='cls-1' cx='86.08' cy='77.71' rx='26.02' ry='30.73'/%3E%3Crect class='cls-1' x='10.23' y='18.63' width='16.58' height='40.82' transform='translate(-16.5 13.72) rotate(-28.75)'/%3E%3Crect class='cls-1' x='130.97' y='30.75' width='40.82' height='16.58' transform='translate(44.32 152.97) rotate(-61.24)'/%3E%3Crect class='cls-1' x='52.34' y='1.44' width='16.58' height='40.04' transform='translate(-3.45 15.92) rotate(-14.55)'/%3E%3Crect class='cls-1' x='90.45' y='13.17' width='40.04' height='16.58' transform='translate(61.93 122.99) rotate(-75.44)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| ; | |
| background-position:0; | |
| } | |
| .select-section-beauty .sidebar_outer { | |
| background:{{beauty-color-lighter}}; | |
| } | |
| .select-section-beauty .sidebar_outer .widget__headline-text, | |
| .select-section-beauty .sidebar_outer .whats-new-headline { | |
| color:{{beauty-color-dark}} | |
| } | |
| .select-section-beauty .sidebar_outer .widget article, | |
| .select-section-beauty .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{beauty-color-dark}} ; | |
| } | |
| .select-section-beauty .sidebar_outer svg path { | |
| stroke :{{beauty-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-beauty .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{beauty-color-light}} | |
| } | |
| .posts_stream .select-section-beauty .post-splash-custom .photo-credit { | |
| color:{{beauty-color-light}} | |
| } | |
| .select-section-beauty .body .ee-ul li:before , | |
| .select-section-beauty .body .ee-ol li:before { | |
| color:{{beauty-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{beauty-color-light}}, -15px 0 0 {{beauty-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-beauty .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-beauty .post-splash-custom .post-date{ | |
| color:{{beauty-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-beauty .post-splash-custom .headline-container .headline, | |
| .select-section-beauty .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{beauty-color-light}}, -20px 0 0 {{beauty-color-light}}; | |
| } | |
| } | |
| .select-section-beauty .body-description .dropcap-paragraph:first-letter { | |
| color: {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll { | |
| color: {{beauty-color-dark}}; | |
| border: 30px solid {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll-block .cta-poll__question { | |
| color: {{beauty-color-dark}}; | |
| } | |
| .select-section-beauty .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{beauty-color-light}}, {{beauty-color-dark}}); | |
| } | |
| .select-section-beauty .body-description blockquote:before { | |
| background-image:url("data:image/svg+xml;utf8,<svg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20111.84%2025.16%22> | |
| <defs> | |
| <style>svg{transform:rotate(90deg)}.cls-1{fill:{{beauty-color-dark}};}<%2Fstyle> | |
| <%2Fdefs> | |
| <title>Asset%203RP<%2Ftitle> | |
| <g%20id=%22Layer_2%22%20data-name=%22Layer%202%22> | |
| <g%20id=%22Beauty%22> | |
| <path%20class=%22cls-1%22%20d=%22M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0%22%2F> | |
| <%2Fg> | |
| <%2Fg> | |
| <%2Fsvg>"); | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%236c44ca;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size:24px 24px; | |
| } | |
| /*--subscription form updates */ | |
| .section-beauty .subscription_form { | |
| background-color:{{beauty-color-dark}} !important; | |
| } | |
| .section-beauty .subscription_form svg path { | |
| stroke:{{beauty-color-light}} !important; | |
| } | |
| .section-beauty .subscription_form .social-links a { | |
| color:{{beauty-color-light}} !important; | |
| border-color:{{beauty-color-light}} !important; | |
| } | |
| .section-fashion .subscription_form { | |
| background-color:{{fashion-color-dark}} !important; | |
| } | |
| .section-fashion .subscription_form svg path { | |
| stroke:{{fashion-color-light}} !important; | |
| } | |
| .section-fashion .subscription_form .social-links a { | |
| color:{{fashion-color-light}} !important; | |
| border-color:{{fashion-color-light}} !important; | |
| } | |
| .section-life .subscription_form { | |
| background-color:{{life-color-dark}} !important; | |
| } | |
| .section-life .subscription_form svg path { | |
| stroke:{{life-color-light}} !important; | |
| } | |
| .section-life .subscription_form .social-links a { | |
| color:{{life-color-light}} !important; | |
| border-color:{{life-color-light}} !important; | |
| } | |
| .section-entertainment .subscription_form { | |
| background-color:{{entertainment-color-dark}} !important; | |
| } | |
| .section-entertainment .subscription_form svg path { | |
| stroke:{{entertainment-color-light}} !important; | |
| } | |
| .section-entertainment .subscription_form .social-links a { | |
| color:{{entertainment-color-light}} !important; | |
| border-color:{{entertainment-color-light}} !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="925b21607d414f85e0c1c11c425f99ae" data-rm-friendly-name="fashion Section"> | |
| <![CDATA[<style> | |
| .section-fashion .post__page__ad__container { | |
| background-color:{{fashion-color-lighter}}; | |
| } | |
| .select-section-fashion .body-description a { | |
| background-color:{{fashion-color-light}}; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__head { | |
| background-color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| background-color:{{fashion-color-light}}; | |
| color:{{fashion-color-dark}}; | |
| box-shadow: 10px 0 0 {{fashion-color-light}}, -10px 0 0 {{fashion-color-light}}; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__section { | |
| border-color:{{fashion-color-light}}; | |
| color:{{fashion-color-light}} | |
| } | |
| .select-section-fashion .tags .tags__item { | |
| background-color:{{fashion-color-light}}; | |
| color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .tags, .select-section-fashion .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 40px 16px; | |
| background-repeat:repeat-x; | |
| } | |
| .select-section-fashion .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.87 98.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M4.28,91.3a13.51,13.51,0,0,0,13.36,2.76l1.61-3.79h5.12l.85,5.81,9.71.66.27-5.15,5.09.66a13.86,13.86,0,0,1,.89,5l9.7.84-.29-5.89c1.45.15,3,0,4.43.11a52.2,52.2,0,0,1,.61,5.41l9.22.25s-.4-2.61-.56-5.64c1.26-.24,4,0,5.29-.2.61,2,1.49,5.67,1.49,5.67s7.5.46,9.78-.56c.27-1.43.37-4.33.65-5.76l4.65-.62c.23,1.35,1.36,5.82,1.36,5.82s5-1.15,6.53-2.2c2.63-1.83,4.06-6.73,6.48-8.82,3.38-2.92,8.11-3.57,12.56-4a238.47,238.47,0,0,1,29.74-.85c2.4.08,5,.28,6.78,1.9,3.75,3.42.93,9.81,2.6,14.6l11.71,1.27.3-4.91c1.1-.74,4.49-.53,5.79-.3.88.16.6,3,.53,4.72,2.78,0,6.15-.43,8.93-.43.06-1.54-1-4.39.42-4.86a8.54,8.54,0,0,1,4.34.06c.48.08-.08,4.42.4,4.54,4.61,1.17,7.72.5,12.21.25a261.17,261.17,0,0,0,0-45.74,5,5,0,0,0-1.11-3.22c-1.05-1-2.71-.91-4.16-.73-27.88,3.28-56.71,6.87-80.82,21.27-7.28,4.35-14.08,9.66-22,12.76-9.27,3.65-19.48,4-29.44,3.84a279.74,279.74,0,0,1-30.6-2.28c-9-1.17-19.92-7.79-28.7-7.34C-.21,81.38,1,88.28,4.28,91.3Z'/%3E%3Cpath class='cls-1' d='M119.61,38.92a65.49,65.49,0,0,0,10.45-20.5,7.91,7.91,0,0,1,2-4,7.42,7.42,0,0,1,2.56-1.2l39-12.52a10,10,0,0,1,3.89-.7c2.41.22,4.37,2.2,5.28,4.44a20,20,0,0,1,1,7.14q-7.43,2.65-14.58,6a22.07,22.07,0,0,0-6.8,4.37c-4.48,4.69-4.34,12.08-3,18.44,1.24,6.07,3.71,12.77,2,18.92-6.83-.21-13.12,3.87-19,0C140,57.77,121.73,36.12,119.61,38.92Z'/%3E%3Cpath class='cls-1' d='M27.27,60.12c15.37.32,32.56-4.07,40.45-17.27,2.26-3.78,4.37-8.67,8.74-9.24,2.92-.38,5.63,1.45,7.93,3.29A101.23,101.23,0,0,1,111.79,71a2.67,2.67,0,0,1,.39,2c-.25.74-1.06,1.11-1.79,1.39L98.74,78.77a315.07,315.07,0,0,1-24.1-29.1c-2.17-.1-3.85,2.19-3.89,4.36s1.07,4.18,2.19,6A135.36,135.36,0,0,0,91.83,84.57L77.54,86.12c-1.61.18-2.34,3.06-3.8,2.36s-3.4-4.82-4.29-6.16L60,67.94c-1.13-1.71-2.33-3.49-4.14-4.45s-4.4-.79-5.51.94a127.71,127.71,0,0,0,5.49,23c-4.93,0-10.65-2-15.58-2a54.72,54.72,0,0,1-1.11-8.5c-.14-2.95-.5-6.06-2.29-8.4s-5.48-3.47-7.76-1.59c-1,0,1,16.09,1.12,17.45-6.91-.2-25.82-2.41-28.11-11-2-7.47,4.09-10.77,11-12.2A67,67,0,0,1,27.27,60.12Z'/%3E%3Cpath class='cls-1' d='M.62,81.38A19.25,19.25,0,0,1,2.39,67.12c1-1.78,4.53-4.24,7-5,5.07-1.48,4.84,2.55,6.7,4.75a43.3,43.3,0,0,1,8.8,16.24,2.28,2.28,0,0,1-.33,2.46c-.87.79-2.51.71-3.87.55L4.84,84.32'/%3E%3Cpath class='cls-1' d='M116.54,41.69A20.4,20.4,0,0,1,109.27,40L97.58,35.63a8.26,8.26,0,0,1-3.46-2.15C91.92,31,92.67,27.95,93,26.8c1.12-4.55,2.44-9.13,3.91-13.61,2.15-6.49,6.21-7.63,8.44-7.74a10.88,10.88,0,0,1,3.48.47h0c1.75.45,3.78.84,5.89,1.25,5.31,1,11.32,2.17,15.51,4.69,6.66,4,3.16,11.35,1.48,14.88-.38.79-.74,1.53-1,2.19a25,25,0,0,1-3.85,7.59,13.46,13.46,0,0,1-9.62,5.14ZM100.79,28.31l11.28,4.23a13.25,13.25,0,0,0,4.72,1.16,5.57,5.57,0,0,0,3.85-2.18,18.25,18.25,0,0,0,2.56-5.3c.32-.87.78-1.86,1.28-2.9.6-1.25,1.83-3.86,1.66-4.69-3-1.72-8.31-2.73-13-3.63-2.29-.44-4.49-.87-6.38-1.35-.34-.09-.87-.18-1.12-.23h0s-.61.37-1.24,2.27C103.07,19.85,101.84,24.09,100.79,28.31Zm-1-.41h0Z'/%3E%3Cpath class='cls-1' d='M92.15,15.9a8.69,8.69,0,0,1,4.44-1.45,4.19,4.19,0,0,1,3.78,2.79,6.51,6.51,0,0,1-.58,5.05,13.23,13.23,0,0,1-3.12,3.58c-5.39,4.76-11.16,8.94-15.87,14.72C75,47.66,65.25,45,71.36,37,76.61,30,85.16,19.87,92.15,15.9Z'/%3E%3Cpath class='cls-1' d='M127.6,25l-8.66-2.33a8.65,8.65,0,0,0-4.68-.36c-1.51.46-2.68,2.17-1.87,3.45a4.14,4.14,0,0,0,2.66,1.4l12.39,3,.16-3.45'/%3E%3C/g%3E%3C/svg%3E"); | |
| background-position:0; | |
| } | |
| .select-section-fashion .sidebar_outer { | |
| background:{{fashion-color-lighter}}; | |
| } | |
| .select-section-fashion .sidebar_outer .widget__headline-text, | |
| .select-section-fashion .sidebar_outer .whats-new-headline { | |
| color:{{fashion-color-dark}} | |
| } | |
| .select-section-fashion .sidebar_outer .widget article, | |
| .select-section-fashion .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{fashion-color-dark}} ; | |
| } | |
| .select-section-fashion .sidebar_outer svg path { | |
| stroke :{{fashion-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-fashion .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{fashion-color-light}} | |
| } | |
| .posts_stream .select-section-fashion .post-splash-custom .photo-credit { | |
| color:{{fashion-color-light}} | |
| } | |
| .select-section-fashion .body .ee-ul li:before , | |
| .select-section-fashion .body .ee-ol li:before { | |
| color:{{fashion-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{fashion-color-light}}, -15px 0 0 {{fashion-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-fashion .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-fashion .post-splash-custom .post-date{ | |
| color:{{fashion-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-fashion .post-splash-custom .headline-container .headline, | |
| .select-section-fashion .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{fashion-color-light}}, -20px 0 0 {{fashion-color-light}}; | |
| } | |
| } | |
| .select-section-fashion .body-description .dropcap-paragraph:first-letter { | |
| color: {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll { | |
| color: {{fashion-color-dark}}; | |
| border: 30px solid {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll-block .cta-poll__question { | |
| color: {{fashion-color-dark}}; | |
| } | |
| .select-section-fashion .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{fashion-color-light}}, {{fashion-color-dark}}); | |
| } | |
| .select-section-fashion blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23b7194c;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 30px 30px; | |
| background-position: -5px; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="9caa1b225501966430522ac4a6d68d87" data-rm-friendly-name="Entertainment Section"> | |
| <![CDATA[<style> | |
| .section-entertainment .post__page__ad__container { | |
| background-color:{{entertainment-color-lighter}}; | |
| } | |
| .select-section-entertainment .body-description a { | |
| background-color:{{entertainment-color-light}}; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__head { | |
| background-color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| background-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-dark}}; | |
| box-shadow: 10px 0 0 {{entertainment-color-light}}, -10px 0 0 {{entertainment-color-light}}; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__section { | |
| border-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-light}} | |
| } | |
| .select-section-entertainment .tags .tags__item { | |
| background-color:{{entertainment-color-light}}; | |
| color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .tags, .select-section-entertainment .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| background-size: 40px 15px; | |
| } | |
| .select-section-entertainment .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160.84 153.57'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 5%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M159,64.47a6.11,6.11,0,0,0-3.38-10.41l-45-6.54a6.11,6.11,0,0,1-4.6-3.34L85.9,3.4a6.11,6.11,0,0,0-10.95,0L54.82,44.17a6.11,6.11,0,0,1-4.6,3.34l-45,6.54A6.11,6.11,0,0,0,1.85,64.47L34.41,96.2a6.1,6.1,0,0,1,1.76,5.4l-7.69,44.81a6.11,6.11,0,0,0,8.86,6.44l40.24-21.16a6.11,6.11,0,0,1,5.68,0l40.24,21.16a6.11,6.11,0,0,0,8.86-6.44l-7.69-44.81a6.11,6.11,0,0,1,1.76-5.4Zm-45,9.28L99.8,87.59A2.66,2.66,0,0,0,99,89.95l3.35,19.55a2.66,2.66,0,0,1-3.86,2.81L81,103.07a2.66,2.66,0,0,0-2.48,0L60.93,112.3a2.66,2.66,0,0,1-3.86-2.81l3.35-19.55a2.66,2.66,0,0,0-.77-2.36L45.45,73.74a2.66,2.66,0,0,1,1.48-4.54l19.63-2.85a2.66,2.66,0,0,0,2-1.46l8.78-17.79a2.66,2.66,0,0,1,4.78,0l8.78,17.79a2.66,2.66,0,0,0,2,1.46l19.63,2.85A2.66,2.66,0,0,1,114,73.74Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| ; | |
| background-position:0; | |
| } | |
| .select-section-entertainment .sidebar_outer { | |
| background:{{entertainment-color-lighter}}; | |
| } | |
| .select-section-entertainment .sidebar_outer .widget__headline-text, | |
| .select-section-entertainment .sidebar_outer .whats-new-headline { | |
| color:{{entertainment-color-dark}} | |
| } | |
| .select-section-entertainment .sidebar_outer .widget article , | |
| .select-section-entertainment .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{entertainment-color-dark}} ; | |
| } | |
| .select-section-entertainment .sidebar_outer svg path { | |
| stroke :{{entertainment-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-entertainment .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{entertainment-color-light}} | |
| } | |
| .posts_stream .select-section-entertainment .post-splash-custom .photo-credit { | |
| color:{{entertainment-color-light}} | |
| } | |
| .select-section-entertainment .body .ee-ul li:before , | |
| .select-section-entertainment .body .ee-ol li:before { | |
| color:{{entertainment-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{entertainment-color-light}}, -15px 0 0 {{entertainment-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-entertainment .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-entertainment .post-splash-custom .post-date{ | |
| color:{{entertainment-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-entertainment .post-splash-custom .headline-container .headline , | |
| .select-section-entertainment .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{entertainment-color-light}}, -20px 0 0 {{entertainment-color-light}}; | |
| } | |
| } | |
| .select-section-entertainment .body-description .dropcap-paragraph:first-letter { | |
| color: {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll { | |
| color: {{entertainment-color-dark}}; | |
| border: 30px solid {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll-block .cta-poll__question { | |
| color: {{entertainment-color-dark}}; | |
| } | |
| .select-section-entertainment .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{entertainment-color-light}}, {{entertainment-color-dark}}); | |
| } | |
| .select-section-entertainment blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%231f5d87;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-size: 24px 24px; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code id="f0f5f701d2cb39b30c201d6f1b0363a0" data-rm-friendly-name="Life Section"> | |
| <![CDATA[<style> | |
| .section-life .post__page__ad__container { | |
| background-color:{{life-color-lighter}}; | |
| } | |
| .select-section-life .body-description a { | |
| background-color:{{life-color-light}}; | |
| } | |
| .select-section-life .post-splash-custom .widget__head { | |
| background-color:{{life-color-dark}} | |
| } | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| background-color:{{life-color-light}}; | |
| color:{{life-color-dark}}; | |
| box-shadow: 10px 0 0 {{life-color-light}}, -10px 0 0 {{life-color-light}}; | |
| } | |
| .select-section-life .post-splash-custom .widget__section { | |
| border-color:{{life-color-light}}; | |
| color:{{life-color-light}} | |
| } | |
| .select-section-life .tags .tags__item { | |
| background-color:{{life-color-light}}; | |
| color:{{life-color-dark}} | |
| } | |
| .select-section-life .tags, .select-section-life .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-repeat:repeat-x; | |
| } | |
| .select-section-life .post-splash-custom .widget__head + .widget__body:after { | |
| width: 50px; | |
| height: 25px; | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140.15 140.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M70.08,0a70.08,70.08,0,1,0,70.08,70.08A70.08,70.08,0,0,0,70.08,0ZM56.67,106.75c-4.8,0-8.69-6.58-8.69-14.69s3.89-14.69,8.69-14.69,8.69,6.58,8.69,14.69S61.47,106.75,56.67,106.75Zm29,0c-4.8,0-8.69-6.58-8.69-14.69S80.9,77.37,85.7,77.37s8.69,6.58,8.69,14.69S90.5,106.75,85.7,106.75Zm17-39.5C95.65,48.87,83.63,38.6,69.33,38.94c-14,.39-26.43,11.39-31.79,28L27,63.57c6.82-21.16,23.31-35.16,42-35.68,18.94-.45,35.3,12.71,44,35.39Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| background-position:0; | |
| } | |
| .select-section-life .sidebar_outer { | |
| background:{{life-color-lighter}}; | |
| } | |
| .select-section-life .sidebar_outer .widget__headline-text , | |
| .select-section-life .sidebar_outer .whats-new-headline { | |
| color:{{life-color-dark}} | |
| } | |
| .select-section-life .sidebar_outer .widget article , | |
| .select-section-life .sidebar_outer .widget .widget__image, | |
| .body .nested-posts article{ | |
| border-color:{{life-color-dark}} ; | |
| } | |
| .select-section-life .sidebar_outer svg path { | |
| stroke :{{life-color-dark}}; | |
| } | |
| .posts_stream.feature-layout .select-section-life .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:{{life-color-light}} | |
| } | |
| .posts_stream .select-section-life .post-splash-custom .photo-credit { | |
| color:{{life-color-light}} | |
| } | |
| .select-section-life .body .ee-ul li:before , | |
| .select-section-life .body .ee-ol li:before { | |
| color:{{life-color-dark}}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 {{life-color-light}}, -15px 0 0 {{life-color-light}}; | |
| } | |
| .posts_stream.feature-layout .select-section-life .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-life .post-splash-custom .post-date{ | |
| color:{{life-color-light}} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-life .post-splash-custom .headline-container .headline, | |
| .select-section-life .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 {{life-color-light}}, -20px 0 0 {{life-color-light}}; | |
| } | |
| } | |
| .select-section-life .body-description .dropcap-paragraph:first-letter { | |
| color: {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll { | |
| color: {{life-color-dark}}; | |
| border: 30px solid {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll-block .cta-poll__question { | |
| color: {{life-color-dark}}; | |
| } | |
| .select-section-life .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, {{life-color-light}}, {{life-color-dark}}); | |
| } | |
| .select-section-life blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23bc48b4;}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| div[data-s2-value="justice"] .post-author__avatar.image, div[data-s2-value="justice"] .select-section-life .cover-all.image{ | |
| background-image: url(https://assets.rbl.ms/19206695/2000x.png) !important; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="more from author CSS over rides fro 3rd post" id="5cd41534ebdae08aff33f9f5adafa390"> | |
| <![CDATA[<style> | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:530px !important; | |
| } | |
| @media (min-width:768px) { | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:480px !important; ; | |
| } | |
| } | |
| @media (min-width:1440px) { | |
| .post-with-more-from-author .post-splash-custom .widget__head + .widget__body { | |
| padding-bottom:280px !important; ; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="what's new css" id="f30ae4513cbb5b9bc22d549bb3cbf3cf"> | |
| <![CDATA[<style> | |
| .news-post-whats-new .custom-field-image-avatar1{ | |
| left:0; | |
| } | |
| .homepage_component_wrapper .what-new-item .widget .widget__head .widget__body { | |
| position:unset; | |
| } | |
| .whats-new-headline { | |
| font-family: 'Adieu'; | |
| font-size: 35px; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-stretch: normal; | |
| line-height: 1.23; | |
| letter-spacing: normal; | |
| text-align: center; | |
| } | |
| .whats-news-posts-wrapper .widget article { | |
| border-bottom:1px solid; | |
| } | |
| .whats-news-posts-wrapper .widget #col-right{ | |
| position:absolute; | |
| top:0; | |
| bottom:-10px; | |
| right: 0; | |
| display:flex; | |
| align-items:center | |
| } | |
| .sidebar_outer .widget .widget__image { | |
| border:2px solid rgb(47, 46, 125); | |
| } | |
| .whats-news-posts-wrapper div[runner-lazy-loading] .lazyload-placeholder { | |
| display:none; | |
| } | |
| .feature-layout . | |
| @media (max-width:767px){ | |
| .whats-news-posts-wrapper .widget #col-right{ | |
| bottom:10px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar CSS" id="5881f15a0ea0a1ec7bc22386738ea211"> | |
| <![CDATA[<style> | |
| .sidebar_outer { | |
| box-sizing:border-box; | |
| padding:60px 0; | |
| } | |
| .sidebar_outer.hidden { | |
| display:none; | |
| } | |
| .sidebar_inner { | |
| width:300px; | |
| margin:0 auto; | |
| } | |
| .sidebar_ad_container { | |
| text-align:center; | |
| } | |
| .whats-new-posts-container { | |
| opacity: 0; | |
| padding:60px 30px 0; | |
| } | |
| .whats-new-posts-container.in__view { | |
| opacity:1; | |
| transition: all .5s cubic-bezier(.23,1,.32,1); | |
| } | |
| /* .feature-layout .sidebar_outer .widget__headline-text , | |
| .feature-layout .sidebar_outer .whats-new-headline { | |
| color:#002d72 !important; | |
| } | |
| ..feature-layout .sidebar_outer .widget article , | |
| .feature-layout .sidebar_outer .widget .widget__image{ | |
| border-color:#002d72 !important; | |
| } | |
| .feature-layout .sidebar_outer svg path { | |
| stroke: #002d72 !important; | |
| }*/ | |
| @media (min-width:768px) and (max-width:1079px) { | |
| .whats-new-headline{ | |
| font-size:30px; | |
| } | |
| .sidebar_outer { | |
| display:flex; | |
| padding:60px; | |
| display:none !important; | |
| } | |
| .sidebar_inner { | |
| order:2; | |
| } | |
| .whats-new-posts-container { | |
| order: 0; | |
| width: 50%; | |
| padding:0 40px 0 0; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media (min-width:1080px){ | |
| .whats-new-posts-container { | |
| position: absolute; | |
| bottom: 90px; | |
| } | |
| .sidebar_outer { | |
| width:360px; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| bottom:0; | |
| left:auto; | |
| box-sizing:border-box; | |
| padding:60px 30px; | |
| } | |
| .feature-layout .sidebar_outer { | |
| margin-top:150px; | |
| } | |
| .feature-layout.feature-layout-3 .sidebar_outer, | |
| .feature-layout.feature-layout-2 .sidebar_outer { | |
| margin-top:0; | |
| } | |
| .whats-new-posts-container { | |
| width:300px; | |
| padding:unset; | |
| } | |
| } | |
| @media (min-width:1080px) and (max-width:1439px) { | |
| .sidebar-ad { | |
| right:30px !important; | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .sidebar_outer { | |
| width:460px; | |
| padding:60px 60px; | |
| } | |
| .whats-new-posts-container { | |
| width:340px; | |
| } | |
| .sidebar-ad { | |
| right:80px; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Misc Update css for post page" id="86dd9aa13f0645ac891038059f25e24e"> | |
| <![CDATA[<style> | |
| @media (max-width:1079px) { | |
| .scrolling-menu-wrapper .header-headline-container { | |
| display:none !important; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add pageload media css" id="aa7e662d9d1ea338e98c1b8f59e29c4d"> | |
| <![CDATA[<style> | |
| .all-content-wrapper { | |
| opacity:0; | |
| } | |
| .all-content-wrapper.loaded { | |
| opacity:1; | |
| animation: 2s ease-out 0s 1 opacityAnimate; | |
| } | |
| @keyframes opacityAnimate{ | |
| 0% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 100%; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="SidebarAd first call" id="8554473cfe9bbeccbd314b1cd1a1ced7"> | |
| <![CDATA[<script type="text/javascript"> | |
| function SidebarAd(){ | |
| if(!firstSidebarCall && document.querySelector('.posts_stream .sidebar-ad')) { | |
| firstSidebarCall=true; | |
| if(window.innerWidth>1079){ | |
| var adslot=document.querySelector('.posts_stream .sidebar-ad'); | |
| adslot.setAttribute('id','right-rail-first-ad') | |
| googletag.cmd.push(function() { | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| //googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(adslot.id); | |
| adslot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| }); | |
| if( document.querySelector('.sidebar_outer') && document.querySelector('.sidebar_outer').offsetHeight < document.querySelector('.sidebar-ad'). | |
| offsetHeight+document.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| document.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad definition and loading on infinite scroll " id="3472971a113542682b7b4da343695b06"> | |
| <![CDATA[<script> | |
| function loadAdonPostInView(element){ | |
| var emptyAdslots=element.querySelectorAll("[id^='div-id-for-']:empty"); | |
| if(emptyAdslots){ | |
| var section=""; | |
| var tag__a=[]; | |
| element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=element.querySelector('.article__splash-custom .headline-container > a') ? element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| // console.log(postBaseName); | |
| s1 =element.querySelector('.article__splash-custom .widget__section')? element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| s2 = element.querySelector('.article__splash-custom').getAttribute('data-s2-value')? element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| slotName = "/" + networkCode + "/" + adUnit; | |
| pid = postBaseName; | |
| ptype = "article"; | |
| tags =tag__a; | |
| googletag.cmd.push(function() { | |
| emptyAdslots.forEach(ad_slot => { | |
| if(ad_slot.getAttribute('data-ad-slot')=='inread' && ad_slot.getAttribute('id')=="div-id-for-inread-slot"){ | |
| ad_render_count++; | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineOutOfPageSlot(slotName, ad_slot.id) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(isElementInViewport(ad_slot,200)){ | |
| ad_render_count++; | |
| //console.log(ad_slot); | |
| if(ad_slot.getAttribute('data-ad-slot')=='mid'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], ad_slot.id) | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='rightrail'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [ [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| ad_slot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='infinite-scroll'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], ad_slot.id) | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| var isNsfwEnabledAd=ad_slot.closest('.posts_stream'); | |
| if(isNsfwEnabledAd && isNsfwEnabledAd.classList.contains('isFirstArticle') && nsfwtag) { | |
| // console.log(isNsfwEnabledAd); | |
| // console.log("isNsfwEnabledAd"); | |
| googletag.pubads().setTargeting("nsfw","yes"); | |
| } | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| // googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(ad_slot.id); | |
| } | |
| }); | |
| }); | |
| } | |
| if(element.querySelector('.sidebar_outer')&& element.querySelector('.sidebar-ad') && element.querySelector('.sidebar_outer').offsetHeight < element.querySelector('.sidebar-ad'). | |
| offsetHeight+element.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| element.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Scrolling/Static Navigation alternating [JS]" id="c5a6e7995bea3b24742546e5c2a1f0d1"> | |
| <![CDATA[<script type="text/javascript"> | |
| var article_headline = document.querySelector('.posts_stream'); | |
| var heightToScroll = article_headline ? article_headline.getBoundingClientRect().top : 250; | |
| var header = document.querySelectorAll('.header-scroll-wrapper')[0]; | |
| var menuStateChange = 0; | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } | |
| function controlNavigationMenu(){ | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } else { | |
| if (menuStateChange) { | |
| header.classList.remove('show-scroll-header'); | |
| header.classList.add('hide-scroll-header'); | |
| } | |
| } | |
| } | |
| /* | |
| function isAnyPartOfElementInViewport(el) { | |
| const rect = el.getBoundingClientRect(); | |
| // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 } | |
| const windowHeight = (window.innerHeight || document.documentElement.clientHeight); | |
| const windowWidth = (window.innerWidth || document.documentElement.clientWidth); | |
| // http://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap | |
| const vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0); | |
| const horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0); | |
| return (vertInView && horInView); | |
| } | |
| */ | |
| // var first_article = document.body.getElementsByClassName('article-stream-first')[0]; | |
| /*if (isAnyPartOfElementInViewport(first_article)){ | |
| currentArticle = 0; | |
| currentArticleDiv = getCurrentScrollingArticle(0); | |
| } else { | |
| var continuousElements = document.body.getElementsByClassName('article-stream-wrapper')[0].getElementsByClassName('widget'); | |
| for (var i=0; i<continuousElements.length;i++) { | |
| currentArticle++; | |
| if (isAnyPartOfElementInViewport(continuousElements[i])) { | |
| currentArticleDiv = getCurrentScrollingArticle(currentArticle); | |
| var height = currentArticleDiv.offsetHeight; | |
| var bottom = currentArticleDiv.getBoundingClientRect().bottom; | |
| var translateBy = (bottom-scrollingHeight)/height; | |
| scrollingFill.style.transform = "translate("+translateBy*-100+"%)"; | |
| break; | |
| } | |
| } | |
| } | |
| */ | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add widget sections on load more and url update" id="3c32245469b81bf9e7f3d2292cf8578b"> | |
| <![CDATA[<!--script tyle="text/lazy-javascript"> | |
| {{require}}(['jquery', 'core/event_dispatcher'], function($, eventDispatcher) { | |
| setWidgetSectionSelector(); | |
| eventDispatcher.on('load-more:sync', function() { | |
| setWidgetSectionSelector(); | |
| }); | |
| /*var runnerEvents = __RUNNER_PUBLIC__.events; | |
| var runnerRootID = __RUNNER_PUBLIC__.root; | |
| var start = 0; | |
| $(runnerRootID).on( runnerEvents.URL_CHANGE_PAGE_VIEW, function() { | |
| var primarySectionName= document.querySelector(`[href*="${location.pathname.split('/').pop()}"]`) | |
| if(primarySectionName){ | |
| primarySectionName=primarySectionName.closest('.widget').querySelector('.widget__section').innerText; | |
| } | |
| if(!primarySectionName){ | |
| primarySectionName= document.querySelector('.post-partial.article__splash-custom').querySelector('.widget__section').innerText; | |
| } | |
| // console.log(`the primary section name is - ${primarySectionName}`); | |
| if(primarySectionName) { | |
| //console.log(`the primary section name is - ${primarySectionName}`) | |
| primarySectionName=getPrimarySectionName(primarySectionName.toLowerCase()); | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| });*/ | |
| }); | |
| </script-->]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar Position Script" id="938ede1aa920ebb4b74f14d08ec90efe"> | |
| <![CDATA[<script type="text/javascript"> | |
| var firstSidebarCall; | |
| var whatsNewWidget = document.querySelectorAll('.whats-new-posts-container .widget'); | |
| if (whatsNewWidget) { | |
| whatsNewWidget.forEach(element => { | |
| element.classList.add('whats-new-widget'); | |
| }) | |
| } | |
| function setSidebar(element) { | |
| var article; | |
| // console.log(element); | |
| if (element.classList && element.classList.contains('feature-layout')) { | |
| // console.log(element); | |
| article = element.querySelector('.post-splash-custom .body-description'); | |
| // alert(article) | |
| } else if(element.classList && element.classList.contains('news-layout')) { | |
| article= element.querySelector('.post-splash-custom'); | |
| } | |
| console.log(article); | |
| if (article) { | |
| if (article.querySelector('.sidebar_outer')) { | |
| //alert("already has sidebar") | |
| } else { | |
| var sidebar = document.querySelector('.sidebar_outer.hidden')?document.querySelector('.sidebar_outer.hidden').cloneNode(true) : sidebar; | |
| var postsStream=article.closest('.posts_stream'); | |
| if (sidebar) { | |
| sidebar.classList.remove('hidden') | |
| } | |
| article.insertAdjacentElement('afterend', sidebar); | |
| postsStream.classList.add('sidebar-processed'); | |
| if(!firstSidebarCall){ | |
| SidebarAd(); | |
| } | |
| setTimeout(() => { | |
| postsStream.querySelector('.whats-new-posts-container').classList.remove("in__view"); | |
| /* if(postsStream.classList && postsStream.classList.contains('feature-layout')?postsStream.querySelector('.post-splash-custom .widget__head'):0+postsStream.querySelector('.whats-new-posts-container').offsetHeight+postsStream.querySelector('.sidebar-ad').offsetHeight+120 >postsStream.querySelector('.post-splash-custom').offsetHeight ) { | |
| postsStream.querySelector('.whats-new-posts-container').parentNode.removeChild(postsStream.querySelector('.whats-new-posts-container')) | |
| }*/ | |
| }, 200); | |
| } | |
| } | |
| } | |
| setSidebar(document); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="in view" id="bf09a65b532f8c99eebd39d96734debb"> | |
| <![CDATA[<script > | |
| function isElementInViewport(el, extraOffsetTop, extraOffsetBottom) { | |
| var extraOffsetTop = extraOffsetTop || 0; | |
| var extraOffsetBottom = extraOffsetBottom || 0; | |
| var top = el.offsetTop; | |
| var height = el.offsetHeight; | |
| while(el.offsetParent) { | |
| el = el.offsetParent; | |
| top += el.offsetTop; | |
| } | |
| var topEdge = top - extraOffsetTop; | |
| var bottomEdge = top + height + extraOffsetBottom; | |
| var topScreenEdge = window.pageYOffset; | |
| var bottomScreenEdge = window.pageYOffset + window.innerHeight; | |
| return (topEdge < bottomScreenEdge && topEdge > topScreenEdge) || // top edge in screen | |
| (bottomEdge < bottomScreenEdge && bottomEdge > topScreenEdge) || // bottom edge in screen | |
| (topEdge < topScreenEdge && bottomEdge > bottomScreenEdge); // belly in screen | |
| } | |
| function haveEnteredViewport(element,offsetvalue){ | |
| var currWindowPos=window.scrollY; | |
| var elTOp=element.getBoundingClientRect().top; | |
| if(offsetvalue>elTOp){ | |
| return true; | |
| } | |
| else { | |
| return false; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Article Scroll ...ad lazy load ... animate" id="31900864461de8c2af62580428957750"> | |
| <![CDATA[<script> | |
| var headerHeadline = document.body.getElementsByClassName('header-headline')[0]; | |
| function setHeaderHeadline(text) { | |
| if (headerHeadline && text) { | |
| headerHeadline.style.animationName = "headerTitleGoAway"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| setTimeout( | |
| function() { | |
| headerHeadline.style.animationName = "headerTitleComeBack"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| headerHeadline.textContent = text; | |
| } | |
| ,600 | |
| ); | |
| } | |
| } | |
| function updateShare(element){ | |
| ; | |
| /* var sharebUttons=` | |
| <a href="${element.querySelector('.widget__shares .share-fb').getAttribute('href')}" data-track-share="Facebook" class="share share-popup share-fb social-links__link share-facebook" > | |
| <span class="fa fa-facebook"> | |
| </span> | |
| </a> | |
| <a href="${element.querySelector('.widget__shares .share-tw').getAttribute('href')}" data-track-share="Twitter" class="share share-popup share-tw social-links__link share-twitter" > | |
| <span class="fa fa-twitter"> | |
| </span> | |
| </a> | |
| <!-- PINTEREST --> | |
| <a data-pin-href="${element.querySelector('.widget__shares > a:nth-child(3)').getAttribute('data-pin-href')}" data-pin-log="button_pinit" class="social-links__link share-pinterest"> | |
| <span class="fa fa-pinterest"> | |
| </span> | |
| </a> | |
| <!-- EMAIL --> | |
| <a href="${element.querySelector('.widget__shares .share-email').getAttribute('href')}" data-track-share="Email" class="share share-popup share-email social-links__link share-envelope" > | |
| <span class="fa fa-envelope"> | |
| </span> | |
| </i> | |
| </a> | |
| `;*/ | |
| var sharebUttons=element.querySelector('.widget__shares').cloneNode(true); | |
| sharebUttons.classList.add('social-links') | |
| document.querySelector('.header-social-links-wrapper .social-links').parentNode.replaceChild(sharebUttons, document.querySelector('.header-social-links-wrapper .social-links')); | |
| //document.querySelector('.header-social-links-wrapper .social-links').innerHTML=sharebUttons; | |
| } | |
| </script> | |
| <script> | |
| var scrollingFill = document.body.getElementsByClassName('scrolling-article-postion-fill')[0]; | |
| var prevScrollPosition = window.scrollY; | |
| var currentScrollPosition = window.scrollY; | |
| var scrollDirection; | |
| var postsElement = []; | |
| var currentArticle = 0; | |
| var InViewArticleDiv; | |
| var scrollingHeight = document.body.getElementsByClassName('scrolling-menu-wrapper')[0].offsetHeight; | |
| var lastSection = ""; | |
| function getCurrentScrollingArticle(currentArticleDiv, articleNumber) { | |
| if (currentArticleDiv) { | |
| // console.log('set headline'); | |
| currentArticleDiv.classList.add('current-article-scroll'); | |
| var primarySectionName = getPrimarySectionName(currentArticleDiv.querySelector('.post-splash-custom .widget__section') ? currentArticleDiv.querySelector('.post-splash-custom .widget__section').innerText.toLowerCase() : ""); | |
| if (currentArticleDiv.querySelector('.custom-field-feature-color-primary') && currentArticleDiv.querySelector('.custom-field-fearure-color-secondary')) { | |
| primarySectionName = currentArticleDiv.querySelector('.custom-field-feature-color-primary').innerText; | |
| } | |
| if (primarySectionName) { | |
| if (primarySectionName != lastSection) | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| lastSection = primarySectionName | |
| //return currentArticleDiv; | |
| } | |
| } | |
| function animateScrollOnTopbar(currArticle){ | |
| var height = currArticle.offsetHeight; | |
| var bottom = currArticle.getBoundingClientRect().bottom ; | |
| var top = currArticle.getBoundingClientRect().top; | |
| var translateBy = (bottom - scrollingHeight) / height; | |
| if ((bottom - scrollingHeight) < 0 || (top - scrollingHeight) > 0) { | |
| scrollingFill.style.transform = "translate(200%)"; | |
| } else { | |
| scrollingFill.style.transform = "translate(" + translateBy * -100 + "%)"; | |
| } | |
| } | |
| function articleScroll() { | |
| var progressBarVisible; | |
| var isAnyPostVisible; | |
| var topBarHeadline; | |
| document.querySelectorAll('.posts_stream .article__splash-custom').forEach(article => { | |
| if (isElementInViewport(article)) { | |
| article.querySelectorAll('.body-description > *:not(.in__view)').forEach(el => { | |
| if (isElementInViewport(el)) { | |
| el.className += " in__view" | |
| } | |
| }) | |
| progressBarVisible = true; | |
| isAnyPostVisible = true; | |
| if (InViewArticleDiv) { | |
| if (article == InViewArticleDiv) { | |
| } | |
| else { | |
| //setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| //getCurrentScrollingArticle(article, 100); | |
| //updateShare(article); | |
| } | |
| } else { | |
| if(isElementInViewport(article.querySelector('.headline'),-article.querySelector('.headline').offsetHeight)||isElementInViewport(article.querySelector('.body'))){ | |
| InViewArticleDiv = article; | |
| setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| getCurrentScrollingArticle(article, 100); | |
| updateShare(article);} | |
| } | |
| var postsStream = article.closest('.posts_stream'); | |
| if (postsStream) { | |
| loadAdonPostInView(postsStream); | |
| // postsStream.classList.add('ad-processed') | |
| } | |
| animateScrollOnTopbar(article); | |
| document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else {} | |
| }); | |
| if (isAnyPostVisible) {//document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else { | |
| //console.log(`remove header`); | |
| setHeaderHeadline(" "); | |
| InViewArticleDiv=null; | |
| document.querySelector('.scrolling-article-postion-wrapper').style.display = 'none'; | |
| } | |
| } | |
| currentArticle = 0; | |
| InViewArticleDiv; | |
| articleScroll(); | |
| //window.addEventListener("scroll", articleScroll); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad scroll function" id="2a414b935f951a2d12f1a81751c9764e"> | |
| <![CDATA[<script> | |
| function setSidebarAdPosition(){ | |
| var sidebarEl=document.querySelectorAll('.sidebar_outer'); | |
| //if(sidebarEl[]) | |
| sidebarEl.forEach(element => { | |
| if(isElementInViewport(element)){ | |
| var thead=element.querySelector('.sidebar-ad'); | |
| if(thead){ | |
| var windowHeight=window.innerHeight; | |
| var topThreshhold=140; | |
| if(windowHeight<740 && thead.offsetHeight>=600){ | |
| topThreshhold=windowHeight-740+140; | |
| } | |
| var refresh_counter=1; | |
| var whatsnew=element.querySelector('.whats-new-posts-container'); | |
| if(element.hasAttribute('data-ad-refresh-count')){ | |
| refresh_counter = parseInt(element.getAttribute('data-ad-refresh-count')); | |
| } | |
| else { | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| } | |
| if(element.getBoundingClientRect().top < (-((window.innerWidth*refresh_counter-100)*2)) && element.querySelector('.sidebar-ad').style.position=="fixed" ){ | |
| googletag.cmd.push(function() { | |
| googletag.pubads().refresh([rightRailSLotKVP[thead.getAttribute('data-kvp-slot')]]); | |
| // console.log('ad refreshed'); | |
| refresh_counter++; | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| }); | |
| } | |
| if(thead.parentNode.getBoundingClientRect().top+60 <= topThreshhold && whatsnew.getBoundingClientRect().top < (topThreshhold+40)+thead.offsetHeight){ | |
| thead.style.position='absolute'; | |
| thead.style.bottom=element.querySelector('.whats-new-posts-container ' ).offsetHeight+130+'px'; | |
| thead.style.top="unset"; | |
| thead.style.right="80px"; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else if(element.parentNode.getBoundingClientRect().top+60 <=topThreshhold && whatsnew.getBoundingClientRect().top > thead.offsetHeight+(topThreshhold+40)){ | |
| thead.style.position='fixed'; | |
| thead.style.top=topThreshhold+'px'; | |
| thead.style.bottom="unset"; | |
| thead.style.right='80px'; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else { | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| } | |
| else { | |
| if(element.querySelector('.sidebar-ad')){ | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="sidebar addition" id="1fa659f5cc0f2ec6798cbe7c212151f4"> | |
| <![CDATA[<script > | |
| function SetSidebarElements() { | |
| var streamPosts = document.querySelectorAll('.posts_stream:not(.sidebar-processed)'); | |
| if (streamPosts) { | |
| streamPosts.forEach(element => { | |
| if (haveEnteredViewport(element, window.innerHeight - 10) == true) { | |
| //element.classList.add('sidebar-processed'); | |
| setSidebar(element); | |
| } | |
| }) | |
| } | |
| var whatsNew = document.querySelectorAll('.whats-new-posts-container:not(.in__view)'); | |
| if (whatsNew) { | |
| whatsNew.forEach(element => { | |
| if (window.innerWidth > 1079) { | |
| if (haveEnteredViewport(element, ((element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 > 500) ? element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 : 500)) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } else { | |
| if (haveEnteredViewport(element, window.innerHeight - 100) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="788a4e2370a1778b303dc8107a5a08d6"> | |
| <![CDATA[<script> | |
| function ChkShowTrendingAnim() { | |
| document.querySelectorAll('.tag-trending:not(.container-trending-anim-proc)').forEach(widget => { | |
| if(isElementInViewport(widget)){ | |
| widget.classList.add('container-trending-anim-proc'); | |
| widget.querySelector('.container-trending-anim').classList.add('container-trending-anim-show'); | |
| } | |
| }) | |
| } | |
| setTrendingPost(TrendingParent); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="scroll function" id="4ec04a220b0e025532d471c0bdebba02"> | |
| <![CDATA[<script > | |
| function Ithrottle (callback, limit) { | |
| var wait = false; | |
| return function () { | |
| if (!wait) { | |
| callback.apply(null, arguments); | |
| wait = true; | |
| setTimeout(function () { | |
| wait = false; | |
| }, limit); | |
| } | |
| } | |
| } | |
| window.addEventListener("scroll", Ithrottle(function(){ | |
| SetSidebarElements() | |
| articleScroll(); | |
| ChkShowTrendingAnim() | |
| if(window.innerWidth>1079){ | |
| setSidebarAdPosition() | |
| } | |
| controlNavigationMenu(); | |
| },5)); | |
| window.addEventListener("resize", function(){ | |
| if (window.innerWidth > 1079) { | |
| articleScroll(); | |
| reOrderElement() | |
| SetSidebarElements(); | |
| setSidebarAdPosition(); | |
| } | |
| else { | |
| if(document.querySelector('.sidebar-ad[style*="pos"]')){ | |
| document.querySelector('.sidebar-ad[style*="pos"]').removeAttribute('style'); | |
| } | |
| ; | |
| } | |
| }); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations" id="efe7072618ce193ada509fc08b24d6f3"> | |
| <![CDATA[<style> | |
| @keyframes textAnimatess { | |
| 0% { | |
| height: 0; | |
| } | |
| 100% { | |
| height: 100%; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations items" id="4c72e9370819954cf76d4027ff10ec95"> | |
| <![CDATA[<style> | |
| .news-layout .headline span { | |
| overflow: hidden; | |
| display: inline-block; | |
| animation: 1s ease-out 0s 1 textAnimate; | |
| line-height: 1; | |
| vertical-align: middle; | |
| } | |
| .body-description > * { | |
| opacity:0; | |
| transform:translateY(20%); | |
| } | |
| .body-description > *.in__view { | |
| opacity:1; | |
| transform:translateY(0%); | |
| transition: all 1.1s cubic-bezier(.23,1,.32,1); | |
| transition-delay: .1s; | |
| } | |
| body .header-scroll-wrapper .scrolling-article-postion-fill { | |
| transition: all .1s linear; | |
| } | |
| body.IE-browser .all-content-wrapper { | |
| opacity:1; | |
| } | |
| body.IE-browser .body-description > * { | |
| opacity:1; | |
| transform:translateY(0%); | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Share popup handler" id="29717615f9667eb8cfec45c1f5a1f234"> | |
| <![CDATA[<!--script type="text/lazy-javascript" priority="2"> | |
| jQuery('.share.share-fb').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Twitter", "height=285,width=550,resizable=1"); | |
| }); | |
| jQuery('.share.share-tw').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Facebook", "height=269,width=550,resizable=1"); | |
| }); | |
| </script--> | |
| <script type="text/lazy-javascript" priority="2"> | |
| jQuery('body').on('click','.share-popup:not(.share-email)',function(e) { | |
| e.preventDefault(); | |
| var social=''; | |
| if(jQuery(this).hasClass('share-tw')){ | |
| social='Twitter' | |
| } | |
| else if(jQuery(this).hasClass('share-fb')){ | |
| social='Facebook' | |
| } | |
| else if(jQuery(this).hasClass('share-pinterest')){ | |
| social='Pinterest' | |
| } | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, social, "height=285,width=550,resizable=1"); | |
| }); | |
| </script> | |
| <style> | |
| .header-social-links .widget__shares a:nth-child(3) { | |
| height: 35px; | |
| width: 35px; | |
| font-size: 0 !important; | |
| position: relative; | |
| background-size: 23px; | |
| border:0; | |
| } | |
| .header-social-links .widget__shares a:nth-child(3) i { | |
| font-size:26px; | |
| position:relative; | |
| top:3px; | |
| } | |
| .widget__shares a[class^="PIN"]{ | |
| border: 0; | |
| border-radius: 50%; | |
| background:none; | |
| color:unset !important; | |
| box-shadow:none; | |
| } | |
| .widget__shares a[class^="PIN"]:hover { | |
| color:unset !important; | |
| } | |
| .widget__shares a[class^="PIN"]:before { | |
| content: "\f0d2"; | |
| font-family: FontAwesome !important; | |
| font-size: 26px; | |
| position: relative; | |
| top: 7px; | |
| left: -15px; | |
| }.widget__shares.social-links { | |
| margin-top:5px; | |
| } | |
| .header-social-links .widget__shares i.fa-email { | |
| font-size:25px; | |
| } | |
| @media (max-width:767px){ | |
| .widget__shares.social-links { | |
| margin-top: 0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="interstitial and inread ad" id="12b752af7132ea5d93bf7d68c8438740"> | |
| <![CDATA[<div id="div-id-for-interstitial"> | |
| <script type="text/javascript"> | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-interstitial");}); | |
| </script> | |
| </div> | |
| <div class="post__page__ad__container" id="adhesion-slot-container" style="display: none;text-align: center;position: fixed;bottom: 60px;margin: 0px;padding: 10px 0px;width: 100%;"> | |
| <div id="div-id-for-adhesion-slot"> | |
| <script type="text/javascript"> | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-adhesion-slot");}); | |
| document.getElementById("adhesion-slot-container").style.display="block"; | |
| } | |
| </script> | |
| </div> | |
| <a class="close-adhesion-ad" href="javascript:document.getElementById('adhesion-slot-container').parentNode.removeChild(document.getElementById('adhesion-slot-container'));" style="position:absolute;display: block;background-color:rgba(0,0,0,.7);border-radius:50%;right: 7px;top: -10px;color:#fff;font-weight:bold;font-family:arial;height: 23px;width: 23px;">x</a> | |
| </div>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="84d1819f491178c17365a8cd9b36694e"> | |
| <![CDATA[<script> | |
| setTrendingPost(TrendingParent); | |
| console.log("amout of nodes loaded without lazy loaded element : "+ document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="fix NYL-541" id="db6bede822f329f069c451ab5b8e503b"> | |
| <![CDATA[<style> | |
| .share.share-flipboard svg { | |
| width: 25px; | |
| height: 25px; | |
| visibility: visible; | |
| } | |
| .scrolling-menu-wrapper .share.share-flipboard { | |
| opacity: 1; | |
| } | |
| </style>]]> | |
| </user_code> | |
| </abtest> | |
| <abtest name="Pagespeed Optimization" data-rm-created-by="19305113" data-rm-created-on="Tue Apr 02 2019 19:03:24 GMT+0600 (Bangladesh Standard Time)" query-param="pagespeed" query-value="1" data-rm-show="true"> | |
| <jinja data-rm-friendly-name="[JINJA] jwplayer Async or sync , adhesion/nsfw"> | |
| <![CDATA[<script> | |
| var adhesionTag,nsfwtag; | |
| /*{{context.post.tags}}*/ | |
| {% if '*nsfw' in context.post.tags %} | |
| nsfwtag=true; | |
| {% endif %} | |
| {% if '*adhesion' in context.post.tags %} | |
| adhesionTag=true; | |
| {% endif %} | |
| </script> | |
| {% if context.post.video %} | |
| <script src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% else %} | |
| <script async src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% endif %}]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="f0116fa1b372eaf41023956185907d8f"> | |
| <![CDATA[<script> | |
| var trendingCount = 2000; | |
| var TrendingParent = document.querySelectorAll('.trending-container:not(.trending-processed)' ); | |
| function setTrendingPost(TrendingParentContainer){ | |
| TrendingParentContainer.forEach(element => { | |
| element.classList.add('trending-processed'); | |
| var maxPageviewNews = 0; | |
| var maxPageviewFeature = 0; | |
| var maxClassprefix = "max-" | |
| element.querySelectorAll('.news-post-whats-new .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewNews) { | |
| maxPageviewNews = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewNews > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0"); | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).insertAdjacentElement("afterbegin",trendingElement); | |
| } | |
| element.querySelectorAll('.feature___post .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewFeature) { | |
| maxPageviewFeature = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewFeature > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0") | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).insertAdjacentElement("afterbegin",trendingElement); | |
| if (element.querySelector('.feature-4 .widget.' + maxClassprefix + maxPageviewFeature)) { | |
| element.querySelector('.feature-4').classList.add('feature-3') | |
| element.querySelector('.feature-3').classList.add('feature-4'); | |
| element.querySelector('.feature-4').classList.remove('feature-3'); | |
| element.querySelector('.feature-3').classList.remove('feature-4'); | |
| reOrderElement(); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <write_to_header data-rm-friendly-name="JWplayer Manipulateion"> | |
| <![CDATA[<script> | |
| function video_module_manipulate(){ | |
| var video_widgets=document.querySelectorAll('.video_module .widget'); | |
| if(video_widgets.length>0){ | |
| let playerEl = document.querySelector('.jw_video_player_1') ? document.querySelector('.jw_video_player_1'): document.querySelector('#jwplayer_video_module_'+VideoMduleInPage); | |
| playerEl.id="jwplayer_video_module_"+VideoMduleInPage; | |
| var playerInstance = jwplayer('jwplayer_video_module_'+VideoMduleInPage); | |
| // console.log(playerInstance); | |
| video_widgets.forEach(function (widget, i) { | |
| if(widget.querySelector('.widget_video_control')){} | |
| else { | |
| widget.querySelector('.widget__body').insertAdjacentHTML('beforeend','<div class="widget_video_control"> | |
| <div class="pause_div">\ | |
| <i class="fa fa-pause"> | |
| </i> Pause\ | |
| </div>\ | |
| <div class="play_div">\ | |
| <i class="fa fa-play"> | |
| </i> Play\ | |
| </div> | |
| </div>'); | |
| } | |
| let video = widget.querySelector('.widget__video'); | |
| let image = widget.querySelector('.widget__image'); | |
| const regex = /players\%2F.{8}/g; | |
| let str = video.getElementsByTagName('iframe')[0]? (video.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?video.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):video.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| video.innerHTML=""; | |
| video.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.classList.add('video_media_'+videoID); | |
| if (i === 0 && video) { | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: false, | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg' | |
| }); | |
| playerInstance.on('pause', (event) => { | |
| //console.log('Why did my user pause their video instead of watching it?'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('active'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| }); | |
| playerInstance.on('play', (event) => { | |
| //console.log('tahnk you for watching'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('paused'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('active'); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| }); | |
| } | |
| widget.onclick = function () { | |
| if( widget.classList.contains('active')){ | |
| if( widget.classList.contains('paused')){ | |
| widget.classList.remove('paused'); | |
| playerInstance.play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| else{ | |
| playerInstance.pause(); | |
| widget.classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| } | |
| } | |
| else { | |
| video_widgets.forEach(function(twidget) { | |
| twidget.classList.remove('active'); | |
| twidget.classList.remove('paused'); | |
| }) | |
| widget.classList.add('active') | |
| playerInstance.load( "https://cdn.jwplayer.com/v2/media/" + videoID).play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code id="e382361bad8c8dcf5738a2feaacd6c0c" data-rm-friendly-name="JS"> | |
| <![CDATA[<script> | |
| window.addEventListener('DOMContentLoaded',function(){ | |
| setTimeout(() => { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| }, 2300); | |
| }); | |
| function isVideoModuleLoaded(){ | |
| if(document.querySelector('.jw_video_player_1:empty')){ | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else if(document.querySelector('.video_module .widget iframe')) { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else { | |
| clearInterval(videloLoadInterval); | |
| } | |
| } | |
| var videloLoadInterval ; | |
| </script>]]> | |
| </user_code> | |
| <ad_header_script data-rm-friendly-name="span on news headline"> | |
| <![CDATA[<script> | |
| function spanNewsHeadline() { | |
| document.querySelectorAll('.news-layout .headline:not(.spanned)').forEach(el =>{ el.classList.add('spanned'); | |
| var spannedTextList=el.innerText.split(" "); | |
| el.innerHTML=""; | |
| spannedTextList.forEach(sp => { | |
| el.innerHTML +=`<span>${sp} </span>` | |
| })}) | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="jwplayer post page"> | |
| <![CDATA[<script> | |
| function videoPostManipulate(autoplay=false){ | |
| var video_widgets=document.querySelectorAll('.article__splash-custom .widget__video:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom')? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=s1.replace(" ", "-"); | |
| var vast_s2=s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| const regex = /players\%2F.{8}/g; | |
| let str = widget.getElementsByTagName('iframe')[0]? (widget.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?widget.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):widget.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| widget.innerHTML=""; | |
| widget.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded'; | |
| widget.innerHTML=""; | |
| widget.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script> | |
| <style> | |
| .article__splash-custom .widget__video .jwplayer.jw-flag-aspect-mode { | |
| position: absolute; | |
| height: 100% !important; | |
| } | |
| </style>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="In Article jwplayer post page"> | |
| <![CDATA[<script> | |
| function inArticleVideoPostManipulate(){ | |
| var video_widgets=document.querySelectorAll('.body-description div[id*="botr_"]:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value') ? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=vast_s1.replace(" ", "-"); | |
| var vast_s2=vast_s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| var parentContainer=widget.closest("div[data-media_id]"); | |
| let str = parentContainer.getAttribute("data-media_id"); | |
| if (str !== null) { | |
| let videoID = str; | |
| var newDiv=document.createElement('div'); | |
| newDiv.className="jwp_video_container"; | |
| widget.insertAdjacentElement('afterend',newDiv) | |
| parentContainer.removeChild(widget); | |
| parentContainer.removeChild(parentContainer.querySelector('script[src*="https://content.jwplatform.com/pla"]')); | |
| widget=newDiv; | |
| widget.innerHTML=""; | |
| newDiv.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| newDiv.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded_in_body'; | |
| newDiv.innerHTML=""; | |
| newDiv.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Section Codes"> | |
| <![CDATA[<script> | |
| function RemoveCurrentSectionName() { | |
| var bodyClassList=document.querySelector('body').classList; | |
| bodyClassList.forEach(element => { | |
| if(element.includes('section')){ | |
| // console.log('removing section name from body') | |
| document.querySelector('body').classList.remove(element); | |
| } | |
| }); | |
| } | |
| function setBodySectionName(param) { | |
| RemoveCurrentSectionName(); | |
| document.querySelector('body').classList.add(`section-${param}`) | |
| } | |
| </script> | |
| <script> | |
| function getPrimarySectionName(str) { | |
| str = str.toLowerCase(); | |
| if (str == 'beauty' || str == 'makeup' || str == 'skin care' || str == 'hair' || str == 'nails' || str == 'wellness' || str == 'fitness') { | |
| return 'beauty'; | |
| } | |
| else if (str == 'fashion' || str == 'accessories' || str == 'shopping' || str == 'designers' || str == 'fashion week' || str == 'street style' || str == 'clothing') { | |
| return 'fashion'; | |
| } | |
| else if (str == 'entertainment' || str == 'film' || str == 'tv' || str == 'music' || str == 'art' || str == 'books' || str == 'theater') { | |
| return 'entertainment'; | |
| } | |
| else /*if (str == "home" || str == "you" || str == "justice" || str == "astrology" || str == "love" || str == "life") { | |
| return 'life'; | |
| } | |
| else*/ { | |
| return 'life'; | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Ad Slots"> | |
| <![CDATA[<script> | |
| var ad_render_count=1; | |
| var rightRailSLotKVP={}; | |
| rightRailSLotKVP_key=1; | |
| var topMapping,rightMapping,midMapping; | |
| var networkCode = 4260617; | |
| var topLevelAdUnit = "nylon.mag"; | |
| var s1 = getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "); | |
| var s2 = __BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| var adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var slotName = "/" + networkCode + "/" + adUnit; | |
| var pid = __BOOTSTRAP__.post.basename; | |
| var ptype = "article"; | |
| var tags = {{tags}}; | |
| //var breakpoint = "desktop"; | |
| // var utm_medium = "; | |
| // var test = "anyvalue";//only if "?test=anyvalue" is appended to URL | |
| googletag.cmd.push(function() { | |
| topMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[970, 250], [728, 90]]). | |
| addSize([768, 0], [728, 90]). | |
| addSize([0, 0], [320, 50]). | |
| build(); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| midMapping = googletag.sizeMapping(). | |
| addSize([768, 0], []). | |
| addSize([0, 0], [[300, 250], [320, 50]]). | |
| build(); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-top-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "top"); | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-interstitial") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "interstitial"); | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.defineSlot(slotName, [320, 50], "div-id-for-adhesion-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "adhesion"); | |
| } | |
| /*googletag.defineSlot(slotName, [[300, 600], [300, 250]], "div-id-for-right-slot") | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid1-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid1"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid2-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid2"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite1-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite1"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite2-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite2"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery1-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery1"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery2-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery2"); | |
| if(document.querySelector('.posts_stream').querySelector('div-id-for-inread')){ | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-inread") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "inread"); }*/ | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| }); | |
| </script>]]> | |
| </ad_header_script> | |
| <user_code data-rm-friendly-name="Article Byline for feature 2 - 3" id="333c3346518c205d89466b53db3b37b3"> | |
| <![CDATA[<script> | |
| function AuthorBylinePositioning(element) { | |
| var authorByline=document.createElement('div'); | |
| authorByline.className='author-byline'; | |
| if(element.querySelector('.post-author-list')){ | |
| authorByline.appendChild(element.querySelector('.post-author-list')) | |
| } | |
| if(element.querySelector('.post-date')){ | |
| authorByline.appendChild(element.querySelector('.post-date')) | |
| } | |
| element.querySelector('.widget__body').appendChild(authorByline); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__head').appendChild(element.querySelector('.photo-credit')) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="primary secondary color css add via js" id="29b702201ea74e47da17218300af4f05"> | |
| <![CDATA[<script>var stylePlaceHolder=document.querySelector('body'); | |
| function addStylesForSelectedColor(primary,secondary){ | |
| stylePlaceHolder.insertAdjacentHTML('beforeend',`<style> | |
| body.section-${primary} .header-wrapper svg { | |
| fill: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper, | |
| body.section-${primary} .header-static-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper .scrolling-article-postion-fill { | |
| background-color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .static-menu-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper #search-icon-customised g, | |
| body.section-${primary} .header-wrapper #open-search-customised g{ | |
| stroke: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .svg-color-adapt { | |
| fill: #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__head { | |
| background-color:#${primary} | |
| } | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| background-color:#${secondary}; | |
| color:#${primary}; | |
| box-shadow: 10px 0 0 #${secondary}, -10px 0 0 #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__section { | |
| border-color:#${secondary}; | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .tags .tags__item { | |
| background-color:#${secondary}; | |
| color:#${primary} | |
| } | |
| .select-section-${primary} .body-description a { | |
| background-color:#${secondary};; | |
| } | |
| .select-section-${primary} .sidebar_outer { | |
| background:#${secondary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget__headline-text, | |
| .select-section-${primary} .sidebar_outer .whats-new-headline { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget article , | |
| .select-section-${primary} .sidebar_outer .widget .widget__image, | |
| .select-section-${primary} .body .nested-posts article{ | |
| border-color:#${primary} ; | |
| } | |
| .select-section-${primary} .sidebar_outer svg path { | |
| stroke :#${primary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:#${secondary} | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .photo-credit { | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .body .ee-ul li:before , | |
| .select-section-${primary} .body .ee-ol li:before { | |
| color:#${primary}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 #${secondary}, -15px 0 0 #${secondary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .post-date{ | |
| color:#${secondary} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 #${secondary}, -20px 0 0 #${secondary}; | |
| } | |
| } | |
| .select-section-${primary} .body-description .dropcap-paragraph:first-letter { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .cta-poll { | |
| color:#${primary}; | |
| border: 30px solid #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__question { | |
| color: #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #${secondary}, #${primary}); | |
| } | |
| .select-section-fashion.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} .tags, .select-section-beauty.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-fashion.select-section-${primary} .tags, .select-section-fashion.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} .tags, .select-section-entertainment.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} .tags, .select-section-life.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .section-${primary} .subscription_form { | |
| background-color:#${primary} !important; | |
| } | |
| .section-${primary} .subscription_form svg path { | |
| stroke:#${secondary} !important; | |
| } | |
| .section-${primary} .subscription_form .social-links a { | |
| color:#${secondary} !important; | |
| border-color:#${secondary} !important; | |
| } | |
| .section-${primary} .post__page__ad__container { | |
| background-color: #${secondary}; | |
| } | |
| <\/style>`) | |
| } | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" data-rm-friendly-name="BANNER AD" element_classes="post__page__ad__container"> | |
| <user_code id="29a971a7664d73593c193b0d87e119b1"> | |
| <![CDATA[<div id='div-id-for-top-slot'> | |
| <script type='text/javascript'> | |
| googletag.cmd.push(function() { | |
| googletag.display('div-id-for-top-slot');}); | |
| </script> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="Top Bar"/> | |
| <element_wrapper element_classes="outer_container" data-rm-friendly-name="outer container"> | |
| <element_wrapper element_classes="container_postpage" data-rm-friendly-name="postpage container" style_element-wrapper_all_default_margin="0 auto"> | |
| <element_wrapper element_classes="posts_stream ad-processed isFirstArticle" data-rm-friendly-name="main content area/posts stream"> | |
| <post_content format="splash-custom" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_feature_layout_1,custom_field_news_layout_2_image,custom_field_feature_layout_3,custom_field_news_layout_1_image,custom_field_news_layout_no_image,custom_field_feature_layout_2,custom_field_feature_layout_4,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" layout_headline="over" layout_section="over" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_video_crop="original" layout_all_image_crop="original" layout_date="bottom" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_date_format="" layout_badges_sponsored="bottom" layout_photo_credit="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,GooglePlus,Tumblr,Email,Reddit,CopyLink,Whatsapp" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <jinja data-rm-friendly-name="leadmedia layout selector"> | |
| <![CDATA[<script> | |
| var leadMediaLayout="no-layout-selected"; | |
| var article_splash=document.querySelector('.article__splash-custom'); | |
| {% if context.post.roar_specific_data %} | |
| {% if context.post.roar_specific_data.news_layout_1_image %} | |
| leadMediaLayout='news-layout-1-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_no_image %} | |
| leadMediaLayout='news-layout-no-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_2_image %} | |
| leadMediaLayout='news-layout-2-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_1 %} | |
| leadMediaLayout='feature-layout-1'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_2 %} | |
| leadMediaLayout='feature-layout-2'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_3 %} | |
| leadMediaLayout='feature-layout-3'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_4 %} | |
| leadMediaLayout='feature-layout-4'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| if(leadMediaLayout.indexOf('news')!=-1){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(leadMediaLayout.indexOf('feature')!=-1) { | |
| article_splash.parentNode.classList.add('feature-layout'); | |
| document.querySelector('body').classList.add('init-post-feature'); | |
| } | |
| {% endif %} | |
| //var asdfff= {{context.post.tags|safe}}; | |
| var LeadPostTags=''; | |
| if(__BOOTSTRAP__.post.formatted_tags){ | |
| __BOOTSTRAP__.post.formatted_tags.forEach(element => { | |
| if(element.name=="news"){LeadPostTags="news"} | |
| }); | |
| } | |
| if(leadMediaLayout=="no-layout-selected"){ | |
| if(LeadPostTags && LeadPostTags=='news'){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(article_splash.querySelector('.widget__section')?article_splash.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| article_splash.closest('.posts_stream').classList.add('news-layout'); | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| article_splash.parentNode.classList.add('feature-layout') | |
| } | |
| } | |
| article_splash.parentNode.classList.add(leadMediaLayout); | |
| document.querySelector('.all-content-wrapper').classList.add('loaded'); | |
| if(document.querySelector('.article__splash-custom .widget__subheadline')){ | |
| if(document.querySelector('.article__splash-custom .body')){ | |
| document.querySelector('.article__splash-custom .body-description').insertAdjacentElement('afterbegin',document.querySelector('.article__splash-custom .widget__subheadline')) | |
| } | |
| } | |
| {% if context.post.badges %} | |
| article_splash.classList.add("sponsored-post"); | |
| {% endif %} | |
| </script>]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="Add lead media section name update " id="dca3509051fc1394edb5c6e8d8e323c9"> | |
| <![CDATA[<script> | |
| var section_name_leadmedia=getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title.toLowerCase(): 'life'); | |
| __BOOTSTRAP__.post.section?article_splash.setAttribute('data-s2-value',__BOOTSTRAP__.post.section.title.toLowerCase()) : ""; | |
| article_splash.classList.add(`select-section-${section_name_leadmedia}`); | |
| setBodySectionName(section_name_leadmedia); | |
| if(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| && document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary')){ | |
| addStylesForSelectedColor(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| .innerText,document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary').innerText); | |
| article_splash.classList.add(`select-section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`); | |
| document.querySelector('body').classList.add(`section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`) | |
| } | |
| else {} | |
| if(article_splash.querySelector('.widget__section')) { | |
| article_splash.querySelector('.widget__section').innerText=section_name_leadmedia; | |
| article_splash.querySelector('.widget__section').href="/"+section_name_leadmedia ; | |
| } | |
| //setBodySectionName(section_name_leadmedia); | |
| document.querySelector('.all-content-wrapper').classList.add('page-loaded'); | |
| </script> | |
| <script> | |
| videoPostManipulate(true); | |
| inArticleVideoPostManipulate(); | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD Mid wrapper"> | |
| <user_code id="3798f747b8b5ba29e289d02c15c6136f"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <lazyload> | |
| <call_block name="ComponentWhatsNew"/> | |
| </lazyload> | |
| </element_wrapper> | |
| <user_code id="2eceeb287bebb64b6cb271940a304e42" data-rm-friendly-name="divider without any code"/> | |
| <lazyload> | |
| <element_wrapper data-rm-friendly-name="lazy loaded items not infintes scroll" element_classes=""> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Linkedin,Separator,Tumblr,GooglePlus,Whatsapp,Reddit,CopyLink" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <call_block name="ComponentSubscribeForm"/> | |
| <call_block name="ComponentPubExchangeModule"/> | |
| </element_wrapper> | |
| <user_code id="2d69c5971aa9b6421631e71581caf6aa" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post post-with-more-from-author" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Linkedin,Separator,Tumblr,GooglePlus,Whatsapp,Reddit,CopyLink" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="0bef06e59b1f8024050aea3921d6a800"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post " layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Linkedin,Separator,Tumblr,GooglePlus,Whatsapp,Reddit,CopyLink" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="fe2f9950896323bef6bd9d356d3ca454"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="ComponentVideoModule"/> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="infnite scroll" element_classes="infinite-scroll" load_more="scroll"> | |
| <element_wrapper element_classes="posts_stream" data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Linkedin,Separator,Tumblr,GooglePlus,Whatsapp,Reddit,CopyLink" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="100c63a1e2037acb4001f007f268132d"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="73125c7e74e93bd26963c154e1afb7d9" data-rm-friendly-name="divider without any code"/> | |
| <element_wrapper element_classes="posts_stream " data-rm-friendly-name="main content area/posts stream"> | |
| <posts source_url="frontpage" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_news_layout_2_image,custom_field_news_layout_1_image,custom_field_feature_layout_2,custom_field_news_layout_no_image,custom_field_feature_layout_4,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" limit="1" layout_headline="over" layout_section="over" layout_date="bottom" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_image_crop="original" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" data-rm-advanced="true" element_classes="stream-post" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_show_video="true" layout_all_video_crop="original" layout_all_date_format="" layout_photo_credit="bottom" layout_badges_sponsored="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Email,Linkedin,Separator,Tumblr,GooglePlus,Whatsapp,Reddit,CopyLink" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD MID wrapper"> | |
| <user_code id="43dc1e8c1cb8553850249a18848ba44e"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="e53aa833939dd641443a8278c5b852fa" data-rm-friendly-name="call functions on loadmore"> | |
| <![CDATA[<script> setWidgetSectionSelector(); | |
| reOrderElement(); | |
| videoPostManipulate(); | |
| inArticleVideoPostManipulate(); | |
| // setTrendingPost(document.querySelectorAll('.trending-container:not(.trending-processed)' )); | |
| </script>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <user_code data-rm-friendly-name="PostByAuthor [JS]" id="8a426f88a6b167d723e8518362611f07"> | |
| <![CDATA[<script> | |
| document.querySelectorAll('.post-with-more-from-author:not(processed)').forEach(widget=> { | |
| var author=widget.querySelector('.post-author__name').getAttribute('href').split("/").pop().replace(/ /g,"-").toLowerCase(); | |
| var authorHTML,authorStyle; | |
| jQuery.getJSON(`https://nylon.com/res/custom_page/data.js?formats=json,html&resource_id=generic&layout_name=PostsByAuthor&username=${author}`, function(result){ | |
| widget.querySelector('.widget__head + .widget__body ').insertAdjacentHTML('beforeend',result['html']); | |
| widget.querySelector('.more-from-author-name')? widget.querySelector('.more-from-author-name').innerHTML=widget.querySelector('.post-author__name').innerText : "" | |
| changeDateFormat(); | |
| }); | |
| }) | |
| </script> | |
| <script > | |
| rblms.require(['jquery'], function($ ) { | |
| var wrapper = $('.subscription_form'); | |
| wrapper.addClass('animated'); | |
| setInterval(function(){ | |
| $('.subscription_form').addClass("subscription_form_show") | |
| }, 1000); | |
| $('.newsletter-element__submit').on('click', function() { | |
| var email = $('.subscription_form .newsletter-element__input').val(); | |
| var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | |
| if ( filter.test(email) ) { | |
| wrapper.addClass('you-are-in'); | |
| return true; | |
| } | |
| }); | |
| $('.subscription_form_follow_inner .share-youtube').removeClass('share-youtube'); | |
| // submit on enter | |
| $('.newsletter-element__input').bind("enterKey",function(e){ | |
| $('.newsletter-element__submit').click(); | |
| }); | |
| $('.newsletter-element__input').keyup(function(e){ | |
| if(e.keyCode == 13) | |
| { | |
| $(this).trigger("enterKey"); | |
| } | |
| }); | |
| // submit on enter | |
| }); | |
| </script> | |
| <script> | |
| setTimeout(changeDateFormat,2000); | |
| console.log("amount of nodes loaded after lazy loaded element loaded: "+document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| <choose> | |
| <when test="is_mobile==True"> | |
| <user_code id="1998e7d8f52a5acd8c997880e9e34739" data-rm-friendly-name="re initiate slick for mobile"> | |
| <![CDATA[<script type="text/javascript"> | |
| setTimeout(function(){ | |
| rblms.require(['jquery', 'jquery.slick'], function($, slick) { | |
| $('.more-from-author-wrapper .posts-wrapper').slick({ | |
| infinite : false, | |
| dots : true, | |
| slidesToShow : 1, | |
| slidesToScroll : 1, | |
| initialSlide : 0, | |
| adaptiveHeight: true, | |
| autoplay : false, | |
| autoplaySpeed : 3000, | |
| prevArrow : '<div class="slick-prev fa fa-chevron-left"> | |
| </div>', | |
| nextArrow : '<div class="slick-next fa fa-chevron-right"> | |
| </div>' | |
| }); | |
| });},2000); | |
| </script>]]> | |
| </user_code> | |
| </when> | |
| <otherwise/> | |
| </choose> | |
| </lazyload> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="sidebar_outer hidden" style_element-wrapper_tablet_default_max-width="100%" style_element-wrapper_mobile_default_margin="0 auto" data-rm-friendly-name="Sidebar"> | |
| <element_wrapper element_classes="sidebar_inner" data-rm-friendly-name="Sidebar Inner"> | |
| <user_code data-rm-friendly-name="ad code" id="e84ae971cff70d82b54adda1c93f7770"> | |
| <![CDATA[<div class="sidebar_ad_container "> | |
| <div id="div-id-for-right-slot"class="sidebar-ad" data-ad-slot="rightrail" data-ad-pos="rightrail" data-size-map="rightMapping"> | |
| </div> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper element_classes="whats-new-posts-container" data-rm-friendly-name="What's new"> | |
| <element_wrapper style_element-wrapper_all_default_padding="0 0 20px" style_element-wrapper_all_default_text-align="center" data-rm-friendly-name="Whats new intro wrapper"> | |
| <user_code data-rm-friendly-name="Whats New Headline" id="c1bd48c7378bb2ae090f3f09c7d0ee53"> | |
| <![CDATA[<h1 class="whats-new-headline">TRENDING<br> | |
| </h1> | |
| <svg width="26" height="36" viewBox="0 0 26 36" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M25.0293 27.2373L20.6466 33.373L16.264 27.2373" stroke="#2E2F7D" stroke-width="2"/> | |
| <path d="M1.20605 1.07568V10.7024H10.846V21.3149H20.5121V32.5851" stroke="#2E2F7D" stroke-width="2"/> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="whats new posts container" style_element-wrapper_all_default_margin="30px 0 0 0"> | |
| <posts source_url="_most-read" all_element_order="headline,section,subheadline,date,author,post_shares,badges_sponsored,photo_credit,body,snark_line,page_views,badges,follow_button,community_comments,like_button,source_link,collection_button,tags,primary_tag,main_author,custom_field_feature_layout_2,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature_layout_4,custom_field_news_layout_2_image,custom_field_news_layout_no_image,custom_field_news_layout_1_image,custom_field_article-layout,custom_field_image_avatar1,custom_field_image_avatar2,custom_field_feature-color-primary,custom_field_fearure-color-secondary,custom_field_letter_from_editor" limit="4" layout_headline="right" all_share_buttons="Separator,Twitter,Linkedin,Facebook,Email,Tumblr,GooglePlus,Pinterest,Whatsapp,Reddit" style_post-media-wrapper_all_default_margin="0px" style_post-headline_all_default_font-size="16px" style_post-headline_all_default_font-weight="400" style_post-main-author-avatar_all_default_display="none" style_post-date_all_default_display="block" style_post-social-author-avatar_all_default_display="none" style_post-social-author_all_default_display="inline-block" style_post-shares_all_default_display="inline-block" data-rm-advanced="true" layout_all_date_format="" style_post-date-text_all_default_color="rgb(129, 129, 130)" style_post-date-text_all_default_font-family=""Atlas Typewriter"" style_post-date-text_all_default_font-size="9px" style_post-date-text_all_default_font-weight="400" style_post-date-text_all_default_text-transform="uppercase" style_post-social-author-name_all_default_color="rgb(34, 45, 57)" style_post-social-author-name_all_default_font-family=""Atlas Typewriter"" style_post-social-author-name_all_default_font-size="9px" style_post-social-author-name_all_default_font-weight="400" style_post-social-author-name_all_default_text-transform="uppercase" style_post-social-author_all_default_vertical-align="middle" style_post-date_all_default_vertical-align="middle" style_post-shares_all_default_vertical-align="middle" style_post-social-author-name_all_default_display="inline-block" style_post-social-author_all_default_height="10px" style_post-social-author_all_default_line-height="14px" style_post-social-author_all_default_overflow="hidden" style_post-date_all_default_margin="0px" style_post-shares_all_default_margin="0px" style_post-social-author-name_all_default_vertical-align="middle" style_post-section_all_default_background-color="rgb(255, 255, 255)" style_post-section_all_default_border="1px solid rgb(34, 45, 57)" style_post-section_all_default_display="inline-block" style_post-section_all_default_font-weight="600" style_post-section_all_default_letter-spacing="0.08em" style_post-section_all_default_line-height="1em" style_post-section_all_default_margin="0px" style_post-section_all_default_padding="5px 7px 2px" style_post-section_all_default_position="relative" style_post-section_all_default_text-transform="uppercase" style_post-section_all_default_top="-3px" style_post-section_all_default_transition="border-color 0.25s ease 0s" style_post-section_all_hover_border="1px solid rgb(251, 131, 120)" layout_all_image_crop="1x1" allow_duplicates="true" style_post-headline_all_default_letter-spacing="0" style_post-widget_all_default_overflow="hidden" style_post-date_all_default_bottom="6px" style_post-date_all_default_color="rgb(129, 129, 130)" style_post-date_all_default_position="absolute" style_post-date_all_default_text-align="center" style_post-date_all_default_width="100%" style_post-date-text_all_default_display="inline" style_post-body_all_default_-webkit-box-align="center" style_post-body_all_default_-webkit-box-orient="vertical" style_post-body_all_default_-webkit-box-direction="normal" style_post-body_all_default_-webkit-box-pack="center" style_post-headline_all_default_display="-webkit-box" style_post-headline_all_default_-webkit-line-clamp="3" style_post-headline_all_default_overflow="hidden" style_post-headline_all_default_-webkit-box-orient="vertical" style_post-date_all_default_padding="0px 20px 0 0" style_post-media-wrapper_all_default_overflow="hidden" style_headline-wrapper_all_default_margin="" element_classes="whats-news-posts-wrapper" data-rm-device-crops="true" layout_image_column_width="25" style_post-media-wrapper_all_default_padding="0px" style_post-image_all_default_border-radius="120px" style_post-image_all_default_margin="0px" style_post-image_all_default_padding="0px" style_post-media-wrapper_all_default_min-height="80px" style_post-widget-article_all_default_padding-bottom="32px" style_post-headline_all_default_max-height="70px" style_post-headline_all_default_font-family="'Apercu',Arial" style_post-headline-wrapper_all_default_text-align="left" style_post-media-wrapper_all_default_background="transparent" style_post-headline_all_default_line-height="20px" layout_vertical_separation="32"/> | |
| </element_wrapper> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="trending-animation-svg" element_classes="container-trending-anim" style_element-wrapper_all_default_display="none" style_element-wrapper_all_default_height="120px" style_element-wrapper_all_default_position="absolute" style_element-wrapper_all_default_width="120px"> | |
| <user_code data-rm-friendly-name="Custom Html for Trending Words SVG" id="8373088a82df59a7b82f3e08c5a278ba"> | |
| <![CDATA[<svg class="spinner pop-in" width="85px" height="87px" viewBox="0 0 85 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <defs> | |
| <polygon class="path" id="path-1" points="0.104884364 0.329367273 5.97065891 0.329367273 5.97065891 7.42814836 0.104884364 7.42814836"> | |
| </polygon> | |
| <polygon class="path" id="path-3" points="0.592861091 0.537250909 7.89538909 0.537250909 7.89538909 6.66379636 0.592861091 6.66379636"> | |
| </polygon> | |
| <polygon class="path" id="path-5" points="0.279726545 0.204951273 5.61610473 0.204951273 5.61610473 7.13454545 0.279726545 7.13454545"> | |
| </polygon> | |
| </defs> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-367.000000, -538.000000)"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <polygon id="Fill-1" fill="#231F20" points="0 36.3534545 1.06507636 36.6016582 1.53320727 34.6097455 7.07851636 35.9136 7.35028364 34.7574109 1.80497455 33.4535564 2.27310545 31.4616436 1.20802909 31.2118691"> | |
| </polygon> | |
| <g id="Group-51" transform="translate(0.000000, 0.521856)"> | |
| <path d="M4.63606691,25.0930211 L6.23839418,25.9114647 L6.77878691,24.8558138 C7.088256,24.2510138 6.93116509,23.7687447 6.45360873,23.5236829 C5.96819782,23.2754793 5.48435782,23.4309993 5.20159418,23.9855302 L4.63606691,25.0930211 Z M7.21235782,26.4094429 L9.70381964,27.6834502 L9.161856,28.7422429 L3.12171055,25.6522647 L4.24648145,23.4545629 C4.88898327,22.1962647 5.97919418,21.8648029 7.02699055,22.4004829 C7.74960873,22.7696465 8.107776,23.3540247 8.01352145,24.3656902 L11.4019724,24.3625484 L10.7751796,25.5862865 L7.66163782,25.5297338 L7.21235782,26.4094429 Z" id="Fill-2" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-4" fill="#231F20" points="8.39006836 16.8895767 10.9569338 13.8702895 11.7910865 14.5787695 9.99396655 16.6932131 11.2177047 17.731584 12.9519884 15.6894022 13.787712 16.3994531 12.0502865 18.4416349 13.5033775 19.6747985 15.360192 17.489664 16.1959156 18.198144 13.5677847 21.291264"> | |
| </polygon> | |
| <polygon id="Fill-6" fill="#231F20" points="17.2110371 10.9694487 19.9664116 14.8197469 19.061568 15.4685324 15.1091607 9.945216 16.0752698 9.254016 21.4524916 11.3213324 18.6531316 7.40976873 19.5579753 6.76098327 23.5103825 12.2842996 22.4892916 13.0147724"> | |
| </polygon> | |
| <path d="M27.9298211,8.90307491 L28.708992,8.61402764 C30.0442647,8.11762036 30.5218211,6.91273309 30.056832,5.65757673 C29.5714211,4.34900945 28.4419375,3.80076218 27.1679302,4.27517673 L26.3274938,4.58621673 L27.9298211,8.90307491 Z M24.8319884,3.97356218 L26.8411811,3.22895127 C28.7498356,2.52047127 30.506112,3.28707491 31.2240175,5.22400582 C31.9042211,7.05568582 31.1140538,8.88736582 29.1504175,9.61783855 L27.1962065,10.3435985 L24.8319884,3.97356218 Z" id="Fill-8" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-10" fill="#231F20" points="37.4396335 7.49396945 36.2661644 7.66991127 35.2639244 0.955845818 36.4389644 0.781474909"> | |
| </polygon> | |
| <g id="Group-14" transform="translate(41.563636, 0.000000)"> | |
| <mask id="mask-2" fill="white"> | |
| <use xlink:href="#path-1"> | |
| </use> | |
| </mask> | |
| <g id="Clip-13"> | |
| </g> | |
| <polygon id="Fill-12" fill="#231F20" mask="url(#mask-2)" points="1.50299345 2.44522473 1.21394618 7.16109382 0.104884364 7.09354473 0.519604364 0.329210182 1.70406982 0.401472 4.56783709 5.38753745 4.86159709 0.594693818 5.97065891 0.662242909 5.55593891 7.42814836 4.30549527 7.35117382"> | |
| </polygon> | |
| </g> | |
| <path d="M58.6791098,5.22196364 L57.4647971,5.46231273 C57.2747171,4.66586182 56.8709935,4.11290182 56.1232407,3.84898909 C54.9324916,3.42798545 53.6946153,4.07205818 53.2484771,5.33506909 C52.8039098,6.59650909 53.3443025,7.86894545 54.6073135,8.31508364 C55.6126953,8.66853818 56.4751244,8.26481455 56.8992698,7.51392 L54.7204189,6.74417455 L55.0832989,5.72151273 L58.3366516,6.87141818 L57.1254807,10.3038545 L56.0933935,9.93940364 L56.395008,9.08482909 C55.8184844,9.50269091 55.0157498,9.67863273 54.0810589,9.34874182 C52.3483462,8.73608727 51.3743825,6.82272 52.0483025,4.91092364 C52.7237935,2.99755636 54.6748625,2.11784727 56.5065425,2.76506182 C57.8590953,3.24104727 58.4843171,4.13332364 58.6791098,5.22196364" id="Fill-15" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-17" fill="#231F20" points="67.0107404 17.1979462 66.1420276 16.3873571 70.0221731 12.2181644 68.5235258 10.824768 69.2681367 10.0236044 73.134144 13.6209862 72.3895331 14.4221498 70.8924567 13.0287535"> | |
| </polygon> | |
| <path d="M76.2874298,19.3087767 L74.7856407,20.3015913 L75.4407098,21.2928349 C75.8145862,21.8583622 76.3125644,21.9589004 76.7602735,21.6635695 C77.2158371,21.3619549 77.3163753,20.8655476 76.9739171,20.3471476 L76.2874298,19.3087767 Z M73.8729425,20.9048204 L71.5385716,22.4505949 L70.8835025,21.4593513 L76.543488,17.714304 L77.9054662,19.7737658 C78.686208,20.9535185 78.4395753,22.0657222 77.4561862,22.7160785 C76.7806953,23.1637876 76.0957789,23.1873513 75.2616262,22.6108276 L73.5980335,25.5625658 L72.8392844,24.4158022 L74.4196189,21.7311185 L73.8729425,20.9048204 Z" id="Fill-19" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-21" fill="#231F20" points="81.5938036 26.6761833 82.95264 30.3913833 81.9268364 30.7668305 80.9748655 28.1654051 79.4715055 28.7152233 80.3904873 31.2271069 79.3646836 31.6025542 78.4457018 29.0922415 76.6580073 29.7457396 77.6429673 32.4335651 76.6171636 32.8090124 75.2253382 29.0058415"> | |
| </polygon> | |
| <g id="Group-25" transform="translate(76.974545, 35.410909)"> | |
| <mask id="mask-4" fill="white"> | |
| <use xlink:href="#path-3"> | |
| </use> | |
| </mask> | |
| <g id="Clip-24"> | |
| </g> | |
| <polygon id="Fill-23" fill="#231F20" mask="url(#mask-4)" points="5.41083927 1.85210182 0.705966545 2.33437091 0.592861091 1.22845091 7.34148655 0.537250909 7.46087564 1.71857455 3.00420655 5.35522909 7.782912 4.86667636 7.89601745 5.97416727 1.14896291 6.66379636 1.02014836 5.41806545"> | |
| </polygon> | |
| </g> | |
| <path d="M78.8891695,47.5805847 L78.758784,48.3990284 C78.534144,49.8034211 79.346304,50.8103738 80.6674385,51.0208756 C82.0435549,51.2408029 83.0725004,50.5276102 83.2877149,49.1891956 L83.4290967,48.3047738 L78.8891695,47.5805847 Z M84.6936785,47.3056756 L84.3559331,49.4169775 C84.0354676,51.4261702 82.508544,52.5745047 80.4710749,52.2493265 C78.5451404,51.9414284 77.3402531,50.3563811 77.670144,48.2922065 L77.998464,46.2358865 L84.6936785,47.3056756 Z" id="Fill-26" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-28" fill="#231F20" points="75.4374109 56.544192 75.8631273 55.4351302 82.1970327 57.8684684 81.7713164 58.9775302"> | |
| </polygon> | |
| <polygon id="Fill-30" fill="#231F20" points="77.0543476 63.9301353 73.0956567 61.342848 73.7035985 60.4128698 79.380864 64.1233571 78.7320785 65.1161716 72.9794095 65.1381644 77.0009367 67.7662953 76.3929949 68.6978444 70.7157295 64.9857862 71.3990749 63.9379898"> | |
| </polygon> | |
| <path d="M66.9402065,76.1161484 L67.3282211,74.9426793 C68.1136756,75.1688902 68.7923084,75.0903447 69.3892538,74.5703738 C70.3396538,73.7409338 70.3867811,72.3506793 69.5102138,71.3437265 C68.6305047,70.3352029 67.260672,70.1828247 66.2537193,71.059392 C65.4525556,71.7600175 65.3802938,72.7072756 65.8232902,73.4456029 L67.5622865,71.9296756 L68.2739084,72.7449775 L65.6756247,75.0102284 L63.2894138,72.2705629 L64.1109993,71.5542284 L64.7048029,72.234432 C64.6262575,71.5290938 64.8681775,70.7452102 65.6127884,70.0948538 C66.9951884,68.8883956 69.1379084,68.9826502 70.4668975,70.5080029 C71.7974575,72.0333556 71.6042356,74.1619375 70.1432902,75.4359447 C69.0656465,76.3753484 67.9832902,76.4805993 66.9402065,76.1161484" id="Fill-32" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-34" fill="#231F20" points="52.4138531 77.4938356 53.5464785 77.1340975 55.2681949 82.5647302 57.219264 81.9442211 57.5507258 82.9873047 52.5159622 84.5849193 52.1845004 83.5434065 54.1371404 82.9228975"> | |
| </polygon> | |
| <g id="Group-38" transform="translate(41.563636, 78.545455)"> | |
| <mask id="mask-6" fill="white"> | |
| <use xlink:href="#path-5"> | |
| </use> | |
| </mask> | |
| <g id="Clip-37"> | |
| </g> | |
| <path d="M4.36251927,5.95604945 L4.24941382,4.16050036 L3.06494836,4.235904 C2.38788655,4.28146036 2.05328291,4.66004945 2.08784291,5.19572945 C2.12240291,5.74083491 2.500992,6.07386764 3.123072,6.03616582 L4.36251927,5.95604945 Z M4.17872291,3.07186036 L4.00121018,0.281925818 L5.18410473,0.204951273 L5.61610473,6.97085673 L3.15291927,7.12794764 C1.74538473,7.21748945 0.903377455,6.44931491 0.827973818,5.27584582 C0.777704727,4.46839855 1.09659927,3.86202764 2.01243927,3.42688582 L0.279726545,0.517562182 L1.65113018,0.429591273 L3.192192,3.13469673 L4.17872291,3.07186036 Z" id="Fill-36" fill="#231F20" mask="url(#mask-6)"> | |
| </path> | |
| </g> | |
| <polygon id="Fill-39" fill="#231F20" points="36.9378851 85.4910196 33.0326051 84.8375215 33.2132596 83.756736 35.9466415 84.2154415 36.2121251 82.6351069 33.569856 82.1921105 33.7520815 81.1144669 36.3927796 81.5558924 36.7085324 79.6770851 33.880896 79.2042415 34.0615505 78.1250269 38.0595142 78.7942342"> | |
| </polygon> | |
| <polygon id="Fill-41" fill="#231F20" points="27.3636655 80.960832 29.2644655 76.6282647 30.2824145 77.0744029 27.5568873 83.2873484 26.4698182 82.8113629 25.5005673 77.1372393 23.56992 81.5389265 22.5519709 81.0927884 25.2774982 74.8798429 26.4258327 75.3825338"> | |
| </polygon> | |
| <path d="M20.1120349,72.8210095 L19.4679622,72.3026095 C18.3604713,71.4134749 17.0833222,71.6176931 16.2460276,72.6592058 C15.3726022,73.744704 15.4825658,74.9920058 16.5382167,75.8402967 L17.2357004,76.4011113 L20.1120349,72.8210095 Z M17.4744785,77.9940131 L15.8108858,76.6555985 C14.2258385,75.3831622 13.9870604,73.4870749 15.2783476,71.8800349 C16.498944,70.3641076 18.4720058,70.1017658 20.0994676,71.411904 L21.7206458,72.7141876 L17.4744785,77.9940131 Z" id="Fill-43" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-45" fill="#231F20" points="14.0125091 65.3714444 14.7649745 66.2888553 9.51813818 70.5868625 8.76567273 69.6678807"> | |
| </polygon> | |
| <polygon id="Fill-47" fill="#231F20" points="6.77925818 63.1285004 10.9798691 60.9622167 11.4888436 61.9503185 5.46440727 65.0560058 4.92087273 64.0019258 7.73751273 58.9907258 3.47249455 61.1915695 2.96194909 60.2034676 8.98481455 57.0977804 9.55976727 58.209984"> | |
| </polygon> | |
| <path d="M1.17064145,48.3207971 L2.00008145,49.238208 C1.41413236,49.808448 1.14707782,50.4383825 1.30573964,51.2144116 C1.55551418,52.4507171 2.74155055,53.1811898 4.05168873,52.9157062 C5.36182691,52.6502225 6.17398691,51.5348771 5.90850327,50.223168 C5.69800145,49.1816553 4.90783418,48.6491171 4.046976,48.6695389 L4.50411055,50.931648 L3.44374691,51.1452916 L2.76040145,47.7678371 L6.32165236,47.0467898 L6.53843782,48.1181498 L5.65244509,48.2972335 C6.30594327,48.5784262 6.86832873,49.1738007 7.06469236,50.1430516 C7.42757236,51.9433135 6.28866327,53.7592844 4.30460509,54.1614371 C2.318976,54.5635898 0.564270545,53.3429935 0.179397818,51.4421935 C-0.104936727,50.0393716 0.338059636,49.0465571 1.17064145,48.3207971" id="Fill-49" fill="#231F20"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Custom SVG for Trending Icon SVG" id="785e11ef99708e0a782825fea1410c4b"> | |
| <![CDATA[<svg class="eyes-svg pop-in" width="81px" height="68px" viewBox="0 0 31 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-394.000000, -565.000000)" stroke="#000000"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <g id="Group-11" transform="translate(28.000000, 28.000000)"> | |
| <ellipse id="Oval" stroke-width="1.6" fill="#FFFFFF" cx="6.44444444" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-2" stroke-width="3.2" fill="#FFFFFF" cx="5.63888889" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy" stroke-width="1.6" fill="#FFFFFF" cx="22.5555556" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-3" stroke-width="3.2" fill="#FFFFFF" cx="21.75" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <path d="M6.44444444,0.0700739525 L6.44444444,4.88330367" id="Line" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M10.4722222,1.64583153 L10.4722222,6.45906125" id="Line-Copy" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M2.41666667,1.64583153 L2.41666667,6.45906125" id="Line-Copy-2" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M22.5555556,0.0700739525 L22.5555556,4.88330367" id="Line-Copy-5" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M26.5833333,1.64583153 L26.5833333,6.45906125" id="Line-Copy-4" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M18.5277778,1.64583153 L18.5277778,6.45906125" id="Line-Copy-3" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <write_to_header data-rm-friendly-name="ReorderElement"> | |
| <![CDATA[<script> | |
| function reOrderElement(){ | |
| document.querySelectorAll('.homepage_component_wrapper.reorderable ').forEach( wrapper => { | |
| //console.log(wrapper); | |
| /* NodeList.prototype.forEach = Array.prototype.forEach | |
| var allPosts=wrapper.childNodes; | |
| // console.log(allPosts); | |
| var newsPosts; | |
| var featurePosts; | |
| var n_c=0; | |
| var f__c=0; | |
| /* for (var i = 0; i < allPosts.length; i++) { | |
| if(allPosts[i].classList && allPosts[i].classList.contains('news-post-whats-new')){ | |
| newsPosts.push(allPosts[i]) | |
| } | |
| else{ | |
| featurePosts.push(allPosts[i]); | |
| } | |
| }*/ | |
| /* allPosts.forEach(article => { | |
| if(article.classList && article.classList.contains('news-post-whats-new')){ | |
| //newsPosts.push(article) | |
| newsPosts[n_c]=article; | |
| n_c++; | |
| } | |
| else if(article.classList && article.classList.contains('what-new-item')){ | |
| //featurePosts.push(article); | |
| featurePosts[f__c]=article; | |
| f_c++; | |
| } | |
| })*/ | |
| if(window.innerWidth>1439){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>1079){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>767){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| }) | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code data-rm-friendly-name="Add widget sections and layout" id="51e708b7392721e81dbe3f87af559497"> | |
| <![CDATA[<script> | |
| function selectLayout(element) { | |
| var layoutName = 'no-layout-selected' | |
| if (element.querySelector('.widget__head + .widget__body [class^="custom-field"]')) { | |
| layoutName = element.querySelector('.widget__head + .widget__body [class^="custom-field"]').getAttribute('class').split('custom-field-').pop(); | |
| if (layoutName.indexOf('news') != -1) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| } | |
| if (layoutName == 'no-layout-selected') { | |
| if (element.classList && element.classList.contains('tag-news')) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(element.querySelector('.widget__section')?element.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| // element.closest('.posts_stream').classList.add('feature-layout') | |
| } | |
| } | |
| function setWidgetSectionSelector() { | |
| document.querySelectorAll('.posts_stream .stream-post > .posts-custom > .posts-wrapper > .widget:not(.processed):not(.whats-new-widget)').forEach(element => { | |
| selectLayout(element); | |
| element.classList.add('processed'); | |
| element.classList.add('infinite-scroll-post') | |
| var widgetSection=element.querySelector('.widget__section'); | |
| var section_name=getPrimarySectionName( widgetSection ?widgetSection.innerText.toLowerCase(): "") | |
| if(section_name !=="") { | |
| element.classList.add('article__splash-custom'); | |
| widgetSection ? element.setAttribute('data-s2-value',widgetSection.innerText.toLowerCase()): ""; | |
| widgetSection ? widgetSection.innerText=section_name : ""; | |
| widgetSection ? widgetSection.href="/"+section_name : ""; | |
| element.classList.add(`select-section-${section_name}`); | |
| if(element.querySelector('.custom-field-feature-color-primary') | |
| && element.querySelector('.custom-field-fearure-color-secondary')){ | |
| // alert('present') | |
| addStylesForSelectedColor(element.querySelector('.custom-field-feature-color-primary') | |
| .innerText,element.querySelector('.custom-field-fearure-color-secondary').innerText); | |
| element.classList.add(`select-section-${element.querySelector('.custom-field-feature-color-primary').innerText}`); | |
| } | |
| if(element.querySelector('.widget__subheadline')){ | |
| if(element.querySelector('.body-description')){ | |
| element.querySelector('.body-description').insertAdjacentElement('afterbegin',element.querySelector('.widget__subheadline')) | |
| } | |
| } | |
| element.querySelector('article').classList.add('post-splash-custom') | |
| element.querySelector('.widget__headline').classList.add('headline-container'); | |
| element.querySelector('.widget__headline-text').classList.add('headline'); | |
| element.querySelector('.social-date')?element.querySelector('.social-date').classList.add('post-date'):""; | |
| element.querySelector('.social-author').className='post-author-list'; | |
| element.querySelector('.social-author__avatar').className='post-author__avatar image'; | |
| element.querySelector('.social-author__name').className='post-author__name'; | |
| } | |
| if(element.querySelector('.custom-field-feature-layout-2') || element.querySelector('.custom-field-feature-layout-3')){ | |
| AuthorBylinePositioning(element) | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code id="39e9085ce34a5c4bb52bf18209638092" data-rm-friendly-name="Post General CSS"> | |
| <![CDATA[<style>a[href^="https://content.jwplatform.com"]{display:none}.post-author-list{font-size:0;color:transparent}.post-author{display:inline-block}.posts_stream.news-layout .badge-list-sponsored{}.news-layout .widget__image{position:relative}.news-layout .photo-credit{position:absolute;right:10PX;bottom:5PX}.news-layout .photo-credit:before{left:-10px;position:absolute;right:-10px;bottom:-5px;display:block;top:-5px;background:#ccc;opacity: .2;content:""}[class^="custom-field-news"],[class^="custom-field-feature"]{display:none !important}.insert-nav-here{margin:0}.outer_container{padding-top:0}.posts_stream{position:relative}.post-splash-custom .widget__head{margin:0}.post-splash-custom .widget__head .widget__body{position:unset;background:none !important}.post-splash-custom .headline-container{padding-left:10px}.post-splash-custom .headline-container .headline, .body-description .pullquote-paragraph{font-family:'Basetica-Regular',Arial;font-size:30px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.47;letter-spacing:normal;display:inline;padding:5px 0 0}.body-description .pullquote-paragraph{font-size:28px;line-height:1.5;text-align:center}.post-splash-custom .widget__section{font-family:Apercu-Mono,Arial;font-size:10px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.2;letter-spacing:normal;text-align:center;border:solid 1px;margin-top:12px;padding:10px 10px 7px;display:inline-block;text-transform:capitalize}.post-splash-custom .widget__head+.widget__body{padding:30px 0 90px;position:relative}.post-splash-custom .widget__head+.widget__body:after{background-image:url(https://assets.rbl.ms/19063793/2000x.png);content:"";display:block;margin:0 auto;margin-top:60px;background-repeat:no-repeat;width:31px;height:22px;background-position:-5px -5px}.post-author-list{width:100%;box-sizing:border-box}.post-author__avatar,.post-author__name{display:inline-block;vertical-align:top;position:relative;overflow:hidden;width:}.post-author__name{margin:15px 20px}.post-author:first-child .post-author__name:before{content:"BY "}.post-author__name:hover{opacity:.5}.post-author__name , .post-splash-custom .post-date{font-family:'Apercu-Mono',Arial;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;color:#000;text-transform:uppercase}.post-author__avatar{height:60px;width:60px}.post-splash-custom .post-date{display:block;position:absolute;padding-left:112px;margin-top:-20px;opacity:.4}.body-description{font-family:'Apercu',Arial;font-size:16px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:24px;letter-spacing:normal;color:#000;text-align:center;padding:0 30px}.post-author-list{padding:0 30px}.body-description>*{padding:0;text-align:left;box-sizing:border-box}.tags{margin-left:30px;margin-right:30px;padding-top:100px;padding-bottom:50px;position:relative;background-size:20px 15px;background-position:left 60px;text-align:left}.share-tab-img{display:block}.tags:before{content:"TAGS";opacity:0.4;font-family:'Apercu-Mono',Arial;font-size:10px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-0.4px;color:#000;display:block;padding-bottom:15px}.tags:after{content:"";display:block;height:15px;width:100%;bottom:0;position:absolute;background-size:20px 15px}.tags .tags__item{font-family:'Apercu-Mono',Arial;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-0.6px;padding:9px 10px 7px;display:inline-block;margin-right:14px;margin-left:0;opacity:.8;text-transform:capitalize}.post-splash-custom .body{padding-top:20px}.body .photo-credit{font-family:Apercu-Mono,Arial;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;text-align:center;color:#a1a1a1}.post-splash-custom .widget__subheadline *{font-family:Basetica-Regular,Arial;font-size:22px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:22px;letter-spacing:normal;color:#000}.post-splash-custom .widget__subheadline{margin-bottom:30px}.body .ee-ul li{list-style-type:none}.body .ee-ul li:before{font-size:16px;color:#6d1730;letter-spacing:0;content:"- ";font-family:Adieu;line-height:22px}.body .ee-ol li:before{font-size:16px;color:#6d1730;letter-spacing:0;content:counter(li)" - ";font-family:Adieu;line-height:22px}.ee-ol li{counter-increment:li}.body .ee-ol{list-style:none;counter-reset:li;margin-left:30px}.body .ee-ul{margin-left:30px}.sidebar_outer{display:none}.article__splash-custom .widget__shares{display:none !important}.body-description a{background-color:#f1f1f1;text-decoration:underline}.body .image-media.media-photo-credit, .body .image-media.media-caption{font-family:'Apercu-Mono',Arial;font-size:11px;line-height:18px;color:#666}.body .image-media.media-caption{text-transform:uppercase}.body .image-media.media-photo-credit p, .body .image-media.media-caption p{margin:0}.body .image-media.media-photo-credit{font-family:'Apercu',Arial}.infinite-scroll .subscription-divider{height:100% !important}.body-description .end-credits{font-family:Apercu-Mono,Arial;text-transform:uppercase;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#000}</style>]]> | |
| </user_code> | |
| <user_code id="33bbbd748b19485807b312f9227e3f5b" data-rm-friendly-name="Post General CSS - CTA dropcap related article"> | |
| <![CDATA[<style>iframe.instagram-media{position:relative !important}.body-description .dropcap-paragraph:first-letter {color:{{default-color-dark}};float:left;font-family:Adieu;font-size:42px;line-height:36px;margin-left:-3px;padding-right:8px}.body-description blockquote{font-weight:bold;margin-left:40px;margin-right:0}.body-description blockquote:before{width:15px;height:100%;margin-left:-40px;position:absolute;content:"";background-size:20px 20px;background-repeat:repeat-y}.cta-poll{background:#f8f8f8;color:{{default-color-dark}};padding:0;margin:30px auto;border:30px solid{{default-color-dark}};max-width:450px;height:unset}.cta-poll .verticalize__box{width:100%;display:block;max-width:100%}.cta-poll .verticalize:before{display:none}.cta-poll-block .cta-poll__question{font-family:Basetica-Regular,Arial;font-size:30px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.2;letter-spacing:0px;text-align:center;color:{{default-color-dark}};margin:50px 0 40px;padding:0}.cta-poll-block .cta-poll__answers{padding:0;margin:0 35px 50px;height:90px;display:flex}.cta-poll-block .cta-poll__answer-item{border-top:2px solid #ededed;border-bottom:2px solid #ededed;border-left:2px solid #ededed;border-right:none;background-color:#fff;float:none;width:190px;height:100%;display:inline-block;padding:0}.cta-poll-block .cta-poll__answer-item:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.cta-poll-block .cta-poll__answer-item:last-child{border-right:2px solid #ededed;border-bottom-right-radius:10px;border-top-right-radius:10px}.cta-poll__answer-item label{display:flex;height:100%;justify-content:center;align-items:center}.cta-poll__answer-item .inuit-flag{height:100%}.cta-poll__answer-item .inuit-flag__body{width:100%;text-align:center;height:100%;vertical-align:unset;display:flex;justify-content:center;align-items:center}.cta-poll.cta-poll--multiple-options .cta-poll__answer__share-number, .cta-poll-block .inuit-flag__img{display:none}.cta-poll-block .cta-poll__answer__text{background-image:linear-gradient(94deg, #e0bbad, #8d0545);font-family:Apercu,Arial;font-size:22px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:0.5px;text-align:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.posts-custom blockquote{border-left:0}@media (min-width:768px){.body-description blockquote{margin-left:60px}}@media (max-width:767px){.body-description .dropcap-paragraph:first-letter {position:relative;top:3px}}.body .nested-posts article{max-width:470px;box-sizing:border-box;padding:30px 0;margin:0 auto;border:1px solid #000;position:relative;border-left:0;border-right:0}.body .nested-posts .image{position:absolute;height:60px;width:60px;border-radius:60px;top:35px}.body .nested-posts .headline-container{display:block;padding-left:80px}.body .nested-posts .headline-container a{background:transparent;text-decoration:none}.body .nested-posts .headline-container .headline{display:block;background-color:transparent !important;box-shadow:unset !important;padding:0;margin:0;height:50px;font-family:Apercu,Arial;font-size:20px;font-weight:normal;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#000 !important;-webkit-box-orient:vertical;display:-webkit-box;line-height:25px;-webkit-line-clamp:2;overflow:hidden}.body .nested-posts .headline-container a:before{content:'DONT MISS....';font-family:Adieu;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;text-align:center;color:#000;padding-bottom:17px;display:block;text-align:left}.body .nested-posts .subheadline{display:none}@media (max-width:767px){.body .nested-posts .headline-container .headline{font-size:16px;line-height:22px}}</style>]]> | |
| </user_code> | |
| <user_code id="a67399b73012fca87dcaf606ae0913ef" data-rm-friendly-name="Post General CSS 768px"> | |
| <![CDATA[<style> @media (min-width:768px){.insert-nav-here{margin:0}.post-author{display:inline-block}.post-author .post-author__name:after{content:" /"}.post-author:last-child .post-author__name:after{content:unset}.news-layout .photo-credit{position:absolute;right:0;bottom:-20px}.news-layout.news-layout-1-image .widget__head .widget__body{width:unset}.news-layout .photo-credit:before{background-color:transparent}.outer_container{padding-top:0}.post-splash-custom .widget__head{margin:0;padding:30px 60px 100px}.post-splash-custom .widget__head .widget__body{position:absolute;background:none !important;padding:0 60px 30px;bottom:0;box-sizing:border-box}.post-splash-custom .headline-container{padding-left:15px;max-width:510px;box-sizing:unset}.post-splash-custom .headline-container .headline{font-size:36px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.42;letter-spacing:-0.9px;padding:8px 0 0}.body-description .pullquote-paragraph{font-size:38px;line-height:1.82}.post-author-list,.body-description{padding:0 60px}.post-splash-custom .body{padding-top:30px}.body-description>*{padding:0 0;box-sizing:border-box}.body-description .pullquote-paragraph{padding:12px 0 5px}.body-description img{width:100%}.tags{margin-left:60px;margin-right:60px}.post-splash-custom .post-date{padding-left:145px}}</style>]]> | |
| </user_code> | |
| <user_code id="52bcbac236ef9ab2f3cf27c5239cb02e" data-rm-friendly-name="Post General CSS 1080px"> | |
| <![CDATA[<style> @media (min-width:1080px){.insert-nav-here{margin:0}.outer_container{padding-top:0}.sidebar_outer{display:block}.posts_stream .post-splash-custom{width:calc(100% - 360px)}.post-splash-custom .widget__head{margin:0;padding:60px 60px 85px}.body-description .pullquote-paragraph{font-size:38px;line-height:1.82}.post-author-list{padding:0 60px}.body-description,.body-description>*{padding:0 30px}.cta-poll{margin:40px 240px}}</style>]]> | |
| </user_code> | |
| <user_code id="fc47abee225c88acb514a6ab4299006a" data-rm-friendly-name="Post General CSS 1440px"> | |
| <![CDATA[<style> @media (min-width:1440px){.insert-nav-here{margin:0}.outer_container{padding-top:0}.posts_stream .post-splash-custom{width:calc(100% - 460px)}.post-splash-custom .widget__head{margin:0;padding:60px 60px 0 290px}.post-splash-custom .widget__head .widget__body{padding:0 60px 60px;bottom:0}.post-splash-custom .headline-container{padding-left:20px;max-width:420px;box-sizing:border-box}.post-splash-custom .headline-container .headline{font-size:43px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.49;letter-spacing:-1px;padding:10px 0 0}.post-splash-custom .widget__head+.widget__body{padding-top:0}.news-layout .post-splash-custom .widget__head{min-height:560px;box-sizing:border-box}.post-author-list{padding:0 60px;margin-top:-30px;position:absolute}.post-author__name, .post-splash-custom .post-date{display:block;position:absolute;margin:10px 0 0}.post-author__avatar{border:4px solid #f8f8f8}.post-splash-custom .post-date{top:50px;padding-left:60px}.post-splash-custom .body{padding-top:10px}.body-description{padding:50px 60px 0 290px}.body-description>*{padding:0 0 }.tags{margin-left:290px;margin-right:60px}.news-layout .post-splash-custom .widget__image{padding-bottom:67.66% !important}.post-splash-custom .widget__head+.widget__body:after{margin:60px calc(50% + 85px) 0 }.cta-poll{margin:40px 370px}}</style>]]> | |
| </user_code> | |
| <user_code id="f6d43bade46a4b45f8c8dc8e3225fc47" data-rm-friendly-name="Post General CSS 1920px and beyond"> | |
| <![CDATA[<style> @media (min-width:1441px){.all-content-wrapper{max-width:1920px;margin:0 auto}.post-splash-custom .widget__head{padding:60px calc((100% * 180)/1920) 60px calc((100% * 600)/1920)}.body-description{padding:50px calc((100% * 180)/1920) 0 calc((100% * 600)/1920)}.post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{padding-left:calc((100% * 250)/1920)}.tags{margin-left:calc((100% * 600)/1920);margin-right:calc((100% * 180)/1920)}}@media (min-width:1921px){.all-content-wrapper{max-width:1920px;margin:0 auto}.post-splash-custom .widget__head{padding:60px 180px 0 600px}.body-description{padding:50px 180px 0 460px}.post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{padding-left:250px}.tags{margin-left:600px;margin-right:180px}}</style>]]> | |
| </user_code> | |
| <user_code id="0934d9f7b6af0f136b6427435132262e" data-rm-friendly-name="Post General CSS news layout no image update"> | |
| <![CDATA[<style> .news-layout-no-image .post-splash-custom .widget__image{background-image:none !important;padding:0 0 0 !important;display:none}.news-layout-no-image .post-splash-custom .widget__head .widget__body{position:relative;padding:60px 30px 30px}@media (min-width:768px){.news-layout-no-image .post-splash-custom .widget__head{padding:60px 0 0}.news-layout-no-image .post-splash-custom .widget__head .widget__body{position:relative;padding:60px 60px 30px}}@media (min-width:1440px){.news-layout-no-image .post-splash-custom .widget__head .widget__body{position:relative;padding:80px 60px 70px}}@media (min-width:1441px){.news-layout-no-image .post-splash-custom .widget__head .widget__body{position:relative;padding-left:calc((100% * 250)/1920);}.news-layout-no-image .post-splash-custom .widget__head{min-height:unset;box-sizing:border-box}}</style>]]> | |
| </user_code> | |
| <user_code id="269f92e4d6c76041009fdb09f21f4d43" data-rm-friendly-name="Post General CSS news-layout-2-image update"> | |
| <![CDATA[<style> .news-layout-2-image .post-splash-custom .widget__image{background-image:none !important;padding:0 0 0 !important}.news-layout-2-image .post-splash-custom .widget__head .widget__body{position:relative;padding:60px 30px 30px}.news-layout-2-image .post-splash-custom .widget__image{background-image:none !important;padding:0 0 40px !important;position:absolute;bottom:unset;right:20px;top:calc((100% - 40px)/ 2 - 40px);left:0;right:0;text-align:center}@media (min-width:768px){.news-layout-2-image .post-splash-custom .widget__head{padding:0 0 0 !important}.news-layout-2-image .post-splash-custom .widget__head .widget__body{position:relative;padding:40px 60px 30px}.news-layout-2-image .post-splash-custom .widget__image{top:unset;bottom:40px;right:20px;left:40%;right:60px;text-align:right}}@media (min-width:1440px){.news-layout-2-image .post-splash-custom .widget__head .widget__body{position:relative;padding:60px 60px 50%}.news-layout-2-image .post-splash-custom .widget__head .widget__body .headline-container{position:absolute;max-width:40%;bottom:130px}.news-layout-2-image .post-splash-custom .widget__head .widget__body .widget__section{position:absolute;bottom:70px}.news-layout-2-image .post-splash-custom .widget__head{min-height:unset;box-sizing:border-box}}@media (min-width:1441px){.news-layout-2-image .post-splash-custom .widget__head .widget__body{padding-left:calc((100% * 250)/1920)}}</style>]]> | |
| </user_code> | |
| <user_code id="c6714e36d615b31c8c78f8ba6adb7fc6" data-rm-friendly-name="Post General CSS news-layout-2-image update image"> | |
| <![CDATA[<style> .custom-field-image-avatar1 .share-media-panel, .custom-field-image-avatar2 .share-media-panel{display:none}.custom-field-image-avatar1,.custom-field-image-avatar2{display:inline-block;width:55.55%;margin-bottom:60px;border-radius:50%;overflow:hidden}.custom-field-image-avatar1{margin-right:-6%}.custom-field-image-avatar2{margin-left:-6%}.custom-field-image-avatar1 img, .custom-field-image-avatar2 img{max-width:100%;width:100%}@media (min-width:768px){.custom-field-image-avatar1,.custom-field-image-avatar2{width:46.3%;margin-bottom:-25px}.custom-field-image-avatar1{margin-right:-3%}.custom-field-image-avatar2{margin-left:-3%}.custom-field-image-avatar1{margin-left:6.65%}.custom-field-image-avatar2{margin-right:5%}}@media (min-width:1080px){.custom-field-image-avatar1,.custom-field-image-avatar2{width:46.7%;margin-bottom:20px}.custom-field-image-avatar1{margin-right:-3%}.custom-field-image-avatar2{margin-left:-3%}.custom-field-image-avatar1{margin-left:6.15%}}@media (min-width:1440px){.custom-field-image-avatar1,.custom-field-image-avatar2{width:30.613%;position:absolute;margin-bottom:0;margin:0}.custom-field-image-avatar1{right:calc(30.613% - 40px)}.custom-field-image-avatar2{right:60px;top:35% }}</style>]]> | |
| </user_code> | |
| <user_code id="a9d74cf104efdb0558a87d5b95609582" data-rm-friendly-name="Post Author Image Over ride"> | |
| <![CDATA[<style> .select-section-entertainment .post-author__avatar.image, .select-section-entertainment .cover-all.image{background-image:url(https://assets.rbl.ms/19136472/2000x.png) !important}.select-section-beauty .post-author__avatar.image, .select-section-beauty .cover-all.image{background-image:url(https://assets.rbl.ms/19136476/2000x.png) !important}.select-section-fashion .post-author__avatar.image, .select-section-fashion .cover-all.image{background-image:url(https://assets.rbl.ms/19136480/2000x.png) !important}.select-section-life .post-author__avatar.image , .select-section-life .cover-all.image{background-image:url(https://assets.rbl.ms/19136486/2000x.png) !important}@media (max-width:767px){.post-author{display:block;padding-left:62px;margin-top:-10px;position:relative;top:-20px}.post-author:first-child{padding-left:0;top:0}.post-author .post-author__avatar{display:none}.post-author:first-child .post-author__avatar{display:inline-block}.post-author+.post-author:last-child{padding-bottom:0}}</style>]]> | |
| </user_code> | |
| <user_code id="3abc5733eba765e0a8df5410a1b6ff62" data-rm-friendly-name="Post Feature Layout over writes"> | |
| <![CDATA[<style> .posts_stream.feature-layout .post-splash-custom .widget__head{display:flex;flex-direction:column;padding:30px 30px 60px;text-align:center}.posts_stream.feature-layout .post-splash-custom .widget__head > .widget__image, .posts_stream.feature-layout .post-splash-custom .widget__head > a, .posts_stream.feature-layout .post-splash-custom .widget__head>.widget__video{order:1}.posts_stream.feature-layout .post-splash-custom .widget__head .widget__body{display:flex;flex-direction:column;order:0;align-items:flex-start;justify-content:center;text-align:center;max-width:800px;margin:0 auto}.posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .widget__section{margin:0 auto}.posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container{order:2;margin:0 auto;margin-top:30px;padding-left:0 !important;max-width:unset}.posts_stream.feature-layout .post-splash-custom .widget__head .widget__body .headline-container .headline{font-size:48px;line-height:1.08;display:unset;background-color:unset !important;box-shadow:unset;color:#fff}.posts_stream.feature-layout .post-splash-custom .photo-credit{position:absolute;top:-60px;left:30px}.posts_stream .post-splash-custom .photo-credit{font-family:'Apercu-Mono',Arial;font-size:11px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;color:#fff;z-index:1;text-transform:uppercase}.sponsored-post .widget__image{position:relative}.sponsored-post .widget__image:after{position:absolute;width:85px;height:72px;top:-10px;display:block;content:"";background-image:url(https://assets.rbl.ms/19270494/2000x.png);right:-10px;background-size:cover}.posts_stream.feature-layout .badge-list-sponsored{}.posts_stream.feature-layout .badge-list-sponsored{overflow:visible;position:relative}.posts_stream.feature-layout .badge-list-sponsored>a.badge{box-sizing:border-box;margin:0;vertical-align:middle;background-color:}.posts_stream.feature-layout .badge-list-sponsored:before{content:" ";font-size:14px;font-weight:bold;padding-right:0;font-family:Apercu-Mono,Arial;color:#000;display:inline-block;box-sizing:border-box;text-align:right;vertical-align:middle;position:relative;width:67px;margin-right:0;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x3%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E");height:23px;background-size:contain;background-repeat:no-repeat;background-position:center}.posts_stream.feature-layout .badge-list-sponsored img{margin-left:2px;max-height:30px;width:auto;border:0;border-radius:0}.posts_stream.feature-layout .badge-list-sponsored .badge-name, .posts_stream.feature-layout .badge-list-sponsored .badge-description{display:none}.posts_stream.feature-layout .widget__head .widget__body .author-byline{order:4;width:100%;position:relative;margin-top:50px;padding-bottom:20px}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head{padding:30px 0 0;margin-bottom:0}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{padding:0 30px 0 }.feature-layout .post-splash-custom .body > .widget__subheadline *{line-height:22px;font-size:22px}.feature-layout .post-splash-custom .body{line-height:24px;font-family:"Apercu",Arial;font-size:16px}.feature-layout .sidebar_outer{background-color:#f1f1f1 !important}@media (min-width: 768px){.sponsored-post .widget__image:after{width:119px;height:100px;top:-12px;right:-12px}.posts_stream.feature-layout .badge-list-sponsored:before{color:#fff;width:77px;height:30px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='nylon_x' data-name='nylon x' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 459 67.2'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none}.cls-2{fill:%23fff}%3C/style%3E%3C/defs%3E%3Ctitle%3ENylon x white%3C/title%3E%3Cg id='NYLON_Logo' data-name='NYLON Logo'%3E%3Cpath class='cls-1' d='M252.3,65.3H.7c-.2,0-.7.2-.6-.4H20.9V33.1l.4.7,18,30.6c.2.4.5.5,1,.5H60.4V2.9H39.6V34.7l-.4-.5L21.2,3.4a1,1,0,0,0-.9-.6H.1V2.3H370.5v63H257.3a33.8,33.8,0,0,0,20.4-8.6c6.1-5.5,9.7-12.3,10.2-20.5a28.8,28.8,0,0,0-9.6-24.2C270.2,4.3,260.4,1.5,249.5,3a31.9,31.9,0,0,0-21.9,12.2c-6.8,8.6-8.7,18.2-5,28.5s13,18.4,25,21C249.1,65,250.7,65.1,252.3,65.3Zm78.6-32.4h.1l.4.6,17.9,30.5a1,1,0,0,0,.9.6h20.2V2.5H349.6V34.4l-.4-.6-18-30.9c-.2-.4-.4-.5-.9-.5H310.2v62h20.7ZM112.7,19.7l-.8-1.3c-2.1-5.1-4.3-10.1-6.4-15.1-.3-.6-.5-.7-1.1-.7h-24l.4.8,20.6,34a1.9,1.9,0,0,1,.4,1.2v26h21.4V38.7a3.3,3.3,0,0,1,.4-1.4l20-34,.4-.7H119.4a.7.7,0,0,0-.7.5L113.1,19ZM186,2.6H165v62h40V45.1H186Z'/%3E%3Cpath class='cls-2' d='M.1,2.8H20.3a1,1,0,0,1,.9.6l18,30.8.4.5V2.9H60.4v62H40.3c-.5,0-.8-.1-1-.5l-18-30.6-.4-.7V64.9H.1Z'/%3E%3Cpath class='cls-2' d='M252.3,65.3c-1.6-.2-3.2-.3-4.7-.6-12-2.6-20.8-9.2-25-21s-1.8-19.9,5-28.5A31.9,31.9,0,0,1,249.5,3c10.9-1.5,20.7,1.3,28.8,8.9a28.8,28.8,0,0,1,9.6,24.2c-.5,8.2-4.1,15-10.2,20.5a33.8,33.8,0,0,1-20.4,8.6h-5Zm-9.5-31.9a14.4,14.4,0,0,0,1.6,6.9c3.7,6.7,12.2,8.2,17.6,3.2a13.2,13.2,0,0,0,1.3-17.7c-3.6-4.3-9.4-5.6-14.1-2.9A12.2,12.2,0,0,0,242.8,33.4Z'/%3E%3Cpath class='cls-2' d='M330.9,32.9V64.4H310.2V2.4h20.1c.5,0,.7.1.9.5l18,30.9.4.6V2.5h20.8V64.4H350.2a1,1,0,0,1-.9-.6L331.4,33.4l-.4-.6Z'/%3E%3Cpath class='cls-2' d='M112.7,19.7l.4-.7,5.6-15.9a.7.7,0,0,1,.7-.5H144l-.4.7-20,34a3.3,3.3,0,0,0-.4,1.4V64.6H101.8v-26a1.9,1.9,0,0,0-.4-1.2L80.8,3.4l-.4-.8h24c.6,0,.8.1,1.1.7,2.1,5,4.3,10,6.4,15.1Z'/%3E%3Cpath class='cls-2' d='M186,2.6V45.1h19V64.6H165V2.6Z'/%3E%3Cpath class='cls-1' d='M242.8,33.4a12.2,12.2,0,0,1,6.4-10.5c4.7-2.7,10.5-1.4,14.1,2.9A13.2,13.2,0,0,1,262,43.5c-5.4,5-13.9,3.5-17.6-3.2A14.4,14.4,0,0,1,242.8,33.4Z'/%3E%3C/g%3E%3Cg id='X'%3E%3Cpath class='cls-2' d='M458.1,21.5,445.4,42.6l13.8,22.2H444.6l-7.7-13.4-6.4,13.4H416.3l13.4-23.5L417.1,21.5h14.7l6.6,11.6,5.8-11.6Z'/%3E%3C/g%3E%3C/svg%3E")}.posts_stream.feature-layout .widget__head .widget__body .author-byline{padding-bottom:40px}.posts_stream.feature-layout .post-splash-custom .widget__head{padding:45px 60px 158px;margin-bottom:-150px}.posts_stream.feature-layout .post-splash-custom .widget__head .widget__body{position:unset;padding:30px}.posts_stream.feature-layout .post-splash-custom .widget__head+.widget__body{text-align:center}.posts_stream.feature-layout .post-splash-custom .photo-credit{position:absolute;top:-10px;left:60px;max-width:calc(50% - 90px);text-align:left}.posts_stream.feature-layout .post-author-list, .posts_stream.feature-layout .post-splash-custom .post-date{margin:0;width:auto;text-align:center;display:inline-block;padding:0;line-height:12px;height:12px;vertical-align:top;position:unset;box-sizing:border-box;text-align:left}.posts_stream.feature-layout .post-author__avatar.image{position:absolute;top:-45px;left:50%;width:60px;height:60px;border:4px solid #fff;margin-left:-30px}.posts_stream.feature-layout .post-author-list .post-author__name, .posts_stream.feature-layout .post-splash-custom .post-date{font-family:Apercu-Mono,Arial;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:normal;color:#e8d4c8;opacity:1;margin:20px 0 18px;padding:0 3px;position:unset;top:unset}.posts_stream.feature-layout .post-author-list .post-author:last-child .post-author__name{padding-right:11px}.posts_stream.feature-layout .post-splash-custom .post-date{padding-left:11px}.posts_stream.feature-layout .post-author-list{text-align:right}.posts_stream.feature-layout .post-date:before{content:'0b7';display:inline-block;vertical-align:top;line-height:1;position:absolute;top:3px;font-size:18px;left:-5px}.posts_stream.feature-layout .post-splash-custom .body{padding-top:50px;margin-top:85px}.posts_stream.feature-layout .post-splash-custom .post-date{position:relative}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head{padding:60px 0 0}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{padding:0 60px 0 }.posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image{top:-30px}.posts_stream.feature-layout .author-byline .post-author-list .post-author__name, .posts_stream.feature-layout .post-splash-custom .author-byline .post-date{margin-top:50px}}@media (min-width: 1080px){.posts_stream.feature-layout .post-splash-custom{width:100% }.posts_stream.feature-layout .post-splash-custom .body{width:calc(100% - 360px)}.rebellt-item.parallax{left:calc(-50vw + 50% + 186px)}.posts_stream.feature-layout .tags{margin-left:60px;margin-right:420px}.posts_stream.feature-layout .post-splash-custom .photo-credit{max-width:calc(50% - 120px)}}@media (min-width: 1440px){.posts_stream.feature-layout .post-splash-custom{width:100% }.posts_stream.feature-layout .post-splash-custom .body{width:calc(100% - 460px)}.posts_stream.feature-layout .post-author-list .post-author__name, .posts_stream.feature-layout .post-splash-custom .post-date{margin:54px 0 18px}.posts_stream.feature-layout .post-splash-custom .body{padding-top:0}.posts_stream.feature-layout .tags{margin-left:290px;margin-right:520px}.posts_stream.feature-layout .post-splash-custom .widget__head+.widget__body:after{margin:60px calc(50% - 130px) 0 }}@media (min-width: 1441px){.posts_stream.feature-layout .tags{margin-left:calc((100% * 600)/1920 - 140px);margin-right:calc(((100% - 460px) * 180)/1920 + 460px)}}@media (min-width: 1921px){.posts_stream.feature-layout .tags{margin-left:600px margin-right: 640px}}@media (max-width: 767px){.sponsored-post .post-author__name{margin:27px 20px 0}.sponsored-post .post-splash-custom .post-date{margin-top:-10px}.posts_stream.feature-layout .badge-list-sponsored{position:absolute;top:10px;left:110px}.posts_stream.feature-layout .badge-list-sponsored img{max-height:23px}.posts_stream.feature-layout .badge-list-sponsored:before{font-size:12px}}</style>]]> | |
| </user_code> | |
| <user_code id="b9d503973d30ea2bba7c212186e8e737" data-rm-friendly-name="Post Feature Layout 2- 3 over writes"> | |
| <![CDATA[<style> .posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__body .headline-container .headline , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__body .headline-container .headline{background-color:#fff !important;color:#000 !important;line-height:1.4;display:inline;box-shadow:10px 0 0 #fff, -10px 0 0 #fff}.posts_stream.feature-layout .widget__head .widget__body .author-byline{order:4;width:100%;position:relative;margin-top:20px;padding-bottom:40px}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head{padding:30px 0 0;margin-bottom:0}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{padding:0 30px 0 }.posts_stream.feature-layout .widget__head>.photo-credit{position:relative;top:unset;padding:30px;max-width:800px;margin:0 auto;left:unset;order:5;box-sizing:border-box;width:100%;font-family:Apercu-Mono,Arial;font-size:11px;line-height:1.82;letter-spacing:normal;text-align:center;color:#666 }@media (min-width: 768px){.posts_stream.feature-layout .widget__head .widget__body .author-byline{margin-top:50px}.posts_stream.feature-layout.feature-layout-2 ..post-splash-custom .body{margin-top:50px}.posts_stream.feature-layout .post-splash-custom .post-date{position:relative}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head , .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head{padding:60px 0 0}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .widget__head .widget__body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .widget__head .widget__body{padding:0 60px 0 }.posts_stream.feature-layout .widget__head .widget__body .author-byline .post-author__avatar.image{top:-30px}.posts_stream.feature-layout .author-byline .post-author-list .post-author__name, .posts_stream.feature-layout .post-splash-custom .author-byline .post-date{margin-top:50px;color:#fff}.posts_stream.feature-layout .widget__head>.photo-credit{padding:50px 60px}.posts_stream.feature-layout.feature-layout-2 .post-splash-custom .body, .posts_stream.feature-layout.feature-layout-3 .post-splash-custom .body{margin-top:0}}@media (min-width: 1080px){}@media (min-width: 1440px){}@media (max-width:767px){.author-byline .post-author__avatar{position:relative;margin:0 auto;top:unset;left:unset;display:block}.posts_stream.feature-layout .author-byline .post-author-list .post-author__name, .posts_stream.feature-layout .post-splash-custom .author-byline .post-date{display:block;text-align:center;color:#fff;opacity:1;width:100%;padding:0}.posts_stream.feature-layout .author-byline .post-author-list .post-author__name{margin:15px 0 10px}.posts_stream.feature-layout .post-splash-custom .author-byline .post-date{margin:0}}</style>]]> | |
| </user_code> | |
| <user_code id="785fac1862edd7e92905aceb3403d72c" data-rm-friendly-name="Beauty Section"> | |
| <![CDATA[<style> .section-beauty .post__page__ad__container{background-color:{{beauty-color-lighter}}; }.select-section-beauty .body-description a{background-color: {{beauty-color-light}} ; }.select-section-beauty .post-splash-custom .widget__head{background-color: {{beauty-color-dark}} ; }.select-section-beauty .post-splash-custom .headline-container .headline, .select-section-beauty .body-description .pullquote-paragraph{background-color: {{beauty-color-light}} ;color: {{beauty-color-dark}} ;box-shadow:10px 0 0 {{beauty-color-light}} , -10px 0 0 {{beauty-color-light}} ; }.select-section-beauty .post-splash-custom .widget__section{border-color: {{beauty-color-light}} ;color: {{beauty-color-light}} ; }.select-section-beauty .tags .tags__item{background-color: {{beauty-color-light}} ;color: {{beauty-color-dark}} ; }.select-section-beauty .tags, .select-section-beauty .tags:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-size:30px 15px}.select-section-beauty .post-splash-custom .widget__head+.widget__body:after{width:50px;height:25px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170.67 122.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%236c44ca}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M80.41,122.3q-1.24,0-2.49,0C50.56,121.47,25.64,107.58,3.84,81L0,76.29l4.14-4.42c1.45-1.54,36-37.76,83.28-37.94h.34c28.11,0,54.51,12.75,78.44,37.9l4.46,4.69-4.39,4.76C164.71,83,127.9,122.3,80.41,122.3ZM18.69,77.08c18.08,20.2,38.12,30.75,59.63,31.37,33.43,1,62.1-21.9,73.07-31.94-19.88-19.1-41.26-28.77-63.63-28.77h-.28C55.11,47.87,28.81,68.08,18.69,77.08Z'/%3E%3Cellipse class='cls-1' cx='86.08' cy='77.71' rx='26.02' ry='30.73'/%3E%3Crect class='cls-1' x='10.23' y='18.63' width='16.58' height='40.82' transform='translate(-16.5 13.72) rotate(-28.75)'/%3E%3Crect class='cls-1' x='130.97' y='30.75' width='40.82' height='16.58' transform='translate(44.32 152.97) rotate(-61.24)'/%3E%3Crect class='cls-1' x='52.34' y='1.44' width='16.58' height='40.04' transform='translate(-3.45 15.92) rotate(-14.55)'/%3E%3Crect class='cls-1' x='90.45' y='13.17' width='40.04' height='16.58' transform='translate(61.93 122.99) rotate(-75.44)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");;background-position:0}.select-section-beauty .sidebar_outer{background:{{beauty-color-lighter}}; }.select-section-beauty .sidebar_outer .widget__headline-text, .select-section-beauty .sidebar_outer .whats-new-headline{color: {{beauty-color-dark}} ; }.select-section-beauty .sidebar_outer .widget article, .select-section-beauty .sidebar_outer .widget .widget__image, .body .nested-posts article{border-color: {{beauty-color-dark}} ; }.select-section-beauty .sidebar_outer svg path{stroke : {{beauty-color-dark}} ; }.posts_stream.feature-layout .select-section-beauty .post-splash-custom .widget__head .widget__body .headline-container .headline{color: {{beauty-color-light}} ; }.posts_stream .select-section-beauty .post-splash-custom .photo-credit{color: {{beauty-color-light}} ; }.select-section-beauty .body .ee-ul li:before , .select-section-beauty .body .ee-ol li:before{color: {{beauty-color-dark}} ; }@media (min-width:768px){.select-section-beauty .post-splash-custom .headline-container .headline, .select-section-beauty .body-description .pullquote-paragraph{box-shadow:15px 0 0 {{beauty-color-light}} , -15px 0 0 {{beauty-color-light}} ; }.posts_stream.feature-layout .select-section-beauty .post-author-list .post-author__name, .posts_stream.feature-layout .select-section-beauty .post-splash-custom .post-date{color: {{beauty-color-light}} ; }}@media (min-width:1440px){.select-section-beauty .post-splash-custom .headline-container .headline, .select-section-beauty .body-description .pullquote-paragraph{box-shadow:20px 0 0 {{beauty-color-light}} , -20px 0 0 {{beauty-color-light}} ; }}.select-section-beauty .body-description .dropcap-paragraph:first-letter {color: {{beauty-color-dark}} ; }.select-section-beauty .cta-poll{color: {{beauty-color-dark}} ;border:30px solid {{beauty-color-dark}} ; }.select-section-beauty .cta-poll-block .cta-poll__question{color: {{beauty-color-dark}} ; }.select-section-beauty .cta-poll-block .cta-poll__answer__text{background-image:linear-gradient(94deg, {{beauty-color-light}} , {{beauty-color-dark}} )}.select-section-beauty .body-description blockquote:before{background-image:url("data:image/svg+xml;utf8,<svg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20111.84%2025.16%22> | |
| <defs> | |
| <style>svg{transform:rotate(90deg)}.cls-1{fill: {{beauty-color-dark}} ; }<%2Fstyle> | |
| <%2Fdefs> | |
| <title>Asset%203RP<%2Ftitle> | |
| <g%20id=%22Layer_2%22%20data-name=%22Layer%202%22> | |
| <g%20id=%22Beauty%22> | |
| <path%20class=%22cls-1%22%20d=%22M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0%22%2F> | |
| <%2Fg> | |
| <%2Fg> | |
| <%2Fsvg>");background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%236c44ca}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:24px 24px}.section-beauty .subscription_form{background-color: {{beauty-color-dark}} !important}.section-beauty .subscription_form svg path{stroke: {{beauty-color-light}} !important}.section-beauty .subscription_form .social-links a{color: {{beauty-color-light}} !important;border-color: {{beauty-color-light}} !important}.section-fashion .subscription_form{background-color: {{fashion-color-dark}} !important}.section-fashion .subscription_form svg path{stroke: {{fashion-color-light}} !important}.section-fashion .subscription_form .social-links a{color: {{fashion-color-light}} !important;border-color: {{fashion-color-light}} !important}.section-life .subscription_form{background-color: {{life-color-dark}} !important}.section-life .subscription_form svg path{stroke: {{life-color-light}} !important}.section-life .subscription_form .social-links a{color: {{life-color-light}} !important;border-color: {{life-color-light}} !important}.section-entertainment .subscription_form{background-color: {{entertainment-color-dark}} !important}.section-entertainment .subscription_form svg path{stroke: {{entertainment-color-light}} !important}.section-entertainment .subscription_form .social-links a{color: {{entertainment-color-light}} !important;border-color: {{entertainment-color-light}} !important}</style>]]> | |
| </user_code> | |
| <user_code id="93862ab2459c4094633c583ceb83cd17" data-rm-friendly-name="fashion Section"> | |
| <![CDATA[<style> .section-fashion .post__page__ad__container{background-color:{{fashion-color-lighter}}; }.select-section-fashion .body-description a{background-color: {{fashion-color-light}} ; }.select-section-fashion .post-splash-custom .widget__head{background-color: {{fashion-color-dark}} ; }.select-section-fashion .post-splash-custom .headline-container .headline, .select-section-fashion .body-description .pullquote-paragraph{background-color: {{fashion-color-light}} ;color: {{fashion-color-dark}} ;box-shadow:10px 0 0 {{fashion-color-light}} , -10px 0 0 {{fashion-color-light}} ; }.select-section-fashion .post-splash-custom .widget__section{border-color: {{fashion-color-light}} ;color: {{fashion-color-light}} ; }.select-section-fashion .tags .tags__item{background-color: {{fashion-color-light}} ;color: {{fashion-color-dark}} ; }.select-section-fashion .tags, .select-section-fashion .tags:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:40px 16px;background-repeat:repeat-x}.select-section-fashion .post-splash-custom .widget__head+.widget__body:after{width:50px;height:25px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.87 98.67'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23b7194c}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M4.28,91.3a13.51,13.51,0,0,0,13.36,2.76l1.61-3.79h5.12l.85,5.81,9.71.66.27-5.15,5.09.66a13.86,13.86,0,0,1,.89,5l9.7.84-.29-5.89c1.45.15,3,0,4.43.11a52.2,52.2,0,0,1,.61,5.41l9.22.25s-.4-2.61-.56-5.64c1.26-.24,4,0,5.29-.2.61,2,1.49,5.67,1.49,5.67s7.5.46,9.78-.56c.27-1.43.37-4.33.65-5.76l4.65-.62c.23,1.35,1.36,5.82,1.36,5.82s5-1.15,6.53-2.2c2.63-1.83,4.06-6.73,6.48-8.82,3.38-2.92,8.11-3.57,12.56-4a238.47,238.47,0,0,1,29.74-.85c2.4.08,5,.28,6.78,1.9,3.75,3.42.93,9.81,2.6,14.6l11.71,1.27.3-4.91c1.1-.74,4.49-.53,5.79-.3.88.16.6,3,.53,4.72,2.78,0,6.15-.43,8.93-.43.06-1.54-1-4.39.42-4.86a8.54,8.54,0,0,1,4.34.06c.48.08-.08,4.42.4,4.54,4.61,1.17,7.72.5,12.21.25a261.17,261.17,0,0,0,0-45.74,5,5,0,0,0-1.11-3.22c-1.05-1-2.71-.91-4.16-.73-27.88,3.28-56.71,6.87-80.82,21.27-7.28,4.35-14.08,9.66-22,12.76-9.27,3.65-19.48,4-29.44,3.84a279.74,279.74,0,0,1-30.6-2.28c-9-1.17-19.92-7.79-28.7-7.34C-.21,81.38,1,88.28,4.28,91.3Z'/%3E%3Cpath class='cls-1' d='M119.61,38.92a65.49,65.49,0,0,0,10.45-20.5,7.91,7.91,0,0,1,2-4,7.42,7.42,0,0,1,2.56-1.2l39-12.52a10,10,0,0,1,3.89-.7c2.41.22,4.37,2.2,5.28,4.44a20,20,0,0,1,1,7.14q-7.43,2.65-14.58,6a22.07,22.07,0,0,0-6.8,4.37c-4.48,4.69-4.34,12.08-3,18.44,1.24,6.07,3.71,12.77,2,18.92-6.83-.21-13.12,3.87-19,0C140,57.77,121.73,36.12,119.61,38.92Z'/%3E%3Cpath class='cls-1' d='M27.27,60.12c15.37.32,32.56-4.07,40.45-17.27,2.26-3.78,4.37-8.67,8.74-9.24,2.92-.38,5.63,1.45,7.93,3.29A101.23,101.23,0,0,1,111.79,71a2.67,2.67,0,0,1,.39,2c-.25.74-1.06,1.11-1.79,1.39L98.74,78.77a315.07,315.07,0,0,1-24.1-29.1c-2.17-.1-3.85,2.19-3.89,4.36s1.07,4.18,2.19,6A135.36,135.36,0,0,0,91.83,84.57L77.54,86.12c-1.61.18-2.34,3.06-3.8,2.36s-3.4-4.82-4.29-6.16L60,67.94c-1.13-1.71-2.33-3.49-4.14-4.45s-4.4-.79-5.51.94a127.71,127.71,0,0,0,5.49,23c-4.93,0-10.65-2-15.58-2a54.72,54.72,0,0,1-1.11-8.5c-.14-2.95-.5-6.06-2.29-8.4s-5.48-3.47-7.76-1.59c-1,0,1,16.09,1.12,17.45-6.91-.2-25.82-2.41-28.11-11-2-7.47,4.09-10.77,11-12.2A67,67,0,0,1,27.27,60.12Z'/%3E%3Cpath class='cls-1' d='M.62,81.38A19.25,19.25,0,0,1,2.39,67.12c1-1.78,4.53-4.24,7-5,5.07-1.48,4.84,2.55,6.7,4.75a43.3,43.3,0,0,1,8.8,16.24,2.28,2.28,0,0,1-.33,2.46c-.87.79-2.51.71-3.87.55L4.84,84.32'/%3E%3Cpath class='cls-1' d='M116.54,41.69A20.4,20.4,0,0,1,109.27,40L97.58,35.63a8.26,8.26,0,0,1-3.46-2.15C91.92,31,92.67,27.95,93,26.8c1.12-4.55,2.44-9.13,3.91-13.61,2.15-6.49,6.21-7.63,8.44-7.74a10.88,10.88,0,0,1,3.48.47h0c1.75.45,3.78.84,5.89,1.25,5.31,1,11.32,2.17,15.51,4.69,6.66,4,3.16,11.35,1.48,14.88-.38.79-.74,1.53-1,2.19a25,25,0,0,1-3.85,7.59,13.46,13.46,0,0,1-9.62,5.14ZM100.79,28.31l11.28,4.23a13.25,13.25,0,0,0,4.72,1.16,5.57,5.57,0,0,0,3.85-2.18,18.25,18.25,0,0,0,2.56-5.3c.32-.87.78-1.86,1.28-2.9.6-1.25,1.83-3.86,1.66-4.69-3-1.72-8.31-2.73-13-3.63-2.29-.44-4.49-.87-6.38-1.35-.34-.09-.87-.18-1.12-.23h0s-.61.37-1.24,2.27C103.07,19.85,101.84,24.09,100.79,28.31Zm-1-.41h0Z'/%3E%3Cpath class='cls-1' d='M92.15,15.9a8.69,8.69,0,0,1,4.44-1.45,4.19,4.19,0,0,1,3.78,2.79,6.51,6.51,0,0,1-.58,5.05,13.23,13.23,0,0,1-3.12,3.58c-5.39,4.76-11.16,8.94-15.87,14.72C75,47.66,65.25,45,71.36,37,76.61,30,85.16,19.87,92.15,15.9Z'/%3E%3Cpath class='cls-1' d='M127.6,25l-8.66-2.33a8.65,8.65,0,0,0-4.68-.36c-1.51.46-2.68,2.17-1.87,3.45a4.14,4.14,0,0,0,2.66,1.4l12.39,3,.16-3.45'/%3E%3C/g%3E%3C/svg%3E");background-position:0}.select-section-fashion .sidebar_outer{background:{{fashion-color-lighter}}; }.select-section-fashion .sidebar_outer .widget__headline-text, .select-section-fashion .sidebar_outer .whats-new-headline{color: {{fashion-color-dark}} ; }.select-section-fashion .sidebar_outer .widget article, .select-section-fashion .sidebar_outer .widget .widget__image, .body .nested-posts article{border-color: {{fashion-color-dark}} ; }.select-section-fashion .sidebar_outer svg path{stroke : {{fashion-color-dark}} ; }.posts_stream.feature-layout .select-section-fashion .post-splash-custom .widget__head .widget__body .headline-container .headline{color: {{fashion-color-light}} ; }.posts_stream .select-section-fashion .post-splash-custom .photo-credit{color: {{fashion-color-light}} ; }.select-section-fashion .body .ee-ul li:before , .select-section-fashion .body .ee-ol li:before{color: {{fashion-color-dark}} ; }@media (min-width:768px){.select-section-fashion .post-splash-custom .headline-container .headline, .select-section-fashion .body-description .pullquote-paragraph{box-shadow:15px 0 0 {{fashion-color-light}} , -15px 0 0 {{fashion-color-light}} ; }.posts_stream.feature-layout .select-section-fashion .post-author-list .post-author__name, .posts_stream.feature-layout .select-section-fashion .post-splash-custom .post-date{color: {{fashion-color-light}} ; }}@media (min-width:1440px){.select-section-fashion .post-splash-custom .headline-container .headline, .select-section-fashion .body-description .pullquote-paragraph{box-shadow:20px 0 0 {{fashion-color-light}} , -20px 0 0 {{fashion-color-light}} ; }}.select-section-fashion .body-description .dropcap-paragraph:first-letter {color: {{fashion-color-dark}} ; }.select-section-fashion .cta-poll{color: {{fashion-color-dark}} ;border:30px solid {{fashion-color-dark}} ; }.select-section-fashion .cta-poll-block .cta-poll__question{color: {{fashion-color-dark}} ; }.select-section-fashion .cta-poll-block .cta-poll__answer__text{background-image:linear-gradient(94deg, {{fashion-color-light}} , {{fashion-color-dark}} )}.select-section-fashion blockquote:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23b7194c}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:30px 30px;background-position:-5px}</style>]]> | |
| </user_code> | |
| <user_code id="129be647a3f0603b735e867e0fba0df5" data-rm-friendly-name="Entertainment Section"> | |
| <![CDATA[<style> .section-entertainment .post__page__ad__container{background-color:{{entertainment-color-lighter}}; }.select-section-entertainment .body-description a{background-color: {{entertainment-color-light}} ; }.select-section-entertainment .post-splash-custom .widget__head{background-color: {{entertainment-color-dark}} ; }.select-section-entertainment .post-splash-custom .headline-container .headline , .select-section-entertainment .body-description .pullquote-paragraph{background-color: {{entertainment-color-light}} ;color: {{entertainment-color-dark}} ;box-shadow:10px 0 0 {{entertainment-color-light}} , -10px 0 0 {{entertainment-color-light}} ; }.select-section-entertainment .post-splash-custom .widget__section{border-color: {{entertainment-color-light}} ;color: {{entertainment-color-light}} ; }.select-section-entertainment .tags .tags__item{background-color: {{entertainment-color-light}} ;color: {{entertainment-color-dark}} ; }.select-section-entertainment .tags, .select-section-entertainment .tags:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-size:40px 15px}.select-section-entertainment .post-splash-custom .widget__head+.widget__body:after{width:50px;height:25px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160.84 153.57'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%231f5d87}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 5%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M159,64.47a6.11,6.11,0,0,0-3.38-10.41l-45-6.54a6.11,6.11,0,0,1-4.6-3.34L85.9,3.4a6.11,6.11,0,0,0-10.95,0L54.82,44.17a6.11,6.11,0,0,1-4.6,3.34l-45,6.54A6.11,6.11,0,0,0,1.85,64.47L34.41,96.2a6.1,6.1,0,0,1,1.76,5.4l-7.69,44.81a6.11,6.11,0,0,0,8.86,6.44l40.24-21.16a6.11,6.11,0,0,1,5.68,0l40.24,21.16a6.11,6.11,0,0,0,8.86-6.44l-7.69-44.81a6.11,6.11,0,0,1,1.76-5.4Zm-45,9.28L99.8,87.59A2.66,2.66,0,0,0,99,89.95l3.35,19.55a2.66,2.66,0,0,1-3.86,2.81L81,103.07a2.66,2.66,0,0,0-2.48,0L60.93,112.3a2.66,2.66,0,0,1-3.86-2.81l3.35-19.55a2.66,2.66,0,0,0-.77-2.36L45.45,73.74a2.66,2.66,0,0,1,1.48-4.54l19.63-2.85a2.66,2.66,0,0,0,2-1.46l8.78-17.79a2.66,2.66,0,0,1,4.78,0l8.78,17.79a2.66,2.66,0,0,0,2,1.46l19.63,2.85A2.66,2.66,0,0,1,114,73.74Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");;background-position:0}.select-section-entertainment .sidebar_outer{background:{{entertainment-color-lighter}}; }.select-section-entertainment .sidebar_outer .widget__headline-text, .select-section-entertainment .sidebar_outer .whats-new-headline{color: {{entertainment-color-dark}} ; }.select-section-entertainment .sidebar_outer .widget article , .select-section-entertainment .sidebar_outer .widget .widget__image, .body .nested-posts article{border-color: {{entertainment-color-dark}} ; }.select-section-entertainment .sidebar_outer svg path{stroke : {{entertainment-color-dark}} ; }.posts_stream.feature-layout .select-section-entertainment .post-splash-custom .widget__head .widget__body .headline-container .headline{color: {{entertainment-color-light}} ; }.posts_stream .select-section-entertainment .post-splash-custom .photo-credit{color: {{entertainment-color-light}} ; }.select-section-entertainment .body .ee-ul li:before , .select-section-entertainment .body .ee-ol li:before{color: {{entertainment-color-dark}} ; }@media (min-width:768px){.select-section-entertainment .post-splash-custom .headline-container .headline , .select-section-entertainment .body-description .pullquote-paragraph{box-shadow:15px 0 0 {{entertainment-color-light}} , -15px 0 0 {{entertainment-color-light}} ; }.posts_stream.feature-layout .select-section-entertainment .post-author-list .post-author__name, .posts_stream.feature-layout .select-section-entertainment .post-splash-custom .post-date{color: {{entertainment-color-light}} ; }}@media (min-width:1440px){.select-section-entertainment .post-splash-custom .headline-container .headline , .select-section-entertainment .body-description .pullquote-paragraph{box-shadow:20px 0 0 {{entertainment-color-light}} , -20px 0 0 {{entertainment-color-light}} ; }}.select-section-entertainment .body-description .dropcap-paragraph:first-letter {color: {{entertainment-color-dark}} ; }.select-section-entertainment .cta-poll{color: {{entertainment-color-dark}} ;border:30px solid {{entertainment-color-dark}} ; }.select-section-entertainment .cta-poll-block .cta-poll__question{color: {{entertainment-color-dark}} ; }.select-section-entertainment .cta-poll-block .cta-poll__answer__text{background-image:linear-gradient(94deg, {{entertainment-color-light}} , {{entertainment-color-dark}} )}.select-section-entertainment blockquote:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%231f5d87}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:24px 24px}</style>]]> | |
| </user_code> | |
| <user_code id="361110a9a6821d311fd04ac39b489d32" data-rm-friendly-name="Life Section"> | |
| <![CDATA[<style> .section-life .post__page__ad__container{background-color:{{life-color-lighter}}; }.select-section-life .body-description a{background-color: {{life-color-light}} ; }.select-section-life .post-splash-custom .widget__head{background-color: {{life-color-dark}} ; }.select-section-life .post-splash-custom .headline-container .headline, .select-section-life .body-description .pullquote-paragraph{background-color: {{life-color-light}} ;color: {{life-color-dark}} ;box-shadow:10px 0 0 {{life-color-light}} , -10px 0 0 {{life-color-light}} ; }.select-section-life .post-splash-custom .widget__section{border-color: {{life-color-light}} ;color: {{life-color-light}} ; }.select-section-life .tags .tags__item{background-color: {{life-color-light}} ;color: {{life-color-dark}} ; }.select-section-life .tags, .select-section-life .tags:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x}.select-section-life .post-splash-custom .widget__head+.widget__body:after{width:50px;height:25px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140.15 140.15'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23bc48b4}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M70.08,0a70.08,70.08,0,1,0,70.08,70.08A70.08,70.08,0,0,0,70.08,0ZM56.67,106.75c-4.8,0-8.69-6.58-8.69-14.69s3.89-14.69,8.69-14.69,8.69,6.58,8.69,14.69S61.47,106.75,56.67,106.75Zm29,0c-4.8,0-8.69-6.58-8.69-14.69S80.9,77.37,85.7,77.37s8.69,6.58,8.69,14.69S90.5,106.75,85.7,106.75Zm17-39.5C95.65,48.87,83.63,38.6,69.33,38.94c-14,.39-26.43,11.39-31.79,28L27,63.57c6.82-21.16,23.31-35.16,42-35.68,18.94-.45,35.3,12.71,44,35.39Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:0}.select-section-life .sidebar_outer{background:{{life-color-lighter}}; }.select-section-life .sidebar_outer .widget__headline-text , .select-section-life .sidebar_outer .whats-new-headline{color: {{life-color-dark}} ; }.select-section-life .sidebar_outer .widget article , .select-section-life .sidebar_outer .widget .widget__image, .body .nested-posts article{border-color: {{life-color-dark}} ; }.select-section-life .sidebar_outer svg path{stroke : {{life-color-dark}} ; }.posts_stream.feature-layout .select-section-life .post-splash-custom .widget__head .widget__body .headline-container .headline{color: {{life-color-light}} ; }.posts_stream .select-section-life .post-splash-custom .photo-credit{color: {{life-color-light}} ; }.select-section-life .body .ee-ul li:before , .select-section-life .body .ee-ol li:before{color: {{life-color-dark}} ; }@media (min-width:768px){.select-section-life .post-splash-custom .headline-container .headline, .select-section-life .body-description .pullquote-paragraph{box-shadow:15px 0 0 {{life-color-light}} , -15px 0 0 {{life-color-light}} ; }.posts_stream.feature-layout .select-section-life .post-author-list .post-author__name, .posts_stream.feature-layout .select-section-life .post-splash-custom .post-date{color: {{life-color-light}} ; }}@media (min-width:1440px){.select-section-life .post-splash-custom .headline-container .headline, .select-section-life .body-description .pullquote-paragraph{box-shadow:20px 0 0 {{life-color-light}} , -20px 0 0 {{life-color-light}} ; }}.select-section-life .body-description .dropcap-paragraph:first-letter {color: {{life-color-dark}} ; }.select-section-life .cta-poll{color: {{life-color-dark}} ;border:30px solid {{life-color-dark}} ; }.select-section-life .cta-poll-block .cta-poll__question{color: {{life-color-dark}} ; }.select-section-life .cta-poll-block .cta-poll__answer__text{background-image:linear-gradient(94deg, {{life-color-light}} , {{life-color-dark}} )}.select-section-life blockquote:before{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23bc48b4}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}div[data-s2-value="justice"] .post-author__avatar.image, div[data-s2-value="justice"] .select-section-life .cover-all.image{background-image:url(https://assets.rbl.ms/19206695/2000x.png) !important}</style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="more from author CSS over rides fro 3rd post" id="8496bf3c4f87b024f2847091e4176329"> | |
| <![CDATA[<style> .post-with-more-from-author .post-splash-custom .widget__head+.widget__body{padding-bottom:530px !important}@media (min-width:768px){.post-with-more-from-author .post-splash-custom .widget__head+.widget__body{padding-bottom:480px !important;}}@media (min-width:1440px){.post-with-more-from-author .post-splash-custom .widget__head+.widget__body{padding-bottom:280px !important;}}</style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="what's new css" id="fe485f54c362925bcda42dc3a51e880f"> | |
| <![CDATA[<style> .news-post-whats-new .custom-field-image-avatar1{left:0}.homepage_component_wrapper .what-new-item .widget .widget__head .widget__body{position:unset}.whats-new-headline{font-family:'Adieu';font-size:35px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.23;letter-spacing:normal;text-align:center}.whats-news-posts-wrapper .widget article{border-bottom:1px solid}.whats-news-posts-wrapper .widget #col-right{position:absolute;top:0;bottom:-10px;right:0;display:flex;align-items:center}.sidebar_outer .widget .widget__image{border:2px solid rgb(47, 46, 125)}.whats-news-posts-wrapper div[runner-lazy-loading] .lazyload-placeholder{display:none}.feature-layout . @media (max-width:767px){.whats-news-posts-wrapper .widget #col-right{bottom:10px}}</style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar CSS" id="8f4f469bb9c207a25c2a238bccc587a6"> | |
| <![CDATA[<style>.sidebar_outer{box-sizing:border-box;padding:60px 0}.sidebar_outer.hidden{display:none}.sidebar_inner{width:300px;margin:0 auto}.sidebar_ad_container{text-align:center}.whats-new-posts-container{opacity:0;padding:60px 30px 0}.whats-new-posts-container.in__view{opacity:1;transition:all .5s cubic-bezier(.23,1,.32,1)}@media (min-width:768px) and (max-width:1079px){.whats-new-headline{font-size:30px}.sidebar_outer{display:flex;padding:60px;display:none !important}.sidebar_inner{order:2}.whats-new-posts-container{order:0;width:50%;padding:0 40px 0 0;box-sizing:border-box}}@media (min-width:1080px){.whats-new-posts-container{position:absolute;bottom:90px}.sidebar_outer{width:360px;position:absolute;right:0;top:0;bottom:0;left:auto;box-sizing:border-box;padding:60px 30px}.feature-layout .sidebar_outer{margin-top:150px}.feature-layout.feature-layout-3 .sidebar_outer, .feature-layout.feature-layout-2 .sidebar_outer{margin-top:0}.whats-new-posts-container{width:300px;padding:unset}}@media (min-width:1080px) and (max-width:1439px){.sidebar-ad{right:30px !important}}@media (min-width:1440px){.sidebar_outer{width:460px;padding:60px 60px}.whats-new-posts-container{width:340px}.sidebar-ad{right:80px}}</style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Misc Update css for post page" id="1f56d2da19bbfd8e5424732618651fc6"> | |
| <![CDATA[<style> @media (max-width:1079px){.scrolling-menu-wrapper .header-headline-container{display:none !important}}</style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add pageload media css" id="c933635dec7de5120ebcdba1450395aa"> | |
| <![CDATA[<style>.all-content-wrapper{opacity:0}.all-content-wrapper.loaded{opacity:1;animation:2s ease-out 0s 1 opacityAnimate}@keyframes opacityAnimate{0%{opacity:0}100%{opacity:100%}}</style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="SidebarAd first call" id="0b49ea72aab73408ddf680a16f5e9c56"> | |
| <![CDATA[<script type="text/javascript"> | |
| function SidebarAd(){ | |
| if(!firstSidebarCall && document.querySelector('.posts_stream .sidebar-ad')) { | |
| firstSidebarCall=true; | |
| if(window.innerWidth>1079){ | |
| var adslot=document.querySelector('.posts_stream .sidebar-ad'); | |
| adslot.setAttribute('id','right-rail-first-ad') | |
| googletag.cmd.push(function() { | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], adslot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| //googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(adslot.id); | |
| adslot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| }); | |
| if( document.querySelector('.sidebar_outer') && document.querySelector('.sidebar_outer').offsetHeight < document.querySelector('.sidebar-ad'). | |
| offsetHeight+document.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| document.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad definition and loading on infinite scroll " id="6a11a169e41dc9f598463a29d672c5a8"> | |
| <![CDATA[<script> | |
| function loadAdonPostInView(element){ | |
| var emptyAdslots=element.querySelectorAll("[id^='div-id-for-']:empty"); | |
| if(emptyAdslots){ | |
| var section=""; | |
| var tag__a=[]; | |
| element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=element.querySelector('.article__splash-custom .headline-container > a') ? element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| // console.log(postBaseName); | |
| s1 =element.querySelector('.article__splash-custom .widget__section')? element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| s2 = element.querySelector('.article__splash-custom').getAttribute('data-s2-value')? element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| slotName = "/" + networkCode + "/" + adUnit; | |
| pid = postBaseName; | |
| ptype = "article"; | |
| tags =tag__a; | |
| googletag.cmd.push(function() { | |
| emptyAdslots.forEach(ad_slot => { | |
| if(ad_slot.getAttribute('data-ad-slot')=='inread' && ad_slot.getAttribute('id')=="div-id-for-inread-slot"){ | |
| ad_render_count++; | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineOutOfPageSlot(slotName, ad_slot.id) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(isElementInViewport(ad_slot,200)){ | |
| ad_render_count++; | |
| //console.log(ad_slot); | |
| if(ad_slot.getAttribute('data-ad-slot')=='mid'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], ad_slot.id) | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='rightrail'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| var slot; | |
| if(window.innerHeight<680){console.log("size is 250"); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [ [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [300, 250], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| else { | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| slot= googletag.defineSlot(slotName, [[300, 600], [300, 250]], ad_slot.id) | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| } | |
| ad_slot.setAttribute('data-kvp-slot',rightRailSLotKVP_key); | |
| rightRailSLotKVP[rightRailSLotKVP_key]=slot; | |
| rightRailSLotKVP_key++; | |
| } | |
| if(ad_slot.getAttribute('data-ad-slot')=='infinite-scroll'){ | |
| ad_slot.setAttribute('id',`div-id-for-${ad_slot.getAttribute('data-ad-pos')}-slot-${ad_render_count}`) | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], ad_slot.id) | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", ad_slot.getAttribute('data-ad-pos')); | |
| } | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| var isNsfwEnabledAd=ad_slot.closest('.posts_stream'); | |
| if(isNsfwEnabledAd && isNsfwEnabledAd.classList.contains('isFirstArticle') && nsfwtag) { | |
| // console.log(isNsfwEnabledAd); | |
| // console.log("isNsfwEnabledAd"); | |
| googletag.pubads().setTargeting("nsfw","yes"); | |
| } | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| // googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| googletag.display(ad_slot.id); | |
| } | |
| }); | |
| }); | |
| } | |
| if(element.querySelector('.sidebar_outer')&& element.querySelector('.sidebar-ad') && element.querySelector('.sidebar_outer').offsetHeight < element.querySelector('.sidebar-ad'). | |
| offsetHeight+element.querySelector('.whats-new-posts-container').offsetHeight+300){ | |
| element.querySelector('.whats-new-posts-container').innerHTML=""; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Scrolling/Static Navigation alternating [JS]" id="dffa86a2bf5fa720355143e1c534f837"> | |
| <![CDATA[<script type="text/javascript"> | |
| var article_headline = document.querySelector('.posts_stream'); | |
| var heightToScroll = article_headline ? article_headline.getBoundingClientRect().top : 250; | |
| var header = document.querySelectorAll('.header-scroll-wrapper')[0]; | |
| var menuStateChange = 0; | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } | |
| function controlNavigationMenu(){ | |
| if (article_headline.getBoundingClientRect().top < 30) { | |
| header.classList.remove('hide-scroll-header'); | |
| header.classList.add('show-scroll-header'); | |
| menuStateChange = 1; | |
| } else { | |
| if (menuStateChange) { | |
| header.classList.remove('show-scroll-header'); | |
| header.classList.add('hide-scroll-header'); | |
| } | |
| } | |
| } | |
| /* | |
| function isAnyPartOfElementInViewport(el) { | |
| const rect = el.getBoundingClientRect(); | |
| // DOMRect { x: 8, y: 8, width: 100, height: 100, top: 8, right: 108, bottom: 108, left: 8 } | |
| const windowHeight = (window.innerHeight || document.documentElement.clientHeight); | |
| const windowWidth = (window.innerWidth || document.documentElement.clientWidth); | |
| // http://stackoverflow.com/questions/325933/determine-whether-two-date-ranges-overlap | |
| const vertInView = (rect.top <= windowHeight) && ((rect.top + rect.height) >= 0); | |
| const horInView = (rect.left <= windowWidth) && ((rect.left + rect.width) >= 0); | |
| return (vertInView && horInView); | |
| } | |
| */ | |
| // var first_article = document.body.getElementsByClassName('article-stream-first')[0]; | |
| /*if (isAnyPartOfElementInViewport(first_article)){ | |
| currentArticle = 0; | |
| currentArticleDiv = getCurrentScrollingArticle(0); | |
| } else { | |
| var continuousElements = document.body.getElementsByClassName('article-stream-wrapper')[0].getElementsByClassName('widget'); | |
| for (var i=0; i<continuousElements.length;i++) { | |
| currentArticle++; | |
| if (isAnyPartOfElementInViewport(continuousElements[i])) { | |
| currentArticleDiv = getCurrentScrollingArticle(currentArticle); | |
| var height = currentArticleDiv.offsetHeight; | |
| var bottom = currentArticleDiv.getBoundingClientRect().bottom; | |
| var translateBy = (bottom-scrollingHeight)/height; | |
| scrollingFill.style.transform = "translate("+translateBy*-100+"%)"; | |
| break; | |
| } | |
| } | |
| } | |
| */ | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Add widget sections on load more and url update" id="16e069644e646a39d719c1ea2465892c"> | |
| <![CDATA[<!--script tyle="text/lazy-javascript"> | |
| {{require}}(['jquery', 'core/event_dispatcher'], function($, eventDispatcher) { | |
| setWidgetSectionSelector(); | |
| eventDispatcher.on('load-more:sync', function() { | |
| setWidgetSectionSelector(); | |
| }); | |
| /*var runnerEvents = __RUNNER_PUBLIC__.events; | |
| var runnerRootID = __RUNNER_PUBLIC__.root; | |
| var start = 0; | |
| $(runnerRootID).on( runnerEvents.URL_CHANGE_PAGE_VIEW, function() { | |
| var primarySectionName= document.querySelector(`[href*="${location.pathname.split('/').pop()}"]`) | |
| if(primarySectionName){ | |
| primarySectionName=primarySectionName.closest('.widget').querySelector('.widget__section').innerText; | |
| } | |
| if(!primarySectionName){ | |
| primarySectionName= document.querySelector('.post-partial.article__splash-custom').querySelector('.widget__section').innerText; | |
| } | |
| // console.log(`the primary section name is - ${primarySectionName}`); | |
| if(primarySectionName) { | |
| //console.log(`the primary section name is - ${primarySectionName}`) | |
| primarySectionName=getPrimarySectionName(primarySectionName.toLowerCase()); | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| });*/ | |
| }); | |
| </script-->]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Sidebar Position Script" id="7fcb478bede2443d16ee816d2f3f0e0c"> | |
| <![CDATA[<script type="text/javascript"> | |
| var firstSidebarCall; | |
| var whatsNewWidget = document.querySelectorAll('.whats-new-posts-container .widget'); | |
| if (whatsNewWidget) { | |
| whatsNewWidget.forEach(element => { | |
| element.classList.add('whats-new-widget'); | |
| }) | |
| } | |
| function setSidebar(element) { | |
| var article; | |
| // console.log(element); | |
| if (element.classList && element.classList.contains('feature-layout')) { | |
| // console.log(element); | |
| article = element.querySelector('.post-splash-custom .body-description'); | |
| // alert(article) | |
| } else if(element.classList && element.classList.contains('news-layout')) { | |
| article= element.querySelector('.post-splash-custom'); | |
| } | |
| console.log(article); | |
| if (article) { | |
| if (article.querySelector('.sidebar_outer')) { | |
| //alert("already has sidebar") | |
| } else { | |
| var sidebar = document.querySelector('.sidebar_outer.hidden')?document.querySelector('.sidebar_outer.hidden').cloneNode(true) : sidebar; | |
| var postsStream=article.closest('.posts_stream'); | |
| if (sidebar) { | |
| sidebar.classList.remove('hidden') | |
| } | |
| article.insertAdjacentElement('afterend', sidebar); | |
| postsStream.classList.add('sidebar-processed'); | |
| if(!firstSidebarCall){ | |
| SidebarAd(); | |
| } | |
| setTimeout(() => { | |
| postsStream.querySelector('.whats-new-posts-container').classList.remove("in__view"); | |
| /* if(postsStream.classList && postsStream.classList.contains('feature-layout')?postsStream.querySelector('.post-splash-custom .widget__head'):0+postsStream.querySelector('.whats-new-posts-container').offsetHeight+postsStream.querySelector('.sidebar-ad').offsetHeight+120 >postsStream.querySelector('.post-splash-custom').offsetHeight ) { | |
| postsStream.querySelector('.whats-new-posts-container').parentNode.removeChild(postsStream.querySelector('.whats-new-posts-container')) | |
| }*/ | |
| }, 200); | |
| } | |
| } | |
| } | |
| setSidebar(document); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="in view" id="c9b1ea99863b9a3c5458be80f91eeda8"> | |
| <![CDATA[<script > | |
| function isElementInViewport(el, extraOffsetTop, extraOffsetBottom) { | |
| var extraOffsetTop = extraOffsetTop || 0; | |
| var extraOffsetBottom = extraOffsetBottom || 0; | |
| var top = el.offsetTop; | |
| var height = el.offsetHeight; | |
| while(el.offsetParent) { | |
| el = el.offsetParent; | |
| top += el.offsetTop; | |
| } | |
| var topEdge = top - extraOffsetTop; | |
| var bottomEdge = top + height + extraOffsetBottom; | |
| var topScreenEdge = window.pageYOffset; | |
| var bottomScreenEdge = window.pageYOffset + window.innerHeight; | |
| return (topEdge < bottomScreenEdge && topEdge > topScreenEdge) || // top edge in screen | |
| (bottomEdge < bottomScreenEdge && bottomEdge > topScreenEdge) || // bottom edge in screen | |
| (topEdge < topScreenEdge && bottomEdge > bottomScreenEdge); // belly in screen | |
| } | |
| function haveEnteredViewport(element,offsetvalue){ | |
| var currWindowPos=window.scrollY; | |
| var elTOp=element.getBoundingClientRect().top; | |
| if(offsetvalue>elTOp){ | |
| return true; | |
| } | |
| else { | |
| return false; | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Article Scroll ...ad lazy load ... animate" id="49de173f54f289657b48adeb28a4a22f"> | |
| <![CDATA[<script> | |
| var headerHeadline = document.body.getElementsByClassName('header-headline')[0]; | |
| function setHeaderHeadline(text) { | |
| if (headerHeadline && text) { | |
| headerHeadline.style.animationName = "headerTitleGoAway"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| setTimeout( | |
| function() { | |
| headerHeadline.style.animationName = "headerTitleComeBack"; | |
| headerHeadline.style.animationDuration = "1s"; | |
| headerHeadline.textContent = text; | |
| } | |
| ,600 | |
| ); | |
| } | |
| } | |
| function updateShare(element){ | |
| ; | |
| /* var sharebUttons=` | |
| <a href="${element.querySelector('.widget__shares .share-fb').getAttribute('href')}" data-track-share="Facebook" class="share share-popup share-fb social-links__link share-facebook" > | |
| <span class="fa fa-facebook"> | |
| </span> | |
| </a> | |
| <a href="${element.querySelector('.widget__shares .share-tw').getAttribute('href')}" data-track-share="Twitter" class="share share-popup share-tw social-links__link share-twitter" > | |
| <span class="fa fa-twitter"> | |
| </span> | |
| </a> | |
| <!-- PINTEREST --> | |
| <a data-pin-href="${element.querySelector('.widget__shares > a:nth-child(3)').getAttribute('data-pin-href')}" data-pin-log="button_pinit" class="social-links__link share-pinterest"> | |
| <span class="fa fa-pinterest"> | |
| </span> | |
| </a> | |
| <!-- EMAIL --> | |
| <a href="${element.querySelector('.widget__shares .share-email').getAttribute('href')}" data-track-share="Email" class="share share-popup share-email social-links__link share-envelope" > | |
| <span class="fa fa-envelope"> | |
| </span> | |
| </i> | |
| </a> | |
| `;*/ | |
| var sharebUttons=element.querySelector('.widget__shares').cloneNode(true); | |
| sharebUttons.classList.add('social-links') | |
| document.querySelector('.header-social-links-wrapper .social-links').parentNode.replaceChild(sharebUttons, document.querySelector('.header-social-links-wrapper .social-links')); | |
| //document.querySelector('.header-social-links-wrapper .social-links').innerHTML=sharebUttons; | |
| } | |
| </script> | |
| <script> | |
| var scrollingFill = document.body.getElementsByClassName('scrolling-article-postion-fill')[0]; | |
| var prevScrollPosition = window.scrollY; | |
| var currentScrollPosition = window.scrollY; | |
| var scrollDirection; | |
| var postsElement = []; | |
| var currentArticle = 0; | |
| var InViewArticleDiv; | |
| var scrollingHeight = document.body.getElementsByClassName('scrolling-menu-wrapper')[0].offsetHeight; | |
| var lastSection = ""; | |
| function getCurrentScrollingArticle(currentArticleDiv, articleNumber) { | |
| if (currentArticleDiv) { | |
| // console.log('set headline'); | |
| currentArticleDiv.classList.add('current-article-scroll'); | |
| var primarySectionName = getPrimarySectionName(currentArticleDiv.querySelector('.post-splash-custom .widget__section') ? currentArticleDiv.querySelector('.post-splash-custom .widget__section').innerText.toLowerCase() : ""); | |
| if (currentArticleDiv.querySelector('.custom-field-feature-color-primary') && currentArticleDiv.querySelector('.custom-field-fearure-color-secondary')) { | |
| primarySectionName = currentArticleDiv.querySelector('.custom-field-feature-color-primary').innerText; | |
| } | |
| if (primarySectionName) { | |
| if (primarySectionName != lastSection) | |
| // console.log(`the primary section name upated - ${primarySectionName}`); | |
| setBodySectionName(primarySectionName); | |
| } | |
| lastSection = primarySectionName | |
| //return currentArticleDiv; | |
| } | |
| } | |
| function animateScrollOnTopbar(currArticle){ | |
| var height = currArticle.offsetHeight; | |
| var bottom = currArticle.getBoundingClientRect().bottom ; | |
| var top = currArticle.getBoundingClientRect().top; | |
| var translateBy = (bottom - scrollingHeight) / height; | |
| if ((bottom - scrollingHeight) < 0 || (top - scrollingHeight) > 0) { | |
| scrollingFill.style.transform = "translate(200%)"; | |
| } else { | |
| scrollingFill.style.transform = "translate(" + translateBy * -100 + "%)"; | |
| } | |
| } | |
| function articleScroll() { | |
| var progressBarVisible; | |
| var isAnyPostVisible; | |
| var topBarHeadline; | |
| document.querySelectorAll('.posts_stream .article__splash-custom').forEach(article => { | |
| if (isElementInViewport(article)) { | |
| article.querySelectorAll('.body-description > *:not(.in__view)').forEach(el => { | |
| if (isElementInViewport(el)) { | |
| el.className += " in__view" | |
| } | |
| }) | |
| progressBarVisible = true; | |
| isAnyPostVisible = true; | |
| if (InViewArticleDiv) { | |
| if (article == InViewArticleDiv) { | |
| } | |
| else { | |
| //setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| //getCurrentScrollingArticle(article, 100); | |
| //updateShare(article); | |
| } | |
| } else { | |
| if(isElementInViewport(article.querySelector('.headline'),-article.querySelector('.headline').offsetHeight)||isElementInViewport(article.querySelector('.body'))){ | |
| InViewArticleDiv = article; | |
| setHeaderHeadline(article.querySelector('.post-splash-custom .headline').innerText); | |
| getCurrentScrollingArticle(article, 100); | |
| updateShare(article);} | |
| } | |
| var postsStream = article.closest('.posts_stream'); | |
| if (postsStream) { | |
| loadAdonPostInView(postsStream); | |
| // postsStream.classList.add('ad-processed') | |
| } | |
| animateScrollOnTopbar(article); | |
| document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else {} | |
| }); | |
| if (isAnyPostVisible) {//document.querySelector('.scrolling-article-postion-wrapper').removeAttribute('style'); | |
| } else { | |
| //console.log(`remove header`); | |
| setHeaderHeadline(" "); | |
| InViewArticleDiv=null; | |
| document.querySelector('.scrolling-article-postion-wrapper').style.display = 'none'; | |
| } | |
| } | |
| currentArticle = 0; | |
| InViewArticleDiv; | |
| articleScroll(); | |
| //window.addEventListener("scroll", articleScroll); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="ad scroll function" id="1d123a5691d5148d1bf9fd810988d809"> | |
| <![CDATA[<script> | |
| function setSidebarAdPosition(){ | |
| var sidebarEl=document.querySelectorAll('.sidebar_outer'); | |
| //if(sidebarEl[]) | |
| sidebarEl.forEach(element => { | |
| if(isElementInViewport(element)){ | |
| var thead=element.querySelector('.sidebar-ad'); | |
| if(thead){ | |
| var refresh_counter=1; | |
| var whatsnew=element.querySelector('.whats-new-posts-container'); | |
| if(element.hasAttribute('data-ad-refresh-count')){ | |
| refresh_counter = parseInt(element.getAttribute('data-ad-refresh-count')); | |
| } | |
| else { | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| } | |
| if(element.getBoundingClientRect().top < (-((window.innerWidth*refresh_counter-100)*2)) && element.querySelector('.sidebar-ad').style.position=="fixed" ){ | |
| googletag.cmd.push(function() { | |
| googletag.pubads().refresh([rightRailSLotKVP[thead.getAttribute('data-kvp-slot')]]); | |
| // console.log('ad refreshed'); | |
| refresh_counter++; | |
| element.setAttribute('data-ad-refresh-count',refresh_counter) | |
| }); | |
| } | |
| if(thead.parentNode.getBoundingClientRect().top+60 <= 140 && whatsnew.getBoundingClientRect().top < 180+thead.offsetHeight){ | |
| thead.style.position='absolute'; | |
| thead.style.bottom=element.querySelector('.whats-new-posts-container ' ).offsetHeight+130+'px'; | |
| thead.style.top="unset"; | |
| thead.style.right="80px"; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else if(element.parentNode.getBoundingClientRect().top+60 <=140 && whatsnew.getBoundingClientRect().top > thead.offsetHeight+180){ | |
| thead.style.position='fixed'; | |
| thead.style.top='140px'; | |
| thead.style.bottom="unset"; | |
| thead.style.right='80px'; | |
| if(window.innerWidth>1920){ | |
| thead.style.right="calc(((100vw - 1920px) / 2) + 80px)"; | |
| } | |
| } | |
| else { | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| } | |
| else { | |
| if(element.querySelector('.sidebar-ad')){ | |
| element.querySelector('.sidebar-ad').removeAttribute('style'); | |
| } | |
| } | |
| }); | |
| /* var currentSidebar= document.querySelector('.current-article-scroll .sidebar_outer'), | |
| currentAdInView=currentSidebar.querySelector('.sidebar_inner'), | |
| currentWhatsNew=currentSidebar.querySelector('.whats-new-posts-container'); | |
| if(currentSidebar.getBoundingClientRect().top <= 0 ){ | |
| if(currentWhatsNew.getBoundingClientRect().top > currentAdInView.offfsetHeight+140){ | |
| currentAdInView.style.position='fixed'; | |
| currentAdInView.style.top='140px'; | |
| } | |
| else { | |
| currentAdInView.removeAttribute('style'); | |
| } | |
| }*/ | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="sidebar addition" id="348c8348468237b236abf74a9569798f"> | |
| <![CDATA[<script > | |
| function SetSidebarElements() { | |
| var streamPosts = document.querySelectorAll('.posts_stream:not(.sidebar-processed)'); | |
| if (streamPosts) { | |
| streamPosts.forEach(element => { | |
| if (haveEnteredViewport(element, window.innerHeight - 10) == true) { | |
| //element.classList.add('sidebar-processed'); | |
| setSidebar(element); | |
| } | |
| }) | |
| } | |
| var whatsNew = document.querySelectorAll('.whats-new-posts-container:not(.in__view)'); | |
| if (whatsNew) { | |
| whatsNew.forEach(element => { | |
| if (window.innerWidth > 1079) { | |
| if (haveEnteredViewport(element, ((element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 > 500) ? element.parentNode.querySelector('.sidebar_ad_container').offsetHeight + 40 : 500)) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } else { | |
| if (haveEnteredViewport(element, window.innerHeight - 100) == true) { | |
| element.classList.add('in__view'); | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="1a3ced63699e08664ed296247bdd97c1"> | |
| <![CDATA[<script> | |
| function ChkShowTrendingAnim() { | |
| document.querySelectorAll('.tag-trending:not(.container-trending-anim-proc)').forEach(widget => { | |
| if(isElementInViewport(widget)){ | |
| widget.classList.add('container-trending-anim-proc'); | |
| widget.querySelector('.container-trending-anim').classList.add('container-trending-anim-show'); | |
| } | |
| }) | |
| } | |
| setTrendingPost(TrendingParent); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="scroll function" id="525204028bb7726b2b5959d0e66bc6e4"> | |
| <![CDATA[<script > | |
| function Ithrottle (callback, limit) { | |
| var wait = false; | |
| return function () { | |
| if (!wait) { | |
| callback.apply(null, arguments); | |
| wait = true; | |
| setTimeout(function () { | |
| wait = false; | |
| }, limit); | |
| } | |
| } | |
| } | |
| window.addEventListener("scroll", Ithrottle(function(){ | |
| SetSidebarElements() | |
| articleScroll(); | |
| ChkShowTrendingAnim() | |
| if(window.innerWidth>1079){ | |
| setSidebarAdPosition() | |
| } | |
| controlNavigationMenu(); | |
| },5)); | |
| window.addEventListener("resize", function(){ | |
| if (window.innerWidth > 1079) { | |
| articleScroll(); | |
| reOrderElement() | |
| SetSidebarElements(); | |
| setSidebarAdPosition(); | |
| } | |
| else { | |
| if(document.querySelector('.sidebar-ad[style*="pos"]')){ | |
| document.querySelector('.sidebar-ad[style*="pos"]').removeAttribute('style'); | |
| } | |
| ; | |
| } | |
| }); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations" id="0b737a89fc99653d76e395c9094c6625"> | |
| <![CDATA[<style> | |
| @keyframes textAnimatess { | |
| 0% { | |
| height: 0; | |
| } | |
| 100% { | |
| height: 100%; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Animations items" id="48159a45e15bb190f34e4cc2aecb684f"> | |
| <![CDATA[<style> | |
| .news-layout .headline span { | |
| overflow: hidden; | |
| display: inline-block; | |
| animation: 1s ease-out 0s 1 textAnimate; | |
| line-height: 1; | |
| vertical-align: middle; | |
| } | |
| .body-description > * { | |
| opacity:0; | |
| transform:translateY(20%); | |
| } | |
| .body-description > *.in__view { | |
| opacity:1; | |
| transform:translateY(0%); | |
| transition: all 1.1s cubic-bezier(.23,1,.32,1); | |
| transition-delay: .1s; | |
| } | |
| body .header-scroll-wrapper .scrolling-article-postion-fill { | |
| transition: all .1s linear; | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Share popup handler" id="1fc6d97e6e0e65bf2e096faf1e51166b"> | |
| <![CDATA[<!--script type="text/lazy-javascript" priority="2"> | |
| jQuery('.share.share-fb').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Twitter", "height=285,width=550,resizable=1"); | |
| }); | |
| jQuery('.share.share-tw').click(function(e) { | |
| e.preventDefault(); | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, "Facebook", "height=269,width=550,resizable=1"); | |
| }); | |
| </script--> | |
| <script type="text/lazy-javascript" priority="2"> | |
| jQuery('body').on('click','.share-popup:not(.share-email)',function(e) { | |
| e.preventDefault(); | |
| var social=''; | |
| if(jQuery(this).hasClass('share-tw')){ | |
| social='Twitter' | |
| } | |
| else if(jQuery(this).hasClass('share-fb')){ | |
| social='Facebook' | |
| } | |
| else if(jQuery(this).hasClass('share-pinterest')){ | |
| social='Pinterest' | |
| } | |
| var href = jQuery(this).attr('href'); | |
| window.open(href, social, "height=285,width=550,resizable=1"); | |
| }); | |
| </script> | |
| <style> | |
| .header-social-links .widget__shares a:nth-child(3) { | |
| height: 35px; | |
| width: 35px; | |
| font-size: 0 !important; | |
| position: relative; | |
| background-size: 23px; | |
| border:0; | |
| } | |
| .header-social-links .widget__shares a:nth-child(3) i { | |
| font-size:26px; | |
| position:relative; | |
| top:3px; | |
| } | |
| .widget__shares a[class^="PIN"]{ | |
| border: 0; | |
| border-radius: 50%; | |
| background:none; | |
| color:unset !important; | |
| box-shadow:none; | |
| } | |
| .widget__shares a[class^="PIN"]:hover { | |
| color:unset !important; | |
| } | |
| .widget__shares a[class^="PIN"]:before { | |
| content: "\f0d2"; | |
| font-family: FontAwesome !important; | |
| font-size: 26px; | |
| position: relative; | |
| top: 7px; | |
| left: -15px; | |
| }.widget__shares.social-links { | |
| margin-top:5px; | |
| } | |
| .header-social-links .widget__shares i.fa-email { | |
| font-size:25px; | |
| } | |
| @media (max-width:767px){ | |
| .widget__shares.social-links { | |
| margin-top: 0; | |
| } | |
| } | |
| </style>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="interstitial and inread ad" id="41cf9906365238fa460bc620e79a77a3"> | |
| <![CDATA[<div id="div-id-for-interstitial"> | |
| <script type="text/javascript"> | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-interstitial");}); | |
| </script> | |
| </div> | |
| <div class="post__page__ad__container" id="adhesion-slot-container" style="display: none;text-align: center;position: fixed;bottom: 60px;margin: 0px;padding: 10px 0px;width: 100%;"> | |
| <div id="div-id-for-adhesion-slot"> | |
| <script type="text/javascript"> | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.cmd.push(function() { | |
| googletag.display("div-id-for-adhesion-slot");}); | |
| document.getElementById("adhesion-slot-container").style.display="block"; | |
| } | |
| </script> | |
| </div> | |
| <a class="close-adhesion-ad" href="javascript:document.getElementById('adhesion-slot-container').parentNode.removeChild(document.getElementById('adhesion-slot-container'));" style="position:absolute;display: block;background-color:rgba(0,0,0,.7);border-radius:50%;right: 7px;top: -10px;color:#fff;font-weight:bold;font-family:arial;height: 23px;width: 23px;">x</a> | |
| </div>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="11c32232366dc3b1712202ebd6d206df"> | |
| <![CDATA[<script> | |
| setTrendingPost(TrendingParent); | |
| console.log("amount of nodes loaded without lazy loaded element : "+ document.querySelectorAll("*").length); | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="fix NYL-541" id="d14484718f40e876bba8bee0f9695e4e"> | |
| <![CDATA[<style> | |
| .share.share-flipboard svg { | |
| width: 25px; | |
| height: 25px; | |
| visibility: visible; | |
| } | |
| .scrolling-menu-wrapper .share.share-flipboard { | |
| opacity: 1; | |
| } | |
| </style>]]> | |
| </user_code> | |
| </abtest> | |
| <abtest name="Untitled Test" data-rm-created-by="19305113" data-rm-created-on="Thu Apr 04 2019 01:13:00 GMT+0600 (Bangladesh Standard Time)" query-param="pagespeed" query-value="9"> | |
| <jinja data-rm-friendly-name="[JINJA] jwplayer Async or sync , adhesion/nsfw"> | |
| <![CDATA[<script> | |
| var adhesionTag,nsfwtag; | |
| /*{{context.post.tags}}*/ | |
| {% if '*nsfw' in context.post.tags %} | |
| nsfwtag=true; | |
| {% endif %} | |
| {% if '*adhesion' in context.post.tags %} | |
| adhesionTag=true; | |
| {% endif %} | |
| </script> | |
| {% if context.post.video %} | |
| <script src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% else %} | |
| <script async src="https://content.jwplatform.com/libraries/ZSlIrou1.js"> | |
| </script> | |
| {% endif %}]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="custom js trending module selection" id="881f9a9c0924a990931c92da95c0199e"> | |
| <![CDATA[<script> | |
| var trendingCount = 2000; | |
| var TrendingParent = document.querySelectorAll('.trending-container:not(.trending-processed)' ); | |
| function setTrendingPost(TrendingParentContainer){ | |
| TrendingParentContainer.forEach(element => { | |
| element.classList.add('trending-processed'); | |
| var maxPageviewNews = 0; | |
| var maxPageviewFeature = 0; | |
| var maxClassprefix = "max-" | |
| element.querySelectorAll('.news-post-whats-new .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewNews) { | |
| maxPageviewNews = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewNews > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0"); | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewNews).insertAdjacentElement("afterbegin",trendingElement); | |
| } | |
| element.querySelectorAll('.feature___post .widget').forEach(widget => { | |
| if (widget.querySelector('.page-views')) { | |
| var pageview = parseInt(widget.querySelector('.page-views').innerText) | |
| widget.classList.add(maxClassprefix + pageview) | |
| if (pageview > maxPageviewFeature) { | |
| maxPageviewFeature = pageview | |
| } | |
| } | |
| }); | |
| if (maxPageviewFeature > trendingCount) { | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).classList.add('tag-trending'); | |
| var trendingElement = document.querySelector(".container-trending-anim").cloneNode(true); | |
| trendingElement.setAttribute("id","trending-anim-0") | |
| element.querySelector('.widget.' + maxClassprefix + maxPageviewFeature).insertAdjacentElement("afterbegin",trendingElement); | |
| if (element.querySelector('.feature-4 .widget.' + maxClassprefix + maxPageviewFeature)) { | |
| element.querySelector('.feature-4').classList.add('feature-3') | |
| element.querySelector('.feature-3').classList.add('feature-4'); | |
| element.querySelector('.feature-4').classList.remove('feature-3'); | |
| element.querySelector('.feature-3').classList.remove('feature-4'); | |
| reOrderElement(); | |
| } | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <write_to_header data-rm-friendly-name="JWplayer Manipulateion"> | |
| <![CDATA[<script> | |
| function video_module_manipulate(){ | |
| var video_widgets=document.querySelectorAll('.video_module .widget'); | |
| if(video_widgets.length>0){ | |
| let playerEl = document.querySelector('.jw_video_player_1') ? document.querySelector('.jw_video_player_1'): document.querySelector('#jwplayer_video_module_'+VideoMduleInPage); | |
| playerEl.id="jwplayer_video_module_"+VideoMduleInPage; | |
| var playerInstance = jwplayer('jwplayer_video_module_'+VideoMduleInPage); | |
| // console.log(playerInstance); | |
| video_widgets.forEach(function (widget, i) { | |
| if(widget.querySelector('.widget_video_control')){} | |
| else { | |
| widget.querySelector('.widget__body').insertAdjacentHTML('beforeend','<div class="widget_video_control"> | |
| <div class="pause_div">\ | |
| <i class="fa fa-pause"> | |
| </i> Pause\ | |
| </div>\ | |
| <div class="play_div">\ | |
| <i class="fa fa-play"> | |
| </i> Play\ | |
| </div> | |
| </div>'); | |
| } | |
| let video = widget.querySelector('.widget__video'); | |
| let image = widget.querySelector('.widget__image'); | |
| const regex = /players\%2F.{8}/g; | |
| let str = video.getElementsByTagName('iframe')[0]? (video.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?video.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):video.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| video.innerHTML=""; | |
| video.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.classList.add('video_media_'+videoID); | |
| if (i === 0 && video) { | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: false, | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg' | |
| }); | |
| playerInstance.on('pause', (event) => { | |
| //console.log('Why did my user pause their video instead of watching it?'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('active'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| }); | |
| playerInstance.on('play', (event) => { | |
| //console.log('tahnk you for watching'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.remove('paused'); | |
| document.querySelector('.video_module .widget.video_media_'+playerInstance.getPlaylist()[0].mediaid).classList.add('active'); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| }); | |
| } | |
| widget.onclick = function () { | |
| if( widget.classList.contains('active')){ | |
| if( widget.classList.contains('paused')){ | |
| widget.classList.remove('paused'); | |
| playerInstance.play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| else{ | |
| playerInstance.pause(); | |
| widget.classList.add('paused'); | |
| document.querySelector('#container-watch-anim-0').removeAttribute('style'); | |
| } | |
| } | |
| else { | |
| video_widgets.forEach(function(twidget) { | |
| twidget.classList.remove('active'); | |
| twidget.classList.remove('paused'); | |
| }) | |
| widget.classList.add('active') | |
| playerInstance.load( "https://cdn.jwplayer.com/v2/media/" + videoID).play(); | |
| document.querySelector('#container-watch-anim-0').style.display='none'; | |
| } | |
| } | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code id="02e56d2f348312641346c0c9ef54e23d" data-rm-friendly-name="JS"> | |
| <![CDATA[<script> | |
| window.addEventListener('DOMContentLoaded',function(){ | |
| setTimeout(() => { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| }, 2300); | |
| }); | |
| function isVideoModuleLoaded(){ | |
| if(document.querySelector('.jw_video_player_1:empty')){ | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else if(document.querySelector('.video_module .widget iframe')) { | |
| if(jwplayer){ | |
| video_module_manipulate();} | |
| } | |
| else { | |
| clearInterval(videloLoadInterval); | |
| } | |
| } | |
| var videloLoadInterval ; | |
| </script>]]> | |
| </user_code> | |
| <ad_header_script data-rm-friendly-name="span on news headline"> | |
| <![CDATA[<script> | |
| function spanNewsHeadline() { | |
| document.querySelectorAll('.news-layout .headline:not(.spanned)').forEach(el =>{ el.classList.add('spanned'); | |
| var spannedTextList=el.innerText.split(" "); | |
| el.innerHTML=""; | |
| spannedTextList.forEach(sp => { | |
| el.innerHTML +=`<span>${sp} </span>` | |
| })}) | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="jwplayer post page"> | |
| <![CDATA[<script> | |
| function videoPostManipulate(autoplay=false){ | |
| var video_widgets=document.querySelectorAll('.article__splash-custom .widget__video:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom')? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=s1.replace(" ", "-"); | |
| var vast_s2=s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| const regex = /players\%2F.{8}/g; | |
| let str = widget.getElementsByTagName('iframe')[0]? (widget.getElementsByTagName('iframe')[0].hasAttribute('data-runner-src')?widget.getElementsByTagName('iframe')[0].getAttribute('data-runner-src'):widget.getElementsByTagName('iframe')[0].getAttribute('src')):null; | |
| str = regex.exec(str); | |
| //console.log('video content called'); | |
| //console.log(str); | |
| if (str !== null) { | |
| let videoID = str[0].replace(/players\%2F/g, ''); | |
| widget.innerHTML=""; | |
| widget.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| widget.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded'; | |
| widget.innerHTML=""; | |
| widget.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script> | |
| <style> | |
| .article__splash-custom .widget__video .jwplayer.jw-flag-aspect-mode { | |
| position: absolute; | |
| height: 100% !important; | |
| } | |
| </style>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="In Article jwplayer post page"> | |
| <![CDATA[<script> | |
| function inArticleVideoPostManipulate(){ | |
| var video_widgets=document.querySelectorAll('.body-description div[id*="botr_"]:not(.jwProc)'); | |
| if(video_widgets.length>0){ | |
| video_widgets.forEach(function (widget, i) { | |
| var posts_stream_element = widget.closest('.posts_stream') | |
| var tag__a=[]; | |
| posts_stream_element.querySelectorAll('.tags a').forEach(el => {tag__a.push(el.innerText)}); | |
| var postBaseName=posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href.split(location.origin+"/").pop().split("-"+posts_stream_element.querySelector('.article__splash-custom').getAttribute('elid')+".html").shift():__BOOTSTRAP__.post.basename; | |
| var vast_url=encodeURIComponent(posts_stream_element.querySelector('.article__splash-custom .headline-container > a') ? posts_stream_element.querySelector('.article__splash-custom .headline-container > a').href: location.href); | |
| var vast_description_url=vast_url; | |
| // console.log(postBaseName); | |
| var vast_s1 =posts_stream_element.querySelector('.article__splash-custom .widget__section')? posts_stream_element.querySelector('.article__splash-custom .widget__section').innerText: s1; | |
| var vast_s2 = posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value') ? posts_stream_element.querySelector('.article__splash-custom').getAttribute('data-s2-value'): s2; | |
| var vast_s1=vast_s1.replace(" ", "-"); | |
| var vast_s2=vast_s2.replace(/ /g, "-") | |
| var vast_adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var vast_iu = "/" + networkCode + "/" + vast_adUnit; | |
| var vast_pid = postBaseName; | |
| var vast_ptype = "article"; | |
| var vast_tags =encodeURIComponent(tag__a.join(',')); | |
| var vast_correlator=Date.parse(new Date()); | |
| var vastAdTag =`https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}` | |
| console.log(vastAdTag); | |
| var parentContainer=widget.closest("div[data-media_id]"); | |
| let str = parentContainer.getAttribute("data-media_id"); | |
| if (str !== null) { | |
| let videoID = str; | |
| var newDiv=document.createElement('div'); | |
| newDiv.className="jwp_video_container"; | |
| widget.insertAdjacentElement('afterend',newDiv) | |
| parentContainer.removeChild(widget); | |
| parentContainer.removeChild(parentContainer.querySelector('script[src*="https://content.jwplatform.com/pla"]')); | |
| widget=newDiv; | |
| widget.innerHTML=""; | |
| newDiv.style.backgroundImage = "url(https://cdn.jwplayer.com/v2/media/" + videoID + "/poster.jpg)"; | |
| newDiv.parentNode.classList.add('video_media_'+videoID); | |
| var playerDiv=document.createElement('div') | |
| playerDiv.id='jwPlayer_'+videoID+'_loaded_in_body'; | |
| newDiv.innerHTML=""; | |
| newDiv.appendChild(playerDiv); | |
| var playerInstance = jwplayer(playerDiv.id); | |
| playerInstance.setup({ | |
| //file: videoUrl, | |
| //mediaid: videoID, | |
| playlist: "https://cdn.jwplayer.com/v2/media/" + videoID, | |
| autostart: "viewable", | |
| image: 'https://cdn.jwplayer.com/v2/media/' + videoID + '/poster.jpg', | |
| displayPlaybackLabel: true, | |
| primary: "html5", | |
| advertising: { | |
| tag: `https://pubads.g.doubleclick.net/gampad/ads?env=vp&gdfp_req=1&impl=s&output=vast&cmsid=&vid=&iu=${vast_iu}&sz=640x480&unviewed_position_start=1&url=${vast_url}&description_url=${vast_description_url}&cust_params=pos%3Dpre%26s1%3D${vast_s1}%26s2%3D${vast_s2}%26test%3D${test}%26tags%3D__item-tags__%26pid%3D${vast_pid}&correlator=${vast_correlator}`, | |
| client: "vast", | |
| vpaidmode: "insecure", | |
| companiondiv: { | |
| id: "sample-companion-div"+vast_correlator, | |
| height: 250, | |
| width: 300 | |
| } | |
| } | |
| }); | |
| widget.classList.add('jwProc'); | |
| } | |
| }) | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Section Codes"> | |
| <![CDATA[<script> | |
| function RemoveCurrentSectionName() { | |
| var bodyClassList=document.querySelector('body').classList; | |
| bodyClassList.forEach(element => { | |
| if(element.includes('section')){ | |
| // console.log('removing section name from body') | |
| document.querySelector('body').classList.remove(element); | |
| } | |
| }); | |
| } | |
| function setBodySectionName(param) { | |
| RemoveCurrentSectionName(); | |
| document.querySelector('body').classList.add(`section-${param}`) | |
| } | |
| </script> | |
| <script> | |
| function getPrimarySectionName(str) { | |
| str = str.toLowerCase(); | |
| if (str == 'beauty' || str == 'makeup' || str == 'skin care' || str == 'hair' || str == 'nails' || str == 'wellness' || str == 'fitness') { | |
| return 'beauty'; | |
| } | |
| else if (str == 'fashion' || str == 'accessories' || str == 'shopping' || str == 'designers' || str == 'fashion week' || str == 'street style' || str == 'clothing') { | |
| return 'fashion'; | |
| } | |
| else if (str == 'entertainment' || str == 'film' || str == 'tv' || str == 'music' || str == 'art' || str == 'books' || str == 'theater') { | |
| return 'entertainment'; | |
| } | |
| else /*if (str == "home" || str == "you" || str == "justice" || str == "astrology" || str == "love" || str == "life") { | |
| return 'life'; | |
| } | |
| else*/ { | |
| return 'life'; | |
| } | |
| } | |
| </script>]]> | |
| </ad_header_script> | |
| <ad_header_script data-rm-friendly-name="Ad Slots"> | |
| <![CDATA[<script> | |
| var ad_render_count=1; | |
| var rightRailSLotKVP={}; | |
| rightRailSLotKVP_key=1; | |
| var topMapping,rightMapping,midMapping; | |
| var networkCode = 4260617; | |
| var topLevelAdUnit = "nylon.mag"; | |
| var s1 = getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "); | |
| var s2 = __BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title:" "; | |
| s1=s1.replace(" ", "-"); | |
| s2=s2.replace(/ /g, "-") | |
| var adUnit = topLevelAdUnit + "/" + s1 + "/" + s2; | |
| var slotName = "/" + networkCode + "/" + adUnit; | |
| var pid = __BOOTSTRAP__.post.basename; | |
| var ptype = "article"; | |
| var tags = {{tags}}; | |
| //var breakpoint = "desktop"; | |
| // var utm_medium = "; | |
| // var test = "anyvalue";//only if "?test=anyvalue" is appended to URL | |
| googletag.cmd.push(function() { | |
| topMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[970, 250], [728, 90]]). | |
| addSize([768, 0], [728, 90]). | |
| addSize([0, 0], [320, 50]). | |
| build(); | |
| rightMapping = googletag.sizeMapping(). | |
| addSize([1025, 0], [[300, 600], [300, 250]]). | |
| addSize([0, 0], []). | |
| build(); | |
| midMapping = googletag.sizeMapping(). | |
| addSize([768, 0], []). | |
| addSize([0, 0], [[300, 250], [320, 50]]). | |
| build(); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-top-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "top"); | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-interstitial") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "interstitial"); | |
| if(adhesionTag && window.innerWidth<767){ | |
| googletag.defineSlot(slotName, [320, 50], "div-id-for-adhesion-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "adhesion"); | |
| } | |
| /*googletag.defineSlot(slotName, [[300, 600], [300, 250]], "div-id-for-right-slot") | |
| .defineSizeMapping(rightMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "rightrail"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid1-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid1"); | |
| googletag.defineSlot(slotName, [[300, 250], [320, 50]], "div-id-for-mid2-slot") | |
| .defineSizeMapping(midMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "mid2"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite1-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite1"); | |
| googletag.defineSlot(slotName, [[970, 250], [728, 90]], "div-id-for-infinite2-slot") | |
| .defineSizeMapping(topMapping) | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "infinite2"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery1-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery1"); | |
| googletag.defineSlot(slotName, [300, 250], "div-id-for-gallery2-slot") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "gallery2"); | |
| if(document.querySelector('.posts_stream').querySelector('div-id-for-inread')){ | |
| googletag.defineOutOfPageSlot(slotName, "div-id-for-inread") | |
| .addService(googletag.pubads()) | |
| .setTargeting("pos", "inread"); }*/ | |
| googletag.pubads().setTargeting("s1",s1); | |
| googletag.pubads().setTargeting("s2",s2); | |
| googletag.pubads().setTargeting("pid",pid); | |
| googletag.pubads().setTargeting("ptype",ptype); | |
| googletag.pubads().setTargeting("tags",tags); | |
| googletag.pubads().setTargeting("breakpoint",breakpoint); | |
| googletag.pubads().setTargeting("utm_medium",utm_medium); | |
| googletag.pubads().setTargeting("test",test); | |
| if(nsfwtag){googletag.pubads().setTargeting("nsfw","yes");} | |
| else {googletag.pubads().setTargeting("nsfw","no");} | |
| googletag.pubads().enableSingleRequest(); | |
| googletag.pubads().collapseEmptyDivs(); | |
| googletag.enableServices(); | |
| }); | |
| </script>]]> | |
| </ad_header_script> | |
| <user_code data-rm-friendly-name="Article Byline for feature 2 - 3" id="4eafb441823a8fe5d631cb7a7ca7a642"> | |
| <![CDATA[<script> | |
| function AuthorBylinePositioning(element) { | |
| var authorByline=document.createElement('div'); | |
| authorByline.className='author-byline'; | |
| if(element.querySelector('.post-author-list')){ | |
| authorByline.appendChild(element.querySelector('.post-author-list')) | |
| } | |
| if(element.querySelector('.post-date')){ | |
| authorByline.appendChild(element.querySelector('.post-date')) | |
| } | |
| element.querySelector('.widget__body').appendChild(authorByline); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__head').appendChild(element.querySelector('.photo-credit')) | |
| } | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="primary secondary color css add via js" id="84b77f41dba55a79ad720acef840b9ef"> | |
| <![CDATA[<script>var stylePlaceHolder=document.querySelector('body'); | |
| function addStylesForSelectedColor(primary,secondary){ | |
| stylePlaceHolder.insertAdjacentHTML('beforeend',`<style> | |
| body.section-${primary} .header-wrapper svg { | |
| fill: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper, | |
| body.section-${primary} .header-static-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-scroll-wrapper .scrolling-article-postion-fill { | |
| background-color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .static-menu-wrapper { | |
| background-color: #${primary}; | |
| color: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper #search-icon-customised g, | |
| body.section-${primary} .header-wrapper #open-search-customised g{ | |
| stroke: #${secondary}; | |
| } | |
| body.section-${primary} .header-wrapper .svg-color-adapt { | |
| fill: #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__head { | |
| background-color:#${primary} | |
| } | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| background-color:#${secondary}; | |
| color:#${primary}; | |
| box-shadow: 10px 0 0 #${secondary}, -10px 0 0 #${secondary}; | |
| } | |
| .select-section-${primary} .post-splash-custom .widget__section { | |
| border-color:#${secondary}; | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .tags .tags__item { | |
| background-color:#${secondary}; | |
| color:#${primary} | |
| } | |
| .select-section-${primary} .body-description a { | |
| background-color:#${secondary};; | |
| } | |
| .select-section-${primary} .sidebar_outer { | |
| background:#${secondary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget__headline-text, | |
| .select-section-${primary} .sidebar_outer .whats-new-headline { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .sidebar_outer .widget article , | |
| .select-section-${primary} .sidebar_outer .widget .widget__image, | |
| .select-section-${primary} .body .nested-posts article{ | |
| border-color:#${primary} ; | |
| } | |
| .select-section-${primary} .sidebar_outer svg path { | |
| stroke :#${primary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .widget__head .widget__body .headline-container .headline { | |
| color:#${secondary} | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .photo-credit { | |
| color:#${secondary} | |
| } | |
| .select-section-${primary} .body .ee-ul li:before , | |
| .select-section-${primary} .body .ee-ol li:before { | |
| color:#${primary}; | |
| } | |
| @media (min-width:768px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 15px 0 0 #${secondary}, -15px 0 0 #${secondary}; | |
| } | |
| .posts_stream.feature-layout .select-section-${primary} .post-author-list .post-author__name, | |
| .posts_stream.feature-layout .select-section-${primary} .post-splash-custom .post-date{ | |
| color:#${secondary} | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .select-section-${primary} .post-splash-custom .headline-container .headline , | |
| .select-section-${primary} .body-description .pullquote-paragraph { | |
| box-shadow: 20px 0 0 #${secondary}, -20px 0 0 #${secondary}; | |
| } | |
| } | |
| .select-section-${primary} .body-description .dropcap-paragraph:first-letter { | |
| color:#${primary}; | |
| } | |
| .select-section-${primary} .cta-poll { | |
| color:#${primary}; | |
| border: 30px solid #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__question { | |
| color: #${primary}; | |
| } | |
| .select-section-${primary} .cta-poll-block .cta-poll__answer__text { | |
| background-image: linear-gradient(94deg, #${secondary}, #${primary}); | |
| } | |
| .select-section-fashion.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} blockquote:before{ | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3Esvg{transform:rotate(90deg)}.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-beauty.select-section-${primary} .tags, .select-section-beauty.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 111.84 25.16'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 3RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Beauty'%3E%3Cpath class='cls-1' d='M111.84,5C98.67,5,92.2,9.67,85.34,14.61,78.15,19.8,70.71,25.16,55.92,25.16S33.69,19.8,26.5,14.61C19.65,9.67,13.17,5,0,5V0C14.79,0,22.23,5.36,29.42,10.55c6.86,4.94,13.33,9.61,26.5,9.61s19.65-4.67,26.5-9.61C89.62,5.36,97.06,0,111.84,0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-fashion.select-section-${primary} .tags, .select-section-fashion.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132.42 26.33'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Fashion'%3E%3Cpolygon class='cls-1' points='69.59 25.15 5 6.63 5 26.33 0 25.18 0 0 64.59 18.51 64.59 0.78 132.42 19.91 132.4 25.13 69.59 7.39 69.59 25.15'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-entertainment.select-section-${primary} .tags, .select-section-entertainment.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.98 24.01'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 4RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Entertainment'%3E%3Cpolygon class='cls-1' points='127.98 24.01 60.21 24.01 60.21 5.01 0 5.01 0 0.01 65.21 0.01 65.21 19.01 122.98 19.01 122.98 0 127.98 0 127.98 24.01'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .select-section-life.select-section-${primary} .tags, .select-section-life.select-section-${primary} .tags:after { | |
| background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.44 34.59'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23${primary};}%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 2RP%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Life'%3E%3Cpolygon class='cls-1' points='31.3 34.59 0.01 6.7 0 0.02 31.29 27.89 62.44 0 62.44 6.72 31.3 34.59'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
| } | |
| .section-${primary} .subscription_form { | |
| background-color:#${primary} !important; | |
| } | |
| .section-${primary} .subscription_form svg path { | |
| stroke:#${secondary} !important; | |
| } | |
| .section-${primary} .subscription_form .social-links a { | |
| color:#${secondary} !important; | |
| border-color:#${secondary} !important; | |
| } | |
| .section-${primary} .post__page__ad__container { | |
| background-color: #${secondary}; | |
| } | |
| <\/style>`) | |
| } | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" data-rm-friendly-name="BANNER AD" element_classes="post__page__ad__container"> | |
| <user_code id="6d85eb76b7d1443d210fa510dbce5f5d"> | |
| <![CDATA[<div id='div-id-for-top-slot'> | |
| <script type='text/javascript'> | |
| googletag.cmd.push(function() { | |
| googletag.display('div-id-for-top-slot');}); | |
| </script> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <call_block name="Top Bar"/> | |
| <element_wrapper element_classes="outer_container" data-rm-friendly-name="outer container"> | |
| <element_wrapper element_classes="container_postpage" data-rm-friendly-name="postpage container" style_element-wrapper_all_default_margin="0 auto"> | |
| <element_wrapper element_classes="posts_stream ad-processed isFirstArticle" data-rm-friendly-name="main content area/posts stream"> | |
| <post_content format="splash-custom" all_element_order="custom_field_image_avatar1,custom_field_image_avatar2,headline,section,photo_credit,author,date,badges_sponsored,subheadline,body,tags,custom_field_feature_layout_1,custom_field_news_layout_2_image,custom_field_feature_layout_3,custom_field_news_layout_1_image,custom_field_news_layout_no_image,custom_field_feature_layout_2,custom_field_feature_layout_4,custom_field_feature-color-primary,custom_field_fearure-color-secondary,post_shares,badges,snark_line,page_views,follow_button,community_comments,like_button,source_link,collection_button,primary_tag,main_author,custom_field_article-layout,custom_field_letter_from_editor" layout_headline="over" layout_section="over" layout_author="bottom" layout_body="bottom" layout_tags="bottom" layout_all_video_crop="original" layout_all_image_crop="original" layout_date="bottom" update_url_on_post_view="true" layout_custom_field_news_layout_2_image="bottom" layout_custom_field_news_layout_no_image="bottom" layout_custom_field_feature_layout_1="bottom" layout_custom_field_news_layout_1_image="bottom" style_custom-field-news-layout_2_image_all_default_display="none" style_custom-field-news-layout_no_image_all_default_display="none" style_custom-field-article-layout_all_default_display="none" style_custom-field-feature-layout_1_all_default_display="none" style_custom-field-news-layout_1_image_all_default_display="none" layout_custom_field_feature_layout_2="bottom" layout_custom_field_feature_layout_3="bottom" layout_custom_field_feature_layout_4="bottom" style_custom-field-feature-layout_2_all_default_display="none" style_custom-field-feature-layout_3_all_default_display="none" style_custom-field-feature-layout_4_all_default_display="none" layout_custom_field_image_avatar1="over" layout_custom_field_image_avatar2="over" layout_all_date_format="" layout_badges_sponsored="bottom" layout_photo_credit="bottom" layout_custom_field_feature-color-primary="bottom" layout_custom_field_fearure-color-secondary="bottom" style_custom-field-fearure-color-secondary_all_default_display="none" style_custom-field-feature-color-primary_all_default_display="none" layout_subheadline="bottom" layout_post_shares="bottom" all_share_buttons="Facebook,Twitter,Pinterest,Flipboard,Linkedin,Separator,GooglePlus,Tumblr,Email,Reddit,CopyLink,Whatsapp" layout_Linkedin="inactive" layout_Separator="inactive" layout_Tumblr="inactive" layout_GooglePlus="inactive" layout_Whatsapp="inactive" layout_Reddit="inactive" layout_CopyLink="inactive" layout_Flipboard="active"/> | |
| <jinja data-rm-friendly-name="leadmedia layout selector"> | |
| <![CDATA[<script> | |
| var leadMediaLayout="no-layout-selected"; | |
| var article_splash=document.querySelector('.article__splash-custom'); | |
| {% if context.post.roar_specific_data %} | |
| {% if context.post.roar_specific_data.news_layout_1_image %} | |
| leadMediaLayout='news-layout-1-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_no_image %} | |
| leadMediaLayout='news-layout-no-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.news_layout_2_image %} | |
| leadMediaLayout='news-layout-2-image'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_1 %} | |
| leadMediaLayout='feature-layout-1'; | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_2 %} | |
| leadMediaLayout='feature-layout-2'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_3 %} | |
| leadMediaLayout='feature-layout-3'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| {% if context.post.roar_specific_data.feature_layout_4 %} | |
| leadMediaLayout='feature-layout-4'; | |
| AuthorBylinePositioning(article_splash) | |
| {% endif %} | |
| if(leadMediaLayout.indexOf('news')!=-1){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(leadMediaLayout.indexOf('feature')!=-1) { | |
| article_splash.parentNode.classList.add('feature-layout'); | |
| document.querySelector('body').classList.add('init-post-feature'); | |
| } | |
| {% endif %} | |
| //var asdfff= {{context.post.tags|safe}}; | |
| var LeadPostTags=''; | |
| if(__BOOTSTRAP__.post.formatted_tags){ | |
| __BOOTSTRAP__.post.formatted_tags.forEach(element => { | |
| if(element.name=="news"){LeadPostTags="news"} | |
| }); | |
| } | |
| if(leadMediaLayout=="no-layout-selected"){ | |
| if(LeadPostTags && LeadPostTags=='news'){ | |
| article_splash.parentNode.classList.add('news-layout') | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(article_splash.querySelector('.widget__section')?article_splash.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| article_splash.closest('.posts_stream').classList.add('news-layout'); | |
| if(article_splash.querySelector('.photo-credit')){ | |
| article_splash.querySelector('.widget__image')?article_splash.querySelector('.widget__image').appendChild(article_splash.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| article_splash.parentNode.classList.add('feature-layout') | |
| } | |
| } | |
| article_splash.parentNode.classList.add(leadMediaLayout); | |
| document.querySelector('.all-content-wrapper').classList.add('loaded'); | |
| if(document.querySelector('.article__splash-custom .widget__subheadline')){ | |
| if(document.querySelector('.article__splash-custom .body')){ | |
| document.querySelector('.article__splash-custom .body-description').insertAdjacentElement('afterbegin',document.querySelector('.article__splash-custom .widget__subheadline')) | |
| } | |
| } | |
| {% if context.post.badges %} | |
| article_splash.classList.add("sponsored-post"); | |
| {% endif %} | |
| </script>]]> | |
| </jinja> | |
| <user_code data-rm-friendly-name="Add lead media section name update " id="43334e6f26685f80a6fff42f6fce052a"> | |
| <![CDATA[<script> | |
| var section_name_leadmedia=getPrimarySectionName(__BOOTSTRAP__.post.section ? __BOOTSTRAP__.post.section.title.toLowerCase(): 'life'); | |
| __BOOTSTRAP__.post.section?article_splash.setAttribute('data-s2-value',__BOOTSTRAP__.post.section.title.toLowerCase()) : ""; | |
| article_splash.classList.add(`select-section-${section_name_leadmedia}`); | |
| setBodySectionName(section_name_leadmedia); | |
| if(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| && document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary')){ | |
| addStylesForSelectedColor(document.querySelector('.article__splash-custom .custom-field-feature-color-primary') | |
| .innerText,document.querySelector('.article__splash-custom .custom-field-fearure-color-secondary').innerText); | |
| article_splash.classList.add(`select-section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`); | |
| document.querySelector('body').classList.add(`section-${document.querySelector('.article__splash-custom .custom-field-feature-color-primary').innerText}`) | |
| } | |
| else {} | |
| if(article_splash.querySelector('.widget__section')) { | |
| article_splash.querySelector('.widget__section').innerText=section_name_leadmedia; | |
| article_splash.querySelector('.widget__section').href="/"+section_name_leadmedia ; | |
| } | |
| //setBodySectionName(section_name_leadmedia); | |
| document.querySelector('.all-content-wrapper').classList.add('page-loaded'); | |
| </script> | |
| <script> | |
| videoPostManipulate(true); | |
| inArticleVideoPostManipulate(); | |
| </script>]]> | |
| </user_code> | |
| <element_wrapper style_element-wrapper_all_default_margin="0" style_element-wrapper_all_default_text-align="center" style_element-wrapper_all_default_padding="60px 0" style_element-wrapper_mobile_default_padding="30px 0" element_classes="post__page__ad__container" data-rm-friendly-name="AD Mid wrapper"> | |
| <user_code id="8d5348e39d56b3b7d0a6d0ecfd9f72cf"> | |
| <![CDATA[<div id="div-id-for-infinite-slot" data-ad-slot="infinite-scroll" data-ad-pos="infinite1" data-size-map="topMapping"> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <user_code id="aea455179378f7fbcaa08fcdefec414a" data-rm-friendly-name="divider without any code"/> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper element_classes="sidebar_outer hidden" style_element-wrapper_tablet_default_max-width="100%" style_element-wrapper_mobile_default_margin="0 auto" data-rm-friendly-name="Sidebar"> | |
| <element_wrapper element_classes="sidebar_inner" data-rm-friendly-name="Sidebar Inner"> | |
| <user_code data-rm-friendly-name="ad code" id="ebc77ae12067aee9c1cef7d30b4a511a"> | |
| <![CDATA[<div class="sidebar_ad_container "> | |
| <div id="div-id-for-right-slot"class="sidebar-ad" data-ad-slot="rightrail" data-ad-pos="rightrail" data-size-map="rightMapping"> | |
| </div> | |
| </div>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper element_classes="whats-new-posts-container" data-rm-friendly-name="What's new"> | |
| <element_wrapper style_element-wrapper_all_default_padding="0 0 20px" style_element-wrapper_all_default_text-align="center" data-rm-friendly-name="Whats new intro wrapper"> | |
| <user_code data-rm-friendly-name="Whats New Headline" id="e81f14913f65f2fe96dd5ca9f115cb29"> | |
| <![CDATA[<h1 class="whats-new-headline">TRENDING<br> | |
| </h1> | |
| <svg width="26" height="36" viewBox="0 0 26 36" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M25.0293 27.2373L20.6466 33.373L16.264 27.2373" stroke="#2E2F7D" stroke-width="2"/> | |
| <path d="M1.20605 1.07568V10.7024H10.846V21.3149H20.5121V32.5851" stroke="#2E2F7D" stroke-width="2"/> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="whats new posts container" style_element-wrapper_all_default_margin="30px 0 0 0"> | |
| <choose> | |
| <when test="is_mobile==True"/> | |
| <otherwise> | |
| <posts source_url="_most-read" all_element_order="headline,section,subheadline,date,author,post_shares,badges_sponsored,photo_credit,body,snark_line,page_views,badges,follow_button,community_comments,like_button,source_link,collection_button,tags,primary_tag,main_author,custom_field_feature_layout_2,custom_field_feature_layout_3,custom_field_feature_layout_1,custom_field_feature_layout_4,custom_field_news_layout_2_image,custom_field_news_layout_no_image,custom_field_news_layout_1_image,custom_field_article-layout,custom_field_image_avatar1,custom_field_image_avatar2,custom_field_feature-color-primary,custom_field_fearure-color-secondary,custom_field_letter_from_editor" limit="4" layout_headline="right" all_share_buttons="Separator,Twitter,Linkedin,Facebook,Email,Tumblr,GooglePlus,Pinterest,Whatsapp,Reddit" style_post-media-wrapper_all_default_margin="0px" style_post-headline_all_default_font-size="16px" style_post-headline_all_default_font-weight="400" style_post-main-author-avatar_all_default_display="none" style_post-date_all_default_display="block" style_post-social-author-avatar_all_default_display="none" style_post-social-author_all_default_display="inline-block" style_post-shares_all_default_display="inline-block" data-rm-advanced="true" layout_all_date_format="" style_post-date-text_all_default_color="rgb(129, 129, 130)" style_post-date-text_all_default_font-family=""Atlas Typewriter"" style_post-date-text_all_default_font-size="9px" style_post-date-text_all_default_font-weight="400" style_post-date-text_all_default_text-transform="uppercase" style_post-social-author-name_all_default_color="rgb(34, 45, 57)" style_post-social-author-name_all_default_font-family=""Atlas Typewriter"" style_post-social-author-name_all_default_font-size="9px" style_post-social-author-name_all_default_font-weight="400" style_post-social-author-name_all_default_text-transform="uppercase" style_post-social-author_all_default_vertical-align="middle" style_post-date_all_default_vertical-align="middle" style_post-shares_all_default_vertical-align="middle" style_post-social-author-name_all_default_display="inline-block" style_post-social-author_all_default_height="10px" style_post-social-author_all_default_line-height="14px" style_post-social-author_all_default_overflow="hidden" style_post-date_all_default_margin="0px" style_post-shares_all_default_margin="0px" style_post-social-author-name_all_default_vertical-align="middle" style_post-section_all_default_background-color="rgb(255, 255, 255)" style_post-section_all_default_border="1px solid rgb(34, 45, 57)" style_post-section_all_default_display="inline-block" style_post-section_all_default_font-weight="600" style_post-section_all_default_letter-spacing="0.08em" style_post-section_all_default_line-height="1em" style_post-section_all_default_margin="0px" style_post-section_all_default_padding="5px 7px 2px" style_post-section_all_default_position="relative" style_post-section_all_default_text-transform="uppercase" style_post-section_all_default_top="-3px" style_post-section_all_default_transition="border-color 0.25s ease 0s" style_post-section_all_hover_border="1px solid rgb(251, 131, 120)" layout_all_image_crop="1x1" allow_duplicates="true" style_post-headline_all_default_letter-spacing="0" style_post-widget_all_default_overflow="hidden" style_post-date_all_default_bottom="6px" style_post-date_all_default_color="rgb(129, 129, 130)" style_post-date_all_default_position="absolute" style_post-date_all_default_text-align="center" style_post-date_all_default_width="100%" style_post-date-text_all_default_display="inline" style_post-body_all_default_-webkit-box-align="center" style_post-body_all_default_-webkit-box-orient="vertical" style_post-body_all_default_-webkit-box-direction="normal" style_post-body_all_default_-webkit-box-pack="center" style_post-headline_all_default_display="-webkit-box" style_post-headline_all_default_-webkit-line-clamp="3" style_post-headline_all_default_overflow="hidden" style_post-headline_all_default_-webkit-box-orient="vertical" style_post-date_all_default_padding="0px 20px 0 0" style_post-media-wrapper_all_default_overflow="hidden" style_headline-wrapper_all_default_margin="" element_classes="whats-news-posts-wrapper" data-rm-device-crops="true" layout_image_column_width="25" style_post-media-wrapper_all_default_padding="0px" style_post-image_all_default_border-radius="120px" style_post-image_all_default_margin="0px" style_post-image_all_default_padding="0px" style_post-media-wrapper_all_default_min-height="80px" style_post-widget-article_all_default_padding-bottom="32px" style_post-headline_all_default_max-height="70px" style_post-headline_all_default_font-family="'Apercu',Arial" style_post-headline-wrapper_all_default_text-align="left" style_post-media-wrapper_all_default_background="transparent" style_post-headline_all_default_line-height="20px" layout_vertical_separation="32"/> | |
| </otherwise> | |
| </choose> | |
| </element_wrapper> | |
| </element_wrapper> | |
| </element_wrapper> | |
| <element_wrapper data-rm-friendly-name="trending-animation-svg" element_classes="container-trending-anim" style_element-wrapper_all_default_display="none" style_element-wrapper_all_default_height="120px" style_element-wrapper_all_default_position="absolute" style_element-wrapper_all_default_width="120px"> | |
| <user_code data-rm-friendly-name="Custom Html for Trending Words SVG" id="cb4f6113a0841aede335d35b17bb641b"> | |
| <![CDATA[<svg class="spinner pop-in" width="85px" height="87px" viewBox="0 0 85 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <defs> | |
| <polygon class="path" id="path-1" points="0.104884364 0.329367273 5.97065891 0.329367273 5.97065891 7.42814836 0.104884364 7.42814836"> | |
| </polygon> | |
| <polygon class="path" id="path-3" points="0.592861091 0.537250909 7.89538909 0.537250909 7.89538909 6.66379636 0.592861091 6.66379636"> | |
| </polygon> | |
| <polygon class="path" id="path-5" points="0.279726545 0.204951273 5.61610473 0.204951273 5.61610473 7.13454545 0.279726545 7.13454545"> | |
| </polygon> | |
| </defs> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-367.000000, -538.000000)"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <polygon id="Fill-1" fill="#231F20" points="0 36.3534545 1.06507636 36.6016582 1.53320727 34.6097455 7.07851636 35.9136 7.35028364 34.7574109 1.80497455 33.4535564 2.27310545 31.4616436 1.20802909 31.2118691"> | |
| </polygon> | |
| <g id="Group-51" transform="translate(0.000000, 0.521856)"> | |
| <path d="M4.63606691,25.0930211 L6.23839418,25.9114647 L6.77878691,24.8558138 C7.088256,24.2510138 6.93116509,23.7687447 6.45360873,23.5236829 C5.96819782,23.2754793 5.48435782,23.4309993 5.20159418,23.9855302 L4.63606691,25.0930211 Z M7.21235782,26.4094429 L9.70381964,27.6834502 L9.161856,28.7422429 L3.12171055,25.6522647 L4.24648145,23.4545629 C4.88898327,22.1962647 5.97919418,21.8648029 7.02699055,22.4004829 C7.74960873,22.7696465 8.107776,23.3540247 8.01352145,24.3656902 L11.4019724,24.3625484 L10.7751796,25.5862865 L7.66163782,25.5297338 L7.21235782,26.4094429 Z" id="Fill-2" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-4" fill="#231F20" points="8.39006836 16.8895767 10.9569338 13.8702895 11.7910865 14.5787695 9.99396655 16.6932131 11.2177047 17.731584 12.9519884 15.6894022 13.787712 16.3994531 12.0502865 18.4416349 13.5033775 19.6747985 15.360192 17.489664 16.1959156 18.198144 13.5677847 21.291264"> | |
| </polygon> | |
| <polygon id="Fill-6" fill="#231F20" points="17.2110371 10.9694487 19.9664116 14.8197469 19.061568 15.4685324 15.1091607 9.945216 16.0752698 9.254016 21.4524916 11.3213324 18.6531316 7.40976873 19.5579753 6.76098327 23.5103825 12.2842996 22.4892916 13.0147724"> | |
| </polygon> | |
| <path d="M27.9298211,8.90307491 L28.708992,8.61402764 C30.0442647,8.11762036 30.5218211,6.91273309 30.056832,5.65757673 C29.5714211,4.34900945 28.4419375,3.80076218 27.1679302,4.27517673 L26.3274938,4.58621673 L27.9298211,8.90307491 Z M24.8319884,3.97356218 L26.8411811,3.22895127 C28.7498356,2.52047127 30.506112,3.28707491 31.2240175,5.22400582 C31.9042211,7.05568582 31.1140538,8.88736582 29.1504175,9.61783855 L27.1962065,10.3435985 L24.8319884,3.97356218 Z" id="Fill-8" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-10" fill="#231F20" points="37.4396335 7.49396945 36.2661644 7.66991127 35.2639244 0.955845818 36.4389644 0.781474909"> | |
| </polygon> | |
| <g id="Group-14" transform="translate(41.563636, 0.000000)"> | |
| <mask id="mask-2" fill="white"> | |
| <use xlink:href="#path-1"> | |
| </use> | |
| </mask> | |
| <g id="Clip-13"> | |
| </g> | |
| <polygon id="Fill-12" fill="#231F20" mask="url(#mask-2)" points="1.50299345 2.44522473 1.21394618 7.16109382 0.104884364 7.09354473 0.519604364 0.329210182 1.70406982 0.401472 4.56783709 5.38753745 4.86159709 0.594693818 5.97065891 0.662242909 5.55593891 7.42814836 4.30549527 7.35117382"> | |
| </polygon> | |
| </g> | |
| <path d="M58.6791098,5.22196364 L57.4647971,5.46231273 C57.2747171,4.66586182 56.8709935,4.11290182 56.1232407,3.84898909 C54.9324916,3.42798545 53.6946153,4.07205818 53.2484771,5.33506909 C52.8039098,6.59650909 53.3443025,7.86894545 54.6073135,8.31508364 C55.6126953,8.66853818 56.4751244,8.26481455 56.8992698,7.51392 L54.7204189,6.74417455 L55.0832989,5.72151273 L58.3366516,6.87141818 L57.1254807,10.3038545 L56.0933935,9.93940364 L56.395008,9.08482909 C55.8184844,9.50269091 55.0157498,9.67863273 54.0810589,9.34874182 C52.3483462,8.73608727 51.3743825,6.82272 52.0483025,4.91092364 C52.7237935,2.99755636 54.6748625,2.11784727 56.5065425,2.76506182 C57.8590953,3.24104727 58.4843171,4.13332364 58.6791098,5.22196364" id="Fill-15" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-17" fill="#231F20" points="67.0107404 17.1979462 66.1420276 16.3873571 70.0221731 12.2181644 68.5235258 10.824768 69.2681367 10.0236044 73.134144 13.6209862 72.3895331 14.4221498 70.8924567 13.0287535"> | |
| </polygon> | |
| <path d="M76.2874298,19.3087767 L74.7856407,20.3015913 L75.4407098,21.2928349 C75.8145862,21.8583622 76.3125644,21.9589004 76.7602735,21.6635695 C77.2158371,21.3619549 77.3163753,20.8655476 76.9739171,20.3471476 L76.2874298,19.3087767 Z M73.8729425,20.9048204 L71.5385716,22.4505949 L70.8835025,21.4593513 L76.543488,17.714304 L77.9054662,19.7737658 C78.686208,20.9535185 78.4395753,22.0657222 77.4561862,22.7160785 C76.7806953,23.1637876 76.0957789,23.1873513 75.2616262,22.6108276 L73.5980335,25.5625658 L72.8392844,24.4158022 L74.4196189,21.7311185 L73.8729425,20.9048204 Z" id="Fill-19" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-21" fill="#231F20" points="81.5938036 26.6761833 82.95264 30.3913833 81.9268364 30.7668305 80.9748655 28.1654051 79.4715055 28.7152233 80.3904873 31.2271069 79.3646836 31.6025542 78.4457018 29.0922415 76.6580073 29.7457396 77.6429673 32.4335651 76.6171636 32.8090124 75.2253382 29.0058415"> | |
| </polygon> | |
| <g id="Group-25" transform="translate(76.974545, 35.410909)"> | |
| <mask id="mask-4" fill="white"> | |
| <use xlink:href="#path-3"> | |
| </use> | |
| </mask> | |
| <g id="Clip-24"> | |
| </g> | |
| <polygon id="Fill-23" fill="#231F20" mask="url(#mask-4)" points="5.41083927 1.85210182 0.705966545 2.33437091 0.592861091 1.22845091 7.34148655 0.537250909 7.46087564 1.71857455 3.00420655 5.35522909 7.782912 4.86667636 7.89601745 5.97416727 1.14896291 6.66379636 1.02014836 5.41806545"> | |
| </polygon> | |
| </g> | |
| <path d="M78.8891695,47.5805847 L78.758784,48.3990284 C78.534144,49.8034211 79.346304,50.8103738 80.6674385,51.0208756 C82.0435549,51.2408029 83.0725004,50.5276102 83.2877149,49.1891956 L83.4290967,48.3047738 L78.8891695,47.5805847 Z M84.6936785,47.3056756 L84.3559331,49.4169775 C84.0354676,51.4261702 82.508544,52.5745047 80.4710749,52.2493265 C78.5451404,51.9414284 77.3402531,50.3563811 77.670144,48.2922065 L77.998464,46.2358865 L84.6936785,47.3056756 Z" id="Fill-26" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-28" fill="#231F20" points="75.4374109 56.544192 75.8631273 55.4351302 82.1970327 57.8684684 81.7713164 58.9775302"> | |
| </polygon> | |
| <polygon id="Fill-30" fill="#231F20" points="77.0543476 63.9301353 73.0956567 61.342848 73.7035985 60.4128698 79.380864 64.1233571 78.7320785 65.1161716 72.9794095 65.1381644 77.0009367 67.7662953 76.3929949 68.6978444 70.7157295 64.9857862 71.3990749 63.9379898"> | |
| </polygon> | |
| <path d="M66.9402065,76.1161484 L67.3282211,74.9426793 C68.1136756,75.1688902 68.7923084,75.0903447 69.3892538,74.5703738 C70.3396538,73.7409338 70.3867811,72.3506793 69.5102138,71.3437265 C68.6305047,70.3352029 67.260672,70.1828247 66.2537193,71.059392 C65.4525556,71.7600175 65.3802938,72.7072756 65.8232902,73.4456029 L67.5622865,71.9296756 L68.2739084,72.7449775 L65.6756247,75.0102284 L63.2894138,72.2705629 L64.1109993,71.5542284 L64.7048029,72.234432 C64.6262575,71.5290938 64.8681775,70.7452102 65.6127884,70.0948538 C66.9951884,68.8883956 69.1379084,68.9826502 70.4668975,70.5080029 C71.7974575,72.0333556 71.6042356,74.1619375 70.1432902,75.4359447 C69.0656465,76.3753484 67.9832902,76.4805993 66.9402065,76.1161484" id="Fill-32" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-34" fill="#231F20" points="52.4138531 77.4938356 53.5464785 77.1340975 55.2681949 82.5647302 57.219264 81.9442211 57.5507258 82.9873047 52.5159622 84.5849193 52.1845004 83.5434065 54.1371404 82.9228975"> | |
| </polygon> | |
| <g id="Group-38" transform="translate(41.563636, 78.545455)"> | |
| <mask id="mask-6" fill="white"> | |
| <use xlink:href="#path-5"> | |
| </use> | |
| </mask> | |
| <g id="Clip-37"> | |
| </g> | |
| <path d="M4.36251927,5.95604945 L4.24941382,4.16050036 L3.06494836,4.235904 C2.38788655,4.28146036 2.05328291,4.66004945 2.08784291,5.19572945 C2.12240291,5.74083491 2.500992,6.07386764 3.123072,6.03616582 L4.36251927,5.95604945 Z M4.17872291,3.07186036 L4.00121018,0.281925818 L5.18410473,0.204951273 L5.61610473,6.97085673 L3.15291927,7.12794764 C1.74538473,7.21748945 0.903377455,6.44931491 0.827973818,5.27584582 C0.777704727,4.46839855 1.09659927,3.86202764 2.01243927,3.42688582 L0.279726545,0.517562182 L1.65113018,0.429591273 L3.192192,3.13469673 L4.17872291,3.07186036 Z" id="Fill-36" fill="#231F20" mask="url(#mask-6)"> | |
| </path> | |
| </g> | |
| <polygon id="Fill-39" fill="#231F20" points="36.9378851 85.4910196 33.0326051 84.8375215 33.2132596 83.756736 35.9466415 84.2154415 36.2121251 82.6351069 33.569856 82.1921105 33.7520815 81.1144669 36.3927796 81.5558924 36.7085324 79.6770851 33.880896 79.2042415 34.0615505 78.1250269 38.0595142 78.7942342"> | |
| </polygon> | |
| <polygon id="Fill-41" fill="#231F20" points="27.3636655 80.960832 29.2644655 76.6282647 30.2824145 77.0744029 27.5568873 83.2873484 26.4698182 82.8113629 25.5005673 77.1372393 23.56992 81.5389265 22.5519709 81.0927884 25.2774982 74.8798429 26.4258327 75.3825338"> | |
| </polygon> | |
| <path d="M20.1120349,72.8210095 L19.4679622,72.3026095 C18.3604713,71.4134749 17.0833222,71.6176931 16.2460276,72.6592058 C15.3726022,73.744704 15.4825658,74.9920058 16.5382167,75.8402967 L17.2357004,76.4011113 L20.1120349,72.8210095 Z M17.4744785,77.9940131 L15.8108858,76.6555985 C14.2258385,75.3831622 13.9870604,73.4870749 15.2783476,71.8800349 C16.498944,70.3641076 18.4720058,70.1017658 20.0994676,71.411904 L21.7206458,72.7141876 L17.4744785,77.9940131 Z" id="Fill-43" fill="#231F20"> | |
| </path> | |
| <polygon id="Fill-45" fill="#231F20" points="14.0125091 65.3714444 14.7649745 66.2888553 9.51813818 70.5868625 8.76567273 69.6678807"> | |
| </polygon> | |
| <polygon id="Fill-47" fill="#231F20" points="6.77925818 63.1285004 10.9798691 60.9622167 11.4888436 61.9503185 5.46440727 65.0560058 4.92087273 64.0019258 7.73751273 58.9907258 3.47249455 61.1915695 2.96194909 60.2034676 8.98481455 57.0977804 9.55976727 58.209984"> | |
| </polygon> | |
| <path d="M1.17064145,48.3207971 L2.00008145,49.238208 C1.41413236,49.808448 1.14707782,50.4383825 1.30573964,51.2144116 C1.55551418,52.4507171 2.74155055,53.1811898 4.05168873,52.9157062 C5.36182691,52.6502225 6.17398691,51.5348771 5.90850327,50.223168 C5.69800145,49.1816553 4.90783418,48.6491171 4.046976,48.6695389 L4.50411055,50.931648 L3.44374691,51.1452916 L2.76040145,47.7678371 L6.32165236,47.0467898 L6.53843782,48.1181498 L5.65244509,48.2972335 C6.30594327,48.5784262 6.86832873,49.1738007 7.06469236,50.1430516 C7.42757236,51.9433135 6.28866327,53.7592844 4.30460509,54.1614371 C2.318976,54.5635898 0.564270545,53.3429935 0.179397818,51.4421935 C-0.104936727,50.0393716 0.338059636,49.0465571 1.17064145,48.3207971" id="Fill-49" fill="#231F20"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| <user_code data-rm-friendly-name="Custom SVG for Trending Icon SVG" id="09b4770c5f8d71b226d7b616b14101db"> | |
| <![CDATA[<svg class="eyes-svg pop-in" width="81px" height="68px" viewBox="0 0 31 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |
| <g id="Responsive_02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | |
| <g id="768_MainGrid_General" transform="translate(-394.000000, -565.000000)" stroke="#000000"> | |
| <g id="Group-40" transform="translate(367.000000, 538.000000)"> | |
| <g id="Group-52" transform="translate(0.000000, -0.000000)"> | |
| <g id="Group-11" transform="translate(28.000000, 28.000000)"> | |
| <ellipse id="Oval" stroke-width="1.6" fill="#FFFFFF" cx="6.44444444" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-2" stroke-width="3.2" fill="#FFFFFF" cx="5.63888889" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy" stroke-width="1.6" fill="#FFFFFF" cx="22.5555556" cy="15.3636364" rx="6.44444444" ry="10.6363636"> | |
| </ellipse> | |
| <ellipse id="Oval-Copy-3" stroke-width="3.2" fill="#FFFFFF" cx="21.75" cy="19.6969697" rx="2.42777778" ry="2.33939394"> | |
| </ellipse> | |
| <path d="M6.44444444,0.0700739525 L6.44444444,4.88330367" id="Line" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M10.4722222,1.64583153 L10.4722222,6.45906125" id="Line-Copy" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M2.41666667,1.64583153 L2.41666667,6.45906125" id="Line-Copy-2" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M22.5555556,0.0700739525 L22.5555556,4.88330367" id="Line-Copy-5" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M26.5833333,1.64583153 L26.5833333,6.45906125" id="Line-Copy-4" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| <path d="M18.5277778,1.64583153 L18.5277778,6.45906125" id="Line-Copy-3" stroke-width="1.6" stroke-linecap="square"> | |
| </path> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </g> | |
| </svg>]]> | |
| </user_code> | |
| </element_wrapper> | |
| <write_to_header data-rm-friendly-name="ReorderElement"> | |
| <![CDATA[<script> | |
| function reOrderElement(){ | |
| document.querySelectorAll('.homepage_component_wrapper.reorderable ').forEach( wrapper => { | |
| //console.log(wrapper); | |
| /* NodeList.prototype.forEach = Array.prototype.forEach | |
| var allPosts=wrapper.childNodes; | |
| // console.log(allPosts); | |
| var newsPosts; | |
| var featurePosts; | |
| var n_c=0; | |
| var f__c=0; | |
| /* for (var i = 0; i < allPosts.length; i++) { | |
| if(allPosts[i].classList && allPosts[i].classList.contains('news-post-whats-new')){ | |
| newsPosts.push(allPosts[i]) | |
| } | |
| else{ | |
| featurePosts.push(allPosts[i]); | |
| } | |
| }*/ | |
| /* allPosts.forEach(article => { | |
| if(article.classList && article.classList.contains('news-post-whats-new')){ | |
| //newsPosts.push(article) | |
| newsPosts[n_c]=article; | |
| n_c++; | |
| } | |
| else if(article.classList && article.classList.contains('what-new-item')){ | |
| //featurePosts.push(article); | |
| featurePosts[f__c]=article; | |
| f_c++; | |
| } | |
| })*/ | |
| if(window.innerWidth>1439){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>1079){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| else if(window.innerWidth>767){ | |
| wrapper.appendChild(wrapper.querySelector('.news-1')) //wrapper.appendChild(newsPosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.news-2')) // wrapper.appendChild(newsPosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-1')) // wrapper.appendChild(featurePosts[0]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-2')) // wrapper.appendChild(featurePosts[1]); | |
| wrapper.appendChild(wrapper.querySelector('.news-3')) //wrapper.appendChild(newsPosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.news-4')) //wrapper.appendChild(newsPosts[3]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-3')) //wrapper.appendChild(featurePosts[2]); | |
| wrapper.appendChild(wrapper.querySelector('.feature-4')) //wrapper.appendChild(featurePosts[3]); | |
| } | |
| }) | |
| } | |
| </script>]]> | |
| </write_to_header> | |
| <user_code data-rm-friendly-name="Add widget sections and layout" id="9c5f909e7cb4e4cf5829bf1e52fdc172"> | |
| <![CDATA[<script> | |
| function selectLayout(element) { | |
| var layoutName = 'no-layout-selected' | |
| if (element.querySelector('.widget__head + .widget__body [class^="custom-field"]')) { | |
| layoutName = element.querySelector('.widget__head + .widget__body [class^="custom-field"]').getAttribute('class').split('custom-field-').pop(); | |
| if (layoutName.indexOf('news') != -1) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| } | |
| if (layoutName == 'no-layout-selected') { | |
| if (element.classList && element.classList.contains('tag-news')) { | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else if(element.querySelector('.widget__section')?element.querySelector('.widget__section').innerText.toLowerCase()=='news' : false){ | |
| element.closest('.posts_stream').classList.add('news-layout'); | |
| if(element.querySelector('.photo-credit')){ | |
| element.querySelector('.widget__image')?element.querySelector('.widget__image').appendChild(element.querySelector('.photo-credit')):" "; | |
| } | |
| } | |
| else { | |
| element.closest('.posts_stream').classList.add('feature-layout'); | |
| } | |
| element.closest('.posts_stream').classList.add(layoutName); | |
| // element.closest('.posts_stream').classList.add('feature-layout') | |
| } | |
| } | |
| function setWidgetSectionSelector() { | |
| document.querySelectorAll('.posts_stream .stream-post > .posts-custom > .posts-wrapper > .widget:not(.processed):not(.whats-new-widget)').forEach(element => { | |
| selectLayout(element); | |
| element.classList.add('processed'); | |
| element.classList.add('infinite-scroll-post') | |
| var widgetSection=element.querySelector('.widget__section'); | |
| var section_name=getPrimarySectionName( widgetSection ?widgetSection.innerText.toLowerCase(): "") | |
| if(section_name !=="") { | |
| element.classList.add('article__splash-custom'); | |
| widgetSection ? element.setAttribute('data-s2-value',widgetSection.innerText.toLowerCase()): ""; | |
| widgetSection ? widgetSection.innerText=section_name : ""; | |
| widgetSection ? widgetSection.href="/"+section_name : ""; | |
| element.classList.add(`select-section-${section_name}`); | |
| if(element.querySelector('.custom-field-feature-color-primary') | |
| && element.querySelector('.custom-field-fearure-color-secondary')){ | |
| // alert('present') | |
| addStylesForSelectedColor(element.querySelector('.custom-field-feature-color-primary') | |
| .innerText,element.querySelector('.custom-field-fearure-color-secondary').innerText); | |
| element.classList.add(`select-section-${element.querySelector('.custom-field-feature-color-primary').innerText}`); | |
| } | |
| if(element.querySelector('.widget__subheadline')){ | |
| if(element.querySelector('.body-description')){ | |
| element.querySelector('.body-description').insertAdjacentElement('afterbegin',element.querySelector('.widget__subheadline')) | |
| } | |
| } | |
| element.querySelector('article').classList.add('post-splash-custom') | |
| element.querySelector('.widget__headline').classList.add('headline-container'); | |
| element.querySelector('.widget__headline-text').classList.add('headline'); | |
| element.querySelector('.social-date')?element.querySelector('.social-date').classList.add('post-date'):""; | |
| element.querySelector('.social-author').className='post-author-list'; | |
| element.querySelector('.social-author__avatar').className='post-author__avatar image'; | |
| element.querySelector('.social-author__name').className='post-author__name'; | |
| } | |
| if(element.querySelector('.custom-field-feature-layout-2') || element.querySelector('.custom-field-feature-layout-3')){ | |
| AuthorBylinePositioning(element) | |
| } | |
| }); | |
| } | |
| </script>]]> | |
| </user_code> | |
| <user_code id="56df9c8aab2bb8bf3b2319a4318a378c" data-rm-friendly-name="Post General CSS"> | |
| <![CDATA[<style>a[href^="https://content.jwplatform.com"]{display:none}.post-author-list{font-size:0;color:transparent}.post-author{display:inline-block}.posts_stream.news-layout .badge-list-sponsored{}.news-layout .widget__image{position:relative}.news-layout .photo-credit{position:absolute;right:10PX;bottom:5PX}.news-layout .photo-credit:before{left:-10px;position:absolute;right:-10px;bottom:-5px;display:block;top:-5px;background:#ccc;opacity: .2;content:""}[class^="custom-field-news"],[class^="custom-field-feature"]{display:none !important}.insert-nav-here{margin:0}.outer_container{padding-top:0}.posts_stream{position:relative}.post-splash-custom .widget__head{margin:0}.post-splash-custom .widget__head .widget__body{position:unset;background:none !important}.post-splash-custom .headline-container{padding-left:10px}.post-splash-custom .headline-container .headline, .body-description .pullquote-paragraph{font-family:'Basetica-Regular',Arial;font-size:30px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.47;letter-spacing:normal;display:inline;padding:5px 0 0}.body-description .pullquote-paragraph{font-size:28px;line-height:1.5;text-align:center}.post-splash-custom .widget__section{font-family:Apercu-Mono,Arial;font-size:10px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.2;letter-spacing:normal;text-align:center;border:solid 1px;margin-top:12px;padding:10px 10px 7px;display:inline-block;text-transform:capitalize}.post-splash-custom .widget__head+.widget__body{padding:30px 0 90px;position:relative}.post-splash-custom .widget__head+.widget__body:after{background-image:url(https://assets.rbl.ms/19063793/2000x.png);content:"";display:block;margin:0 auto;margin-top:60px;background-repeat:no-repeat;width:31px;height:22px;background-position:-5px -5px}.post-author-list{width:100%;box-sizing:border-box}.post-author__avatar,.post-author__name{display:inline-block;vertical-align:top;position:relative;overflow:hidden;width:}.post-author__name{margin:15px 20px}.post-author:first-child .post-author__name:before{content:"BY "}.post-author__name:hover{opacity:.5}.post-author__name , .post-splash-custom .post-date{font-family:'Apercu-Mono',Arial;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;color:#000;text-transform:uppercase}.post-author__avatar{height:60px;width:60px}.post-splash-custom .post-date{display:block;position:absolute;padding-left:112px;margin-top:-20px;opacity:.4}.body-description{font-family:'Apercu',Arial;font-size:16px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:24px;letter-spacing:normal;color:#000;text-align:center;padding:0 30px}.post-author-list{padding:0 30px}.body-description>*{padding:0;text-align:left;box-sizing:border-box}.tags{margin-left:30px;margin-right:30px;padding-top:100px;padding-bottom:50px;position:relative;background-size:20px 15px;background-position:left 60px;text-align:left}.share-tab-img{display:block}.tags:before{content:"TAGS";opacity:0.4;font-family:'Apercu-Mono',Arial;font-size:10px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-0.4px;color:#000;display:block;padding-bottom:15px}.tags:after{content:"";display:block;height:15px;width:100%;bottom:0;position:absolute;background-size:20px 15px}.tags .tags__item{font-family:'Apercu-Mono',Arial;font-size:14px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-0.6px;padding:9px 10px 7px;display:inline-block;margin-right:14px;margin-left:0;opacity:.8;text-transform:capitalize}.post-splash-custom .body{padding-top:20px}.body .photo-credit{font-family:Apercu-Mono,Arial;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;text-align:center;color:#a1a1a1}.post-splash-custom .widget__subheadline *{font-family:Basetica-Regular,Arial;font-size:22px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:22px;letter-spacing:normal;color:#000}.post-splash-custom .widget__subheadline{margin-bottom:30px}.body .ee-ul li{list-style-type:none}.body .ee-ul li:before{font-size:16px;color:#6d1730;letter-spacing:0;content:"- ";font-family:Adieu;line-height:22px}.body .ee-ol li:before{font-size:16px;color:#6d1730;letter-spacing:0;content:counter(li)" - ";font-family:Adieu;line-height:22px}.ee-ol li{counter-increment:li}.body .ee-ol{list-style:none;counter-reset:li;margin-left:30px}.body .ee-ul{margin-left:30px}.sidebar_outer{display:none}.article__splash-custom .widget__shares{display:none !important}.body-description a{background-color:#f1f1f1;text-decoration:underline}.body .image-media.media-photo-credit, .body .image-media.media-caption{font-family:'Apercu-Mono',Arial;font-size:11px;line-height:18px;color:#666}.body .image-media.media-caption{text-transform:uppercase}.body .image-media.media-photo-credit p, .body .image-media.media-caption p{margin:0}.body .image-media.media-photo-credit{font-family:'Apercu',Arial}.infinite-scroll .subscription-divider{height:100% !important}.body-description .end-credits{font-family:Apercu-Mono,Arial;text-transform:uppercase;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;letter-spacing:normal;color:#000}</style>]]> | |
| </user_code> | |
| <user_code id="076f57853aa3c499b1d4774cb84b6ee6" data-rm-friendly-name="Post General CSS - CTA dropcap related article"> | |
| <![CDATA[<style>iframe.instagram-media{position:relative !important}.body-description .dropcap-paragraph:first-letter {color:{{default-color-dark}};float:left;font-family:Adieu;font-size:42px;line-height:36px;margin-left:-3px;padding-right:8px}.body-description blockquote{font-weight:bold;margin-left:40px;margin-right:0}.body-description blockquote:before{width:15px;height:100%;margin-left:-40px;position:absolute;content:"";background-size:20px 20px;background-repeat:repeat-y}.cta-poll{background:#f8f8f8;color:{{default-color-dark}};padding:0;margin:30px auto;border:30px solid{{default-color-dark}};max-width:450px;height:unset}.cta-poll .verticalize__box{width:100%;display:block;max-width:100%}.cta-poll .verticalize:before{display:none}.cta-poll-block .cta-poll__question{font-family:Basetica-Regular,Arial;font-size:30px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.2;letter-spacing:0px;text-align:center;color:{{default-color-dark}};margin:50px 0 40px;padding:0}.cta-poll-block .cta-poll__answers{padding:0;margin:0 35px 50px;height:90px;display:flex}.cta-poll-block .cta-poll__answer-item{border-top:2px solid #ededed;border-bottom:2px solid #ededed;border-left:2px solid #ededed;border-right:none;background-color:#fff;float:none;width:190px;height:100%;display:inline-block;padding:0}.cta-poll-block .cta-poll__answer-item:first-child{border-bottom-left-radius:10px;border-top-left-radius:10px}.cta-poll-block .cta-poll__answer-item:last-child{border-right:2px solid #ededed;border-bottom-right-radius:10px;border-top-right-radius:10px}.cta-poll__answer-item label{display:flex;height:100%;justify-content:center;align-items:center}.cta-poll__answer-item .inuit-flag{height:100%}.cta-poll__answer-item .inuit-flag__body{width:100%;text-align:center;height:100%;vertical-align:unset;display:flex;justify-content:center;align-items:center}.cta-poll.cta-poll--multiple-options .cta-poll__answer__share-number, .cta-poll-block .inuit-flag__img{display:none}.cta-poll-block .cta-poll__answer__text{background-image:linear-gradient(94deg, #e0bbad, #8d0545);font-family:Apercu,Arial;font-size:22px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:0.5px;text-align:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.posts-custom blockquote{border-left:0}@media (min-width:768px){.body-description blockquote{margin-left:60px}}@media (max-width:767px){.body-description .dropcap-paragraph:first-letter {position:relative;top:3px}}.body .nested-posts article{max-width:470px;box-sizing:border-box;padding:30px 0;margin:0 auto;border:1px solid #000;position:relative;border-left:0;border-right:0}.body .nested-posts .image{position:absolute;height:60px;width:60px;border-radius:60px;top:35px}.body .nested-posts .headline-container{display:block;padding-left:80px}.body .nested-posts .headline-container a{background:transparent;text-decoration:none}.body .nested-posts .headline-container .headline{display:block;background-color:transparent !important;box-shadow:unset !important;padding:0;margin:0;height:50px;font-family:Apercu,Arial;font-size:20px;font-weight:normal;font-style:normal;font-stretch:normal;letter-spacing:normal;color:#000 !important;-webkit-box-orient:vertical;display:-webkit-box;line-height:25px;-webkit-line-clamp:2;overflow:hidden}.body .nested-posts .headline-container a:before{content:'DONT MISS....';font-family:Adieu;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal;text-align:center;color:#000;padding-bottom:17px;display:block;text-align:left}.body .nested-posts .subheadline{display:none}@media (max-width:767px){.body .nested-posts .headline-container .headline{font-size:16px;line-height:22px}}</style>]]> | |
| </user_code> | |
| <user_code id="ac11c87ebd570e870b34d4a12d082a60" data-rm-friendly-name="Post General CSS 768px"> | |
| <![CDATA[<style> @media (min-width:768px){.insert-nav-here{margin:0}.post-author{display:inline-block}.post-author .post-author__name:after{content:" /"}.post-author:last-child .post-author__name:after{content:unset}.news-layout .photo-credit{position:absolute;right:0;bottom:-20px}.news-layout.news-layout-1-image .widget__head .widget__body{width:unset}.news-layout .photo-credit:before{background-color:transparent}.outer_container{padding-top:0}.post-splash-custom .widget__head{margin:0;padding:30px 60px 100px}.post-splash-custom .widget__head .widget__body{position:absolute;background:none !important;padding:0 60px 30px;bottom:0;box-sizing:border-box}.post-splash-custom .headline-container{padding-left:15px;max-width:510px;box-sizing:unset}.post-splash-custom .headline-container .headline{font-size:36px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.42;letter-spacing:-0.9px;padding:8px 0 0}.body-description .pullquote-paragraph{font-size:38px;line-height:1.82}.post-author-list,.body-description{padding:0 60px}.post-splash-custom .body{padding-top:30px}.body-description>*{padding:0 0;box-sizing:border-box}.body-description .pullquote-paragraph{padding:12px 0 5px}.body-description img{width:100%}.tags{margin-left:60px;margin-right:60px}.post-splash-custom .post-date{padding-left:145px}}</style>]]> | |
| </user_code> | |
| <user_code id="3e0d58a6f617da162234bd1c8706f0ea" data-rm-friendly-name="Post General CSS 1080px"> | |
| <![CDATA[<style> @media (min-width:1080px){.insert-nav-here{margin:0}.outer_container{padding-top:0}.sidebar_outer{display:block}.posts_stream .post-splash-custom{width:calc(100% - 360px)}.post-splash-custom .widget__head{margin:0;padding:60px 60px 85px}.body-description .pullquote-paragraph{font-size:38px;line-height:1.82}.post-author-list{padding:0 60px}.body-description,.body-description>*{padding:0 30px}.cta-poll{margin:40px 240px}}</style>]]> | |
| </user_code> | |
| <user_code id="cf8d3657aa8edf31bcc0924eae827643" data-rm-friendly-name="Post General CSS 1440px"> | |
| <![CDATA[<style> @media (min-width:1440px){.insert-nav-here{margin:0}.outer_container{padding-top:0}.posts_stream .post-splash-custom{width:calc(100% - 460px)}.post-splash-custom .widget__head{margin:0;padding:60px 60px 0 290px}.post-splash-custom .widget__head .widget__body{padding:0 60px 60px;bottom:0}.post-splash-custom .headline-container{padding-left:20px;max-width:420px;box-sizing:border-box}.post-splash-custom .headline-container .headline{font-size:43px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.49;letter-spacing:-1px;padding:10px 0 0}.post-splash-custom .widget__head+.widget__body{padding-top:0}.news-layout .post-splash-custom .widget__head{min-height:560px;box-sizing:border-box}.post-author-list{padding:0 60px;margin-top:-30px;position:absolute}.post-author__name, .post-splash-custom .post-date{display:block;position:absolute;margin:10px 0 0}.post-author__avatar{border:4px solid #f8f8f8}.post-splash-custom .post-date{top:50px;padding-left:60px}.post-splash-custom .body{padding-top:10px}.body-description{padding:50px 60px 0 290px}.body-description>*{padding:0 0 }.tags{margin-left:290px;margin-right:60px}.news-layout .post-splash-custom .widget__image{padding-bottom:67.66% !important}.post-splash-custom .widget__head+.widget__body:after{margin:60px calc(50% + 85px) 0 }.cta-poll{margin:40px 370px}}</style>]]> | |
| </user_code> | |
| <user_code id="3128ce3fd5a37f13197fcbaca08224da" data-rm-friendly-name="Post General CSS 1920px and beyond"> | |
| <![CDATA[<style> @media (min-width:1441px){.all-content-wrapper{max-width:1920px;margin:0 auto}.post-splash-custom .widget__head{padding:60px calc((100% * 180)/1920) 60px calc((100% * 600)/1920)}.body-description{padding:50px calc((100% * 180)/1920) 0 calc((100% * 600)/1920)}.post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{padding-left:calc((100% * 250)/1920)}.tags{margin-left:calc((100% * 600)/1920);margin-right:calc((100% * 180)/1920)}}@media (min-width:1921px){.all-content-wrapper{max-width:1920px;margin:0 auto}.post-splash-custom .widget__head{padding:60px 180px 0 600px}.body-description{padding:50px 180px 0 460px}.post-splash-custom .widget__head .widget__body ,.post-author-list,.post-splash-custom .post-date{padding-left:250px}.tags{margin-left:600px;margin-right:180px}}</style>]]> | |
| </user_code> | |
| <user_code id="ad00edb98459608cf28c2f0eb00a63a0" data-rm-friendly-name="Post General CSS news layout no image update"> | |
| <![CDATA[<style> .news-layout-no-image .post-splash-custom .widget__image{background-image:none !important;padding:0 0 0 !important;display:none}.news-layout-no-image .post-splash-custom .widget__head .widget__body{position:relative;padding:60px 30px 30px}@media (min-width:768px){.news-layout-no-image .post |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment