default.php 59 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218
  1. <?php
  2. switch ($extra) {
  3. case 'invite':
  4. $button = '
  5. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
  6. <tbody class="mcnButtonBlockOuter">
  7. <tr>
  8. <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
  9. <table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 10px;background-color: #AD80FD;">
  10. <tbody>
  11. <tr>
  12. <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Helvetica; font-size: 18px; padding: 18px;">
  13. <a class="mcnButton " title="Button Text" href="' . $this->getServerPath(true) . '?invite=' . $email['inviteCode'] . '" target="_self" style="font-weight: bold;letter-spacing: -0.5px;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Use Invite Code</a>
  14. </td>
  15. </tr>
  16. </tbody>
  17. </table>
  18. </td>
  19. </tr>
  20. </tbody>
  21. </table>
  22. ';
  23. break;
  24. case 'reset':
  25. $button = '
  26. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
  27. <tbody class="mcnButtonBlockOuter">
  28. <tr>
  29. <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
  30. <table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 10px;background-color: #AD80FD;">
  31. <tbody>
  32. <tr>
  33. <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Helvetica; font-size: 18px; padding: 18px;">
  34. <a class="mcnButton " title="Reset Password" href="' . $this->getServerPath(true) . '" target="_self" style="font-weight: bold;letter-spacing: -0.5px;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">Goto My Site</a>
  35. </td>
  36. </tr>
  37. </tbody>
  38. </table>
  39. </td>
  40. </tr>
  41. </tbody>
  42. </table>
  43. ';
  44. break;
  45. default:
  46. $button = null;
  47. break;
  48. }
  49. $info = '
  50. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnBoxedTextBlock" style="min-width:100%;">
  51. <!--[if gte mso 9]>
  52. <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
  53. <![endif]-->
  54. <tbody class="mcnBoxedTextBlockOuter">
  55. <tr>
  56. <td valign="top" class="mcnBoxedTextBlockInner">
  57. <!--[if gte mso 9]>
  58. <td align="center" valign="top" ">
  59. <![endif]-->
  60. <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;" class="mcnBoxedTextContentContainer">
  61. <tbody>
  62. <tr>
  63. <td style="padding-top:9px; padding-left:18px; padding-bottom:9px; padding-right:18px;">
  64. <table border="0" cellspacing="0" class="mcnTextContentContainer" width="100%" style="min-width: 100% !important;background-color: #F7F7F7;border: 1px none;">
  65. <tbody>
  66. <tr>
  67. <td valign="top" class="mcnTextContent" style="padding: 18px;">
  68. <h3 style="text-align:center;">' . $this->getServerPath(true) . '</h3>
  69. </td>
  70. </tr>
  71. </tbody>
  72. </table>
  73. </td>
  74. </tr>
  75. </tbody>
  76. </table>
  77. <!--[if gte mso 9]>
  78. </td>
  79. <![endif]-->
  80. <!--[if gte mso 9]>
  81. </tr>
  82. </table>
  83. <![endif]-->
  84. </td>
  85. </tr>
  86. </tbody>
  87. </table>
  88. ';
  89. $email = '
  90. <!doctype html>
  91. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
  92. <head>
  93. <!-- NAME: EDUCATE -->
  94. <!--[if gte mso 15]>
  95. <xml>
  96. <o:OfficeDocumentSettings>
  97. <o:AllowPNG/>
  98. <o:PixelsPerInch>96</o:PixelsPerInch>
  99. </o:OfficeDocumentSettings>
  100. </xml>
  101. <![endif]-->
  102. <meta charset="UTF-8">
  103. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  104. <meta name="viewport" content="width=device-width, initial-scale=1">
  105. <title>*EMAIL*</title>
  106. <style type="text/css">
  107. p {
  108. margin: 10px 0;
  109. padding: 0;
  110. }
  111. table {
  112. border-collapse: collapse;
  113. }
  114. h1,
  115. h2,
  116. h3,
  117. h4,
  118. h5,
  119. h6 {
  120. display: block;
  121. margin: 0;
  122. padding: 0;
  123. }
  124. img,
  125. a img {
  126. border: 0;
  127. height: auto;
  128. outline: none;
  129. text-decoration: none;
  130. }
  131. body,
  132. #bodyTable,
  133. #bodyCell {
  134. height: 100%;
  135. margin: 0;
  136. padding: 0;
  137. width: 100%;
  138. }
  139. .mcnPreviewText {
  140. display: none !important;
  141. }
  142. #outlook a {
  143. padding: 0;
  144. }
  145. img {
  146. -ms-interpolation-mode: bicubic;
  147. }
  148. table {
  149. mso-table-lspace: 0pt;
  150. mso-table-rspace: 0pt;
  151. }
  152. .ReadMsgBody {
  153. width: 100%;
  154. }
  155. .ExternalClass {
  156. width: 100%;
  157. }
  158. p,
  159. a,
  160. li,
  161. td,
  162. blockquote {
  163. mso-line-height-rule: exactly;
  164. }
  165. a[href^=tel],
  166. a[href^=sms] {
  167. color: inherit;
  168. cursor: default;
  169. text-decoration: none;
  170. }
  171. p,
  172. a,
  173. li,
  174. td,
  175. body,
  176. table,
  177. blockquote {
  178. -ms-text-size-adjust: 100%;
  179. -webkit-text-size-adjust: 100%;
  180. }
  181. .ExternalClass,
  182. .ExternalClass p,
  183. .ExternalClass td,
  184. .ExternalClass div,
  185. .ExternalClass span,
  186. .ExternalClass font {
  187. line-height: 100%;
  188. }
  189. a[x-apple-data-detectors] {
  190. color: inherit !important;
  191. text-decoration: none !important;
  192. font-size: inherit !important;
  193. font-family: inherit !important;
  194. font-weight: inherit !important;
  195. line-height: inherit !important;
  196. }
  197. .templateContainer {
  198. max-width: 600px !important;
  199. }
  200. a.mcnButton {
  201. display: block;
  202. }
  203. .mcnImage {
  204. vertical-align: bottom;
  205. }
  206. .mcnTextContent {
  207. word-break: break-word;
  208. }
  209. .mcnTextContent img {
  210. height: auto !important;
  211. }
  212. .mcnDividerBlock {
  213. table-layout: fixed !important;
  214. }
  215. /*
  216. @tab Page
  217. @section Heading 1
  218. @style heading 1
  219. */
  220. h1 {
  221. /*@editable*/
  222. color: #222222;
  223. /*@editable*/
  224. font-family: Helvetica;
  225. /*@editable*/
  226. font-size: 40px;
  227. /*@editable*/
  228. font-style: normal;
  229. /*@editable*/
  230. font-weight: bold;
  231. /*@editable*/
  232. line-height: 150%;
  233. /*@editable*/
  234. letter-spacing: normal;
  235. /*@editable*/
  236. text-align: left;
  237. }
  238. /*
  239. @tab Page
  240. @section Heading 2
  241. @style heading 2
  242. */
  243. h2 {
  244. /*@editable*/
  245. color: #222222;
  246. /*@editable*/
  247. font-family: Helvetica;
  248. /*@editable*/
  249. font-size: 28px;
  250. /*@editable*/
  251. font-style: normal;
  252. /*@editable*/
  253. font-weight: bold;
  254. /*@editable*/
  255. line-height: 150%;
  256. /*@editable*/
  257. letter-spacing: normal;
  258. /*@editable*/
  259. text-align: left;
  260. }
  261. /*
  262. @tab Page
  263. @section Heading 3
  264. @style heading 3
  265. */
  266. h3 {
  267. /*@editable*/
  268. color: #444444;
  269. /*@editable*/
  270. font-family: Helvetica;
  271. /*@editable*/
  272. font-size: 22px;
  273. /*@editable*/
  274. font-style: normal;
  275. /*@editable*/
  276. font-weight: bold;
  277. /*@editable*/
  278. line-height: 150%;
  279. /*@editable*/
  280. letter-spacing: normal;
  281. /*@editable*/
  282. text-align: left;
  283. }
  284. /*
  285. @tab Page
  286. @section Heading 4
  287. @style heading 4
  288. */
  289. h4 {
  290. /*@editable*/
  291. color: #999999;
  292. /*@editable*/
  293. font-family: Georgia;
  294. /*@editable*/
  295. font-size: 20px;
  296. /*@editable*/
  297. font-style: italic;
  298. /*@editable*/
  299. font-weight: normal;
  300. /*@editable*/
  301. line-height: 125%;
  302. /*@editable*/
  303. letter-spacing: normal;
  304. /*@editable*/
  305. text-align: left;
  306. }
  307. /*
  308. @tab Header
  309. @section Header Container Style
  310. */
  311. #templateHeader {
  312. /*@editable*/
  313. background-color: #333333;
  314. /*@editable*/
  315. background-image: none;
  316. /*@editable*/
  317. background-repeat: no-repeat;
  318. /*@editable*/
  319. background-position: center;
  320. /*@editable*/
  321. background-size: cover;
  322. /*@editable*/
  323. border-top: 0;
  324. /*@editable*/
  325. border-bottom: 0;
  326. /*@editable*/
  327. padding-top: 10px;
  328. /*@editable*/
  329. padding-bottom: 10px;
  330. }
  331. /*
  332. @tab Header
  333. @section Header Interior Style
  334. */
  335. .headerContainer {
  336. /*@editable*/
  337. background-color: #transparent;
  338. /*@editable*/
  339. background-image: none;
  340. /*@editable*/
  341. background-repeat: no-repeat;
  342. /*@editable*/
  343. background-position: center;
  344. /*@editable*/
  345. background-size: cover;
  346. /*@editable*/
  347. border-top: 0;
  348. /*@editable*/
  349. border-bottom: 0;
  350. /*@editable*/
  351. padding-top: 0;
  352. /*@editable*/
  353. padding-bottom: 0;
  354. }
  355. /*
  356. @tab Header
  357. @section Header Text
  358. */
  359. .headerContainer .mcnTextContent,
  360. .headerContainer .mcnTextContent p {
  361. /*@editable*/
  362. color: #808080;
  363. /*@editable*/
  364. font-family: Helvetica;
  365. /*@editable*/
  366. font-size: 16px;
  367. /*@editable*/
  368. line-height: 150%;
  369. /*@editable*/
  370. text-align: left;
  371. }
  372. /*
  373. @tab Header
  374. @section Header Link
  375. */
  376. .headerContainer .mcnTextContent a,
  377. .headerContainer .mcnTextContent p a {
  378. /*@editable*/
  379. color: #00ADD8;
  380. /*@editable*/
  381. font-weight: normal;
  382. /*@editable*/
  383. text-decoration: underline;
  384. }
  385. /*
  386. @tab Body
  387. @section Body Container Style
  388. */
  389. #templateBody {
  390. /*@editable*/
  391. background-color: #ffffff;
  392. /*@editable*/
  393. background-image: none;
  394. /*@editable*/
  395. background-repeat: no-repeat;
  396. /*@editable*/
  397. background-position: center;
  398. /*@editable*/
  399. background-size: cover;
  400. /*@editable*/
  401. border-top: 0;
  402. /*@editable*/
  403. border-bottom: 0;
  404. /*@editable*/
  405. padding-top: 27px;
  406. /*@editable*/
  407. padding-bottom: 63px;
  408. }
  409. /*
  410. @tab Body
  411. @section Body Interior Style
  412. */
  413. .bodyContainer {
  414. /*@editable*/
  415. background-color: #transparent;
  416. /*@editable*/
  417. background-image: none;
  418. /*@editable*/
  419. background-repeat: no-repeat;
  420. /*@editable*/
  421. background-position: center;
  422. /*@editable*/
  423. background-size: cover;
  424. /*@editable*/
  425. border-top: 0;
  426. /*@editable*/
  427. border-bottom: 0;
  428. /*@editable*/
  429. padding-top: 0;
  430. /*@editable*/
  431. padding-bottom: 0;
  432. }
  433. /*
  434. @tab Body
  435. @section Body Text
  436. */
  437. .bodyContainer .mcnTextContent,
  438. .bodyContainer .mcnTextContent p {
  439. /*@editable*/
  440. color: #808080;
  441. /*@editable*/
  442. font-family: Helvetica;
  443. /*@editable*/
  444. font-size: 16px;
  445. /*@editable*/
  446. line-height: 150%;
  447. /*@editable*/
  448. text-align: left;
  449. }
  450. /*
  451. @tab Body
  452. @section Body Link
  453. */
  454. .bodyContainer .mcnTextContent a,
  455. .bodyContainer .mcnTextContent p a {
  456. /*@editable*/
  457. color: #00ADD8;
  458. /*@editable*/
  459. font-weight: normal;
  460. /*@editable*/
  461. text-decoration: underline;
  462. }
  463. /*
  464. @tab Footer
  465. @section Footer Style
  466. */
  467. #templateFooter {
  468. /*@editable*/
  469. background-color: #333333;
  470. /*@editable*/
  471. background-image: none;
  472. /*@editable*/
  473. background-repeat: no-repeat;
  474. /*@editable*/
  475. background-position: center;
  476. /*@editable*/
  477. background-size: cover;
  478. /*@editable*/
  479. border-top: 0;
  480. /*@editable*/
  481. border-bottom: 0;
  482. /*@editable*/
  483. padding-top: 0px;
  484. /*@editable*/
  485. padding-bottom: 0px;
  486. }
  487. /*
  488. @tab Footer
  489. @section Footer Interior Style
  490. */
  491. .footerContainer {
  492. /*@editable*/
  493. background-color: #transparent;
  494. /*@editable*/
  495. background-image: none;
  496. /*@editable*/
  497. background-repeat: no-repeat;
  498. /*@editable*/
  499. background-position: center;
  500. /*@editable*/
  501. background-size: cover;
  502. /*@editable*/
  503. border-top: 0;
  504. /*@editable*/
  505. border-bottom: 0;
  506. /*@editable*/
  507. padding-top: 0;
  508. /*@editable*/
  509. padding-bottom: 0;
  510. }
  511. /*
  512. @tab Footer
  513. @section Footer Text
  514. */
  515. .footerContainer .mcnTextContent,
  516. .footerContainer .mcnTextContent p {
  517. /*@editable*/
  518. color: #FFFFFF;
  519. /*@editable*/
  520. font-family: Helvetica;
  521. /*@editable*/
  522. font-size: 12px;
  523. /*@editable*/
  524. line-height: 150%;
  525. /*@editable*/
  526. text-align: center;
  527. }
  528. /*
  529. @tab Footer
  530. @section Footer Link
  531. */
  532. .footerContainer .mcnTextContent a,
  533. .footerContainer .mcnTextContent p a {
  534. /*@editable*/
  535. color: #FFFFFF;
  536. /*@editable*/
  537. font-weight: normal;
  538. /*@editable*/
  539. text-decoration: underline;
  540. }
  541. @media only screen and (min-width:768px) {
  542. .templateContainer {
  543. width: 600px !important;
  544. }
  545. }
  546. @media only screen and (max-width: 480px) {
  547. body,
  548. table,
  549. td,
  550. p,
  551. a,
  552. li,
  553. blockquote {
  554. -webkit-text-size-adjust: none !important;
  555. }
  556. }
  557. @media only screen and (max-width: 480px) {
  558. body {
  559. width: 100% !important;
  560. min-width: 100% !important;
  561. }
  562. }
  563. @media only screen and (max-width: 480px) {
  564. .mcnImage {
  565. width: 100% !important;
  566. }
  567. }
  568. @media only screen and (max-width: 480px) {
  569. .mcnCartContainer,
  570. .mcnCaptionTopContent,
  571. .mcnRecContentContainer,
  572. .mcnCaptionBottomContent,
  573. .mcnTextContentContainer,
  574. .mcnBoxedTextContentContainer,
  575. .mcnImageGroupContentContainer,
  576. .mcnCaptionLeftTextContentContainer,
  577. .mcnCaptionRightTextContentContainer,
  578. .mcnCaptionLeftImageContentContainer,
  579. .mcnCaptionRightImageContentContainer,
  580. .mcnImageCardLeftTextContentContainer,
  581. .mcnImageCardRightTextContentContainer {
  582. max-width: 100% !important;
  583. width: 100% !important;
  584. }
  585. }
  586. @media only screen and (max-width: 480px) {
  587. .mcnBoxedTextContentContainer {
  588. min-width: 100% !important;
  589. }
  590. }
  591. @media only screen and (max-width: 480px) {
  592. .mcnImageGroupContent {
  593. padding: 9px !important;
  594. }
  595. }
  596. @media only screen and (max-width: 480px) {
  597. .mcnCaptionLeftContentOuter .mcnTextContent,
  598. .mcnCaptionRightContentOuter .mcnTextContent {
  599. padding-top: 9px !important;
  600. }
  601. }
  602. @media only screen and (max-width: 480px) {
  603. .mcnImageCardTopImageContent,
  604. .mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
  605. padding-top: 18px !important;
  606. }
  607. }
  608. @media only screen and (max-width: 480px) {
  609. .mcnImageCardBottomImageContent {
  610. padding-bottom: 9px !important;
  611. }
  612. }
  613. @media only screen and (max-width: 480px) {
  614. .mcnImageGroupBlockInner {
  615. padding-top: 0 !important;
  616. padding-bottom: 0 !important;
  617. }
  618. }
  619. @media only screen and (max-width: 480px) {
  620. .mcnImageGroupBlockOuter {
  621. padding-top: 9px !important;
  622. padding-bottom: 9px !important;
  623. }
  624. }
  625. @media only screen and (max-width: 480px) {
  626. .mcnTextContent,
  627. .mcnBoxedTextContentColumn {
  628. padding-right: 18px !important;
  629. padding-left: 18px !important;
  630. }
  631. }
  632. @media only screen and (max-width: 480px) {
  633. .mcnImageCardLeftImageContent,
  634. .mcnImageCardRightImageContent {
  635. padding-right: 18px !important;
  636. padding-bottom: 0 !important;
  637. padding-left: 18px !important;
  638. }
  639. }
  640. @media only screen and (max-width: 480px) {
  641. .mcpreview-image-uploader {
  642. display: none !important;
  643. width: 100% !important;
  644. }
  645. }
  646. @media only screen and (max-width: 480px) {
  647. /*
  648. @tab Mobile Styles
  649. @section Heading 1
  650. @tip Make the first-level headings larger in size for better readability on small screens.
  651. */
  652. h1 {
  653. /*@editable*/
  654. font-size: 30px !important;
  655. /*@editable*/
  656. line-height: 125% !important;
  657. }
  658. }
  659. @media only screen and (max-width: 480px) {
  660. /*
  661. @tab Mobile Styles
  662. @section Heading 2
  663. @tip Make the second-level headings larger in size for better readability on small screens.
  664. */
  665. h2 {
  666. /*@editable*/
  667. font-size: 26px !important;
  668. /*@editable*/
  669. line-height: 125% !important;
  670. }
  671. }
  672. @media only screen and (max-width: 480px) {
  673. /*
  674. @tab Mobile Styles
  675. @section Heading 3
  676. @tip Make the third-level headings larger in size for better readability on small screens.
  677. */
  678. h3 {
  679. /*@editable*/
  680. font-size: 20px !important;
  681. /*@editable*/
  682. line-height: 150% !important;
  683. }
  684. }
  685. @media only screen and (max-width: 480px) {
  686. /*
  687. @tab Mobile Styles
  688. @section Heading 4
  689. @tip Make the fourth-level headings larger in size for better readability on small screens.
  690. */
  691. h4 {
  692. /*@editable*/
  693. font-size: 18px !important;
  694. /*@editable*/
  695. line-height: 150% !important;
  696. }
  697. }
  698. @media only screen and (max-width: 480px) {
  699. /*
  700. @tab Mobile Styles
  701. @section Boxed Text
  702. @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
  703. */
  704. .mcnBoxedTextContentContainer .mcnTextContent,
  705. .mcnBoxedTextContentContainer .mcnTextContent p {
  706. /*@editable*/
  707. font-size: 14px !important;
  708. /*@editable*/
  709. line-height: 150% !important;
  710. }
  711. }
  712. @media only screen and (max-width: 480px) {
  713. /*
  714. @tab Mobile Styles
  715. @section Header Text
  716. @tip Make the header text larger in size for better readability on small screens.
  717. */
  718. .headerContainer .mcnTextContent,
  719. .headerContainer .mcnTextContent p {
  720. /*@editable*/
  721. font-size: 16px !important;
  722. /*@editable*/
  723. line-height: 150% !important;
  724. }
  725. }
  726. @media only screen and (max-width: 480px) {
  727. /*
  728. @tab Mobile Styles
  729. @section Body Text
  730. @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
  731. */
  732. .bodyContainer .mcnTextContent,
  733. .bodyContainer .mcnTextContent p {
  734. /*@editable*/
  735. font-size: 16px !important;
  736. /*@editable*/
  737. line-height: 150% !important;
  738. }
  739. }
  740. @media only screen and (max-width: 480px) {
  741. /*
  742. @tab Mobile Styles
  743. @section Footer Text
  744. @tip Make the footer content text larger in size for better readability on small screens.
  745. */
  746. .footerContainer .mcnTextContent,
  747. .footerContainer .mcnTextContent p {
  748. /*@editable*/
  749. font-size: 14px !important;
  750. /*@editable*/
  751. line-height: 150% !important;
  752. }
  753. }
  754. </style>
  755. </head>
  756. <body>
  757. <!--*|IF:MC_PREVIEW_TEXT|*-->
  758. <!--[if !gte mso 9]><!----><span class="mcnPreviewText" style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;"></span>
  759. <!--<![endif]-->
  760. <!--*|END:IF|*-->
  761. <center>
  762. <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
  763. <tr>
  764. <td align="center" valign="top" id="bodyCell">
  765. <!-- BEGIN TEMPLATE // -->
  766. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  767. <tr>
  768. <td align="center" valign="top" id="templateHeader" data-template-container>
  769. <!--[if (gte mso 9)|(IE)]>
  770. <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
  771. <tr>
  772. <td align="center" valign="top" width="600" style="width:600px;">
  773. <![endif]-->
  774. <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
  775. <tr>
  776. <td valign="top" class="headerContainer">
  777. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%;">
  778. <tbody class="mcnImageBlockOuter">
  779. <tr>
  780. <td valign="top" style="padding:9px" class="mcnImageBlockInner">
  781. <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;">
  782. <tbody>
  783. <tr>
  784. <td class="mcnImageContent" valign="top" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;">
  785. <img align="center" alt="" src="' . $this->config['PHPMAILER-logo'] . '" width="564" style="max-width:700px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" class="mcnImage">
  786. </td>
  787. </tr>
  788. </tbody>
  789. </table>
  790. </td>
  791. </tr>
  792. </tbody>
  793. </table>
  794. </td>
  795. </tr>
  796. </table>
  797. <!--[if (gte mso 9)|(IE)]>
  798. </td>
  799. </tr>
  800. </table>
  801. <![endif]-->
  802. </td>
  803. </tr>
  804. <tr>
  805. <td align="center" valign="top" id="templateBody" data-template-container>
  806. <!--[if (gte mso 9)|(IE)]>
  807. <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
  808. <tr>
  809. <td align="center" valign="top" width="600" style="width:600px;">
  810. <![endif]-->
  811. <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
  812. <tr>
  813. <td valign="top" class="bodyContainer">
  814. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
  815. <tbody class="mcnTextBlockOuter">
  816. <tr>
  817. <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
  818. <!--[if mso]>
  819. <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
  820. <tr>
  821. <![endif]-->
  822. <!--[if mso]>
  823. <td valign="top" width="600" style="width:600px;">
  824. <![endif]-->
  825. <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
  826. <tbody>
  827. <tr>
  828. <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
  829. ' . $body . '
  830. </td>
  831. </tr>
  832. </tbody>
  833. </table>
  834. <!--[if mso]>
  835. </td>
  836. <![endif]-->
  837. <!--[if mso]>
  838. </tr>
  839. </table>
  840. <![endif]-->
  841. </td>
  842. </tr>
  843. </tbody>
  844. </table>
  845. ' . $button . $info . '
  846. </td>
  847. </tr>
  848. </table>
  849. <!--[if (gte mso 9)|(IE)]>
  850. </td>
  851. </tr>
  852. </table>
  853. <![endif]-->
  854. </td>
  855. </tr>
  856. <tr>
  857. <td align="center" valign="top" id="templateFooter" data-template-container>
  858. <!--[if (gte mso 9)|(IE)]>
  859. <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
  860. <tr>
  861. <td align="center" valign="top" width="600" style="width:600px;">
  862. <![endif]-->
  863. <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
  864. <tr>
  865. <td valign="top" class="footerContainer">
  866. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock" style="min-width:100%;">
  867. <tbody class="mcnFollowBlockOuter">
  868. <tr>
  869. <td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
  870. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentContainer" style="min-width:100%;">
  871. <tbody>
  872. <tr>
  873. <td align="center" style="padding-left:9px;padding-right:9px;">
  874. <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%; border: 1px none;" class="mcnFollowContent">
  875. <tbody>
  876. <tr>
  877. <td align="center" valign="top" style="padding-top:9px; padding-right:9px; padding-left:9px;">
  878. <table align="center" border="0" cellpadding="0" cellspacing="0">
  879. <tbody>
  880. <tr>
  881. <td align="center" valign="top">
  882. <!--[if mso]>
  883. <table align="center" border="0" cellspacing="0" cellpadding="0">
  884. <tr>
  885. <![endif]-->
  886. <!--[if mso]>
  887. <td align="center" valign="top">
  888. <![endif]-->
  889. <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
  890. <tbody>
  891. <tr>
  892. <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
  893. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
  894. <tbody>
  895. <tr>
  896. <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
  897. <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
  898. <tbody>
  899. <tr>
  900. <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
  901. <a href="https://github.com/causefx/organizr" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-github-48.png" style="display:block;" height="24" width="24" class=""></a>
  902. </td>
  903. <td align="left" valign="middle" class="mcnFollowTextContent" style="padding-left:5px;">
  904. <a href="https://github.com/causefx/organizr" target="" style="font-family: Helvetica;font-size: 12px;text-decoration: none;color: #FFFFFF;font-weight: bold;">GitHub</a>
  905. </td>
  906. </tr>
  907. </tbody>
  908. </table>
  909. </td>
  910. </tr>
  911. </tbody>
  912. </table>
  913. </td>
  914. </tr>
  915. </tbody>
  916. </table>
  917. <!--[if mso]>
  918. </td>
  919. <![endif]-->
  920. <!--[if mso]>
  921. <td align="center" valign="top">
  922. <![endif]-->
  923. <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
  924. <tbody>
  925. <tr>
  926. <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
  927. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
  928. <tbody>
  929. <tr>
  930. <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
  931. <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
  932. <tbody>
  933. <tr>
  934. <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
  935. <a href="https://www.reddit.com/r/organizr" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-reddit-48.png" style="display:block;" height="24" width="24" class=""></a>
  936. </td>
  937. <td align="left" valign="middle" class="mcnFollowTextContent" style="padding-left:5px;">
  938. <a href="https://www.reddit.com/r/organizr" target="" style="font-family: Helvetica;font-size: 12px;text-decoration: none;color: #FFFFFF;font-weight: bold;">Reddit</a>
  939. </td>
  940. </tr>
  941. </tbody>
  942. </table>
  943. </td>
  944. </tr>
  945. </tbody>
  946. </table>
  947. </td>
  948. </tr>
  949. </tbody>
  950. </table>
  951. <!--[if mso]>
  952. </td>
  953. <![endif]-->
  954. <!--[if mso]>
  955. <td align="center" valign="top">
  956. <![endif]-->
  957. <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
  958. <tbody>
  959. <tr>
  960. <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
  961. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
  962. <tbody>
  963. <tr>
  964. <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
  965. <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
  966. <tbody>
  967. <tr>
  968. <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
  969. <a href="https://organizr.app" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-link-48.png" style="display:block;" height="24" width="24" class=""></a>
  970. </td>
  971. <td align="left" valign="middle" class="mcnFollowTextContent" style="padding-left:5px;">
  972. <a href="https://organizr.app" target="" style="font-family: Helvetica;font-size: 12px;text-decoration: none;color: #FFFFFF;font-weight: bold;">Website</a>
  973. </td>
  974. </tr>
  975. </tbody>
  976. </table>
  977. </td>
  978. </tr>
  979. </tbody>
  980. </table>
  981. </td>
  982. </tr>
  983. </tbody>
  984. </table>
  985. <!--[if mso]>
  986. </td>
  987. <![endif]-->
  988. <!--[if mso]>
  989. <td align="center" valign="top">
  990. <![endif]-->
  991. <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
  992. <tbody>
  993. <tr>
  994. <td valign="top" style="padding-right:0; padding-bottom:9px;" class="mcnFollowContentItemContainer">
  995. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
  996. <tbody>
  997. <tr>
  998. <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
  999. <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
  1000. <tbody>
  1001. <tr>
  1002. <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
  1003. <a href="https://discord.gg/TrNtY7N" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-link-48.png" style="display:block;" height="24" width="24" class=""></a>
  1004. </td>
  1005. <td align="left" valign="middle" class="mcnFollowTextContent" style="padding-left:5px;">
  1006. <a href="https://discord.gg/TrNtY7N" target="" style="font-family: Helvetica;font-size: 12px;text-decoration: none;color: #FFFFFF;font-weight: bold;">Discord</a>
  1007. </td>
  1008. </tr>
  1009. </tbody>
  1010. </table>
  1011. </td>
  1012. </tr>
  1013. </tbody>
  1014. </table>
  1015. </td>
  1016. </tr>
  1017. </tbody>
  1018. </table>
  1019. <!--[if mso]>
  1020. </td>
  1021. <![endif]-->
  1022. <!--[if mso]>
  1023. </tr>
  1024. </table>
  1025. <![endif]-->
  1026. </td>
  1027. </tr>
  1028. </tbody>
  1029. </table>
  1030. </td>
  1031. </tr>
  1032. </tbody>
  1033. </table>
  1034. </td>
  1035. </tr>
  1036. </tbody>
  1037. </table>
  1038. </td>
  1039. </tr>
  1040. </tbody>
  1041. </table>
  1042. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%;">
  1043. <tbody class="mcnDividerBlockOuter">
  1044. <tr>
  1045. <td class="mcnDividerBlockInner" style="min-width: 100%; padding: 0px 18px;">
  1046. <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px solid #505050;">
  1047. <tbody>
  1048. <tr>
  1049. <td>
  1050. <span></span>
  1051. </td>
  1052. </tr>
  1053. </tbody>
  1054. </table>
  1055. <!--
  1056. <td class="mcnDividerBlockInner" style="padding: 18px;">
  1057. <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
  1058. -->
  1059. </td>
  1060. </tr>
  1061. </tbody>
  1062. </table>
  1063. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
  1064. <tbody class="mcnTextBlockOuter">
  1065. <tr>
  1066. <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
  1067. <!--[if mso]>
  1068. <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
  1069. <tr>
  1070. <![endif]-->
  1071. <!--[if mso]>
  1072. <td valign="top" width="600" style="width:600px;">
  1073. <![endif]-->
  1074. <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
  1075. <tbody>
  1076. <tr>
  1077. <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
  1078. <em>Powered By: Organizr</em>
  1079. </td>
  1080. </tr>
  1081. </tbody>
  1082. </table>
  1083. <!--[if mso]>
  1084. </td>
  1085. <![endif]-->
  1086. <!--[if mso]>
  1087. </tr>
  1088. </table>
  1089. <![endif]-->
  1090. </td>
  1091. </tr>
  1092. </tbody>
  1093. </table>
  1094. </td>
  1095. </tr>
  1096. </table>
  1097. <!--[if (gte mso 9)|(IE)]>
  1098. </td>
  1099. </tr>
  1100. </table>
  1101. <![endif]-->
  1102. </td>
  1103. </tr>
  1104. </table>
  1105. <!-- // END TEMPLATE -->
  1106. </td>
  1107. </tr>
  1108. </table>
  1109. </center>
  1110. </body>
  1111. </html>
  1112. ';