pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FW][MERGE] mass_mailing, web_editor, website: adapt to use new snippets and grid

Browse Source 
This brings a series of improvements to the mechanism in place to convert the output html of mass mailing into html that is more compliant with the main mail clients' requirements.

The biggest change is the automatic conversion of Bootstrap grids into table structures. Currently all templates in `mass_mailing` are designed with tables so they work in mailings as is. That has limitations though as it makes it less easy to edit with snippets such as those used in the website builder. This new automatic conversion from Bootstrap grid will allow us to adapt the mailing and snippet templates and be more free within `mass_mailing`.

Note: Because of the limited support of media queries in emails, this doesn't support the mixing and matching of column options (e.g., `"col-4 col-sm-6"` and `"col col-4"` aren't supported).

Other changes include:
- The conversion of Bootstrap cards to table structures
- The conversion of Bootstrap list-groups to table structures
- The conversion of snippets (.o_mail_snippet_general) and mailings
    (.o_layout) into table structures
- The conversion of all rgb colors to hexadecimal
- The conversion of all "rem" sizes to "px"
- Various small corrections to the output styles

The new automatic conversion from Bootstrap grid to tables allows us to convert `mass_mailing` templates from their old table structures to Bootstrap grid (as the reverse conversion will now be applied on save).

General heuristic for the conversion of templates:

|      **Table**      |                **Bootstrap**               |
|:-------------------:|:------------------------------------------:|
|      `<table>`      |          `<div class="container">`         |
|      `<thead>`      |                 _(removed)_                |
|      `<tbody>`      |                 _(removed)_                |
|      `<tfoot>`      |                 _(removed)_                |
|        `<tr>`       |             `<div class="row">`            |
|        `<th>`       |       `<div class="col o_col_head">`       |
|        `<td>`       |             `<div class="col">`            |
| `<td width="_n_%">` | `<div class="col-_o_">` where o ~= 12n/100 |
|    `cellspacing`    | _(removed but always added back to table)_ |
|    `cellpadding`    | _(removed but always added back to table)_ |
|       `border`      | _(removed but always added back to table)_ |

Some styles had to be changed to account for the difference in the HTML.

Mailings were limited to 600px width by default. This removes that limit in order to give snippets control over the margins.

The following snippets (and their relevant options) were added to `mass_mailing`, mostly duplicated from the website builder:

- s_cover
- s_title
- s_text_block
- s_comparisons
- s_color_blocks_2
- s_three_columns
- s_image_text
- s_text_image
- s_picture
- s_features
- s_numbers
- s_masonry_block
- s_media_list
- s_showcase
- s_company_team
- s_call_to_action
- s_references
- s_product_list
- s_features_grid
- s_alert
- s_rating
- s_blockquote
- s_hr
- s_text_highlight

The following snippets were removed to make way for the new:

- s_mail_block_banner
- s_mail_block_title_sub
- s_mail_block_paragraph
- s_mail_block_comparison_table
- s_mail_block_two_cols
- s_mail_block_three_cols
- s_mail_block_image_text
- s_mail_block_text_image
- s_mail_block_image
- s_mail_block_footer_separator
- s_mail_block_footer_tag_line
- s_mail_block_steps

The following standalone snippet options were added, mostly duplicated from the website builder:

