Skip to content

Instantly share code, notes, and snippets.

@apraditya
Created September 17, 2012 07:00

Revisions

  1. apraditya revised this gist Sep 17, 2012. 1 changed file with 132 additions and 0 deletions.
    132 changes: 132 additions & 0 deletions user_mailer.html.erb
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,132 @@
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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.0"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="email.css" />
    <style type="text/css">
    /* Mobile targetting */
    @media only screen and (max-device-width: 480px) {
    a[href^="tel"], a[href^="sms"] {
    text-decoration: none;
    color: black; /* or whatever your want */
    pointer-events: none;
    cursor: default;
    }

    .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
    text-decoration: default;
    color: orange !important; /* or whatever your want */
    pointer-events: auto;
    cursor: default;
    }
    }

    /* More Specific Targeting */

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* For ipad (tablets, smaller screens, etc) */

    /* Step 1a: Repeating for the iPad */
    a[href^="tel"], a[href^="sms"] {
    text-decoration: none;
    color: blue; /* or whatever your want */
    pointer-events: none;
    cursor: default;
    }

    .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
    text-decoration: default;
    color: orange !important;
    pointer-events: auto;
    cursor: default;
    }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* Put your iPhone 4g styles in here */
    }

    /* Following Android targeting from:
    http://developer.android.com/guide/webapps/targeting.html
    http://pugetworks.com/2011/04/css-media-queries-for-targeting-different-mobile-devices/ */
    @media only screen and (-webkit-device-pixel-ratio:.75){
    /* Put CSS for low density (ldpi) Android layouts in here */
    }
    @media only screen and (-webkit-device-pixel-ratio:1){
    /* Put CSS for medium density (mdpi) Android layouts in here */
    }
    @media only screen and (-webkit-device-pixel-ratio:1.5){
    /* Put CSS for high density (hdpi) Android layouts in here */
    }
    /* end Android targeting */
    </style>

    <!-- Targeting Windows Mobile -->
    <!--[if IEMobile 7]>
    <style type="text/css">
    </style>
    <![endif]-->

    <!--
    ****************************************************
    End Mobile Targetting
    ****************************************************
    -->

    <!--[if gte mso 9]>
    <style>
    /* Target Outlook 2007 and 2010 */
    </style>
    <![endif]-->
    </head>
    <body>
    <!-- Wrapper/Container -->
    <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
    <tr>
    <td>
    <!-- Content -->
    <table cellpadding="0" cellspacing="0" border="0" align="center">
    <tr>
    <td width="88" valign="top">
    <%= image_tag 'email/content_line_left.jpg', class: 'image_fix', width: '88' %>
    </td>
    <td width="424" valign="top"><%= yield %></td>
    <td width="88" valign="top">
    <%= image_tag 'email/content_line_right.jpg', class: 'image_fix', width: '88' %>
    </td>
    </tr>
    </table>

    <!-- Bottom -->
    <table cellpadding="0" cellspacing="0" border="0" align="center">
    <tr>
    <td width="600" valign="top">
    <%= image_tag 'email/bottom_line.jpg', class: 'image_fix', width: '600', height: '90' %>
    </td>
    </tr>
    </table>

    <!-- Footer -->
    <table cellpadding="0" cellspacing="0" border="0" align="center">
    <tr>
    <td width="38" valign="top">
    <%= image_tag 'email/footer_line_left.jpg', class: 'image_fix', width: '38', height: '50' %>
    </td>
    <td width="292" valign="top" class="footer_message">
    This email was sent to <%=@user.email%>. You can always edit your <%= link_to 'profile', user_url(@user.screen_name, only_path: false) %> to adjust email preferences, social media connectivity, roles, genre references, and more.
    </td>
    <td width="270" valign="top">
    <%= image_tag 'email/footer_line_right.jpg', class: 'image_fix', width: '270', height: '50' %>
    </td>
    </tr>
    </table>

    </td>
    </tr>
    </table>
    <!-- End of wrapper table -->
    </body>
    </html>
  2. apraditya revised this gist Sep 17, 2012. 1 changed file with 517 additions and 0 deletions.
    517 changes: 517 additions & 0 deletions Gemfile.lock
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,517 @@
    GIT
    remote: git://github.com/radar/forem.git
    revision: 515839e73bccbcb2f228e23082538bc86e7114fc
    ref: 515839e73b
    specs:
    forem (1.0.0.beta1)
    cancan
    forem-redcarpet (= 1.0.0)
    rails (~> 3.1)
    simple_form
    workflow (= 0.8.0)

    GEM
    remote: https://rubygems.org/
    specs:
    ZenTest (4.8.0)
    actionmailer (3.2.7)
    actionpack (= 3.2.7)
    mail (~> 2.4.4)
    actionpack (3.2.7)
    activemodel (= 3.2.7)
    activesupport (= 3.2.7)
    builder (~> 3.0.0)
    erubis (~> 2.7.0)
    journey (~> 1.0.4)
    rack (~> 1.4.0)
    rack-cache (~> 1.2)
    rack-test (~> 0.6.1)
    sprockets (~> 2.1.3)
    activeadmin (0.4.3)
    bourbon (>= 1.0.0)
    devise (>= 1.1.2)
    fastercsv
    formtastic (>= 2.0.0)
    inherited_resources (> 0)
    jquery-rails (>= 1.0.0)
    kaminari (>= 0.13.0)
    meta_search (>= 0.9.2)
    rails (>= 3.0.0)
    sass (>= 3.1.0)
    activemodel (3.2.7)
    activesupport (= 3.2.7)
    builder (~> 3.0.0)
    activerecord (3.2.7)
    activemodel (= 3.2.7)
    activesupport (= 3.2.7)
    arel (~> 3.0.2)
    tzinfo (~> 0.3.29)
    activeresource (3.2.7)
    activemodel (= 3.2.7)
    activesupport (= 3.2.7)
    activesupport (3.2.7)
    i18n (~> 0.6)
    multi_json (~> 1.0)
    acts_as_tree (1.1.0)
    activerecord (>= 3.0.0)
    addressable (2.2.8)
    airbrake (3.0.9)
    activesupport
    builder
    arel (3.0.2)
    autotest (4.4.6)
    ZenTest (>= 4.4.1)
    autotest-fsevent (0.2.8)
    sys-uname
    autotest-growl (0.2.16)
    awesome_print (1.0.2)
    aws-sdk (1.4.1)
    httparty (~> 0.7)
    json (~> 1.4)
    nokogiri (>= 1.4.4)
    uuidtools (~> 2.1)
    aws-ses (0.4.4)
    builder
    mail (> 2.2.5)
    mime-types
    xml-simple
    bcrypt-ruby (3.0.1)
    blankslate (2.1.2.4)
    bourbon (1.4.0)
    sass (>= 3.1)
    brakeman (1.6.2)
    activesupport
    erubis (~> 2.6)
    fastercsv (~> 1.5)
    haml (~> 3.0)
    highline (~> 1.6)
    i18n
    json_pure
    ruby2ruby (~> 1.2)
    ruby_parser (= 2.3.1)
    sass (~> 3.0)
    terminal-table (~> 1.4)
    builder (3.0.0)
    cancan (1.6.7)
    capistrano (2.12.0)
    highline
    net-scp (>= 1.0.0)
    net-sftp (>= 2.0.0)
    net-ssh (>= 2.0.14)
    net-ssh-gateway (>= 1.1.0)
    capistrano-ext (1.2.1)
    capistrano (>= 1.0.0)
    capistrano_colors (0.5.5)
    capybara (1.1.2)
    mime-types (>= 1.16)
    nokogiri (>= 1.3.3)
    rack (>= 1.0.0)
    rack-test (>= 0.5.4)
    selenium-webdriver (~> 2.0)
    xpath (~> 0.1.4)
    carrierwave (0.6.2)
    activemodel (>= 3.2.0)
    activesupport (>= 3.2.0)
    carrierwave_direct (0.0.5)
    carrierwave
    fog
    uuid
    childprocess (0.3.5)
    ffi (~> 1.0, >= 1.0.6)
    chosen-rails (0.9.8)
    railties (~> 3.0)
    thor (~> 0.14)
    chronic (0.6.7)
    cocaine (0.2.1)
    coderay (1.0.6)
    coffee-rails (3.2.2)
    coffee-script (>= 2.2.0)
    railties (~> 3.2.0)
    coffee-script (2.2.0)
    coffee-script-source
    execjs
    coffee-script-source (1.3.1)
    colored (1.2)
    columnize (0.3.6)
    country-select (1.1.1)
    css_parser (1.2.6)
    addressable
    rdoc
    daemons (1.1.8)
    dalli (2.1.0)
    database_cleaner (0.7.2)
    debugger (1.1.3)
    columnize (>= 0.3.1)
    debugger-linecache (~> 1.1.1)
    debugger-ruby_core_source (~> 1.1.2)
    debugger-linecache (1.1.1)
    debugger-ruby_core_source (>= 1.1.1)
    debugger-ruby_core_source (1.1.3)
    delayed_job (3.0.2)
    activesupport (~> 3.0)
    delayed_job_active_record (0.3.2)
    activerecord (> 2.1.0)
    delayed_job (~> 3.0.0)
    devise (2.0.4)
    bcrypt-ruby (~> 3.0)
    orm_adapter (~> 0.0.3)
    railties (~> 3.1)
    warden (~> 1.1.1)
    diff-lcs (1.1.3)
    erubis (2.7.0)
    excon (0.14.3)
    execjs (1.3.2)
    multi_json (~> 1.0)
    fabrication (1.4.0)
    fakeweb (1.3.0)
    faraday (0.8.0)
    multipart-post (~> 1.1)
    fastercsv (1.5.4)
    ffaker (1.14.0)
    ffi (1.0.11)
    fog (1.4.0)
    builder
    excon (~> 0.14.0)
    formatador (~> 0.2.0)
    mime-types
    multi_json (~> 1.0)
    net-scp (~> 1.0.4)
    net-ssh (>= 2.1.3)
    nokogiri (~> 1.5.0)
    ruby-hmac
    forem-redcarpet (1.0.0)
    pygments.rb (= 0.2.4)
    redcarpet (= 2.0.1)
    formatador (0.2.3)
    formtastic (2.1.1)
    actionpack (~> 3.0)
    friendly_id (4.0.5)
    haml (3.1.4)
    has_scope (0.5.1)
    hashie (1.2.0)
    highline (1.6.11)
    hike (1.2.1)
    httparty (0.8.3)
    multi_json (~> 1.0)
    multi_xml
    httpauth (0.1)
    i18n (0.6.0)
    inherited_resources (1.3.1)
    has_scope (~> 0.5.0)
    responders (~> 0.6)
    journey (1.0.4)
    jquery-rails (2.0.2)
    railties (>= 3.2.0, < 5.0)
    thor (~> 0.14)
    json (1.7.4)
    json_pure (1.7.3)
    kaminari (0.13.0)
    actionpack (>= 3.0.0)
    activesupport (>= 3.0.0)
    railties (>= 3.0.0)
    kgio (2.7.4)
    launchy (2.1.0)
    addressable (~> 2.2.6)
    libv8 (3.3.10.4)
    libwebsocket (0.1.5)
    addressable
    liquid (2.3.0)
    macaddr (1.6.1)
    systemu (~> 2.5.0)
    mail (2.4.4)
    i18n (>= 0.4.0)
    mime-types (~> 1.16)
    treetop (~> 1.4.8)
    meta_search (1.1.3)
    actionpack (~> 3.1)
    activerecord (~> 3.1)
    activesupport (~> 3.1)
    polyamorous (~> 0.5.0)
    method_source (0.7.1)
    mime-types (1.19)
    multi_json (1.3.6)
    multi_xml (0.5.0)
    multipart-post (1.1.5)
    mysql2 (0.3.11)
    net-scp (1.0.4)
    net-ssh (>= 1.99.1)
    net-sftp (2.0.5)
    net-ssh (>= 2.0.9)
    net-ssh (2.3.0)
    net-ssh-gateway (1.1.0)
    net-ssh (>= 1.99.1)
    newrelic_rpm (3.3.5)
    nokogiri (1.5.2)
    notifier (0.1.4)
    oauth2 (0.6.1)
    faraday (~> 0.7)
    httpauth (~> 0.1)
    multi_json (~> 1.3)
    omniauth (1.1.0)
    hashie (~> 1.2)
    rack
    omniauth-facebook (1.3.0)
    omniauth-oauth2 (~> 1.0.2)
    omniauth-oauth2 (1.0.2)
    oauth2 (~> 0.6.0)
    omniauth (~> 1.0)
    orm_adapter (0.0.7)
    panda (1.5.0)
    faraday (>= 0.7.0)
    multi_json
    ruby-hmac (>= 0.3.2)
    typhoeus
    paperclip (2.7.0)
    activerecord (>= 2.3.0)
    activesupport (>= 2.3.2)
    cocaine (>= 0.0.2)
    mime-types
    parallel (0.5.16)
    parallel_tests (0.8.1)
    parallel
    polyamorous (0.5.0)
    activerecord (~> 3.0)
    polyglot (0.3.3)
    pr_geohash (1.0.0)
    progressbar (0.11.0)
    pry (0.9.9.6)
    coderay (~> 1.0.5)
    method_source (~> 0.7.1)
    slop (>= 2.4.4, < 3)
    pry-debugger (0.1.0)
    debugger (~> 1.1.3)
    pry (~> 0.9.9)
    pry-rails (0.1.6)
    pry
    pygments.rb (0.2.4)
    rubypython (~> 0.5.3)
    rabl (0.6.10)
    activesupport (>= 2.3.14)
    multi_json (~> 1.0)
    rack (1.4.1)
    rack-cache (1.2)
    rack (>= 0.4)
    rack-ssl (1.3.2)
    rack
    rack-test (0.6.1)
    rack (>= 1.0)
    rails (3.2.7)
    actionmailer (= 3.2.7)
    actionpack (= 3.2.7)
    activerecord (= 3.2.7)
    activeresource (= 3.2.7)
    activesupport (= 3.2.7)
    bundler (~> 1.0)
    railties (= 3.2.7)
    rails_best_practices (1.9.1)
    activesupport
    awesome_print
    colored
    erubis
    i18n
    progressbar
    sexp_processor
    railties (3.2.7)
    actionpack (= 3.2.7)
    activesupport (= 3.2.7)
    rack-ssl (~> 1.3.2)
    rake (>= 0.8.7)
    rdoc (~> 3.4)
    thor (>= 0.14.6, < 2.0)
    raindrops (0.8.0)
    rake (0.9.2.2)
    rdoc (3.12)
    json (~> 1.4)
    redcarpet (2.0.1)
    responders (0.9.1)
    railties (~> 3.1)
    roadie (2.3.2)
    actionmailer (> 3.0.0, < 3.3.0)
    css_parser
    nokogiri (>= 1.4.4)
    sprockets
    rscribd (1.3.0)
    mime-types
    rsolr (1.0.8)
    builder (>= 2.1.2)
    rspec (2.11.0)
    rspec-core (~> 2.11.0)
    rspec-expectations (~> 2.11.0)
    rspec-mocks (~> 2.11.0)
    rspec-core (2.11.1)
    rspec-expectations (2.11.2)
    diff-lcs (~> 1.1.3)
    rspec-mocks (2.11.1)
    rspec-rails (2.11.0)
    actionpack (>= 3.0)
    activesupport (>= 3.0)
    railties (>= 3.0)
    rspec (~> 2.11.0)
    ruby-hmac (0.4.0)
    ruby2ruby (1.3.1)
    ruby_parser (~> 2.0)
    sexp_processor (~> 3.0)
    ruby_parser (2.3.1)
    sexp_processor (~> 3.0)
    rubypython (0.5.3)
    blankslate (>= 2.1.2.3)
    ffi (~> 1.0.7)
    rubyzip (0.9.9)
    rvm-capistrano (1.2.5)
    capistrano (>= 2.0.0)
    sass (3.1.17)
    sass-rails (3.2.5)
    railties (~> 3.2.0)
    sass (>= 3.1.10)
    tilt (~> 1.3)
    scribd_fu (2.0.11)
    rscribd
    selenium-webdriver (2.25.0)
    childprocess (>= 0.2.5)
    libwebsocket (~> 0.1.3)
    multi_json (~> 1.0)
    rubyzip
    sexp_processor (3.2.0)
    shoulda (3.0.1)
    shoulda-context (~> 1.0.0)
    shoulda-matchers (~> 1.0.0)
    shoulda-context (1.0.0)
    shoulda-matchers (1.0.0)
    simple-rss (1.2.3)
    simple_form (2.0.2)
    actionpack (~> 3.0)
    activemodel (~> 3.0)
    simplecov (0.6.2)
    multi_json (~> 1.3)
    simplecov-html (~> 0.5.3)
    simplecov-html (0.5.3)
    sitemap_generator (3.1.1)
    builder
    slop (2.4.4)
    spork (1.0.0rc3)
    spork-rails (3.2.0)
    rails (>= 3.0.0, < 3.3.0)
    spork (>= 1.0rc0)
    sprockets (2.1.3)
    hike (~> 1.2)
    rack (~> 1.0)
    tilt (~> 1.1, != 1.3.0)
    sunspot (1.3.2)
    pr_geohash (~> 1.0)
    rsolr (~> 1.0.7)
    sunspot_rails (1.3.2)
    nokogiri
    sunspot (= 1.3.2)
    sunspot_solr (1.3.2)
    sys-uname (0.9.0)
    ffi (>= 1.0.0)
    systemu (2.5.1)
    terminal-table (1.4.5)
    test-unit (2.4.8)
    test_notifier (1.0.0)
    notifier
    therubyracer (0.10.1)
    libv8 (~> 3.3.10)
    thor (0.15.4)
    tilt (1.3.3)
    tinymce-rails (3.4.9)
    railties (>= 3.1.1)
    tinymce-rails-imageupload (3.4.9.1)
    railties (>= 3.1)
    tinymce-rails (~> 3.4.9)
    treetop (1.4.10)
    polyglot
    polyglot (>= 0.3.1)
    typhoeus (0.3.3)
    mime-types
    tzinfo (0.3.33)
    uglifier (1.2.4)
    execjs (>= 0.3.0)
    multi_json (>= 1.0.2)
    unicorn (4.3.1)
    kgio (~> 2.6)
    rack
    raindrops (~> 0.7)
    uuid (2.3.5)
    macaddr (~> 1.0)
    uuidtools (2.1.2)
    warden (1.1.1)
    rack (>= 1.0)
    workflow (0.8.0)
    xml-simple (1.1.1)
    xpath (0.1.4)
    nokogiri (~> 1.3)

    PLATFORMS
    ruby

    DEPENDENCIES
    activeadmin (~> 0.4.3)
    acts_as_tree
    airbrake
    autotest
    autotest-fsevent
    autotest-growl
    aws-sdk
    aws-ses (~> 0.4.4)
    bourbon
    brakeman
    cancan
    capistrano
    capistrano-ext
    capistrano_colors
    capybara
    carrierwave_direct
    chosen-rails
    chronic
    coffee-rails (~> 3.2.1)
    country-select
    daemons
    dalli (~> 2.1.0)
    database_cleaner
    delayed_job_active_record
    execjs
    fabrication
    fakeweb
    ffaker
    forem!
    formtastic (~> 2.1.1)
    friendly_id
    haml (= 3.1.4)
    jquery-rails
    kaminari
    launchy
    liquid (~> 2.3.0)
    mysql2
    newrelic_rpm
    omniauth-facebook
    panda (~> 1.5.0)
    paperclip (~> 2.7)
    parallel_tests
    pry-debugger
    pry-rails
    rabl
    rails (= 3.2.7)
    rails_best_practices
    responders
    roadie
    rscribd
    rspec
    rspec-rails
    rvm-capistrano
    sass-rails (~> 3.2.3)
    scribd_fu
    shoulda
    simple-rss
    simplecov
    sitemap_generator
    spork-rails
    sunspot_rails
    sunspot_solr
    test-unit
    test_notifier
    therubyracer
    tinymce-rails (~> 3.4.9)
    tinymce-rails-imageupload (~> 3.4.9)
    uglifier (>= 1.0.3)
    unicorn
  3. apraditya created this gist Sep 17, 2012.
    85 changes: 85 additions & 0 deletions email.sass
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,85 @@
    /* Client-specific Styles */
    #outlook
    // Force Outlook to provide a "view in browser" menu link.
    a
    padding: 0

    body
    width: 100% !important
    -webkit-text-size-adjust: 100%
    -ms-text-size-adjust: 100%
    margin: 0
    padding: 0

    // Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design.
    .ExternalClass
    // Force Hotmail to display emails at full width
    width: 100%

    // Force Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/
    p, span, font, td, div
    line-height: 100%


    #backgroundTable
    margin: 0
    padding: 0
    width: 100% !important
    line-height: 100% !important
    /* End reset */


    // Some sensible defaults for images
    img
    outline: none
    text-decoration: none
    -ms-interpolation-mode: bicubic

    a img
    border:none

    .image_fix
    display: block


    // Yahoo paragraph fix: removes the proper spacing or the paragraph (p) tag.
    p
    margin: 1em 0


    // Hotmail header color reset: Hotmail replaces your header color styles with a green color on H2, H3, H4, H5, and H6 tags.
    h1, h2, h3, h4, h5, h6
    color: black !important

    a
    color: blue !important

    // Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure.
    &:active
    color: red !important

    // Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure.
    &:visited
    color: purple !important


    // Outlook 07, 10 Padding issue: These "newer" versions of Outlook add some padding around table cells potentially throwing off your perfectly pixeled table.
    table td
    border-collapse: collapse


    // Remove spacing around Outlook 07, 10 tables
    table
    border-collapse: collapse
    mso-table-lspace: 0pt
    mso-table-rspace: 0pt

    .footer_message
    background:
    color: #2b2b2b
    image: url('assets/email/footer_message_background.jpg')
    repeat: repeat-y no-repeat
    color: #8f8f8f
    font-size: 9px
    height: 50px
    103 changes: 103 additions & 0 deletions gistfile1.haml
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,103 @@
    !!! Strict
    %html{:xmlns => "http://www.w3.org/1999/xhtml"}
    %head
    %meta{:content => "text/html; charset=utf-8", "http-equiv" => "Content-Type"}/
    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}/
    %title= yield :subject
    %link{rel: 'stylesheet', type: 'text/css', href: :email}

    = yield :stylesheets
    %style{type: 'text/css'}
    :sass
    // Mobile targetting
    @media only screen and (max-device-width: 480px)
    // For mobile phones in general
    a[href^="tel"], a[href^="sms"]
    text-decoration: none
    color: black
    pointer-events: none
    cursor: default

    .mobile_link
    a[href^="tel"], a[href^="sms"]
    text-decoration: default
    color: orange !important
    pointer-events: auto
    cursor: default

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
    // For ipad (tablets, smaller screens, etc)
    a[href^="tel"], a[href^="sms"]
    text-decoration: none
    color: black
    pointer-events: none
    cursor: default

    .mobile_link
    a[href^="tel"], a[href^="sms"]
    text-decoration: default
    color: orange !important
    pointer-events: auto
    cursor: default

    @media only screen and (-webkit-min-device-pixel-ratio: 2)
    // For iphone 4(S)
    // Adroid targetting
    @media only screen and (-webkit-device-pixel-ratio:.75)
    // Put CSS for low density (ldpi) Android layouts in here
    @media only screen and (-webkit-device-pixel-ratio:1)
    // Put CSS for medium density (mdpi) Android layouts in here
    @media only screen and (-webkit-device-pixel-ratio:1.5)
    // Put CSS for high density (hdpi) Android layouts in here
    // end Android targeting
    / Targeting Windows Mobile
    /[if IEMobile 7]
    <style type="text/css">

    </style>
    /
    /[if gte mso 9]
    <style>
    \/* Target Outlook 2007 and 2010 */
    </style>

    %body
    / Wrapper/Container
    %table#backgroundTable{border: '0', cellpadding: '0', cellspacing: '0'}
    %tr
    %td
    / Content
    %table{border: '0', cellpadding: '0', cellspacing: '0', align: 'center'}
    %tr
    %td{:valign => "top", :width => "88"}
    =image_tag 'email/content_line_left.jpg', class: 'image_fix', width: '88'
    %td{:valign => "top", :width => "424"}
    = yield
    %td{:valign => "top", :width => "88"}
    =image_tag 'email/content_line_right.jpg', class: 'image_fix', width: '88'

    / Bottom
    %table{border: '0', cellpadding: '0', cellspacing: '0', align: 'center'}
    %tr
    %td{:valign => "top", :width => "600"}
    =image_tag 'email/bottom_line.jpg', class: 'image_fix', width: '600', height: '90'

    / Footer
    %table{border: '0', cellpadding: '0', cellspacing: '0', align: 'center'}
    %tr
    %td{:valign => "top", :width => "38"}
    =image_tag 'email/footer_line_left.jpg', class: 'image_fix', width: '38', height: '50'
    %td.footer_message{:valign => "top", :width => "292"}
    = "This email was sent to #{@user.email}. You can always edit your "
    = link_to 'profile', user_url(@user.screen_name, only_path: false)
    to adjust email preferences.
    %td{:valign => "top", :width => "270"}
    =image_tag 'email/footer_line_right.jpg', class: 'image_fix', width: '270', height: '50'

    / End of wrapper table