diff --git a/addons/mass_mailing/__manifest__.py b/addons/mass_mailing/__manifest__.py index 3adda9bc434..35212348440 100644 --- a/addons/mass_mailing/__manifest__.py +++ b/addons/mass_mailing/__manifest__.py @@ -34,6 +34,7 @@ professional emails and reuse templates in a few clicks. 'views/email_template.xml', 'security/ir.model.access.csv', 'views/editor_field_html.xml', + 'views/themes_templates.xml', 'views/snippets_themes.xml', 'views/snippets_themes_options.xml', ], diff --git a/addons/mass_mailing/static/src/css/compiled/theme_airmail.css b/addons/mass_mailing/static/src/css/compiled/theme_airmail.css new file mode 100644 index 00000000000..23ad8330e7c --- /dev/null +++ b/addons/mass_mailing/static/src/css/compiled/theme_airmail.css @@ -0,0 +1,168 @@ +.o_layout.o_airmail_theme { + background-color: #EAECED; +} +.o_layout.o_airmail_theme .o_mail_wrapper { + background: rgba(0, 0, 0, 0); + background: transparent; + border: none; +} +.o_layout.o_airmail_theme .o_mail_snippet_general { + background-color: white; + color: black; +} +.o_layout.o_airmail_theme .o_mail_snippet_general .btn.btn-primary { + color: white; + background-color: #FB3C6B; +} +.o_layout.o_airmail_theme .o_mail_snippet_general a, +.o_layout.o_airmail_theme .o_mail_snippet_general .o_mail_link { + color: #fa2358; +} +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta { + background-color: #FB3C6B; +} +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta .btn.btn-primary { + color: white; + background-color: #a17e92; +} +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta h1, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta h2, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta h3, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta h4, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta h5, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta h6, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta .h1, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta .h2, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta .h3, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta .h4, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta .h5, +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-beta .h6 { + color: white; +} +.o_layout.o_airmail_theme .o_mail_snippet_general .text-beta { + color: #FB3C6B; +} +.o_layout.o_airmail_theme .o_mail_snippet_general .bg-delta { + background-color: #a17e92; +} +.o_layout.o_airmail_theme .o_mail_wrapper > div { + margin-bottom: 16px; +} +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_social, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_text_social, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_logo { + margin-bottom: 0; +} +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_social .o_mail_snippet_general, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_text_social .o_mail_snippet_general, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_logo .o_mail_snippet_general { + background: rgba(0, 0, 0, 0); + background: transparent; +} +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_social .o_mail_h_padding, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_text_social .o_mail_h_padding, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_logo .o_mail_h_padding { + padding-left: 0; + padding-right: 0; +} +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_social .o_mail_header_social, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_text_social .o_mail_header_social, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_logo .o_mail_header_social { + margin-right: 0px; +} +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_social .o_mail_header_social a, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_text_social .o_mail_header_social a, +.o_layout.o_airmail_theme .o_mail_wrapper .o_mail_block_header_logo .o_mail_header_social a { + color: #7c898f; +} +.o_layout.o_airmail_theme .o_mail_block_event { + margin-left: 0; + margin-right: 0; +} +.o_layout.o_airmail_theme .o_mail_block_footer_separator { + margin-left: 0; + margin-right: 0; +} +.o_layout.o_airmail_theme .o_mail_block_image .o_mail_h_padding { + padding: 0; +} +.o_layout.o_airmail_theme .o_mail_block_image .o_mail_h_padding .o_mail_col_mv { + padding-left: 20px; + padding-right: 20px; +} +.o_layout.o_airmail_theme .o_mail_block_image .o_mail_h_padding > img { + padding: 0; + margin-bottom: 15px; +} +.o_layout.o_airmail_theme .o_mail_block_footer_separator .o_mail_snippet_general { + background: rgba(0, 0, 0, 0); + background: transparent; +} +.o_layout.o_airmail_theme .o_mail_block_footer_separator .o_mail_snippet_general .separator { + height: 3px; + background-color: #cfd3d5; + border-bottom: 2px solid #f7f7f7; +} +.o_layout.o_airmail_theme .o_mail_block_two_cols table, +.o_layout.o_airmail_theme .o_mail_block_three_cols table { + width: 110%; + max-width: 620px; + margin: auto -10px; +} +.o_layout.o_airmail_theme .o_mail_block_two_cols .o_mail_snippet_general, +.o_layout.o_airmail_theme .o_mail_block_three_cols .o_mail_snippet_general { + background: rgba(0, 0, 0, 0); + background: transparent; +} +.o_layout.o_airmail_theme .o_mail_block_two_cols .o_mail_col_container, +.o_layout.o_airmail_theme .o_mail_block_three_cols .o_mail_col_container { + padding: 0 0 20px; + margin: 0 10px; + border-top: 1px solid #e6e6e6; + border-bottom: 1px solid #dce0e1; + background-color: white; +} +.o_layout.o_airmail_theme .o_mail_block_two_cols .o_mail_col_container > *, +.o_layout.o_airmail_theme .o_mail_block_three_cols .o_mail_col_container > * { + padding: 0 20px; +} +.o_layout.o_airmail_theme .o_mail_block_two_cols .o_mail_col_container img, +.o_layout.o_airmail_theme .o_mail_block_three_cols .o_mail_col_container img { + padding: 0!important; +} +.o_layout.o_airmail_theme .o_mail_block_footer_tag_line table.o_mail_h_padding { + padding-left: 0; + padding-right: 0; +} +.o_layout.o_airmail_theme .o_mail_block_image_text .o_mail_img_container { + padding: 0; +} +.o_layout.o_airmail_theme .o_mail_block_text_image .o_mail_img_container { + padding: 0; +} +.o_layout.o_airmail_theme .o_mail_block_footer_social .o_mail_snippet_general { + background: rgba(0, 0, 0, 0); + background: transparent; + margin-top: 30px; + border-top: 1px solid #cfd3d5; +} +.o_layout.o_airmail_theme .o_mail_block_footer_social .o_mail_footer_social { + border: none; +} +.o_layout.o_airmail_theme .o_mail_block_footer_social .o_mail_footer_social a { + color: #7c898f; +} +.o_layout.o_airmail_theme .o_mail_block_footer_social .o_mail_footer_links a { + color: #7c898f; +} +.o_layout.o_airmail_theme .o_mail_block_footer_social .o_mail_footer_copy { + font-weight: bold; + font-size: 9px; + color: #98a1a6; +} +.o_layout.o_airmail_theme .o_mail_block_footer_social.o_mail_footer_social_left .o_mail_footer_description { + padding-left: 0; +} +.o_layout.o_airmail_theme .o_mail_block_footer_social.o_mail_footer_social_left .o_mail_footer_social { + padding-right: 0; +} diff --git a/addons/mass_mailing/static/src/css/compiled/theme_default.css b/addons/mass_mailing/static/src/css/compiled/theme_default.css new file mode 100644 index 00000000000..d68c8183572 --- /dev/null +++ b/addons/mass_mailing/static/src/css/compiled/theme_default.css @@ -0,0 +1,220 @@ +#web_editor_inside_iframe #wrapwrap > main #editable_area { + background-color: transparent; +} +.o_layout { + font-family: -apple-system, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + color: #797979; + overflow: hidden; + width: 100%; + min-height: 100%; + background-color: #f5f5f5; + padding-bottom: 20px; +} +.o_layout .o_mail_wrapper { + width: 100%; + max-width: 600px; + margin: auto; + border: 1px solid #f0f0f0; + background-color: #ffffff; +} +.o_mail_snippet_general { + width: 100%; + max-width: 600px; + margin: 0 auto; +} +.o_mail_snippet_general h1, +.o_mail_snippet_general h2, +.o_mail_snippet_general h3, +.o_mail_snippet_general h4, +.o_mail_snippet_general h5, +.o_mail_snippet_general h6, +.o_mail_snippet_general .h1, +.o_mail_snippet_general .h2, +.o_mail_snippet_general .h3, +.o_mail_snippet_general .h4, +.o_mail_snippet_general .h5, +.o_mail_snippet_general .h6 { + color: #464646; +} +.o_mail_snippet_general .btn.btn-primary { + -webkit-user-select: none; + color: #ffffff; + border: none; + text-decoration: none; + font-weight: normal; + font-family: -apple-system, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + cursor: pointer; + border-radius: 2px; + background-color: #706482; +} +.o_mail_snippet_general a, +.o_mail_snippet_general .btn.btn-link { + color: #645974; + font-weight: bold; + text-decoration: none !important; +} +.o_mail_snippet_general a:hover, +.o_mail_snippet_general .btn.btn-link:hover, +.o_mail_snippet_general a:focus, +.o_mail_snippet_general .btn.btn-link:focus, +.o_mail_snippet_general a:active, +.o_mail_snippet_general .btn.btn-link:active { + text-decoration: none !important; +} +.o_mail_snippet_general img { + width: 100%; + max-width: 100%; + height: auto; +} +.o_mail_snippet_general .separator { + height: 2px; + background-color: #f5f5f5; +} +.o_mail_snippet_general .bg-beta { + background-color: #706482; + color: #ffffff; +} +.o_mail_snippet_general .bg-beta h1, +.o_mail_snippet_general .bg-beta h2, +.o_mail_snippet_general .bg-beta h3, +.o_mail_snippet_general .bg-beta h4, +.o_mail_snippet_general .bg-beta h5, +.o_mail_snippet_general .bg-beta h6, +.o_mail_snippet_general .bg-beta .h1, +.o_mail_snippet_general .bg-beta .h2, +.o_mail_snippet_general .bg-beta .h3, +.o_mail_snippet_general .bg-beta .h4, +.o_mail_snippet_general .bg-beta .h5, +.o_mail_snippet_general .bg-beta .h6 { + color: #ffffff; +} +.o_mail_snippet_general .text-beta { + color: #706482; +} +.o_mail_snippet_general .bg-delta { + background-color: #87a6b5; +} +.o_mail_snippet_general .bg-gray-lighter { + background-color: #f5f5f5; +} +.o_mail_block_header_social .o_mail_logo_container img, +.o_mail_block_header_text_social .o_mail_logo_container img, +.o_mail_block_header_logo .o_mail_logo_container img { + width: auto; +} +.o_mail_block_header_social .o_mail_header_social, +.o_mail_block_header_text_social .o_mail_header_social, +.o_mail_block_header_logo .o_mail_header_social { + margin-right: 20px; +} +.o_mail_block_header_text_social h3 { + font-weight: bold; +} +.o_mail_block_steps { + background-color: #f5f5f5; +} +.o_mail_block_two_cols, +.o_mail_block_three_cols { + font-size: small; +} +.o_mail_block_two_cols .o_mail_col_container, +.o_mail_block_three_cols .o_mail_col_container { + padding: 10px 20px; +} +.o_mail_block_two_cols .o_mail_col_container h4, +.o_mail_block_three_cols .o_mail_col_container h4 { + margin-top: 15px; +} +.o_mail_block_image_text, +.o_mail_block_text_image { + font-size: small; +} +.o_mail_block_event { + margin-left: 20px; + margin-right: 20px; +} +.o_mail_block_event .o_mail_snippet_general { + background: #f0f0f0; +} +.o_mail_block_footer_separator { + margin-left: 20px; + margin-right: 20px; +} +.o_mail_block_comparison_table .separator { + height: 1px; + background-color: #cfcfcf; +} +.o_mail_block_discount2 .o_code { + padding: 5px 10px; + background: #f5f5f5; + border-radius: 3px; + font-family: monospace; +} +.o_mail_block_footer_social .o_mail_table_styles { + border-top: 2px solid #f5f5f5; + padding-top: 20px; +} +.o_mail_block_footer_social .o_mail_footer_links { + padding-top: 10px; + padding-bottom: 10px; +} +.o_mail_block_footer_social .o_mail_footer_links .btn-link { + padding: 0; + font-size: 12px; +} +.o_mail_block_footer_social .o_mail_footer_copy { + font-size: 9px; + font-weight: bold; + color: #939393; +} +.o_mail_block_footer_social.o_mail_footer_social_center .o_mail_footer_social, +.o_mail_block_footer_social.o_mail_footer_social_center .o_mail_footer_links, +.o_mail_block_footer_social.o_mail_footer_social_center .o_mail_footer_copy { + text-align: center; +} +.o_mail_block_footer_social.o_mail_footer_social_left .o_mail_footer_description { + padding-left: 20px; +} +.o_mail_block_footer_social.o_mail_footer_social_left .o_mail_footer_social { + padding-right: 20px; + text-align: right; + vertical-align: top; +} +.o_mail_block_footer_social.o_mail_footer_social_left .o_mail_footer_social .btn-link { + padding: 0; + font-size: 12px; +} +.o_mail_display_coupon { + font-size: 50px; + line-height: 1; +} +/* ======================== MISC ====================== */ +.o_mail_h_padding { + padding-left: 20px; + padding-right: 20px; +} +.o_mail_v_padding { + padding-top: 20px; + padding-bottom: 20px; +} +.o_mail_no_margin { + margin: 0; +} +.o_mail_no_margin.o_mail_display_coupon { + line-height: 1.1; +} +.o_mail_table_styles { + width: 100%; + border-collapse: separate; +} +@media screen and (max-width: 480px) { + .o_mail_col_mv { + display: block!important; + max-width: 480px !important; + width: 100%!important; + } + .o_mail_table_styles { + max-width: 480px !important; + width: 100%!important; + } +} diff --git a/addons/mass_mailing/static/src/css/compiled/theme_newsletter.css b/addons/mass_mailing/static/src/css/compiled/theme_newsletter.css new file mode 100644 index 00000000000..8761fbffe0f --- /dev/null +++ b/addons/mass_mailing/static/src/css/compiled/theme_newsletter.css @@ -0,0 +1,18 @@ +.o_layout.o_newsletter_theme .o_mail_snippet_general .btn.btn-primary { + color: #ffffff; + background-color: #1cc1a9; +} +.o_layout.o_newsletter_theme .o_mail_snippet_general a, +.o_layout.o_newsletter_theme .o_mail_snippet_general .btn.btn-link { + color: #19ab96; +} +.o_layout.o_newsletter_theme .o_mail_snippet_general .bg-beta { + background-color: #906784; + color: #ffffff; +} +.o_layout.o_newsletter_theme .o_mail_snippet_general .text-beta { + color: #906784; +} +.o_layout.o_newsletter_theme .o_mail_snippet_general .bg-delta { + background-color: #87a6b5; +} diff --git a/addons/mass_mailing/static/src/css/compiled/theme_resto.css b/addons/mass_mailing/static/src/css/compiled/theme_resto.css new file mode 100644 index 00000000000..c4b5fa45d16 --- /dev/null +++ b/addons/mass_mailing/static/src/css/compiled/theme_resto.css @@ -0,0 +1,114 @@ +#web_editor_inside_iframe.o_resto_theme { + background-color: #f0ede0; +} +.o_layout.o_resto_theme { + background-color: #f0ede0; +} +.o_layout.o_resto_theme .o_mail_wrapper { + border: none; + background-color: transparent; +} +.o_layout.o_resto_theme .o_mail_snippet_general { + background: rgba(0, 0, 0, 0); + background: transparent; + color: #712b22; +} +.o_layout.o_resto_theme .o_mail_snippet_general .btn.btn-primary { + color: #ffffff; + background-color: #E96D1F; +} +.o_layout.o_resto_theme .o_mail_snippet_general a, +.o_layout.o_resto_theme .o_mail_snippet_general .o_mail_link { + font-weight: normal; + color: #d96115; +} +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta { + background-color: #795745; + color: #ffffff; +} +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta h1, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta h2, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta h3, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta h4, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta h5, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta h6, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta .h1, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta .h2, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta .h3, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta .h4, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta .h5, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-beta .h6 { + color: #ffffff; +} +.o_layout.o_resto_theme .o_mail_snippet_general .text-beta { + color: #795745; +} +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta { + background-color: #E96D1F; + color: #ffffff; +} +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta h1, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta h2, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta h3, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta h4, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta h5, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta h6, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta .h1, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta .h2, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta .h3, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta .h4, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta .h5, +.o_layout.o_resto_theme .o_mail_snippet_general .bg-delta .h6 { + color: #ffffff; +} +.o_layout.o_resto_theme .o_mail_snippet_general .text-delta { + color: #d96115; +} +.o_layout.o_resto_theme .o_mail_snippet_general .separator { + background-color: #b08974; +} +.o_layout.o_resto_theme h1, +.o_layout.o_resto_theme h2, +.o_layout.o_resto_theme h3, +.o_layout.o_resto_theme h4, +.o_layout.o_resto_theme h5, +.o_layout.o_resto_theme h6, +.o_layout.o_resto_theme .h1, +.o_layout.o_resto_theme .h2, +.o_layout.o_resto_theme .h3, +.o_layout.o_resto_theme .h4, +.o_layout.o_resto_theme .h5, +.o_layout.o_resto_theme .h6 { + color: #594032; + font-weight: bold; +} +.o_layout.o_resto_theme .o_mail_block_header_social .o_mail_snippet_general, +.o_layout.o_resto_theme .o_mail_block_header_text_social .o_mail_snippet_general, +.o_layout.o_resto_theme .o_mail_block_header_logo .o_mail_snippet_general { + border-bottom: 5px solid #E96D1F; +} +.o_layout.o_resto_theme .o_mail_block_header_social .o_mail_header_social a, +.o_layout.o_resto_theme .o_mail_block_header_text_social .o_mail_header_social a, +.o_layout.o_resto_theme .o_mail_block_header_logo .o_mail_header_social a { + color: #E96D1F; +} +.o_layout.o_resto_theme .o_mail_block_steps { + border-top: 2px solid #E96D1F; + background: #ffffff; +} +.o_layout.o_resto_theme .o_mail_block_event .o_mail_snippet_general { + background: #fafafa; +} +.o_layout.o_resto_theme .o_mail_block_header_social, +.o_layout.o_resto_theme .o_mail_block_header_text_social, +.o_layout.o_resto_theme .o_mail_block_header_logo, +.o_layout.o_resto_theme .o_mail_block_steps, +.o_layout.o_resto_theme .o_mail_block_event, +.o_layout.o_resto_theme .o_mail_block_banner { + margin-left: 20px; + margin-right: 20px; +} +.o_layout.o_resto_theme .o_mail_block_footer_social .o_mail_table_styles { + border-top: 2px solid #b08974; + padding-top: 20px; +} diff --git a/addons/mass_mailing/static/src/css/compiled/theme_tech.css b/addons/mass_mailing/static/src/css/compiled/theme_tech.css new file mode 100644 index 00000000000..f003757f2bb --- /dev/null +++ b/addons/mass_mailing/static/src/css/compiled/theme_tech.css @@ -0,0 +1,151 @@ +.o_layout.o_tech_theme { + background-color: #333; +} +.o_layout.o_tech_theme .o_mail_wrapper { + background-color: transparent; + color: #bdbdbd; + border: none; +} +.o_layout.o_tech_theme .o_mail_snippet_general .btn.btn-primary { + color: white; + background-color: #59cdcd; +} +.o_layout.o_tech_theme .o_mail_snippet_general .o_mail_full_width_padding { + padding-left: 20px; + padding-right: 20px; +} +.o_layout.o_tech_theme .o_mail_snippet_general a, +.o_layout.o_tech_theme .o_mail_snippet_general .o_mail_link { + font-weight: normal; + color: #59cdcd; +} +.o_layout.o_tech_theme .o_mail_snippet_general .bg-beta { + background-color: #59cdcd; +} +.o_layout.o_tech_theme .o_mail_snippet_general .bg-beta .btn.btn-primary { + color: white; + background-color: #a17e92; +} +.o_layout.o_tech_theme .o_mail_snippet_general .text-beta { + color: #59cdcd; +} +.o_layout.o_tech_theme .o_mail_snippet_general .bg-delta { + background-color: #a17e92; +} +.o_layout.o_tech_theme .o_mail_snippet_general h1, +.o_layout.o_tech_theme .o_mail_snippet_general h2, +.o_layout.o_tech_theme .o_mail_snippet_general h3, +.o_layout.o_tech_theme .o_mail_snippet_general h4, +.o_layout.o_tech_theme .o_mail_snippet_general h5, +.o_layout.o_tech_theme .o_mail_snippet_general h6, +.o_layout.o_tech_theme .o_mail_snippet_general .h1, +.o_layout.o_tech_theme .o_mail_snippet_general .h2, +.o_layout.o_tech_theme .o_mail_snippet_general .h3, +.o_layout.o_tech_theme .o_mail_snippet_general .h4, +.o_layout.o_tech_theme .o_mail_snippet_general .h5, +.o_layout.o_tech_theme .o_mail_snippet_general .h6 { + color: #e6e6e6; +} +.o_layout.o_tech_theme .o_mail_block_header_social .o_mail_snippet_general, +.o_layout.o_tech_theme .o_mail_block_header_text_social .o_mail_snippet_general, +.o_layout.o_tech_theme .o_mail_block_header_logo .o_mail_snippet_general { + margin-top: 10px; + margin-bottom: 25px; + padding-left: 20px; + padding-right: 20px; +} +.o_layout.o_tech_theme .o_mail_block_header_social .o_mail_snippet_general > table, +.o_layout.o_tech_theme .o_mail_block_header_text_social .o_mail_snippet_general > table, +.o_layout.o_tech_theme .o_mail_block_header_logo .o_mail_snippet_general > table { + max-width: 560px; + border-bottom: 1px solid #666666; +} +.o_layout.o_tech_theme .o_mail_block_header_social .o_mail_h_padding.o_mail_v_padding, +.o_layout.o_tech_theme .o_mail_block_header_text_social .o_mail_h_padding.o_mail_v_padding, +.o_layout.o_tech_theme .o_mail_block_header_logo .o_mail_h_padding.o_mail_v_padding { + padding: 10px 0 5px; +} +.o_layout.o_tech_theme .o_mail_block_header_social .o_mail_header_social, +.o_layout.o_tech_theme .o_mail_block_header_text_social .o_mail_header_social, +.o_layout.o_tech_theme .o_mail_block_header_logo .o_mail_header_social { + margin-right: 0px; +} +.o_layout.o_tech_theme .o_mail_block_header_social .o_mail_header_social a, +.o_layout.o_tech_theme .o_mail_block_header_text_social .o_mail_header_social a, +.o_layout.o_tech_theme .o_mail_block_header_logo .o_mail_header_social a { + color: #999999; +} +.o_layout.o_tech_theme .o_mail_block_footer_separator .separator { + height: 1px; + background-color: #666666; +} +.o_layout.o_tech_theme .o_mail_block_event { + margin-left: 20px; + margin-right: 20px; +} +.o_layout.o_tech_theme .o_mail_block_event h1, +.o_layout.o_tech_theme .o_mail_block_event h2, +.o_layout.o_tech_theme .o_mail_block_event h3, +.o_layout.o_tech_theme .o_mail_block_event h4, +.o_layout.o_tech_theme .o_mail_block_event h5, +.o_layout.o_tech_theme .o_mail_block_event h6, +.o_layout.o_tech_theme .o_mail_block_event .h1, +.o_layout.o_tech_theme .o_mail_block_event .h2, +.o_layout.o_tech_theme .o_mail_block_event .h3, +.o_layout.o_tech_theme .o_mail_block_event .h4, +.o_layout.o_tech_theme .o_mail_block_event .h5, +.o_layout.o_tech_theme .o_mail_block_event .h6 { + color: #333; +} +.o_layout.o_tech_theme .o_mail_block_discount2 .o_code { + color: #333; +} +.o_layout.o_tech_theme .o_mail_block_footer_separator { + margin-left: 0; + margin-right: 0; +} +.o_layout.o_tech_theme .o_mail_block_steps { + background-color: transparent; +} +.o_layout.o_tech_theme .o_mail_block_steps h1, +.o_layout.o_tech_theme .o_mail_block_steps h2, +.o_layout.o_tech_theme .o_mail_block_steps h3, +.o_layout.o_tech_theme .o_mail_block_steps h4, +.o_layout.o_tech_theme .o_mail_block_steps h5, +.o_layout.o_tech_theme .o_mail_block_steps h6, +.o_layout.o_tech_theme .o_mail_block_steps .h1, +.o_layout.o_tech_theme .o_mail_block_steps .h2, +.o_layout.o_tech_theme .o_mail_block_steps .h3, +.o_layout.o_tech_theme .o_mail_block_steps .h4, +.o_layout.o_tech_theme .o_mail_block_steps .h5, +.o_layout.o_tech_theme .o_mail_block_steps .h6 { + color: #333; +} +.o_layout.o_tech_theme .o_mail_block_steps .o_mail_full_width_padding > tbody > tr { + background-color: white; + color: #333; +} +.o_layout.o_tech_theme .o_mail_block_footer_social .o_mail_snippet_general { + background: rgba(0, 0, 0, 0); + background: transparent; +} +.o_layout.o_tech_theme .o_mail_block_footer_social .o_mail_table_styles { + border-top: none; +} +.o_layout.o_tech_theme .o_mail_block_footer_social .o_mail_footer_social a { + color: #999999; +} +.o_layout.o_tech_theme .o_mail_block_footer_social .o_mail_footer_links a { + color: #999999; +} +.o_layout.o_tech_theme .o_mail_block_footer_social .o_mail_footer_copy { + font-weight: bold; + font-size: 9px; + color: #b3b3b3; +} +.o_layout.o_tech_theme .o_mail_block_footer_social.o_mail_footer_social_left .o_mail_footer_description { + padding-left: 0; +} +.o_layout.o_tech_theme .o_mail_block_footer_social.o_mail_footer_social_left .o_mail_footer_social { + padding-right: 0; +} diff --git a/addons/mass_mailing/static/src/css/snippet_styles.css b/addons/mass_mailing/static/src/css/snippet_styles.css deleted file mode 100644 index 2035ea37ea1..00000000000 --- a/addons/mass_mailing/static/src/css/snippet_styles.css +++ /dev/null @@ -1,83 +0,0 @@ -@media screen and (max-width: 320px) { - .mobile-col { - width: 600px; - } -} - -/* ======================== TYPO ====================== */ - -.display-coupon, .display-1, .display-2, .display-3, p, th, td, a, .table-styles { - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - font-weight:300; - text-decoration: none !important; -} -.display-coupon { - font-size:60px; -} -.display-1 { - font-size: 30px; -} -.display-2 { - font-size: 25px; -} -.display-3 { - font-size: 18px; -} -p, th, td { - text-align:left; - font-size:14px; -} -a, a:hover { - color: inherit; -} -.text-center { - text-align: center; -} - -/* ======================== MISC ====================== */ - -.horizontal-padding { - padding-left: 20px; - padding-right: 20px; -} -.vertical-padding { - padding-top: 20px; - padding-bottom: 20px; -} -.no-margin { - margin: 0; -} -.table-styles { - border-collapse:separate; -} -.snippet-general { - width:600px; - margin:0 auto; - color:#464646; -} -.newsletter-btn { - -webkit-user-select: none; - padding: 6px 12px; - font-size: 14px; - color: #ffffff; - border: none; - text-decoration: none; - display: inline-block; - font-weight: 400; - font-family: 'Helvetica'; - text-align: center; - cursor: pointer; - background-color: #34c9a4; -} - -/* ======================== SNIPPETS ====================== */ - -.separator { - height: 1px; - background-color: #e3e3e3; -} -.banner { - width:600px; - margin:0 auto; - padding:0; -} diff --git a/addons/mass_mailing/static/src/css/themes/airmail.css b/addons/mass_mailing/static/src/css/themes/airmail.css deleted file mode 100644 index 655d4bd19ee..00000000000 --- a/addons/mass_mailing/static/src/css/themes/airmail.css +++ /dev/null @@ -1,77 +0,0 @@ -/*Airmail Template*/ - -.o_airmail_theme_header, .o_airmail_theme_footer { - background-color: #d05d68; -} -.o_airmail_theme { - background-color: #ededed; -} -.o_airmail_theme_container { - background-color: white; - box-shadow: none; -} - -/*Colors*/ - -.o_airmail_theme .bg-alpha { - background-color: #fff; -} -.o_airmail_theme .bg-alpha p, .o_airmail_theme .bg-alpha .display-1, .o_airmail_theme .bg-alpha .display-2, .o_airmail_theme .bg-alpha .display-3 { - color: #000; -} -.o_airmail_theme .bg-beta { - background-color: #6077a8; -} -.o_airmail_theme .bg-beta p, .o_airmail_theme .bg-beta .display-1, .o_airmail_theme .bg-beta .display-2, .o_airmail_theme .bg-beta .display-3 { - color: #fff; -} -.o_airmail_theme .bg-beta .link-color { - color: #dab4a8; -} -.o_airmail_theme .bg-gamma { - background-color: #a17e92; -} -.o_airmail_theme .bg-gamma .link-color { - color: #dab4a8; -} -.o_airmail_theme .bg-gamma p, .o_airmail_theme .bg-gamma .display-1, .o_airmail_theme .bg-gamma .display-2, .o_airmail_theme .bg-gamma .display-3 { - color: #fff; -} -.o_airmail_theme .bg-delta { - background-color: #dab4a8; -} -.o_airmail_theme .bg-delta p, .o_airmail_theme .bg-delta .display-1, .o_airmail_theme .bg-delta .display-2, .o_airmail_theme .bg-delta .display-3 { - color: #000; -} -.o_airmail_theme .bg-epsilon { - background-color: #d05d68; -} -.o_airmail_theme .bg-epsilon p, .o_airmail_theme .bg-epsilon .display-1, .o_airmail_theme .bg-epsilon .display-2, .o_airmail_theme .bg-epsilon .display-3 { - color: #fff; -} -.o_airmail_theme .bg-epsilon .link-color { - color: #fff; -} - -/*Link color*/ - -.o_airmail_theme .link-color { - color: #d05d68; -} - -/*BTN styles*/ - -.o_airmail_theme .newsletter-btn { - color: #d05d68; - border: 1px solid #d05d68; - border-radius: 4px; - background-color: transparent; -} -.o_airmail_theme .bg-gamma .newsletter-btn { - color: #fff; - border: 1px solid #fff; -} -.o_airmail_theme .bg-epsilon .newsletter-btn { - color: #fff; - border: 1px solid #fff; -} diff --git a/addons/mass_mailing/static/src/css/themes/lemon.css b/addons/mass_mailing/static/src/css/themes/lemon.css deleted file mode 100644 index df6a83f9e17..00000000000 --- a/addons/mass_mailing/static/src/css/themes/lemon.css +++ /dev/null @@ -1,75 +0,0 @@ -/* ======================== COLORS ====================== */ - -.o_lemon_theme { - background-color: #fff; -} -.o_lemon_theme_header { - background-color: #fe4e1e; -} -.o_lemon_theme_container { - background-color: #f4ea00; -} - -.o_lemon_theme p { - color: #000; -} -.o_lemon_theme .bg-alpha { - background-color: #fff; -} -.o_lemon_theme .bg-alpha .display-1, .o_lemon_theme .bg-alpha p, .o_lemon_theme .bg-alpha .display-2, .o_lemon_theme .bg-alpha .display-3{ - color: #000; -} -.o_lemon_theme .bg-beta { - background-color: #f4ea00; -} -.o_lemon_theme .bg-beta p, .o_lemon_theme .bg-beta .display-1, .o_lemon_theme .bg-beta .display-2, .o_lemon_theme .bg-beta .display-3 { - color: #000; -} -.o_lemon_theme .bg-gamma { - background-color: #d6d5b6; -} -.o_lemon_theme .bg-gamma p, .o_lemon_theme .bg-gamma .display-1, .o_lemon_theme .bg-gamma .display-2, .o_lemon_theme .bg-gamma .display-3 { - color: #000; -} -.o_lemon_theme .bg-gamma .link-color { - color: #fe4e1e; -} -.o_lemon_theme .bg-delta { - background-color: #000; -} -.o_lemon_theme .bg-delta p, .o_lemon_theme .bg-delta .display-1, .o_lemon_theme .bg-delta .display-2, .o_lemon_theme .bg-delta .display-3 { - color: #fff; -} -.o_lemon_theme .bg-delta .link-color { - color: #fe4e1e; -} -.o_lemon_theme .bg-epsilon { - background-color: #fe4e1e; -} -.o_lemon_theme .bg-epsilon p, .o_lemon_theme .bg-epsilon .display-1, .o_lemon_theme .bg-epsilon .display-2, .o_lemon_theme .bg-epsilon .display-3 { - color: #fff; -} -.o_lemon_theme .bg-epsilon .link-color { - color: #f4ea00; -} - -.o_lemon_theme .link-color { - color: #fe4e1e; -} - -/*BTN styles*/ - -.o_lemon_theme .newsletter-btn { - color: #fff; - background-color: #fe4e1e; - font-size: 12px; -} - -/*Snippet styles*/ - -.o_lemon_theme .separator { - background-color: #fff; -} -.o_lemon_theme .snippet-general { - margin:0 auto; -} diff --git a/addons/mass_mailing/static/src/css/themes/tech.css b/addons/mass_mailing/static/src/css/themes/tech.css deleted file mode 100644 index 00ea206cd48..00000000000 --- a/addons/mass_mailing/static/src/css/themes/tech.css +++ /dev/null @@ -1,75 +0,0 @@ -/* ======================== COLORS ====================== */ - -.o_tech_theme { - background-color: #fff; -} -.o_tech_theme_header { - background-color: #e3e3e3; -} - -.o_tech_theme p { - color: #494949; -} -.o_tech_theme .bg-alpha { - background-color: #fff; -} -.o_tech_theme .bg-alpha .display-1, .o_tech_theme .bg-alpha p, .o_tech_theme .bg-alpha .display-2, .o_tech_theme .bg-alpha .display-3{ - color: #000; -} -.o_tech_theme .bg-beta { - background-color: #dadada; -} -.o_tech_theme .bg-beta p, .o_tech_theme .bg-beta .display-1, .o_tech_theme .bg-beta .display-2, .o_tech_theme .bg-beta .display-3 { - color: #000; -} -.o_tech_theme .bg-beta .link-color { - color: #de5745; -} -.o_tech_theme .bg-gamma { - background-color: #de5745; -} -.o_tech_theme .bg-gamma p, .o_tech_theme .bg-gamma .display-1, .o_tech_theme .bg-gamma .display-2, .o_tech_theme .bg-gamma .display-3 { - color: #fff; -} -.o_tech_theme .bg-gamma .link-color { - color: #ccda3f; -} -.o_tech_theme .bg-delta { - background-color: #4a9fba; -} -.o_tech_theme .bg-delta p, .o_tech_theme .bg-delta .display-1, .o_tech_theme .bg-delta .display-2, .o_tech_theme .bg-delta .display-3 { - color: #fff; -} -.o_tech_theme .bg-delta .link-color { - color: #ccda3f; -} -.o_tech_theme .bg-epsilon { - background-color: #ccda3f; -} -.o_tech_theme .bg-epsilon p, .o_tech_theme .bg-epsilon .display-1, .o_tech_theme .bg-epsilon .display-2, .o_tech_theme .bg-epsilon .display-3 { - color: #000; -} -.o_tech_theme .bg-epsilon .link-color { - color: #de5745; -} - -.o_tech_theme .link-color { - color: #ccda3f; -} - -/*BTN styles*/ - -.o_tech_theme .newsletter-btn { - color: #fff; - background-color: #ccda3f; - font-size: 12px; -} -.o_tech_theme .bg-epsilon .newsletter-btn { - background-color: #de5745; -} - -/*Snippet styles*/ - -.o_tech_theme .snippet-general { - margin:0 auto; -} diff --git a/addons/mass_mailing/static/src/css/themes/theme_airmail.less b/addons/mass_mailing/static/src/css/themes/theme_airmail.less new file mode 100644 index 00000000000..fdb02d0fa00 --- /dev/null +++ b/addons/mass_mailing/static/src/css/themes/theme_airmail.less @@ -0,0 +1,211 @@ +// out: ../compiled/theme_airmail.css, sourcemap: false, compress: false +// lessc@1.4.2 + + +@o_mm_airmail_color_alpha : #EAECED; +@o_mm_airmail_color_beta : white; +@o_mm_airmail_color_gamma : #FB3C6B; +@o_mm_airmail_color_delta : darken(@o_mm_airmail_color_gamma, 5%); +@o_mm_airmail_color_epsilon : black; +@o_mm_airmail_color_zeta : #a17e92; + + +.o_layout.o_airmail_theme { + background-color: @o_mm_airmail_color_alpha; + + .o_mail_wrapper { + background: rgba(0,0,0,0); + background: transparent; + border: none; + } + + // =========== Components + + .o_mail_snippet_general { + background-color: @o_mm_airmail_color_beta; + color: @o_mm_airmail_color_epsilon; + + .btn.btn-primary { + color: @o_mm_airmail_color_beta; + background-color: @o_mm_airmail_color_gamma; + } + + a, .o_mail_link { + color: @o_mm_airmail_color_delta; + } + + .bg-beta { + background-color: @o_mm_airmail_color_gamma; + + .btn.btn-primary { + color: @o_mm_airmail_color_beta; + background-color: @o_mm_airmail_color_zeta; + } + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: @o_mm_airmail_color_beta; + } + } + .text-beta { + color: @o_mm_airmail_color_gamma; + } + + .bg-delta { + background-color: @o_mm_airmail_color_zeta; + } + } + + // =========== Snippets + + .o_mail_wrapper { + > div { // All snippets + margin-bottom: 16px; + } + } + + .o_mail_wrapper { + .o_mail_block_header_social, .o_mail_block_header_text_social, .o_mail_block_header_logo { + margin-bottom: 0; + + .o_mail_snippet_general { + background: rgba(0,0,0,0); + background: transparent; + } + + .o_mail_h_padding { + padding-left: 0; + padding-right: 0; + } + + .o_mail_header_social { + margin-right: 0px; + a { + color: darken(@o_mm_airmail_color_alpha, 40%); + } + } + } + } + + .o_mail_block_event { + margin-left: 0; + margin-right: 0; + } + + .o_mail_block_footer_separator { + margin-left: 0; + margin-right: 0; + } + + .o_mail_block_image { + .o_mail_h_padding { + padding: 0; + .o_mail_col_mv { + padding-left: 20px; + padding-right: 20px; + } + > img { + padding: 0; + margin-bottom: 15px; + } + } + } + + .o_mail_block_footer_separator { + .o_mail_snippet_general { + background: rgba(0,0,0,0); + background: transparent; + + .separator { + height: 3px; + background-color: darken(@o_mm_airmail_color_alpha, 10%); + border-bottom: 2px solid darken(white, 3%); + } + } + } + + .o_mail_block_banner { + } + + .o_mail_block_two_cols, .o_mail_block_three_cols { + @tmp-gap: 10px; + + table { + width: 110%; + max-width: (600+(@tmp-gap*2)); + margin: auto (@tmp-gap*-1); + } + .o_mail_snippet_general { + background: rgba(0,0,0,0); + background: transparent; + } + .o_mail_col_container { + padding: 0 0 (@tmp-gap*2); + margin: 0 @tmp-gap; + border-top: 1px solid darken(@o_mm_airmail_color_beta, 10%); + border-bottom: 1px solid darken(@o_mm_airmail_color_alpha, 5%); + background-color: @o_mm_airmail_color_beta; + + > * { + padding: 0 (@tmp-gap*2); + } + + img { + padding: 0!important; + } + } + } + + .o_mail_block_footer_tag_line { + table.o_mail_h_padding { + padding-left: 0; + padding-right: 0; + } + } + + .o_mail_block_image_text { + .o_mail_img_container { + padding: 0 + } + } + + .o_mail_block_text_image { + .o_mail_img_container { + padding: 0 + } + } + + .o_mail_block_footer_social { + .o_mail_snippet_general { + background: rgba(0,0,0,0); + background: transparent; + margin-top: 30px; + border-top: 1px solid darken(@o_mm_airmail_color_alpha, 10%); + } + + .o_mail_footer_social { + border: none; + a { + color: darken(@o_mm_airmail_color_alpha, 40%); + } + } + + .o_mail_footer_links a { + color: darken(@o_mm_airmail_color_alpha, 40%); + } + + .o_mail_footer_copy { + font-weight: bold; + font-size: 9px; + color: darken(@o_mm_airmail_color_alpha, 30%); + } + + &.o_mail_footer_social_left { + .o_mail_footer_description { + padding-left: 0; + } + .o_mail_footer_social { + padding-right: 0; + } + } + } +} \ No newline at end of file diff --git a/addons/mass_mailing/static/src/css/themes/theme_default.less b/addons/mass_mailing/static/src/css/themes/theme_default.less new file mode 100644 index 00000000000..55e9424001b --- /dev/null +++ b/addons/mass_mailing/static/src/css/themes/theme_default.less @@ -0,0 +1,284 @@ +// out: ../compiled/theme_default.css, sourcemap: false, compress: false +// lessc@1.4.2 + +// ======================================= +// ========== Mass Mailing "Theme Default" +// ======================================= + + +// =========== Variables + +// 'Default Theme' Palette +@o_mm_def_color_alpha : #f5f5f5; +@o_mm_def_color_beta : #ffffff; +@o_mm_def_color_gamma : #706482; +@o_mm_def_color_delta : #464646; +@o_mm_def_color_epsilon : darken(@o_mm_def_color_gamma, 5%); +@o_mm_def_color_zeta : #706482; +@o_mm_def_color_eta : #87a6b5; + + +// Assign 'Default Theme' Variables +@o_mm_def_body_width : 600px; +@o_mm_def_body_bobile : 480px; +@o_mm_def_b_radius : 2px; + +@o_mm_def_font : -apple-system, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; +@o_mm_def_text_color : @o_mm_def_color_delta; + +@o_mm_def_btn_bg : @o_mm_def_color_gamma; +@o_mm_def_btn_text : @o_mm_def_color_beta; + + +// =========== Editor + +#web_editor_inside_iframe { + #wrapwrap > main #editable_area { + background-color: transparent; + } +} + + +// =========== Components + +.o_layout { + font-family: @o_mm_def_font; + color: lighten(@o_mm_def_text_color, 20%); + overflow: hidden; + width: 100%; + min-height: 100%; + background-color: @o_mm_def_color_alpha; + padding-bottom: 20px; + + .o_mail_wrapper { + width: 100%; + max-width: @o_mm_def_body_width; + margin: auto; + border: 1px solid darken(@o_mm_def_color_alpha, 2%); + background-color: @o_mm_def_color_beta; + } +} + + +.o_mail_snippet_general { + width: 100%; + max-width: @o_mm_def_body_width; + margin: 0 auto; + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: @o_mm_def_text_color; + } + + + .btn.btn-primary { + -webkit-user-select: none; + color: @o_mm_def_btn_text; + border: none; + text-decoration: none; + font-weight: normal; + font-family: @o_mm_def_font; + cursor: pointer; + border-radius: @o_mm_def_b_radius; + background-color: @o_mm_def_btn_bg; + } + + a, .btn.btn-link { + color: @o_mm_def_color_epsilon; + font-weight: bold; + text-decoration: none !important; + + &:hover, &:focus, &:active { + text-decoration: none !important; + } + } + + img { + width: 100%; + max-width: 100%; + height: auto; + } + + .separator { + height: 2px; + background-color: @o_mm_def_color_alpha; + } + + .bg-beta { + background-color: @o_mm_def_color_zeta; + color: @o_mm_def_color_beta; + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: @o_mm_def_color_beta; + } + } + .text-beta { + color: @o_mm_def_color_zeta; + } + + .bg-delta { + background-color: @o_mm_def_color_eta; + } + + .bg-gray-lighter { + background-color: @o_mm_def_color_alpha; + } +} + + +// =========== Snippets + +.o_mail_block_header_social, .o_mail_block_header_text_social, .o_mail_block_header_logo { + .o_mail_logo_container { + img { + width: auto; + } + } + .o_mail_header_social { + margin-right: 20px; + } +} + +.o_mail_block_header_text_social { + h3 { + font-weight: bold; + } +} + +.o_mail_block_steps { + background-color: @o_mm_def_color_alpha; +} + +.o_mail_block_two_cols, .o_mail_block_three_cols { + font-size: small; + + .o_mail_col_container { + padding: 10px 20px; + + h4 { + margin-top: 15px; + } + } +} + +.o_mail_block_image_text, .o_mail_block_text_image { + font-size: small; +} + +.o_mail_block_event { + margin-left: 20px; + margin-right: 20px; + .o_mail_snippet_general{ + background: darken(@o_mm_def_color_alpha, 2%); + } +} + +.o_mail_block_footer_separator { + margin-left: 20px; + margin-right: 20px; +} + +.o_mail_block_comparison_table { + .separator { + height: 1px; + background-color: darken(@o_mm_def_color_alpha, 15%); + } +} + +.o_mail_block_discount2 { + .o_code { + padding: 5px 10px; + background: @o_mm_def_color_alpha; + border-radius: 3px; + font-family: monospace; + } +} + +.o_mail_block_footer_social { + .o_mail_table_styles { + border-top: 2px solid @o_mm_def_color_alpha; + padding-top: 20px; + } + + .o_mail_footer_links { + padding-top: 10px; + padding-bottom: 10px; + + .btn-link{ + padding: 0; + font-size: 12px; + } + } + + .o_mail_footer_copy { + font-size: 9px; + font-weight: bold; + color: lighten(@o_mm_def_text_color, 30%); + } + + &.o_mail_footer_social_center { + .o_mail_footer_social, .o_mail_footer_links, .o_mail_footer_copy { + text-align: center; + } + } + + &.o_mail_footer_social_left { + .o_mail_footer_description { + padding-left: 20px; + } + .o_mail_footer_social { + padding-right: 20px; + text-align: right; + vertical-align: top; + + .btn-link{ + padding: 0; + font-size: 12px; + } + } + } +} + +// =========== Typography + + +.o_mail_display_coupon { + font-size: 50px; + line-height: 1; +} + +/* ======================== MISC ====================== */ + +.o_mail_h_padding { + padding-left: 20px; + padding-right: 20px; +} +.o_mail_v_padding { + padding-top: 20px; + padding-bottom: 20px; +} +.o_mail_no_margin { + margin: 0; + + &.o_mail_display_coupon { + line-height: 1.1; + } +} +.o_mail_table_styles { + width: 100%; + border-collapse:separate; +} + +// =========== Mobile + +@media screen and (max-width: @o_mm_def_body_bobile) { + .o_mail_col_mv { + display: block!important; + max-width: @o_mm_def_body_bobile!important; + width: 100%!important; + } + + .o_mail_table_styles { + max-width: @o_mm_def_body_bobile!important; + width: 100%!important; + } +} diff --git a/addons/mass_mailing/static/src/css/themes/theme_newsletter.less b/addons/mass_mailing/static/src/css/themes/theme_newsletter.less new file mode 100644 index 00000000000..7962c9bdfc3 --- /dev/null +++ b/addons/mass_mailing/static/src/css/themes/theme_newsletter.less @@ -0,0 +1,41 @@ +// out: ../compiled/theme_newsletter.css, sourcemap: false, compress: false +// lessc@1.4.2 + + +// =========== Variables + +// 'Default Theme' Palette +@o_mm_news_color_alpha : #f5f5f5; +@o_mm_news_color_beta : #ffffff; +@o_mm_news_color_gamma : #1cc1a9; +@o_mm_news_color_delta : #464646; +@o_mm_news_color_epsilon : darken(@o_mm_news_color_gamma, 5%); +@o_mm_news_color_zeta : #906784; +@o_mm_news_color_eta : #87a6b5; + + +// =========== Components + +.o_layout.o_newsletter_theme { + .o_mail_snippet_general { + .btn.btn-primary { + color: @o_mm_news_color_beta; + background-color: @o_mm_news_color_gamma; + } + a, .btn.btn-link { + color: @o_mm_news_color_epsilon; + } + .bg-beta { + background-color: @o_mm_news_color_zeta; + color: @o_mm_news_color_beta; + } + .text-beta { + color: @o_mm_news_color_zeta; + } + + .bg-delta { + background-color: @o_mm_news_color_eta; + } + } +} + diff --git a/addons/mass_mailing/static/src/css/themes/theme_resto.less b/addons/mass_mailing/static/src/css/themes/theme_resto.less new file mode 100644 index 00000000000..2b46dc2e4b7 --- /dev/null +++ b/addons/mass_mailing/static/src/css/themes/theme_resto.less @@ -0,0 +1,111 @@ +// out: ../compiled/theme_resto.css, sourcemap: false, compress: false +// lessc@1.4.2 + +@o_mm_resto_color_alpha : #f0ede0; +@o_mm_resto_color_beta : #ffffff; +@o_mm_resto_color_gamma : #E96D1F; +@o_mm_resto_color_delta : #712b22; +@o_mm_resto_color_epsilon : darken(@o_mm_resto_color_gamma, 5%); +@o_mm_resto_color_zeta : #795745; + +#web_editor_inside_iframe.o_resto_theme { + background-color: @o_mm_resto_color_alpha; +} + +.o_layout.o_resto_theme { + background-color: @o_mm_resto_color_alpha; + + .o_mail_wrapper { + border: none; + background-color:transparent; + } + + + // =========== Components + + .o_mail_snippet_general { + background: rgba(0,0,0,0); + background: transparent; + color: @o_mm_resto_color_delta; + + .btn.btn-primary { + color: @o_mm_resto_color_beta; + background-color: @o_mm_resto_color_gamma; + } + + a, .o_mail_link { + font-weight: normal; + color: @o_mm_resto_color_epsilon; + } + + .bg-beta { + background-color: @o_mm_resto_color_zeta; + color: @o_mm_resto_color_beta; + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: @o_mm_resto_color_beta; + } + } + + .text-beta { + color: @o_mm_resto_color_zeta; + } + + .bg-delta { + background-color: @o_mm_resto_color_gamma; + color: @o_mm_resto_color_beta; + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: @o_mm_resto_color_beta; + } + } + + .text-delta { + color: @o_mm_resto_color_epsilon; + } + + .separator { + background-color: lighten(@o_mm_resto_color_zeta, 20%); + } + } + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: darken(@o_mm_resto_color_zeta, 10%); + font-weight: bold; + } + + // =========== Snippets + .o_mail_block_header_social, .o_mail_block_header_text_social, .o_mail_block_header_logo { + .o_mail_snippet_general { + border-bottom: 5px solid @o_mm_resto_color_gamma; + } + + .o_mail_header_social { + a { + color: @o_mm_resto_color_gamma; + } + } + } + + .o_mail_block_steps { + border-top: 2px solid @o_mm_resto_color_gamma; + background: @o_mm_resto_color_beta; + } + + .o_mail_block_event { + .o_mail_snippet_general{ + background: darken(@o_mm_resto_color_beta, 2%); + } + } + .o_mail_block_header_social, .o_mail_block_header_text_social, .o_mail_block_header_logo, .o_mail_block_steps, .o_mail_block_event, .o_mail_block_banner { + margin-left: 20px; + margin-right: 20px; + } + + .o_mail_block_footer_social { + .o_mail_table_styles { + border-top: 2px solid lighten(@o_mm_resto_color_zeta, 20%); + padding-top: 20px; + } + } +} diff --git a/addons/mass_mailing/static/src/css/themes/theme_tech.less b/addons/mass_mailing/static/src/css/themes/theme_tech.less new file mode 100644 index 00000000000..dfb49eab2f9 --- /dev/null +++ b/addons/mass_mailing/static/src/css/themes/theme_tech.less @@ -0,0 +1,167 @@ +// out: ../compiled/theme_tech.css, sourcemap: false, compress: false +// lessc@1.4.2 + + +@o_mm_tech_color_alpha : #333; +@o_mm_tech_color_beta : white; +@o_mm_tech_color_gamma : #59cdcd; +@o_mm_tech_color_delta : #bdbdbd; +@o_mm_tech_color_epsilon : black; +@o_mm_tech_color_zeta : #a17e92; + + + +.o_layout.o_tech_theme { + background-color: @o_mm_tech_color_alpha; + + .o_mail_wrapper { + background-color: transparent; + color: @o_mm_tech_color_delta; + border: none; + } + + // =========== Components + + .o_mail_snippet_general { + + .btn.btn-primary { + color: @o_mm_tech_color_beta; + background-color: @o_mm_tech_color_gamma; + } + .o_mail_full_width_padding { + padding-left: 20px; + padding-right: 20px; + } + a, .o_mail_link { + font-weight: normal; + color: @o_mm_tech_color_gamma; + } + + .bg-beta { + background-color: @o_mm_tech_color_gamma; + + .btn.btn-primary { + color: @o_mm_tech_color_beta; + background-color: @o_mm_tech_color_zeta; + } + } + .text-beta { + color: @o_mm_tech_color_gamma; + } + + .bg-delta { + background-color: @o_mm_tech_color_zeta; + } + + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: darken(@o_mm_tech_color_beta, 10%); + } + } + + // =========== Snippets + + .o_mail_block_header_social, .o_mail_block_header_text_social, .o_mail_block_header_logo { + .o_mail_snippet_general { + margin-top: 10px; + margin-bottom: 25px; + padding-left: 20px; + padding-right: 20px; + + > table { + max-width: 560px; + border-bottom: 1px solid darken(@o_mm_tech_color_beta, 60%); + } + } + + .o_mail_h_padding.o_mail_v_padding { + padding: 10px 0 5px; + } + + .o_mail_header_social { + margin-right: 0px; + a { + color: darken(@o_mm_tech_color_beta, 40%); + } + } + } + + .o_mail_block_footer_separator { + .separator { + height: 1px; + background-color: darken(@o_mm_tech_color_beta, 60%); + } + } + + .o_mail_block_event { + margin-left: 20px; + margin-right: 20px; + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: @o_mm_tech_color_alpha; + } + } + + .o_mail_block_discount2 { + .o_code { + color: @o_mm_tech_color_alpha; + } + } + + .o_mail_block_footer_separator { + margin-left: 0; + margin-right: 0; + } + + .o_mail_block_steps { + background-color: transparent; + + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: @o_mm_tech_color_alpha; + } + + .o_mail_full_width_padding > tbody > tr { + background-color: @o_mm_tech_color_beta; + color: @o_mm_tech_color_alpha; + } + } + + .o_mail_block_footer_tag_line { + } + + .o_mail_block_footer_social { + .o_mail_snippet_general { + background: rgba(0,0,0,0); + background: transparent; + } + + .o_mail_table_styles { + border-top: none; + } + + .o_mail_footer_social { + a { + color: darken(@o_mm_tech_color_beta, 40%); + } + } + + .o_mail_footer_links a { + color: darken(@o_mm_tech_color_beta, 40%); + } + + .o_mail_footer_copy { + font-weight: bold; + font-size: 9px; + color: darken(@o_mm_tech_color_beta, 30%); + } + + &.o_mail_footer_social_left { + .o_mail_footer_description { + padding-left: 0; + } + .o_mail_footer_social { + padding-right: 0; + } + } + } +} \ No newline at end of file diff --git a/addons/mass_mailing/static/src/img/blocks/block_banner.png b/addons/mass_mailing/static/src/img/blocks/block_banner.png old mode 100644 new mode 100755 index d654274d9e8..bcf62bd1e6f Binary files a/addons/mass_mailing/static/src/img/blocks/block_banner.png and b/addons/mass_mailing/static/src/img/blocks/block_banner.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_comparison_table.png b/addons/mass_mailing/static/src/img/blocks/block_comparison_table.png new file mode 100755 index 00000000000..63c810cce2e Binary files /dev/null and b/addons/mass_mailing/static/src/img/blocks/block_comparison_table.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_discount1.png b/addons/mass_mailing/static/src/img/blocks/block_discount1.png old mode 100644 new mode 100755 index b6142062d72..478d25252ac Binary files a/addons/mass_mailing/static/src/img/blocks/block_discount1.png and b/addons/mass_mailing/static/src/img/blocks/block_discount1.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_discount2.png b/addons/mass_mailing/static/src/img/blocks/block_discount2.png old mode 100644 new mode 100755 index ff4fba13db9..0a14a91753b Binary files a/addons/mass_mailing/static/src/img/blocks/block_discount2.png and b/addons/mass_mailing/static/src/img/blocks/block_discount2.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_event.png b/addons/mass_mailing/static/src/img/blocks/block_event.png old mode 100644 new mode 100755 index f75ea319f88..4dba58c9a8a Binary files a/addons/mass_mailing/static/src/img/blocks/block_event.png and b/addons/mass_mailing/static/src/img/blocks/block_event.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_footer_separator.png b/addons/mass_mailing/static/src/img/blocks/block_footer_separator.png old mode 100644 new mode 100755 index a3b202a8362..6af266fca5c Binary files a/addons/mass_mailing/static/src/img/blocks/block_footer_separator.png and b/addons/mass_mailing/static/src/img/blocks/block_footer_separator.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_footer_social.png b/addons/mass_mailing/static/src/img/blocks/block_footer_social.png old mode 100644 new mode 100755 index abb0d12ff94..41992607c2b Binary files a/addons/mass_mailing/static/src/img/blocks/block_footer_social.png and b/addons/mass_mailing/static/src/img/blocks/block_footer_social.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_footer_social_left.png b/addons/mass_mailing/static/src/img/blocks/block_footer_social_left.png new file mode 100755 index 00000000000..ee39ed7c068 Binary files /dev/null and b/addons/mass_mailing/static/src/img/blocks/block_footer_social_left.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_footer_tag_line.png b/addons/mass_mailing/static/src/img/blocks/block_footer_tag_line.png old mode 100644 new mode 100755 index 5701891a1b5..73b5a29ea59 Binary files a/addons/mass_mailing/static/src/img/blocks/block_footer_tag_line.png and b/addons/mass_mailing/static/src/img/blocks/block_footer_tag_line.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_header_logo.png b/addons/mass_mailing/static/src/img/blocks/block_header_logo.png new file mode 100755 index 00000000000..eae72c936f0 Binary files /dev/null and b/addons/mass_mailing/static/src/img/blocks/block_header_logo.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_header_social.png b/addons/mass_mailing/static/src/img/blocks/block_header_social.png old mode 100644 new mode 100755 index 9aa612f46e0..43aaec4cdc9 Binary files a/addons/mass_mailing/static/src/img/blocks/block_header_social.png and b/addons/mass_mailing/static/src/img/blocks/block_header_social.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_header_text_social.png b/addons/mass_mailing/static/src/img/blocks/block_header_text_social.png old mode 100644 new mode 100755 index db090733574..61bb97fd2b4 Binary files a/addons/mass_mailing/static/src/img/blocks/block_header_text_social.png and b/addons/mass_mailing/static/src/img/blocks/block_header_text_social.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_image.png b/addons/mass_mailing/static/src/img/blocks/block_image.png old mode 100644 new mode 100755 index e0f8901b1d5..e918a8d70f1 Binary files a/addons/mass_mailing/static/src/img/blocks/block_image.png and b/addons/mass_mailing/static/src/img/blocks/block_image.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_image_text.png b/addons/mass_mailing/static/src/img/blocks/block_image_text.png old mode 100644 new mode 100755 index 41b2949a777..de9e18f37c3 Binary files a/addons/mass_mailing/static/src/img/blocks/block_image_text.png and b/addons/mass_mailing/static/src/img/blocks/block_image_text.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_paragraph.png b/addons/mass_mailing/static/src/img/blocks/block_paragraph.png new file mode 100755 index 00000000000..bfba996c54a Binary files /dev/null and b/addons/mass_mailing/static/src/img/blocks/block_paragraph.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_steps.png b/addons/mass_mailing/static/src/img/blocks/block_steps.png old mode 100644 new mode 100755 index 49c59314ea3..e977a1059e5 Binary files a/addons/mass_mailing/static/src/img/blocks/block_steps.png and b/addons/mass_mailing/static/src/img/blocks/block_steps.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_table_content.png b/addons/mass_mailing/static/src/img/blocks/block_table_content.png deleted file mode 100644 index 1dd9f1ab4dc..00000000000 Binary files a/addons/mass_mailing/static/src/img/blocks/block_table_content.png and /dev/null differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_text_image.png b/addons/mass_mailing/static/src/img/blocks/block_text_image.png old mode 100644 new mode 100755 index ab3d90c19a2..c0832ebd612 Binary files a/addons/mass_mailing/static/src/img/blocks/block_text_image.png and b/addons/mass_mailing/static/src/img/blocks/block_text_image.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_three_cols.png b/addons/mass_mailing/static/src/img/blocks/block_three_cols.png old mode 100644 new mode 100755 index ffb3e955b96..cd72e7b8168 Binary files a/addons/mass_mailing/static/src/img/blocks/block_three_cols.png and b/addons/mass_mailing/static/src/img/blocks/block_three_cols.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_title_sub.png b/addons/mass_mailing/static/src/img/blocks/block_title_sub.png old mode 100644 new mode 100755 index fe7b44867bc..1320ccc538b Binary files a/addons/mass_mailing/static/src/img/blocks/block_title_sub.png and b/addons/mass_mailing/static/src/img/blocks/block_title_sub.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_title_text.png b/addons/mass_mailing/static/src/img/blocks/block_title_text.png old mode 100644 new mode 100755 index 222975d2aba..399f13c2b94 Binary files a/addons/mass_mailing/static/src/img/blocks/block_title_text.png and b/addons/mass_mailing/static/src/img/blocks/block_title_text.png differ diff --git a/addons/mass_mailing/static/src/img/blocks/block_two_cols.png b/addons/mass_mailing/static/src/img/blocks/block_two_cols.png old mode 100644 new mode 100755 index 711e7b0b823..79e19de059d Binary files a/addons/mass_mailing/static/src/img/blocks/block_two_cols.png and b/addons/mass_mailing/static/src/img/blocks/block_two_cols.png differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_banner.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_banner.jpg new file mode 100755 index 00000000000..59e90bc0046 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_banner.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_event.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_event.jpg new file mode 100755 index 00000000000..2af23b4f136 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_event.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_image.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_image.jpg new file mode 100755 index 00000000000..f3003107735 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_image_text.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_image_text.jpg new file mode 100755 index 00000000000..85c6795bc0a Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_image_text.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_text_image.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_text_image.jpg new file mode 100755 index 00000000000..46ac685df6c Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_text_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_1.jpg new file mode 100755 index 00000000000..ba47973b427 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_2.jpg new file mode 100755 index 00000000000..c1e48ec82ae Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_3.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_3.jpg new file mode 100755 index 00000000000..adf7686eaa9 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_three_cols_3.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_two_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_two_cols_1.jpg new file mode 100755 index 00000000000..2b76274d3df Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_two_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_two_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_two_cols_2.jpg new file mode 100755 index 00000000000..c3c644ceacc Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_block_two_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_logo.png b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_logo.png new file mode 100755 index 00000000000..1396468359d Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_airmail/s_default_image_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_default/demo/signature.png b/addons/mass_mailing/static/src/img/theme_default/demo/signature.png new file mode 100644 index 00000000000..36cb26425d5 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/demo/signature.png differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_banner.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_banner.jpg new file mode 100755 index 00000000000..e6a85a38b43 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_banner.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_event.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_event.jpg new file mode 100755 index 00000000000..91fff96b8b4 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_event.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_image.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_image.jpg new file mode 100755 index 00000000000..3ca5ebb5e6c Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_image_text.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_image_text.jpg new file mode 100755 index 00000000000..87251f5f46a Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_image_text.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_text_image.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_text_image.jpg new file mode 100755 index 00000000000..10f6102fd82 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_text_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_1.jpg new file mode 100755 index 00000000000..fa939c89aae Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_2.jpg new file mode 100755 index 00000000000..35a8006b9c1 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_3.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_3.jpg new file mode 100755 index 00000000000..e33e667921c Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_three_cols_3.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_two_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_two_cols_1.jpg new file mode 100755 index 00000000000..9a55e53533b Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_two_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_two_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_two_cols_2.jpg new file mode 100755 index 00000000000..38c77b3c178 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_block_two_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_default/s_default_image_logo.png b/addons/mass_mailing/static/src/img/theme_default/s_default_image_logo.png new file mode 100755 index 00000000000..1f5169a218f Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_default/s_default_image_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/airmail_template_thumb.png b/addons/mass_mailing/static/src/img/theme_imgs/airmail_template_thumb.png deleted file mode 100644 index ee91687680a..00000000000 Binary files a/addons/mass_mailing/static/src/img/theme_imgs/airmail_template_thumb.png and /dev/null differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_large.png b/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_large.png new file mode 100755 index 00000000000..0546e634929 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_large.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_logo.png b/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_logo.png new file mode 100755 index 00000000000..7101775ff34 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_small.png b/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_small.png new file mode 100755 index 00000000000..221540bf7f4 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/airmail_thumb_small.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/default_template_thumb.png b/addons/mass_mailing/static/src/img/theme_imgs/default_template_thumb.png deleted file mode 100644 index dd3f14ae536..00000000000 Binary files a/addons/mass_mailing/static/src/img/theme_imgs/default_template_thumb.png and /dev/null differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_large.png b/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_large.png new file mode 100755 index 00000000000..d93ecd63550 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_large.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_logo.png b/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_logo.png new file mode 100755 index 00000000000..157ab85588c Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_small.png b/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_small.png new file mode 100755 index 00000000000..5c85179781b Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/default_thumb_small.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/lemon_template_thumb.png b/addons/mass_mailing/static/src/img/theme_imgs/lemon_template_thumb.png deleted file mode 100644 index 5ee59475217..00000000000 Binary files a/addons/mass_mailing/static/src/img/theme_imgs/lemon_template_thumb.png and /dev/null differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_large.png b/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_large.png new file mode 100755 index 00000000000..0b2c469aa9f Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_large.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_logo.png b/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_logo.png new file mode 100755 index 00000000000..60b3d2fcb9d Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_small.png b/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_small.png new file mode 100755 index 00000000000..1cc74a20574 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/newsletter_thumb_small.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_large.png b/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_large.png new file mode 100755 index 00000000000..4b5f3d01781 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_large.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_logo.png b/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_logo.png new file mode 100755 index 00000000000..9e45931bbdc Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_small.png b/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_small.png new file mode 100755 index 00000000000..68c0f3495b2 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/resto_thumb_small.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/tech_template_thumb.png b/addons/mass_mailing/static/src/img/theme_imgs/tech_template_thumb.png deleted file mode 100644 index 33b40085d16..00000000000 Binary files a/addons/mass_mailing/static/src/img/theme_imgs/tech_template_thumb.png and /dev/null differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_large.png b/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_large.png new file mode 100755 index 00000000000..dc992cd423e Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_large.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_logo.png b/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_logo.png new file mode 100755 index 00000000000..2bcf3a62349 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_small.png b/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_small.png new file mode 100755 index 00000000000..0d189dd2299 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_imgs/tech_thumb_small.png differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_banner.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_banner.jpg new file mode 100755 index 00000000000..8f837a55b19 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_banner.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_event.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_event.jpg new file mode 100755 index 00000000000..0b11910b534 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_event.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_image.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_image.jpg new file mode 100755 index 00000000000..09f4e2f5e8d Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_image_text.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_image_text.jpg new file mode 100755 index 00000000000..cbee8e6dcc0 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_image_text.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_text_image.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_text_image.jpg new file mode 100755 index 00000000000..32a2c86d1bd Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_text_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_1.jpg new file mode 100755 index 00000000000..2d2c7a07cf5 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_2.jpg new file mode 100755 index 00000000000..264ff911794 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_3.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_3.jpg new file mode 100755 index 00000000000..6ce7085e354 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_three_cols_3.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_two_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_two_cols_1.jpg new file mode 100755 index 00000000000..a8b2283e08f Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_two_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_two_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_two_cols_2.jpg new file mode 100755 index 00000000000..461f62d25f2 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_block_two_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_logo.png b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_logo.png new file mode 100644 index 00000000000..064f09c1a0a Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_newsletter/s_default_image_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_banner.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_banner.jpg new file mode 100755 index 00000000000..ff792179ae0 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_banner.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_event.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_event.jpg new file mode 100755 index 00000000000..f6e5b5e5a0d Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_event.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_image.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_image.jpg new file mode 100755 index 00000000000..3baa1c2c054 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_image_text.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_image_text.jpg new file mode 100755 index 00000000000..12202654a54 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_image_text.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_text_image.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_text_image.jpg new file mode 100755 index 00000000000..da0628f3e7e Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_text_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_1.jpg new file mode 100755 index 00000000000..04865427530 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_2.jpg new file mode 100755 index 00000000000..98f3e5dd916 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_3.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_3.jpg new file mode 100755 index 00000000000..1d0ca076cd0 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_three_cols_3.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_two_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_two_cols_1.jpg new file mode 100755 index 00000000000..de516297c59 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_two_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_two_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_two_cols_2.jpg new file mode 100755 index 00000000000..1f00cfad6c3 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_block_two_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_resto/s_default_image_logo.png b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_logo.png new file mode 100755 index 00000000000..6aab7fc27e2 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_resto/s_default_image_logo.png differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_banner.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_banner.jpg new file mode 100755 index 00000000000..0c571542311 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_banner.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_event.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_event.jpg new file mode 100644 index 00000000000..65eafe14ac6 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_event.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_image.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_image.jpg new file mode 100755 index 00000000000..729547cb164 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_image_text.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_image_text.jpg new file mode 100755 index 00000000000..4dc41edd353 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_image_text.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_text_image.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_text_image.jpg new file mode 100755 index 00000000000..3c86e53e822 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_text_image.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_1.jpg new file mode 100755 index 00000000000..5f49e2a8f0d Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_2.jpg new file mode 100755 index 00000000000..adfa8c9f5e4 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_3.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_3.jpg new file mode 100755 index 00000000000..8bfd0a93a2d Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_three_cols_3.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_two_cols_1.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_two_cols_1.jpg new file mode 100755 index 00000000000..eaf6bc21d50 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_two_cols_1.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_two_cols_2.jpg b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_two_cols_2.jpg new file mode 100755 index 00000000000..fbaa3d3ee81 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_block_two_cols_2.jpg differ diff --git a/addons/mass_mailing/static/src/img/theme_tech/s_default_image_logo.png b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_logo.png new file mode 100644 index 00000000000..53b2f37da96 Binary files /dev/null and b/addons/mass_mailing/static/src/img/theme_tech/s_default_image_logo.png differ diff --git a/addons/mass_mailing/static/src/js/mass_mailing_editor.js b/addons/mass_mailing/static/src/js/mass_mailing_editor.js index a02836ce4d8..f7c83d46079 100644 --- a/addons/mass_mailing/static/src/js/mass_mailing_editor.js +++ b/addons/mass_mailing/static/src/js/mass_mailing_editor.js @@ -29,7 +29,7 @@ options.registry["width-x"] = options.Class.extend({ this.$overlay.find(".oe_handle.e, .oe_handle.w").removeClass("readonly"); if (this.$target.is('img')) { this.$overlay.find(".oe_handle.w").addClass("readonly"); - this.$overlay.find(".oe_snippet_remove, .oe_snippet_move, .oe_snippet_clone").addClass("hidden"); + this.$overlay.find(".oe_snippet_move, .oe_snippet_clone").addClass("hidden"); this.is_image=true; } @@ -226,7 +226,7 @@ snippets_editor.Class.include({ $dropdown.on("shown.bs.dropdown", function () { check_selected_theme(); $dropdown.find("li").removeClass("selected").filter(function () { - return ($(this).has("img[src=\"" + (selected_theme && selected_theme.img) + "\"]").length > 0); + return ($(this).has(".o_thumb[style=\""+ "background-image: url(" + (selected_theme && selected_theme.img) + "_small.png)"+ "\"]").length > 0); }).addClass("selected"); }); $dropdown.on("hidden.bs.dropdown", function () { diff --git a/addons/mass_mailing/static/src/less/mass_mailing.ui.less b/addons/mass_mailing/static/src/less/mass_mailing.ui.less index 63336f77c99..fd16ddb4ca2 100644 --- a/addons/mass_mailing/static/src/less/mass_mailing.ui.less +++ b/addons/mass_mailing/static/src/less/mass_mailing.ui.less @@ -1,6 +1,24 @@ .o_mail_theme_selector { > a { - .o-position-absolute(6px, 6px); + .o-position-absolute(0, 0, auto, 0); + height: 34px; + line-height: 31px; + border-radius: 0; + background-color: @o-we-color-darker; + color: @o-we-color-text-normal; + + &:hover, &:focus, &:active { + color: @o-we-color-text-light; + } + + i { + margin-right: 10px; + } + } + + &.open > a { + color: white; + background-color: @o-we-color-dark; } .dropdown-menu { @@ -11,27 +29,95 @@ background-color: @o-we-color-dark; > li { + margin: 0; + + > a { + padding: 10px 10px; + + .o_thumb { + display: none; + background-size: cover; + padding-top: 50%; + border: 1px solid @o-we-color-light; + border-top: 1px solid @o-we-color-text-normal; + + &.logo { + display: block; + } + } + } + &:hover > a { background-color: @o-we-color-darker; + + .o_thumb { + border: 1px solid white; + } } - &.selected { + + &.selected > a .o_thumb { border: 2px solid @odoo-brand-primary; + background-color: @o-we-color-dark; } } } } body.o_force_mail_theme_choice { - .o_mail_theme_selector { - .dropdown-toggle { - display: none; + #oe_snippets { + width: 100%; + + .o_mail_theme_selector { + .dropdown-toggle { + display: none; + } + + .dropdown-menu { + display: block; + + > li { + margin: 0; + float: left; + width: 100%; + max-width: 25%; + + > a { + .o-transition(all, 0.3s, ease); + + .o_thumb { + display: none; + padding-top: 107%; + border: 1px solid @o-we-color-light; + border-top: 1px solid @o-we-color-text-normal; + box-shadow: 0 5px 10px fade(black, 80%); + will-change: transform; + .backface-visibility(hidden); + .o-transition(all, 0.3s); + + &.small { + display: block; + } + + @media screen and (min-width: 900px) { + &.small { + display: none; + } + &.large { + display: block; + } + } + } + } + + &:hover > a { + background-color: @o-we-color-dark; + + .o_thumb { + box-shadow: 0 5px 30px 1px fade(black, 60%); + } + } + } + } } - .dropdown-menu { - display: block; - } - } - #editable_area::after { - content: ""; - .o-position-absolute(0, 0, 0, 0); } } diff --git a/addons/mass_mailing/static/src/xml/mass_mailing.xml b/addons/mass_mailing/static/src/xml/mass_mailing.xml index f780527d999..1d41f2a3b74 100644 --- a/addons/mass_mailing/static/src/xml/mass_mailing.xml +++ b/addons/mass_mailing/static/src/xml/mass_mailing.xml @@ -1,12 +1,16 @@
- - + + Change Style
  • - + +
    +
    +
    • diff --git a/addons/mass_mailing/views/editor_field_html.xml b/addons/mass_mailing/views/editor_field_html.xml index c93cee8d353..90e9a2d9d3c 100644 --- a/addons/mass_mailing/views/editor_field_html.xml +++ b/addons/mass_mailing/views/editor_field_html.xml @@ -3,11 +3,12 @@