- Box
- layout_column
- SnippetMove
- snippet_options_text_align (via web_editor)
- snippet_options_width (via web_editor)
- snippet_options_block_align (via web_editor)
- BodyWidth (based on ContainerWidth but only for the mailing's body)
- minHeight
- so_snippet_addition
- so_content_addition
- sizing_x
- vAlignment

Styles and selectors were adapted to the specifics of `mass_mailing`.

`mass_mailing_table_item` was charged with ensuring proper cloning and removing of table elements precisely because `mass_mailing` relied so heavily on them. Since it doesn't anymore, there is no need for that option. This removes it.

Prior to this PR, it was possible to drop snippets out of the confines of the mailing's body and into its editable parent instead. This makes that impossible.

The feature to drop snippets to the nearest allowed position was broken in iframes because of a reference to a JQuery contained in a different document than the editable area. This restores the feature in all cases.

`we-button`s, `we-toggler`s and `we-select-items` with no text content don't properly take up their full height in iframes. This solves that issue by ensuring a text content at all time, albeit an invisible one. This is a bit of hacky solution perhaps but one that consistently works across browsers.

Transparency is not supported in several leading mail clients. This adds the option to completely remove transparent colors from the palette, and uses that option in `mass_mailing`.

A new, empty template to `mass_mailing` was created, in which snippets can be dropped, to start an HTML mailing from scratch.

A default background color is applied to all HTML mailings in order to emphasize the separation between the mailing itself and its body.

A series of CSS styles were added to the `<head>` of mailings in order to ensure better mail client compatibility.

task-2554899
Enterprise PR: https://github.com/odoo/enterprise/pull/21215

--
I confirm I have signed the CLA and read the PR guidelines at www.odoo.com/submit-pr

closes odoo/odoo#77724

Forward-port-of: odoo/odoo#77312 and odoo/odoo#77634 and odoo/odoo##77592
Related: odoo/enterprise#21400
Signed-off-by: David Monjoie (dmo) <dmo@odoo.com>
This commit is contained in:
Odoo's Mergebot
2021-10-04 17:31:14 +02:00
committed by GitHub
parent 7bfb6d7f01 71c4b35ea1
commit 6c63addd18
165 changed files with 5495 additions and 1044 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/mass_mailing/__manifest__.py
+30
View File
@@ -26,6 +26,7 @@
'data/mail_data.xml',
'data/mailing_data_templates.xml',
'data/mass_mailing_data.xml',
'data/ir_attachment_data.xml',
'wizard/mail_compose_message_views.xml',
'wizard/mailing_contact_to_list_views.xml',
'wizard/mailing_list_merge_views.xml',
@@ -44,6 +45,31 @@
'views/mass_mailing_templates_portal.xml',
'views/themes_templates.xml',
'views/snippets_themes.xml',
'views/snippets/s_alert.xml',
'views/snippets/s_blockquote.xml',
'views/snippets/s_call_to_action.xml',
'views/snippets/s_coupon_code.xml',
'views/snippets/s_cover.xml',
'views/snippets/s_color_blocks_2.xml',
'views/snippets/s_company_team.xml',
'views/snippets/s_comparisons.xml',
'views/snippets/s_features.xml',
'views/snippets/s_features_grid.xml',
'views/snippets/s_hr.xml',
'views/snippets/s_image_text.xml',
'views/snippets/s_masonry_block.xml',
'views/snippets/s_media_list.xml',
'views/snippets/s_numbers.xml',
'views/snippets/s_picture.xml',
'views/snippets/s_product_list.xml',
'views/snippets/s_rating.xml',
'views/snippets/s_references.xml',
'views/snippets/s_showcase.xml',
'views/snippets/s_text_block.xml',
'views/snippets/s_text_highlight.xml',
'views/snippets/s_text_image.xml',
'views/snippets/s_three_columns.xml',
'views/snippets/s_title.xml',
],
'demo': [
'data/mass_mailing_demo.xml',
@@ -73,6 +99,10 @@
'web.qunit_suite_tests': [
'mass_mailing/static/tests/field_html_test.js',
'mass_mailing/static/src/js/mass_mailing_snippets.js',
'mass_mailing/static/src/snippets/s_blockquote/options.js',
'mass_mailing/static/src/snippets/s_media_list/options.js',
'mass_mailing/static/src/snippets/s_showcase/options.js',
'mass_mailing/static/src/snippets/s_rating/options.js',
'mass_mailing/static/tests/mass_mailing_html_tests.js',
],
'web.assets_qweb': [
addons/mass_mailing/data/ir_attachment_data.xml
+144
View File
@@ -0,0 +1,144 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<data noupdate="1">
<!-- Snippets' Default Images (to be replaced by themes) -->
<record id="mass_mailing.s_media_list_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_media_list_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_1.jpg</field>
</record>
<record id="mass_mailing.s_media_list_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_media_list_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_2.jpg</field>
</record>
<record id="mass_mailing.s_media_list_default_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_media_list_default_image_3.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_3.jpg</field>
</record>
<record id="mass_mailing.s_company_team_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_1.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_1.png</field>
</record>
<record id="mass_mailing.s_company_team_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_2.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_2.png</field>
</record>
<record id="mass_mailing.s_company_team_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_3.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_3.png</field>
</record>
<record id="mass_mailing.s_company_team_image_4" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_4.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_4.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_1.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_1.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_2.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_2.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_3.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_3.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_4" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_4.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_4.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_5" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_5.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_5.png</field>
</record>
<record id="mass_mailing.s_reference_default_image_6" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_default_image_6.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_6.png</field>
</record>
<record id="mass_mailing.s_product_list_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/furniture.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/clothes.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_3.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/books.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_4" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_4.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/essentials_oils.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_5" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_5.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/services.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_6" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_6.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/multimedia.jpg</field>
</record>
<record id="mass_mailing.s_blockquote_default_image" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_blockquote_default_image.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_2.png</field>
</record>
<record id="mass_mailing.s_blockquote_cover_default_image" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_blockquote_cover_default_image.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_blockquote_cover.jpg</field>
</record>
<record id="mass_mailing.s_masonry_block_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_masonry_block_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_masonry_block_1.jpg</field>
</record>
<record id="mass_mailing.s_masonry_block_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_masonry_block_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_cover.jpg</field>
</record>
</data>
</odoo>
addons/mass_mailing/data/mass_mailing_data.xml
+139
View File
@@ -33,5 +33,144 @@
<field name="email" model="res.users" eval="obj().env.ref('base.user_admin').email"/>
<field name="list_ids" eval="[(6,0,[ref('mass_mailing.mailing_list_data')])]"/>
</record>
<!-- Snippets' Default Images (to be replaced by themes) -->
<record id="mass_mailing.s_media_list_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_media_list_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_1.jpg</field>
</record>
<record id="mass_mailing.s_media_list_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_media_list_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_2.jpg</field>
</record>
<record id="mass_mailing.s_media_list_default_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_media_list_default_image_3.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_media_list_3.jpg</field>
</record>
<record id="mass_mailing.s_company_team_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_1.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_1.png</field>
</record>
<record id="mass_mailing.s_company_team_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_2.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_2.png</field>
</record>
<record id="mass_mailing.s_company_team_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_3.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_3.png</field>
</record>
<record id="mass_mailing.s_company_team_image_4" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_company_team_image_4.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_4.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_1.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_1.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_2.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_2.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_3.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_3.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_4" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_4.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_4.png</field>
</record>
<record id="mass_mailing.s_reference_demo_image_5" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_demo_image_5.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_5.png</field>
</record>
<record id="mass_mailing.s_reference_default_image_6" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_reference_default_image_6.png</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_references_6.png</field>
</record>
<record id="mass_mailing.s_product_list_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/furniture.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/clothes.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_3" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_3.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/books.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_4" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_4.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/essentials_oils.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_5" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_5.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/services.jpg</field>
</record>
<record id="mass_mailing.s_product_list_default_image_6" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_product_list_default_image_6.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/multimedia.jpg</field>
</record>
<record id="mass_mailing.s_blockquote_default_image" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_blockquote_default_image.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_team_member_2.png</field>
</record>
<record id="mass_mailing.s_blockquote_cover_default_image" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_blockquote_cover_default_image.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_blockquote_cover.jpg</field>
</record>
<record id="mass_mailing.s_masonry_block_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_masonry_block_default_image_1.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_masonry_block_1.jpg</field>
</record>
<record id="mass_mailing.s_masonry_block_default_image_2" model="ir.attachment">
<field name="public" eval="True"/>
<field name="name">s_masonry_block_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/mass_mailing/static/src/img/snippets_demo/s_cover.jpg</field>
</record>
</data>
</odoo>
addons/mass_mailing/data/mass_mailing_demo.xml
+63 -76
View File
@@ -86,91 +86,78 @@
<field name="reply_to_mode">new</field>
<field name="reply_to">Info &lt;info@yourcompany.example.com&gt;</field>
<field name="body_html" type="html">
<div class="o_layout o_default_theme">
<table class="o_mail_wrapper" style="border-collapse:collapse;">
<tbody>
<tr>
<td class="o_mail_no_resize o_not_editable" style="text-align:left;"> </td>
<td class="o_mail_no_options o_mail_wrapper_td oe_structure" style="text-align:left;width:100%;">
<div class="o_mail_block_header_logo" data-snippet="s_mail_block_header_logo">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles o_mail_h_padding" style="padding:0 20px 0 20px;width:100%;border-collapse:separate;">
<tbody>
<tr>
<td valign="center" width="30%" class="text-center o_mail_v_padding pb0" style="padding:20px 0 0px 0;vertical-align:middle;text-align:center;">
<a href="http://www.example.com" style="text-decoration:none;font-weight:bold;background-color:transparent;color:rgb(100, 89, 116);">
<img border="0" src="/mass_mailing/static/src/img/theme_default/s_default_image_logo.png" style="border-style:none;height:auto;vertical-align:middle;max-width:400px;width:auto"/> ​
</a>
</td>
</tr>
</tbody>
</table>
<div class="o_layout o_default_theme oe_unremovable oe_unmovable" data-name="Mailing">
<div class="container o_mail_wrapperoe_unremovable oe_unmovable" style="border-collapse:collapse;">
<div class="row">
<div class="col o_mail_no_options o_mail_wrapper_td oe_structure" style="text-align:left;width:100%;">
<div class="o_mail_block_header_logo" data-snippet="s_mail_block_header_logo">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<div class="container o_mail_table_styles o_mail_h_padding" style="padding:0 20px 0 20px;width:100%;border-collapse:separate;">
<div class="row">
<div valign="center" width="30%" class="col text-center o_mail_v_padding pb0" style="padding:20px 0 0px 0;vertical-align:middle;text-align:center;">
<a href="http://www.example.com" style="text-decoration:none;font-weight:bold;background-color:transparent;color:rgb(100, 89, 116);">
<img border="0" src="/mass_mailing/static/src/img/theme_default/s_default_image_logo.png" style="border-style:none;height:auto;vertical-align:middle;max-width:400px;width:auto"/> ​
</a>
</div>
</div>
</div>
</div>
<div class="o_mail_block_footer_separator" data-snippet="s_mail_block_footer_separator" style="margin:0 20px 0 20px;">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_full_width_padding" style="width:100%;border-collapse:separate;">
<tbody>
<tr>
<td valign="top" style="padding:20px 0 20px 0;text-align:left;vertical-align:top;width:100%;" class="o_mail_v_padding o_mail_no_colorpicker">
<div style="background-color:rgb(245, 245, 245);height:2px;width:100%;" class="separator"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="o_mail_block_footer_separator" data-snippet="s_hr" style="margin:0 20px 0 20px;">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<div class="container o_mail_table_styles o_mail_full_width_padding" style="width:100%;border-collapse:separate;">
<div class="row">
<div valign="top" style="padding:20px 0 20px 0;text-align:left;vertical-align:top;width:100%;" class="col o_mail_v_padding o_mail_no_colorpicker">
<div style="background-color:rgb(245, 245, 245);height:2px;width:100%;" class="separator"></div>
</div>
</div>
</div>
</div>
<div class="o_mail_block_paragraph" data-snippet="s_mail_block_paragraph">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<table align="center" cellspacing="0" cellpadding="0" border="0" class="o_mail_table_styles" style="width:100%;border-collapse:separate;">
<tbody>
<tr>
<td width="100%" class="o_mail_h_padding o_mail_v_padding o_mail_no_colorpicker" style="padding:20px;text-align:left;vertical-align:top;">
<p style="margin:0px 0 1rem 0;font-size:14px;">
Great stories have personality. Consider telling a great story that provides personality. Writing a story with personality for potential clients will assist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.
<br/>Great stories are for everyone even when only written for just one person. If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.
</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="o_mail_block_text" data-snippet="s_text_block">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<div class="container o_mail_table_styles" style="width:100%;border-collapse:separate;">
<div class="row">
<div class="col-12 o_mail_h_padding o_mail_v_padding o_mail_no_colorpicker" style="padding:20px;text-align:left;vertical-align:top;">
<p style="margin:0px 0 1rem 0;font-size:14px;">
Great stories have personality. Consider telling a great story that provides personality. Writing a story with personality for potential clients will assist with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.
<br/>Great stories are for everyone even when only written for just one person. If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.
</p>
</div>
</div>
</div>
</div>
<div class="o_mail_block_footer_social o_mail_footer_social_center" data-snippet="s_mail_block_footer_social">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_full_width_padding" style="border-style:solid none none none;padding:20px 0 20px 0;border-top-color:rgb(245, 245, 245);border-top-width:2px;width:100%;border-collapse:separate;">
<tbody>
<tr>
<td class="o_mail_footer_links o_default_snippet_text" style="padding:10px 0 10px 0;text-align:center;vertical-align:middle;">
<a href="/unsubscribe_from_list" class="btn btn-link o_default_snippet_text" style="text-decoration:none;border-radius:0.25rem;border-style:solid;padding:0px;cursor:pointer;line-height:1.5;font-size:12px;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-width:1px;user-select:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:bold;display:inline-block;background-color:transparent;color:rgb(100, 89, 116);">Unsubscribe</a> |
</div>
<div class="o_mail_block_footer_social o_mail_footer_social_center" data-snippet="s_mail_block_footer_social">
<div class="o_mail_snippet_general" style="margin:0px auto 0px auto;background-color:rgb(255, 255, 255);max-width:600px;width:100%;">
<div align="center" class="o_mail_table_styles container o_mail_full_width_padding" style="border-style:solid none none none;padding:20px 0 20px 0;border-top-color:rgb(245, 245, 245);border-top-width:2px;width:100%;border-collapse:separate;">
<div class="row">
<div class="col o_mail_footer_links o_default_snippet_text" style="padding:10px 0 10px 0;text-align:center;vertical-align:middle;">
<a href="/unsubscribe_from_list" class="btn btn-link o_default_snippet_text" style="text-decoration:none;border-radius:0.25rem;border-style:solid;padding:0px;cursor:pointer;line-height:1.5;font-size:12px;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-width:1px;user-select:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:bold;display:inline-block;background-color:transparent;color:rgb(100, 89, 116);">Unsubscribe</a> |
<a href="/contactus" class="btn btn-link o_default_snippet_text" style="text-decoration:none;border-radius:0.25rem;border-style:solid;padding:0px;cursor:pointer;line-height:1.5;font-size:12px;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-width:1px;user-select:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:bold;display:inline-block;background-color:transparent;color:rgb(100, 89, 116);">Contact</a>
</td>
</tr>
<tr>
<td style="text-align:left;vertical-align:middle;">
<p class="o_mail_footer_copy" style="margin:0px 0 1rem 0;text-align:center;font-weight:bold;color:rgb(147, 146, 146);font-size:9px;">
<img src="/web_editor/font_to_img/61945/rgb(147,146,146)/9" data-class="fa fa-copyright" style="border-style:none;max-width:100%;width:100%;vertical-align:middle;height: auto; width: auto;"/>2018 All Rights Reserved
</p>
</td>
</tr>
</tbody>
</table>
<a href="/contactus" class="btn btn-link o_default_snippet_text" style="text-decoration:none;border-radius:0.25rem;border-style:solid;padding:0px;cursor:pointer;line-height:1.5;font-size:12px;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-width:1px;user-select:none;vertical-align:middle;white-space:nowrap;text-align:center;font-weight:bold;display:inline-block;background-color:transparent;color:rgb(100, 89, 116);">Contact</a>
</div>
</div>
<div class="row">
<div class="col" style="text-align:left;vertical-align:middle;">
<p class="o_mail_footer_copy" style="margin:0px 0 1rem 0;text-align:center;font-weight:bold;color:rgb(147, 146, 146);font-size:9px;">
<img src="/web_editor/font_to_img/61945/rgb(147,146,146)/9" data-class="fa fa-copyright" style="border-style:none;max-width:100%;width:100%;vertical-align:middle;height: auto; width: auto;"/>2018 All Rights Reserved
</p>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table align="center" cellspacing="0" cellpadding="0" class="o_mail_table_styles o_mail_full_width_padding" style="width:100%;border-collapse:separate;">
<tbody>
<tr>
<td align="center" style="padding:16px 0 16px 0;" class="pt16 pb16">
Powered by <a target="_blank" href="https://www.odoo.com" style="text-decoration:none;background-color:transparent;color:#875A7B;">Odoo</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div align="center" class="container o_mail_table_styles o_mail_full_width_padding" style="width:100%;border-collapse:separate;">
<div class="row">
<div align="center" style="padding:16px 0 16px 0;" class="col pt16 pb16">
Powered by <a target="_blank" href="https://www.odoo.com" style="text-decoration:none;background-color:transparent;color:#875A7B;">Odoo</a>
</div>
</div>
</div>
</div>
</field>
<field name="attachment_ids" eval="[(4, ref('mass_mail_attach_1'))]"/>
addons/mass_mailing/static/src/img/blocks/block_footer_separator.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 574 B

addons/mass_mailing/static/src/img/blocks/block_footer_tag_line.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 648 B

addons/mass_mailing/static/src/img/blocks/block_image.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 642 B

addons/mass_mailing/static/src/img/blocks/block_image_text.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 622 B

addons/mass_mailing/static/src/img/blocks/block_paragraph.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 149 B

addons/mass_mailing/static/src/img/blocks/block_steps.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 650 B

addons/mass_mailing/static/src/img/blocks/block_three_cols.png
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 692 B

addons/mass_mailing/static/src/img/snippets_demo/books.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

addons/mass_mailing/static/src/img/snippets_demo/clothes.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

addons/mass_mailing/static/src/img/snippets_demo/essentials_oils.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

addons/mass_mailing/static/src/img/snippets_demo/furniture.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

addons/mass_mailing/static/src/img/snippets_demo/multimedia.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_blockquote_cover.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_cover.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_masonry_block_1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_media_list_1.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_media_list_2.jpg
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_media_list_3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_references_1.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_references_2.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_references_3.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_references_4.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_references_5.png
Executable
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_references_6.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_team_member_1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_team_member_2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_team_member_3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

addons/mass_mailing/static/src/img/snippets_demo/s_team_member_4.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

addons/mass_mailing/static/src/img/snippets_demo/services.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

addons/mass_mailing/static/src/img/snippets_demo/size_large.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="12" viewBox="0 0 23 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_7" transform="translate(-203 -5)">
<g class="size_large" transform="translate(203 5)">
<path fill="#B8B8B8" d="M23 0v12H0V0h23zm-1 1H1v10h21V1z" class="o_subdle"/>
<rect width="19" height="8" x="2" y="2" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

addons/mass_mailing/static/src/img/snippets_demo/size_medium.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="12" viewBox="0 0 23 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_7" transform="translate(-170 -5)">
<g class="size_medium" transform="translate(170 5)">
<path fill="#B8B8B8" d="M23 0v12H0V0h23zm-4 2H4v8h15V2z" class="o_subdle"/>
<rect width="13" height="6" x="5" y="3" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

addons/mass_mailing/static/src/img/snippets_demo/size_small.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="12" viewBox="0 0 23 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_7" transform="translate(-137 -5)">
<g class="size_small" transform="translate(137 5)">
<path fill="#B8B8B8" d="M23 0v12H0V0h23zm-8 3H8v6h7V3z" class="o_subdle"/>
<rect width="5" height="4" x="9" y="4" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 456 B

addons/mass_mailing/static/src/img/snippets_options/align_bottom.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy" transform="translate(-202 -5)">
<g class="align_bottom" transform="translate(202 5)">
<rect width="8" height="12" x="12" fill="#B8B8B8" class="o_subdle"/>
<polygon fill="#B8B8B8" points="0 0 9 0 9 1 0 1" class="o_subdle"/>
<rect width="9" height="6" y="6" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 520 B

addons/mass_mailing/static/src/img/snippets_options/align_bottom_right.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_4" transform="translate(-203 -5)">
<g class="align_bottom_right" transform="translate(203 5)">
<rect width="8" height="12" fill="#B8B8B8" class="o_subdle"/>
<rect width="9" height="6" x="11" y="6" fill="#FFF" class="o_graphic"/>
<polygon fill="#B8B8B8" points="11 0 20 0 20 1 11 1" class="o_subdle"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 532 B

addons/mass_mailing/static/src/img/snippets_options/align_middle.svg
+12
View File
@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy" transform="translate(-172 -5)">
<g class="align_middle" transform="translate(172 5)">
<rect width="8" height="12" x="12" fill="#B8B8B8" class="o_subdle"/>
<polygon fill="#B8B8B8" points="0 0 9 0 9 1 0 1" class="o_subdle"/>
<rect width="9" height="6" y="3" fill="#FFF" class="o_graphic"/>
<polygon fill="#B8B8B8" points="0 11 9 11 9 12 0 12" class="o_subdle"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 600 B

addons/mass_mailing/static/src/img/snippets_options/align_middle_right.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_4" transform="translate(-173 -5)">
<g class="align_middle_right" transform="translate(173 5)">
<rect width="8" height="12" fill="#B8B8B8" class="o_subdle"/>
<path fill="#B8B8B8" d="M20 11v1h-9v-1h9zM11 0h9v1h-9V0z" class="o_subdle"/>
<rect width="9" height="6" x="11" y="3" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 537 B

addons/mass_mailing/static/src/img/snippets_options/align_stretch.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy" transform="translate(-234 -5)">
<g class="align_stretch" transform="translate(234 5)">
<rect width="8" height="12" x="12" fill="#B8B8B8" class="o_subdle"/>
<rect width="8" height="12" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 440 B

addons/mass_mailing/static/src/img/snippets_options/align_top.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy" transform="translate(-139 -5)">
<g class="align_top" transform="translate(139 5)">
<rect width="8" height="12" x="12" fill="#B8B8B8" class="o_subdle"/>
<polygon fill="#B8B8B8" points="0 11 9 11 9 12 0 12" class="o_subdle"/>
<rect width="9" height="6" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 515 B

addons/mass_mailing/static/src/img/snippets_options/align_top_right.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_4" transform="translate(-139 -5)">
<g class="align_top_right" transform="translate(139 5)">
<rect width="8" height="12" fill="#B8B8B8" class="o_subdle"/>
<rect width="9" height="1" x="11" y="11" fill="#B8B8B8" class="o_subdle"/>
<rect width="9" height="6" x="11" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 526 B

addons/mass_mailing/static/src/img/snippets_options/content_width_full.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g fill="#FFF" class="3_buttons_copy_2" transform="translate(-228 -7)">
<g class="content_width_full" transform="translate(228 7)">
<path d="M23 0v8H0V0h23zm-5 1v2.5h-3v1h3V7l3-3-3-3zM5 1L2 4l3 3V4.5h3v-1H5V1z" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 419 B

addons/mass_mailing/static/src/img/snippets_options/content_width_normal.svg
+12
View File
@@ -0,0 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_2" transform="translate(-185 -7)">
<g class="content_width_normal" transform="translate(185 7)">
<rect width="23" height="8" class="spacer"/>
<rect width="13" height="8" x="5" fill="#FFF" class="o_graphic"/>
<polygon fill="#D8D8D8" points="2 0 2 8 3 8 3 0" class="o_subdle"/>
<polygon fill="#D8D8D8" points="20 0 20 8 21 8 21 0" class="o_subdle"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 585 B

addons/mass_mailing/static/src/img/snippets_options/content_width_small.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g fill="#FFF" class="3_buttons_copy_2" transform="translate(-141 -7)">
<g class="content_width_small" transform="translate(141 7)">
<rect width="7" height="8" x="8" class="o_graphic"/>
<polygon fill-rule="nonzero" points="3 1 6 4 3 7 3 4.5 0 4.5 0 3.5 3 3.5" class="o_graphic"/>
<polygon fill-rule="nonzero" points="20 1 17 4 20 7 20 4.5 23 4.5 23 3.5 20 3.5" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 585 B

addons/mass_mailing/static/src/img/snippets_options/image_left.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="11" viewBox="0 0 24 11">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_5" transform="translate(-137 -5)">
<g class="image_left" transform="translate(137 5)">
<rect width="8" height="11" x="16" fill="#B8B8B8" class="o_subdle"/>
<path fill="#FFF" d="M0 0h13v11H0V0zm1 1h11v9H1V1zm3.438 2.286c0 .357-.119.66-.356.91s-.525.375-.863.375c-.339 0-.627-.125-.864-.375A1.275 1.275 0 0 1 2 3.286c0-.357.118-.661.355-.911S2.88 2 3.22 2c.338 0 .626.125.863.375s.356.554.356.91zm6.5 2.571v3H2V7.571L4.031 5.43 5.047 6.5l3.25-3.429 2.64 2.786z" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 703 B

addons/mass_mailing/static/src/img/snippets_options/image_right.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="11" viewBox="0 0 24 11">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_5" transform="translate(-171 -5)">
<g class="image_right" transform="translate(171 5)">
<rect width="8" height="11" fill="#B8B8B8" class="o_subdle"/>
<path fill="#FFF" d="M11 0h13v11H11V0zm1 1h11v9H12V1zm3.438 2.286c0 .357-.119.66-.356.91s-.525.375-.863.375c-.339 0-.627-.125-.864-.375a1.275 1.275 0 0 1-.355-.91c0-.357.118-.661.355-.911S13.88 2 14.22 2c.338 0 .626.125.863.375s.355.554.355.91zm6.5 2.571v3H13V7.571l2.031-2.142L16.047 6.5l3.25-3.429 2.64 2.786z" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 706 B

addons/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_image_text.svg
+45
View File
@@ -0,0 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Background -->
<rect x="0" y="5" width="240" height="60" fill="#9ccde4"/>
<!-- Image -->
<circle cx="45" cy="20" r="6" fill="#f3ed63"/>
<g transform="translate(-50, 0)">
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
<!-- Text -->
<rect x="60" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="75" y="30" width="30" height="2" fill="#333333"/>
<rect x="75" y="35" width="30" height="1" fill="#777777"/>
<rect x="75" y="38" width="30" height="1" fill="#777777"/>
<rect x="75" y="41" width="20" height="1" fill="#777777"/>
<!-- Image -->
<circle cx="165" cy="20" r="6" fill="#f3ed63"/>
<mask id="o_masonry_mask_3">
<rect x="50" y="5" width="60" height="60" fill="#ffffff"/>
</mask>
<g transform="translate(70, 0)">
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path mask="url(#o_masonry_mask_3)" fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
<!-- Text -->
<rect x="180" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="195" y="30" width="30" height="2" fill="#333333"/>
<rect x="195" y="35" width="30" height="1" fill="#777777"/>
<rect x="195" y="38" width="30" height="1" fill="#777777"/>
<rect x="195" y="41" width="20" height="1" fill="#777777"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_text_image.svg
+44
View File
@@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Background -->
<rect x="0" y="5" width="240" height="60" fill="#9ccde4"/>
<!-- Text -->
<rect x="0" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="15" y="30" width="30" height="2" fill="#333333"/>
<rect x="15" y="35" width="30" height="1" fill="#777777"/>
<rect x="15" y="38" width="30" height="1" fill="#777777"/>
<rect x="15" y="41" width="20" height="1" fill="#777777"/>
<!-- Image -->
<circle cx="105" cy="20" r="6" fill="#f3ed63"/>
<mask id="o_masonry_mask_1">
<rect x="50" y="5" width="60" height="60" fill="#ffffff"/>
</mask>
<g transform="translate(10, 0)">
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path mask="url(#o_masonry_mask_1)" fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
<!-- Text -->
<rect x="120" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="135" y="30" width="30" height="2" fill="#333333"/>
<rect x="135" y="35" width="30" height="1" fill="#777777"/>
<rect x="135" y="38" width="30" height="1" fill="#777777"/>
<rect x="135" y="41" width="20" height="1" fill="#777777"/>
<!-- Image -->
<circle cx="225" cy="20" r="6" fill="#f3ed63"/>
<mask id="o_masonry_mask_2">
<rect x="50" y="5" width="60" height="60" fill="#ffffff"/>
</mask>
<g transform="translate(130, 0)">
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path mask="url(#o_masonry_mask_2)" fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_text_image_text.svg
+29
View File
@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Text -->
<rect x="0" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="15" y="30" width="30" height="2" fill="#333333"/>
<rect x="15" y="35" width="30" height="1" fill="#777777"/>
<rect x="15" y="38" width="30" height="1" fill="#777777"/>
<rect x="15" y="41" width="20" height="1" fill="#777777"/>
<!-- Image -->
<rect x="60" y="5" width="120" height="60" fill="#9ccde4"/>
<circle cx="160" cy="25" r="6" fill="#f3ed63"/>
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z" transform="translate(60, 0)"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z" transform="translate(60, 0)"/>
<!-- Text -->
<rect x="180" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="195" y="30" width="30" height="2" fill="#333333"/>
<rect x="195" y="35" width="30" height="1" fill="#777777"/>
<rect x="195" y="38" width="30" height="1" fill="#777777"/>
<rect x="195" y="41" width="20" height="1" fill="#777777"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_texts.svg
+26
View File
@@ -0,0 +1,26 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<!-- Text -->
<rect x="0" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="15" y="30" width="30" height="2" fill="#333333"/>
<rect x="15" y="35" width="30" height="1" fill="#777777"/>
<rect x="15" y="38" width="30" height="1" fill="#777777"/>
<rect x="15" y="41" width="20" height="1" fill="#777777"/>
<!-- Text -->
<rect x="60" y="5" width="60" height="60" fill="#c9ecfc"/>
<rect x="75" y="30" width="30" height="2" fill="#333333"/>
<rect x="75" y="35" width="30" height="1" fill="#777777"/>
<rect x="75" y="38" width="30" height="1" fill="#777777"/>
<rect x="75" y="41" width="20" height="1" fill="#777777"/>
<!-- Text -->
<rect x="120" y="5" width="60" height="60" fill="#ffffff"/>
<rect x="135" y="30" width="30" height="2" fill="#333333"/>
<rect x="135" y="35" width="30" height="1" fill="#777777"/>
<rect x="135" y="38" width="30" height="1" fill="#777777"/>
<rect x="135" y="41" width="20" height="1" fill="#777777"/>
<!-- Text -->
<rect x="180" y="5" width="60" height="60" fill="#c9ecfc"/>
<rect x="195" y="30" width="30" height="2" fill="#333333"/>
<rect x="195" y="35" width="30" height="1" fill="#777777"/>
<rect x="195" y="38" width="30" height="1" fill="#777777"/>
<rect x="195" y="41" width="20" height="1" fill="#777777"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_default.svg
+37
View File
@@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Image -->
<rect x="0" y="5" width="120" height="60" fill="#9ccde4"/>
<circle cx="105" cy="20" r="6" fill="#f3ed63"/>
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
<!-- Background -->
<rect x="120" y="5" width="120" height="60" fill="#c9ecfc"/>
<!-- Text -->
<rect x="120" y="5" width="60" height="30" fill="#ffffff"/>
<rect x="135" y="16" width="30" height="2" fill="#222222"/>
<rect x="135" y="21" width="30" height="1" fill="#666666"/>
<rect x="135" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="135" y="46" width="30" height="2" fill="#222222"/>
<rect x="135" y="51" width="30" height="1" fill="#666666"/>
<rect x="135" y="54" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="195" y="16" width="30" height="2" fill="#333333"/>
<rect x="195" y="21" width="30" height="1" fill="#666666"/>
<rect x="195" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="180" y="35" width="60" height="30" fill="#ffffff"/>
<rect x="195" y="46" width="30" height="2" fill="#333333"/>
<rect x="195" y="51" width="30" height="1" fill="#666666"/>
<rect x="195" y="54" width="20" height="1" fill="#666666"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_image_texts_image.svg
+36
View File
@@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Background -->
<rect x="0" y="5" width="240" height="60" fill="#9ccde4"/>
<!-- Image -->
<circle cx="45" cy="20" r="6" fill="#f3ed63"/>
<g transform="translate(-50, 0)">
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
<!-- Text -->
<rect x="60" y="5" width="60" height="30" fill="#ffffff"/>
<rect x="75" y="16" width="30" height="2" fill="#333333"/>
<rect x="75" y="21" width="30" height="1" fill="#666666"/>
<rect x="75" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="60" y="35" width="60" height="30" fill="#c9ecfc"/>
<rect x="75" y="46" width="30" height="2" fill="#333333"/>
<rect x="75" y="51" width="30" height="1" fill="#666666"/>
<rect x="75" y="54" width="20" height="1" fill="#666666"/>
<!-- Image -->
<circle cx="225" cy="20" r="6" fill="#f3ed63"/>
<g transform="translate(120, 0)">
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_images.svg
+24
View File
@@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Background -->
<rect x="0" y="5" width="240" height="60" fill="#9ccde4"/>
<!-- Image -->
<circle cx="105" cy="20" r="6" fill="#f3ed63"/>
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
<!-- Image -->
<circle cx="225" cy="20" r="6" fill="#f3ed63"/>
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z" transform="translate(120, 0)"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z" transform="translate(120, 0)"/>
<!-- Separator -->
<line x1="119" y1="5" x2="119" y2="65" stroke-width="2" stroke="#ffffff"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_mosaic.svg
+55
View File
@@ -0,0 +1,55 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Background -->
<rect x="0" y="5" width="240" height="60" fill="#9ccde4"/>
<!-- Text -->
<rect x="0" y="5" width="60" height="30" fill="#c9ecfc"/>
<rect x="15" y="16" width="30" height="2" fill="#333333"/>
<rect x="15" y="21" width="30" height="1" fill="#666666"/>
<rect x="15" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="60" y="5" width="60" height="30" fill="#ffffff"/>
<rect x="75" y="16" width="30" height="2" fill="#333333"/>
<rect x="75" y="21" width="30" height="1" fill="#666666"/>
<rect x="75" y="24" width="20" height="1" fill="#666666"/>
<!-- Image -->
<circle cx="105" cy="48" r="6" fill="#f3ed63"/>
<mask id="s_masonry_mask_4">
<rect x="0" y="28" width="120" height="30" fill="#ffffff"/>
</mask>
<g transform="translate(0, 7)" mask="url(#s_masonry_mask_4)" >
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
<!-- Image -->
<circle cx="225" cy="18" r="6" fill="#f3ed63"/>
<!-- <mask id="s_masonry_mask_5">
<rect x="0" y="28" width="120" height="30" fill="#ffffff"/>
</mask> -->
<g transform="translate(120, -23)" mask="url(#s_masonry_mask_4)" >
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
<!-- Text -->
<rect x="120" y="35" width="60" height="30" fill="#c9ecfc"/>
<rect x="135" y="46" width="30" height="2" fill="#222222"/>
<rect x="135" y="51" width="30" height="1" fill="#666666"/>
<rect x="135" y="54" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="180" y="35" width="60" height="30" fill="#ffffff"/>
<rect x="195" y="46" width="30" height="2" fill="#333333"/>
<rect x="195" y="51" width="30" height="1" fill="#666666"/>
<rect x="195" y="54" width="20" height="1" fill="#666666"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_reversed.svg
+37
View File
@@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Background -->
<rect x="0" y="5" width="120" height="60" fill="#c9ecfc"/>
<!-- Text -->
<rect x="0" y="5" width="60" height="30" fill="#ffffff"/>
<rect x="15" y="16" width="30" height="2" fill="#222222"/>
<rect x="15" y="21" width="30" height="1" fill="#666666"/>
<rect x="15" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="15" y="46" width="30" height="2" fill="#222222"/>
<rect x="15" y="51" width="30" height="1" fill="#666666"/>
<rect x="15" y="54" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="75" y="16" width="30" height="2" fill="#333333"/>
<rect x="75" y="21" width="30" height="1" fill="#666666"/>
<rect x="75" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="60" y="35" width="60" height="30" fill="#ffffff"/>
<rect x="75" y="46" width="30" height="2" fill="#333333"/>
<rect x="75" y="51" width="30" height="1" fill="#666666"/>
<rect x="75" y="54" width="20" height="1" fill="#666666"/>
<!-- Image -->
<rect x="120" y="5" width="120" height="60" fill="#9ccde4"/>
<circle cx="225" cy="20" r="6" fill="#f3ed63"/>
<path style="s_masonry_gradient_1" fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z" transform="translate(120, 0)"/>
<path style="s_masonry_gradient_2" fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z" transform="translate(120, 0)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

addons/mass_mailing/static/src/img/snippets_options/masonry_template_texts_image_texts.svg
+39
View File
@@ -0,0 +1,39 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240" height="70" viewBox="0 0 240 70">
<defs>
<linearGradient id="s_masonry_gradient_1" gradientUnits="userSpaceOnUse" x1="82" y1="52" x2="75" y2="45">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006a59"/>
</linearGradient>
<linearGradient id="s_masonry_gradient_2" gradientUnits="userSpaceOnUse" x1="42" y1="42" x2="22" y2="55">
<stop offset="0%" stop-color="#00aa89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<!-- Text -->
<rect x="0" y="5" width="60" height="30" fill="#ffffff"/>
<rect x="15" y="16" width="30" height="2" fill="#333333"/>
<rect x="15" y="21" width="30" height="1" fill="#666666"/>
<rect x="15" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="0" y="35" width="60" height="30" fill="#c9ecfc"/>
<rect x="15" y="46" width="30" height="2" fill="#333333"/>
<rect x="15" y="51" width="30" height="1" fill="#666666"/>
<rect x="15" y="54" width="20" height="1" fill="#666666"/>
<!-- Image -->
<rect x="60" y="5" width="120" height="60" fill="#9ccde4"/>
<circle cx="160" cy="25" r="6" fill="#f3ed63"/>
<g transform="translate(60, 0)">
<path fill="url(#s_masonry_gradient_1)" d="M75.2,50.2c-4.9,0-9.5,1-13.5,2.8c5.1,3.4,9.1,7.5,11.5,12.1h27.6C97.9,56.5,87.5,50.2,75.2,50.2z"/>
<path fill="url(#s_masonry_gradient_2)" d="M0,65.1h73.2c-6.7-12.9-25.8-22.2-48.5-22.2c-9,0-17.4,1.5-24.7,4C0,46.9,0,65.1,0,65.1z"/>
</g>
<!-- Text -->
<rect x="180" y="5" width="60" height="30" fill="#c9ecfc"/>
<rect x="195" y="16" width="30" height="2" fill="#333333"/>
<rect x="195" y="21" width="30" height="1" fill="#666666"/>
<rect x="195" y="24" width="20" height="1" fill="#666666"/>
<!-- Text -->
<rect x="180" y="35" width="60" height="30" fill="#ffffff"/>
<rect x="195" y="46" width="30" height="2" fill="#333333"/>
<rect x="195" y="51" width="30" height="1" fill="#666666"/>
<rect x="195" y="54" width="20" height="1" fill="#666666"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

addons/mass_mailing/static/src/img/snippets_options/media_layout_1_2.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_3" transform="translate(-170 -7)">
<g class="media_layout_1_2" transform="translate(170 7)">
<rect width="10" height="8" x="13" fill="#B8B8B8" class="o_subdle"/>
<rect width="11" height="8" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 443 B

addons/mass_mailing/static/src/img/snippets_options/media_layout_1_2_right.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_6" transform="translate(-171 -7)">
<g class="media_layout_1_2_right" transform="translate(171 7)">
<rect width="10" height="8" fill="#B8B8B8" class="o_subdle"/>
<rect width="11" height="8" x="12" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 449 B

addons/mass_mailing/static/src/img/snippets_options/media_layout_1_3.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_3" transform="translate(-204 -7)">
<g class="media_layout_1_3" transform="translate(204 7)">
<rect width="14" height="8" x="9" fill="#B8B8B8" class="o_subdle"/>
<rect width="7" height="8" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 441 B

addons/mass_mailing/static/src/img/snippets_options/media_layout_1_3_right.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_6" transform="translate(-204 -7)">
<g class="media_layout_1_3_right" transform="translate(204 7)">
<rect width="14" height="8" fill="#B8B8B8" class="o_subdle"/>
<rect width="7" height="8" x="16" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 448 B

addons/mass_mailing/static/src/img/snippets_options/media_layout_1_4.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_3" transform="translate(-137 -7)">
<g class="media_layout_1_4" transform="translate(137 7)">
<rect width="18" height="8" x="5" fill="#B8B8B8" class="o_subdle"/>
<rect width="3" height="8" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 441 B

addons/mass_mailing/static/src/img/snippets_options/media_layout_1_4_right.svg
+10
View File
@@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="8" viewBox="0 0 23 8">
<g fill="none" fill-rule="evenodd" class="symbols">
<g class="3_buttons_copy_6" transform="translate(-137 -7)">
<g class="media_layout_1_4_right" transform="translate(137 7)">
<rect width="18" height="8" fill="#B8B8B8" class="o_subdle"/>
<rect width="3" height="8" x="20" fill="#FFF" class="o_graphic"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 448 B

addons/mass_mailing/static/src/img/snippets_thumbs/s_alert.svg
+36
View File
@@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="22" height="2" x="3" y="3"/>
<filter id="filter-3" width="104.5%" height="200%" x="-2.3%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-4" d="M19 11v1H3v-1h16zm4-3v1H3V8h20z"/>
<filter id="filter-5" width="105%" height="150%" x="-2.5%" y="-12.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_alert">
<rect width="82" height="60" class="bg"/>
<g class="group_2" transform="translate(19 22)">
<rect width="44" height="17" fill="url(#linearGradient-1)" fill-opacity=".4" class="rectangle_2" rx="1"/>
<g class="rectangle">
<use fill="#000" filter="url(#filter-3)" xlink:href="#path-2"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-2"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#path-4"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_blockquote.svg
+37
View File
@@ -0,0 +1,37 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="12" height="2" x="11" y="0"/>
<filter id="filter-2" width="108.3%" height="200%" x="-4.2%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<linearGradient id="linearGradient-3" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<path id="path-4" d="M32 8v1H11V8h21zm-5-3v1H11V5h16z"/>
<filter id="filter-5" width="104.8%" height="150%" x="-2.4%" y="-12.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_blockquote">
<rect width="82" height="60" class="bg"/>
<g class="group_2" transform="translate(20 24)">
<g class="rectangle">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-1"/>
</g>
<path fill="url(#linearGradient-3)" d="M1.706 5c.349 0 .652-.114.909-.342C2.872 4.43 3 4.164 3 3.86c0-.147-.024-.29-.071-.427a.98.98 0 0 0-.243-.377 1.215 1.215 0 0 0-.472-.278 2.383 2.383 0 0 0-.755-.1h-.42c.05-.494.235-.914.555-1.26.319-.347.76-.651 1.324-.912L2.588 0A4.93 4.93 0 0 0 .76 1.318C.253 1.897 0 2.472 0 3.04c0 .613.147 1.092.441 1.44.295.346.716.519 1.265.519zm4 0c.349 0 .652-.114.909-.342C6.872 4.43 7 4.164 7 3.86c0-.147-.024-.29-.071-.427a.98.98 0 0 0-.243-.377 1.215 1.215 0 0 0-.472-.278 2.383 2.383 0 0 0-.755-.1h-.42c.05-.494.235-.914.555-1.26.319-.347.76-.651 1.324-.912L6.588 0A4.93 4.93 0 0 0 4.76 1.318C4.253 1.897 4 2.472 4 3.04c0 .613.147 1.092.441 1.44.295.346.716.519 1.265.519z"/>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-4"/>
</g>
<path fill="url(#linearGradient-3)" d="M36.411 12a4.93 4.93 0 0 0 1.83-1.318c.506-.579.759-1.154.759-1.723 0-.613-.147-1.092-.441-1.44-.295-.346-.716-.519-1.265-.519-.349 0-.652.114-.909.342-.257.228-.385.494-.385.798 0 .147.024.29.071.427a.98.98 0 0 0 .243.377c.12.12.277.212.472.278.194.067.446.1.755.1h.42c-.05.494-.235.914-.555 1.26-.319.347-.76.651-1.324.912l.33.506zm4 0a4.93 4.93 0 0 0 1.83-1.318c.506-.579.759-1.154.759-1.723 0-.613-.147-1.092-.441-1.44-.295-.346-.716-.519-1.265-.519-.349 0-.652.114-.909.342-.257.228-.385.494-.385.798 0 .147.024.29.071.427a.98.98 0 0 0 .243.377c.12.12.277.212.472.278.194.067.446.1.755.1h.42c-.05.494-.235.914-.555 1.26-.319.347-.76.651-1.324.912l.33.506z"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_call_to_action.svg
+53
View File
@@ -0,0 +1,53 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="44.17%" y2="55.83%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="22" height="2" x="0" y="0"/>
<filter id="filter-3" width="104.5%" height="200%" x="-2.3%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-4" d="M16 8v1H0V8h16zm4-3v1H0V5h20z"/>
<filter id="filter-5" width="105%" height="150%" x="-2.5%" y="-12.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
<path id="path-6" d="M53.22 11.566c.15.145.183.312.1.501-.081.193-.224.29-.427.29h-2.771l1.458 3.453a.47.47 0 0 1-.247.61l-1.284.544a.47.47 0 0 1-.61-.247l-1.385-3.279-2.263 2.263a.446.446 0 0 1-.5.102c-.194-.082-.291-.225-.291-.428V4.465c0-.204.097-.347.29-.429a.45.45 0 0 1 .5.102l7.43 7.428z"/>
<filter id="filter-8" width="112%" height="115.4%" x="-6%" y="-3.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_call_to_action">
<rect width="82" height="60" class="bg"/>
<g fill="url(#linearGradient-1)" class="group" opacity=".4" transform="translate(0 16)">
<g class="image_1">
<rect width="82" height="28" class="rectangle"/>
</g>
</g>
<g class="center_group" transform="translate(15 25)">
<g class="rectangle">
<use fill="#000" filter="url(#filter-3)" xlink:href="#path-2"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-2"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#path-4"/>
</g>
<rect width="16" height="7" x="36.5" y=".5" fill="#1C1C1C" stroke="#FFF" class="rectangle" opacity=".703"/>
<mask id="mask-7" fill="#fff">
<use xlink:href="#path-6"/>
</mask>
<g fill-rule="nonzero" class="mouse_pointer">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-6"/>
<use fill="#FFF" xlink:href="#path-6"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_color_blocks_2.svg
+66
View File
@@ -0,0 +1,66 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="27.778%" x2="72.222%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00E2FF"/>
<stop offset="100%" stop-color="#00A09D"/>
</linearGradient>
<linearGradient id="linearGradient-2" x1="27.778%" x2="72.222%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<linearGradient id="linearGradient-3" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<path id="path-4" d="M27 50.429V52H13v-1.571h14zm-1.556-4.715v1.572h-9.333v-1.572h9.333zM27 41v1.571H13V41h14z"/>
<filter id="filter-5" width="107.1%" height="118.2%" x="-3.6%" y="-4.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
<rect id="path-6" width="27" height="3" x="7" y="33"/>
<filter id="filter-7" width="103.7%" height="166.7%" x="-1.9%" y="-16.7%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-8" d="M69 50.429V52H55v-1.571h14zm-1.556-4.715v1.572h-9.333v-1.572h9.333zM69 41v1.571H55V41h14z"/>
<filter id="filter-9" width="107.1%" height="118.2%" x="-3.6%" y="-4.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
<rect id="path-10" width="27" height="3" x="49" y="33"/>
<filter id="filter-11" width="103.7%" height="166.7%" x="-1.9%" y="-16.7%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_color_blocks_2">
<rect width="82" height="60" class="bg"/>
<g class="group">
<path fill="url(#linearGradient-1)" d="M82 0v60H42V0h40zM63 6c-5.523 0-10 4.494-10 10.038 0 5.544 4.477 10.038 10 10.038s10-4.494 10-10.038C73 10.494 68.523 6 63 6z" class="combined_shape" opacity=".4"/>
<path fill="url(#linearGradient-2)" d="M40 0v60H0V0h40zM20 6c-5.523 0-10 4.494-10 10.038 0 5.544 4.477 10.038 10 10.038s10-4.494 10-10.038C30 10.494 25.523 6 20 6z" class="combined_shape" opacity=".4"/>
<path fill="url(#linearGradient-3)" d="M20 7a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm43 0a9 9 0 1 1 0 18 9 9 0 0 1 0-18z" class="combined_shape"/>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#path-4"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-7)" xlink:href="#path-6"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-6"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-9)" xlink:href="#path-8"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#path-8"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-11)" xlink:href="#path-10"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-10"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_company_team.svg
+36
View File
@@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<path id="path-1" d="M43 16v2H16v-2h27zm5-16v2H16V0h32z"/>
<filter id="filter-2" width="103.1%" height="111.1%" x="-1.6%" y="-2.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-3" d="M28 24v1H16v-1h12zm13-3v1H16v-1h25zM39 8v1H16V8h23zm7-3v1H16V5h30z"/>
<filter id="filter-4" width="103.3%" height="110%" x="-1.7%" y="-2.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<linearGradient id="linearGradient-5" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_company_team">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(17 17)">
<g class="combined_shape">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-1"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-3"/>
</g>
<path fill="url(#linearGradient-5)" d="M5 16a5 5 0 1 1 0 10 5 5 0 0 1 0-10zM5 0a5 5 0 1 1 0 10A5 5 0 0 1 5 0z" class="combined_shape"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_comparisons.svg
+73
View File
@@ -0,0 +1,73 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="45.918%" y2="54.082%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<linearGradient id="linearGradient-2" x1="0%" x2="100%" y1="42.969%" y2="57.031%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<path id="path-3" d="M12 9v2H3V9h9zm37 0v2h-9V9h9z"/>
<filter id="filter-4" width="102.2%" height="200%" x="-1.1%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-5" d="M8 22v1H3v-1h5zm4-2v1H3v-1h9zm-3-3v1H3v-1h6zm2-3v1H3v-1h8z"/>
<filter id="filter-6" width="111.1%" height="122.2%" x="-5.6%" y="-5.6%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-7" d="M27 20v1h-7v-1h7zm5-3v1H20v-1h12zm-4-3v1h-8v-1h8zm3-3v1H20v-1h11z"/>
<filter id="filter-8" width="108.3%" height="120%" x="-4.2%" y="-5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-9" d="M49 22v1h-9v-1h9zm-5-2v1h-4v-1h4zm4-3v1h-8v-1h8zm-2-3v1h-6v-1h6z"/>
<filter id="filter-10" width="111.1%" height="122.2%" x="-5.6%" y="-5.6%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-11" width="12" height="2" x="20" y="6"/>
<filter id="filter-12" width="108.3%" height="200%" x="-4.2%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_comparisons">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(15 12)">
<path fill="#D8D8D8" d="M14 3a1 1 0 0 1 1 1v29a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h13zm0 4H1v26h13V7zm37-4a1 1 0 0 1 1 1v29a1 1 0 0 1-1 1H38a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h13zm0 4H38v26h13V7zM34 0a1 1 0 0 1 1 1v34a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h16zm0 4H18v31h16V4z" class="combined_shape"/>
<rect width="7" height="2" x="4" y="28" fill="url(#linearGradient-1)" class="rectangle"/>
<rect width="7" height="2" x="41" y="28" fill="url(#linearGradient-1)" class="rectangle"/>
<rect width="8" height="3" x="22" y="29" fill="url(#linearGradient-2)" class="rectangle"/>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-3"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-5"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-7"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-10)" xlink:href="#path-9"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-9"/>
</g>
<g class="rectangle">
<use fill="#000" filter="url(#filter-12)" xlink:href="#path-11"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-11"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_cover.svg
+40
View File
@@ -0,0 +1,40 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="23.23%" y2="76.77%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="21" height="2" x="0" y="0"/>
<filter id="filter-3" width="104.8%" height="200%" x="-2.4%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-4" d="M18 8v1H3V8h15zm1-3v1H2V5h17z"/>
<filter id="filter-5" width="105.9%" height="150%" x="-2.9%" y="-12.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_cover">
<rect width="82" height="60" class="bg"/>
<g fill="url(#linearGradient-1)" class="group" opacity=".4">
<g class="image_1">
<rect width="82" height="60" class="rectangle"/>
</g>
</g>
<g class="center_group" transform="translate(31 26)">
<g class="rectangle">
<use fill="#000" filter="url(#filter-3)" xlink:href="#path-2"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-2"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-4"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_features.svg
+36
View File
@@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<path id="path-2" d="M15 16v2H0v-2h15zm19 0v2H19v-2h15zm19 0v2H38v-2h15z"/>
<filter id="filter-3" width="101.9%" height="200%" x="-.9%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-4" d="M14 28v1H0v-1h14zm19 0v1H19v-1h14zm19 0v1H38v-1h14zm-41-3v1H0v-1h11zm19 0v1H19v-1h11zm19 0v1H38v-1h11zm-35-3v1H0v-1h14zm19 0v1H19v-1h14zm19 0v1H38v-1h14z"/>
<filter id="filter-5" width="101.9%" height="128.6%" x="-1%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_features">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(15 13)">
<path fill="url(#linearGradient-1)" d="M7 0a6 6 0 1 1 0 12A6 6 0 0 1 7 0zm19 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm19 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12z" class="combined_shape"/>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-3)" xlink:href="#path-2"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-2"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-4"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_features_grid.svg
+65
View File
@@ -0,0 +1,65 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="21.12" height="2" x="0" y="0"/>
<filter id="filter-2" width="104.7%" height="200%" x="-2.4%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-3" d="M19 20v1H8v-1h11zm2-2v1H8v-1h13zm-5-9v1H8V9h8zm5-2v1H8V7h13z"/>
<filter id="filter-4" width="107.7%" height="114.3%" x="-3.8%" y="-3.6%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<linearGradient id="linearGradient-5" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-6" width="24.038" height="2" x="0" y="0"/>
<filter id="filter-7" width="104.2%" height="200%" x="-2.1%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-8" d="M19 20v1H8v-1h11zm3-2v1H8v-1h14zm-3-9v1H8V9h11zm-1-2v1H8V7h10z"/>
<filter id="filter-9" width="107.1%" height="114.3%" x="-3.6%" y="-3.6%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_features_grid">
<rect width="82" height="60" class="bg"/>
<g class="group_3" transform="translate(15 18)">
<g class="group_2">
<g class="group">
<g class="rectangle">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-1"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-3"/>
</g>
</g>
<path fill="url(#linearGradient-5)" d="M3 18a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM3 7a3 3 0 1 1 0 6 3 3 0 0 1 0-6z" class="combined_shape"/>
</g>
<g class="group_2" transform="translate(28)">
<g class="group">
<g class="rectangle">
<use fill="#000" filter="url(#filter-7)" xlink:href="#path-6"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-6"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-9)" xlink:href="#path-8"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-8"/>
</g>
</g>
<path fill="url(#linearGradient-5)" d="M3 18a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM3 7a3 3 0 1 1 0 6 3 3 0 0 1 0-6z" class="combined_shape"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_hr.svg
+22
View File
@@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="44" height="1" x="0" y="5.5"/>
<filter id="filter-2" width="102.3%" height="300%" x="-1.1%" y="-50%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_hr">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(19 24)">
<g class="rectangle">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-1"/>
</g>
<path fill="#FFF" stroke="#FFF" d="M25.925 10.5L22 13.64l-3.925-3.14h7.85zm0-8h-7.85L22-.64l3.925 3.14z" class="combined_shape"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_image_text.svg
+53
View File
@@ -0,0 +1,53 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="23.077" height="18.116" x="0" y="0"/>
<linearGradient id="linearGradient-3" x1="72.875%" x2="40.332%" y1="46.509%" y2="34.249%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-4" x1="88.517%" x2="50%" y1="39.469%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-5" width="25" height="2" x="28" y="0"/>
<filter id="filter-6" width="104%" height="200%" x="-2%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-7" d="M51 12v1H28v-1h23zm-4-3v1H28V9h19zm4-3v1H28V6h23z"/>
<filter id="filter-8" width="104.3%" height="128.6%" x="-2.2%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_image_text">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(15 21)">
<g class="image_1_border">
<rect width="24" height="19" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.462 .442)">
<mask id="mask-2" fill="#fff">
<use xlink:href="#path-1"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-1"/>
<ellipse cx="17.769" cy="4.64" fill="#F3EC60" class="oval" mask="url(#mask-2)" rx="3.462" ry="3.314"/>
<ellipse cx="23.308" cy="19.884" fill="url(#linearGradient-3)" class="oval" mask="url(#mask-2)" rx="10.846" ry="6.628"/>
<ellipse cx=".231" cy="20.105" fill="url(#linearGradient-4)" class="oval" mask="url(#mask-2)" rx="17.308" ry="10.384"/>
</g>
<path fill="#FFF" d="M24 0v19H0V0h24zm-1 1H1v17h22V1z" class="rectangle_2"/>
</g>
<g class="rectangle">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-5"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-7"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_masonry_block.svg
+126
View File
@@ -0,0 +1,126 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="0%" x2="100%" y1="33.944%" y2="66.056%">
<stop offset="0%" stop-color="#00E2FF"/>
<stop offset="100%" stop-color="#00A09D"/>
</linearGradient>
<linearGradient id="linearGradient-2" x1="0%" x2="100%" y1="31.569%" y2="68.431%">
<stop offset="0%" stop-color="#00E2FF"/>
<stop offset="100%" stop-color="#00A09D"/>
</linearGradient>
<path id="path-3" d="M20 12v1H4v-1h16zm-6-3v1H4V9h10zm6-3v1H4V6h16z"/>
<filter id="filter-4" width="106.2%" height="128.6%" x="-3.1%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
<rect id="path-5" width="21" height="1" x="4" y="3"/>
<filter id="filter-6" width="104.8%" height="300%" x="-2.4%" y="-50%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-7" d="M52 29v1H34v-1h18zm-6-3v1H34v-1h12zm6-3v1H34v-1h18z"/>
<filter id="filter-8" width="105.6%" height="128.6%" x="-2.8%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
<rect id="path-9" width="19" height="1" x="34" y="19"/>
<filter id="filter-10" width="105.3%" height="300%" x="-2.6%" y="-50%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-11" d="M52 12v1H34v-1h18zm-6-3v1H34V9h12zm6-3v1H34V6h18z"/>
<filter id="filter-12" width="105.6%" height="128.6%" x="-2.8%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-13" width="21" height="1" x="34" y="3"/>
<filter id="filter-14" width="104.8%" height="300%" x="-2.4%" y="-50%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-15" d="M20 29v1H4v-1h16zm-6-3v1H4v-1h10zm6-3v1H4v-1h16z"/>
<filter id="filter-16" width="106.2%" height="128.6%" x="-3.1%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-17" width="15" height="1" x="4" y="19"/>
<filter id="filter-18" width="106.7%" height="300%" x="-3.3%" y="-50%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<rect id="path-19" width="23.442" height="33" x="0" y="0"/>
<linearGradient id="linearGradient-21" x1="72.875%" x2="40.332%" y1="46.301%" y2="33.313%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-22" x1="88.517%" x2="50%" y1="38.842%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_masonry_block">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(0 15)">
<g class="group_2" transform="translate(24)">
<rect width="58" height="33" fill="#D8D8D8" class="rectangle" opacity=".058"/>
<rect width="30" height="17" fill="url(#linearGradient-1)" class="rectangle" opacity=".4"/>
<rect width="28" height="17" x="30" y="16" fill="url(#linearGradient-2)" class="rectangle" opacity=".4"/>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#path-3"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-5"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#path-7"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-10)" xlink:href="#path-9"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-9"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-12)" xlink:href="#path-11"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-11"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-14)" xlink:href="#path-13"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-13"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-16)" xlink:href="#path-15"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-15"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-18)" xlink:href="#path-17"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-17"/>
</g>
</g>
<g class="image_1_border">
<rect width="24" height="33" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask">
<mask id="mask-20" fill="#fff">
<use xlink:href="#path-19"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-19"/>
<ellipse cx="16.465" cy="6.325" fill="#F3EC60" class="oval" mask="url(#mask-20)" rx="4.186" ry="4.125"/>
<ellipse cx="19.256" cy="34.1" fill="url(#linearGradient-21)" class="oval" mask="url(#mask-20)" rx="13.116" ry="8.25"/>
<ellipse cx="-8.651" cy="34.375" fill="url(#linearGradient-22)" class="oval" mask="url(#mask-20)" rx="20.93" ry="12.925"/>
</g>
<path fill="#FFF" d="M24 0v33H0V0h24zm-1 1H1v31h22V1z" class="rectangle_2"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_media_list.svg
+90
View File
@@ -0,0 +1,90 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<path id="path-1" d="M32 15v1H21v-1h11zm-4-3v1h-7v-1h7zm4-3v1H21V9h11z"/>
<filter id="filter-2" width="109.1%" height="128.6%" x="-4.5%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-3" width="23" height="2" x="21" y="5"/>
<filter id="filter-4" width="104.3%" height="200%" x="-2.2%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0.259587944 0 0 0 0 0.259629577 0 0 0 0 0.259574831 0 0 0 0.525895979 0"/>
</filter>
<path id="path-5" d="M42 33v1H21v-1h21zm-7-3v1H21v-1h14zm7-3v1H21v-1h21z"/>
<filter id="filter-6" width="104.8%" height="128.6%" x="-2.4%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-7" width="13" height="2" x="21" y="23"/>
<filter id="filter-8" width="107.7%" height="200%" x="-3.8%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0.259587944 0 0 0 0 0.259629577 0 0 0 0 0.259574831 0 0 0 0.525895979 0"/>
</filter>
<rect id="path-9" width="17.308" height="14.302" x="0" y="0"/>
<linearGradient id="linearGradient-11" x1="72.875%" x2="40.332%" y1="46.131%" y2="32.548%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-12" x1="88.517%" x2="50%" y1="38.331%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-13" width="17.308" height="14.302" x="0" y="0"/>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_media_list">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(15 11)">
<rect width="53" height="39" class="rectangle"/>
<rect width="36" height="15" x="17" y="21" fill="#FFF" class="rectangle"/>
<rect width="36" height="15" x="17" y="3" fill="#FFF" class="rectangle"/>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#000" fill-opacity=".348" xlink:href="#path-1"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#000" fill-opacity=".697" xlink:href="#path-3"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#000" fill-opacity=".348" xlink:href="#path-5"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#000" fill-opacity=".697" xlink:href="#path-7"/>
</g>
<g class="image_1_border" transform="translate(0 3)">
<rect width="18" height="15" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.346 .349)">
<mask id="mask-10" fill="#fff">
<use xlink:href="#path-9"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-9"/>
<ellipse cx="13.327" cy="3.663" fill="#F3EC60" class="oval" mask="url(#mask-10)" rx="2.596" ry="2.616"/>
<ellipse cx="17.481" cy="15.698" fill="url(#linearGradient-11)" class="oval" mask="url(#mask-10)" rx="8.135" ry="5.233"/>
<ellipse cx=".173" cy="15.872" fill="url(#linearGradient-12)" class="oval" mask="url(#mask-10)" rx="12.981" ry="8.198"/>
</g>
<path fill="#FFF" d="M18 0v15H0V0h18zm-1 1H1v13h16V1z" class="rectangle_2"/>
</g>
<g class="image_1_border" transform="translate(0 21)">
<rect width="18" height="15" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.346 .349)">
<mask id="mask-14" fill="#fff">
<use xlink:href="#path-13"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-13"/>
<ellipse cx="13.327" cy="3.663" fill="#F3EC60" class="oval" mask="url(#mask-14)" rx="2.596" ry="2.616"/>
<ellipse cx="17.481" cy="15.698" fill="url(#linearGradient-11)" class="oval" mask="url(#mask-14)" rx="8.135" ry="5.233"/>
<ellipse cx=".173" cy="15.872" fill="url(#linearGradient-12)" class="oval" mask="url(#mask-14)" rx="12.981" ry="8.198"/>
</g>
<path fill="#FFF" d="M18 0v15H0V0h18zm-1 1H1v13h16V1z" class="rectangle_2"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_numbers.svg
+53
View File
@@ -0,0 +1,53 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<path id="path-1" d="M14 26v1H5v-1h9zm-1-3v1H7v-1h6zm1-3v1H5v-1h9z"/>
<filter id="filter-2" width="111.1%" height="128.6%" x="-5.6%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-3" width="17" height="2" x="1" y="14"/>
<filter id="filter-4" width="105.9%" height="200%" x="-2.9%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-5" d="M40 26v1h-9v-1h9zm-1-3v1h-6v-1h6zm1-3v1h-9v-1h9z"/>
<filter id="filter-6" width="111.1%" height="128.6%" x="-5.6%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-7" width="17" height="2" x="27" y="14"/>
<filter id="filter-8" width="105.9%" height="200%" x="-2.9%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_numbers">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(19 16)">
<g class="combined_shape">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-1"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-3"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-5"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-7"/>
</g>
<path fill="#E4E4E4" fill-rule="nonzero" d="M7.41 10.522v-2.59h1.47V6.489H7.41V.46H5.504L.595 6.674v1.258h4.526v2.59h2.29zM5.12 6.49H1.642l3.48-4.395V6.49zm7.89 4.033c1.207 0 2.2-.317 2.976-.953.777-.636 1.166-1.455 1.166-2.458 0-.57-.116-1.047-.349-1.432a2.858 2.858 0 0 0-.861-.92 3.482 3.482 0 0 0-1.152-.502 5.439 5.439 0 0 0-1.2-.133c-.524 0-.98.07-1.367.212-.387.141-.704.29-.95.444l.28-2.256h5.284V.638h-5.776l-.663 5.03.533.179c.228-.278.486-.503.773-.674.287-.17.642-.256 1.066-.256.547 0 .992.206 1.336.619.345.412.517.94.517 1.582 0 .442-.053.838-.158 1.186-.104.349-.26.65-.465.906a1.803 1.803 0 0 1-1.408.684c-.127 0-.264-.01-.41-.031a1.814 1.814 0 0 1-.383-.092c.05-.142.114-.347.192-.616.077-.269.116-.517.116-.745a.964.964 0 0 0-.345-.776c-.23-.193-.526-.29-.886-.29-.346 0-.623.111-.83.335a1.16 1.16 0 0 0-.311.82c0 .547.312 1.02.936 1.422.625.4 1.404.601 2.338.601z" class="45"/>
<path fill="#E4E4E4" fill-rule="nonzero" d="M29.128 10.563c1.941-.255 3.473-.91 4.594-1.965 1.12-1.055 1.681-2.412 1.681-4.07 0-1.254-.353-2.252-1.06-2.995C33.638.79 32.686.42 31.487.42c-1.107 0-2.03.316-2.768.947-.739.63-1.108 1.427-1.108 2.389 0 .451.072.87.216 1.254.143.385.343.715.598.988.25.269.547.48.889.636.341.155.708.232 1.1.232.47 0 .892-.056 1.268-.167.376-.112.765-.343 1.166-.694-.064.406-.16.8-.287 1.183A4.04 4.04 0 0 1 32 8.274c-.237.333-.54.625-.91.875-.368.251-.833.456-1.394.616l-.724.123.157.676zM31.54 5.99c-.42 0-.758-.216-1.015-.65-.258-.432-.386-1.013-.386-1.742 0-.834.126-1.472.379-1.914.253-.442.582-.663.988-.663.42 0 .76.29 1.022.871s.393 1.419.393 2.512c0 .087-.002.176-.007.267a4.767 4.767 0 0 0-.007.232 2.9 2.9 0 0 1-.007.222 1.756 1.756 0 0 0-.006.12c-.192.287-.4.483-.623.588a1.7 1.7 0 0 1-.731.157zM42.574 8v-.52a7.37 7.37 0 0 1-.615-.082c-.278-.045-.476-.095-.595-.15a.69.69 0 0 1-.304-.277.831.831 0 0 1-.106-.427V2.538c0-.314.007-.67.02-1.066.014-.397.028-.743.042-1.04h-1.203a3.585 3.585 0 0 1-.298.363 2.502 2.502 0 0 1-.482.396 2.842 2.842 0 0 1-.721.315 3.61 3.61 0 0 1-1.029.13h-.376v.65h1.73v4.333c0 .192-.039.342-.116.451a.623.623 0 0 1-.322.233 3.68 3.68 0 0 1-.612.11c-.298.036-.516.058-.652.067V8h5.64z" class="91"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_picture.svg
+53
View File
@@ -0,0 +1,53 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="35.604" height="22.588" x="0" y="0"/>
<linearGradient id="linearGradient-3" x1="72.875%" x2="40.332%" y1="47.295%" y2="37.799%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-4" x1="88.517%" x2="50%" y1="45.065%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<path id="path-5" d="M27 8v1H10V8h17zm-3-3v1H13V5h11z"/>
<filter id="filter-6" width="105.9%" height="150%" x="-2.9%" y="-12.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<rect id="path-7" width="29" height="2" x="4" y="0"/>
<filter id="filter-8" width="103.4%" height="200%" x="-1.7%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_picture">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(23 13)">
<g class="image_1_border" transform="translate(0 11)">
<rect width="37" height="24" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.698 .706)">
<mask id="mask-2" fill="#fff">
<use xlink:href="#path-1"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-1"/>
<ellipse cx="30.368" cy="5.775" fill="#F3EC60" class="oval" mask="url(#mask-2)" rx="3.84" ry="3.775"/>
<ellipse cx="35.255" cy="25.059" fill="url(#linearGradient-3)" class="oval" mask="url(#mask-2)" rx="16.406" ry="8.824"/>
<ellipse cx="-6.061" cy="24" fill="url(#linearGradient-4)" class="oval" mask="url(#mask-2)" rx="30.939" ry="12.706"/>
</g>
<path fill="#FFF" d="M37 0v24H0V0h37zm-.698.706H.698v22.588h35.604V.706z" class="rectangle_2"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-5"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-7"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_product_list.svg
+88
View File
@@ -0,0 +1,88 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<polygon id="path-2" points="0 10.447 6.5 13.16 6.5 5.5 0 3"/>
<filter id="filter-3" width="115.4%" height="119.7%" x="-7.7%" y="-4.9%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<polygon id="path-4" points="7.5 13.16 14 10.447 14 3 7.5 5.5"/>
<filter id="filter-5" width="115.4%" height="119.7%" x="-7.7%" y="-4.9%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<polygon id="path-6" points="0 10.447 6.5 13.16 6.5 5.5 0 3"/>
<filter id="filter-7" width="115.4%" height="119.7%" x="-7.7%" y="-4.9%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<polygon id="path-8" points="7.5 13.16 14 10.447 14 3 7.5 5.5"/>
<filter id="filter-9" width="115.4%" height="119.7%" x="-7.7%" y="-4.9%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<polygon id="path-10" points="0 10.447 6.5 13.16 6.5 5.5 0 3"/>
<filter id="filter-11" width="115.4%" height="119.7%" x="-7.7%" y="-4.9%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<polygon id="path-12" points="7.5 13.16 14 10.447 14 3 7.5 5.5"/>
<filter id="filter-13" width="115.4%" height="119.7%" x="-7.7%" y="-4.9%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_product_list">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(15 20)">
<path fill="url(#linearGradient-1)" d="M13 18v2H1v-2h12zm20 0v2H20v-2h13zm20 0v2H38v-2h15z" class="combined_shape"/>
<g class="box_solid">
<rect width="14" height="13" class="rectangle"/>
<polygon fill="#FFF" fill-opacity=".78" points="7 .5 0 2.405 7 5 14 2.405" class="path"/>
<g class="path">
<use fill="#000" filter="url(#filter-3)" xlink:href="#path-2"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-2"/>
</g>
<g class="path">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-4"/>
</g>
</g>
<g class="box_solid" transform="translate(38)">
<rect width="14" height="13" class="rectangle"/>
<polygon fill="#FFF" fill-opacity=".78" points="7 .5 0 2.405 7 5 14 2.405" class="path"/>
<g class="path">
<use fill="#000" filter="url(#filter-7)" xlink:href="#path-6"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-6"/>
</g>
<g class="path">
<use fill="#000" filter="url(#filter-9)" xlink:href="#path-8"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-8"/>
</g>
</g>
<g class="box_solid" transform="translate(19)">
<rect width="14" height="13" class="rectangle"/>
<polygon fill="#FFF" fill-opacity=".78" points="7 .5 0 2.405 7 5 14 2.405" class="path"/>
<g class="path">
<use fill="#000" filter="url(#filter-11)" xlink:href="#path-10"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-10"/>
</g>
<g class="path">
<use fill="#000" filter="url(#filter-13)" xlink:href="#path-12"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-12"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_rating.svg
+47
View File
@@ -0,0 +1,47 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="22" height="2" x="0" y="0"/>
<filter id="filter-2" width="104.5%" height="200%" x="-2.3%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-3" d="M43 8.1c0 .074-.047.155-.14.242l-1.964 1.785.465 2.52a.71.71 0 0 1 .006.101c0 .07-.02.13-.057.179-.038.049-.093.073-.165.073a.461.461 0 0 1-.217-.06L38.5 11.75l-2.428 1.19a.485.485 0 0 1-.217.06c-.076 0-.132-.024-.17-.073a.283.283 0 0 1-.057-.179c0-.02.004-.054.01-.1l.466-2.521-1.969-1.785c-.09-.09-.135-.171-.135-.242 0-.124.101-.201.303-.232l2.715-.368 1.217-2.293c.068-.138.157-.207.265-.207.108 0 .197.069.265.207L39.982 7.5l2.715.368c.202.03.303.108.303.232z"/>
<filter id="filter-4" width="111.1%" height="125%" x="-5.6%" y="-6.2%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-5" d="M31 8.1c0 .074-.047.155-.14.242l-1.964 1.785.465 2.52a.71.71 0 0 1 .006.101c0 .07-.02.13-.057.179-.038.049-.093.073-.165.073a.461.461 0 0 1-.217-.06L26.5 11.75l-2.428 1.19a.485.485 0 0 1-.217.06c-.076 0-.132-.024-.17-.073a.283.283 0 0 1-.057-.179c0-.02.004-.054.01-.1l.466-2.521-1.969-1.785c-.09-.09-.135-.171-.135-.242 0-.124.101-.201.303-.232l2.715-.368 1.217-2.293c.068-.138.157-.207.265-.207.108 0 .197.069.265.207L27.982 7.5l2.715.368c.202.03.303.108.303.232z"/>
<filter id="filter-6" width="111.1%" height="125%" x="-5.6%" y="-6.2%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<linearGradient id="linearGradient-7" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_rating">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(20 24)">
<g class="rectangle">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-1"/>
</g>
<g class="mask">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-3"/>
</g>
<g class="mask">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-5"/>
</g>
<path fill="url(#linearGradient-7)" d="M19 8.1c0 .074-.042.155-.125.242l-1.745 1.785.413 2.52a.799.799 0 0 1 .005.101c0 .07-.017.13-.05.179a.167.167 0 0 1-.147.073.376.376 0 0 1-.192-.06L15 11.75l-2.159 1.19a.395.395 0 0 1-.192.06c-.067 0-.118-.024-.151-.073a.307.307 0 0 1-.05-.179c0-.02.002-.054.009-.1l.413-2.521-1.75-1.785c-.08-.09-.12-.171-.12-.242 0-.124.09-.201.27-.232l2.413-.368 1.081-2.293c.061-.138.14-.207.236-.207.096 0 .175.069.236.207L16.317 7.5l2.414.368c.18.03.269.108.269.232z" class="star_copy"/>
<path fill="url(#linearGradient-7)" d="M8 8.1c0 .074-.042.155-.125.242L6.13 10.127l.413 2.52a.799.799 0 0 1 .005.101c0 .07-.017.13-.05.179A.167.167 0 0 1 6.35 13a.376.376 0 0 1-.192-.06L4 11.75l-2.159 1.19a.395.395 0 0 1-.192.06c-.067 0-.118-.024-.151-.073a.307.307 0 0 1-.05-.179c0-.02.002-.054.009-.1l.413-2.521L.12 8.342C.04 8.252 0 8.171 0 8.1c0-.124.09-.201.27-.232L2.682 7.5l1.081-2.293C3.825 5.069 3.904 5 4 5s.175.069.236.207L5.317 7.5l2.414.368c.18.03.269.108.269.232z" class="star"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_references.svg
+111
View File
@@ -0,0 +1,111 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="10.577" height="8.581" x="0" y="0"/>
<linearGradient id="linearGradient-3" x1="72.875%" x2="40.332%" y1="46.271%" y2="33.176%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-4" x1="88.517%" x2="50%" y1="38.751%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-5" width="9.615" height="8.581" x="0" y="0"/>
<linearGradient id="linearGradient-7" x1="72.875%" x2="40.332%" y1="45.488%" y2="29.644%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-8" x1="88.517%" x2="50%" y1="36.389%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-9" width="11.538" height="8.581" x="0" y="0"/>
<linearGradient id="linearGradient-11" x1="72.875%" x2="40.332%" y1="46.866%" y2="35.864%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-12" x1="88.517%" x2="50%" y1="40.548%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-13" width="10.577" height="8.581" x="0" y="0"/>
<rect id="path-15" width="22" height="2" x="17" y="0"/>
<filter id="filter-16" width="104.5%" height="200%" x="-2.3%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<rect id="path-17" width="14" height="1" x="21" y="5"/>
<filter id="filter-18" width="107.1%" height="300%" x="-3.6%" y="-50%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_references">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(14 20)">
<g class="image_1_border" transform="translate(30 11)">
<rect width="11" height="9" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.212 .21)">
<mask id="mask-2" fill="#fff">
<use xlink:href="#path-1"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-1"/>
<ellipse cx="8.144" cy="2.198" fill="#F3EC60" class="oval" mask="url(#mask-2)" rx="1.587" ry="1.57"/>
<ellipse cx="10.683" cy="9.419" fill="url(#linearGradient-3)" class="oval" mask="url(#mask-2)" rx="4.971" ry="3.14"/>
<ellipse cx=".106" cy="9.523" fill="url(#linearGradient-4)" class="oval" mask="url(#mask-2)" rx="7.933" ry="4.919"/>
</g>
<path fill="#FFF" d="M11 0v9H0V0h11zm-1 1H1v7h9V1z" class="rectangle_2"/>
</g>
<g class="image_1_border" transform="translate(45 11)">
<rect width="10" height="9" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.192 .21)">
<mask id="mask-6" fill="#fff">
<use xlink:href="#path-5"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-5"/>
<ellipse cx="7.404" cy="2.198" fill="#F3EC60" class="oval" mask="url(#mask-6)" rx="1.442" ry="1.57"/>
<ellipse cx="9.712" cy="9.419" fill="url(#linearGradient-7)" class="oval" mask="url(#mask-6)" rx="4.519" ry="3.14"/>
<ellipse cx=".096" cy="9.523" fill="url(#linearGradient-8)" class="oval" mask="url(#mask-6)" rx="7.212" ry="4.919"/>
</g>
<path fill="#FFF" d="M10 0v9H0V0h10zM9 1H1v7h8V1z" class="rectangle_2"/>
</g>
<g class="image_1_border" transform="translate(0 11)">
<rect width="12" height="9" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.23 .21)">
<mask id="mask-10" fill="#fff">
<use xlink:href="#path-9"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-9"/>
<ellipse cx="8.885" cy="2.198" fill="#F3EC60" class="oval" mask="url(#mask-10)" rx="1.731" ry="1.57"/>
<ellipse cx="11.654" cy="9.419" fill="url(#linearGradient-11)" class="oval" mask="url(#mask-10)" rx="5.423" ry="3.14"/>
<ellipse cx=".115" cy="9.523" fill="url(#linearGradient-12)" class="oval" mask="url(#mask-10)" rx="8.654" ry="4.919"/>
</g>
<path fill="#FFF" d="M12 0v9H0V0h12zm-1 1H1v7h10V1z" class="rectangle_2"/>
</g>
<g class="image_1_border" transform="translate(15 11)">
<rect width="11" height="9" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.212 .21)">
<mask id="mask-14" fill="#fff">
<use xlink:href="#path-13"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-13"/>
<ellipse cx="8.144" cy="2.198" fill="#F3EC60" class="oval" mask="url(#mask-14)" rx="1.587" ry="1.57"/>
<ellipse cx="10.683" cy="9.419" fill="url(#linearGradient-3)" class="oval" mask="url(#mask-14)" rx="4.971" ry="3.14"/>
<ellipse cx=".106" cy="9.523" fill="url(#linearGradient-4)" class="oval" mask="url(#mask-14)" rx="7.933" ry="4.919"/>
</g>
<path fill="#FFF" d="M11 0v9H0V0h11zm-1 1H1v7h9V1z" class="rectangle_2"/>
</g>
<g class="rectangle">
<use fill="#000" filter="url(#filter-16)" xlink:href="#path-15"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-15"/>
</g>
<g class="rectangle_copy">
<use fill="#000" filter="url(#filter-18)" xlink:href="#path-17"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-17"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_showcase.svg
+86
View File
@@ -0,0 +1,86 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="1" height="19" x="26" y="0"/>
<filter id="filter-2" width="200%" height="110.5%" x="-50%" y="-2.6%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-3" d="M13 16v1H2v-1h11zm0-11v1H5V5h8z"/>
<filter id="filter-4" width="109.1%" height="116.7%" x="-4.5%" y="-4.2%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-5" d="M13 12v2H0v-2h13zm0-11v2H0V1h13z"/>
<filter id="filter-6" width="107.7%" height="115.4%" x="-3.8%" y="-3.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<rect id="path-7" width="13" height="5" x="20" y="22"/>
<filter id="filter-8" width="107.7%" height="140%" x="-3.8%" y="-10%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<rect id="path-9" width="11" height="3" x="21" y="23"/>
<filter id="filter-10" width="109.1%" height="166.7%" x="-4.5%" y="-16.7%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-11" d="M51 16v1H40v-1h11zm0-11v1H40V5h11z"/>
<filter id="filter-12" width="109.1%" height="116.7%" x="-4.5%" y="-4.2%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-13" d="M54 12v2H40v-2h14zM50 1v2H40V1h10z"/>
<filter id="filter-14" width="107.1%" height="115.4%" x="-3.6%" y="-3.8%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<linearGradient id="linearGradient-15" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_showcase">
<rect width="82" height="60" class="bg"/>
<g class="group_2" transform="translate(14 17)">
<g class="rectangle">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-1"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-4)" xlink:href="#path-3"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-3"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-5"/>
</g>
<g class="rectangle">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-7"/>
</g>
<g class="rectangle">
<use fill="#000" filter="url(#filter-10)" xlink:href="#path-9"/>
<use fill="#000" fill-opacity=".348" xlink:href="#path-9"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-12)" xlink:href="#path-11"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-11"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-14)" xlink:href="#path-13"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-13"/>
</g>
<path fill="url(#linearGradient-15)" d="M18 12a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm17 11a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0-11a3 3 0 1 1 0 6 3 3 0 0 1 0-6z" class="combined_shape"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_text_block.svg
+19
View File
@@ -0,0 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<path id="path-1" d="M53 37v1H15v-1h38zm14-3v1H15v-1h52zm0-3v1H15v-1h52zm-24-5v1H15v-1h28zm24-3v1H15v-1h52z"/>
<filter id="filter-2" width="101.9%" height="113.3%" x="-1%" y="-3.3%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_text_block">
<rect width="82" height="60" class="bg"/>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-1"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1017 B

