API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 14th, 2019
354
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.00 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <body yahoo bgcolor="#ffffff">
  4. <table width="100%" bgcolor="#ffffff" border="0" cellpadding="20" cellspacing="0">
  5. <tr>
  6. <td>
  7. <table bgcolor="#ffffff" class="content" align="center" cellpadding="0" cellspacing="0" border="0">
  8. <tr>
  9. <td align="center" valign="top">
  10. <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainerImageCurve" style="min-height:15px;">
  11. <tr>
  12. <td valign="top" class="bodyContentImageFull" mc:edit="body_content_01">
  13. <p></p>
  14. <p style="text-align:center;margin:0;padding:;">
  15. <img src="https://miro.medium.com/max/980/1*95AtMir2fvrIt1htrUHK_w.png">
  16. </p>
  17. </td>
  18. </tr>
  19. </table>
  20. </td>
  21. </tr>
  22. <tr>
  23. <td align="center" valign="top">
  24. <!-- BEGIN BODY // -->
  25. <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainerMiddle">
  26. <tr>
  27. <td valign="top" class="bodyContent" mc:edit="body_content">
  28. <h3></h3>
  29. <p>Hello,
  30. <br />
  31. <br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mattis elit libero, vitae accumsan diam tempor et. Nulla sit amet lacus ac est eleifend consectetur. Praesent sagittis tellus sed volutpat sodales. Vestibulum faucibus facilisis venenatis. Pellentesque habitant morbi tristique senectus et:
  32. <span style="color: #B22222;">NULL</span>
  33. <br />
  34. <br /> Phasellus mattis elit libero, vitae
  35. <br />
  36. <br /> dolor sit amet, consectetur adipiscing elit. Phasellus mattis elit libero, vitae accumsan
  37. <br />
  38. <br /> condimentum maximus nunc sapien vel lacus. Sed laoreet eros eu ante euismod, elementum pulvinar nisi malesuada. Phasellus facilisis quam ligula, at eleifend neque maximus sed. Pellentesque venenatis laoreet purus et sodales. Mauris eget risus est. Mauris ac velit et massa iaculis gravida et in nunc. Sed dolor neque, cursus eget ornare non, congue suscipit dui. Vivamus facilisis nisi sit amet massa pretium, sed interdum eros euismod. Maecenas sit amet convallis velit.
  39. <br />
  40. <br />
  41. <strong>vitae accumsan</strong>
  42. <br />
  43. <br />vitae accumsan
  44. <br /><span style="color: #B22222;">vitae accumsan</span>
  45. <br />
  46. <br />vitae accumsan (Date->Time (UTC)
  47. <-)<br /><span style="color: #B22222;">vitae accumsan</span>
  48. </p>
  49. </td>
  50. </tr>
  51. </table>
  52. <!-- // END BODY -->
  53. </td>
  54. </tr>
  55. <tr>
  56. <td align="center" valign="top">
  57. <!-- BEGIN BODY // -->
  58. <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateContainerMiddleBtm">
  59. <tr align="top">
  60. <td valign="top" class="bodyContentImage">
  61. <table border="0" cellpadding="0" cellspacing="0" valign="top">
  62. <tr>
  63. </td>
  64. <h4><strong>Signature</strong></h4>
  65. <h5><a href="mailto:email.com" style="color:#5c5c5c">email</a></h5>
  66. <h5><a href="example.coml" style="color:#5c5c5c">example.com</a></h5>
  67. </td>
  68. </tr>
  69. </table>
  70. </td>
  71. </tr>
  72. </table>
  73. <!-- // END BODY -->
  74. </td>
  75. </tr>
  76. </table>
  77. </td>
  78. </tr>
  79. </table>
  80. <style type="text/css">
  81. /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
  82.  
  83. #outlook a {
  84. padding: 0;
  85. }
  86. /* Force Outlook to provide a "view in browser" message */
  87.  
  88. .ReadMsgBody {
  89. width: 100%;
  90. }
  91.  
  92. .ExternalClass {
  93. width: 100%;
  94. }
  95. /* Force Hotmail to display emails at full width */
  96.  
  97. .ExternalClass,
  98. .ExternalClass p,
  99. .ExternalClass span,
  100. .ExternalClass font,
  101. .ExternalClass td,
  102. .ExternalClass div {
  103. line-height: 100%;
  104. }
  105. /* Force Hotmail to display normal line spacing */
  106.  
  107. body,
  108. table,
  109. td,
  110. p,
  111. a,
  112. li,
  113. blockquote {
  114. -webkit-text-size-adjust: 100%;
  115. -ms-text-size-adjust: 100%;
  116. }
  117. /* Prevent WebKit and Windows mobile changing default text sizes */
  118.  
  119. table,
  120. td {
  121. mso-table-lspace: 0pt;
  122. mso-table-rspace: 0pt;
  123. }
  124. /* Remove spacing between tables in Outlook 2007 and up */
  125.  
  126. td ul li {
  127. font-size: 16px;
  128. }
  129. /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
  130.  
  131. body {
  132. margin: 0;
  133. padding: 0;
  134. }
  135.  
  136. img {
  137. max-width: 100%;
  138. border: 0;
  139. line-height: 100%;
  140. outline: none;
  141. text-decoration: none;
  142. }
  143.  
  144. table {
  145. border-collapse: collapse !important;
  146. }
  147.  
  148. .content {
  149. width: 100%;
  150. max-width: 600px;
  151. }
  152.  
  153. .content img {
  154. height: auto;
  155. min-height: 1px;
  156. }
  157.  
  158. #bodyTable {
  159. margin: 0;
  160. padding: 0;
  161. width: 100% !important;
  162. }
  163.  
  164. #bodyCell {
  165. margin: 0;
  166. padding: 0;
  167. }
  168.  
  169. #bodyCellFooter {
  170. margin: 0;
  171. padding: 0;
  172. width: 100% !important;
  173. padding-top: 39px;
  174. padding-bottom: 15px;
  175. }
  176.  
  177. body {
  178. margin: 0;
  179. padding: 0;
  180. min-width: 100%!important;
  181. }
  182.  
  183. #templateContainerHeader {
  184. font-size: 14px;
  185. padding-top: 2.429em;
  186. padding-bottom: 0.929em;
  187. }
  188.  
  189. #templateContainerFootBrd {
  190. border-bottom: 1px solid #e2e2e2;
  191. border-left: 1px solid #e2e2e2;
  192. border-right: 1px solid #e2e2e2;
  193. border-radius: 0 0 4px 4px;
  194. background-clip: padding-box;
  195. border-spacing: 0;
  196. height: 10px;
  197. width: 100% !important;
  198. }
  199.  
  200. #templateContainer {
  201. border-top: 1px solid #e2e2e2;
  202. border-left: 1px solid #e2e2e2;
  203. border-right: 1px solid #e2e2e2;
  204. border-radius: 4px 4px 0 0;
  205. background-clip: padding-box;
  206. border-spacing: 0;
  207. }
  208.  
  209. #templateContainerMiddle {
  210. border-left: 1px solid #e2e2e2;
  211. border-right: 1px solid #e2e2e2;
  212. }
  213.  
  214. #templateContainerMiddleBtm {
  215. border-left: 1px solid #e2e2e2;
  216. border-right: 1px solid #e2e2e2;
  217. border-bottom: 1px solid #e2e2e2;
  218. border-radius: 0 0 4px 4px;
  219. background-clip: padding-box;
  220. border-spacing: 0;
  221. }
  222. /**
  223. * @tab Page
  224. * @section heading 1
  225. * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
  226. * @style heading 1
  227. */
  228.  
  229. h1 {
  230. color: #2e2e2e;
  231. display: block;
  232. font-family: Helvetica;
  233. font-size: 26px;
  234. line-height: 1.385em;
  235. font-style: normal;
  236. font-weight: normal;
  237. letter-spacing: normal;
  238. margin-top: 0;
  239. margin-right: 0;
  240. margin-bottom: 15px;
  241. margin-left: 0;
  242. text-align: left;
  243. }
  244. /**
  245. * @tab Page
  246. * @section heading 3
  247. * @tip Set the styling for all third-level headings in your emails.
  248. * @style heading 3
  249. */
  250.  
  251. h3 {
  252. color: #545454;
  253. display: block;
  254. font-family: Helvetica;
  255. font-size: 17px;
  256. line-height: 1.444em;
  257. font-style: normal;
  258. font-weight: normal;
  259. letter-spacing: normal;
  260. margin-top: 0;
  261. margin-right: 0;
  262. margin-bottom: 15px;
  263. margin-left: 0;
  264. text-align: left;
  265. }
  266. /**
  267. * @tab Page
  268. * @section heading 4
  269. * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
  270. * @style heading 4
  271. */
  272.  
  273. h4 {
  274. color: #2b2b2b;
  275. display: block;
  276. font-family: Helvetica;
  277. font-size: 22px;
  278. line-height: 1.571em;
  279. font-style: normal;
  280. font-weight: normal;
  281. letter-spacing: normal;
  282. margin-top: 8;
  283. margin-right: 0;
  284. margin-bottom: 0;
  285. margin-left: 0;
  286. text-align: left;
  287. }
  288.  
  289. h5 {
  290. color: #545454;
  291. display: block;
  292. font-family: Helvetica;
  293. font-size: 13px;
  294. line-height: 1.538em;
  295. font-style: normal;
  296. font-weight: normal;
  297. letter-spacing: normal;
  298. margin-top: 0;
  299. margin-right: 0;
  300. margin-bottom: 0;
  301. margin-left: 1;
  302. text-align: left;
  303. }
  304.  
  305. h6 {
  306. color: #545454;
  307. display: block;
  308. font-family: Helvetica;
  309. font-size: 12px;
  310. line-height: 2.000em;
  311. font-style: normal;
  312. font-weight: normal;
  313. letter-spacing: normal;
  314. margin-top: 0;
  315. margin-right: 0;
  316. margin-bottom: 15px;
  317. margin-left: 0;
  318. text-align: left;
  319. }
  320.  
  321. p {
  322. color: #545454;
  323. display: block;
  324. font-family: Helvetica;
  325. font-size: 16px;
  326. line-height: 1.500em;
  327. font-style: normal;
  328. font-weight: normal;
  329. letter-spacing: normal;
  330. margin-top: 0;
  331. margin-right: 0;
  332. margin-bottom: 15px;
  333. margin-left: 0;
  334. text-align: left;
  335. }
  336.  
  337. .bodyContent {
  338. color: #505050;
  339. font-family: Helvetica;
  340. font-size: 14px;
  341. line-height: 150%;
  342. padding-top: 3.143em;
  343. padding-right: 3.5em;
  344. padding-left: 3.5em;
  345. padding-bottom: 0.714em;
  346. text-align: left;
  347. }
  348.  
  349. .bodyContentCenter {
  350. color: #505050;
  351. font-family: Helvetica;
  352. font-size: 14px;
  353. line-height: 150%;
  354. padding-top: 0em;
  355. padding-right: 3.5em;
  356. padding-left: 3.5em;
  357. padding-bottom: 3.0em;
  358. text-align: center;
  359. }
  360.  
  361. .bodyContentCenter p {
  362. margin-bottom: 0;
  363. text-align: center;
  364. }
  365.  
  366. .bodyContentCenter a.blue-btn {
  367. margin-top: 0;
  368. }
  369.  
  370. .bodyContentImage {
  371. color: #505050;
  372. font-family: Helvetica;
  373. font-size: 14px;
  374. line-height: 150%;
  375. padding-top: 0;
  376. padding-right: 3.571em;
  377. padding-left: 3.571em;
  378. padding-bottom: 2em;
  379. text-align: left;
  380. }
  381.  
  382. .bodyContentImage h4 {
  383. color: #4E4E4E;
  384. font-size: 16px;
  385. line-height: 1.154em;
  386. font-weight: normal;
  387. padding-top: 14;
  388. margin-bottom: 0;
  389. }
  390.  
  391. .bodyContentImage h5 {
  392. color: #828282;
  393. font-size: 12px;
  394. line-height: 1.667em;
  395. margin-bottom: 0;
  396. }
  397.  
  398. .bodyContent img {
  399. height: auto;
  400. max-width: 498px;
  401. }
  402.  
  403. .footerContent {
  404. color: #808080;
  405. font-family: Helvetica;
  406. font-size: 10px;
  407. line-height: 150%;
  408. padding-top: 2.000em;
  409. padding-right: 2.000em;
  410. padding-bottom: 2.000em;
  411. padding-left: 2.000em;
  412. text-align: left;
  413. }
  414. /**
  415. * @tab Footer
  416. * @section footer link
  417. * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
  418. */
  419.  
  420. #templateContainerImageFull {
  421. border-left: 1px solid #e2e2e2;
  422. border-right: 1px solid #e2e2e2;
  423. }
  424.  
  425. #templateContainerImageCurve {
  426. border-top: 1px solid #e2e2e2;
  427. border-left: 1px solid #e2e2e2;
  428. border-right: 1px solid #e2e2e2;
  429. border-radius: 3px 3px 0px 0px;
  430. background-clip: padding-box;
  431. border-collapse: separate !important;
  432. border-spacing: 0;
  433. }
  434.  
  435. @media only screen and (max-width: 550px),
  436. screen and (max-device-width: 550px) {
  437. body[yahoo] .hide {
  438. display: none!important;
  439. }
  440. body[yahoo] .buttonwrapper {
  441. background-color: transparent!important;
  442. }
  443. body[yahoo] .button {
  444. padding: 0px!important;
  445. }
  446. body[yahoo] .button a {
  447. background-color: #e05443;
  448. padding: 15px 15px 13px!important;
  449. }
  450. }
  451. /*@media only screen and (min-device-width: 601px) {
  452. .content {width: 600px !important;}
  453. }*/
  454.  
  455. @media only screen and (max-width: 480px) {
  456. h1 {
  457. font-size: 34px !important;
  458. }
  459. h2 {
  460. font-size: 30px !important;
  461. }
  462. h3 {
  463. font-size: 24px !important;
  464. }
  465. h4 {
  466. font-size: 18px !important;
  467. }
  468. h5 {
  469. font-size: 16px !important;
  470. }
  471. h6 {
  472. font-size: 14px !important;
  473. }
  474. p {
  475. font-size: 18px !important;
  476. }
  477. .brdBottomPadd .bodyContent {
  478. padding-bottom: 2.286em !important;
  479. }
  480. .bodyContent {
  481. padding: 6% 5% 1% 6% !important;
  482. }
  483. .bodyContent img {
  484. max-width: 100% !important;
  485. }
  486. .bodyContentImage {
  487. padding: 3% 6% 6% 6% !important;
  488. }
  489. .bodyContentImage img {
  490. max-width: 100% !important;
  491. }
  492. .bodyContentImage h4 {
  493. font-size: 16px !important;
  494. }
  495. .bodyContentImage h5 {
  496. font-size: 15px !important;
  497. margin-top: 0;
  498. }
  499. td[class="bodyContentCenter"] {
  500. padding: 6% 6% 6% 6% !important;
  501. }
  502. }
  503.  
  504. .ii a[href] {
  505. color: inherit !important;
  506. }
  507.  
  508. span > a,
  509. span > a[href] {
  510. color: inherit !important;
  511. }
  512.  
  513. a > span,
  514. .ii a[href] > span {
  515. text-decoration: inherit !important;
  516. }
  517. </style>
  518. </body>
  519.  
  520. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!