Skip to content

Instantly share code, notes, and snippets.

@mefarazath

mefarazath/unseenDeviceTemplate

Last active February 28, 2022 12:48
Show Gist options
  • Save mefarazath/e0eee52623c8d614c946ded7557e056e to your computer and use it in GitHub Desktop.
Save mefarazath/e0eee52623c8d614c946ded7557e056e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
unseenDeviceTemplate
<!DOCTYPE html\n 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\n <head>\n
<meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\" />\n
<!-- Facebook sharing information tags -->\n\n <title>Login from a new device</title>\n\n
<!-- [if mso]>\n
<style type=\"text/css\">\n @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900');\n\n @font-face {\n font-family: 'Montserrat', ;\n font-style: normal;\n font-weight: 400;\n src: local('Montserrat'),\n local('Montserrat'),\n url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900') format('Roboto');\n </style>\n
<![endif] -->\n <style type=\"text/css\">
\n @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
\n\n @font-face {
\n font-family: 'Montserrat', Roboto, Verdana, Helvetica, sans-serif;
\n font-style: normal;
\n font-weight: 400;
\n src: local('Montserrat'), \n local('Montserrat'), \n url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap') format('Roboto');
\n
}
\n\n #outlook a {
\n padding: 0;
\n
}
\n\n .body {
\n width: 100% !important;
\n -webkit-text-size-adjust: 100%;
\n -ms-text-size-adjust: 100%;
\n margin: 0;
\n padding: 0;
\n
}
\n\n .ExternalClass {
\n width: 100%;
\n
}
\n\n *[x-apple-data-detectors],
\n
/* iOS */
\n .unstyle-auto-detected-links *,
\n .aBn {
\n border-bottom: 0 !important;
\n cursor: default !important;
\n color: inherit !important;
\n text-decoration: none !important;
\n font-size: inherit !important;
\n font-family: inherit !important;
\n font-weight: inherit !important;
\n line-height: inherit !important;
\n
}
\n\n .ExternalClass,
\n .ExternalClass p,
\n .ExternalClass span,
\n .ExternalClass font,
\n .ExternalClass td,
\n .ExternalClass div {
\n line-height: 100%;
\n
}
\n\n img {
\n outline: none;
\n text-decoration: none;
\n -ms-interpolation-mode: bicubic;
\n
}
\n\n .wso2_orange a {
\n color: #ff7300;
\n text-decoration: underline;
\n
}
\n\n .wso2_orange a:hover {
\n text-decoration: none !important;
\n
}
\n\n .Wrap_Border img:hover {
\n background-color: #ff7300 !important;
\n
}
\n\n a.wso2_orange3:hover {
\n color: #ff7300 !important;
\n text-decoration: none !important;
\n
}
\n\n .wso2_grey7 a:hover {
\n text-decoration: none !important;
\n
}
\n\n a img {
\n border: none;
\n
}
\n\n p {
\n margin: 1em 0;
\n
}
\n\n table td {
\n border-collapse: collapse;
\n
}
\n\n
/* hide unsubscribe from forwards*/
\n blockquote .original-only,
\n .WordSection1 .original-only {
\n display: none !important;
\n
}
\n\n .fadeimg:hover {
\n transition: 0.3s !important;
\n opacity: 0.7 !important;
\n
}
\n\n .linkname:hover {
\n transition: 0.3s !important;
\n opacity: 0.6 !important;
\n
}
\n\n .linktopic:hover {
\n transition: 0.3s !important;
\n opacity: 0.8 !important;
\n
}
\n\n .linkbody:hover {
\n transition: 0.3s !important;
\n text-decoration: none !important;
\n color: #000000 !important;
\n
}
\n\n .linkrevbut:hover {
\n transition: 0.3s !important;
\n text-decoration: none;
\n background-color: #092a56;
\n color: #ffffff !important;
\n
}
\n\n .ctaorange:hover {
\n transition: 0.3s !important;
\n background-color: #000000 !important;
\n
}
\n\n .ctaorange1:hover {
\n transition: 0.3s !important;
\n color: #000000 !important;
\n
}
\n\n .wso2_center {
\n text-align: center !important;
\n
}
\n\n @media only screen and (max-width: 480px) {
\n\n body,
\n table,
\n td,
\n p,
\n a,
\n li,
\n blockquote {
\n -webkit-text-size-adjust: none !important;
\n
}
\n\n
/* Prevent Webkit platforms from changing default text sizes */
\n body {
\n width: 100% !important;
\n min-width: 100% !important;
\n
}
\n\n
/* Prevent iOS Mail from adding padding to the body */
\n\n #bodyCell {
\n padding: 10px !important;
\n
}
\n\n #templateContainer {
\n
/* max-width:650px !important; */
\n width: 100% !important;
\n
}
\n\n h1 {
\n font-size: 24px !important;
\n line-height: 32px !important;
\n padding-right: 40px !important;
\n
}
\n\n h2 {
\n font-size: 20px !important;
\n line-height: 100% !important;
\n
}
\n\n h3 {
\n font-size: 18px !important;
\n line-height: 100% !important;
\n
}
\n\n h4 {
\n font-size: 16px !important;
\n line-height: 100% !important;
\n
}
\n\n #templatePreheader {
\n display: none !important;
\n
}
\n\n
/* Hide the template preheader to save space */
\n\n .headerContent {
\n font-size: 20px !important;
\n line-height: 125% !important;
\n
}
\n\n .bodyContent {
\n font-size: 18px !important;
\n line-height: 125% !important;
\n padding-right: 0px !important;
\n padding-left: 10px !important;
\n
}
\n\n .headercontent {
\n font-size: 18px !important;
\n line-height: 125% !important;
\n padding-right: 0px !important;
\n padding-left: 0px !important;
\n
}
\n\n .templateColumnContainer {
\n display: block !important;
\n width: 100% !important;
\n
}
\n\n .columnImage {
\n height: auto !important;
\n max-width: 480px !important;
\n width: 100% !important;
\n
}
\n\n .leftColumnContent {
\n font-size: 16px !important;
\n line-height: 125% !important;
\n
}
\n\n .rightColumnContent {
\n font-size: 16px !important;
\n line-height: 125% !important;
\n
}
\n\n .footerContent {
\n font-size: 14px !important;
\n line-height: 115% !important;
\n padding-right: 10px !important;
\n padding-left: 10px !important;
\n
}
\n\n .logobottommobile {
\n display: none;
\n
}
\n\n .main-content {
\n background-size: 100px;
\n padding-right: 50px !important;
\n background-repeat: no-repeat;
\n background-position-x: right;
\n background-position-y: bottom;
\n
}
\n\n
/* Place footer social and utility links on their own lines, for easier access */
\n
}
\n\n
/* u+.wso2_body .wso2_full_wrap {\n width: 100% !important;\n width: 100vw !important;\n } */
\n
</style>\n
</head>\n\n <body class=\"wso2_body\"\n style=\"font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100% !important; width: 100% !important; background-color: #F8F9FA; margin: 0; padding: 0;\"\n data-gr-c-s-loaded=\"true\" bgcolor=\"#FAFAFA\">\n <table class=\"wso2_full_wrap\"\n style=\"-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #F8F9FA;height: 100% !important;margin: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;padding: 0;\"\n width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"left\">\n <tbody>\n <tr>\n <td id=\"bodyCell\"\n style=\"-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt;margin: 0;\"\n valign=\"top\" align=\"left\">\n
<!-- BEGIN TEMPLATE // -->\n <table id=\"templateContainer\"\n style=\"-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt;\"\n width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n <tbody>\n
<!-- BEGIN PREHEADER // -->\n <tr>\n <td style=\"-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;width: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #F8F9FA;\"\n valign=\"top\" align=\"left\">\n <table id=\"templatePreheader\"\n style=\"-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #F8F9FA;mso-table-lspace: 0pt;mso-table-rspace: 0pt;\"\n width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n <tbody>\n <tr>\n <td class=\"wso2_orange preheaderContent\"\n style=\"text-size-adjust: 100%; color: rgb(255, 255, 255); font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif; font-size: 10px; line-height: 12.5px; text-align: center; padding: 0px; margin: 0px; overflow: hidden; float: left; display: none;\"\n valign=\"top\" align=\"left\">A login from a new device has been\n detected for your account {{user-name}}, at {{login-time}}.\n </td>\n </tr>\n </tbody>\n </table>\n </td>\n </tr>\n
<!-- // END PREHEADER -->\n\n <tr>\n <td style=\"-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #F8F9FA;width: 100%;padding: 40px 0 0;\"\n width=\"100%\" valign=\"top\" align=\"left\">\n
<!-- BEGIN BODY // -->\n <table id=\"templateBody\"\n style=\"width: 100%;max-width: 650px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: auto;padding-top: 0p;\"\n width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n <tbody>\n <tr>\n <td class=\"bodyContent\"\n style=\"-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #465868;font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 16px;line-height: 24px;text-align: center;padding: 10px 120px 0px 40px;\"\n valign=\"top\" align=\"left\">\n <h1\n style=\"font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 36px;font-weight: bold;line-height: 42px;color: #ff7300;text-align: left;\">\n Login from a new device\n </h1>\n </td>\n </tr>\n <tr>\n <td class=\"bodyContent\"\n style=\"-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #465868;font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 16px;line-height: 24px;text-align: center;padding: 0px 20px 0px 40px;\"\n valign=\"top\" align=\"left\">\n <table id=\"u_content_text_1\" class=\"u_content_text\"\n style=\"font-family:'Montserrat', Roboto, Verdana, Helvetica, sans-serif;\" role=\"presentation\"\n width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n <tbody>\n <tr>\n <td class=\"main-content\"\n style=\"overflow-wrap:break-word;word-break:break-word;padding: 18px 10px 10px 0px;font-family:'Montserrat', Roboto, Verdana, Helvetica, sans-serif;width: 75%; \"\n align=\"left\">\n <div class=\"v-text-align\"\n style=\"color: #000000; line-height: 140%; text-align: left; word-wrap: break-word;\">\n <p\n style=\"color: #231f20 !important;font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 14px;font-weight: normal;letter-spacing: normal;line-height: 24px;margin: 0;padding-bottom: 10px;text-align: left;\">\n Hi,\n </p>\n <p\n style=\"color: #231f20 !important;font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 14px;font-weight: normal;letter-spacing: normal;line-height: 24px;margin: 0;padding-bottom: 10px;text-align: left;\">\n A login from a new device has been detected\n for your account <b>{{user-name}}</b>, at\n <b>{{login-time}}</b>.\n </p>\n <p\n style=\"color: #231f20 !important;font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 14px;font-weight: normal;letter-spacing: normal;line-height: 24px;margin: 0;padding-bottom: 5px;text-align: left;\">\n If this was not you, please contact <a\n class=\"wso2_orange3\"\n href=\"mailto:[email protected]\"\n style=\"color:#ff7300; font-weight: bold;\"\n target=\"_blank\">[email protected]</a>\n immediately.\n </p>\n </div>\n <div class=\"v-text-align\"\n style=\"color: #000000; line-height: 140%; text-align: left; word-wrap: break-word;\">\n <p\n style=\"color: #231f20 !important; font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 13px; font-weight: normal; letter-spacing: normal; line-height: 23px; margin: 20px 0px 20px; padding-bottom:0px; text-align: left;\">\n © {{current-year}} WSO2 Inc.\n </p>\n </div>\n </td>\n </tr>\n </tbody>\n </table>\n\n </td>\n </tr>\n </tbody>\n </table>\n
</td>\n </tr>\n <tr>\n <td style=\"-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background-color: #F8F9FA;width: 100%;\"\n width=\"100%\" valign=\"top\" align=\"left\">\n
<!-- BEGIN BODY // -->\n <table id=\"templateBody\"\n style=\"width: 100%;max-width: 650px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #F8F9FA;mso-table-lspace: 0pt;mso-table-rspace: 0pt;margin: auto;\"\n width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">\n <tbody>\n <tr>\n <td class=\"footerContent\"\n style=\"-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;color: #000000;font-family: 'Montserrat' , Roboto, Verdana, Helvetica, sans-serif;font-size: 10px;line-height: 15px;text-align: left;padding: 10px 40px 25px;\"\n valign=\"top\" align=\"left\">\n <p style=\"font-size: 14px; line-height: 140%; padding-top: 8px;\">\n <span\n style=\"font-size: 12px; line-height: 16.8px; color: #808080;\">You\n received this email because you have an account in the\n organization <b>{{tenant-domain}}</b>. If you do not wish to\n receive emails in the future, please contact us at <a\n class=\"wso2_orange3\" href=\"mailto:[email protected]\"\n style=\"color:#808080;\"\n target=\"_blank\">[email protected]</a>. </span>\n </p>\n <p style=\"font-size: 14px; line-height: 140%; padding-top: 2px;\">\n <span\n style=\"font-size: 11px; line-height: 16.8px; color: #9e9e9e;\">This\n mail was sent by WSO2 Inc. 3080 Olcott St., Suite C220,\n Santa Clara, CA 95054, USA</span>\n </p>\n </td>\n </tr>\n </tbody>\n </table>\n
</td>\n </tr>\n
</tbody>\n </table>\n
<!-- // END BODY -->\n
</td>\n </tr>\n </tbody>\n </table>\n
<!-- // END TEMPLATE -->\n
</body>\n\n </html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment