templates/layouts/layouts_emails/skin_default.html.twig line 1

Open in your IDE?
  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.     <style type="text/css">
  7.         * {
  8.             margin: 0;
  9.             padding: 0;
  10.             font-size: 100%;
  11.             font-family: 'Avenir Next', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  12.             line-height: 1.65;
  13.         }
  15.         img {
  16.             width: 100%;
  17.         }
  19.         body {
  20.             width: 100% !important;
  21.             height: 100%;
  22.             background: #f8f8f8;
  23.         }
  25.         a {
  26.             color: #c9242d;
  27.             text-decoration: none;
  28.         }
  30.         a:hover {
  31.             text-decoration: underline;
  32.         }
  34.         .text-center {
  35.             text-align: center;
  36.         }
  38.         .text-right {
  39.             text-align: right;
  40.         }
  42.         .text-left {
  43.             text-align: left;
  44.         }
  46.         .button {
  47.             display: inline-block;
  48.             color: white;
  49.             background: #71bc37;
  50.             border: solid #71bc37;
  51.             border-width: 10px 20px 8px;
  52.             font-weight: bold;
  53.             border-radius: 4px;
  54.         }
  56.         .button:hover {
  57.             text-decoration: none;
  58.         }
  60.         h1, h2, h3, h4, h5, h6 {
  61.             margin-bottom: 20px;
  62.             line-height: 1.25;
  63.         }
  65.         h1 {
  66.             font-size: 32px;
  67.         }
  69.         h2 {
  70.             font-size: 28px;
  71.         }
  73.         h3 {
  74.             font-size: 24px;
  75.         }
  77.         h4 {
  78.             font-size: 20px;
  79.         }
  81.         h5 {
  82.             font-size: 16px;
  83.         }
  85.         p, ul, ol {
  86.             font-size: 16px;
  87.             font-weight: normal;
  88.             margin-bottom: 20px;
  89.         }
  91.         .container {
  92.             display: block !important;
  93.             clear: both !important;
  94.             margin: auto !important;
  95.             width: 580px !important;
  96.             border-collapse: collapse;
  97.         }
  99.         .container .content {
  100.             background: white;
  101.             padding: 30px 35px;
  102.         }
  104.         .container .content.footer {
  105.             background: none;
  106.         }
  108.         .container .content.footer p {
  109.             margin-bottom: 0;
  110.             color: #888;
  111.             text-align: center;
  112.             font-size: 14px;
  113.         }
  115.         .container .content.footer a {
  116.             color: #888;
  117.             text-decoration: none;
  118.             font-weight: bold;
  119.         }
  121.         .container .content.footer a:hover {
  122.             text-decoration: underline;
  123.         }
  125.         .container .table {
  126.             width: 100%;
  127.         }
  129.         .container .table tr {
  130.             border-bottom: solid 1px #a6a6a6;
  131.         }
  133.         .blockquote {
  134.             padding: 10px !important;
  135.             background-color: #EEE;
  136.         }
  138.         .text {
  139.             text-align: justify;
  140.         }
  141.     </style>
  142. </head>
  143. <body>
  144. <div style="width: 580px; margin: 0px auto;">
  145.     <table class="container">
  146.         <tr>
  147.             <td align="center">
  148.                 <img src="cid:header" width="580" border="0" alt=""/>
  149.             </td>
  150.         </tr>
  151.         <tr>
  152.             <td class="content">
  153.                 {{ content|raw }}
  154.             </td>
  155.         </tr>
  156.     </table>
  157. </div>
  158. </body>
  159. </html>