14 changed files with 0 additions and 641 deletions
@ -1,46 +0,0 @@ |
|||||
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%"> |
|
||||
<tr> |
|
||||
<td align="center" valign="top" bgcolor="#ffffff" width="100%"> |
|
||||
<table cellspacing="0" cellpadding="0" width="100%"> |
|
||||
<tr> |
|
||||
<td style="background:#F5F5F5" width="100%"> |
|
||||
<center> |
|
||||
<table cellspacing="0" cellpadding="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td valign="top" width="270" style="background:#F5F5F5;padding:10px 0px;"> |
|
||||
<h4><a href="<%= @style.root_url %>" style="color:#606975; text-decoration: none;"><%= @style.site_title %></a></h4> |
|
||||
</td> |
|
||||
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#F5F5F5;padding:10px 15px 10px 10px"> |
|
||||
Contact Admin Message |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
|
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="left" colspan="2" class="mobile-padding" style="padding:20px 0px"> |
|
||||
<h3>logged_in_username:</h3> |
|
||||
<p><%= @logged_in_username %></p> |
|
||||
<h3>logged_in_user_slug:</h3> |
|
||||
<p><%= @logged_in_user_slug %></p> |
|
||||
<h3>Reply address:</h3> |
|
||||
<p><%= @reply_email_address %></p> |
|
||||
<h3>Message:</h3> |
|
||||
<p><%= @message %></p> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
|
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
@ -1 +0,0 @@ |
|||||
"#{@logged_in_username} #{@logged_in_user_slug} Sent: \n\n #{@message} \n\n Reply address: #{@reply_email_address}" |
|
||||
@ -1,49 +0,0 @@ |
|||||
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%"> |
|
||||
<tr> |
|
||||
<td align="center" valign="top" bgcolor="#ffffff" width="100%"> |
|
||||
<table cellspacing="0" cellpadding="0" width="100%"> |
|
||||
<tr> |
|
||||
<td style="background:#F5F5F5" width="100%"> |
|
||||
<center> |
|
||||
<table cellspacing="0" cellpadding="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td valign="top" width="270" style="background:#F5F5F5;padding:10px 0px;"> |
|
||||
<h4><a href="<%= @style.root_url %>" style="color:#606975; text-decoration: none;"><%= @style.site_title %></a></h4> |
|
||||
</td> |
|
||||
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#F5F5F5;padding:10px 15px 10px 10px"> |
|
||||
|
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="right" class="mobile-padding" style="padding:20px 0px 20px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">Please confirm your email address</h4> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td align="center" colspan="2" class="mobile-padding" style="padding:20px 0px"> |
|
||||
Your confirmation code is:<br/> |
|
||||
<%= @confirmation_slug %><br/> |
|
||||
OR<br/> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td width="560px" style="padding:10px; text-align: center; background-color: <%= @style.bg_primary_hex %>" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>/confirm_email_address/<%= @context_slug %>/<%= @confirmation_slug %>" class="important-font" style="color: #FFFFFF; text-decoration:none;">CLICK HERE</a> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
@ -1 +0,0 @@ |
|||||
"Please confirm your email address.\n\nYour confirmation code is #{@confirmation_slug}" |
|
||||
@ -1,136 +0,0 @@ |
|||||
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%"> |
|
||||
<tr> |
|
||||
<td align="center" valign="top" bgcolor="#ffffff" width="100%"> |
|
||||
<table cellspacing="0" cellpadding="0" width="100%"> |
|
||||
<tr> |
|
||||
<td style="background:#F5F5F5" width="100%"> |
|
||||
<center> |
|
||||
<table cellspacing="0" cellpadding="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td valign="top" width="270" style="background:#F5F5F5;padding:10px 0px;"> |
|
||||
<h4><a href="<%= @style.root_url %>" style="color:#606975; text-decoration: none;"><%= @style.site_title %></a></h4> |
|
||||
</td> |
|
||||
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#F5F5F5;padding:10px 15px 10px 10px"> |
|
||||
|
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="left" colspan="2" class="mobile-padding" style="padding:20px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">You have a list of intentions that's falling behind</h4> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<%= if @late_counts.important > 0 do %> |
|
||||
<tr> |
|
||||
<td width="160px" style="padding:0px; border: 1px solid #e1e7ec;"> |
|
||||
<img style="padding: 0px; vertical-align:bottom;" src="https://s3.us-west-2.amazonaws.com/withbch-assets/prod/MBZ8RVQ0TC88DRJMGTTH8GYZFGHQRN/image_square_public/s480.png" width="100%" /> |
|
||||
</td> |
|
||||
<td width="400px" style="padding:0px 0px 0px 20px; border: 1px solid #e1e7ec;"> |
|
||||
<h2 class="important-font" style="color:#606975;"><%= @late_counts.important %></h2> |
|
||||
<span class="important-font" style="color:#606975;">IMPORTANT</span> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<% end %> |
|
||||
<%= if @late_counts.worth_doing > 0 do %> |
|
||||
<tr> |
|
||||
<td width="160px" style="padding:0px; border: 1px solid #e1e7ec;"> |
|
||||
<img style="padding: 0px; vertical-align:bottom;" src="https://s3.us-west-2.amazonaws.com/withbch-assets/prod/XHTSTY1KNS9YMHOIV9IHMICVVXR5U2/image_square_public/s480.png" width="100%" /> |
|
||||
</td> |
|
||||
<td width="400px" style="padding:0px 0px 0px 20px; border: 1px solid #e1e7ec;"> |
|
||||
<h2 class="important-font" style="color:#606975;"><%= @late_counts.worth_doing %></h2> |
|
||||
<span class="important-font" style="color:#606975;">WORTH DOING</span> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<% end %> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
|
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="right" class="mobile-padding" style="padding:20px 0px 20px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">Good time?</h4> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td width="560px" style="padding:10px; text-align: center; background-color: <%= @style.bg_primary_hex %>" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>" class="important-font" style="color: #FFFFFF; text-decoration:none;">CATCH UP NOW</a> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
|
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="right" colspan="4" class="mobile-padding" style="padding:20px 10px 20px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">Not a good time?</h4> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td align="left" colspan="4" class="mobile-padding" style="padding:0px 0px 20px 0px; color:#606975;"> |
|
||||
Disable notifications until you think you'll be able to check in |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td width="140px" style="padding: 10px; text-align: center; background-color: <%= @style.bg_primary_hex %> border-right: 1px solid #FFFFFF;" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>/<%= @context_slug %>/<%= @notification_slug %>/silence_notifications/1_hour" style="color: #FFFFFF; text-decoration:none;">1 HOUR</a> |
|
||||
</td> |
|
||||
<td width="140px" style="padding: 10px; text-align: center; background-color: <%= @style.bg_primary_hex %> border-right: 1px solid #FFFFFF;" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>/<%= @context_slug %>/<%= @notification_slug %>/silence_notifications/2_hours" style="color: #FFFFFF; text-decoration:none;">2 HOURS</a> |
|
||||
</td> |
|
||||
<td width="140px" style="padding: 10px; text-align: center; background-color: <%= @style.bg_primary_hex %> border-right: 1px solid #FFFFFF;" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>/<%= @context_slug %>/<%= @notification_slug %>/silence_notifications/4_hours" style="color: #FFFFFF; text-decoration:none;">4 HOURS</a> |
|
||||
</td> |
|
||||
<td width="140px" style="padding: 10px; text-align: center; background-color: <%= @style.bg_primary_hex %>" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>/<%= @context_slug %>/<%= @notification_slug %>/silence_notifications/tomorrow" style="color: #FFFFFF; text-decoration:none;">TOMORROW</a> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td align="left" colspan="4" class="mobile-padding" style="padding:20px 0px 0px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">Remember:</h4> |
|
||||
<ul> |
|
||||
<li style="color:#606975;">Improvement requires consistency</li> |
|
||||
<li style="color:#606975;">Busy lives prevent consistency</li> |
|
||||
<li style="color:#606975;">These reminders want to keep you consistent with the right things</li> |
|
||||
</ul> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
|
|
||||
<tr> |
|
||||
<td style="background-color:#F5F5F5;"> |
|
||||
<center> |
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="600" class="w320" style="height:100%;color:#606975" bgcolor="#F5F5F5" > |
|
||||
<tr> |
|
||||
<td align="right" valign="middle" class="mobile-padding" style="font-size:12px;padding:20px 0px; background-color:#F5F5F5; color:#606975; text-align:left; "> |
|
||||
<a style="color:#606975;" href="#">Unsubscribe</a> | <a style="color:#606975;" href="#">Update preferences</a> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
|
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
@ -1 +0,0 @@ |
|||||
You have a list of intentions. |
|
||||
@ -1,42 +0,0 @@ |
|||||
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%"> |
|
||||
<tr> |
|
||||
<td align="center" valign="top" bgcolor="#ffffff" width="100%"> |
|
||||
<table cellspacing="0" cellpadding="0" width="100%"> |
|
||||
<tr> |
|
||||
<td style="background:#F5F5F5" width="100%"> |
|
||||
<center> |
|
||||
<table cellspacing="0" cellpadding="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td valign="top" width="270" style="background:#F5F5F5;padding:10px 0px;"> |
|
||||
<h4><a href="<%= @style.root_url %>" style="color:#606975; text-decoration: none;"><%= @style.site_title %></a></h4> |
|
||||
</td> |
|
||||
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#F5F5F5;padding:10px 15px 10px 10px"> |
|
||||
|
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="right" class="mobile-padding" style="padding:20px 0px 20px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">A password reset was requested</h4> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td width="560px" style="padding:10px; text-align: center; background-color: <%= @style.bg_primary_hex %>" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>/password_reset/<%= @context_slug %>/<%= @reset_slug %>" class="important-font" style="color: #FFFFFF; text-decoration:none;">CLICK HERE</a> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
@ -1 +0,0 @@ |
|||||
"A password reset was requested. Navigate to #{@style.root_url}/password_reset/#{@context_slug}/#{@reset_slug} to finish the process" |
|
||||
@ -1,43 +0,0 @@ |
|||||
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%"> |
|
||||
<tr> |
|
||||
<td align="center" valign="top" bgcolor="#ffffff" width="100%"> |
|
||||
<table cellspacing="0" cellpadding="0" width="100%"> |
|
||||
<tr> |
|
||||
<td style="background:#F5F5F5" width="100%"> |
|
||||
<center> |
|
||||
<table cellspacing="0" cellpadding="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td valign="top" width="270" style="background:#F5F5F5;padding:10px 0px;"> |
|
||||
<h4><a href="<%= @style.root_url %>" style="color:#606975; text-decoration: none;"><%= @style.site_title %></a></h4> |
|
||||
</td> |
|
||||
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#F5F5F5;padding:10px 15px 10px 10px"> |
|
||||
|
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="left" colspan="4" class="mobile-padding" style="padding:20px 0px 0px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">Password has been reset</h4> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td width="560px" style="padding:10px; text-align: center; background-color: <%= @style.bg_primary_hex %>" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>" class="important-font" style="color: #FFFFFF; text-decoration:none;">LOGIN HERE</a> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
@ -1,2 +0,0 @@ |
|||||
Your password has been reset |
|
||||
You can now login here: https://lists.thesortednow.com |
|
||||
@ -1,47 +0,0 @@ |
|||||
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%"> |
|
||||
<tr> |
|
||||
<td align="center" valign="top" bgcolor="#ffffff" width="100%"> |
|
||||
<table cellspacing="0" cellpadding="0" width="100%"> |
|
||||
<tr> |
|
||||
<td style="background:#F5F5F5" width="100%"> |
|
||||
<center> |
|
||||
<table cellspacing="0" cellpadding="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td valign="top" width="270" style="background:#F5F5F5;padding:10px 0px;"> |
|
||||
<h4><a href="<%= @style.root_url %>" style="color:#606975; text-decoration: none;"><%= @style.site_title %></a></h4> |
|
||||
</td> |
|
||||
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#F5F5F5;padding:10px 15px 10px 10px"> |
|
||||
|
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td> |
|
||||
<center> |
|
||||
<table cellpadding="0" cellspacing="0" width="600" class="w320"> |
|
||||
<tr> |
|
||||
<td align="left" colspan="4" class="mobile-padding" style="padding:20px 0px 0px 0px"> |
|
||||
<h4 class="important-font" style="margin: 0px; padding: 0px; color:#606975;">A password reset has been requested</h4> |
|
||||
<ul> |
|
||||
<li style="color:#606975;">This reset link is valid for 30 minutes</li> |
|
||||
<li style="color:#606975;">If you did not make this request, please let us know by clicking here</li> |
|
||||
</ul> |
|
||||
</td> |
|
||||
</tr> |
|
||||
<tr> |
|
||||
<td width="560px" style="padding:10px; text-align: center; background-color: <%= @style.bg_primary_hex %>" class="td-notification"> |
|
||||
<a href="<%= @style.root_url %>/password_reset/<%= @password_reset_slug %>" class="important-font" style="color: #FFFFFF; text-decoration:none;">COMPLETE PASSWORD RESET</a> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</table> |
|
||||
</center> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
</td> |
|
||||
</tr> |
|
||||
</table> |
|
||||
@ -1,3 +0,0 @@ |
|||||
A password reset has been requested |
|
||||
Follow this link to complete the process: https://lists.thesortednow.com/password_reset/<%= @password_reset_slug %> |
|
||||
This reset link is valid for 30 minutes. |
|
||||
@ -1,255 +0,0 @@ |
|||||
<!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"> |
|
||||
<head> |
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
||||
<title><%= @style.site_title %></title> |
|
||||
<style type="text/css"> |
|
||||
|
|
||||
/* Take care of image borders and formatting */ |
|
||||
|
|
||||
img { |
|
||||
max-width: 600px; |
|
||||
outline: none; |
|
||||
text-decoration: none; |
|
||||
-ms-interpolation-mode: bicubic; |
|
||||
} |
|
||||
|
|
||||
a { |
|
||||
border: 0; |
|
||||
outline: none; |
|
||||
color: #FFFFFF; |
|
||||
} |
|
||||
|
|
||||
a:visited { |
|
||||
color: #FFFFFF; |
|
||||
} |
|
||||
|
|
||||
a img { |
|
||||
border: none; |
|
||||
} |
|
||||
|
|
||||
/* General styling */ |
|
||||
|
|
||||
td, h1, h2, h3 { |
|
||||
font-family: Helvetica, Arial, sans-serif; |
|
||||
font-weight: 400; |
|
||||
} |
|
||||
|
|
||||
td { |
|
||||
font-size: 13px; |
|
||||
line-height: 150%; |
|
||||
text-align: left; |
|
||||
} |
|
||||
|
|
||||
body { |
|
||||
-webkit-font-smoothing:antialiased; |
|
||||
-webkit-text-size-adjust:none; |
|
||||
width: 100%; |
|
||||
height: 100%; |
|
||||
color: #606975; |
|
||||
background: #ffffff; |
|
||||
} |
|
||||
|
|
||||
table { |
|
||||
border-collapse: collapse !important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
h1, h2, h3 { |
|
||||
padding: 0; |
|
||||
margin: 0; |
|
||||
color: #606975; |
|
||||
font-weight: 400; |
|
||||
line-height: 110%; |
|
||||
} |
|
||||
|
|
||||
h1 { |
|
||||
font-size: 35px; |
|
||||
} |
|
||||
|
|
||||
h2 { |
|
||||
font-size: 30px; |
|
||||
} |
|
||||
|
|
||||
h3 { |
|
||||
font-size: 24px; |
|
||||
} |
|
||||
|
|
||||
h4 { |
|
||||
font-size: 18px; |
|
||||
font-weight: normal; |
|
||||
} |
|
||||
|
|
||||
.important-font { |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
|
|
||||
.hide { |
|
||||
display: none !important; |
|
||||
} |
|
||||
|
|
||||
.force-full-width { |
|
||||
width: 100% !important; |
|
||||
} |
|
||||
|
|
||||
.pusher { |
|
||||
width: 70px; |
|
||||
} |
|
||||
|
|
||||
.rate-num { |
|
||||
text-align: center; |
|
||||
padding-right: 8px; |
|
||||
} |
|
||||
|
|
||||
.survey-info-left { |
|
||||
text-align: right; |
|
||||
padding-right: 325px; |
|
||||
} |
|
||||
|
|
||||
.survey-info-right { |
|
||||
text-align: left; |
|
||||
padding-right: 45px; |
|
||||
} |
|
||||
|
|
||||
.thin-default-border { |
|
||||
border: 1px solid #e1e7ec; |
|
||||
} |
|
||||
|
|
||||
.thin-default-border-top-bottom { |
|
||||
border-top: 1px solid #e1e7ec; |
|
||||
border-bottom: 1px solid #e1e7ec; |
|
||||
} |
|
||||
|
|
||||
.thin-default-border-right { |
|
||||
border-right: 1px solid #e1e7ec; |
|
||||
} |
|
||||
|
|
||||
.thin-default-border-left { |
|
||||
border-left: 1px solid #e1e7ec; |
|
||||
} |
|
||||
|
|
||||
.td-notification { |
|
||||
text-align: center; |
|
||||
background-color: <%= @style.bg_primary_hex %>; |
|
||||
} |
|
||||
|
|
||||
.td-notification a { |
|
||||
width:100%; |
|
||||
display:block; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
|
|
||||
</style> |
|
||||
|
|
||||
<style type="text/css" media="screen"> |
|
||||
@media screen { |
|
||||
|
|
||||
/* Thanks Outlook 2013! */ |
|
||||
td, h1, h2, h3 { |
|
||||
font-family: 'Helvetica Neue', Arial, sans-serif !important; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
|
|
||||
<style type="text/css" media="only screen and (max-width: 600px)"> |
|
||||
/* Mobile styles */ |
|
||||
@media only screen and (max-width: 600px) { |
|
||||
|
|
||||
table[class="w320"] { |
|
||||
width: 320px !important; |
|
||||
} |
|
||||
|
|
||||
table[class="w300"] { |
|
||||
width: 300px !important; |
|
||||
} |
|
||||
|
|
||||
table[class="w290"] { |
|
||||
width: 290px !important; |
|
||||
} |
|
||||
|
|
||||
td[class="w320"] { |
|
||||
width: 320px !important; |
|
||||
} |
|
||||
|
|
||||
td[class~="mobile-padding"] { |
|
||||
padding-left: 14px !important; |
|
||||
padding-right: 14px !important; |
|
||||
} |
|
||||
|
|
||||
td[class*="mobile-padding-left"] { |
|
||||
padding-left: 14px !important; |
|
||||
} |
|
||||
|
|
||||
td[class*="mobile-padding-right"] { |
|
||||
padding-right: 14px !important; |
|
||||
} |
|
||||
|
|
||||
td[class*="mobile-block"] { |
|
||||
display: block !important; |
|
||||
width: 100% !important; |
|
||||
text-align: left !important; |
|
||||
padding-left: 0 !important; |
|
||||
padding-right: 0 !important; |
|
||||
padding-bottom: 15px !important; |
|
||||
} |
|
||||
|
|
||||
td[class*="mobile-no-padding-bottom"] { |
|
||||
padding-bottom: 0 !important; |
|
||||
} |
|
||||
|
|
||||
td[class~="mobile-center"] { |
|
||||
text-align: center !important; |
|
||||
} |
|
||||
|
|
||||
table[class*="mobile-center-block"] { |
|
||||
float: none !important; |
|
||||
margin: 0 auto !important; |
|
||||
} |
|
||||
|
|
||||
*[class*="mobile-hide"] { |
|
||||
display: none !important; |
|
||||
width: 0 !important; |
|
||||
height: 0 !important; |
|
||||
line-height: 0 !important; |
|
||||
font-size: 0 !important; |
|
||||
} |
|
||||
|
|
||||
td[class*="mobile-border"] { |
|
||||
border: 0 !important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
td[class*="pusher"] { |
|
||||
width: 0px !important; |
|
||||
display: none !important; |
|
||||
} |
|
||||
|
|
||||
td[class="survey-info-right"] { |
|
||||
text-align: right !important; |
|
||||
padding: 0 !important; |
|
||||
} |
|
||||
|
|
||||
td[class="survey-info-left"] { |
|
||||
text-align: left !important; |
|
||||
padding: 0 !important; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
a[class="mobile-dot"] { |
|
||||
width: 26px !important; |
|
||||
height: 23px !important |
|
||||
} |
|
||||
|
|
||||
td[class="rate-num"] { |
|
||||
padding:0 !important; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
</head> |
|
||||
<body class="body" style="padding:0; margin:0; display:block; background:#F5F5F5; -webkit-text-size-adjust:none" bgcolor="#F5F5F5"> |
|
||||
|
|
||||
<%= @inner_content %> |
|
||||
|
|
||||
</body> |
|
||||
</html> |
|
||||
@ -1,14 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html> |
|
||||
<head> |
|
||||
<meta charset="utf-8"> |
|
||||
<meta name="viewport" content="width=device-width"> |
|
||||
</head> |
|
||||
<body> |
|
||||
<p>Hello!</p> |
|
||||
|
|
||||
<%= @inner_content %> |
|
||||
|
|
||||
<p>- Steve Lindenberg and The Sorted Now Team</p> |
|
||||
</body> |
|
||||
</html> |
|
||||
Loading…
Reference in new issue