default.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width"/>
  6. <!-- build:css css/tidy.css -->
  7. <link inline rel="stylesheet" href="../assets/css/ink.css">
  8. <link inline rel="stylesheet" href="../assets/css/style.css">
  9. <!-- /build -->
  10. </head>
  11. <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="main" style="background: #2e2e2e; height: 100% !important; margin: 0 auto; padding: 0; width: 100% !important" bgcolor="#2e2e2e"><style type="text/css">
  12. body {
  13. height: 100% !important; width: 100% !important;
  14. }
  15. body .copy {
  16. -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
  17. }
  18. .ExternalClass {
  19. width: 100%;
  20. }
  21. .ExternalClass {
  22. line-height: 100%;
  23. }
  24. img {
  25. -ms-interpolation-mode: bicubic;
  26. }
  27. img {
  28. border: 0 !important; outline: none !important; text-decoration: none !important;
  29. }
  30. a:hover {
  31. text-decoration: underline;
  32. }
  33. td[class="stack-column-center"] {
  34. text-align: center !important;
  35. }
  36. @media (max-width: 600px) {
  37. table[class="email-container"] {
  38. width: 95% !important;
  39. }
  40. img[class="fluid"] {
  41. width: 100% !important; max-width: 100% !important; height: auto !important; margin: auto !important;
  42. }
  43. img[class="fluid-centered"] {
  44. width: 100% !important; max-width: 100% !important; height: auto !important; margin: auto !important;
  45. }
  46. img[class="fluid-centered"] {
  47. margin: auto !important;
  48. }
  49. td[class="comms-content"] {
  50. padding: 20px !important;
  51. }
  52. td[class="stack-column"] {
  53. display: block !important; width: 100% !important; direction: ltr !important;
  54. }
  55. td[class="stack-column-center"] {
  56. display: block !important; width: 100% !important; direction: ltr !important;
  57. }
  58. td[class="stack-column-center"] {
  59. text-align: center !important;
  60. }
  61. td[class="copy"] {
  62. font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
  63. }
  64. td[class="copy -center"] {
  65. font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
  66. }
  67. td[class="copy -bold"] {
  68. font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
  69. }
  70. td[class="small-text"] {
  71. font-size: 14px !important; line-height: 24px !important; padding: 0 30px !important;
  72. }
  73. td[class="mini-centered-text"] {
  74. font-size: 14px !important; line-height: 24px !important; padding: 15px 30px !important;
  75. }
  76. td[class="copy -padd"] {
  77. padding: 0 40px !important;
  78. }
  79. span[class="sep"] {
  80. display: none !important;
  81. }
  82. td[class="mb-hide"] {
  83. display: none !important; height: 0 !important;
  84. }
  85. td[class="spacer mb-shorten"] {
  86. height: 25px !important;
  87. }
  88. .two-up td {
  89. width:270px;
  90. }
  91. }
  92. </style>
  93. <table class="body" style="background: #2e2e2e;">
  94. <tr>
  95. <td class="center" align="center" valign="top">
  96. <center>
  97. <table class="row header">
  98. <tr>
  99. <td class="center" align="center">
  100. <center>
  101. <table class="container">
  102. <tr>
  103. <td class="wrapper last">
  104. <table class="twelve columns">
  105. <tr>
  106. <td class="twelve sub-columns center">
  107. <img class="logo" src="http://grafana.org/assets/img/logo_new_transparent_200x48.png" style="width: 200px; float: none; display: inline">
  108. </td>
  109. <td class="expander"></td>
  110. </tr>
  111. </table>
  112. </td>
  113. </tr>
  114. </table>
  115. </center>
  116. </td>
  117. </tr>
  118. </table>
  119. <table class="container" style="background-color: #efefef;" width="600">
  120. <tr>
  121. <td height="2" class="spacer mb-shorten" style="font-size: 0; line-height: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top; border: 0; background: linear-gradient(to right, #ffed00 0%, #f26529 75%); height: 2px !important" valign="top"> </td>
  122. </tr>
  123. <tr>
  124. <td class="mini-centered-text" style="color: #343b41; font: 400 16px/27px 'Helvetica Neue', Helvetica, Arial, sans-serif; mso-table-lspace: 0pt; mso-table-rspace: 0pt; padding: 25px 35px; text-align: center; vertical-align: top" align="center" valign="top">
  125. {{> body }}
  126. <!-- container end below -->
  127. </td>
  128. </tr>
  129. </table>
  130. <!-- footer -->
  131. <table class="footer center">
  132. <tr>
  133. <td class="wrapper last">
  134. <table class="twelve columns center">
  135. <tr>
  136. <td class="twelve" align="center">
  137. <center>
  138. <p style="text-align: center; font-size: 12px; color: #999999;">
  139. Sent by <a href="[[.MEHomePage]]">Grafana v[[.BuildVersion]]</a>
  140. <br />&copy; 2018 EnergyLink
  141. </p>
  142. </center>
  143. </td>
  144. <td class="expander"></td>
  145. </tr>
  146. </table>
  147. </td>
  148. </tr>
  149. </table>
  150. </center>
  151. </td>
  152. </tr>
  153. </table>
  154. </body>
  155. </html>