diff --git a/components/ILIAS/UI/resources/ui-examples/css/mail_examples.css b/components/ILIAS/UI/resources/ui-examples/css/mail_examples.css index e0d087ed06d2..200f0603056c 100644 --- a/components/ILIAS/UI/resources/ui-examples/css/mail_examples.css +++ b/components/ILIAS/UI/resources/ui-examples/css/mail_examples.css @@ -1,122 +1,122 @@ .table { - background-color: #f0f0f0; - width: 100%; + background-color: #f0f0f0; + width: 100%; } .header { - background-color: white; - border-bottom: 2px solid #f0f0f0; + background-color: white; + border-bottom: 2px solid #f0f0f0; } .footer { - background-color: white; + background-color: white; } .image-data { - width: 90px; + width: 60px; } td.spacing { - padding: 20px 0; + padding: 20px 0; } .logo { - width: 45px; - height: 45px; - outline-style: none; - text-decoration: none; - border: none; - margin: 0; + width: 45px; + height: 45px; + outline-style: none; + text-decoration: none; + border: none; + margin: 0; } .installation-text { - vertical-align: middle; + 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; + border-collapse: collapse; + color: #161616; + font-family: "Open Sans", Arial, Helvetica, sans-serif; + font-size: 16px; + line-height: 22px; } .content .spacing { - padding: 80px 0; + padding: 60px 0; } .content td td { - background-color: white; -} - -.text-color { - color: #4c6586; + background-color: white; } .footer .font-definition { - color: #161616; + color: #161616; } .font-definition { - font-family: "Open Sans", Arial, Helvetica, sans-serif; - font-size: 16px; - line-height: 22px; - padding: 30px; + font-family: "Open Sans", Arial, Helvetica, sans-serif; + padding: 30px; +} +.font-definitionp { + line-height: 22px; + font-size: 16px; } 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; + height: 100% !important; + margin: 0; + padding: 0; + width: 100% !important; + color: #161616; + 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; + margin-left: auto; + margin-right: auto; } -.w-750 { - width: 750px; +.w-mail { + width: 80%; } -.link-color { - color: #4c6586; +a { + color: #4c6586; } table { - mso-table-lspace: 0pt; - mso-table-rspace: 0pt; + mso-table-lspace: 0pt; + mso-table-rspace: 0pt; } table, table th, table td { - border-collapse: collapse; + border-collapse: collapse; } a, img, a img { - border: 0; - outline: none; - text-decoration: none; + border: 0; + outline: none; + text-decoration: none; } img { - -ms-interpolation-mode: bicubic; + -ms-interpolation-mode: bicubic; } body, table, td, th, p, a, li { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } @media only screen and (max-width: 760px) { - .w-750 { - width: 100%; - } + .w-mail { + width: 90%; + } + .content .spacing { + padding: 40px 0; + } } - -/*# sourceMappingURL=mail.css.map */ diff --git a/components/ILIAS/UI/src/templates/default/Layout/tpl.mailpage.html b/components/ILIAS/UI/src/templates/default/Layout/tpl.mailpage.html index 943b29196728..d1267c88e7f2 100644 --- a/components/ILIAS/UI/src/templates/default/Layout/tpl.mailpage.html +++ b/components/ILIAS/UI/src/templates/default/Layout/tpl.mailpage.html @@ -1,10 +1,16 @@ + + - - + + @@ -15,55 +21,51 @@ - - - + - - - - + + + + - - - - + + + +
- - - - - + - + + +
- - + +
+ + + + - - -
+ + {INSTALLATION_TITLE} -
-
+
- - - - - - -
- {CONTENT} -
-
+ + + + +
+ {CONTENT} +
+
- - - - -
- {INSTALLATION_TITLE} -
- {FOOTER_URL} -
-
+ + + + +
+ {INSTALLATION_TITLE} +
+ {FOOTER_URL} +
+