Capitan Systems Limited

Best viewed on a device with a bigger screen...
Tel: 0208 051 7906

Capitan Knowledge Base

We recommend keeping your HTML email style settings up to date, or begining your custom build with the following default style set (build 18/07/2023):

/* Capitan Default Styles - 18072023 */
/* CLIENT-SPECIFIC STYLES */
body, table, td, a{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
table, td{mso-table-lspace: 0pt; mso-table-rspace: 0pt;} /* Remove spacing between tables in Outlook 2007 and up */
img{-ms-interpolation-mode: bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

/* RESET DEFAULT */
img{border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none;}
table{border-collapse: collapse !important;}
body{height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important;}

.fw-hide { display: none !important; }
    
/* MOBILE STYLES */
@media screen and (max-width: 600px){
        .wrapper { width: 100% !important; max-width: 100% !important; }
        .logo img { margin: 0 auto !important; }
        .mobile-hide { display: none !important; }
        .fw-hide { display: block !important; }
        .img-max { max-width: 100% !important; width: 100% !important; height: auto !important; }
        .responsive-table { width: 100% !important; }
        .padding { padding: 10px 5% 15px 5% !important; }
        .padding-meta { padding: 30px 5% 0px 5% !important; text-align: center; }
        .padding-copy { padding: 10px 5% 10px 5% !important; text-align: center; }
        .no-padding { padding: 0 !important; }
        .section-padding { padding: 20px 15px 20px 15px !important; }
        .mobile-button-container { margin: 0 auto; width: 100% !important; }
        .mobile-button { padding: 15px !important; border: 0 !important; font-size: 16px !important; display: block !important; }
}

/* CAPITAN CONTENT STYLES */
#content h1 {font-size: 22px; font-weight:900; font-family: Helvetica, Arial, sans-serif; color: #222222; padding-top: 10px; margin:0px 0px 10px 0px; }
#content h1 a {color:#256F9C;}
#content h2 {font-size: 22px; font-weight:900; font-family: Helvetica, Arial, sans-serif; color: #222222; padding-top: 10px; margin:0px 0px 10px 0px; } 
#content h2 a {color:#256F9C;}
#content h3 {font-size: 18px; font-weight:500; font-family: Helvetica, Arial, sans-serif; color: #222222; padding-top: 10px; margin:0px 0px 10px 0px; }
#content h3 a {color:#256F9C;}
#content h4 {font-size: 18px; font-weight:500; font-family: Helvetica, Arial, sans-serif; color: #222222; padding-top: 10px; margin:0px 0px 10px 0px; }
#content h4 a {color:#256F9C;}
#content h5 {font-size: 14px; font-weight:600; font-family: Helvetica, Arial, sans-serif; color: #222222; padding-top: 8px; margin:0px 0px 8px 0px; }
#content h5 a {color:#256F9C;}
#content h6 {font-size: 14px; font-weight:600; font-family: Helvetica, Arial, sans-serif; color: #222222; padding-top: 8px; margin:0px 0px 8px 0px;}
#content h6 a {color:#256F9C;} 
	
#content p {padding: 5px 0px 0px 0px; margin:0px 0px 10px 0px; font-size:12px;font-family: Helvetica, Arial, sans-serif; color: #222222;}
#content p a {color:#222222;}

#content table.list {margin:5px 0px 5px 0px;}
#content table.list tr td {padding: 5px 5px 5px 5px; margin:0px 0px 10px 0px; font-size:14px;line-height: 24px; font-family: Helvetica, Arial, sans-serif; color: #222222;}
#content table.list tr td a {color:#222222;}
    
#content table.decotable {margin:5px 0px 20px 0px;}
#content table.decotable tr {background-color:#eaeaea;}
#content table.decotable tr td {color:#444444;font-size:14px;line-height:15px;padding:5px 10px 5px 10px;}
#content table.decotable tr td a {color:#256F9C;}

#footer h4 {font-size: 12px; font-weight:600; font-family: Helvetica, Arial, sans-serif; text-transform:uppercase; color: #256F9C; padding-top: 15px;}
#footer h4 a {color:#256F9C;}
#footer p {font-size: 12px; line-height: 20px; font-family: Helvetica, Arial, sans-serif; color:#222222;}
#footer p a {color:#222222;}

/* Some Capitan rules exist to override default styles above. Use container class contentcust1 */
/* class contentcust1 h1 { } */
/* class contentcust1 h1 a { } */

/* CAPITAN SEGMENT STYLES STARTS
SEG-standard-bg:#ffffff
SEG-standard-button-bgcolor:#256F9C
SEG-standard-button-tdstyle:border-radius: 3px;
SEG-standard-button-astyle:font-size: 14px; font-weight:900; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; boder-radius: 3px; padding: 15px 25px; border: 1px solid #256F9C; display: inline-block;
SEG-standard-hr-bgcolor:#7777777
SEG-standard-hr-style:padding:1px;
--
SEG-highlight-bg: #eeeeee
SEG-highlight-button-bgcolor:#256F9C
SEG-highlight-button-tdstyle:border-radius: 3px;
SEG-highlight-button-astyle:font-size: 14px; font-weight:900; font-family: Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 3px; padding: 15px 25px; border: 1px solid #256F9C; display: inline-block;
SEG-highlight-hr-bgcolor:#7777777
SEG-highlight-hr-style:padding:1px;
CAPITAN SEGMENT STYLES ENDS */

/* iOS BLUE LINKS */
a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important;  font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }

/* ANDROID CENTER FIX */
div[style*="margin: 16px 0;"] { margin: 0 !important; }

/* GMAIL im */
span.im { color: inherit!important; }

Notes:

  • We advise that style settings are written onto a single line with no forced line breaks!
  • Avoid using shorthand value declarations
  • Do not uncomment 'CAPITAN SEGMENT STYLES', edit the values in place and they will be picked up by the system and applied during distribution
Access Key Enabled Navigation
Keywords for: Default HTML email styles

HTML Email, Style, design, custom email,