LlfException.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>邮件通知</title>
  6. <style>
  7. .mmsgLetter {
  8. width: 580px;
  9. margin: 0 auto;
  10. padding: 10px;
  11. color: #333;
  12. background: #fff;
  13. border: 0px solid #aaa;
  14. border-radius: 5px;
  15. -webkit-box-shadow: 3px 3px 10px #999 !important;
  16. -moz-box-shadow: 3px 3px 10px #999 !important;
  17. box-shadow: 3px 3px 10px #999 !important;
  18. font-family: Verdana, sans-serif;
  19. }
  20. .mmsgLetter a:link,
  21. .mmsgLetter a:visited {
  22. color: #407700;
  23. }
  24. .mmsgLetterContent {
  25. text-align: left;
  26. padding: 30px;
  27. font-size: 14px;
  28. line-height: 1.5;
  29. /*background: url('images/ting.jpg') no-repeat top right;*/
  30. }
  31. .mmsgLetterContent h3 {
  32. color: #000;
  33. font-size: 20px;
  34. font-weight: bold;
  35. margin: 20px 0 20px;
  36. border-top: 2px solid #eee;
  37. padding: 20px 0 0 0;
  38. font-family: "微软雅黑", "黑体", "Lucida Grande", Verdana, sans-serif;
  39. }
  40. .mmsgLetterContent p {
  41. margin: 20px 0;
  42. padding: 0;
  43. }
  44. .mmsgLetterContent .salutation {
  45. font-weight: bold;
  46. }
  47. .mmsgLetterContent .mmsgMoreInfo {
  48. }
  49. .mmsgLetterContent a.mmsgButton {
  50. display: block;
  51. float: left;
  52. height: 40px;
  53. text-decoration: none;
  54. text-align: center;
  55. cursor: pointer;
  56. }
  57. .mmsgLetterContent a.mmsgButton span {
  58. display: block;
  59. float: left;
  60. padding: 0 25px;
  61. height: 40px;
  62. line-height: 36px;
  63. font-size: 14px;
  64. font-weight: bold;
  65. color: #fff;
  66. text-shadow: 1px 0 0 #235e00;
  67. }
  68. .mmsgLetterContent a.mmsgButton:link,
  69. .mmsgLetterContent a.mmsgButton:visited {
  70. background: #338702 url('images/mmsgletter_2_btn.png') no-repeat right -40px;
  71. }
  72. .mmsgLetterContent a.mmsgButton:link span,
  73. .mmsgLetterContent a.mmsgButton:visited span {
  74. background: url('images/mmsgletter_2_btn.png') no-repeat 0 0;
  75. }
  76. .mmsgLetterContent a.mmsgButton:hover,
  77. .mmsgLetterContent a.mmsgButton:active {
  78. background: #338702 url('images/mmsgletter_2_btn.png') no-repeat right -120px;
  79. }
  80. .mmsgLetterContent a.mmsgButton:hover span,
  81. .mmsgLetterContent a.mmsgButton:active span {
  82. background: url('images/mmsgletter_2_btn.png') no-repeat 0 -80px;
  83. }
  84. .mmsgLetterInscribe {
  85. padding: 40px 0 0;
  86. }
  87. .mmsgLetterInscribe .mmsgAvatar {
  88. float: left;
  89. }
  90. .mmsgLetterInscribe .mmsgName {
  91. margin: 0 0 10px;
  92. }
  93. .mmsgLetterInscribe .mmsgSender {
  94. margin: 0 0 0 54px;
  95. }
  96. .mmsgLetterInscribe .mmsgInfo {
  97. font-size: 12px;
  98. margin: 0;
  99. line-height: 1.2;
  100. }
  101. .mmsgLetterHeader {
  102. height: 23px;
  103. /*background: url('images/mmsgletter_2_bg_topline.png') repeat-x 0 0;*/
  104. background: 7px 0 repeat-x #FFF;
  105. background-image: -webkit-repeating-linear-gradient(135deg, #4882CE, #4882CE 20px, #FFF 20px, #FFF 35px, #EB1B2E 35px, #EB1B2E 55px, #FFF 55px, #FFF 70px);
  106. background-image: repeating-linear-gradient(-45deg, #4882CE, #4882CE 20px, #FFF 20px, #FFF 35px, #EB1B2E 35px, #EB1B2E 55px, #FFF 55px, #FFF 70px);
  107. background-size: 110px 10px;
  108. }
  109. .mmsgLetterFooter {
  110. margin: 16px;
  111. text-align: center;
  112. font-size: 12px;
  113. color: #888;
  114. text-shadow: 1px 0px 0px #eee;
  115. }
  116. .mmsgLetterClr {
  117. clear: both;
  118. overflow: hidden;
  119. height: 1px;
  120. }
  121. .mmsgLetterUser {
  122. padding: 10px 0;
  123. }
  124. .mmsgLetterUserItem {
  125. padding: 0 0 20px 0;
  126. }
  127. .mmsgLetterUserAvatar {
  128. height: 40px;
  129. border: 1px solid #ccc;
  130. padding: 2px;
  131. display: block;
  132. float: left;
  133. }
  134. .mmsgLetterUserAvatar img {
  135. width: 40px;
  136. height: 40px;
  137. }
  138. .mmsgLetterInfo {
  139. margin-left: 48px;
  140. }
  141. .mmsgLetterName {
  142. display: block;
  143. color: #5fa207;
  144. font-weight: bold;
  145. margin-left: 10px;
  146. }
  147. .mmsgLetterDesc {
  148. font-size: 12px;
  149. float: left;
  150. height: 43px;
  151. background: url('images/mmsgletter_chat_right.gif') no-repeat right top;
  152. }
  153. .mmsgLetterDesc div {
  154. white-space: nowrap;
  155. float: left;
  156. height: 43px;
  157. padding: 0 20px;
  158. line-height: 40px;
  159. background: url('images/mmsgletter_chat_left.gif') no-repeat left top;
  160. }
  161. .mmsgLetterUser {
  162. }
  163. .mmsgLetterAvatar {
  164. float: left;
  165. }
  166. .mmsgLetterInfo {
  167. margin: 0 0 0 60px;
  168. }
  169. .mmsgLetterNickName {
  170. font-size: 14px;
  171. font-weight: bold;
  172. }
  173. .mmsgLetterUin {
  174. font-size: 12px;
  175. color: #666;
  176. }
  177. .mmsgLetterUser {
  178. padding: 10px 0;
  179. }
  180. .mmsgLetterUserItem {
  181. padding: 0 0 20px 0;
  182. }
  183. .mmsgLetterUserAvatar {
  184. height: 40px;
  185. border: 1px solid #ccc;
  186. padding: 2px;
  187. display: block;
  188. float: left;
  189. }
  190. .mmsgLetterUserAvatar img {
  191. width: 40px;
  192. height: 40px;
  193. }
  194. .mmsgLetterInfo {
  195. margin-left: 48px;
  196. }
  197. .mmsgLetterName {
  198. display: block;
  199. color: #5fa207;
  200. font-weight: bold;
  201. margin-left: 10px;
  202. padding-top: 10px;
  203. }
  204. .mmsgLetterDesc {
  205. font-size: 12px;
  206. float: left;
  207. height: 43px;
  208. background: url('images/mmsgletter_chat_right.gif') no-repeat right top;
  209. }
  210. .mmsgLetterDesc div {
  211. white-space: nowrap;
  212. float: left;
  213. height: 43px;
  214. padding: 0 20px;
  215. line-height: 40px;
  216. background: url('images/mmsgletter_chat_left.gif') no-repeat left top;
  217. }
  218. .qmbox style,
  219. .qmbox script,
  220. .qmbox head,
  221. .qmbox link,
  222. .qmbox meta {
  223. display: none !important;
  224. }
  225. #mailContentContainer .txt {
  226. height: auto;
  227. }
  228. a {
  229. color: #407700 !important;
  230. }
  231. .renewed {
  232. color: #407700!important;
  233. }
  234. .notRenewed {
  235. color: #eb1b2e!important;
  236. }
  237. .renewed a,
  238. .notRenewed a {
  239. color: inherit!important;
  240. }
  241. </style>
  242. </head>
  243. <body>
  244. <div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only" style="">
  245. <div style="background-color:#d0d0d0;background-image:url('images/mmsgletter_2_bg.png');text-align:center;padding:40px;">
  246. <div class="mmsgLetter">
  247. <div class="mmsgLetterHeader"
  248. style="height:23px;">
  249. </div>
  250. <div class="mmsgLetterContent" style="text-align:left;padding:30px;font-size:14px;line-height:1.5;/*background:url('images/ting.jpg') no-repeat top right;background-size: 224px 224px;*/">
  251. <div>
  252. <p>主人
  253. <br>呜哇哇哇~程序执行出错啦~
  254. <br>
  255. <br>账户:<a href="#" rel="noopener">%s</a>
  256. <br>异常原因:
  257. <br>%s
  258. </p>
  259. </div>
  260. <div class="mmsgLetterInscribe" style="padding:40px 0 0;">
  261. <img class="mmsgAvatar" src="https://q2.qlogo.cn/headimg_dl?dst_uin=593198779&spec=100"
  262. style="float:left;width: 40px;height: 40px;">
  263. <div class="mmsgSender" style="margin:0 0 0 54px;">
  264. <p class="mmsgName" style="margin:0 0 10px;">Im Robot</p>
  265. <p class="mmsgInfo" style="font-size:12px;margin:0;line-height:1.2;">
  266. 邮件推送机器人<br>
  267. <a href="mailto:[email protected]" rel="noopener" target="_blank">[email protected]</a>
  268. </p>
  269. </div>
  270. </div>
  271. </div>
  272. <div class="mmsgLetterFooter"
  273. style="margin:16px;text-align:center;font-size:12px;color:#888;text-shadow:1px 0px 0px #eee;">
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278. </body>
  279. </html>