Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
  
  <head>
    <meta name="x-apple-disable-message-reformatting" />
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!--[if !mso]>
      <!-->
      <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--<![endif]-->
    <title>Hulu Castle Rock</title>
    <style type="text/css" media="all">
      @font-face {
          font-family: 'hulustyle_light';
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-light-webfont.eot');
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-light-webfont.eot?#iefix') format('embedded-opentype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-light-webfont.woff2') format('woff2'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-light-webfont.woff') format('woff'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-light-webfont.ttf') format('truetype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-light-webfont.svg#hulustyle_tlight') format('svg');
          font-weight: normal;
          font-style: normal;
      
      }
      @font-face {
          font-family: 'hulustyle_medium';
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-medium-webfont.eot');
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-medium-webfont.eot?#iefix') format('embedded-opentype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-medium-webfont.woff2') format('woff2'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-medium-webfont.woff') format('woff'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-medium-webfont.ttf') format('truetype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-medium-webfont.svg#hulustyle_tmedium') format('svg');
          font-weight: normal;
          font-style: normal;
      
      }
      @font-face {
          font-family: 'hulustyle_regular';
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-regular-webfont.eot');
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-regular-webfont.eot?#iefix') format('embedded-opentype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-regular-webfont.woff2') format('woff2'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-regular-webfont.woff') format('woff'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-regular-webfont.ttf') format('truetype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-regular-webfont.svg#hulustyle_tregular') format('svg');
          font-weight: normal;
          font-style: normal;
      
      }
      @font-face {
          font-family: 'hulustyle_bold';
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-bold-webfont.eot');
          src: url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-bold-webfont.eot?#iefix') format('embedded-opentype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-bold-webfont.woff2') format('woff2'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-bold-webfont.woff') format('woff'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-bold-webfont.ttf') format('truetype'),
               url('https://assetshuluimcom-a.akamaihd.net/FONTS/hulustyle/upright/hulustyle-bold-webfont.svg#hulustyle_tbold') format('svg');
          font-weight: normal;
          font-style: normal;
      
      }
      @font-face {
          font-family: 'Graphik-Light';
          src:url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Light-Web.eot') format('embedded-opentype'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Light-Web.woff') format('woff'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Light-Web.woff2') format('woff2'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Light.otf') format('opentype');
          font-style: normal;
          font-weight: 200;
      }
      @font-face {
          font-family: 'Graphik-Medium';
          src:url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Medium-Web.eot') format('embedded-opentype'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Medium-Web.woff') format('woff'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Medium-Web.woff2') format('woff2'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Medium.otf') format('opentype');
          font-style: normal;
          font-weight: 200;
      }
      @font-face {
          font-family: 'Graphik-Regular';
          src:url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Regular-Web.eot') format('embedded-opentype'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Regular-Web.woff') format('woff'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Regular-Web.woff2') format('woff2'), url('https://assetshuluimcom-a.akamaihd.net/FONTS/Graphik-Regular.otf') format('opentype');
          font-style: normal;
          font-weight: 200;
      }
    </style>
  <!--<![endif]-->
  <style type="text/css" media="all">
    * { -webkit-text-size-adjust: none; } /* prevent iOS font upsizing */
    * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-smoothing: antialiased;
    }
    .ExternalClass * { line-height: 100%; } /* force Outlook.com to honor line-height */
    td { mso-line-height-rule: exactly; } /* force Outlook to honor set line-heights */
    .applelinksfooter a {color:#adb3bf !important; text-decoration:none !important;}
    .applelinksdisclaimer a {color:#FFFFFF !important; text-decoration:none !important;}
    .owaContextualHighlight span { /* Prevent Outlook.com and Office 365 from auto-linking */
        border:none!important;
        color:inherit!important;
    }
    /* Resolves the issue for iphone creating links from dates */
    .appleLinks { color: inherit; text-decoration: none; }
    .appleLinks a { color: inherit !important; text-decoration: none !important; }
    
    
    /*** Responsive CSS ***/
    
    @media only screen and (max-width: 600px) {
    /*** Layout ***/
    body {
        width: 100%;
        min-width: 100%;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
    }
    .marginFix {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }
    .full-width-container {
        width: 100% !important;
        min-width: 100% !important;
    }
    .hide {
        width: 0px !important;
        height: 0px !important;
        display: none !important;
    }
    .stackTbl {
        width: 100% !important;
        display: table !important;
    }
    .stackTblMarginTop20 {
        width: 100% !important;
        display: table !important;
        margin-top: 20px !important; /* Adjust to match spacing between 2 across rows */
    }
    .stackTblMarginTop30 {
        width: 100% !important;
        display: table !important;
        margin-top: 30px !important; 
    }
    .stackTblMarginTop25 { /** Used in footer content area **/
        width: 100% !important;
        display: table !important;
        margin-top: 25px !important; 
    }
    .center {
        margin: 0px auto !important;
    }
    .floatLeft {
        float: left !important;
        width: 35% !important;
    }
    .floatRight {
        float: right !important;
        width: 60% !important;
    }
    /*** Padding Styles ***/
    .mobilePaddingLR {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .mobilePaddingLR25 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .mobilePaddingTB {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .padding-25-0-25-0 {
     padding: 25px 0 25px 0 !important;
    }
    .padding-0-25-0-25 {
     padding: 0 25px 0 25px !important;
    }
    .padding-0-75-0-75 {
     padding: 0 75px 0 75px !important;
    }
    .paddingTop25 {
        padding-top: 25px !important
    }
    .paddingTop10 {
        padding-top: 10px !important
    }
    .paddingTop16 {
        padding-top: 16px !important
    }
    .paddingLeft10 {
        padding-left: 10px !important
    }
    .paddingLeft25 {
        padding-left: 25px !important
    }
    .removeLRPadding {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .paddingBottom75 {
        padding-bottom: 75px !important
    }
    .padtopnone {
     padding-top: 0 !important;
    }
    .pad-none {
     padding: 0 0 0 0 !important;
    }
    /*** Text/Divider/Image Styles ***/
    .imageUpsize {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important
    }
    .imageMax {
        max-width: 100% !important
    }
    .fullWidthImg {
        width: 100% !important;
        height: auto !important;
    }
    .logoResize {
        width: 60px !important;
        height: auto !important;
    }
    .textAlignCenter {
        text-align: center !important
    }
    .textAlignLeft {
        text-align: left !important
    }
    .fontSize8 {
     font-size: 8px !important;
     line-height: 10px !important;
    }
    .fontSize16 {
     font-size: 16px !important;
     line-height: 20px !important;
    }
    .fontSize20 {
     font-size: 20px !important;
     line-height: 24px !important;
    }
    .fontSize28 {
     font-size: 28px !important;
     line-height: 30px !important;
    }
    
    }
    
    /*** END Responsive CSS ***/
  </style>
  <style>
    * .img_CastleRock_OfficialTrailer_Reacq:hover, * .img_CastleRock_OfficialTrailer_Reacq.yahoo-link-enhancr-card div button:active,* .img_CastleRock_OfficialTrailer_Reacq.yahoo-link-enhancr-card a:active{ background-image:url('http://www.tailorednews.com/TmSubscribe.net/bgImg.jpg?u=Q5zncgkA&i=0&vid=2968&YT=1&ViewTypes=2&e=115423809
    ') !important; } * .yahoo-link-enhancr-card > div:first-of-type{height: 100% !important;margin-top: -60px !important;} * .yahoo-link-enhancr-card > div button{display:none;} * .img_CastleRock_OfficialTrailer_Reacq.yahoo-link-enhancr-card > div, * .img_CastleRock_OfficialTrailer_Reacq.yahoo-link-enhancr-card > div:first-of-type button{width:580px !important;height:326px !important;display:block;}.gmyt {display: none !important;} u+.body .yahoo-link-enhancr-card .gmyt{display: block !important;}u+.body .yahoo-link-enhancr-card .nogmyt {display:none !important;}
  </style>
  <!--[if gte mso 12]>
    <style type="text/css">
      .fallback-light {   font-family: Helvetica, Arial, sans-serif;   font-weight: 300;   }      .fallback-medium {   font-family: Helvetica, Arial, sans-serif;   }
    </style>
  <![endif]-->
  <!--[if gte mso 9]>
    <xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
  <![endif]-->
  </head>
  
  <body class="body" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
  bgcolor="#111111">
    <style type="text/css">
      div.preheader 
      { display: none !important; }
    </style>
    <div class="preheader" style="font-size: 1px; display: none !important;">From Stephen King and J.J. Abrams comes Hulu's newest original series.</div>
    <table
    width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#111111" style="width: 100%; border-collapse: collapse;">
      <tr>
        <td align="center">
          <!-- Preheader Red Banner -->
          <table width="100%" cellpadding="0" cellspacing="0" border="0" style="width: 100%; border-collapse: collapse;"
          bgcolor="#b42524">
            <tr>
              <td align="center" style="padding: 16px 0 16px 0;">
                <table width="560" cellpadding="0" cellspacing="0" border="0" style="width: 560px; border-collapse: collapse;"
                class="full-width-container">
                  <tr>
                    <td>
                      <table align="left" width="280" cellpadding="0" cellspacing="0" border="0" style="width: 280px; border-collapse: collapse;"
                      class="full-width-container">
                        <tr>
                          <td style="font-family: Helvetica, Arial, sans-serif;font-size: 14px; text-align: center; color: #ffffff; text-transform: uppercase; padding: 10px 0 0 0; line-height: 16px"
                          class="pad-none">
                            <!--[if !mso]>
                              <!--> <span style="font-family: 'Graphik-regular', Helvetica, Arial Black, Arial, sans-serif;;">
             <!--<![endif]-->
             TRY HULU, WATCH THE <span style="font-style: italic">CASTLE ROCK</span>
                              <br>PREMIERE ON JULY 25TH
                              <!--[if !mso]>
                                <!-->
                                </span>
                              <!--<![endif]-->
                          </td>
                        </tr>
                      </table>
                      <!--[if (gte mso 9)|(IE)]>
                    </td>
                    <td>
                    <![endif]-->
                    <!-- Button -->
                    <table width="280" align="left" cellpadding="0" cellspacing="0" border="0" style="width: 280; border-collapse: collapse;"
                    class="full-width-container">
                      <tr>
                        <td align="center">
                          <!-- Module 07C - CTA 2 -->
                          <table width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                              <td align="center" valign="top" class="paddingTop16">
                                <table cellpadding="0" cellspacing="0" border="0" align="center" style="min-width: 230px">
                                  <tr>
                                    <td height="45" align="center" valign="middle" class="" style="color: #FFFFFF;font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; letter-spacing: 1px; border:2px solid #FFFFFF; text-transform: uppercase;padding:0px 25px 0px 25px;">
                                      <!-- ADD LINK URL AND ALIAS BELOW -->
                                      <a href="https://www.hulu.com/start/signup-dtp?utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                                      align="center" style="color:#FFFFFF; text-decoration:none;" target="_blank">
                                        <!--[if !mso]>
                                          <!--> <span style="font-family: 'Graphik-medium', Helvetica, Arial Black, Arial, sans-serif;;">
                    <!--<![endif]-->
                    COME BACK NOW
                    <!--[if !mso]><!-->
                    </span>

                                        <!--<![endif]-->
                                      </a>
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                          </table>
                          <!-- End Module 07C - CTA 2 -->
                        </td>
                      </tr>
                    </table>
                    <!-- /End Button -->
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
          <!-- /End Preheader Red Banner -->
        </td>
      </tr>
      <tr>
        <td align="center">
          <!-- Email Content Body Areas -->
          <table width="600" cellpadding="0" cellspacing="0" border="0" style="width: 600px; border-collapse: collapse;"
          class="full-width-container">
            <tr>
              <td align="center" style="padding: 0 0 0 0;" class="mobilePaddingLR25">
                <a href="https://www.hulu.com/start/signup-dtp?utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                target="_blank">
                  <img src="http://image.hulumail.com/lib/fe9515707360007972/m/7/43509584-a827-473e-8e1e-d28b355372d9.jpg"
                  style="border: none; display: block; -ms-interpolation-mode: bicubic; outline: none; width: 600px; height: 525px;"
                  width="600" height="525" alt="Hulu" border="0" class="fullWidthImg" />
                </a>
              </td>
            </tr>
            <tr>
              <td align="center" style="color: #ffffff;font-family: Helvetica, Arial, sans-serif; font-size: 32px; line-height: 25px; letter-spacing: 1px; padding: 10px 0 0 0;"
              class="mobilePaddingLR mobilePaddingTB ">
                <!--[if !mso]>
                  <!--> <span style="font-family: 'Graphik-Medium', Helvetica, Arial Black, Arial, sans-serif;">
       <!--<![endif]-->
       WELCOMES YOU
       <!--[if !mso]><!-->
       </span>

                <!--<![endif]-->
              </td>
            </tr>
            <tr>
              <td align="center" style="color: #ffffff;font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 27px; letter-spacing: 1px; padding: 30px 55px 0 55px"
              class="mobilePaddingLR mobilePaddingTB ">
                <!--[if !mso]>
                  <!--> <span style="font-family: 'Graphik-regular', Helvetica, Arial Black, Arial, sans-serif;">
       <!--<![endif]-->
       There's something strange about the Maine town of <span style="font-style: italic">Castle Rock</span> &#8211;
                  and it's inescapable.
                  <!--[if !mso]>
                    <!-->
                    </span>
                  <!--<![endif]-->
              </td>
              <tr>
                <td align="center" style="color: #ffffff;font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 27px; letter-spacing: 1px; padding:20px 40px 30px 40px"
                class="mobilePaddingLR mobilePaddingTB ">
                  <!--[if !mso]>
                    <!--> <span style="font-family: 'Graphik-regular', Helvetica, Arial Black, Arial, sans-serif;">
       <!--<![endif]-->
       Come back to Hulu for the all-new Hulu Original psychological thriller series from the mind of Stephen King and Executive Producer J.J. Abrams.
       <!--[if !mso]><!-->
       </span>

                  <!--<![endif]-->
                </td>
              </tr>
              <tr>
                <td align="center">
                  <!-- Module 07D - CTA 2 w/ Legal Copy -->
                  <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td align="center" valign="top" style="padding: 20px 0px 0px 0px" class="mobilePaddingLR">
                        <table cellpadding="0" cellspacing="0" border="0" align="center" style="min-width: 230px">
                          <tr>
                            <td height="45" align="center" valign="middle" class="" style="color: #FFFFFF;font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; letter-spacing: 1px; border:2px solid #FFFFFF; text-transform: uppercase;padding:0px 30px 0px 30px;">
                              <!-- ADD LINK URL AND ALIAS BELOW -->
                              <a href="https://www.hulu.com/start/signup-dtp?utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                              align="center" style="color:#FFFFFF; text-decoration:none;" target="_blank">
                                <!--[if !mso]>
                                  <!--> <span style="font-family: 'Graphik-medium', Helvetica, Arial Black, Arial, sans-serif;">
             <!--<![endif]-->
             COME BACK NOW
             <!--[if !mso]><!-->
             </span>

                                <!--<![endif]-->
                              </a>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                  <!-- End Module 07D - CTA 2 w/ Legal Copy -->
                </td>
              </tr>
              <tr>
                <td align="center" style="padding: 65px 0 150px 0;" class="mobilePaddingLR paddingBottom75">
                  <!-- TRAILER IMAGE -->
                  <div>
                    <link href="https://tailorednews.com/tmsubscribe.net/video.css?v=dummytm&w=0&h=0&ctrl=viddummytm&u=&i=&vid="
                    rel="stylesheet" type="text/css">
                    <div class="v_dummytm" style="mso-hide: all;width: 0px; max-height: 0px; height: 0px; overflow: hidden; display:none;margin:0 auto;">
                      <video id="viddummytm" width="0" height="0" style=" " controls="controls" class="dummytm"
                      poster="">
                        <source src="https://nearest.tm00.com/dummyvideo/dummytm.mp4" type="video/mp4"></source>
                      </video>
                    </div>
                  </div>
                  <style type="text/css">
                    @media (-webkit-device-pixel-ratio:1) and (device-width:320px) and (device-height:480px), (-webkit-device-pixel-ratio:2) and (device-width:320px) and (device-height:480px), (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:40/71), (-webkit-device-pixel-ratio:1) and (device-width:768px) and (device-height:1024px), (-webkit-device-pixel-ratio:2) and (device-width:768px) and (device-height:1024px),(min-device-width:1280px), (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 375px) and (max-device-width: 667px), (-webkit-min-device-pixel-ratio: 3) and (min-device-width: 414px) and (max-device-width: 736px){
                    div[class="v_CastleRock_OfficialTrailer_Reacq"], img[class="v_CastleRock_OfficialTrailer_Reacq"]
                    { width:100% !important;height:auto !important;max-height:none !important;display:block !important; }
                    div[class="img_CastleRock_OfficialTrailer_Reacq"], img[class="img_CastleRock_OfficialTrailer_Reacq"]
                    { width:0 !important;height:0 !important;padding:0 !important;overflow:hidden;display:none !important;} 
                    }
                  </style>
                  <link href="https://tailorednews.com/tmsubscribe.net/video.css?v=CastleRock_OfficialTrailer_Reacq&w=580&h=326&ctrl=trkvid1181720&u=Q5zncgkA&i=0&vid=2968&ViewTypes=2&e=115423809"
                  rel="stylesheet" type="text/css">
                  <div class="yahoo-link-enhancr-card img_CastleRock_OfficialTrailer_Reacq" style="width: 580px; height:auto; display:block;margin:0 auto;"
                  data-url='https://www.youtube.com/watch?v=gXsKCQenpt0' data-type='yenhancr' data-category='video'
                  data-embed-url='https://www.youtube.com/embed/gXsKCQenpt0?autoplay=1'>
                    <a target="_self" href="https://www.hulu.com/watch/1304895#i0,p0,d1" id="trk1181721"
                    style="" class="nogmyt">
                      <img alt="Watch Trailer" height="326" width="580" src="https://m1.tailorednews.com/i/2968/Q5zncgkA/f/0/fallback.gif"
                      border="0" id="trkimg1181721" class="img_CastleRock_OfficialTrailer_Reacq" style="width:580px; height:auto; display:block;">
                    </a>
                    <a target="_self" href="https://www.youtube.com/watch?v=gXsKCQenpt0&utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                    id="trkGMYT1181721" style="display:none;" class="gmyt" gmail-yahoo-whitelist-id='NhYb4_tm'>
                      <img alt="Watch Trailer" height="326" width="580" src="https://m1.tailorednews.com/i/2968/Q5zncgkA/f/0/fallback.gif"
                      border="0" id="trkimgGMYT1181721" class="img_CastleRock_OfficialTrailer_Reacq"
                      style="width:580px; height:auto; display:block;">
                    </a>
                  </div>
                  <div class="v_CastleRock_OfficialTrailer_Reacq" style="mso-hide: all; width: 0px; max-height: 0px; height: 0px; overflow: hidden; display:none;margin:0 auto;">
                    <video id="trkvid1181720" width="580" height="326" style='  ' controls="controls"
                    controlslist="nodownload" class="CastleRock_OfficialTrailer_Reacq" poster="https://m1.tailorednews.com/i/2968/Q5zncgkA/p/0?ViewTypes=2">
                      <source src="https://nearest.tm00.com/tnewsm1/Video_Only/Hulu/output/mp4/output_CastleRock_OfficialTrailer_Reacq.mp4"
                      type="video/mp4"></source>
                      <!--[if !mso]>
                        <!-->
                        <a target="_self" href="https://www.hulu.com/watch/1304895#i0,p0,d1" id="trk1181721"
                        style="" class="nogmyt">
                          <img alt="Watch Trailer" height="326" width="580" src="https://m1.tailorednews.com/i/2968/Q5zncgkA/f/0/fallback.gif"
                          border="0" id="trkimg1181721" class="v_CastleRock_OfficialTrailer_Reacq" style="mso-hide: all; display: none; width: 0px; height: 0px;">
                        </a>
                      <!--<![endif]-->
                    </video>
                  </div>
                  <style type="text/css">
                    @media only screen and (max-width: 600px) {video[class="CastleRock_OfficialTrailer_Reacq"]{ max-width:100% !important; height: auto !important; }  div[class="v_CastleRock_OfficialTrailer_Reacq"], img[class="v_CastleRock_OfficialTrailer_Reacq"], div[class="img_CastleRock_OfficialTrailer_Reacq"], .img_CastleRock_OfficialTrailer_Reacq, img[class="img_CastleRock_OfficialTrailer_Reacq"]{ width:100% !important; height: auto !important; }}
                  </style>
                  <img alt="" src="https://www.tailorednews.com/o/uzBnlaoNC4rW-21.gif?ViewTypes=2&e=115423809"
                  border="0" height="1" width="25" style="height:1px !important;width:25px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;outline-style:none;text-decoration:none;display:block;">
                  <!-- /END TRAILER IMAGE -->
                </td>
              </tr>
          </table>
          <!-- /End Email Content Body Areas -->
        </td>
        </tr>
        <tr>
          <td align="center" bgcolor="#000000">
            <!-- End Footer Spacer -->
            <!---->
            <tr>
              <td width="100%" align="center">
                <table cellpadding="0" cellspacing="0" border="0" width="600" class="full-width-container">
                  <tr>
                    <td width="600" align="center" style="min-width:600px;" class="full-width-container">
                      <table cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tr>
                          <td align="center" style="padding:0px 0px 40px 0px;">
                            <!-- Social -->
                            <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td align="center" valign="top" style="padding-bottom: 20px">
                                  <table align="center" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                      <td>
                                        <a href="https://instagram.com/hulu/?utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                                        target="_blank">
                                          <img src="http://image.hulumail.com/lib/fe9515707360007972/m/4/170520_instagram.png"
                                          alt="Is" width="42" style="display: block; border: 0;">
                                        </a>
                                      </td>
                                      <td width="9"></td>
                                      <td>
                                        <a href="https://www.facebook.com/hulu?utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                                        target="_blank">
                                          <img src="http://image.hulumail.com/lib/fe9515707360007972/m/4/170520_facebook.png"
                                          alt="Fb" width="42" style="display: block; border: 0;">
                                        </a>
                                      </td>
                                      <td width="9"></td>
                                      <td>
                                        <a href="https://twitter.com/hulu?utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                                        target="_blank">
                                          <img src="http://image.hulumail.com/lib/fe9515707360007972/m/4/170520_twitter.png"
                                          alt="Tw" width="42" style="display: block; border: 0;">
                                        </a>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td height="1" bgcolor="#6f737b" style="line-height: 1px; font-size: 1px">&nbsp;</td>
                              </tr>
                            </table>
                            <!-- End Social -->
                            <!-- Footer -->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                              <tr>
                                <td style="padding:30px 10px 0px 10px">
                                  <!--[if gte mso 9]>
                                    <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                      <tr>
                                        <td align="left" valign="top">
                                        <![endif]-->
                                        <!-- column 1 -->
                                        <table width="175" align="left" class="stackTbl" cellpadding="0" cellspacing="0"
                                        border="0" style="display:inline;">
                                          <tr>
                                            <td align="right" valign="top">
                                              <!-- Logo -->
                                              <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                <tr>
                                                  <td align="left" valign="top" style="padding:5px 0px 0px 10px" class="removeLRPadding">
                                                    <a href="https://www.hulu.com/welcome?utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&utm_medium=Email&plus_app=ReCAN&jobid=3831529&user_id=115423809&cmp=10029&utm_source=ExactTarget&cmc=Special%20Offer?cmc=Special+Offer&cmp=10029&jobid=3831529&plus_app=ReCAN&user_id=115423809&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&utm_medium=Email&utm_source=ExactTarget"
                                                    target="_blank">
                                                      <img alt="Hulu" src="http://image.hulumail.com/lib/fe9515707360007972/m/4/170520_hulu.png"
                                                      width="78" height="25" style="display: block; font-size: 20px; color: #666666;"
                                                      border="0" class="center">
                                                    </a>
                                                  </td>
                                                </tr>
                                              </table>
                                              <!-- Logo -->
                                            </td>
                                          </tr>
                                        </table>
                                        <!-- end column 1 -->
                                        <!--[if gte mso 9]>
                                        </td>
                                        <td align="left" valign="top">
                                        <![endif]-->
                                        <!-- column 2 -->
                                        <table width="405" align="right" class="stackTblMarginTop25" cellpadding="0" cellspacing="0"
                                        border="0" style="display:inline;">
                                          <tr>
                                            <td align="left" valign="top">
                                              <!-- Address - Unsub - Pref -->
                                              <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                <tr>
                                                  <td align="left" valign="top" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; color: #adb3bf;padding: 0px 0px 0px 0px"
                                                  class="textAlignCenter owaContextualHighlight"><span class="applelinksfooter">Hulu, LLC. 2500 Broadway, 2nd Floor, Santa&nbsp;Monica,&nbsp;CA&nbsp;90404</span>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td align="left" valign="top" style="font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; color: #adb3bf;padding: 10px 0px 0px 0px"
                                                  class="textAlignCenter">
                                                    <a href="http://www.hulu.com/unsubscribe_email?nonce=qSI90nk-ECatbbKBkg_AYNaqdp8&email=andrewcking84%2b23@gmail.com&type=news&user_id=115423809&utm_medium=Email&utm_source=ExactTarget&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&plus_app=ReCAN&cmc=Special%20Offer&cmp=10029&jobid=3831529&user_id=115423809"
                                                    target="_blank" style="text-decoration: none; color: #adb3bf">Unsubscribe</a>&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;
                                                    <a href="https://auth.hulu.com/web/login?next=http://secure.hulu.com/account/notifications?cmc=Special+Offer&cmp=10029&jobid=3831529&plus_app=ReCAN&user_id=115423809&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&utm_medium=Email&utm_source=ExactTarget"
                                                    target="_blank" style="text-decoration: none; color: #adb3bf">Preferences</a>&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;
                                                    <a href="https://help.hulu.com/s/?language=en_US&plus_app=ReCAN&jobid=3831529&user_id=115423809&utm_campaign=CM_EML_Originals_EFT_na_Q3_2018_CastleRockLaunch-Reacq-DTP_TMTest&cmp=10029&utm_medium=Email&cmc=Special+Offer&utm_source=ExactTarget"
                                                    target="_blank" style="text-decoration: none; color: #adb3bf">Support</a>
                                                  </td>
                                                </tr>
                                              </table>
                                              <!-- End Address - Unsub - Pref -->
                                            </td>
                                          </tr>
                                        </table>
                                        <!-- end column 2 -->
                                        <!--[if gte mso 9]>
                                        </td>
                                      </tr>
                                    </table>
                                  <![endif]-->
                                </td>
                              </tr>
                            </table>
                            <!-- End Footer -->
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </td>
        </tr>
        </table>
        <div style="display: none; white-space: nowrap; font: 15px courier; line-height:0;">&#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0;
          &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0;
          &#xA0; &#xA0; &#xA0; &#xA0; &#xA0; &#xA0;</div>
        <img src="http://click.hulumail.com/open.aspx?ffcb10-fe9017787665017f7c-fdea157973650c7577127770-fe9515707360007972-ff931078-fe1f107774670d7e721278-ff2c12777166&d=40056"
        width="1" height="1">
        <img src="http://beacon.krxd.net/1x1_usermatch.gif?partner=LpTo5dZh_1064447_sha256&partner_uid=fc7aa389f012d7f0a2e8796927b296abe4b0de3f3a359e6d6215d4041543942f"
        width=0 height=0 style="display:none" />
        <img src="http://beacon.krxd.net/1x1_usermatch.gif?partner=LpTo5dZh_1064447_subid&partner_uid=471393768"
        width=0 height=0 style="display:none" />
        <img src="http://beacon.krxd.net/1x1_ad_impression.gif?confid=spkt9jxqy&advertiserid=1064447&campaignid=201807_CastleRockLaunch-Reacq-DTP_TMTest"
        width=0 height=0 style="display:none;" />
  </body>

</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console