Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Set font sizes to absolute pixel values instead of relative em values

  • Loading branch information...
commit d2face4924e51eaa54960857d8396b86ce0ade2e 1 parent 50735d5
@mynameischad authored
Showing with 8 additions and 8 deletions.
  1. +8 −8 LocBox - HTML Email/index.html
View
16 LocBox - HTML Email/index.html
@@ -59,29 +59,29 @@
<div id="container" style="width: 640px;margin: 0 auto;background: white;">
<div id="title-container" style="background: white;width: 100%;">
<div id="title" style="width: 500px;padding-top: 25px;margin: auto;font-weight: bold;">
- <h1 style="font-size: 1.5em;color: #666;"><span style="color: #cc3399;">ModVellum</span> wants you to meet</h1>
- <h2 id="tag-line" style="font-size: 2em;font-weight: bolder;color: #cc9933;">That Takes The Cake.</h2>
+ <h1 style="font-size: 25px;color: #666;"><span style="color: #cc3399;">ModVellum</span> wants you to meet</h1>
+ <h2 id="tag-line" style="font-size: 32px;font-weight: bolder;color: #cc9933;">That Takes The Cake.</h2>
</div>
<div id="hook-container">
- <div id="hook" style="float: right;padding: 5px 15px 5px 0;background: white;font-weight: bold;font-size: 1.2em;color: red;">
+ <div id="hook" style="float: right;padding: 5px 15px 5px 0;background: white;font-weight: bold;font-size: 22px;color: red;">
<p>(It's just around the corner!)</p>
</div>
</div>
</div>
- <div id="tag-container" style="clear: both;background: red;background: url(https://locboxcampaignimages.s3.amazonaws.com/images/green_tag-1.png) no-repeat 0 0;width: 640px;height: 230px;">
+ <div id="tag-container" style="clear: both;background: url(https://locboxcampaignimages.s3.amazonaws.com/images/green_tag-1.png) no-repeat 0 0;width: 640px;height: 230px;">
<div id="tag" style="float: left;width: 220px;">
<div id="deal-container" style="width: 640px;float: left;margin: 20px 0 0 0;">
<div id="left-container" style="width: 370px;float: left;margin: 15px 0 0 0;">
- <div id="left-top" style="width: 220px;float: right;font-weight: bold;font-size: 1.4em;padding: 10px 0;">
+ <div id="left-top" style="width: 220px;float: right;font-weight: bold;font-size: 20px;padding: 10px 0;">
<h3>$20 for a Dozen Hand-Frosted Cupcakes</h3>
</div>
- <div id="left-bottom" style="width: 220px;float: right;font-weight: bold;font-size: 1.2em;padding: 10px 0;">
+ <div id="left-bottom" style="width: 220px;float: right;font-weight: bold;font-size: 20px;padding: 10px 0;">
<h3>Reg: $32 <span style="color: white;padding: 0 0 0 10px;">Special: $20</span></h3>
<!-- <h3 id="special">Special: $20</h3>-->
</div>
<div id="button-container" style="width: 220px; height: 50px; float: right; position: relative;">
<div id="button" style="width: 150px; height: 25px; background: #0066ff; margin: 5px auto; padding: 5px; border-radius: 5px; box-shadow: 0px 1px 2px #292929;">
- <p style="width: 100px; margin: 5px auto; font-weight: medium; color: white; font-size: 1.1em;"><a style="color: white; text-decoration: none;" href="">unlock now!</a></p>
+ <p style="width: 100px; margin: 5px auto; font-weight: medium; color: white; font-size: 18px;"><a style="color: white; text-decoration: none;" href="">unlock now!</a></p>
</div>
</div>
</div>
@@ -102,7 +102,7 @@ <h2 id="tag-line" style="font-size: 2em;font-weight: bolder;color: #cc9933;">Tha
</div>
<div id="unsubscribe-container" style="background: black;width: 640px;position: absolute;">
<div id="unsubscribe" style="width: 400px;float: left;padding: 25px 0 25px 20px;">
- <p style="color: white;font-size: .8em;">UNSUBSCRIBE: This email was sent by LocBox on behalf of ModVellum. To unsubscribe please visit <a href="x-msg://1655/">this link</a>.</p>
+ <p style="color: white;font-size: 12px;">UNSUBSCRIBE: This email was sent by LocBox on behalf of ModVellum. To unsubscribe please visit <a href="x-msg://1655/">this link</a>.</p>
</div>
<div id="branding" style="width: 220px;height: 75px;top: 50%;bottom: 50%;float: left;">
Please sign in to comment.
Something went wrong with that request. Please try again.