From 8343f444776635f13521b68fe44cfb70df343c71 Mon Sep 17 00:00:00 2001
From: mmatuschek44 <mmatuschek@databay.de>
Date: Fri, 9 May 2025 15:00:34 +0200
Subject: [PATCH] adds css for UI-mail-page-component

---
 templates/default/mail.css     | 122 +++++++++++++++++++++++++++++++
 templates/default/mail.css.map |   1 +
 templates/default/mail.scss    | 127 +++++++++++++++++++++++++++++++++
 3 files changed, 250 insertions(+)
 create mode 100644 templates/default/mail.css
 create mode 100644 templates/default/mail.css.map
 create mode 100644 templates/default/mail.scss

diff --git a/templates/default/mail.css b/templates/default/mail.css
new file mode 100644
index 000000000000..e0d087ed06d2
--- /dev/null
+++ b/templates/default/mail.css
@@ -0,0 +1,122 @@
+.table {
+  background-color: #f0f0f0;
+  width: 100%;
+}
+
+.header {
+  background-color: white;
+  border-bottom: 2px solid #f0f0f0;
+}
+
+.footer {
+  background-color: white;
+}
+
+.image-data {
+  width: 90px;
+}
+
+td.spacing {
+  padding: 20px 0;
+}
+
+.logo {
+  width: 45px;
+  height: 45px;
+  outline-style: none;
+  text-decoration: none;
+  border: none;
+  margin: 0;
+}
+
+.installation-text {
+  vertical-align: middle;
+}
+.installation-text span {
+  border-collapse: collapse;
+  color: #161616;
+  font-family: "Open Sans", Arial, Helvetica, sans-serif;
+  font-size: 16px;
+  line-height: 22px;
+}
+
+.content .spacing {
+  padding: 80px 0;
+}
+
+.content td td {
+  background-color: white;
+}
+
+.text-color {
+  color: #4c6586;
+}
+
+.footer .font-definition {
+  color: #161616;
+}
+
+.font-definition {
+  font-family: "Open Sans", Arial, Helvetica, sans-serif;
+  font-size: 16px;
+  line-height: 22px;
+  padding: 30px;
+}
+
+body {
+  height: 100% !important;
+  margin: 0;
+  padding: 0;
+  width: 100% !important;
+  mso-margin-top-alt: 0px;
+  mso-margin-bottom-alt: 0px;
+  mso-padding-alt: 0px 0px 0px 0px;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: none;
+  -ms-text-size-adjust: none;
+}
+
+.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.w-750 {
+  width: 750px;
+}
+
+.link-color {
+  color: #4c6586;
+}
+
+table {
+  mso-table-lspace: 0pt;
+  mso-table-rspace: 0pt;
+}
+
+table, table th, table td {
+  border-collapse: collapse;
+}
+
+a, img, a img {
+  border: 0;
+  outline: none;
+  text-decoration: none;
+}
+
+img {
+  -ms-interpolation-mode: bicubic;
+}
+
+body, table, td, th, p, a, li {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+@media only screen and (max-width: 760px) {
+  .w-750 {
+    width: 100%;
+  }
+}
+
+/*# sourceMappingURL=mail.css.map */
diff --git a/templates/default/mail.css.map b/templates/default/mail.css.map
new file mode 100644
index 000000000000..121e093d822d
--- /dev/null
+++ b/templates/default/mail.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["mail.scss","010-settings/_settings_color-palette.scss","010-settings/_settings_header.scss"],"names":[],"mappings":"AAKA;EACE,kBC4BkB;ED3BlB;;;AAGF;EACE,kBCiBW;EDhBX;;;AAGF;EACE,kBCYW;;;ADTb;EACE;;;AAGF;EACE;;;AAEF;EACE,OEvB4B;EFwB5B,QEzB6B;EF0B7B;EACA;EACA;EACA;;;AAGF;EACE;;AACA;EACE;EACA,OCCY;EDAZ;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE,kBCvBW;;;AD0Bb;EACE,OChDc;;;ADmDhB;EACE,OCnBc;;;ADsBhB;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE,OCrFc;;;ADyFhB;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAIF;EACE;IACE","file":"mail.css"}
\ No newline at end of file
diff --git a/templates/default/mail.scss b/templates/default/mail.scss
new file mode 100644
index 000000000000..a1b75cfc2d50
--- /dev/null
+++ b/templates/default/mail.scss
@@ -0,0 +1,127 @@
+@use "010-settings/"as *;
+
+$il-mail-page-logo-width: $il-standard-page-logo-width !default;
+$il-mail-page-logo-height: $il-standard-page-logo-height !default;
+
+.table {
+  background-color: $il-main-darker-bg;
+  width: 100%;
+}
+
+.header {
+  background-color: $il-standard-page-header-bg-color;
+  border-bottom: 2px solid $il-main-darker-bg;
+}
+
+.footer {
+  background-color: $il-footer-bg-color;
+}
+
+.image-data {
+  width: 90px;
+}
+
+td.spacing {
+  padding: 20px 0;
+}
+.logo {
+  width: $il-mail-page-logo-width;
+  height: $il-mail-page-logo-height;
+  outline-style:none;
+  text-decoration:none;
+  border:none;
+  margin:0;
+}
+
+.installation-text {
+  vertical-align: middle;
+  span {
+    border-collapse: collapse;
+    color: $il-text-color;
+    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
+    font-size: 16px;
+    line-height: 22px;
+  }
+}
+
+.content .spacing {
+  padding: 80px 0;
+}
+
+.content td td {
+  background-color: $il-main-bg;
+}
+
+.text-color {
+  color: $il-main-color;
+}
+
+.footer .font-definition {
+  color:   $il-text-color;
+}
+
+.font-definition {
+  font-family:'Open Sans', Arial, Helvetica, sans-serif;
+  font-size:16px;
+  line-height:22px;
+  padding:30px;
+}
+
+body {
+  height: 100% !important;
+  margin: 0;
+  padding: 0;
+  width: 100% !important;
+  mso-margin-top-alt: 0px;
+  mso-margin-bottom-alt: 0px;
+  mso-padding-alt: 0px 0px 0px 0px;
+  overflow-y: scroll;
+  -webkit-text-size-adjust: none;
+  -ms-text-size-adjust: none;
+}
+
+.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.w-750 {
+  width: 750px;
+}
+
+.link-color {
+  color: $il-link-color;
+}
+
+
+table {
+  mso-table-lspace: 0pt;
+  mso-table-rspace: 0pt;
+}
+
+table, table th, table td {
+  border-collapse: collapse;
+}
+
+a, img, a img {
+  border: 0;
+  outline: none;
+  text-decoration: none;
+}
+
+img {
+  -ms-interpolation-mode: bicubic;
+}
+
+
+body, table, td, th, p, a, li {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+
+
+@media only screen and (max-width: 760px) {
+  .w-750 {
+    width: 100%;
+  }
+}
\ No newline at end of file