Various fixes

Rakefile

@@ -17,6 +17,10 @@ def compile_html(file, fileout)
     puts "#{w[:message]} (#{w[:level]}) may not render properly in #{w[:clients]}"
   end
 
+  # transform strange characters
+  out.gsub!('%3C%25', '<%')
+  out.gsub!('%25%3E', '%>')
+
   File.open(fileout, 'w') {|file| file.puts out}
   out
 end
@@ -38,6 +42,10 @@ def embed_responsive_css(file, fileout)
   html.gsub!('href="/', 'href="')
   html.gsub!('url(', 'url(' + BASE_URL)
 
+  # transform strange characters
+  html.gsub!('<%', '%3C%25')
+  html.gsub!('%>', '%25%3E')
+
   # embed responsive stylesheet into html
   css = '<style data-premailer="ignore" type="text/css">' + "\n"
   css += File.read(File.join('css', 'responsive.css'))

css/responsive.css

@@ -153,6 +153,10 @@
     margin: 0 auto;
     display: block;
   }
+
+  body[yahoo] .mobile-full-width {
+    width: 100% !important;
+  }
 }
 
 @media only screen and (min-device-pixel-ratio: 2) { {

css/style.css

@@ -122,10 +122,6 @@ table {
   margin: 30px 0;
 }
 
-.blankcell .boxtable:last-child, .blankcell .twocolstable:last-child {
-  margin-bottom: 15px;
-}
-
 .boxcell {
   border: 1px solid #ededed;
   border-radius: 20px;
@@ -143,6 +139,14 @@ table {
   margin: 30px 0;
 }
 
+.blankcell .boxtable:first-child, .blankcell .twocolstable:first-child {
+  margin-top: 0;
+}
+
+.blankcell .boxtable:last-child, .blankcell .twocolstable:last-child {
+  margin-bottom: 0;
+}
+
 .twocolscell {
   width: 260px;
 }
@@ -157,6 +161,11 @@ table.maintable table.nomargin {
   border-bottom-color: #bbb;
 }
 
+.twocolscell.nomargin:first-child {
+  padding-right: 0;
+  width: 260px;
+}
+
 .twocolscell p:last-child {
   margin-bottom: 0;
 }
@@ -218,6 +227,15 @@ p {
   font-size: 14px;
 }
 
+p.apple {
+  -webkit-font-smoothing: antialiased;
+  font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
+}
+
+small {
+  font-size: 10px;
+}
+
 a, a:visited {
   text-decoration: none;
   font-weight: bold;
@@ -244,6 +262,10 @@ hr {
   border-bottom: 1px solid #bcbcbc;
 }
 
+.blankcell p.followus:first-child {
+  margin-top: 0;
+}
+
 .followus img {
   margin-top: -4px;
   margin-left: 10px;