From 7aa203150fc1a2ec79c681c13f0d486d531746eb Mon Sep 17 00:00:00 2001 From: George Halkiadakis Date: Sun, 12 Mar 2023 23:57:48 +0200 Subject: error pages; js system to support back/front-end --- html/content/css/email.css | 478 --------------------------------------------- 1 file changed, 478 deletions(-) delete mode 100644 html/content/css/email.css (limited to 'html/content/css/email.css') diff --git a/html/content/css/email.css b/html/content/css/email.css deleted file mode 100644 index 0bb6d48..0000000 --- a/html/content/css/email.css +++ /dev/null @@ -1,478 +0,0 @@ -p { - margin: 10px 0; - padding: 0; - color: #0E0C0C; - font-family: Arial, Helvetica, sans-serif; - font-style: normal; - font-weight: normal; - font-size: 15px; - line-height: 24px; - letter-spacing: normal; -} - -table { - border-collapse: collapse; -} - -h1, h2, h3, h4, h5, h6 { - display: block; - margin: 0; - padding: 0; -} - -img, a img { - border: 0; - height: auto; - outline: none; - text-decoration: none; -} - -body, #bodyTable, #bodyCell { - height: 100%; - margin: 0; - padding: 0; - width: 100%; -} - -.mcnPreviewText { - display: none !important; -} - -#outlook a { - padding: 0; -} - -img { - -ms-interpolation-mode: bicubic; -} - -table { - mso-table-lspace: 0pt; - mso-table-rspace: 0pt; -} - -.ReadMsgBody { - width: 100%; -} - -.ExternalClass { - width: 100%; -} - -p, a, li, td, blockquote { - mso-line-height-rule: exactly; -} - - a[href^=tel], a[href^=sms] { - color: inherit; - cursor: default; - text-decoration: none; - } - -p, a, li, td, body, table, blockquote { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} - -.ExternalClass, .ExternalClass p, .ExternalClass td, .ExternalClass div, .ExternalClass span, .ExternalClass font { - line-height: 100%; -} - -a[x-apple-data-detectors] { - color: inherit !important; - text-decoration: none !important; - font-size: inherit !important; - font-family: inherit !important; - font-weight: inherit !important; - line-height: inherit !important; -} - -.templateContainer { - max-width: 700px !important; -} - -a.mcnButton { - display: block; -} - -.mcnImage, .mcnRetinaImage { - vertical-align: bottom; -} - -.mcnTextContent { - word-break: break-word; -} - - .mcnTextContent img { - height: auto !important; - } - -.mcnDividerBlock { - table-layout: fixed !important; -} - -.noBorder { - border: none !important; -} - -h1 { - color: #333333; - font-family: Arial, Helvetica, sans-serif; - font-size: 16px; - font-style: normal; - font-weight: bold; - line-height: 24px; - letter-spacing: -0.02em; - text-align: center; - padding-bottom: 14px; -} - -h2 { - color: #0E0C0C; - font-family: Arial, Helvetica, sans-serif; - font-size: 22px; - font-style: normal; - font-weight: bold; - line-height: 30px; - letter-spacing: normal; - text-align: center; - text-transform: uppercase; - padding-bottom: 8px; -} - -h3 { - color: #0E0C0C; - font-family: Arial, Helvetica, sans-serif; - font-size: 22px; - font-style: normal; - font-weight: bold; - line-height: 30px; - letter-spacing: normal; - text-align: center; - text-transform: uppercase; - padding-bottom: 8px; -} - -h4 { - color: #0E0C0C; - font-family: Arial, Helvetica, sans-serif; - font-size: 22px; - font-style: normal; - font-weight: bold; - line-height: 30px; - letter-spacing: normal; - text-align: center; - text-transform: uppercase; - padding-bottom: 8px; -} - - h1 span, - h2 span, - h3 span, - h4 span { - font-weight: normal; - text-transform: none; - } - -#templateHeader { - background-color: #ffffff; - background-image: none; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - border-top: 0; - border-bottom: 1px solid #e3e3e3; - padding-top: 0px; - padding-bottom: 20px; -} - - #templateHeader.default { - border: none; - padding: 0; - } - -.headerContainer { - background-color: transparent; - background-image: none; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - - .headerContainer .mcnTextContent, .headerContainer .mcnTextContent p { - color: #757575; - font-family: Arial, Helvetica, sans-serif; - font-size: 16px; - line-height: 150%; - text-align: left; - } - - .headerContainer .mcnTextContent a, .headerContainer .mcnTextContent p a { - color: #007C89; - font-weight: normal; - text-decoration: underline; - } - -#templateBody { - background-color: #ffffff; - background-image: none; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - border-top: 0; - border-bottom: 0; - padding-top: 24px; - padding-bottom: 32px; -} - - #templateBody a { - color: #F47920; - text-decoration: none; - } - - #templateBody p { - margin: 0; - color: #333333; - font-family: Arial, Helvetica, sans-serif; - font-size: 15px; - font-style: normal; - font-weight: normal; - line-height: 22px; - letter-spacing: -0.02em; - padding-bottom: 5px; - } - -#templateBodyMsg p { - max-width: 586px; -} - -.bodyContainer { - background-color: transparent; - background-image: none; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - border-top: 0; - border-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} - - .bodyContainer .mcnTextContent, - .bodyContainer .mcnTextContent p { - color: #333333; - font-family: Arial, Helvetica, sans-serif; - font-size: 15px; - line-height: 150%; - text-align: left; - } - - .bodyContainer .mcnTextContent a, - .bodyContainer .mcnTextContent p a { - color: #F47920; - font-weight: normal; - text-decoration: underline; - } - -#templateAfterFooter p { - margin: 0; - color: #333333; - font-family: Arial, Helvetica, sans-serif; - font-size: 13px; - font-style: normal; - font-weight: normal; - line-height: 24px; - letter-spacing: 0.02em; -} - - #templateAfterFooter p a { - margin: 0; - color: #F47920; - font-family: Arial, Helvetica, sans-serif; - font-size: 13px; - font-style: normal; - font-weight: normal; - line-height: 24px; - letter-spacing: 0.02em; - } - -#templateFooter { - background-color: #333333; - background-image: none; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - border-top: 0; - border-bottom: 0; - padding-top: 16px; - padding-bottom: 16px; -} - -.footerContainer { - background-color: transparent; - background-image: none; - background-repeat: no-repeat; - background-position: center; - background-size: cover; - border-top: 0; - border-bottom: 0; - padding-top: 0px; - padding-bottom: 0px; - max-width: 700px !important; -} - - .footerContainer .bodyContainer { - padding: 0 30px; - } - - .footerContainer ul { - padding: 0; - margin: 0; - list-style-type: none; - text-align: center; - } - - .footerContainer ul li { - display: inline-block; - margin-right: 30px; - } - - .footerContainer ul li:last-child { - margin-right: 0; - } - - .footerContainer .mcnTextBlockInner, - .footerContainer .mcnTextBlockInner p { - color: #FFF; - font-family: Arial, Helvetica, sans-serif; - font-size: 15px; - line-height: 24px; - letter-spacing: 0.02em; - } - - .footerContainer .mcnTextBlockInner a, - .footerContainer .mcnTextBlockInner p a { - color: #FFF; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - line-height: 18px; - text-decoration: none; - } - -.templateHeroContainer { - max-width: 700px; -} - -.heroContainer { - position: relative; -} - - .heroContainer img { - display: block; - width: 100%; - height: auto; - } - - .heroContainer p { - color: #FFF; - font-family: Arial, Helvetica, sans-serif; - font-size: 40px; - line-height: 50px; - letter-spacing: -0.02em; - text-transform: uppercase; - padding: 0 120px; - position: absolute; - left: 0; - bottom: 80px; - width: 100%; - text-align: center; - font-weight: normal; - margin: 0; - } - -#templateProducts { - padding: 0 0 90px; -} - - #templateProducts .mcnTextBlockInner { - padding: 0 20px; - } - - #templateProducts span { - display: block; - font-family: Arial, Helvetica, sans-serif; - font-size: 15px; - line-height: 24px; - font-weight: bold; - text-transform: uppercase; - padding-top: 10px; - } - -.column { - display: inline-block; - vertical-align: top; - width: 50%; -} - -.label { - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - line-height: 24px; - font-weight: bold; - text-transform: uppercase; - color: #0E0C0C; - padding-bottom: 2px; -} - -strong { - font-family: Arial, Helvetica, sans-serif; - font-weight: bold; -} - -.tdMinWidth { - max-width: 310px; -} - -@media only screen and (max-width:700px) { - .templateContainer { - width: 360px !important; - } - - .bodyContainer { - padding-left: 0 !important; - padding-right: 0 !important; - } - - .footerContainer ul li { - display: block; - margin-right: 0; - margin-bottom: 16px; - } - - .footerContainer ul li:last-child { - margin-bottom: 0; - } - - .heroContainer p { - font-size: 30px; - line-height: 40px; - padding: 0 30px; - bottom: 30px; - } - - .tdMinWidth { - max-width: 200px; - } - - .halfColumn { - padding: 20px 10px 0 !important; - } -} - -/* td { - outline: 1px solid red; -}*/ \ No newline at end of file -- cgit v1.2.3