<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt_PT">
<head>
<title>Band Vale FM 102.9 - Música e informação</title>
<meta name="description" content="Ouça ao vivo a Rádio Band Vale FM 102.9 - A maior cobertura do rádio regional. Participe via WhatsApp (12) 99716-8011. As melhores músicas de todos os tempos e as principais informações da região metropolitana do Vale do Paraíba." />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S53FVDGW03"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-S53FVDGW03');
</script>
<meta name="adopt-website-id" content="c1517ffc-4a28-4bd8-bdfe-faae91bc509d" />
<script src="http://tag.goadopt.io/injector.js?website_code=c1517ffc-4a28-4bd8-bdfe-faae91bc509d" class="adopt-injector"></script>
<link rel="shortcut icon" href="https://www.bandvalefm.com.br/favicon.ico"/>
<meta property="og:image" content="https://www.bandvalefm.com.br/compartilhe/bandvale1029fm.png"/>
<meta name='theme-color' content="#0d57ae"/>
<meta name="googlebot" content="index, follow"/>
<meta name="robots" content="index, follow"/>
<meta name="googlebot" content="noarchive"/>
<meta name="robots" content="noarchive"/>
<meta name="googlebot" content="noodp"/>
<meta name="robots" content="noodp"/>
<meta name="author" content="Allexandre Campos - Webmaster"/>
<meta name="generator" content="Vale na Internet"/>
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible"/>
<link id="wsite-base-style" rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" />
<link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/old/fancybox.css?1234" />
<link rel="stylesheet" type="text/css" href="files/main_style.css?1754391204" title="wsite-theme-css" />
<link href='http://cdn2.editmysite.com/fonts/Source_Sans_Pro/font.css?2' rel='stylesheet' type='text/css' />
<link href='http://cdn2.editmysite.com/fonts/Open_Sans/font.css?2' rel='stylesheet' type='text/css' />
<link href='http://cdn2.editmysite.com/fonts/Droid_Sans/font.css?2' rel='stylesheet' type='text/css' />
<link href='http://cdn2.editmysite.com/fonts/Montserrat/font.css?2' rel='stylesheet' type='text/css' />
<link href='http://cdn2.editmysite.com/fonts/Montserrat/font.css?2' rel='stylesheet' type='text/css' />
<link href='http://cdn2.editmysite.com/fonts/Droid_Sans/font.css?2' rel='stylesheet' type='text/css' />
<style type='text/css'>
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {font-family:"Open Sans" !important;font-style:normal !important;text-transform: none !important;}
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {color:#818181 !important;}
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {font-family:"Droid Sans" !important;font-weight:700 !important;font-style:normal !important;}
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {color:#71bf44 !important;}
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
#wsite-title {}
.wsite-menu-default a {font-family:"Montserrat" !important;font-weight:700 !important;font-style:normal !important;text-transform: uppercase !important;}
.wsite-menu a {font-family:"Montserrat" !important;font-weight:700 !important;font-style:normal !important;}
.wsite-image div, .wsite-caption {font-family:"Droid Sans" !important;font-weight:700 !important;}
.galleryCaptionInnerText {}
.fancybox-title {}
.wslide-caption-text {}
.wsite-phone {}
.wsite-headline,.wsite-header-section .wsite-content-title {}
.wsite-headline-paragraph,.wsite-header-section .paragraph {}
.wsite-button-inner {}
.wsite-not-footer blockquote {}
.wsite-footer blockquote {}
.blog-header h2 a {}
#wsite-content h2.wsite-product-title {}
.wsite-product .wsite-product-price a {}
@media screen and (min-width: 767px) {.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {font-size:16px !important;}
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {font-size:35px !important;}
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
#wsite-title {}
.wsite-menu-default a {font-size:16px !important;}
.wsite-menu a {font-size:16px !important;}
.wsite-image div, .wsite-caption {font-size:15px !important;}
.galleryCaptionInnerText {}
.fancybox-title {}
.wslide-caption-text {}
.wsite-phone {}
.wsite-headline,.wsite-header-section .wsite-content-title {}
.wsite-headline-paragraph,.wsite-header-section .paragraph {}
.wsite-button-inner {}
.wsite-not-footer blockquote {}
.wsite-footer blockquote {}
.blog-header h2 a {}
#wsite-content h2.wsite-product-title {}
.wsite-product .wsite-product-price a {}
}</style>
<script src='files/templateArtifacts.js?1754391126'></script>
<script>
var STATIC_BASE = '//cdn1.editmysite.com/';
var ASSETS_BASE = '//cdn2.editmysite.com/';
var STYLE_PREFIX = 'wsite';
</script>
<script src='https://cdn2.editmysite.com/js/jquery-1.8.3.min.js'></script>
<script type="text/javascript" src="http://cdn2.editmysite.com/js/lang/pt_PT/stl.js?buildTime=1234&"></script>
<script src="http://cdn2.editmysite.com/js/site/main.js?buildTime=1234"></script><script type="text/javascript">
function initCustomerAccountsModels() {
(function(){_W.setup_rpc({"url":"\/ajax\/api\/JsonRPC\/CustomerAccounts\/","actions":{"CustomerAccounts":[{"name":"login","len":2,"multiple":false,"standalone":false},{"name":"logout","len":0,"multiple":false,"standalone":false},{"name":"getSessionDetails","len":0,"multiple":false,"standalone":false},{"name":"getAccountDetails","len":0,"multiple":false,"standalone":false},{"name":"getOrders","len":0,"multiple":false,"standalone":false},{"name":"register","len":4,"multiple":false,"standalone":false},{"name":"emailExists","len":1,"multiple":false,"standalone":false},{"name":"passwordReset","len":1,"multiple":false,"standalone":false},{"name":"passwordUpdate","len":3,"multiple":false,"standalone":false},{"name":"validateSession","len":1,"multiple":false,"standalone":false}]},"namespace":"_W.CustomerAccounts.RPC"});
_W.setup_model_rpc({"rpc_namespace":"_W.CustomerAccounts.RPC","model_namespace":"_W.CustomerAccounts.BackboneModelData","collection_namespace":"_W.CustomerAccounts.BackboneCollectionData","bootstrap_namespace":"_W.CustomerAccounts.BackboneBootstrap","models":{"CustomerAccounts":{"_class":"CustomerAccounts.Model.CustomerAccounts","defaults":null,"validation":null,"types":null,"idAttribute":null,"keydefs":null}},"collections":{"CustomerAccounts":{"_class":"CustomerAccounts.Collection.CustomerAccounts"}},"bootstrap":[]});
})();
}
if(document.createEvent && document.addEventListener) {
var initEvt = document.createEvent('Event');
initEvt.initEvent('customerAccountsModelsInitialized', true, false);
document.dispatchEvent(initEvt);
} else if(document.documentElement.initCustomerAccountsModels === 0){
document.documentElement.initCustomerAccountsModels++
}
</script>
<script type="text/javascript"> _W = _W || {}; _W.securePrefix='UNSET'; </script><script>_W = _W || {};
_W.customerLocale = "en_US";
_W.storeName = null;
_W.isCheckoutReskin = false;
_W.storeCountry = "BR";
_W.storeCurrency = "BRL";
_W.storeEuPrivacyPolicyUrl = "";
com_currentSite = "882148772190160454";
com_userID = "119632159";</script><script type="text/javascript">_W.resellerSite = true;</script><script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script>_W.relinquish && _W.relinquish()</script>
<script type="text/javascript" src="http://cdn2.editmysite.com/js/lang/pt_PT/stl.js?buildTime=1234&"></script><script> _W.themePlugins = [];</script><script type="text/javascript"> _W.recaptchaUrl = "https://www.google.com/recaptcha/api.js"; </script><script type="text/javascript"><!--
var IS_ARCHIVE = 1;
var DISABLE_NAV_MORE = 1;
function initFlyouts(){
initPublishedFlyoutMenus(
[{"id":"976519915105734724","title":"PORTAL BAND VALE","url":"https:\/\/www.band.uol.com.br\/band-vale","target":"_blank","nav_menu":false,"nonclickable":false}],
"117157831165709856",
'',
'active',
false,
{"navigation\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}} class=\"wsite-menu-item-wrap\">\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\t{{#membership_required}}\n\t\t\tdata-membership-required=\"{{.}}\"\n\t\t{{\/membership_required}}\n\t\tclass=\"wsite-menu-item\"\n\t\t>\n\t\t{{{title_html}}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n","navigation\/flyout\/list":"<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a\n\t\t{{^nonclickable}}\n\t\t\t{{^nav_menu}}\n\t\t\t\thref=\"{{url}}\"\n\t\t\t{{\/nav_menu}}\n\t\t{{\/nonclickable}}\n\t\t{{#target}}\n\t\t\ttarget=\"{{target}}\"\n\t\t{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">><\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"},
{}
)
}
//-->
</script>
</head>
<body class=" flexSlider-layout wsite-theme-light wsite-page-index"><div id="header_wrapper_flex" class="clearfix">
<div id="header">
<div class="top_header clearfix">
<div class="common clearfix">
<div id="phone"></div>
<div id="socials"></div>
</div>
<div class="navigation clearfix">
<div class="logo">
<span class="wsite-logo">
<a href="https://www.bandvalefm.com.br/">
<img src="uploads/1/1/9/6/119632159/logo-1029-003.png" alt="Band Vale FM 102.9" />
</a>
</span>
</div>
<div class="menu">
<ul class="wsite-menu-default">
<li id="pg976519915105734724" class="wsite-menu-item-wrap">
<a
href="https://www.band.uol.com.br/band-vale"
target="_blank"
class="wsite-menu-item"
>
PORTAL BAND VALE
</a>
</li>
</ul>
<div id="mobile_nav" class="closed_menu">
<span class="mobile_nav_btn"></span>
<div id="mobile_menu" class="expaned_menu"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!------ Start Flex Slider -------------->
<div id="flexslider" class="flexslider">
<ul class="slides">
<li>
<img src="files/theme/banner-bv1029.png" alt="Band Vale FM 1029" />
<div class="flex-caption">
</div>
</li>
</ul>
</div>
<!------ End Flex Slider ---------------->
<div id="feature_area_wrapper">
<div id="feature_area">
<div class="wsite-elements wsite-not-footer">
<div><div id="289242746593721314" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><!-- PLAYER CODE -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/nativeflashradiov3.js">
</script>
<div id="flashradio" style="height:60px; max-width:600px; width:100%; color:white;">
Carregando áudio, aguarde...
</div>
<script type="text/javascript">
$("#flashradio").flashradio({settings:"flashradio.xml"});
</script>
<!-- PLAYER CODE --></div>
</div>
</div>
</div>
</div>
<div id="content_wrapper">
<div id="content" style="padding-top:20px">
<div id="wsite-content" class="wsite-elements wsite-not-footer">
<div><div style="height: 20px; overflow: hidden; width: 0px;"></div>
<hr class="styled-hr" style="width:0px;"></hr>
<div style="height: 10px; overflow: hidden; width: 0px;"></div></div>
<h2 class="wsite-content-title">​Programação</h2>
<div id="683272321458352767"><div><style type="text/css">
#element-37708f4c-49e0-4815-98b3-e4ea141da7f3 .border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-37708f4c-49e0-4815-98b3-e4ea141da7f3 .hide-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-37708f4c-49e0-4815-98b3-e4ea141da7f3 .hide-box .hide-box-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
</style><div id="element-37708f4c-49e0-4815-98b3-e4ea141da7f3" data-platform-element-id="874959678356211109-1.0.1" class="platform-element-contents">
<div class="hide-box">
<div class="hide-box-content">
<div style="width: auto"><div></div><div id="757034151442073590"><div><style type="text/css">
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box {
position: relative;
margin: 20px 0;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-tab-group {
font-size: 0;
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 60px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-tab {
margin: 0;
cursor: pointer;
height: 60px;
display: inline-block;
min-width: 19%;
position: relative;
background-color: #ecf0f1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-content-group {
clear: both;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-content {
padding: 40px 20px 40px 20px;
display: none;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .scrollArrow {
width: 25px;
background-color: white;
text-align: center;
position: absolute;
z-index: 3;
top: 0;
display: none;
cursor: pointer;
height: 60px;
line-height: 60px;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .scrollArrow.scrollArrow-left {
left: 0;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .scrollArrow.scrollArrow-right {
right: 0;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box.scrollable .tabbed-box-tab-group {
border-bottom: none;
overflow-x: hidden;
overflow-y: hidden;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box.scrollable .tabbed-box-bar:hover .scrollArrow.active {
display: block;
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-width: 499px) {
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-tab-group {
overflow-x: scroll !important;
}
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard .tabbed-box-tab-group {
border-left: 1px solid #bdc3c7;
border-bottom: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard .tabbed-box-tab {
border: 1px solid #bdc3c7;
border-left: none;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard .tabbed-box-tab .paragraph {
color: #A8ABAC;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard .tabbed-box-tab.active {
border-bottom: 1px solid white;
background-color: white;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard .tabbed-box-content-group {
border: 1px solid #bdc3c7;
border-top: none;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard.scrollable .tabbed-box-tab-group {
border-right: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard.scrollable .tabbed-box-tab-group .tabbed-box-tab:last-child {
border-right: none;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard.scrollable .scrollArrow-left {
border: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .standard.scrollable .scrollArrow-right {
border: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line .tabbed-box-tab-group {
border: 1px solid #bdc3c7;
border-bottom: none;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line .tabbed-box-tab {
border-bottom: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line .tabbed-box-tab .paragraph {
color: #BDC2C2;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line .tabbed-box-tab.active {
border-bottom: 1px solid black;
background-color: white;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line .tabbed-box-content-group {
border: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line.scrollable .tabbed-box-tab-group {
height: 61px;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line.scrollable .tabbed-box-content-group {
border-top: none;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line.scrollable .scrollArrow-left,
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .line.scrollable .scrollArrow-right {
border: 1px solid #bdc3c7;
border-bottom: none;
border-top: none;
height: 61px;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .simple .tabbed-box-tab {
border-bottom: 1px solid #bdc3c7;
height: 61px;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .simple .tabbed-box-tab .paragraph {
color: #BDC2C2;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .simple .tabbed-box-tab.active {
border-bottom: 1px solid black;
background-color: white;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .simple .tabbed-box-content-group {
border-top: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .simple .tabbed-box-content {
padding: 20px 0px 20px 0px;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .simple .scrollArrow-left {
border-right: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .simple .scrollArrow-right {
border-left: 1px solid #bdc3c7;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .s3d-shadow {
-webkit-box-shadow: #f5f5f5;
-moz-box-shadow: #f5f5f5;
box-shadow: #f5f5f5;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .s3d-content-shadow {
-webkit-box-shadow: 0px 0px 30px 4px #f5f5f5;
-moz-box-shadow: 0px 0px 30px 4px #f5f5f5;
box-shadow: 0px 0px 30px 4px #f5f5f5;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .s3d .tabbed-box-tab .paragraph {
color: #A8ABAC;
background-color: #ecf0f1;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .s3d .tabbed-box-tab.active {
border-bottom: 1px solid white;
background-color: white;
-webkit-box-shadow: 0px -10px 31px -4px #f5f5f5, -12px -4px 40px -16px #f5f5f5, 12px -4px 40px -16px #f5f5f5;
-moz-box-shadow: 0px -10px 31px -4px #f5f5f5, -12px -4px 40px -16px #f5f5f5, 12px -4px 40px -16px #f5f5f5;
box-shadow: 0px -10px 31px -4px #f5f5f5, -12px -4px 40px -16px #f5f5f5, 12px -4px 40px -16px #f5f5f5;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .s3d .tabbed-box-tab.active .paragraph {
background-color: white;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .s3d .tabbed-box-content-group {
-webkit-box-shadow: 0px 0px 30px 4px #f5f5f5;
-moz-box-shadow: 0px 0px 30px 4px #f5f5f5;
box-shadow: 0px 0px 30px 4px #f5f5f5;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-tab .paragraph {
padding: 0px;
line-height: 60px !important;
text-align: center !important;
font-weight: bold;
font-size: 16px !important;
margin: 0 20px;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-content .paragraph {
padding: 0;
line-height: 30px;
}
#element-eaf1ca4f-48ea-45a7-9978-185bee512c06 .tabbed-box-tab:last-child .w-delete-outer {
display: none;
position: relative;
float: right;
}
</style><div id="element-eaf1ca4f-48ea-45a7-9978-185bee512c06" data-platform-element-id="135397292802228534-1.3.6" class="platform-element-contents">
<div class="tabbed-box standard">
<div class="tabbed-box-bar">
<ul class="tabbed-box-tab-group">
<li class="tabbed-box-tab" rel="tab-0">
<div class="paragraph"><strong><font color="#0d57ae">SEGUNDA A SEXTA</font></strong></div>
</li>
<li class="tabbed-box-tab" rel="tab-1">
<div class="paragraph"><strong><font color="#0d57ae">SÁBADO</font></strong></div>
</li>
<li class="tabbed-box-tab" rel="tab-2">
<div class="paragraph"><strong><font color="#0d57ae">DOMINGO</font></strong></div>
</li>
</ul>
<div class="scrollArrow scrollArrow-left">
<span class="scrollArrow-text"><</span>
</div>
<div class="scrollArrow scrollArrow-right">
<span class="scrollArrow-text">></span>
</div>
</div>
<div class="tabbed-box-content-group">
<div class="tabbed-box-content tab-0">
<div style="width: auto"><div></div><div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -0px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:35.529157667387%; padding:0 0px;">
<div class="paragraph"><ul><li>00h00 - Programação Musical</li><li>05h00 - Pulo do Gato</li><li>07h00 - Primeira Hora Nacional</li><li>08h00 - Primeira Hora Regional</li><li>09h00 - Programação Musical</li><li>10h00 - Notícias da Hora</li><li>10h30 - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>11h00 - Programação Musical</li></ul></div>
</td> <td class="wsite-multicol-col" style="width:64.470842332613%; padding:0 0px;">
<div class="paragraph"><ul><li>12h00 - Jornal do Meio Dia</li><li>13h00 - Programação Musical</li><li>15h30 - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>16h00 - Informações e Estradas <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>19h00 - Programação Musical</li><li>19h20 - Jornal da Band</li><li>20h30 - Voz do Brasil</li><li>21h30 - Clássicos Band Vale <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li></ul></div>
</td> </tr>
</tbody>
</table>
</div></div></div></div>
</div>
<div class="tabbed-box-content tab-1">
<div style="width: auto"><div></div><div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -0px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:35.637149028078%; padding:0 0px;">
<div class="paragraph"><ul><li>00h00 - Programação Musical</li><li>05h00 - Pulo do Gato</li><li>07h00 - Primeira Hora Nacional</li><li>08h00 - Programação Musical</li><li>10h30 - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>11h00 - Programação Musical</li><li>12h00 - Programação Musical</li></ul></div>
</td> <td class="wsite-multicol-col" style="width:64.362850971922%; padding:0 0px;">
<div class="paragraph"><ul><li>15h30 - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>16h00 - Programação Musical</li><li>18h00 - Clássicos do Cinema <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>19h00 - Programação Musical</li><li>19h20 - Jornal da Band</li><li>20h30 - Programação Musical</li><li>22h00 - Embalos da Band (DJ Oca) <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li></ul></div>
</td> </tr>
</tbody>
</table>
</div></div></div></div>
</div>
<div class="tabbed-box-content tab-2">
<div style="width: auto"><div></div><div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -0px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:35.85313174946%; padding:0 0px;">
<div class="paragraph"><ul><li>00h00 - Programação Musical</li><li>05h00 - Pulo do Gato</li><li>07h00 - Primeira Hora Nacional</li><li>08h00 - Programação Musical</li><li>10h30 - Primeira Classe <strong><font color="#81c94c">(Novo)</font></strong></li><li>11h00 - Programação Musical </li></ul></div>
</td> <td class="wsite-multicol-col" style="width:64.14686825054%; padding:0 0px;">
<div class="paragraph"><ul><li>12h00 - Programação Musical</li><li>15h30 - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>16h00 - Programação Musical</li><li>17h00 - Repórter das Estradas </li><li>21h00 - Lendas <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong></li><li>22h00 - Programação Musical</li></ul></div>
</td> </tr>
</tbody>
</table>
</div></div></div></div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement757034151442073590() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "135397292802228534-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TabbedBox = PlatformElement.extend({
events: {
'click .tabbed-box-tab': 'clickTab',
// in case they type and that causes an overflow, we should determine scrollability here
'keyup .tabbed-box-tab .paragraph': 'determineScrollability',
'mousedown .scrollArrow-left': 'scrollLeft',
'mousedown .scrollArrow-right': 'scrollRight',
'touchstart .scrollArrow-left': 'scrollLeft',
'touchstart .scrollArrow-right': 'scrollRight'
},
initialize: function() {
var view = this;
// optimization
this.scrollArrowLeft = this.$('> .tabbed-box > .tabbed-box-bar > .scrollArrow-left');
this.scrollArrowRight = this.$('> .tabbed-box > .tabbed-box-bar > .scrollArrow-right');
this.scrollTabsBar = this.$('> .tabbed-box > .tabbed-box-bar > .tabbed-box-tab-group');
// resize handler and mouseup handler
// since we want to be able to handle mouseup wherever the user releases (not just over the element)
// we set it here as a property of the window.
$(window).resize(function() {
this.determineScrollability();
}.bind(this)).on('mouseup touchend', function() {
this.stopScrolling();
}.bind(this));
// since scroll events don't propagate up, we have to bind it here as opposed to in the events object
this.scrollTabsBar.scroll(function() {
this.determineHandlers();
}.bind(this));
// determine whether or not we should show the scroll handlers
this.determineScrollability();
// load the first tab.
$(document).ready(function() {
this.scrollTabsBar.children().first().click();
}.bind(this));
},
/*
Handle click event on a tab.
Uses 'rel' attribute of each tab as an index to access
the class of the corresponding content area.
*/
clickTab: function(e) {
var active = $(e.currentTarget); // Clicked tab
var content_wrapper = this.$('> .tabbed-box > .tabbed-box-content-group'); // wrapper for all content divs
this.stopScrolling();
this.determineClickScroll(active);
// Set new active tab
active.siblings().removeClass('active');
active.addClass('active');
// mark the new active tab
this.settings.set('activeTabIndexInternal', this.scrollTabsBar.children().index(active));
this.settings.save();
// trigger children first
content_wrapper.find('.tabbed-box-tab.active').click();
// Set new active content
content_wrapper.children().hide();
content_wrapper.find('> .' + active.attr('rel')).fadeIn();
this.determineHandlers();
// fire resize event to handle any deterministic elements now appearing
$(window).resize();
// Stop propagation in case this is a nested tab app
e.stopPropagation();
},
// determines whether or not the two arrows (left and right scroll handlers) should be visible or not.
determineScrollability: function() {
var group = this.scrollTabsBar[0];
if (group.scrollWidth > group.clientWidth) {
this.$el.children().addClass('scrollable');
this.determineHandlers();
} else {
this.$el.children().removeClass('scrollable');
}
},
// determines whether or not the two arrows (left and right scroll handlers) should be active or not.
determineHandlers: function() {
var target = this.scrollTabsBar[0];
// left handler
if (target.scrollLeft !== 0) {
this.scrollArrowLeft.addClass('active');
} else {
this.scrollArrowLeft.removeClass('active');
}
// right handler
if (target.scrollLeft + target.clientWidth < target.scrollWidth - 1) {
this.scrollArrowRight.addClass('active');
} else {
this.scrollArrowRight.removeClass('active');
}
},
// scrolls the tabs bar to the left.
scrollLeft: function(e) {
e.stopPropagation();
this.stopScrolling();
var scrollEl = this.scrollTabsBar[0];
var view = this;
var factor = 2;
this.scrollArrowRight.addClass('active');
this.scrollInterval = setInterval(function() {
scrollEl.scrollLeft -= Math.floor(factor);
factor *= 1.05;
if (scrollEl.scrollLeft === 0) {
view.stopScrolling();
}
}, 10);
},
// scrolls the tabs bar to the right.
scrollRight: function(e) {
e.stopPropagation();
this.stopScrolling();
var scrollEl = this.scrollTabsBar[0];
var view = this;
var factor = 2;
this.scrollArrowLeft.addClass('active');
this.scrollInterval = setInterval(function() {
scrollEl.scrollLeft += Math.floor(factor);
factor *= 1.05;
// forcefully stop the interval if it's not doing anything anymore
if (scrollEl.scrollLeft + scrollEl.clientWidth == scrollEl.scrollWidth) {
view.stopScrolling();
}
}, 10);
},
stopScrolling: function() {
clearInterval(this.scrollInterval);
this.determineHandlers();
},
determineClickScroll: function(active) {
// figure out where the element is, and if we need to change our view to show it
var scroll;
// determine where the element we're going to is in respect to the tabs bar
// 25px is the size of the scroll arrows
var leftSidePosition = active.position().left - 50;
var rightSidePosition = active.position().left + active.width() + 50;
// the gap is how much space we want there to be between the selected element
// when it's out of view, and we go to it.
var gap = 25;
if (this.scrollTabsBar.children().index(active) === 0) {
// this the first element, so define the scroll to be 0.
scroll = 0;
} else if (this.scrollTabsBar.children().index(active) == this.scrollTabsBar.children().length - 1) {
// this the last element, so define the scroll to be all the way to the right.
scroll = this.scrollTabsBar[0].scrollWidth - this.scrollTabsBar[0].clientWidth;
} else if (leftSidePosition < 0) {
// the left corner is out of view, which means it's beyond the left.
scroll = this.scrollTabsBar[0].scrollLeft + leftSidePosition - gap;
} else if (rightSidePosition > this.scrollTabsBar.width()) {
// the right corner is out of view.
scroll = this.scrollTabsBar[0].scrollLeft + (rightSidePosition - this.scrollTabsBar.width()) + gap;
} else {
scroll = this.scrollTabsBar[0].scrollLeft;
}
// start scrolling
scroll = Math.floor(scroll);
var delta = scroll - this.scrollTabsBar[0].scrollLeft;
var startedDown = false;
if (delta !== 0) {
clearInterval(this.scrollInterval);
var distance = 0;
var direction = (delta > 0 ? 1 : -1);
var speed = 1;
var factor = 1.25; // for parabolic acceleration
this.scrollInterval = setInterval(function() {
if (distance >= Math.abs(delta)) {
this.stopScrolling();
}
this.scrollTabsBar[0].scrollLeft += (Math.max(1, Math.floor(speed)) * direction);
distance += Math.max(1, Math.floor(speed));
if (distance * 2 >= Math.abs(delta)) { // if we've traversed more than half
if (factor == 1.25) { // 5/4
factor = 1; // 4/4
} else {
factor = 0.8; // 4/5
}
}
speed *= factor;
}.bind(this), 20);
}
}
});
return TabbedBox;
})();
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"tabs_each":[{"tabs_index":0},{"tabs_index":1},{"tabs_index":2}],"theme":"standard","tabs":3,"active_tab":"white","inactive_tab":"#ecf0f1","border_color":"#bdc3c7","activeTabIndexInternal":0});
_Element.prototype.settings.page_element_id = "757034151442073590";
_Element.prototype.element_id = "eaf1ca4f-48ea-45a7-9978-185bee512c06";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-135397292802228534-1.3.6/assets/";
new _Element({
el: '#element-eaf1ca4f-48ea-45a7-9978-185bee512c06'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement757034151442073590();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement757034151442073590, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement757034151442073590();
}
});
}
</script></div></div></div>
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement683272321458352767() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "874959678356211109-1.0.1";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
( function() {
var HideBox,
resizeTimeout,
that;
that = this;
resizeTimeout = null;
HideBox = PlatformElement.extend( {
"update": function() {
var display, // value of CSS "display" to use
width;
// get screen width
width = $( window ).width();
// determine which "display" value to use
if ( width < 768 ) {
display = that.settings.get( "xs" );
} else if ( width < 992 ) {
display = that.settings.get( "sm" );
} else if ( width < 1200 ) {
display = that.settings.get( "md" );
} else {
display = that.settings.get( "lg" );
}
// update value of "display"
that.$( ".hide-box" ).css( "display", display );
},
"installResizeHandler": function() {
$( window ).resize( function() {
// ignore resize events as long as an actualResizeHandler execution is in the queue
if ( resizeTimeout === null ) {
resizeTimeout = setTimeout( function() {
resizeTimeout = null;
that.actualResizeHandler();
}, 66 ); // 66ms: the actualResizeHandler will execute at a rate of 15fps
}
} );
},
"actualResizeHandler": function() {
that.update();
},
"initialize": function() {
that = this;
// update the element's display
that.update();
// need to resize the element when the window resizes
that.installResizeHandler();
}
} );
return HideBox;
}() );
;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"xs":"none","sm":"block","md":"block","lg":"block"});
_Element.prototype.settings.page_element_id = "683272321458352767";
_Element.prototype.element_id = "37708f4c-49e0-4815-98b3-e4ea141da7f3";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-874959678356211109-1.0.1/assets/";
new _Element({
el: '#element-37708f4c-49e0-4815-98b3-e4ea141da7f3'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement683272321458352767();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement683272321458352767, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement683272321458352767();
}
});
}
</script></div></div>
<div id="808752279836469519"><div><style type="text/css">
#element-f7feaab8-82ac-4eca-9671-c8a32d92c69d .border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-f7feaab8-82ac-4eca-9671-c8a32d92c69d .hide-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-f7feaab8-82ac-4eca-9671-c8a32d92c69d .hide-box .hide-box-content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
</style><div id="element-f7feaab8-82ac-4eca-9671-c8a32d92c69d" data-platform-element-id="874959678356211109-1.0.1" class="platform-element-contents">
<div class="hide-box">
<div class="hide-box-content">
<div style="width: auto"><div></div><div id="971966064366973889"><div><style type="text/css">
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .border-box {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box {
position: relative;
margin: 20px 0;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-tab-group {
font-size: 0;
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 60px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-tab {
margin: 0;
cursor: pointer;
height: 60px;
display: inline-block;
min-width: 19%;
position: relative;
background-color: #ecf0f1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-content-group {
clear: both;
float: left;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-content {
padding: 40px 20px 40px 20px;
display: none;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .scrollArrow {
width: 25px;
background-color: white;
text-align: center;
position: absolute;
z-index: 3;
top: 0;
display: none;
cursor: pointer;
height: 60px;
line-height: 60px;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .scrollArrow.scrollArrow-left {
left: 0;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .scrollArrow.scrollArrow-right {
right: 0;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box.scrollable .tabbed-box-tab-group {
border-bottom: none;
overflow-x: hidden;
overflow-y: hidden;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box.scrollable .tabbed-box-bar:hover .scrollArrow.active {
display: block;
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3),only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),only screen and (max-width: 499px) {
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-tab-group {
overflow-x: scroll !important;
}
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard .tabbed-box-tab-group {
border-left: 1px solid #bdc3c7;
border-bottom: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard .tabbed-box-tab {
border: 1px solid #bdc3c7;
border-left: none;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard .tabbed-box-tab .paragraph {
color: #A8ABAC;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard .tabbed-box-tab.active {
border-bottom: 1px solid white;
background-color: white;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard .tabbed-box-content-group {
border: 1px solid #bdc3c7;
border-top: none;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard.scrollable .tabbed-box-tab-group {
border-right: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard.scrollable .tabbed-box-tab-group .tabbed-box-tab:last-child {
border-right: none;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard.scrollable .scrollArrow-left {
border: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .standard.scrollable .scrollArrow-right {
border: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line .tabbed-box-tab-group {
border: 1px solid #bdc3c7;
border-bottom: none;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line .tabbed-box-tab {
border-bottom: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line .tabbed-box-tab .paragraph {
color: #BDC2C2;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line .tabbed-box-tab.active {
border-bottom: 1px solid black;
background-color: white;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line .tabbed-box-content-group {
border: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line.scrollable .tabbed-box-tab-group {
height: 61px;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line.scrollable .tabbed-box-content-group {
border-top: none;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line.scrollable .scrollArrow-left,
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .line.scrollable .scrollArrow-right {
border: 1px solid #bdc3c7;
border-bottom: none;
border-top: none;
height: 61px;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .simple .tabbed-box-tab {
border-bottom: 1px solid #bdc3c7;
height: 61px;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .simple .tabbed-box-tab .paragraph {
color: #BDC2C2;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .simple .tabbed-box-tab.active {
border-bottom: 1px solid black;
background-color: white;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .simple .tabbed-box-content-group {
border-top: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .simple .tabbed-box-content {
padding: 20px 0px 20px 0px;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .simple .scrollArrow-left {
border-right: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .simple .scrollArrow-right {
border-left: 1px solid #bdc3c7;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .s3d-shadow {
-webkit-box-shadow: #f5f5f5;
-moz-box-shadow: #f5f5f5;
box-shadow: #f5f5f5;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .s3d-content-shadow {
-webkit-box-shadow: 0px 0px 30px 4px #f5f5f5;
-moz-box-shadow: 0px 0px 30px 4px #f5f5f5;
box-shadow: 0px 0px 30px 4px #f5f5f5;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .s3d .tabbed-box-tab .paragraph {
color: #A8ABAC;
background-color: #ecf0f1;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .s3d .tabbed-box-tab.active {
border-bottom: 1px solid white;
background-color: white;
-webkit-box-shadow: 0px -10px 31px -4px #f5f5f5, -12px -4px 40px -16px #f5f5f5, 12px -4px 40px -16px #f5f5f5;
-moz-box-shadow: 0px -10px 31px -4px #f5f5f5, -12px -4px 40px -16px #f5f5f5, 12px -4px 40px -16px #f5f5f5;
box-shadow: 0px -10px 31px -4px #f5f5f5, -12px -4px 40px -16px #f5f5f5, 12px -4px 40px -16px #f5f5f5;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .s3d .tabbed-box-tab.active .paragraph {
background-color: white;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .s3d .tabbed-box-content-group {
-webkit-box-shadow: 0px 0px 30px 4px #f5f5f5;
-moz-box-shadow: 0px 0px 30px 4px #f5f5f5;
box-shadow: 0px 0px 30px 4px #f5f5f5;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-tab .paragraph {
padding: 0px;
line-height: 60px !important;
text-align: center !important;
font-weight: bold;
font-size: 16px !important;
margin: 0 20px;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-content .paragraph {
padding: 0;
line-height: 30px;
}
#element-44e9d052-2b44-4a7b-bc81-cc141c70a287 .tabbed-box-tab:last-child .w-delete-outer {
display: none;
position: relative;
float: right;
}
</style><div id="element-44e9d052-2b44-4a7b-bc81-cc141c70a287" data-platform-element-id="135397292802228534-1.3.6" class="platform-element-contents">
<div class="tabbed-box standard">
<div class="tabbed-box-bar">
<ul class="tabbed-box-tab-group">
<li class="tabbed-box-tab" rel="tab-0">
<div class="paragraph"><strong><font color="#0d57ae">SEGUNDA A SEXTA</font></strong></div>
</li>
<li class="tabbed-box-tab" rel="tab-1">
<div class="paragraph"><strong><font color="#0d57ae">SÁBADO</font></strong></div>
</li>
<li class="tabbed-box-tab" rel="tab-2">
<div class="paragraph"><strong><font color="#0d57ae">DOMINGO</font></strong></div>
</li>
</ul>
<div class="scrollArrow scrollArrow-left">
<span class="scrollArrow-text"><</span>
</div>
<div class="scrollArrow scrollArrow-right">
<span class="scrollArrow-text">></span>
</div>
</div>
<div class="tabbed-box-content-group">
<div class="tabbed-box-content tab-0">
<div style="width: auto"><div></div><div class="paragraph"><font size="2"><strong>00h00</strong> - Programação Musical<br /><strong>05h00</strong> - Pulo do Gato<br /><strong>07h00</strong> - Primeira Hora Nacional<br /><strong>08h00</strong> - Primeira Hora Regional<br /><strong>09h00</strong> - Programação Musical<br /><strong>10h00</strong> - Notícias da Hora<br /><strong>10h30</strong> - Primeira Classe ​<strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>11h00</strong> - Programação Musical<br /><strong>12h00</strong> - Jornal do Meio Dia<br /><strong>13h00</strong> - Programação Musical<br /><strong>15h30</strong> - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>16h00</strong> - Informações e Estradas ​<strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>19h00</strong> - Programação Musical<br /><strong>19h20</strong> - Jornal da Band<br /><strong>20h30</strong> - Voz do Brasil<br /><strong>21h30</strong> - Clássicos Band Vale ​<strong style="color: rgb(129, 129, 129);"><font color="#81c94c" style="">(Novo)</font></strong></font></div></div>
</div>
<div class="tabbed-box-content tab-1">
<div style="width: auto"><div></div><div class="paragraph"><font size="2"><strong>00h00</strong> - Programação Musical<br /><strong>05h00</strong> - Pulo do Gato<br /><strong>07h00</strong> - Primeira Hora Nacional<br /><strong>08h00</strong> - Programação Musical<br /><strong>10h30</strong> - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>11h00</strong> - Programação Musical<br /><strong>12h00</strong> - Programação Musical<br /><strong>15h30</strong> - Primeira Classe ​<strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>16h00</strong> - Programação Musical<br /><strong>18h00</strong> - Clássicos do Cinema ​<strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>19h00</strong> - Programação Musical<br /><strong>19h20</strong> - Jornal da Band<br /><strong>20h30</strong> - Programação Musical<br /><strong>22h00</strong> - Embalos da Band (DJ Oca) <strong style="color: rgb(129, 129, 129);"><font color="#81c94c" style="">(Novo)</font></strong></font></div></div>
</div>
<div class="tabbed-box-content tab-2">
<div style="width: auto"><div></div><div class="paragraph"><font size="2"><strong>00h00</strong> - Programação Musical<br /><strong>05h00</strong> - Pulo do Gato<br /><strong>07h00</strong> - Primeira Hora Nacional<br /><strong>08h00</strong> - Programação Musical<br /><strong>10h30</strong> - Primeira Classe ​<strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>11h00</strong> - Programação Musical <br /><strong>12h00</strong> - Programação Musical<br /><strong>15h30</strong> - Primeira Classe <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>16h00</strong> - Programação Musical<br /><strong>17h00</strong> - Repórter das Estradas <br /><strong>21h00</strong> - Lendas <strong style="color:rgb(129, 129, 129)"><font color="#81c94c">(Novo)</font></strong><br /><strong>22h00</strong> - Programação Musical</font></div></div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement971966064366973889() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "135397292802228534-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TabbedBox = PlatformElement.extend({
events: {
'click .tabbed-box-tab': 'clickTab',
// in case they type and that causes an overflow, we should determine scrollability here
'keyup .tabbed-box-tab .paragraph': 'determineScrollability',
'mousedown .scrollArrow-left': 'scrollLeft',
'mousedown .scrollArrow-right': 'scrollRight',
'touchstart .scrollArrow-left': 'scrollLeft',
'touchstart .scrollArrow-right': 'scrollRight'
},
initialize: function() {
var view = this;
// optimization
this.scrollArrowLeft = this.$('> .tabbed-box > .tabbed-box-bar > .scrollArrow-left');
this.scrollArrowRight = this.$('> .tabbed-box > .tabbed-box-bar > .scrollArrow-right');
this.scrollTabsBar = this.$('> .tabbed-box > .tabbed-box-bar > .tabbed-box-tab-group');
// resize handler and mouseup handler
// since we want to be able to handle mouseup wherever the user releases (not just over the element)
// we set it here as a property of the window.
$(window).resize(function() {
this.determineScrollability();
}.bind(this)).on('mouseup touchend', function() {
this.stopScrolling();
}.bind(this));
// since scroll events don't propagate up, we have to bind it here as opposed to in the events object
this.scrollTabsBar.scroll(function() {
this.determineHandlers();
}.bind(this));
// determine whether or not we should show the scroll handlers
this.determineScrollability();
// load the first tab.
$(document).ready(function() {
this.scrollTabsBar.children().first().click();
}.bind(this));
},
/*
Handle click event on a tab.
Uses 'rel' attribute of each tab as an index to access
the class of the corresponding content area.
*/
clickTab: function(e) {
var active = $(e.currentTarget); // Clicked tab
var content_wrapper = this.$('> .tabbed-box > .tabbed-box-content-group'); // wrapper for all content divs
this.stopScrolling();
this.determineClickScroll(active);
// Set new active tab
active.siblings().removeClass('active');
active.addClass('active');
// mark the new active tab
this.settings.set('activeTabIndexInternal', this.scrollTabsBar.children().index(active));
this.settings.save();
// trigger children first
content_wrapper.find('.tabbed-box-tab.active').click();
// Set new active content
content_wrapper.children().hide();
content_wrapper.find('> .' + active.attr('rel')).fadeIn();
this.determineHandlers();
// fire resize event to handle any deterministic elements now appearing
$(window).resize();
// Stop propagation in case this is a nested tab app
e.stopPropagation();
},
// determines whether or not the two arrows (left and right scroll handlers) should be visible or not.
determineScrollability: function() {
var group = this.scrollTabsBar[0];
if (group.scrollWidth > group.clientWidth) {
this.$el.children().addClass('scrollable');
this.determineHandlers();
} else {
this.$el.children().removeClass('scrollable');
}
},
// determines whether or not the two arrows (left and right scroll handlers) should be active or not.
determineHandlers: function() {
var target = this.scrollTabsBar[0];
// left handler
if (target.scrollLeft !== 0) {
this.scrollArrowLeft.addClass('active');
} else {
this.scrollArrowLeft.removeClass('active');
}
// right handler
if (target.scrollLeft + target.clientWidth < target.scrollWidth - 1) {
this.scrollArrowRight.addClass('active');
} else {
this.scrollArrowRight.removeClass('active');
}
},
// scrolls the tabs bar to the left.
scrollLeft: function(e) {
e.stopPropagation();
this.stopScrolling();
var scrollEl = this.scrollTabsBar[0];
var view = this;
var factor = 2;
this.scrollArrowRight.addClass('active');
this.scrollInterval = setInterval(function() {
scrollEl.scrollLeft -= Math.floor(factor);
factor *= 1.05;
if (scrollEl.scrollLeft === 0) {
view.stopScrolling();
}
}, 10);
},
// scrolls the tabs bar to the right.
scrollRight: function(e) {
e.stopPropagation();
this.stopScrolling();
var scrollEl = this.scrollTabsBar[0];
var view = this;
var factor = 2;
this.scrollArrowLeft.addClass('active');
this.scrollInterval = setInterval(function() {
scrollEl.scrollLeft += Math.floor(factor);
factor *= 1.05;
// forcefully stop the interval if it's not doing anything anymore
if (scrollEl.scrollLeft + scrollEl.clientWidth == scrollEl.scrollWidth) {
view.stopScrolling();
}
}, 10);
},
stopScrolling: function() {
clearInterval(this.scrollInterval);
this.determineHandlers();
},
determineClickScroll: function(active) {
// figure out where the element is, and if we need to change our view to show it
var scroll;
// determine where the element we're going to is in respect to the tabs bar
// 25px is the size of the scroll arrows
var leftSidePosition = active.position().left - 50;
var rightSidePosition = active.position().left + active.width() + 50;
// the gap is how much space we want there to be between the selected element
// when it's out of view, and we go to it.
var gap = 25;
if (this.scrollTabsBar.children().index(active) === 0) {
// this the first element, so define the scroll to be 0.
scroll = 0;
} else if (this.scrollTabsBar.children().index(active) == this.scrollTabsBar.children().length - 1) {
// this the last element, so define the scroll to be all the way to the right.
scroll = this.scrollTabsBar[0].scrollWidth - this.scrollTabsBar[0].clientWidth;
} else if (leftSidePosition < 0) {
// the left corner is out of view, which means it's beyond the left.
scroll = this.scrollTabsBar[0].scrollLeft + leftSidePosition - gap;
} else if (rightSidePosition > this.scrollTabsBar.width()) {
// the right corner is out of view.
scroll = this.scrollTabsBar[0].scrollLeft + (rightSidePosition - this.scrollTabsBar.width()) + gap;
} else {
scroll = this.scrollTabsBar[0].scrollLeft;
}
// start scrolling
scroll = Math.floor(scroll);
var delta = scroll - this.scrollTabsBar[0].scrollLeft;
var startedDown = false;
if (delta !== 0) {
clearInterval(this.scrollInterval);
var distance = 0;
var direction = (delta > 0 ? 1 : -1);
var speed = 1;
var factor = 1.25; // for parabolic acceleration
this.scrollInterval = setInterval(function() {
if (distance >= Math.abs(delta)) {
this.stopScrolling();
}
this.scrollTabsBar[0].scrollLeft += (Math.max(1, Math.floor(speed)) * direction);
distance += Math.max(1, Math.floor(speed));
if (distance * 2 >= Math.abs(delta)) { // if we've traversed more than half
if (factor == 1.25) { // 5/4
factor = 1; // 4/4
} else {
factor = 0.8; // 4/5
}
}
speed *= factor;
}.bind(this), 20);
}
}
});
return TabbedBox;
})();
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"tabs_each":[{"tabs_index":0},{"tabs_index":1},{"tabs_index":2}],"activeTabIndexInternal_each":[{"activeTabIndexInternal_index":0},{"activeTabIndexInternal_index":1}],"theme":"standard","tabs":3,"active_tab":"white","inactive_tab":"#ecf0f1","border_color":"#bdc3c7","activeTabIndexInternal":2});
_Element.prototype.settings.page_element_id = "971966064366973889";
_Element.prototype.element_id = "44e9d052-2b44-4a7b-bc81-cc141c70a287";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-135397292802228534-1.3.6/assets/";
new _Element({
el: '#element-44e9d052-2b44-4a7b-bc81-cc141c70a287'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement971966064366973889();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement971966064366973889, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement971966064366973889();
}
});
}
</script></div></div></div>
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement808752279836469519() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "874959678356211109-1.0.1";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
( function() {
var HideBox,
resizeTimeout,
that;
that = this;
resizeTimeout = null;
HideBox = PlatformElement.extend( {
"update": function() {
var display, // value of CSS "display" to use
width;
// get screen width
width = $( window ).width();
// determine which "display" value to use
if ( width < 768 ) {
display = that.settings.get( "xs" );
} else if ( width < 992 ) {
display = that.settings.get( "sm" );
} else if ( width < 1200 ) {
display = that.settings.get( "md" );
} else {
display = that.settings.get( "lg" );
}
// update value of "display"
that.$( ".hide-box" ).css( "display", display );
},
"installResizeHandler": function() {
$( window ).resize( function() {
// ignore resize events as long as an actualResizeHandler execution is in the queue
if ( resizeTimeout === null ) {
resizeTimeout = setTimeout( function() {
resizeTimeout = null;
that.actualResizeHandler();
}, 66 ); // 66ms: the actualResizeHandler will execute at a rate of 15fps
}
} );
},
"actualResizeHandler": function() {
that.update();
},
"initialize": function() {
that = this;
// update the element's display
that.update();
// need to resize the element when the window resizes
that.installResizeHandler();
}
} );
return HideBox;
}() );
;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"xs":"block","sm":"none","md":"none","lg":"none"});
_Element.prototype.settings.page_element_id = "808752279836469519";
_Element.prototype.element_id = "f7feaab8-82ac-4eca-9671-c8a32d92c69d";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-874959678356211109-1.0.1/assets/";
new _Element({
el: '#element-f7feaab8-82ac-4eca-9671-c8a32d92c69d'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement808752279836469519();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement808752279836469519, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement808752279836469519();
}
});
}
</script></div></div>
<div><div style="height: 20px; overflow: hidden; width: 0px;"></div>
<hr class="styled-hr" style="width:0px;"></hr>
<div style="height: 20px; overflow: hidden; width: 0px;"></div></div>
<h2 class="wsite-content-title">​Equipe</h2>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -10px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="597633239117968217"><div><style type="text/css">
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--filled div.wsite-image,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--round div.wsite-image,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .inside,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .element-box,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .element-box-contents,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .element,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .wsite-image,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .ui-wrapper,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .platform-element-child,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--filled div.wsite-image,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--round div.wsite-image,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .inside,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .element-box,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .element-box-contents,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .element,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .wsite-image,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .ui-wrapper,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .platform-element-child,
#element-5fc18f0b-40ae-4948-a421-602e4ecfa571 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-5fc18f0b-40ae-4948-a421-602e4ecfa571" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/1-equipe-claudio-nicolini_orig.jpg" alt="CLAUDIO NICOLINI" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae"><strong>CLÁUDIO NICOLINI</strong></font><br /><span style="color:rgb(129, 129, 129)">​Jornalista</span><br /></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement597633239117968217() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "597633239117968217";
_Element.prototype.element_id = "5fc18f0b-40ae-4948-a421-602e4ecfa571";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-5fc18f0b-40ae-4948-a421-602e4ecfa571'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement597633239117968217();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement597633239117968217, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement597633239117968217();
}
});
}
</script></div></div>
</td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="244583203103700517"><div><style type="text/css">
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--filled div.wsite-image,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--round div.wsite-image,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__extras {
text-align: center !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .wsite-image {
padding: 0px !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .inside,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .element-box,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .element-box-contents,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .element,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .wsite-image,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .ui-wrapper,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .platform-element-child,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--filled div.wsite-image,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--round div.wsite-image,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__extras {
text-align: center !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .wsite-image {
padding: 0px !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .inside,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .element-box,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .element-box-contents,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .element,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .wsite-image,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .ui-wrapper,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .platform-element-child,
#element-4f67221b-e027-4235-b599-2e69ccc0b6fc .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-4f67221b-e027-4235-b599-2e69ccc0b6fc" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/2-equipe-duda-vasconcellos_orig.jpg" alt="DUDA VASCONCELLOS" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><strong style="color:rgb(129, 129, 129)"><font color="#0d57ae">DUDA VASCONCELLOS</font></strong><br /><span style="color:rgb(129, 129, 129)">​Jornalista</span><br /></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement244583203103700517() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "244583203103700517";
_Element.prototype.element_id = "4f67221b-e027-4235-b599-2e69ccc0b6fc";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-4f67221b-e027-4235-b599-2e69ccc0b6fc'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement244583203103700517();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement244583203103700517, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement244583203103700517();
}
});
}
</script></div></div>
</td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="327733112206684856"><div><style type="text/css">
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--filled div.wsite-image,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--round div.wsite-image,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .inside,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .element-box,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .element-box-contents,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .element,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .wsite-image,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .ui-wrapper,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .platform-element-child,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--filled div.wsite-image,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--round div.wsite-image,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .inside,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .element-box,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .element-box-contents,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .element,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .wsite-image,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .ui-wrapper,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .platform-element-child,
#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/3-equipe-carol-serra_orig.jpg" alt="CAROL SERRA" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae"><strong>CAROL SERRA</strong></font><br /><span style="color:rgb(129, 129, 129)">​Locutora</span><br /></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement327733112206684856() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "327733112206684856";
_Element.prototype.element_id = "cae4fb08-c2b2-4e55-bd8b-c8848360dea7";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-cae4fb08-c2b2-4e55-bd8b-c8848360dea7'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement327733112206684856();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement327733112206684856, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement327733112206684856();
}
});
}
</script></div></div>
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -10px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="798401199913076249"><div><style type="text/css">
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--filled div.wsite-image,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--round div.wsite-image,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .inside,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .element-box,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .element-box-contents,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .element,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .wsite-image,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .ui-wrapper,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .platform-element-child,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--filled div.wsite-image,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--round div.wsite-image,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .inside,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .element-box,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .element-box-contents,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .element,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .wsite-image,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .ui-wrapper,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .platform-element-child,
#element-242fbad1-0a06-4b18-ad30-32d3243a0444 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-242fbad1-0a06-4b18-ad30-32d3243a0444" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/4-equipe-dudu-prado_orig.jpg" alt="DUDU PRADO" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae"><strong>DUDU PRADO</strong>​</font><br /><span style="color:rgb(129, 129, 129)">​Coordenador / Locutor</span></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement798401199913076249() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "798401199913076249";
_Element.prototype.element_id = "242fbad1-0a06-4b18-ad30-32d3243a0444";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-242fbad1-0a06-4b18-ad30-32d3243a0444'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement798401199913076249();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement798401199913076249, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement798401199913076249();
}
});
}
</script></div></div>
</td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="958462897660244329"><div><style type="text/css">
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--filled div.wsite-image,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--round div.wsite-image,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .inside,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .element-box,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .element-box-contents,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .element,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .wsite-image,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .ui-wrapper,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .platform-element-child,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--filled div.wsite-image,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--round div.wsite-image,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .inside,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .element-box,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .element-box-contents,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .element,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .wsite-image,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .ui-wrapper,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .platform-element-child,
#element-ca476d3e-8a63-412b-a665-cd30fafdd973 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-ca476d3e-8a63-412b-a665-cd30fafdd973" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/5-equipe-wandy-venino_orig.jpg" alt="WANDY VENINO" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae"><strong>WANDY VENINO</strong>​</font><br /><span style="color:rgb(129, 129, 129)">​Locutor</span><br /></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement958462897660244329() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "958462897660244329";
_Element.prototype.element_id = "ca476d3e-8a63-412b-a665-cd30fafdd973";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-ca476d3e-8a63-412b-a665-cd30fafdd973'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement958462897660244329();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement958462897660244329, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement958462897660244329();
}
});
}
</script></div></div>
</td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="140616995268748735"><div><style type="text/css">
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--filled div.wsite-image,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--round div.wsite-image,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .inside,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .element-box,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .element-box-contents,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .element,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .wsite-image,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .ui-wrapper,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .platform-element-child,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--filled div.wsite-image,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--round div.wsite-image,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .inside,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .element-box,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .element-box-contents,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .element,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .wsite-image,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .ui-wrapper,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .platform-element-child,
#element-3d806b99-414f-4609-a2bf-f53d57bd75e1 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-3d806b99-414f-4609-a2bf-f53d57bd75e1" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/6-equipe-junior-bianchini_orig.jpg" alt="JUNIOR BIANCHINI" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae">JÚNIOR BIANCHINI​</font><br /><span style="color:rgb(129, 129, 129)">​Locutor</span></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement140616995268748735() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "140616995268748735";
_Element.prototype.element_id = "3d806b99-414f-4609-a2bf-f53d57bd75e1";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-3d806b99-414f-4609-a2bf-f53d57bd75e1'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement140616995268748735();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement140616995268748735, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement140616995268748735();
}
});
}
</script></div></div>
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -10px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="349680462948514654"><div><style type="text/css">
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--filled div.wsite-image,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--round div.wsite-image,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .inside,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .element-box,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .element-box-contents,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .element,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .wsite-image,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .ui-wrapper,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .platform-element-child,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--filled div.wsite-image,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--round div.wsite-image,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .inside,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .element-box,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .element-box-contents,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .element,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .wsite-image,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .ui-wrapper,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .platform-element-child,
#element-d62c8f68-7f82-437f-8661-b058626e4098 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-d62c8f68-7f82-437f-8661-b058626e4098" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/7-equipe-yankee_orig.jpg" alt="YANKEE" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae"><strong>YANKEE</strong></font><br /><span style="color:rgb(129, 129, 129)">​Locutor</span><br /></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement349680462948514654() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "349680462948514654";
_Element.prototype.element_id = "d62c8f68-7f82-437f-8661-b058626e4098";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-d62c8f68-7f82-437f-8661-b058626e4098'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement349680462948514654();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement349680462948514654, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement349680462948514654();
}
});
}
</script></div></div>
</td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="787830657398630058"><div><style type="text/css">
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--filled div.wsite-image,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--round div.wsite-image,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .inside,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .element-box,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .element-box-contents,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .element,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .wsite-image,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .ui-wrapper,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .platform-element-child,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--filled div.wsite-image,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--round div.wsite-image,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .inside,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .element-box,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .element-box-contents,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .element,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .wsite-image,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .ui-wrapper,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .platform-element-child,
#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/8-equipe-dj-oca_orig.jpg" alt="DJ OCA" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae"><strong>DJ OCA</strong>​</font><br /><span style="color:rgb(129, 129, 129)">​Locutor</span><br /></div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement787830657398630058() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "787830657398630058";
_Element.prototype.element_id = "9ed73161-5c18-4d02-a1c8-28445fd7d5a8";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-9ed73161-5c18-4d02-a1c8-28445fd7d5a8'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement787830657398630058();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement787830657398630058, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement787830657398630058();
}
});
}
</script></div></div>
</td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 10px;">
<div id="997528605433519317"><div><style type="text/css">
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small {
width: 204px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 204px;
width: 204px;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--filled img {
width: auto;
height: auto;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--filled div.wsite-image,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--filled a {
height: 204px;
width: 204px;
display: block;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--filled a {
cursor: pointer;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--round {
border-radius: 102px;
height: 164px;
width: 164px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--round img {
width: auto;
height: auto;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--round div.wsite-image,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--round a {
border-radius: 102px;
height: 164px;
width: 164px;
display: block;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__image--round a {
cursor: pointer;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__extras {
text-align: center !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .wsite-image {
padding: 0px !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .inside,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .element-box,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .element-box-contents,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .element,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .wsite-image,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .ui-wrapper,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic a {
height: 204px !important;
width: 100% !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .platform-element-child,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--small .pic .wsite-image {
margin: 0 !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large {
width: 280px;
height: 100%;
box-sizing: border-box;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 2px;
margin: 20px auto;
box-shadow: none;
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
background: #FFFFFF;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--filled {
margin: 0;
border-radius: 0;
overflow: hidden;
height: 280px;
width: 280px;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--filled img {
width: auto;
height: auto;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--filled div.wsite-image,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--filled a {
height: 280px;
width: 280px;
display: block;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--filled a {
cursor: pointer;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--round {
border-radius: 140px;
height: 240px;
width: 240px;
overflow: hidden;
margin: 20px 20px 0;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--round img {
width: auto;
height: auto;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--round div.wsite-image,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--round a {
border-radius: 140px;
height: 240px;
width: 240px;
display: block;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__image--round a {
cursor: pointer;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__content {
padding: 20px 0 10px;
margin: 0 20px;
text-align: center !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__content .name {
font-weight: bold;
font-size: 1.1rem;
color: #4b5155;
padding: 5px 0;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__content .title {
font-size: 0.9rem;
color: rgba(75,81,85,0.6);
text-transform: uppercase;
padding: 5px 0;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__extras {
text-align: center !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .team-card__extras .text {
color: rgba(75,81,85,0.6);
font-size: 0.9rem;
line-height: 1rem;
margin: 0 20px 20px;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large:hover {
border: 1px solid rgba(0,0,0,0.2);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
transition: border 300ms ease-in-out, box-shadow 300ms ease-in-out;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .paragraph {
margin: 0 !important;
line-height: inherit;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .wsite-initial-image .element-box {
box-shadow: none !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .wsite-image {
padding: 0px !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .inside,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .element-box,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .element-box-contents,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .element,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .wsite-image,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .ui-wrapper,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic a {
height: 280px !important;
width: 100% !important;
}
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .platform-element-child,
#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7 .team-card--large .pic .wsite-image {
margin: 0 !important;
}
</style><div id="element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7" data-platform-element-id="580202859168721269-1.3.6" class="platform-element-contents">
<div class="team-card--large">
<div class="team-card__image--round">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/9-equipe-antonio-carmo_orig.jpg" alt="ANTONIO CARMO" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</div>
<div class="team-card__content">
<div class="name"><div class="paragraph"><font color="#0d57ae">ANTÔNIO CARMO</font><br />Comentarista Esportivo</div></div>
</div>
<div class="team-card__extras">
</div>
</div>
</div>
<div style="clear:both;"></div><script type="text/javascript" class="element-script">function setupElement997528605433519317() {
var requireFunc = window.platformElementRequire || window.require;
// Relies on a global require, specific to platform elements
requireFunc([
'w-global',
'underscore',
'jquery',
'backbone',
'util/platform/elements/PlatformElement',
'util/platform/elements/PlatformElementSettings'
], function(
_W,
_,
$,
Backbone,
PlatformElement,
PlatformElementSettings
) {
var dependencies = null || [];
var platform_element_id = "580202859168721269-1.3.6";
if (typeof _W.loadedPlatformDependencies === 'undefined') {
_W.loadedPlatformDependencies = [];
}
if (typeof _W.platformElements === 'undefined') {
_W.platformElements = [];
}
if (typeof _W.platformElements[platform_element_id] === 'undefined') {
_W.platformElements[platform_element_id] = {};
_W.platformElements[platform_element_id].deferredObject = new $.Deferred();
_W.platformElements[platform_element_id].deferredPromise = _W.platformElements[platform_element_id].deferredObject.promise();
}
if(_.intersection(_W.loadedPlatformDependencies, dependencies).length !== dependencies.length){
_.reduce(dependencies, function(promise, nextScript){
_W.loadedPlatformDependencies.push(nextScript);
return promise.then(function(){
return $.getScript(nextScript);
});
}, $().promise()).then(function(){
_W.platformElements[platform_element_id].deferredObject.resolve();
});
}
if (dependencies.length === 0){
_W.platformElements[platform_element_id].deferredObject.resolve();
}
_W.platformElements[platform_element_id].deferredPromise.done(function(){
var _ElementDefinition = /**
* This is required for element rendering to be possible
* @type {PlatformElement}
*/
(function() {
var TeamCard = PlatformElement.extend({
initialize: function() {
this.fixStyles();
this.updateImage();
this.$('.wsite-image img').bind("load", this.updateImage.bind(this));
},
/**
* Lots of styles are applied by default to editable areas of
* the editor. To make the element looks how you want, some styles
* need to be overwritten.
*
* Classes that are used are:
* - .editable-text
* - .paragraph
* - .ui-wrapper
* - .wsite-image
* - .wsite-*
* - (etc...)
*/
fixStyles: function() {
var w = this.$el.find('.team-card__image--round').width();
var h = w;
this.$el.find('.editable-text').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('.element').each(function(index) {
$(this).attr('style', '');
});
this.$el.find('img').css({
display: '',
width: '',
height: ''
});
},
// updates the image and transforms it depending on what needs to happen to it.
// if it's the default placeholder, we translate it so it's center in the image area
// if it's an uploaded image that's too small, we resize it so it'll fit.
updateImage: function() {
var $img = this.$('div.wsite-image img');
var $imgContainer = this.$('.team-card__image--' + this.settings.get('image_display'));
var isInitialImage = !!this.$('div.wsite-initial-image img').length;
// if there's no image to be found, stop executing.
if ($img.length === 0) {
return;
}
// reset the size of the image
$img.css({
'transform': 'none',
'height': 'auto',
'width': 'auto'
});
// grab sizes of the container and the image
var imageSize = {
height: $img.height(),
width: $img.width()
}
var containerSize = {
height: $imgContainer.height(),
width: $imgContainer.width()
}
// if any of these are zero, stop executing.
// if it's zero because the initial image hasn't loaded yet,
// then bind a recall to when it finishes.
if (!imageSize.height || !imageSize.width || !containerSize.height || !containerSize.width) {
return;
}
// determine whether he have an initial image or not
if (isInitialImage) {
// if we do, we need to move it to fit.
var dx = (containerSize.width - imageSize.width) / 2;
var dy = (containerSize.height - imageSize.height) / 2;
$img.css({
'transform': 'translate(' + dx + 'px,' + dy + 'px)'
});
} else {
// otherwise, if the image is smaller than the container, scale it up to fit.
var scale = 1;
// depending on if which way we scale more, our origin will change
var origin = 'left top'
if (imageSize.height < containerSize.height) {
scale = containerSize.height / imageSize.height;
origin = 'center top';
}
if (imageSize.width < containerSize.width) {
var oldScale = scale;
scale = Math.max(scale, containerSize.width / imageSize.width);
if (scale > oldScale) {
origin = 'left top';
}
}
$img.css({
'transform-origin': origin,
'transform': 'scale(' + scale + ', ' + scale + ')'
});
$img.css({
'height': $img.height() + 'px',
'width': $img.width() + 'px'
});
}
}
});
return TeamCard;
})();;
if (typeof _ElementDefinition == 'undefined' || typeof _ElementDefinition == 'null') {
var _ElementDefinition = PlatformElement.extend({});
}
var _Element = _ElementDefinition.extend({
initialize: function() {
// we still want to call the initialize function defined by the developer
// however, we don't want to call it until placeholders have been replaced
this.placeholderInterval = setInterval(function() {
// so use setInterval to check for placeholders.
if (this.$('.platform-element-child-placeholder').length == 0) {
clearInterval(this.placeholderInterval);
this.constructor.__super__.initialize.apply(this);
}
}.bind(this), 100);
}
});
_Element.prototype.settings = new PlatformElementSettings({"style":"large","image_display":"round","title":false,"about":false,"button":false});
_Element.prototype.settings.page_element_id = "997528605433519317";
_Element.prototype.element_id = "c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7";
_Element.prototype.user_id = "119632159";
_Element.prototype.site_id = "882148772190160454";
_Element.prototype.assets_path = "//marketplace.editmysite.com/uploads/b/marketplace-elements-580202859168721269-1.3.6/assets/";
new _Element({
el: '#element-c0487b0e-9b1d-459a-8da9-1c0f53ebb5d7'
});
});
});
}
if (typeof document.documentElement.appReady == 'undefined') {
document.documentElement.appReady = 0;
}
if (document.documentElement.appReady || (window.inEditor && window.inEditor())) {
setupElement997528605433519317();
} else if (document.createEvent && document.addEventListener) {
document.addEventListener('appReady', setupElement997528605433519317, false);
} else {
document.documentElement.attachEvent('onpropertychange', function(event){
if (event.propertyName == 'appReady') {
setupElement997528605433519317();
}
});
}
</script></div></div>
</td> </tr>
</tbody>
</table>
</div></div></div>
<div><div style="height: 10px; overflow: hidden; width: 0px;"></div>
<hr class="styled-hr" style="width:0px;"></hr>
<div style="height: 20px; overflow: hidden; width: 0px;"></div></div>
<h2 class="wsite-content-title">Sobre a rádio</h2>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -40px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:61.296296296296%; padding:0 40px;">
<div class="paragraph" style="text-align:justify;">​A <strong>Rádio Band Vale FM</strong> foi fundada em 1996, como parte do <strong>Grupo Bandeirantes de Comunicação</strong>, com o objetivo de levar informação e entretenimento ao Vale do Paraíba. Desde então, tornou-se uma das principais emissoras da região. Sua programação combina jornalismo regional, boa música e prestação de serviços, consolidando-se como uma referência local.<br /><br />​Em 18 de outubro de 2022, a <strong>Band Vale</strong> inaugurou um novo e moderno complexo de comunicação no Colinas Shopping, em <strong>São José dos Campos</strong>, reforçando seu compromisso com a inovação e a proximidade com o público regional.<br />​</div>
</td> <td class="wsite-multicol-col" style="width:38.703703703704%; padding:0 40px;">
<div><div class="wsite-image wsite-image-border-none " style="padding-top:0px;padding-bottom:20px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/estudio-band-vale-fm-1029_orig.jpg" alt="Estudio Band Vale FM" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
</td> </tr>
</tbody>
</table>
</div></div></div>
</div>
</div>
</div>
<div id="footer_wrapper">
<div id="footer">
<div class='wsite-elements wsite-not-footer'>
<div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -20px;">
<table class="wsite-multicol-table">
<tbody class="wsite-multicol-tbody">
<tr class="wsite-multicol-tr">
<td class="wsite-multicol-col" style="width:45.8%; padding:0 20px;">
<div class="paragraph"><strong><font color="#71bf44" size="5">Fale com a Band Vale FM</font></strong></div>
<div class="paragraph"><font color="#ffffff">(12) <strong><font size="4">3925-7000</font></strong> (Recepção)</font></div>
<div class="paragraph"><font color="#ffffff">​(12) <strong><font size="4">99716-8011</font></strong> (Participe via WhatsApp)</font></div>
<div class="paragraph"><strong style="color:rgb(255, 255, 255)">Departamento Comercial:</strong><span style="color:rgb(255, 255, 255)"> (12) 3925-7000​<br />​</span><br /></div>
<div class="paragraph"><strong><font color="#71bf44">Localização</font></strong><br /><strong><font color="#ffffff">Sede do Grupo Band Vale</font><br /></strong><font color="#ffffff">Av. São João, 2200 - Jardim das Colinas</font><br /><font color="#ffffff">​São José dos Campos/SP - 12242-000</font></div>
</td> <td class="wsite-multicol-col" style="width:54.2%; padding:0 20px;">
<div><div id="215832295685551064" align="center" style="width: 100%; overflow-y: hidden;" class="wcustomhtml"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3667.0674098392797!2d-45.9117202247527!3d-23.2042138485683!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cc4a18a61ff555%3A0xdfdf1b83bb2c028c!2sGrupo%20Band%20Vale!5e0!3m2!1spt-BR!2sbr!4v1749117124185!5m2!1spt-BR!2sbr" width="100%" height="310" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
</div>
</td> </tr>
</tbody>
</table>
</div></div></div></div>
</div>
</div>
<div id="copyright_wrapper">
<div id="copyright">
<div class='wsite-elements wsite-not-footer'>
<div><div class="wsite-image wsite-image-border-none " style="padding-top:5px;padding-bottom:0px;margin-left:0px;margin-right:0px;text-align:center">
<a>
<img src="uploads/1/1/9/6/119632159/logo-bandeirantes_orig.png" alt="Bandeirantes" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div>
<div class="paragraph" style="text-align:center;"><font color="#818181">Grupo Bandeirantes de Comunicação<br />​​Todos os direitos reservados<br />SJC / SP / Brasil</font></div>
<div class="paragraph" style="text-align:center;"><a href="https://privacy.band.com.br/" target="_blank">POLÍTICA DE PRIVACIDADE</a></div>
<div><div class="wsite-image wsite-image-border-none " style="padding-top:20px;padding-bottom:30px;margin-left:0px;margin-right:0px;text-align:center">
<a href='https://www.valenainternet.com.br/' target='_blank'>
<img src="uploads/1/1/9/6/119632159/logo-valenainternet_orig.png" alt="valenainternet" style="width:auto;max-width:100%" />
</a>
<div style="display:block;font-size:90%"></div>
</div></div></div>
</div>
</div>
<script src="files/theme/jquery.ui.totop.js"></script>
<script src="files/theme/baambooResponsiveNav.js"></script>
<script src="files/theme/jquery.flexslider-min.js"></script>
<script type="text/javascript">
jQuery(document).ready( function(){
var $ = jQuery;
$('#mobile_menu').baambooResponsiveNav();
$().UItoTop();
$('.imageGallery a').each(function(){
if($(this).find('.galleryCaptionHolder').length<=0)
$(this).append('<div class="galleryImage-overlay"></div>');
});
$('.product a').each(function(){
var _this = $(this);
_this.find('img').load(function(){
var imgWidth = $(this).width();
var imgHeight= $(this).height();
_this.append('<div class="galleryImage-overlay" style="width:'+imgWidth+'px; height:'+imgHeight+'px"></div>');
})
});
});
jQuery(window).load(function(){
var $ = jQuery;
$('.flexslider').flexslider({
animation: "slide", //fade, slide
pauseOnAction: false,
pauseOnHover: false,
slideshowSpeed: 5000,
animationSpeed: 150
});
});
</script>
<div id="customer-accounts-app"></div>
<script src="http://cdn2.editmysite.com/js/site/main-customer-accounts-site.js?buildTime=1234"></script>
<!-- Instagram Facebook WhatsApp -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
<a href="https://wa.me/5512997168011" class="float1" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.instagram.com/radiobandvalefm/" class="float2" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/RadioBandValeFM/" class="float3" target="_blank"><i class="fab fa-facebook"></i></a>
<style>
.float1 {position:fixed; cursor:pointer; display:block; width:50px; height:40px; bottom:20px; right:20px; background-color:rgba(0,200,0,1); color:white; border-radius:50px; padding-top: 8px; text-align:center; font-size:32px; transition-duration: 0.3s; animation:pulse 3s infinite; z-index:7000;}
.float1:visited {background-color:rgba(0,200,0,1); color:white;}
.float1:hover {background-color:rgba(0,150,0,1); color:white;}
.my-float {margin-top:9px; }
.float2 {position:fixed; cursor:pointer; display:block; width:50px; height:40px; bottom:75px; right:20px; background-color:rgba(131,58,180,1); color:white; border-radius:50px; padding-top: 8px; text-align:center; font-size:32px; transition-duration: 0.3s; animation:pulse 0s infinite; z-index:8000;}
.float2:visited {background-color:rgba(131,58,180,1); color:white;}
.float2:hover {background-color:rgba(131,98,180,1); color:white;}
.my-float {margin-top:9px; }
.float3 {position:fixed; cursor:pointer; display:block; width:50px; height:40px; bottom:130px; right:20px; background-color:rgba(59,89,152,1); color:white; border-radius:50px; padding-top: 8px; text-align:center; font-size:32px; transition-duration: 0.3s; animation:pulse 0s infinite; z-index:9000;}
.float3:visited {background-color:rgba(59,89,152,1); color:white;}
.float3:hover {background-color:rgba(59,119,152,1); color:white;}
.my-float {margin-top:9px; }
@-webkit-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 1);}
75% {-webkit-box-shadow: 0 0 0 15px rgba(0,200,0, 0);}
100% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 0);}
}
</style>
<!-- Instagram Facebook WhatsApp -->
</body>
</html>