aboutsummaryrefslogtreecommitdiffstats
path: root/templates/email/default/_email_settings.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/email/default/_email_settings.html')
-rw-r--r--templates/email/default/_email_settings.html108
1 files changed, 108 insertions, 0 deletions
diff --git a/templates/email/default/_email_settings.html b/templates/email/default/_email_settings.html
new file mode 100644
index 000000000..73f140743
--- /dev/null
+++ b/templates/email/default/_email_settings.html
@@ -0,0 +1,108 @@
+[%
+
+# The default colours.
+
+color_blue = "#0F87C5"
+color_blue_darker = "#00527C"
+color_blue_pale = "#D6E2EB"
+color_grey = "#D2D2D2"
+color_gunmetal = "#42494C"
+color_gunmetal_light = "#81959D"
+color_yellow = "#FDD008"
+color_red_dark = "#ce2626"
+color_green_dark = "#39a515"
+color_black = "#000000"
+color_white = "#ffffff"
+
+link_text_color = color_blue
+link_hover_text_color = color_blue_darker
+
+body_background_color = color_gunmetal
+body_font_family = "Helvetica, Arial, sans-serif"
+body_text_color = color_gunmetal_light
+
+header_background_color = color_yellow
+header_text_color = color_black
+header_padding = "15px 20px" # a full CSS padding property (eg: top/right/bottom/left)
+
+logo_width = "192" # pixel measurement, but without 'px' suffix
+logo_height = "35" # pixel measurement, but without 'px' suffix
+logo_font_size = "24px"
+
+primary_column_background_color = color_white
+primary_column_text_color = color_black
+secondary_column_background_color = color_blue_pale
+secondary_column_text_color = color_black
+column_divider_color = color_grey
+column_padding = "20" # a single CSS pixel measurement without the "px" suffix
+
+preview_photo_border = "1px solid rgba(0,0,0,0.1)"
+list_item_border_bottom = "1px solid $color_grey"
+
+button_border_radius = "4px" # a full CSS border-radius property
+button_background_color = color_yellow
+button_background_color_fixed = color_green_dark
+button_background_color_notfixed = color_red_dark
+button_text_color = color_black
+button_text_color_fixed = color_white
+button_text_color_notfixed = color_white
+button_font_weight = "bold"
+
+%]
+
+[% # Handy point at which your cobrand can override any of those default colours before the rest of the settings are constructed. %]
+[% TRY %][% PROCESS '_email_color_overrides.html' %][% CATCH file %][% END %]
+
+[%
+
+# Variables used inside the email templates.
+
+table_reset = 'cellspacing="0" cellpadding="0" border="0" width="100%"'
+wrapper_table = 'cellspacing="0" cellpadding="5" border="0" width="100%"'
+
+link_style = "color: $link_text_color;"
+link_hover_style = "text-decoration: none; color: $link_hover_text_color;"
+
+td_style = "font-family: $body_font_family; font-size: 16px; line-height: 21px; font-weight: normal; text-align: left;"
+
+body_style = "margin: 0; background: $body_background_color;"
+wrapper_style = "$td_style background: $body_background_color;"
+
+hint_style = "padding: ${ column_padding }px 0; color: $body_text_color; font-size: 12px; line-height: 18px;"
+header_style = "padding: $header_padding; background: $header_background_color; color: $header_text_color;"
+
+only_column_style = "padding: ${ column_padding }px; vertical-align: top; background-color: $primary_column_background_color; color: $primary_column_text_color;"
+primary_column_style = "vertical-align: top; width: 50%; background-color: $primary_column_background_color; color: $primary_column_text_color;"
+secondary_column_style = "vertical-align: top; width: 50%; background-color: $secondary_column_background_color; color: $secondary_column_text_color; border-left: 1px solid $column_divider_color;"
+
+# Use these to add padding inside primary and secondary columns.
+start_padded_box = '<table cellspacing="0" cellpadding="' _ column_padding _ '" border="0" width="100%"><tr><th style="' _ td_style _ '">'
+end_padded_box = '</th></tr></table>'
+
+logo_style = "font-size: $logo_font_size; line-height: ${ logo_height }px; vertical-align: middle;"
+h1_style = "margin: 0 0 20px 0; font-size: 28px; line-height: 30px;"
+h2_style = "margin: 0 0 20px 0; font-size: 21px; line-height: 24px;"
+p_style = "margin: 0 0 0.8em 0;"
+secondary_p_style = "font-size: 14px; line-height: 20px; $p_style"
+preview_photo_style = "display: block; margin: 0 0 1em 1em; border: $preview_photo_border;"
+map_image_style = "display: block; width: 100%; height: auto;"
+
+list_item_style = "padding-bottom: 20px; margin-bottom: 20px; border-bottom: $list_item_border_bottom;"
+list_item_h2_style = "margin: 0 0 16px 0; font-size: 21px; line-height: 24px;"
+list_item_p_style = "margin: 0 0 16px 0;"
+list_item_date_style = "font-size: 14px; line-height: 20px; margin: 0; color: $color_gunmetal_light;"
+list_item_photo_style = "float: right; margin: 0 0 1em 1em; border: none;"
+
+contact_meta_style = "padding: 15px ${ column_padding }px; vertical-align: top; background-color: $secondary_column_background_color; border-bottom: 1px solid $column_divider_color;"
+contact_th_style = "vertical-align: top; padding: 0.4em 1em 0 0; white-space: nowrap; text-align: left;"
+contact_td_style = "vertical-align: top; padding: 0.4em 0 0.4em 0; width: 100%;"
+
+# The below is so the buttons work okay in Outlook: https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design
+button_style = "display: inline-block; border: 10px solid $button_background_color; border-width: 10px 15px; border-radius: $button_border_radius; background-color: $button_background_color; color: $button_text_color; font-size: 18px; line-height: 21px; font-weight: $button_font_weight; text-decoration: underline;"
+fixed_button_style = "$button_style border-color: $button_background_color_fixed; background-color: $button_background_color_fixed; color: $button_text_color_fixed; margin: 0 0.2em;"
+notfixed_button_style = "$button_style border-color: $button_background_color_notfixed; background-color: $button_background_color_notfixed; color: $button_text_color_notfixed; margin: 0 0.2em;"
+
+%]
+
+[% # Handy point at which your cobrand can override any of the constructed variables before they are sent to the templates. %]
+[% TRY %][% PROCESS '_email_setting_overrides.html' %][% CATCH file %][% END %]