addons/mass_mailing/static/src/img/snippets_thumbs/s_text_highlight.svg
+36
View File
@@ -0,0 +1,36 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<linearGradient id="linearGradient-1" x1="50%" x2="50%" y1="0%" y2="100%">
<stop offset="0%" stop-color="#00A09D"/>
<stop offset="100%" stop-color="#00E2FF"/>
</linearGradient>
<rect id="path-2" width="22" height="2" x="11" y="3"/>
<filter id="filter-3" width="104.5%" height="200%" x="-2.3%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
</filter>
<path id="path-4" d="M28 11v1H16v-1h12zm2-3v1H14V8h16z"/>
<filter id="filter-5" width="106.2%" height="150%" x="-3.1%" y="-12.5%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_text_highlight">
<rect width="82" height="60" class="bg"/>
<g class="group_2" transform="translate(19 22)">
<rect width="44" height="17" fill="url(#linearGradient-1)" fill-opacity=".4" class="rectangle_2" rx="1"/>
<g class="rectangle">
<use fill="#000" filter="url(#filter-3)" xlink:href="#path-2"/>
<use fill="#FFF" fill-opacity=".95" xlink:href="#path-2"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-5)" xlink:href="#path-4"/>
<use fill="#FFF" fill-opacity=".8" xlink:href="#path-4"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_text_image.svg
+53
View File
@@ -0,0 +1,53 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="23.077" height="18.116" x="0" y="0"/>
<linearGradient id="linearGradient-3" x1="72.875%" x2="40.332%" y1="46.509%" y2="34.249%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-4" x1="88.517%" x2="50%" y1="39.469%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-5" width="25" height="2" x="0" y="0"/>
<filter id="filter-6" width="104%" height="200%" x="-2%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-7" d="M23 12v1H0v-1h23zm-4-3v1H0V9h19zm4-3v1H0V6h23z"/>
<filter id="filter-8" width="104.3%" height="128.6%" x="-2.2%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_text_image">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(15 21)">
<g class="image_1_border" transform="translate(29)">
<rect width="24" height="19" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.462 .442)">
<mask id="mask-2" fill="#fff">
<use xlink:href="#path-1"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-1"/>
<ellipse cx="17.769" cy="4.64" fill="#F3EC60" class="oval" mask="url(#mask-2)" rx="3.462" ry="3.314"/>
<ellipse cx="23.308" cy="19.884" fill="url(#linearGradient-3)" class="oval" mask="url(#mask-2)" rx="10.846" ry="6.628"/>
<ellipse cx=".231" cy="20.105" fill="url(#linearGradient-4)" class="oval" mask="url(#mask-2)" rx="17.308" ry="10.384"/>
</g>
<path fill="#FFF" d="M24 0v19H0V0h24zm-1 1H1v17h22V1z" class="rectangle_2"/>
</g>
<g class="rectangle">
<use fill="#000" filter="url(#filter-6)" xlink:href="#path-5"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-5"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-8)" xlink:href="#path-7"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-7"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_three_columns.svg
+109
View File
@@ -0,0 +1,109 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="82" height="60" viewBox="0 0 82 60">
<defs>
<rect id="path-1" width="14.423" height="11.442" x="0" y="0"/>
<linearGradient id="linearGradient-3" x1="72.875%" x2="40.332%" y1="46.435%" y2="33.916%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-4" x1="88.517%" x2="50%" y1="39.246%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-5" width="15.385" height="11.442" x="0" y="0"/>
<linearGradient id="linearGradient-7" x1="72.875%" x2="40.332%" y1="46.866%" y2="35.864%">
<stop offset="0%" stop-color="#008374"/>
<stop offset="100%" stop-color="#006A59"/>
</linearGradient>
<linearGradient id="linearGradient-8" x1="88.517%" x2="50%" y1="40.548%" y2="50%">
<stop offset="0%" stop-color="#00AA89"/>
<stop offset="100%" stop-color="#009989"/>
</linearGradient>
<rect id="path-9" width="14.423" height="11.442" x="0" y="0"/>
<path id="path-11" d="M15 16v2H0v-2h15zm19 0v2H19v-2h15zm19 0v2H38v-2h15z"/>
<filter id="filter-12" width="101.9%" height="200%" x="-.9%" y="-25%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.292012675 0"/>
</filter>
<path id="path-13" d="M33 28v1H19v-1h14zm-3-3v1H19v-1h11zm3-3v1H19v-1h14z"/>
<filter id="filter-14" width="107.1%" height="128.6%" x="-3.6%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-15" d="M52 28v1H38v-1h14zm-3-3v1H38v-1h11zm3-3v1H38v-1h14z"/>
<filter id="filter-16" width="107.1%" height="128.6%" x="-3.6%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
<path id="path-17" d="M14 28v1H0v-1h14zm-3-3v1H0v-1h11zm3-3v1H0v-1h14z"/>
<filter id="filter-18" width="107.1%" height="128.6%" x="-3.6%" y="-7.1%" filterUnits="objectBoundingBox">
<feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/>
<feComposite in="shadowOffsetOuter1" in2="SourceAlpha" operator="out" result="shadowOffsetOuter1"/>
<feColorMatrix in="shadowOffsetOuter1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.0995137675 0"/>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="snippets_thumbs">
<g class="s_three_columns">
<rect width="82" height="60" class="bg"/>
<g class="group" transform="translate(15 16)">
<g class="image_1_border">
<rect width="15" height="12" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.288 .28)">
<mask id="mask-2" fill="#fff">
<use xlink:href="#path-1"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-1"/>
<ellipse cx="11.106" cy="2.93" fill="#F3EC60" class="oval" mask="url(#mask-2)" rx="2.163" ry="2.093"/>
<ellipse cx="14.567" cy="12.558" fill="url(#linearGradient-3)" class="oval" mask="url(#mask-2)" rx="6.779" ry="4.186"/>
<ellipse cx=".144" cy="12.698" fill="url(#linearGradient-4)" class="oval" mask="url(#mask-2)" rx="10.817" ry="6.558"/>
</g>
<path fill="#FFF" d="M15 0v12H0V0h15zm-1 1H1v10h13V1z" class="rectangle_2"/>
</g>
<g class="image_1_border" transform="translate(18)">
<rect width="16" height="12" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.308 .28)">
<mask id="mask-6" fill="#fff">
<use xlink:href="#path-5"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-5"/>
<ellipse cx="11.846" cy="2.93" fill="#F3EC60" class="oval" mask="url(#mask-6)" rx="2.308" ry="2.093"/>
<ellipse cx="15.538" cy="12.558" fill="url(#linearGradient-7)" class="oval" mask="url(#mask-6)" rx="7.231" ry="4.186"/>
<ellipse cx=".154" cy="12.698" fill="url(#linearGradient-8)" class="oval" mask="url(#mask-6)" rx="11.538" ry="6.558"/>
</g>
<path fill="#FFF" d="M16 0v12H0V0h16zm-1 1H1v10h14V1z" class="rectangle_2"/>
</g>
<g class="image_1_border" transform="translate(38)">
<rect width="15" height="12" fill="#FFF" class="rectangle"/>
<g class="oval___oval_mask" transform="translate(.288 .28)">
<mask id="mask-10" fill="#fff">
<use xlink:href="#path-9"/>
</mask>
<use fill="#79D1F2" class="mask" xlink:href="#path-9"/>
<ellipse cx="11.106" cy="2.93" fill="#F3EC60" class="oval" mask="url(#mask-10)" rx="2.163" ry="2.093"/>
<ellipse cx="14.567" cy="12.558" fill="url(#linearGradient-3)" class="oval" mask="url(#mask-10)" rx="6.779" ry="4.186"/>
<ellipse cx=".144" cy="12.698" fill="url(#linearGradient-4)" class="oval" mask="url(#mask-10)" rx="10.817" ry="6.558"/>
</g>
<path fill="#FFF" d="M15 0v12H0V0h15zm-1 1H1v10h13V1z" class="rectangle_2"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-12)" xlink:href="#path-11"/>
<use fill="#FFF" fill-opacity=".78" xlink:href="#path-11"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-14)" xlink:href="#path-13"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-13"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-16)" xlink:href="#path-15"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-15"/>
</g>
<g class="combined_shape">
<use fill="#000" filter="url(#filter-18)" xlink:href="#path-17"/>
<use fill="#FFF" fill-opacity=".348" xlink:href="#path-17"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

addons/mass_mailing/static/src/img/snippets_thumbs/s_title.svg
+8
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_banner.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_event.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_image.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_image_text.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.3 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_text_image.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_three_cols_1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_three_cols_2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_three_cols_3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_two_cols_1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_block_two_cols_2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

addons/mass_mailing/static/src/img/theme_empty/s_default_image_logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

addons/mass_mailing/static/src/img/theme_empty/s_masonry_block_default_image_1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

Some files were not shown because too many files have changed in this diff Show More