Skip to content

Instantly share code, notes, and snippets.

@smhmic
Last active September 17, 2021 15:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smhmic/3e52ba17d2fc1aaf4ac6a7c2e93d4cd4 to your computer and use it in GitHub Desktop.
Save smhmic/3e52ba17d2fc1aaf4ac6a7c2e93d4cd4 to your computer and use it in GitHub Desktop.
Hubspot refinement css/js
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P2MCCF');</script>
<!-- load GTM syncronously -->
<!--<script src="https://www.googletagmanager.com/gtm.js?id=GTM-P2MCCF"></script>-->
<!-- End Google Tag Manager -->
<script>/*
(function(){
if( window.hbspt && hbspt.forms && hbspt.forms.create ){
console.warn( 'window.hbspt available' );
var hbsptFormsCreateBak = hbspt.forms.create;
hbspt.forms.create = function( config ){
//logNamed( 'hijacked hbspt.forms.create fired', config );
//TODO: try/catch
var NAMESPACE = 'hs.form';
var frame = { event:NAMESPACE+':create', _clear: true };
frame[NAMESPACE+'.create'] = frame[NAMESPACE+'.'+config.formId] = config;
(window.dataLayer=(window.dataLayer||[])).push( frame );
return hbsptFormsCreateBak( config );
};
}else{
console.warn( 'window.hbspt not loaded yet' );
}
})()*/
</script>
<style>
html {
-webkit-tap-highlight-color: transparent;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
html body,
html form,
html .submitted-message {
/*font-family: berthold_akzidenz_grotesk,Helvetica,Arial,sans-serif;*/
font-family: Arimo,Helvetica,Arial,sans-serif;
}
html ::-moz-selection {
color: #fff;
background: #682F64
}
::selection {
color: #fff;
background: #682F64
}
html body .kl-navbar__logo{ max-width: 137px !important; }
/* buttons
.button defaults to www style for .btn-primary
.hs-button (AND 'Contact Us' in navbar) defaults to www style for btn-secondary
*/
html body .button,
html body .button:hover,
html body .button:active,
html body .button:focus,
html body .hs-button,
html body .hs-button:hover,
html body .hs-button:active,
html body .hs-button:focus {
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 3px solid transparent;
white-space: nowrap;
text-transform: uppercase;
transition: background-color .2s, border .2s,color .2s;
font-weight: bold;
padding: .667em 1.389em .57362em;
font-size: .883em;
line-height: 1.45;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: Helvetica,Arial,sans-serif;
font-size: 16.777px;
font-weight: bold;
letter-spacing: normal;
outline:0;
/* base styles same as www .btn-primary */
color: #fff;
background-color: #00adbb;
border-color: #00adbb;
}
html body .button *,
html body .hs-button * {
color: inherit !important;
background-color: inherit !important;
}
html body .button:focus,
html body .hs-button:focus {
outline: #00adbb 1px solid;
outline-offset: 1px;
}
html body .hs-button,
html body .kl-navbar .kl-navbar__end .button {
color: #727374;
background-color: transparent;
border-color: #00adbb
}
html body .hs-button:active,
html body .hs-button:hover,
html body .kl-navbar .kl-navbar__end .button:active,
html body .kl-navbar .kl-navbar__end .button:hover {
color: #fff;
background-color: #027881;
border-color: #027881;
outline:0;
}
html body .button,
html body .hs-button.primary {
/* base style */
}
html body .button:active,
html body .button:hover,
html body .hs-button.primary:active,
html body .hs-button.primary:hover {
color: #fff;
background-color: #027881;
border-color: #027881;
outline:0;
}
/* subscription preference + confirmation page */
html .hs_cos_wrapper_type_email_subscriptions h2,
html .hs_cos_wrapper_type_email_subscriptions_confirmation h2 {
background: #3f4145;
width: fit-content;
margin: 0 auto;
color: #fff;
padding: 0.21em 0.6em 0.25em;
font-size: 1.3em;
border-radius: 4px;
}
html .hs_cos_wrapper_type_email_subscriptions .page-header,
html .hs_cos_wrapper_type_email_subscriptions_confirmation .page-header {
color: #999;
font-style: italic;
}
html .hs_cos_wrapper_type_email_subscriptions .email-prefs .checkbox-row .fakelabel,
html .hs_cos_wrapper_type_email_subscriptions .email-prefs .checkbox-row .fakelabel span {
font-weight:bold;
font-size: 1em;
}
html .hs_cos_wrapper_type_email_subscriptions .email-prefs .checkbox-row + p {
font-style:italic;
font-size: 0.83em;
}
html .hs_cos_wrapper_type_email_subscriptions .email-prefs .subscribe-options p.header { margin-bottom: 0.9em; }
html .hs_cos_wrapper_type_email_subscriptions .email-prefs .subscribe-options label[for="globalunsub"] { color:#700a0a; }
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment