Posts

Showing posts with the label Css

Resizing the Captcha in a Form

.hs_recaptcha iframe {    transform:scale(0.77);   -webkit-transform:scale(0.77);   transform-origin:0 0;   -webkit-transform-origin:0 0; } .hs_recaptcha .input div {   width: 200px !important; }

Email Template Style

{% set email_width = "600px" %} {% set email_background = "#f6f6f6" %} {% set email_body_background = "#ffffff" %} {% set sans_serif = "'Helvetica Neue', Helvetica, Arial, sans-serif" %} {% set base_color = "#606060" %} {% set base_link_color = "#3863A0" %} {% set base_font_size = "14px" %} {% set base_Line_height = "160%" %} {% set heading_font_family = "'Helvetica Neue', Helvetica, Arial, sans-serif" %} {% set heading_font_weight = "bold" %} {% set heading_Line_height = "100%" %} <!--[if !mso]><!--> <!-- Add Google / custom fonts here --> <!--<![endif]--> <style>         [style*="sans-serif"] {         font-family: {{ sans_serif }} !important;     }     *{         box-sizing:border-box!important;     -webkit-box-sizing:border-box!important;         -webkit-font-smoothing: antialiased !importa...

Back Menu JS

============================== ============================= BACK MENU JS (WITH SMOOTHNESS) ============================== ============================= ============================== ========= JS DEPARTMENT ============================== ========= <script> $(function() {     //===== Add js-enabled class in body     $('.custom-menu-primary'). addClass('js-enabled');     //========= add mobile-trigger     $('.custom-menu-primary'). after('<div class="mobile-trigger">Menu</ div>');     //========= add child-trigger     $('.custom-menu-primary .flyouts .hs-item-has-children > a').after(' <div class="child-trigger"><i></i>< /div>');     //========= wrap custom-menu-primary with a div     $('.custom-menu-primary'). wrapInner('<div class="inner-menu-section"></ div>');     //========= add back menu i...

HubSpot Default Module Css

/* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight, img.alignright{ margin: 0 0 5px 15px; } img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !impor...

HubSpot Default Css

/* ========================================================================== HubSpot Migrations Services - COS Boilerplate v2.0.0 ========================================================================== */ /* ========================================================================== Table of Contents: 1. EXTERNAL RESOURCES 2. BASE STYLES 3. COS STRUCTURE 4. MAIN NAVIGATION 5. BLOG 6. FORMS 7. BUTTONS 8. MISCELLANEOUS 9. MOBILE MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. EXTERNAL RESOURCES ========================================================================== */ /* =============== @import, @font-face, and CSS File Includes =============== */ /* EX: @import url('http://example.com/example_style.css'); */ /* HubSpot_Boil...