1749 lines
No EOL
122 KiB
JavaScript
1749 lines
No EOL
122 KiB
JavaScript
'use strict';
|
|
|
|
const versafix = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n' +
|
|
'<html xmlns="http://www.w3.org/1999/xhtml">\n' +
|
|
'<head>\n' +
|
|
' <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />\n' +
|
|
' <meta name="viewport" content="initial-scale=1.0" />\n' +
|
|
' <meta name="format-detection" content="telephone=no" />\n' +
|
|
' <title style="-ko-bind-text: @titleText">TITLE</title>\n' +
|
|
' <style type="text/css">\n' +
|
|
' @supports -ko-blockdefs {\n' +
|
|
' id { widget: id }\n' +
|
|
' size { label: Size; widget: select; options: 8|9|10|11|12|13|14|15|16|18|20|22|25|28|31; }\n' +
|
|
' visible { label: Visible?; widget: boolean }\n' +
|
|
' color { label: Color; widget: color }\n' +
|
|
' radius {\n' +
|
|
' label: Corner Radius;\n' +
|
|
' widget: integer;\n' +
|
|
' max: 20;\n' +
|
|
' help: Attention - this property is not supported on all email clients (i.e. Outlook)\n' +
|
|
' }\n' +
|
|
' face { label: Font; widget: select; options: Arial, Helvetica, sans-serif=Arial|Arial Black, Arial Black, Gadget, sans-serif=Arial Black|Comic Sans MS, Comic Sans MS5, cursive=Comic Sans|Courier New, Courier New, monospace=Courier|Georgia, serif=Georgia|Impact, sans-serif=Impact|Lucida Console, Monaco, monospace=Lucida Console|Lucida Sans Unicode, Lucida Grande, sans-serif=Lucida Sans Unicode|Times New Roman, Times, serif=Times New Roman|Verdana, Geneva, sans-serif=Verdana}\n' +
|
|
' decoration { label: Decoration; widget: select; options: none=None|underline=Underline }\n' +
|
|
' linksColor { label: Link Color; extend: color }\n' +
|
|
' linksDecoration { label: Underlined Links?; extend: decoration }\n' +
|
|
' buttonColor { label: Button Color; extend: color }\n' +
|
|
' text { label: Paragraph; widget: text }\n' +
|
|
' url { label: Link; widget: url }\n' +
|
|
' src { label: Image; widget: src }\n' +
|
|
' hrWidth { label: Width; widget: select; options:10|20|30|40|50|60|70|80|90|100; }\n' +
|
|
' hrHeight { label: Line height; widget: integer; max: 80; }\n' +
|
|
'\n' +
|
|
' height { label: Height; widget: integer }\n' +
|
|
' imageHeight { label: Image Height; extend: height; }\n' +
|
|
' spacerSize { label: Height; widget: integer; max: 90; min: 4; }\n' +
|
|
' align { label: Alignment; widget: select; options:left=Left|right=Right|center=Center}\n' +
|
|
' alt {\n' +
|
|
' label: Alternative Text;\n' +
|
|
' widget: text;\n' +
|
|
' help: Alternative text will be shown on email clients that does not download image automatically;\n' +
|
|
' }\n' +
|
|
' sponsor { label: Sponsor; properties: visible=true; }\n' +
|
|
' titleText { label: HTML Title; extend: text; }\n' +
|
|
' gutterVisible { label: Show Gutter; extend: visible }\n' +
|
|
' socialIconType { label: Icon Version;widget: select; options:bw=Black and White|colors=Colors; }\n' +
|
|
'\n' +
|
|
' preheaderLinkOption {\n' +
|
|
' label: Unsubscribe Link;\n' +
|
|
' widget: select;\n' +
|
|
' options: [LINK_PREFERENCES]=Preferences|[LINK_UNSUBSCRIBE]=Unsubscribe|none=None;\n' +
|
|
' help: If -None- is selected, preHeader text will be shown;\n' +
|
|
' }\n' +
|
|
'\n' +
|
|
' hrStyle { label: Separator Style;properties:color hrWidth hrHeight; }\n' +
|
|
' hrStyle:preview { height: 200%; width: 200%; bottom: 20px; -ko-border-bottom: @[hrHeight]px solid @color; }\n' +
|
|
' preheaderVisible { label: Show Preheader; extend: visible; help: Preheader block is the first one on the top of the page. It contains web version link and optionally unsubscribe link or a preheader text that will be shown as a preview on some email clients; }\n' +
|
|
'\n' +
|
|
' /* content types */\n' +
|
|
' blocks { label: Blocks; properties: blocks[]; }\n' +
|
|
' link { label: Link; properties: text url }\n' +
|
|
' image { label: Image; properties: src url alt }\n' +
|
|
' backgroundColor { label: Background Color; extend: color }\n' +
|
|
' buttonLink { label: Button; extend: link }\n' +
|
|
'\n' +
|
|
' /* texts and links */\n' +
|
|
' textStyle { label: Text; properties: face color size }\n' +
|
|
' textStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
|
|
' linkStyle { label: Link; properties: face color size decoration=none }\n' +
|
|
' linkStyle:preview { -ko-bind-text: @[\'Link\']; -ko-font-size: @[size]px; -ko-font-family: @face; -ko-color: @color; -ko-text-decoration: @[decoration] }\n' +
|
|
' longTextStyle { label: Paragraph; properties: face color size linksColor }\n' +
|
|
' longTextStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
|
|
' bigButtonStyle { label: Big Button; extend: buttonStyle }\n' +
|
|
' titleTextStyle { label: Title; extend: textStyle }\n' +
|
|
' /* background */\n' +
|
|
' externalBackgroundColor { label: External Background; extend: color }\n' +
|
|
'\n' +
|
|
' externalTextStyle { label: Alternative Text; extend: textStyle }\n' +
|
|
' externalTextStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
|
|
'\n' +
|
|
' bigTitleStyle { label: Title; properties: face color size align}\n' +
|
|
' bigTitleStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
|
|
' /* buttons */\n' +
|
|
' buttonStyle color { label: Text Color; extend: color }\n' +
|
|
' buttonStyle size { label: Text Size; extend: size }\n' +
|
|
' buttonStyle { label: Button; properties: face color size buttonColor radius }\n' +
|
|
' buttonStyle:preview { -ko-bind-text: @[\'Button\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; -ko-background-color: @buttonColor; padding-left: 5px; -ko-border-radius: @[radius]px; }\n' +
|
|
'\n' +
|
|
' /* contents */\n' +
|
|
' preheaderText {label: PreHeader Text; extend:text; help: This text will be shown on some email clients as a preview of the email contents;}\n' +
|
|
' leftImage { label: Left Image; extend: image }\n' +
|
|
' leftLongText { label: Left Text; extend: text }\n' +
|
|
' leftButtonLink { label: Left Button; extend: buttonLink }\n' +
|
|
' middleImage { label: Central Image; extend: image }\n' +
|
|
' middleLongText { label: Central Text; extend: text }\n' +
|
|
' middleButtonLink { label: Central Button; extend: buttonLink }\n' +
|
|
' rightImage { label: Right Image; extend: image }\n' +
|
|
' rightLongText { label: Right Text; extend: text }\n' +
|
|
' rightButtonLink { label: Right Button; extend: buttonLink }\n' +
|
|
' webversionText{ label: Web Link Text; extend: text;}\n' +
|
|
' unsubscribeText{ label: Unsubscribe Link; extend: text;}\n' +
|
|
'\n' +
|
|
' titleVisible { label: Show Title; extend: visible; }\n' +
|
|
' buttonVisible { label: Show Button; extend: visible; }\n' +
|
|
' imageVisible { label: Show Image; extend: visible; }\n' +
|
|
'\n' +
|
|
' contentTheme { label: Main Style; }\n' +
|
|
' contentTheme:preview { -ko-background-color: @[backgroundColor] }\n' +
|
|
' frameTheme { label: Frame Style; }\n' +
|
|
' frameTheme:preview { -ko-background-color: @[backgroundColor] }\n' +
|
|
' template preheaderText { label: Preheader; }\n' +
|
|
'\n' +
|
|
' template { label: Page; theme: frameTheme ;properties: preheaderVisible=true; version: 1.0.6; }\n' +
|
|
'\n' +
|
|
' footerBlock { label: Unsubscribe Block; theme: frameTheme }\n' +
|
|
'\n' +
|
|
' socialBlock fbVisible { label: Facebook; }\n' +
|
|
' socialBlock twVisible { label: Twitter }\n' +
|
|
' socialBlock ggVisible { label: Google+ }\n' +
|
|
' socialBlock inVisible { label: LinkedIn }\n' +
|
|
' socialBlock flVisible { label: Flickr }\n' +
|
|
' socialBlock viVisible { label: Vimeo }\n' +
|
|
' socialBlock webVisible { label: Website }\n' +
|
|
' socialBlock instVisible { label: Instagram }\n' +
|
|
' socialBlock youVisible { label: YouTube }\n' +
|
|
' socialBlock fbUrl { label: Facebook Link}\n' +
|
|
' socialBlock twUrl { label: Twitter Link}\n' +
|
|
' socialBlock ggUrl { label: Google+ Link}\n' +
|
|
' socialBlock inUrl { label: LinkedIn Link}\n' +
|
|
' socialBlock flUrl { label: Flickr Link}\n' +
|
|
' socialBlock viUrl { label: Vimeo Link}\n' +
|
|
' socialBlock webUrl { label: Website Link}\n' +
|
|
' socialBlock instUrl { label: Instagram Link}\n' +
|
|
' socialBlock youUrl { label: YouTube Link}\n' +
|
|
' socialBlock {\n' +
|
|
' label: Social Block;\n' +
|
|
' properties: socialIconType=colors fbVisible=true fbUrl twVisible=true twUrl ggVisible=true ggUrl webVisible=false webUrl inVisible=false inUrl flVisible=false flUrl viVisible=false viUrl instVisible=false instUrl youVisible=false youUrl longTextStyle longText backgroundColor;\n' +
|
|
' variant:socialIconType;\n' +
|
|
' theme: frameTheme\n' +
|
|
' }\n' +
|
|
'\n' +
|
|
' preheaderBlock { label:Preheader Block; theme: frameTheme}\n' +
|
|
'\n' +
|
|
' sideArticleBlock imagePos {label:Image position;widget:select; options: left=Left|right=Right; }\n' +
|
|
' sideArticleBlock imageWidth { label: Image Size; widget: select; options: 120=Small|166=Medium|258=Big; }\n' +
|
|
' sideArticleBlock { label: Image+Text Block; properties: backgroundColor titleVisible=true buttonVisible=true imageWidth=166 imagePos=left titleTextStyle longTextStyle buttonStyle image longText buttonLink; variant:imagePos; theme: contentTheme }\n' +
|
|
'\n' +
|
|
' textBlock { label: Text Block; properties: backgroundColor longTextStyle longText; theme: contentTheme}\n' +
|
|
'\n' +
|
|
' singleArticleBlock { label: Image/Text Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle image longText buttonLink;theme: contentTheme}\n' +
|
|
'\n' +
|
|
' doubleArticleBlock { label: 2 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle leftImage leftLongText leftButtonLink rightImage rightLongText rightButtonLink; theme: contentTheme}\n' +
|
|
'\n' +
|
|
' tripleArticleBlock { label: 3 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle leftImage leftLongText leftButtonLink middleImage middleLongText middleButtonLink rightImage rightLongText rightButtonLink; theme: contentTheme}\n' +
|
|
'\n' +
|
|
' logoBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big; variant:imageWidth;}\n' +
|
|
' logoBlock { label: Logo Block; properties: image imageWidth=258; variant: imageWidth; theme: contentTheme}\n' +
|
|
'\n' +
|
|
' titleBlock { label: Title; theme: contentTheme}\n' +
|
|
'\n' +
|
|
' imageBlock longTextStyle {\n' +
|
|
' label: Alternative Text;\n' +
|
|
' }\n' +
|
|
' imageBlock { label: Image; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }\n' +
|
|
'\n' +
|
|
' doubleImageBlock longTextStyle {\n' +
|
|
' label: Alternative Text;\n' +
|
|
' }\n' +
|
|
' doubleImageBlock { label: Two Image Gallery Block; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }\n' +
|
|
'\n' +
|
|
' tripleImageBlock longTextStyle {\n' +
|
|
' label: Alternative Text;\n' +
|
|
' }\n' +
|
|
' tripleImageBlock { label: Three Image Gallery Block;properties:gutterVisible=false;variant:gutterVisible; theme: contentTheme}\n' +
|
|
'\n' +
|
|
' buttonBlock { label: Button Block; theme: contentTheme}\n' +
|
|
' hrBlock { label: Separator Block; theme: contentTheme}\n' +
|
|
' spacerBlock { label: Spacer Block; theme: contentTheme}\n' +
|
|
'\n' +
|
|
' spacerBlock:preview,\n' +
|
|
' logoBlock:preview { -ko-background-color: @[externalBackgroundColor] }\n' +
|
|
'\n' +
|
|
' preheaderBlock:preview,\n' +
|
|
' hrBlock:preview,\n' +
|
|
' sideArticleBlock:preview,\n' +
|
|
' textBlock:preview,\n' +
|
|
' singleArticleBlock:preview,\n' +
|
|
' doubleArticleBlock:preview,\n' +
|
|
' tripleArticleBlock:preview,\n' +
|
|
' titleBlock:preview,\n' +
|
|
' footerBlock:preview,\n' +
|
|
' socialBlock:preview,\n' +
|
|
' buttonBlock:preview,\n' +
|
|
' titleBlock:preview,\n' +
|
|
' socialshareBlock:preview { -ko-background-color: @[backgroundColor] }\n' +
|
|
' }\n' +
|
|
' </style>\n' +
|
|
' <style type="text/css" data-inline="true">\n' +
|
|
' body { Margin: 0; padding: 0; }\n' +
|
|
' img { border: 0px; display: block; }\n' +
|
|
'\n' +
|
|
' .socialLinks { font-size: 6px; }\n' +
|
|
' .socialLinks a {\n' +
|
|
' display: inline-block;\n' +
|
|
' }\n' +
|
|
' .socialIcon {\n' +
|
|
' display: inline-block;\n' +
|
|
' vertical-align: top;\n' +
|
|
' padding-bottom: 0px;\n' +
|
|
' border-radius: 100%;\n' +
|
|
' }\n' +
|
|
' .oldwebkit { max-width: 570px; }\n' +
|
|
' td.vb-outer { padding-left: 9px; padding-right: 9px; }\n' +
|
|
' table.vb-container, table.vb-row, table.vb-content {\n' +
|
|
' border-collapse: separate;\n' +
|
|
' }\n' +
|
|
' table.vb-row {\n' +
|
|
' border-spacing: 9px;\n' +
|
|
' }\n' +
|
|
' table.vb-row.halfpad {\n' +
|
|
' border-spacing: 0;\n' +
|
|
' padding-left: 9px;\n' +
|
|
' padding-right: 9px;\n' +
|
|
' }\n' +
|
|
' table.vb-row.fullwidth {\n' +
|
|
' border-spacing: 0;\n' +
|
|
' padding: 0;\n' +
|
|
' }\n' +
|
|
' table.vb-container {\n' +
|
|
' padding-left: 18px;\n' +
|
|
' padding-right: 18px;\n' +
|
|
' }\n' +
|
|
' table.vb-container.fullpad {\n' +
|
|
' border-spacing: 18px;\n' +
|
|
' padding-left: 0;\n' +
|
|
' padding-right: 0;\n' +
|
|
' }\n' +
|
|
' table.vb-container.halfpad {\n' +
|
|
' border-spacing: 9px;\n' +
|
|
' padding-left: 9px;\n' +
|
|
' padding-right: 9px;\n' +
|
|
' }\n' +
|
|
' table.vb-container.fullwidth {\n' +
|
|
' padding-left: 0;\n' +
|
|
' padding-right: 0;\n' +
|
|
' }\n' +
|
|
' </style>\n' +
|
|
' <style type="text/css">\n' +
|
|
' /* yahoo, hotmail */\n' +
|
|
' .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }\n' +
|
|
' .yshortcuts a { border-bottom: none !important; }\n' +
|
|
' .vb-outer { min-width: 0 !important; }\n' +
|
|
' .RMsgBdy, .ExternalClass {\n' +
|
|
' width: 100%;\n' +
|
|
' background-color: #3f3f3f;\n' +
|
|
' -ko-background-color: @[_theme_.frameTheme.backgroundColor]\n' +
|
|
' }\n' +
|
|
'\n' +
|
|
' /* outlook */\n' +
|
|
' table { mso-table-rspace: 0pt; mso-table-lspace: 0pt; }\n' +
|
|
' #outlook a { padding: 0; }\n' +
|
|
' img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; }\n' +
|
|
' a img { border: none; }\n' +
|
|
'\n' +
|
|
' @media screen and (max-device-width: 600px), screen and (max-width: 600px) {\n' +
|
|
' table.vb-container, table.vb-row {\n' +
|
|
' width: 95% !important;\n' +
|
|
' }\n' +
|
|
'\n' +
|
|
' .mobile-hide { display: none !important; }\n' +
|
|
' .mobile-textcenter { text-align: center !important; }\n' +
|
|
'\n' +
|
|
' .mobile-full {\n' +
|
|
' float: none !important;\n' +
|
|
' width: 100% !important;\n' +
|
|
' max-width: none !important;\n' +
|
|
' padding-right: 0 !important;\n' +
|
|
' padding-left: 0 !important;\n' +
|
|
' }\n' +
|
|
' img.mobile-full {\n' +
|
|
' width: 100% !important;\n' +
|
|
' max-width: none !important;\n' +
|
|
' height: auto !important;\n' +
|
|
' }\n' +
|
|
' }\n' +
|
|
' </style>\n' +
|
|
' <style type="text/css" data-inline="true">\n' +
|
|
' [data-ko-block=tripleArticleBlock] .links-color a,\n' +
|
|
' [data-ko-block=tripleArticleBlock] .links-color a:link,\n' +
|
|
' [data-ko-block=tripleArticleBlock] .links-color a:visited,\n' +
|
|
' [data-ko-block=tripleArticleBlock] .links-color a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=tripleArticleBlock] .long-text p { Margin: 1em 0px; }\n' +
|
|
' [data-ko-block=tripleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }\n' +
|
|
' [data-ko-block=tripleArticleBlock] .long-text p:first-child { Margin-top: 0px; }\n' +
|
|
'\n' +
|
|
' [data-ko-block=doubleArticleBlock] .links-color a,\n' +
|
|
' [data-ko-block=doubleArticleBlock] .links-color a:link,\n' +
|
|
' [data-ko-block=doubleArticleBlock] .links-color a:visited,\n' +
|
|
' [data-ko-block=doubleArticleBlock] .links-color a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=doubleArticleBlock] .long-text p { Margin: 1em 0px; }\n' +
|
|
' [data-ko-block=doubleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }\n' +
|
|
' [data-ko-block=doubleArticleBlock] .long-text p:first-child { Margin-top: 0px; }\n' +
|
|
'\n' +
|
|
' [data-ko-block=singleArticleBlock] .links-color a,\n' +
|
|
' [data-ko-block=singleArticleBlock] .links-color a:link,\n' +
|
|
' [data-ko-block=singleArticleBlock] .links-color a:visited,\n' +
|
|
' [data-ko-block=singleArticleBlock] .links-color a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=singleArticleBlock] .long-text p { Margin: 1em 0px; }\n' +
|
|
' [data-ko-block=singleArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }\n' +
|
|
' [data-ko-block=singleArticleBlock] .long-text p:first-child { Margin-top: 0px; }\n' +
|
|
'\n' +
|
|
' [data-ko-block=textBlock] .links-color a,\n' +
|
|
' [data-ko-block=textBlock] .links-color a:link,\n' +
|
|
' [data-ko-block=textBlock] .links-color a:visited,\n' +
|
|
' [data-ko-block=textBlock] .links-color a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=textBlock] .long-text p { Margin: 1em 0px; }\n' +
|
|
' [data-ko-block=textBlock] .long-text p:last-child { Margin-bottom: 0px; }\n' +
|
|
' [data-ko-block=textBlock] .long-text p:first-child { Margin-top: 0px; }\n' +
|
|
'\n' +
|
|
' [data-ko-block=sideArticleBlock] .links-color a,\n' +
|
|
' [data-ko-block=sideArticleBlock] .links-color a:link,\n' +
|
|
' [data-ko-block=sideArticleBlock] .links-color a:visited,\n' +
|
|
' [data-ko-block=sideArticleBlock] .links-color a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=sideArticleBlock] .long-text p { Margin: 1em 0px; }\n' +
|
|
' [data-ko-block=sideArticleBlock] .long-text p:last-child { Margin-bottom: 0px; }\n' +
|
|
' [data-ko-block=sideArticleBlock] .long-text p:first-child { Margin-top: 0px; }\n' +
|
|
'\n' +
|
|
' [data-ko-block=socialBlock] .links-color a,\n' +
|
|
' [data-ko-block=socialBlock] .links-color a:link,\n' +
|
|
' [data-ko-block=socialBlock] .links-color a:visited,\n' +
|
|
' [data-ko-block=socialBlock] .links-color a:hover {\n' +
|
|
' color: #cccccc;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=socialBlock] .long-text p { Margin: 1em 0px; }\n' +
|
|
' [data-ko-block=socialBlock] .long-text p:last-child { Margin-bottom: 0px; }\n' +
|
|
' [data-ko-block=socialBlock] .long-text p:first-child { Margin-top: 0px; }\n' +
|
|
'\n' +
|
|
' [data-ko-block=footerBlock] .links-color a,\n' +
|
|
' [data-ko-block=footerBlock] .links-color a:link,\n' +
|
|
' [data-ko-block=footerBlock] .links-color a:visited,\n' +
|
|
' [data-ko-block=footerBlock] .links-color a:hover {\n' +
|
|
' color: #cccccc;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=footerBlock] .long-text p { Margin: 1em 0px; }\n' +
|
|
' [data-ko-block=footerBlock] .long-text p:last-child { Margin-bottom: 0px; }\n' +
|
|
' [data-ko-block=footerBlock] .long-text p:first-child { Margin-top: 0px; }\n' +
|
|
'\n' +
|
|
' [data-ko-block=doubleImageBlock] a,\n' +
|
|
' [data-ko-block=doubleImageBlock] a:link,\n' +
|
|
' [data-ko-block=doubleImageBlock] a:visited,\n' +
|
|
' [data-ko-block=doubleImageBlock] a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=tripleImageBlock] a,\n' +
|
|
' [data-ko-block=tripleImageBlock] a:link,\n' +
|
|
' [data-ko-block=tripleImageBlock] a:visited,\n' +
|
|
' [data-ko-block=tripleImageBlock] a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' [data-ko-block=imageBlock] a,\n' +
|
|
' [data-ko-block=imageBlock] a:link,\n' +
|
|
' [data-ko-block=imageBlock] a:visited,\n' +
|
|
' [data-ko-block=imageBlock] a:hover {\n' +
|
|
' color: #3f3f3f;\n' +
|
|
' -ko-color: @longTextStyle.linksColor;\n' +
|
|
' text-decoration: underline;\n' +
|
|
' }\n' +
|
|
' </style>\n' +
|
|
'</head>\n' +
|
|
'<body bgcolor="#3f3f3f" text="#919191" alink="#cccccc" vlink="#cccccc" style="background-color: #3f3f3f; color: #919191;\n' +
|
|
' -ko-background-color: @_theme_.frameTheme.backgroundColor; -ko-attr-bgcolor: @_theme_.frameTheme.backgroundColor; -ko-color: @_theme_.frameTheme.longTextStyle.color;\n' +
|
|
' -ko-attr-text: @_theme_.frameTheme.longTextStyle.color; -ko-attr-alink: @_theme_.frameTheme.longTextStyle.linksColor;\n' +
|
|
' -ko-attr-vlink: @_theme_.frameTheme.longTextStyle.linksColor">\n' +
|
|
'\n' +
|
|
' <center>\n' +
|
|
'\n' +
|
|
' <!-- preheaderBlock -->\n' +
|
|
' <div data-ko-display="preheaderVisible" data-ko-wrap="false">\n' +
|
|
'\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f"\n' +
|
|
' style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="preheaderBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#3f3f3f"\n' +
|
|
' style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor">\n' +
|
|
' <div style="display: none; font-size:1px; color: #333333; line-height: 1px; max-height:0px; max-width: 0px; opacity: 0; overflow: hidden;\n' +
|
|
' -ko-bind-text: @preheaderText"></div>\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="0" class="vb-row halfpad" bgcolor="#3f3f3f"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #3f3f3f; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" valign="top" bgcolor="#3f3f3f" style="font-size: 0; background-color: #3f3f3f;\n' +
|
|
' -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="left">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%;" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td width="100%" valign="top" align="left" style="font-weight: normal; text-align:left; font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #ffffff;\n' +
|
|
' -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face">\n' +
|
|
' <a data-ko-display="preheaderLinkOption neq \'none\'" data-ko-editable="unsubscribeText" href="[LINK_PREFERENCES]"\n' +
|
|
' style="text-decoration: underline; color: #ffffff; -ko-attr-href: @preheaderLinkOption;\n' +
|
|
' -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">Preferences</a>\n' +
|
|
' <span data-ko-display="preheaderLinkOption eq \'none\'" style="font-size: 13px;color: #919191; font-weight: normal; text-align:center;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color;\n' +
|
|
' -ko-font-family: @longTextStyle.face; -ko-bind-text: @preheaderText; display: none"></span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]>\n' +
|
|
'</td><td align="left" valign="top" width="276">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full mobile-hide">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%; text-align: right;" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td width="100%" valign="top" style="font-weight: normal; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #ffffff;\n' +
|
|
' -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face">\n' +
|
|
' <span style="color: #ffffff; text-decoration: underline;\n' +
|
|
' -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">\n' +
|
|
' <a data-ko-editable="webversionText" href="[LINK_BROWSER]"\n' +
|
|
' style="text-decoration: underline; color: #ffffff;\n' +
|
|
' -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration">View in your browser</a>\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]>\n' +
|
|
'</td></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
' </div>\n' +
|
|
' <!-- /preheaderBlock -->\n' +
|
|
'\n' +
|
|
' <div data-ko-container="main" data-ko-wrap="false">\n' +
|
|
'\n' +
|
|
' <!-- logoBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="logoBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" style="width: 100%; max-width: 570px" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" align="center">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="258" style="-ko-attr-width: @[imageWidth]"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:258px; -ko-max-width: @[imageWidth]px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
' <a data-ko-link="image.url" href="" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #f3f3f3;\n' +
|
|
' text-decoration: none; -ko-font-size: @[externalTextStyle.size]px;\n' +
|
|
' -ko-font-family: @externalTextStyle.face; -ko-color: @externalTextStyle.color"><img\n' +
|
|
' data-ko-editable="image.src" width="258" data-ko-placeholder-height="150"\n' +
|
|
' style="-ko-attr-alt: @image.alt; width: 100%; max-width: 258px; -ko-attr-width: @imageWidth; -ko-max-width: @[imageWidth]px;"\n' +
|
|
' src="[PLACEHOLDER_258x150]" vspace="0" hspace="0" border="0" alt="" /></a>\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /logoBlock -->\n' +
|
|
'\n' +
|
|
' <!-- sideArticleBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="sideArticleBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" class="mobile-row" valign="top" style="font-size: 0;">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->\n' +
|
|
'<div data-ko-display="imagePos eq \'left\'" data-ko-wrap="false" style="width: 100%; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; display:inline-block" class="mobile-full">\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184" style="-ko-attr-width: @[18 + Math.round(imageWidth)]"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td width="100%" valign="top" align="left" class="links-color">\n' +
|
|
' <a data-ko-link="image.url" href="">\n' +
|
|
' <img data-ko-editable="image.src" border="0" hspace="0" vspace="0" width="166"\n' +
|
|
' data-ko-placeholder-height="130" class="mobile-full" alt=""\n' +
|
|
' src="[PLACEHOLDER_166x130]"\n' +
|
|
' style="vertical-align: top; width: 100%; height: auto; -ko-attr-width: @imageWidth; max-width: 166px; -ko-max-width: @[imageWidth]px; -ko-attr-alt: @image.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<![endif]--></div><!--[if (gte mso 9)|(lte ie 8)]>\n' +
|
|
'<td align="left" valign="top" width="368" style="-ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:368px; -ko-max-width: @[570 - 2 * 18 - Math.round(imageWidth)]px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="368" style="width: 100%; -ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]" align="left">\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;\n' +
|
|
' -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">\n' +
|
|
' <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="titleText">\n' +
|
|
' Title\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="longText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td valign="top">\n' +
|
|
' <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-border-radius: @[buttonStyle.radius]px;\n' +
|
|
' -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;\n' +
|
|
' -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color;">\n' +
|
|
' <a data-ko-editable="buttonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @buttonStyle.color; -ko-attr-href: @buttonLink.url">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<![endif]--><div data-ko-display="imagePos eq \'right\'" data-ko-wrap="false" style="width: 100%; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; display:inline-block; display: none;" class="mobile-full"><!--[if (gte mso 9)|(lte ie 8)]>\n' +
|
|
'<td data-ko-display="imagePos eq \'right\'" align="left" valign="top" width="184" style="display: none; -ko-attr-width: @[18 + Math.round(imageWidth)]">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:184px; -ko-max-width:@[18 + Math.round(imageWidth)]px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td width="100%" valign="top" align="left" class="links-color">\n' +
|
|
' <a data-ko-link="image.url" href="">\n' +
|
|
' <img data-ko-editable="image.src" border="0" hspace="0" vspace="0" width="166" data-ko-placeholder-height="130" class="mobile-full"\n' +
|
|
' src="[PLACEHOLDER_166x130]" class="mobile-full"\n' +
|
|
' alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-width: @imageWidth; max-width: 166px; -ko-max-width: @[imageWidth]px; -ko-attr-alt: @image.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /sideArticleBlock -->\n' +
|
|
'\n' +
|
|
' <!-- singleArticleBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="singleArticleBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr data-ko-display="imageVisible">\n' +
|
|
' <td width="100%" valign="top" align="left" class="links-color">\n' +
|
|
' <a data-ko-link="image.url" href="">\n' +
|
|
' <img data-ko-editable="image.src" border="0" hspace="0" vspace="0" width="534" data-ko-placeholder-height="200"\n' +
|
|
' src="[PLACEHOLDER_534x200]" class="mobile-full"\n' +
|
|
' alt="" style="vertical-align:top; max-width:534px; width: 100%; height: auto;\n' +
|
|
' -ko-attr-alt: @image.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr><td><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;\n' +
|
|
' -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">\n' +
|
|
' <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="text">\n' +
|
|
' Section Title\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td height="9" style="font-size:1px; line-height: 1px;"> </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="longText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td height="13" style="font-size:1px; line-height: 1px;"> </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td valign="top">\n' +
|
|
' <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-border-radius: @[buttonStyle.radius]px;\n' +
|
|
' -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;\n' +
|
|
' -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">\n' +
|
|
' <a data-ko-editable="buttonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @buttonStyle.color; -ko-attr-href: @buttonLink.url">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table></td></tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /singleArticleBlock -->\n' +
|
|
'\n' +
|
|
' <!-- TitleBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="titleBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-container halfpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td bgcolor="#ffffff" align="center"\n' +
|
|
' style="background-color: #ffffff; font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align: center;\n' +
|
|
' -ko-attr-align: @bigTitleStyle.align; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;\n' +
|
|
' -ko-font-size: @[bigTitleStyle.size]px; -ko-font-family: @bigTitleStyle.face; -ko-color: @bigTitleStyle.color; -ko-text-align: @bigTitleStyle.align">\n' +
|
|
' <span data-ko-editable="text">Section Title</span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /TitleBlock -->\n' +
|
|
'\n' +
|
|
' <!-- textBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="textBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="longText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p>\n' +
|
|
' <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /textBlock -->\n' +
|
|
'\n' +
|
|
' <!-- tripleArticleBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="tripleArticleBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" valign="top" class="mobile-row" style="font-size: 0">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%" align="left">\n' +
|
|
' <tr data-ko-display="imageVisible">\n' +
|
|
' <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">\n' +
|
|
' <a data-ko-link="leftImage.url" href="">\n' +
|
|
' <img data-ko-editable="leftImage.src" border="0" hspace="0" vspace="0" width="166" height="90"\n' +
|
|
' src="[PLACEHOLDER_166x90]" class="mobile-full"\n' +
|
|
' alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;\n' +
|
|
' -ko-attr-alt: @leftImage.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;\n' +
|
|
' -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">\n' +
|
|
' <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="leftTitleText">Title\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="leftLongText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td valign="top">\n' +
|
|
' <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-border-radius: @[buttonStyle.radius]px;\n' +
|
|
' -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;\n' +
|
|
' -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">\n' +
|
|
' <a data-ko-editable="leftButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @buttonStyle.color; -ko-attr-href: @leftButtonLink.url">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="184">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%" align="left">\n' +
|
|
' <tr data-ko-display="imageVisible">\n' +
|
|
' <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">\n' +
|
|
' <a data-ko-link="middleImage.url">\n' +
|
|
' <img data-ko-editable="middleImage.src" border="0" hspace="0" vspace="0" width="166" height="90"\n' +
|
|
' src="[PLACEHOLDER_166x90]" class="mobile-full"\n' +
|
|
' alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;\n' +
|
|
' -ko-attr-alt: @middleImage.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;\n' +
|
|
' -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">\n' +
|
|
' <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="middleTitleText">\n' +
|
|
' Title\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="middleLongText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td valign="top">\n' +
|
|
' <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-border-radius: @[buttonStyle.radius]px;\n' +
|
|
' -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;\n' +
|
|
' -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">\n' +
|
|
' <a data-ko-editable="middleButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @buttonStyle.color; -ko-attr-href: @middleButtonLink.url">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="184">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="184" style="width: 100%" align="right">\n' +
|
|
' <tr data-ko-display="imageVisible">\n' +
|
|
' <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">\n' +
|
|
' <a data-ko-link="rightImage.url">\n' +
|
|
' <img data-ko-editable="rightImage.src" border="0" hspace="0" vspace="0" width="166" height="90"\n' +
|
|
' src="[PLACEHOLDER_166x90]" class="mobile-full"\n' +
|
|
' alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;\n' +
|
|
' -ko-attr-alt: @rightImage.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;\n' +
|
|
' -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">\n' +
|
|
' <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="rightTitleText">\n' +
|
|
' Title\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="rightLongText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td valign="top">\n' +
|
|
' <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-border-radius: @[buttonStyle.radius]px;\n' +
|
|
' -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;\n' +
|
|
' -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color;">\n' +
|
|
' <a data-ko-editable="rightButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @buttonStyle.color; -ko-attr-href: @rightButtonLink.url">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /tripleArticleBlock -->\n' +
|
|
'\n' +
|
|
' <!-- doubleArticleBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="doubleArticleBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" valign="top" style="font-size: 0">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="left">\n' +
|
|
' <tr data-ko-display="imageVisible">\n' +
|
|
' <td width="100%" align="left" class="links-color" style="padding-bottom: 9px">\n' +
|
|
' <a data-ko-link="leftImage.url">\n' +
|
|
' <img data-ko-editable="leftImage.src" border="0" hspace="0" vspace="0" width="258" height="100"\n' +
|
|
' src="[PLACEHOLDER_258x100]" class="mobile-full"\n' +
|
|
' alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;\n' +
|
|
' -ko-attr-alt: @leftImage.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;\n' +
|
|
' -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">\n' +
|
|
' <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="leftTitleText">\n' +
|
|
' Title\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="leftLongText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. </p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td valign="top">\n' +
|
|
' <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px;">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-border-radius: @[buttonStyle.radius]px;\n' +
|
|
' -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;\n' +
|
|
' -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">\n' +
|
|
' <a data-ko-editable="leftButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @buttonStyle.color; -ko-attr-href: @leftButtonLink.url">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="276">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="right">\n' +
|
|
' <tr data-ko-display="imageVisible">\n' +
|
|
' <td width="100%" valign="top" align="left" class="links-color" style="padding-bottom: 9px">\n' +
|
|
' <a data-ko-link="rightImage.url">\n' +
|
|
' <img data-ko-editable="rightImage.src" border="0" hspace="0" vspace="0" width="258" height="100"\n' +
|
|
' src="[PLACEHOLDER_258x100]" class="mobile-full"\n' +
|
|
' alt="" style="vertical-align:top; width: 100%; height: auto; -ko-attr-height: @imageHeight;\n' +
|
|
' -ko-attr-alt: @rightImage.alt" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="titleVisible">\n' +
|
|
' <td style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; text-align:left;\n' +
|
|
' -ko-font-size: @[titleTextStyle.size]px; -ko-font-family: @titleTextStyle.face; -ko-color: @titleTextStyle.color">\n' +
|
|
' <span style="color: #3f3f3f; -ko-color: @titleTextStyle.color" data-ko-editable="rightTitleText">\n' +
|
|
' Title\n' +
|
|
' </span>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td align="left" style="text-align: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="rightLongText" class="long-text links-color">\n' +
|
|
' <p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' <tr data-ko-display="buttonVisible">\n' +
|
|
' <td valign="top">\n' +
|
|
' <table cellpadding="0" border="0" align="left" cellspacing="0" class="mobile-full" style="padding-top: 4px;">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="26"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align:center; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-border-radius: @[buttonStyle.radius]px;\n' +
|
|
' -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor;\n' +
|
|
' -ko-font-size: @[buttonStyle.size]px; -ko-font-family: @buttonStyle.face; -ko-color: @buttonStyle.color; ">\n' +
|
|
' <a data-ko-editable="rightButtonLink.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @buttonStyle.color; -ko-attr-href: @rightButtonLink.url">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /doubleArticleBlock -->\n' +
|
|
'\n' +
|
|
' <!-- hrBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="hrBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="9" class="vb-container halfpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" bgcolor="#ffffff" style="background-color: #ffffff;\n' +
|
|
' -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="center">\n' +
|
|
' <table width="100%" cellspacing="0" cellpadding="0" border="0"\n' +
|
|
' style="width:100%; -ko-width: @[hrStyle.hrWidth]%; -ko-attr-width: @[hrStyle.hrWidth]%">\n' +
|
|
' <tr>\n' +
|
|
' <td width="100%" height="1" style="font-size:1px; line-height: 1px; width: 100%; background-color: #3f3f3f;\n' +
|
|
' -ko-background-color: @hrStyle.color; -ko-attr-height: @hrStyle.hrHeight; -ko-line-height: @[hrStyle.hrHeight]px"> </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /hrBlock -->\n' +
|
|
'\n' +
|
|
' <!-- buttonBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="buttonBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" border="0" cellpadding="0" cellspacing="18" class="vb-container fullpad" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" bgcolor="#ffffff" style="background-color: #ffffff;\n' +
|
|
' -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor" align="center">\n' +
|
|
'\n' +
|
|
' <table cellpadding="0" border="0" align="center" cellspacing="0" class="mobile-full">\n' +
|
|
' <tr>\n' +
|
|
' <td width="auto" valign="middle" bgcolor="#bfbfbf" align="center" height="50"\n' +
|
|
' style="font-size:22px; font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; font-weight: normal;\n' +
|
|
' padding-left: 14px; padding-right: 14px; background-color: #bfbfbf; border-radius: 4px;\n' +
|
|
' -ko-attr-bgcolor: @bigButtonStyle.buttonColor; -ko-background-color: @bigButtonStyle.buttonColor;\n' +
|
|
' -ko-border-radius: @[bigButtonStyle.radius]px;\n' +
|
|
' -ko-font-size: @[bigButtonStyle.size]px; -ko-font-family: @bigButtonStyle.face; -ko-color: @bigButtonStyle.color; ">\n' +
|
|
' <a data-ko-link="link.url" data-ko-editable="link.text" href="" style="text-decoration: none; color: #3f3f3f; font-weight: normal;\n' +
|
|
' -ko-color: @bigButtonStyle.color;">BUTTON</a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /buttonBlock -->\n' +
|
|
'\n' +
|
|
' <!-- imageBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf;\n' +
|
|
' -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="imageBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" valign="top" align="center">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table data-ko-display="gutterVisible eq false" width="570" class="vb-container fullwidth" cellpadding="0" border="0" bgcolor="#ffffff" align="center"\n' +
|
|
' cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" align="center">\n' +
|
|
' <a data-ko-link="image.url" href="" style="text-decoration: none;"><img data-ko-editable="image.src"\n' +
|
|
' hspace="0" border="0" vspace="0" width="570" data-ko-placeholder-height="200"\n' +
|
|
' src="[PLACEHOLDER_570x200]" class="mobile-full"\n' +
|
|
' alt="" style="max-width: 570px; display: block; border-radius: 0px; width: 100%; height: auto; font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px;\n' +
|
|
' -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color; -ko-attr-alt: @image.alt;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <table data-ko-display="gutterVisible" width="570" class="vb-container fullpad" cellpadding="0" border="0" bgcolor="#ffffff" align="center"\n' +
|
|
' cellspacing="18" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor; display: none;">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" align="center">\n' +
|
|
' <a data-ko-link="image.url" href="" style="text-decoration: none;"><img data-ko-editable="image.src"\n' +
|
|
' hspace="0" border="0" vspace="0" width="534" data-ko-placeholder-height="280"\n' +
|
|
' src="[PLACEHOLDER_534x280]" class="mobile-full"\n' +
|
|
' alt="" style="max-width: 534px; display: block; border-radius: 0px; width: 100%; height: auto; font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px;\n' +
|
|
' -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color; -ko-attr-alt: @image.alt;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- imageBlock -->\n' +
|
|
'\n' +
|
|
' <!-- doubleImageBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf;\n' +
|
|
' -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="doubleImageBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" align="center" valign="top" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor">\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table data-ko-display="gutterVisible eq false" width="570" class="vb-container fullwidth" cellpadding="0" border="0" bgcolor="#ffffff" align="center"\n' +
|
|
' cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" align="center" class="mobile-row" style="font-size: 0">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="285"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:285px; vertical-align:top; width:100%; width:100%; " class="mobile-full">\n' +
|
|
' <a data-ko-link="leftImage.url" href="" style="text-decoration: none;"><img data-ko-editable="leftImage.src"\n' +
|
|
' hspace="0" align="left" border="0" vspace="0" width="285" height="180" class="mobile-full"\n' +
|
|
' src="[PLACEHOLDER_285x180]"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="285">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:285px; vertical-align:top; width:100%; width:100%; " class="mobile-full">\n' +
|
|
' <a data-ko-link="rightImage.url" href="" style="text-decoration: none;"><img data-ko-editable="rightImage.src"\n' +
|
|
' hspace="0" align="right" border="0" vspace="0" width="285" height="180" class="mobile-full"\n' +
|
|
' src="[PLACEHOLDER_285x180]"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <table data-ko-display="gutterVisible" width="570" class="vb-row fullpad" border="0" cellpadding="0" cellspacing="9" bgcolor="#ffffff"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; display: none;">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; font-size: 0">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" width="276" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top">\n' +
|
|
' <a data-ko-link="leftImage.url" href="" style="text-decoration: none;">\n' +
|
|
' <img data-ko-editable="leftImage.src"\n' +
|
|
' hspace="0" align="left" border="0" vspace="0" width="258" height="180"\n' +
|
|
' src="[PLACEHOLDER_258x180]" class="mobile-full"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="276">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" width="276" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="right">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top">\n' +
|
|
' <a data-ko-link="rightImage.url" href="" style="text-decoration: none;"><img data-ko-editable="rightImage.src"\n' +
|
|
' hspace="0" align="right" border="0" vspace="0" width="258" height="180"\n' +
|
|
' src="[PLACEHOLDER_258x180]" class="mobile-full"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /doubleImageBlock -->\n' +
|
|
'\n' +
|
|
' <!-- tripleImageBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf;\n' +
|
|
' -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="tripleImageBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" valign="top" align="center" style="">\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table data-ko-display="gutterVisible eq false" width="570" class="vb-container fullwidth" cellpadding="0" border="0" bgcolor="#ffffff" align="center"\n' +
|
|
' cellspacing="0" style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor;">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" align="center" class="mobile-row" style="font-size: 0">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:190px; vertical-align:top; width:100%; " class="mobile-full">\n' +
|
|
' <a data-ko-link="leftImage.url" href="" style="text-decoration: none;"><img data-ko-editable="leftImage.src"\n' +
|
|
' hspace="0" align="left" border="0" vspace="0" width="190" height="160" class="mobile-full"\n' +
|
|
' src="[PLACEHOLDER_190x160]"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="190">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:190px; vertical-align:top; width:100%; " class="mobile-full">\n' +
|
|
' <a data-ko-link="middleImage.url" href="" style="text-decoration: none;"><img data-ko-editable="middleImage.src"\n' +
|
|
' hspace="0" align="left" border="0" vspace="0" width="190" height="160" class="mobile-full"\n' +
|
|
' src="[PLACEHOLDER_190x160]"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @middleImage.alt;" /></a>\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="190">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:190px; vertical-align:top; width:100%; " class="mobile-full">\n' +
|
|
' <a data-ko-link="rightImage.url" href="" style="text-decoration: none;"><img data-ko-editable="rightImage.src"\n' +
|
|
' hspace="0" align="right" border="0" vspace="0" width="190" height="160" class="mobile-full"\n' +
|
|
' src="[PLACEHOLDER_190x160]"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <table data-ko-display="gutterVisible" width="570" border="0" cellpadding="0" cellspacing="9" bgcolor="#ffffff" class="vb-row fullpad"\n' +
|
|
' style="width: 100%; max-width: 570px; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor; display: none;">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" valign="top" bgcolor="#ffffff" style="font-size: 0; background-color: #ffffff; -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" width="184" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top">\n' +
|
|
' <a data-ko-link="leftImage.url" href="" style="text-decoration: none;"><img data-ko-editable="leftImage.src"\n' +
|
|
' hspace="0" align="left" border="0" vspace="0" width="166" height="160"\n' +
|
|
' src="[PLACEHOLDER_166x160]" class="mobile-full"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @leftImage.alt;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="184">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" width="184" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top">\n' +
|
|
' <a data-ko-link="middleImage.url" href="" style="text-decoration: none"><img data-ko-editable="middleImage.src"\n' +
|
|
' hspace="0" align="left" border="0" vspace="0" width="166" height="160"\n' +
|
|
' src="[PLACEHOLDER_166x160]" class="mobile-full"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @middleImage.alt;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="184">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:184px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" width="184" style="width: 100%" border="0" cellpadding="0" cellspacing="9" align="right">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top">\n' +
|
|
' <a data-ko-link="rightImage.url" href="" style="text-decoration: none"><img data-ko-editable="rightImage.src"\n' +
|
|
' hspace="0" align="right" border="0" vspace="0" width="166" height="160"\n' +
|
|
' src="[PLACEHOLDER_166x160]" class="mobile-full"\n' +
|
|
' alt="" style="display: block; border-radius: 0px; width: 100%; height: auto;font-size: 13px;\n' +
|
|
' font-family: Arial, Helvetica, sans-serif; color: #3f3f3f; -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face;\n' +
|
|
' -ko-color: @longTextStyle.color; -ko-attr-height: @imageHeight; -ko-attr-alt: @rightImage.alt;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /tripleImageBlock -->\n' +
|
|
'\n' +
|
|
' <!-- spacerBlock -->\n' +
|
|
' <table class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf"\n' +
|
|
' style="background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor; -ko-attr-bgcolor: @externalBackgroundColor" data-ko-block="spacerBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td class="vb-outer" valign="top" align="center" bgcolor="#bfbfbf" height="24"\n' +
|
|
' style="-ko-attr-height: @spacerSize; height: 24px; -ko-height: @[spacerSize]px; background-color: #bfbfbf; -ko-background-color: @externalBackgroundColor;\n' +
|
|
' -ko-attr-bgcolor: @externalBackgroundColor; font-size:1px; line-height: 1px;"> </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /spacerBlock -->\n' +
|
|
'\n' +
|
|
' <!-- socialBlock -->\n' +
|
|
' <table width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f"\n' +
|
|
' style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="socialBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" valign="top" bgcolor="#3f3f3f" style="background-color: #3f3f3f;\n' +
|
|
' -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor;">\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" style="width: 100%; max-width: 570px" border="0" cellpadding="0" cellspacing="9" class="vb-row fullpad" align="center">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="top" align="center" style="font-size: 0;">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]-->\n' +
|
|
'<div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="left">\n' +
|
|
' <tr>\n' +
|
|
' <td valign="middle" align="left"\n' +
|
|
' style="font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #919191; text-align:left;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-font-family: @longTextStyle.face; -ko-color: @longTextStyle.color"\n' +
|
|
' data-ko-editable="longText" class="long-text links-color mobile-textcenter">\n' +
|
|
' <p>Address and <a href="">Contacts</a></p>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div><!--[if (gte mso 9)|(lte ie 8)]></td>\n' +
|
|
'<td align="left" valign="top" width="276">\n' +
|
|
'<![endif]--><div style="display:inline-block; max-width:276px; vertical-align:top; width:100%;" class="mobile-full">\n' +
|
|
'\n' +
|
|
' <table class="vb-content" border="0" cellspacing="9" cellpadding="0" width="276" style="width: 100%" align="right">\n' +
|
|
' <tr>\n' +
|
|
' <td align="right" valign="middle" class="links-color socialLinks mobile-textcenter" data-ko-display="socialIconType eq \'colors\'">\n' +
|
|
' <span data-ko-display="fbVisible" data-ko-wrap="false"> </span>\n' +
|
|
' <a data-ko-display="fbVisible" href="" style="-ko-attr-href: @fbUrl">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/facebook_ok.png" alt="Facebook" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="twVisible" data-ko-wrap="false"> </span>\n' +
|
|
' <a data-ko-display="twVisible" href="" style="-ko-attr-href: @twUrl">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/twitter_ok.png" alt="Twitter" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="ggVisible" data-ko-wrap="false"> </span>\n' +
|
|
' <a data-ko-display="ggVisible" href="" style="-ko-attr-href: @ggUrl">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/google+_ok.png" alt="Google+" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="webVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="webVisible" href="" style="-ko-attr-href: @webUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/web_ok.png" alt="Web" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="inVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="inVisible" href="" style="-ko-attr-href: @inUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/linkedin_ok.png" alt="Linkedin" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="flVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="flVisible" href="" style="-ko-attr-href: @flUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/flickr_ok.png" alt="Flickr" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="viVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="viVisible" href="" style="-ko-attr-href: @viUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/vimeo_ok.png" alt="Vimeo" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="instVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="instVisible" href="" style="-ko-attr-href: @instUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/instagram_ok.png" alt="Instagram" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="youVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="youVisible" href="" style="-ko-attr-href: @youUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/youtube_ok.png" alt="Youtube" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' <td align="right" valign="middle" class="links-color socialLinks mobile-textcenter" data-ko-display="socialIconType eq \'bw\'"\n' +
|
|
' style="display: none">\n' +
|
|
' <span data-ko-display="fbVisible" data-ko-wrap="false"> </span>\n' +
|
|
' <a data-ko-display="fbVisible" href="" style="-ko-attr-href: @fbUrl">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/facebook_bw_ok.png" alt="Facebook" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="twVisible" data-ko-wrap="false"> </span>\n' +
|
|
' <a data-ko-display="twVisible" href="" style="-ko-attr-href: @twUrl">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/twitter_bw_ok.png" alt="Twitter" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="ggVisible" data-ko-wrap="false"> </span>\n' +
|
|
' <a data-ko-display="ggVisible" href="" style="-ko-attr-href: @ggUrl">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/google+_bw_ok.png" alt="Google+" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="webVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="webVisible" href="" style="-ko-attr-href: @webUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/web_bw_ok.png" alt="Web" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="inVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="inVisible" href="" style="-ko-attr-href: @inUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/linkedin_bw_ok.png" alt="Linkedin" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="flVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="flVisible" href="" style="-ko-attr-href: @flUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/flickr_bw_ok.png" alt="Flickr" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="viVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="viVisible" href="" style="-ko-attr-href: @viUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/vimeo_bw_ok.png" alt="Vimeo" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="instVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="instVisible" href="" style="-ko-attr-href: @instUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/instagram_bw_ok.png" alt="Instagram" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' <span data-ko-display="youVisible" data-ko-wrap="false" style="display: none"> </span>\n' +
|
|
' <a data-ko-display="youVisible" href="" style="-ko-attr-href: @youUrl; display: none">\n' +
|
|
' <img src="[URL_BASE]/static/mosaico/templates/versafix-1/img/social_def/youtube_bw_ok.png" alt="Youtube" border="0" class="socialIcon" />\n' +
|
|
' </a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
'\n' +
|
|
'</div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td><![endif]-->\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]-->\n' +
|
|
'\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /socialBlock -->\n' +
|
|
'\n' +
|
|
' </div>\n' +
|
|
'\n' +
|
|
' <!-- footerBlock -->\n' +
|
|
' <table width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f"\n' +
|
|
' style="background-color: #3f3f3f; -ko-background-color: @backgroundColor; -ko-attr-bgcolor: @backgroundColor" data-ko-block="footerBlock">\n' +
|
|
' <tr>\n' +
|
|
' <td align="center" valign="top" bgcolor="#3f3f3f" style="background-color: #3f3f3f;\n' +
|
|
' -ko-attr-bgcolor: @backgroundColor; -ko-background-color: @backgroundColor">\n' +
|
|
'\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]><table align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]-->\n' +
|
|
' <div class="oldwebkit">\n' +
|
|
' <table width="570" style="width: 100%; max-width: 570px" border="0" cellpadding="0" cellspacing="9" class="vb-container halfpad" align="center">\n' +
|
|
' <tr>\n' +
|
|
' <td data-ko-editable="longText" class="long-text links-color"\n' +
|
|
' style="text-align:center; font-size: 13px;color: #919191; font-weight: normal; text-align:center; font-family: Arial, Helvetica, sans-serif;\n' +
|
|
' -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face"><p>Email sent to <a href="mailto:[EMAIL]">[EMAIL]</a></p></td>\n' +
|
|
' </tr>\n' +
|
|
' <tr>\n' +
|
|
' <td style="text-align: center;">\n' +
|
|
' <a style="text-decoration: underline; color: #ffffff; text-align: center; font-size: 13px;\n' +
|
|
' font-weight: normal; font-family: Arial, Helvetica, sans-serif;\n' +
|
|
' -ko-text-decoration: @linkStyle.decoration; -ko-color: @[Color.readability(linkStyle.color, backgroundColor) gt 2 ? linkStyle.color : (Color.isReadable(\'#ffffff\', backgroundColor) ? \'#ffffff\' : \'#000000\')]; -ko-font-size: @[linkStyle.size]px; -ko-font-family: @linkStyle.face"\n' +
|
|
' href="[LINK_UNSUBSCRIBE]"><span data-ko-editable="disiscrivitiText">Unsubscribe</span></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
'\n' +
|
|
' <tr data-ko-display="_root_.sponsor.visible" style="display: none;text-align:center">\n' +
|
|
' <td align="center">\n' +
|
|
' <a href="http://www.void.it" target="_blank" rel="noreferrer"><img border="0" hspace="0" vspace="0" src="[URL_BASE]/static/mosaico/templates/versafix-1/img/sponsor.gif" alt="sponsor"\n' +
|
|
' style="Margin:auto;display:inline !important;" /></a>\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
'<!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
|
|
' </td>\n' +
|
|
' </tr>\n' +
|
|
' </table>\n' +
|
|
' <!-- /footerBlock -->\n' +
|
|
'\n' +
|
|
' </center>\n' +
|
|
'</body>\n' +
|
|
'</html>\n';
|
|
|
|
const mjmlSample = '<mjml>\n' +
|
|
' <mj-head>\n' +
|
|
' <mj-attributes>\n' +
|
|
' <mj-body background-color="white"/>\n' +
|
|
' <mj-section padding="0px 0px" />\n' +
|
|
' <mj-text padding="0px 10px" />\n' +
|
|
' <mj-image padding="10px 10px" alt="" />\n' +
|
|
' <mj-mosaico-image padding="10px 10px" alt="" />\n' +
|
|
' <mj-mosaico-button align="left" background-color="#e85034" color="#fff" border-radius="24px" font-size="11px" />\n' +
|
|
' \n' +
|
|
' <mj-class name="header-section" margin-top="10px" background-color="#e85034" padding-top="5px" padding-bottom="5px" full-width="full-width" css-class="header"/>\n' +
|
|
'\n' +
|
|
' <mj-class name="banner-section" padding-top="10px" />\n' +
|
|
'\n' +
|
|
' <mj-class name="feature-section" padding-top="10px" padding-bottom="15px" css-class="feature" />\n' +
|
|
' \n' +
|
|
' <mj-class name="divider-section" background-color="#e85034" vertical-align="middle" full-width="full-width" padding-top="10px" padding-bottom="5px" css-class="divider"/>\n' +
|
|
'\n' +
|
|
' <mj-class name="article-section" padding-top="10px" padding-bottom="10px" css-class="article" />\n' +
|
|
'\n' +
|
|
' <mj-class name="links-section" padding-top="0px" padding-bottom="0px" background-color="#e85034" vertical-align="middle" full-width="full-width" />\n' +
|
|
' <mj-social font-size="12px" font-family="arial,helvetica neue,helvetica,sans-serif" icon-size="30px" mode="horizontal" />\n' +
|
|
' <mj-social-element text-padding="4px 15px 4px 0px" padding="8px" alt="" color="white"/>\n' +
|
|
' \n' +
|
|
' <mj-class name="footer-section" padding-top="30px"/>\n' +
|
|
' <mj-class name="footer-text" css-class="footer" />\n' +
|
|
' </mj-attributes>\n' +
|
|
' \n' +
|
|
' <mj-mosaico-property property-id="leftImage" label="Left Image" type="image" />\n' +
|
|
' <mj-mosaico-property property-id="middleImage" label="Middle Image" type="image" />\n' +
|
|
' <mj-mosaico-property property-id="rightImage" label="Right Image" type="image" />\n' +
|
|
' <mj-mosaico-property property-id="readMoreLink" label="Button" type="link" />\n' +
|
|
' \n' +
|
|
' <mj-style>\n' +
|
|
' p {\n' +
|
|
' font-family: Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;\n' +
|
|
' font-size: 12px;\n' +
|
|
' color: #9da3a3;\n' +
|
|
' margin-top: 8px;\n' +
|
|
' }\n' +
|
|
' \n' +
|
|
' h2 {\n' +
|
|
' margin: 5px 0px 0px 0px;\n' +
|
|
' font-size: 15px;\n' +
|
|
' font-weight: normal;\n' +
|
|
' }\n' +
|
|
' \n' +
|
|
' .header a {\n' +
|
|
' text-decoration: none;\n' +
|
|
' color: white;\n' +
|
|
' }\n' +
|
|
' \n' +
|
|
' .feature p {\n' +
|
|
' text-align: center;\n' +
|
|
' }\n' +
|
|
' \n' +
|
|
' .feature h2 {\n' +
|
|
' color: #e85034;\n' +
|
|
' text-align: center;\n' +
|
|
' }\n' +
|
|
' \n' +
|
|
' .divider h2 {\n' +
|
|
' color: white;\n' +
|
|
' text-align: center;\n' +
|
|
' }\n' +
|
|
' \n' +
|
|
' .divider p {\n' +
|
|
' color: #f8d5d1;\n' +
|
|
' text-align: center;\n' +
|
|
' }\n' +
|
|
'\n' +
|
|
' .article h2 {\n' +
|
|
' font-weight: bold;\n' +
|
|
' margin-top: 10px;\n' +
|
|
' }\n' +
|
|
' \n' +
|
|
' .article p {\n' +
|
|
' color: #45474e;\n' +
|
|
' }\n' +
|
|
'\n' +
|
|
' .footer a {\n' +
|
|
' color: #3A3A3A;\n' +
|
|
' }\n' +
|
|
'\n' +
|
|
' .footer p {\n' +
|
|
' font-family: arial,helvetica neue,helvetica,sans-serif;\n' +
|
|
' font-size: 12px;\n' +
|
|
' text-align: center;\n' +
|
|
' }\n' +
|
|
' </mj-style>\n' +
|
|
' </mj-head>\n' +
|
|
' \n' +
|
|
' <mj-body>\n' +
|
|
' \n' +
|
|
' <mj-section mj-class="header-section">\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-text align="left"><a href="https://lists.example.org/subscription/[LIST_ID]?locale=en-US">Subscribe</a></mj-text>\n' +
|
|
' </mj-column>\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-text align="right"><a href="[LINK_BROWSER]">View in browser</a></mj-text>\n' +
|
|
' </mj-column>\n' +
|
|
' </mj-section>\n' +
|
|
' \n' +
|
|
' <mj-mosaico-block block-id="banner" label="Banner">\n' +
|
|
' <mj-section mj-class="banner-section">\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-mosaico-image property-id="image" placeholder-height="400" href="https://www.example.com/xxx" />\n' +
|
|
' </mj-column>\n' +
|
|
' </mj-section>\n' +
|
|
' </mj-mosaico-block>\n' +
|
|
'\n' +
|
|
' <mj-mosaico-container>\n' +
|
|
' \n' +
|
|
' <mj-mosaico-block block-id="feature_section" label="Feature">\n' +
|
|
' <mj-section mj-class="feature-section">\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-mosaico-image property-id="leftImage" placeholder-height="150" href-editable="true" />\n' +
|
|
' <mj-text>\n' +
|
|
' <h2 mj-mosaico-editable="leftTitleText">Lorem ipsum dolor</h2>\n' +
|
|
' <div mj-mosaico-editable="leftBodyText">\n' +
|
|
' <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
|
|
' </div>\n' +
|
|
' </mj-text>\n' +
|
|
' </mj-column>\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-mosaico-image property-id="middleImage" placeholder-height="150" href-editable="true" />\n' +
|
|
' <mj-text>\n' +
|
|
' <h2 mj-mosaico-editable="middleTitleText">Lorem ipsum dolor</h2>\n' +
|
|
' <div mj-mosaico-editable="leftBodyText">\n' +
|
|
' <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
|
|
' </div>\n' +
|
|
' </mj-text>\n' +
|
|
' </mj-column>\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-mosaico-image property-id="rightImage" placeholder-height="150" href-editable="true" />\n' +
|
|
' <mj-text>\n' +
|
|
' <h2 mj-mosaico-editable="rightTitleText">Lorem ipsum dolor</h2>\n' +
|
|
' <div mj-mosaico-editable="leftBodyText">\n' +
|
|
' <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
|
|
' </div>\n' +
|
|
' </mj-text>\n' +
|
|
' </mj-column>\n' +
|
|
' </mj-section>\n' +
|
|
' </mj-mosaico-block>\n' +
|
|
'\n' +
|
|
' <mj-mosaico-block block-id="divider_section" label="Divider">\n' +
|
|
' <mj-section mj-class="divider-section">\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-text>\n' +
|
|
' <h2 mj-mosaico-editable="titleText">Lorem ipsum dolor</h2>\n' +
|
|
' </mj-text>\n' +
|
|
' <mj-divider border-color="white" border-width="1px" padding-bottom="10px" padding-top="15px"></mj-divider>\n' +
|
|
' <mj-text>\n' +
|
|
' <div mj-mosaico-editable="bodyText">\n' +
|
|
' <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
|
|
' </div>\n' +
|
|
' </mj-text>\n' +
|
|
' </mj-column>\n' +
|
|
' </mj-section>\n' +
|
|
' </mj-mosaico-block> \n' +
|
|
' \n' +
|
|
' <mj-mosaico-block block-id="article_section" label="Article">\n' +
|
|
' <mj-section mj-class="article-section">\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-mosaico-image property-id="image" placeholder-height="280" href-editable="true" />\n' +
|
|
' </mj-column>\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-text>\n' +
|
|
' <h2 mj-mosaico-editable="titleText">Lorem ipsum dolor</h2>\n' +
|
|
' <div mj-mosaico-editable="bodyText">\n' +
|
|
' <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
|
|
' </div>\n' +
|
|
' </mj-text>\n' +
|
|
' <mj-mosaico-button property-id="readMoreLink" font-family="Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif" padding-left="10px" padding-bottom="15px" padding-top="15px">Read more ...</mj-mosaico-button>\n' +
|
|
' </mj-column>\n' +
|
|
' </mj-section>\n' +
|
|
' </mj-mosaico-block> \n' +
|
|
' \n' +
|
|
' </mj-mosaico-container> \n' +
|
|
'\n' +
|
|
' <mj-section mj-class="links-section">\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-social border-radius="5px">\n' +
|
|
' <mj-social-element name="facebook" href="[LINK_BROWSER]">Share on Facebook</mj-social-element>\n' +
|
|
' <mj-social-element name="twitter" href="[LINK_BROWSER]">Tweet</mj-social-element>\n' +
|
|
' </mj-social> \n' +
|
|
' </mj-column>\n' +
|
|
' </mj-section>\n' +
|
|
' \n' +
|
|
' <mj-section mj-class="footer-section">\n' +
|
|
' <mj-column>\n' +
|
|
' <mj-text mj-class="footer-text">\n' +
|
|
' <p>This email was sent to <a href="mailto:[EMAIL]">[EMAIL]</a><p>\n' +
|
|
' <p> <a href="[LINK_UNSUBSCRIBE]">Unsubscribe from this list</a> <a href="[LINK_PREFERENCES]">Update subscription preferences</a> </p>\n' +
|
|
' <p>Your address XXXXXX</p>\n' +
|
|
' </mj-text>\n' +
|
|
' </mj-column>\n' +
|
|
' </mj-section>\n' +
|
|
' \n' +
|
|
' </mj-body>\n' +
|
|
'</mjml>';
|
|
|
|
|
|
function getVersafix() {
|
|
return versafix;
|
|
}
|
|
|
|
function getMJMLSample() {
|
|
return mjmlSample;
|
|
}
|
|
|
|
module.exports = {
|
|
getVersafix,
|
|
getMJMLSample
|
|
}; |