app/views/layouts/mailer.html.erb from JuanVqz/doctors

app/views/layouts/mailer.html.erb
Summary

Maintainability

Test Coverage

Issues
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
      body { margin: 0; padding: 0; width: 100%; background-color: #F2F4F6; }
      .email-wrapper { width: 100%; margin: 0; padding: 0; background-color: #F2F4F6; }
      .email-masthead { padding: 25px 0; text-align: center; }
      .email-masthead_name { font-size: 16px; font-weight: bold; color: #2F3133; text-decoration: none; text-shadow: 0 1px 0 white; }
      .email-body { width: 100%; margin: 0; padding: 0; border-top: 1px solid #EDEFF2; border-bottom: 1px solid #EDEFF2; background-color: #FFF; }
      .email-body_inner { width: auto; max-width: 570px; margin: 0 auto; padding: 0; }
      .email-body_cell { padding: 35px; }
      .email-footer { width: auto; max-width: 570px; margin: 0 auto; padding: 0; text-align: center; }
      .email-footer_cell { color: #AEAEAE; padding: 35px; text-align: center; }

      .body_action { width: 100%; margin: 30px auto; padding: 0; text-align: center; }
      .body_sub { margin-top: 25px; padding-top: 25px; border-top: 1px solid #EDEFF2; }

      .anchor { color: #3869D4; }
      .header { margin-top: 0; color: #2F3133; font-size: 19px; font-weight: bold; text-align: left; }
      .paragraph { margin-top: 0; color: #74787E; font-size: 16px; line-height: 1.5em; }
      .paragraph-sub { margin-top: 0; color: #74787E; font-size: 12px; line-height: 1.5em; }
      .paragraph-center { text-align: center; }

      .button { display: block; display: inline-block; width: 200px; min-height: 20px; padding: 10px;
                background-color: #3869D4; border-radius: 3px; color: #ffffff; font-size: 15px; line-height: 25px;
                text-align: center; text-decoration: none; -webkit-text-size-adjust: none; }
      .button--green { background-color: #22BC66; }
      .button--red { background-color: #dc4d2f; }
      .button--blue { background-color: #3869D4; }

      .font { font-family: Arial, \'Helvetica Neue\', Helvetica, sans-serif; }

      @media only screen and (max-width: 500px) { .button { width: 100% !important; } }
    </style>
  </head>

  <body>
    <table width="100%" cellpadding="0" cellspacing="0">
      <tr>
        <td class="email-wrapper" align="center">
          <table width="100%" cellpadding="0" cellspacing="0">
            <!-- head -->
            <tr>
              <td class="email-masthead">
                <a href="http://asistenciaclinica.com/" class="font email-masthead_name" target="_blank">
                  <h1>Asistencia Clinica</h1>
                </a>
              </td>
            </tr>
            <!-- body -->
            <tr>
              <td class="email-body" width="100%">
                <table class="email-body_inner" align="center" width="570" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="email-body_cell">
                      <%= yield %>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
            <!-- footer -->
            <tr>
              <td>
                <table class="email-footer" align="center" width="570" cellpadding="0" cellspacing="0">
                  <tr>
                    <td class="font email-footer_cell">
                      <p class="paragraph-sub paragraph-center">
                        <a href="https://asistenciaclinica.com/" class="font email-masthead_name" target="_blank"> asistenciaclinica.com </a>
                        <br>
                        Todos los derechos reservados.&copy <%= Date.today.year %>
                      </p>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>