maktoub 0.0.1 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/README.rdoc +11 -29
- data/app/controllers/maktoub/archives_controller.rb +3 -2
- data/app/views/layouts/maktoub/_styles.erb +327 -0
- data/app/views/layouts/maktoub/newsletter_mailer.erb +14 -327
- data/lib/generators/maktoub/USAGE +3 -0
- data/lib/generators/maktoub/config_generator.rb +11 -0
- data/lib/generators/maktoub/templates/maktoub.rb +23 -0
- data/lib/maktoub.rb +2 -1
- data/lib/maktoub/version.rb +2 -1
- data/test/dummy/config/initializers/maktoub.rb +1 -0
- data/test/dummy/db/development.sqlite3 +0 -0
- data/test/dummy/db/schema.rb +16 -0
- data/test/dummy/log/development.log +310 -0
- data/test/dummy/log/test.log +92 -0
- data/test/functional/maktoub/archives_controller_test.rb +1 -0
- metadata +19 -13
data/README.rdoc
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
= Maktoub
|
|
2
2
|
|
|
3
|
-
Maktoub is a Ruby on Rails engine for email newsletters.
|
|
3
|
+
Maktoub is a Ruby on Rails engine for email newsletters.
|
|
4
4
|
* Write your newsletter as you would write any view (erb partial)
|
|
5
5
|
* Maktoub sends your email in multipart as both html and text
|
|
6
6
|
|
|
@@ -8,41 +8,20 @@ Maktoub is a Ruby on Rails engine for email newsletters.
|
|
|
8
8
|
== Installation
|
|
9
9
|
|
|
10
10
|
# Add this line to your Gemfile
|
|
11
|
-
gem 'maktoub'
|
|
11
|
+
gem 'maktoub'
|
|
12
12
|
|
|
13
13
|
Then 'bundle install'
|
|
14
14
|
|
|
15
15
|
== Usage
|
|
16
16
|
|
|
17
17
|
=== Configuration
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
Maktoub.twitter_url = "http://twitter.com/#!/twitter" # your twitter page
|
|
22
|
-
Maktoub.facebook_url = "http://www.facebook.com/facebook" # your facebook oage
|
|
23
|
-
Maktoub.subscription_preferences_url = "http://example.com/manage_subscriptions" #subscribers management url
|
|
24
|
-
Maktoub.logo = "logo.jpg" # path to your logo asset
|
|
25
|
-
Maktoub.home_domain = "example.com" # your domain
|
|
26
|
-
Maktoub.app_name = "Maktoub" # your app name
|
|
27
|
-
|
|
28
|
-
# pass a block to subscribers_extractor that returns an object that reponds to :name and :email
|
|
29
|
-
# (fields can be configured as shown below)
|
|
30
|
-
require "ostruct"
|
|
31
|
-
Maktoub.subscribers_extractor do
|
|
32
|
-
users = []
|
|
33
|
-
(1..5).each do |i|
|
|
34
|
-
users << OpenStruct.new({name: "tester#{i}", email: "test#{i}@example.com"})
|
|
35
|
-
end
|
|
36
|
-
return users
|
|
37
|
-
end
|
|
38
|
-
|
|
39
|
-
# uncomment lines below to change subscriber fields that contain email and
|
|
40
|
-
# Maktoub.email_field = :address
|
|
41
|
-
# Maktoub.name_field = :nickname
|
|
18
|
+
|
|
19
|
+
You can run 'rails generate maktoub:config' to generate the configuration file. This task creates a matkoub.rb initializer file (in config/initializer)
|
|
20
|
+
Follow instructions inside the file to configure it the way you want.
|
|
42
21
|
|
|
43
22
|
=== Authoring
|
|
44
23
|
|
|
45
|
-
Create a newsletter as a normal view partial in app/views/maktoub/newsletters/.
|
|
24
|
+
Create a newsletter as a normal view partial in app/views/maktoub/newsletters/.
|
|
46
25
|
The subject of the newsletter will be automatically deduced from the partial's name.
|
|
47
26
|
|
|
48
27
|
=== Sending messages
|
|
@@ -61,8 +40,11 @@ Alternatively you have access to a Maktoub::NewsletterMailer ActionMailer object
|
|
|
61
40
|
|
|
62
41
|
=== View in browser
|
|
63
42
|
To be able to view your newsletter in a browser add it to routes.rb.
|
|
64
|
-
# mount the engine at a path of your choice.
|
|
43
|
+
# mount the engine at a path of your choice.
|
|
65
44
|
# you would access the newsletter at: http://example.com/newsletter/my_awesome_newletter
|
|
66
45
|
mount Maktoub::Engine => "/"
|
|
67
|
-
|
|
46
|
+
|
|
47
|
+
== Contributing
|
|
48
|
+
Send a pull request including documentation changes and tests.
|
|
49
|
+
|
|
68
50
|
|
|
@@ -3,9 +3,10 @@ module Maktoub
|
|
|
3
3
|
layout 'maktoub/newsletter_mailer'
|
|
4
4
|
def show
|
|
5
5
|
@archive = true
|
|
6
|
-
|
|
6
|
+
template = params[:newsletter] || 'readme'
|
|
7
|
+
@subject = template.titleize
|
|
7
8
|
|
|
8
|
-
render "maktoub/newsletters/#{
|
|
9
|
+
render "maktoub/newsletters/#{template}"
|
|
9
10
|
end
|
|
10
11
|
|
|
11
12
|
end
|
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
/* Client-specific Styles */
|
|
2
|
+
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
|
|
3
|
+
body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
|
|
4
|
+
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
|
|
5
|
+
|
|
6
|
+
/* Reset Styles */
|
|
7
|
+
body{margin:0; padding:0;}
|
|
8
|
+
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
|
|
9
|
+
table td{border-collapse:collapse;}
|
|
10
|
+
#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
|
|
11
|
+
|
|
12
|
+
/* Template Styles */
|
|
13
|
+
|
|
14
|
+
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\ */
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* @tab Page
|
|
18
|
+
* @section background color
|
|
19
|
+
* @tip Set the background color for your email. You may want to choose one that matches your company's branding.
|
|
20
|
+
* @theme page
|
|
21
|
+
*/
|
|
22
|
+
body, #backgroundTable{
|
|
23
|
+
background-color:#FCFCFC;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
hr {
|
|
27
|
+
margin-top: 0;
|
|
28
|
+
color: #CCCCCC;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* @tab Page
|
|
33
|
+
* @section email border
|
|
34
|
+
* @tip Set the border for your email.
|
|
35
|
+
*/
|
|
36
|
+
#templateContainer{
|
|
37
|
+
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* @tab Page
|
|
42
|
+
* @section heading 1
|
|
43
|
+
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
|
|
44
|
+
* @style heading 1
|
|
45
|
+
*/
|
|
46
|
+
h1, .h1{
|
|
47
|
+
color: #0099FF;
|
|
48
|
+
display:block;
|
|
49
|
+
font-family:Arial;
|
|
50
|
+
font-size:34px;
|
|
51
|
+
font-weight:bold;
|
|
52
|
+
line-height:100%;
|
|
53
|
+
margin-top:0;
|
|
54
|
+
margin-right:0;
|
|
55
|
+
margin-bottom:10px;
|
|
56
|
+
margin-left:0;
|
|
57
|
+
text-align:left;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* @tab Page
|
|
62
|
+
* @section heading 2
|
|
63
|
+
* @tip Set the styling for all second-level headings in your emails.
|
|
64
|
+
* @style heading 2
|
|
65
|
+
*/
|
|
66
|
+
h2, .h2{
|
|
67
|
+
color: #0099FF;
|
|
68
|
+
display:block;
|
|
69
|
+
font-family:Arial;
|
|
70
|
+
font-size:30px;
|
|
71
|
+
font-weight:bold;
|
|
72
|
+
line-height:100%;
|
|
73
|
+
margin-top:0;
|
|
74
|
+
margin-right:0;
|
|
75
|
+
margin-bottom:10px;
|
|
76
|
+
margin-left:0;
|
|
77
|
+
text-align:left;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* @tab Page
|
|
82
|
+
* @section heading 3
|
|
83
|
+
* @tip Set the styling for all third-level headings in your emails.
|
|
84
|
+
* @style heading 3
|
|
85
|
+
*/
|
|
86
|
+
h3, .h3{
|
|
87
|
+
color: #0099FF;
|
|
88
|
+
display:block;
|
|
89
|
+
font-family:Arial;
|
|
90
|
+
font-size:26px;
|
|
91
|
+
font-weight:bold;
|
|
92
|
+
line-height:100%;
|
|
93
|
+
margin-top:0;
|
|
94
|
+
margin-right:0;
|
|
95
|
+
margin-bottom:10px;
|
|
96
|
+
margin-left:0;
|
|
97
|
+
text-align:left;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* @tab Page
|
|
102
|
+
* @section heading 4
|
|
103
|
+
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
|
|
104
|
+
* @style heading 4
|
|
105
|
+
*/
|
|
106
|
+
h4, .h4{
|
|
107
|
+
color: #0099FF;
|
|
108
|
+
display:block;
|
|
109
|
+
font-family:Arial;
|
|
110
|
+
font-size:22px;
|
|
111
|
+
font-weight:bold;
|
|
112
|
+
line-height:100%;
|
|
113
|
+
margin-top:0;
|
|
114
|
+
margin-right:0;
|
|
115
|
+
margin-bottom:10px;
|
|
116
|
+
margin-left:0;
|
|
117
|
+
text-align:left;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* @tab Header
|
|
124
|
+
* @section preheader style
|
|
125
|
+
* @tip Set the background color for your email's preheader area.
|
|
126
|
+
* @theme page
|
|
127
|
+
*/
|
|
128
|
+
#templatePreheader{
|
|
129
|
+
background-color:#FCFCFC;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
/**
|
|
133
|
+
* @tab Header
|
|
134
|
+
* @section preheader text
|
|
135
|
+
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
|
|
136
|
+
*/
|
|
137
|
+
.preheaderContent div{
|
|
138
|
+
color:#505050;
|
|
139
|
+
font-family:Arial;
|
|
140
|
+
font-size:10px;
|
|
141
|
+
line-height:100%;
|
|
142
|
+
text-align:left;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* @tab Header
|
|
147
|
+
* @section preheader link
|
|
148
|
+
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
|
|
149
|
+
*/
|
|
150
|
+
.preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
151
|
+
color:#336699;
|
|
152
|
+
font-weight:normal;
|
|
153
|
+
text-decoration:underline;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
|
|
157
|
+
|
|
158
|
+
/**
|
|
159
|
+
* @tab Header
|
|
160
|
+
* @section header style
|
|
161
|
+
* @tip Set the background color and border for your email's header area.
|
|
162
|
+
* @theme header
|
|
163
|
+
*/
|
|
164
|
+
#templateHeader{
|
|
165
|
+
background-color:#FCFCFC;
|
|
166
|
+
border-bottom:0;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/**
|
|
170
|
+
* @tab Header
|
|
171
|
+
* @section header text
|
|
172
|
+
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
|
|
173
|
+
*/
|
|
174
|
+
.headerContent{
|
|
175
|
+
color:#202020;
|
|
176
|
+
font-family:Arial;
|
|
177
|
+
font-size:34px;
|
|
178
|
+
font-weight:bold;
|
|
179
|
+
line-height:100%;
|
|
180
|
+
padding:0;
|
|
181
|
+
text-align:left;
|
|
182
|
+
vertical-align:middle;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/**
|
|
186
|
+
* @tab Header
|
|
187
|
+
* @section header link
|
|
188
|
+
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
|
|
189
|
+
*/
|
|
190
|
+
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
|
|
191
|
+
color:#336699;
|
|
192
|
+
font-weight:normal;
|
|
193
|
+
text-decoration:underline;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
#headerImage{
|
|
197
|
+
height:auto;
|
|
198
|
+
max-width:600px !important;
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
|
|
202
|
+
|
|
203
|
+
/**
|
|
204
|
+
* @tab Body
|
|
205
|
+
* @section body style
|
|
206
|
+
* @tip Set the background color for your email's body area.
|
|
207
|
+
*/
|
|
208
|
+
#templateContainer, .bodyContent{
|
|
209
|
+
background-color:#FCFCFC;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
/**
|
|
213
|
+
* @tab Body
|
|
214
|
+
* @section body text
|
|
215
|
+
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
|
|
216
|
+
* @theme main
|
|
217
|
+
*/
|
|
218
|
+
.bodyContent div{
|
|
219
|
+
color:#505050;
|
|
220
|
+
font-family:Arial;
|
|
221
|
+
font-size:14px;
|
|
222
|
+
line-height:150%;
|
|
223
|
+
text-align:left;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
/**
|
|
227
|
+
* @tab Body
|
|
228
|
+
* @section body link
|
|
229
|
+
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
|
|
230
|
+
*/
|
|
231
|
+
.bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
232
|
+
color:#336699;
|
|
233
|
+
font-weight:normal;
|
|
234
|
+
text-decoration:underline;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.bodyContent img{
|
|
238
|
+
display:inline;
|
|
239
|
+
height:auto;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
|
|
243
|
+
|
|
244
|
+
/**
|
|
245
|
+
* @tab Footer
|
|
246
|
+
* @section footer style
|
|
247
|
+
* @tip Set the background color and top border for your email's footer area.
|
|
248
|
+
* @theme footer
|
|
249
|
+
*/
|
|
250
|
+
#templateFooter{
|
|
251
|
+
background-color:#FCFCFC;
|
|
252
|
+
border-top:0;
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
/**
|
|
256
|
+
* @tab Footer
|
|
257
|
+
* @section footer text
|
|
258
|
+
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
|
|
259
|
+
* @theme footer
|
|
260
|
+
*/
|
|
261
|
+
.footerContent div{
|
|
262
|
+
color:#707070;
|
|
263
|
+
font-family:Arial;
|
|
264
|
+
font-size:12px;
|
|
265
|
+
line-height:125%;
|
|
266
|
+
text-align:left;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
/**
|
|
270
|
+
* @tab Footer
|
|
271
|
+
* @section footer link
|
|
272
|
+
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
|
|
273
|
+
*/
|
|
274
|
+
.footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
275
|
+
color:#336699;
|
|
276
|
+
font-weight:normal;
|
|
277
|
+
text-decoration:underline;
|
|
278
|
+
}
|
|
279
|
+
|
|
280
|
+
.footerContent img{
|
|
281
|
+
display:inline;
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
/**
|
|
285
|
+
* @tab Footer
|
|
286
|
+
* @section social bar style
|
|
287
|
+
* @tip Set the background color and border for your email's footer social bar.
|
|
288
|
+
* @theme footer
|
|
289
|
+
*/
|
|
290
|
+
#social{
|
|
291
|
+
background-color:#FCFCFC;
|
|
292
|
+
border:0;
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
/**
|
|
296
|
+
* @tab Footer
|
|
297
|
+
* @section social bar style
|
|
298
|
+
* @tip Set the background color and border for your email's footer social bar.
|
|
299
|
+
*/
|
|
300
|
+
#social div{
|
|
301
|
+
text-align:center;
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
/**
|
|
305
|
+
* @tab Footer
|
|
306
|
+
* @section utility bar style
|
|
307
|
+
* @tip Set the background color and border for your email's footer utility bar.
|
|
308
|
+
* @theme footer
|
|
309
|
+
*/
|
|
310
|
+
#utility{
|
|
311
|
+
background-color:#FCFCFC;
|
|
312
|
+
border:0;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
/**
|
|
316
|
+
* @tab Footer
|
|
317
|
+
* @section utility bar style
|
|
318
|
+
* @tip Set the background color and border for your email's footer utility bar.
|
|
319
|
+
*/
|
|
320
|
+
#utility div{
|
|
321
|
+
text-align:center;
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
#monkeyRewards img{
|
|
325
|
+
max-width:190px;
|
|
326
|
+
}
|
|
327
|
+
|
|
@@ -8,332 +8,7 @@
|
|
|
8
8
|
<meta name="viewport" content="width=680px, initial-scale=0.5">
|
|
9
9
|
<title><%= @subject %></title>
|
|
10
10
|
<style type="text/css">
|
|
11
|
-
|
|
12
|
-
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
|
|
13
|
-
body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
|
|
14
|
-
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
|
|
15
|
-
|
|
16
|
-
/* Reset Styles */
|
|
17
|
-
body{margin:0; padding:0;}
|
|
18
|
-
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
|
|
19
|
-
table td{border-collapse:collapse;}
|
|
20
|
-
#backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
|
|
21
|
-
|
|
22
|
-
/* Template Styles */
|
|
23
|
-
|
|
24
|
-
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\ */
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* @tab Page
|
|
28
|
-
* @section background color
|
|
29
|
-
* @tip Set the background color for your email. You may want to choose one that matches your company's branding.
|
|
30
|
-
* @theme page
|
|
31
|
-
*/
|
|
32
|
-
body, #backgroundTable{
|
|
33
|
-
background-color:#FCFCFC;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
hr {
|
|
37
|
-
margin-top: 0;
|
|
38
|
-
color: #CCCCCC;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* @tab Page
|
|
43
|
-
* @section email border
|
|
44
|
-
* @tip Set the border for your email.
|
|
45
|
-
*/
|
|
46
|
-
#templateContainer{
|
|
47
|
-
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* @tab Page
|
|
52
|
-
* @section heading 1
|
|
53
|
-
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
|
|
54
|
-
* @style heading 1
|
|
55
|
-
*/
|
|
56
|
-
h1, .h1{
|
|
57
|
-
color: #0099FF;
|
|
58
|
-
display:block;
|
|
59
|
-
font-family:Arial;
|
|
60
|
-
font-size:34px;
|
|
61
|
-
font-weight:bold;
|
|
62
|
-
line-height:100%;
|
|
63
|
-
margin-top:0;
|
|
64
|
-
margin-right:0;
|
|
65
|
-
margin-bottom:10px;
|
|
66
|
-
margin-left:0;
|
|
67
|
-
text-align:left;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* @tab Page
|
|
72
|
-
* @section heading 2
|
|
73
|
-
* @tip Set the styling for all second-level headings in your emails.
|
|
74
|
-
* @style heading 2
|
|
75
|
-
*/
|
|
76
|
-
h2, .h2{
|
|
77
|
-
color: #0099FF;
|
|
78
|
-
display:block;
|
|
79
|
-
font-family:Arial;
|
|
80
|
-
font-size:30px;
|
|
81
|
-
font-weight:bold;
|
|
82
|
-
line-height:100%;
|
|
83
|
-
margin-top:0;
|
|
84
|
-
margin-right:0;
|
|
85
|
-
margin-bottom:10px;
|
|
86
|
-
margin-left:0;
|
|
87
|
-
text-align:left;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
* @tab Page
|
|
92
|
-
* @section heading 3
|
|
93
|
-
* @tip Set the styling for all third-level headings in your emails.
|
|
94
|
-
* @style heading 3
|
|
95
|
-
*/
|
|
96
|
-
h3, .h3{
|
|
97
|
-
color: #0099FF;
|
|
98
|
-
display:block;
|
|
99
|
-
font-family:Arial;
|
|
100
|
-
font-size:26px;
|
|
101
|
-
font-weight:bold;
|
|
102
|
-
line-height:100%;
|
|
103
|
-
margin-top:0;
|
|
104
|
-
margin-right:0;
|
|
105
|
-
margin-bottom:10px;
|
|
106
|
-
margin-left:0;
|
|
107
|
-
text-align:left;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
/**
|
|
111
|
-
* @tab Page
|
|
112
|
-
* @section heading 4
|
|
113
|
-
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
|
|
114
|
-
* @style heading 4
|
|
115
|
-
*/
|
|
116
|
-
h4, .h4{
|
|
117
|
-
color: #0099FF;
|
|
118
|
-
display:block;
|
|
119
|
-
font-family:Arial;
|
|
120
|
-
font-size:22px;
|
|
121
|
-
font-weight:bold;
|
|
122
|
-
line-height:100%;
|
|
123
|
-
margin-top:0;
|
|
124
|
-
margin-right:0;
|
|
125
|
-
margin-bottom:10px;
|
|
126
|
-
margin-left:0;
|
|
127
|
-
text-align:left;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* @tab Header
|
|
134
|
-
* @section preheader style
|
|
135
|
-
* @tip Set the background color for your email's preheader area.
|
|
136
|
-
* @theme page
|
|
137
|
-
*/
|
|
138
|
-
#templatePreheader{
|
|
139
|
-
background-color:#FCFCFC;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
/**
|
|
143
|
-
* @tab Header
|
|
144
|
-
* @section preheader text
|
|
145
|
-
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
|
|
146
|
-
*/
|
|
147
|
-
.preheaderContent div{
|
|
148
|
-
color:#505050;
|
|
149
|
-
font-family:Arial;
|
|
150
|
-
font-size:10px;
|
|
151
|
-
line-height:100%;
|
|
152
|
-
text-align:left;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
/**
|
|
156
|
-
* @tab Header
|
|
157
|
-
* @section preheader link
|
|
158
|
-
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
|
|
159
|
-
*/
|
|
160
|
-
.preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
161
|
-
color:#336699;
|
|
162
|
-
font-weight:normal;
|
|
163
|
-
text-decoration:underline;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
|
|
167
|
-
|
|
168
|
-
/**
|
|
169
|
-
* @tab Header
|
|
170
|
-
* @section header style
|
|
171
|
-
* @tip Set the background color and border for your email's header area.
|
|
172
|
-
* @theme header
|
|
173
|
-
*/
|
|
174
|
-
#templateHeader{
|
|
175
|
-
background-color:#FCFCFC;
|
|
176
|
-
border-bottom:0;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
* @tab Header
|
|
181
|
-
* @section header text
|
|
182
|
-
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
|
|
183
|
-
*/
|
|
184
|
-
.headerContent{
|
|
185
|
-
color:#202020;
|
|
186
|
-
font-family:Arial;
|
|
187
|
-
font-size:34px;
|
|
188
|
-
font-weight:bold;
|
|
189
|
-
line-height:100%;
|
|
190
|
-
padding:0;
|
|
191
|
-
text-align:left;
|
|
192
|
-
vertical-align:middle;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
/**
|
|
196
|
-
* @tab Header
|
|
197
|
-
* @section header link
|
|
198
|
-
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
|
|
199
|
-
*/
|
|
200
|
-
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
|
|
201
|
-
color:#336699;
|
|
202
|
-
font-weight:normal;
|
|
203
|
-
text-decoration:underline;
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
#headerImage{
|
|
207
|
-
height:auto;
|
|
208
|
-
max-width:600px !important;
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
|
|
212
|
-
|
|
213
|
-
/**
|
|
214
|
-
* @tab Body
|
|
215
|
-
* @section body style
|
|
216
|
-
* @tip Set the background color for your email's body area.
|
|
217
|
-
*/
|
|
218
|
-
#templateContainer, .bodyContent{
|
|
219
|
-
background-color:#FCFCFC;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
/**
|
|
223
|
-
* @tab Body
|
|
224
|
-
* @section body text
|
|
225
|
-
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
|
|
226
|
-
* @theme main
|
|
227
|
-
*/
|
|
228
|
-
.bodyContent div{
|
|
229
|
-
color:#505050;
|
|
230
|
-
font-family:Arial;
|
|
231
|
-
font-size:14px;
|
|
232
|
-
line-height:150%;
|
|
233
|
-
text-align:left;
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
/**
|
|
237
|
-
* @tab Body
|
|
238
|
-
* @section body link
|
|
239
|
-
* @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
|
|
240
|
-
*/
|
|
241
|
-
.bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
242
|
-
color:#336699;
|
|
243
|
-
font-weight:normal;
|
|
244
|
-
text-decoration:underline;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
.bodyContent img{
|
|
248
|
-
display:inline;
|
|
249
|
-
height:auto;
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
|
|
253
|
-
|
|
254
|
-
/**
|
|
255
|
-
* @tab Footer
|
|
256
|
-
* @section footer style
|
|
257
|
-
* @tip Set the background color and top border for your email's footer area.
|
|
258
|
-
* @theme footer
|
|
259
|
-
*/
|
|
260
|
-
#templateFooter{
|
|
261
|
-
background-color:#FCFCFC;
|
|
262
|
-
border-top:0;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
/**
|
|
266
|
-
* @tab Footer
|
|
267
|
-
* @section footer text
|
|
268
|
-
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
|
|
269
|
-
* @theme footer
|
|
270
|
-
*/
|
|
271
|
-
.footerContent div{
|
|
272
|
-
color:#707070;
|
|
273
|
-
font-family:Arial;
|
|
274
|
-
font-size:12px;
|
|
275
|
-
line-height:125%;
|
|
276
|
-
text-align:left;
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
/**
|
|
280
|
-
* @tab Footer
|
|
281
|
-
* @section footer link
|
|
282
|
-
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
|
|
283
|
-
*/
|
|
284
|
-
.footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
|
|
285
|
-
color:#336699;
|
|
286
|
-
font-weight:normal;
|
|
287
|
-
text-decoration:underline;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
.footerContent img{
|
|
291
|
-
display:inline;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
/**
|
|
295
|
-
* @tab Footer
|
|
296
|
-
* @section social bar style
|
|
297
|
-
* @tip Set the background color and border for your email's footer social bar.
|
|
298
|
-
* @theme footer
|
|
299
|
-
*/
|
|
300
|
-
#social{
|
|
301
|
-
background-color:#FCFCFC;
|
|
302
|
-
border:0;
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
/**
|
|
306
|
-
* @tab Footer
|
|
307
|
-
* @section social bar style
|
|
308
|
-
* @tip Set the background color and border for your email's footer social bar.
|
|
309
|
-
*/
|
|
310
|
-
#social div{
|
|
311
|
-
text-align:center;
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
/**
|
|
315
|
-
* @tab Footer
|
|
316
|
-
* @section utility bar style
|
|
317
|
-
* @tip Set the background color and border for your email's footer utility bar.
|
|
318
|
-
* @theme footer
|
|
319
|
-
*/
|
|
320
|
-
#utility{
|
|
321
|
-
background-color:#FCFCFC;
|
|
322
|
-
border:0;
|
|
323
|
-
}
|
|
324
|
-
|
|
325
|
-
/**
|
|
326
|
-
* @tab Footer
|
|
327
|
-
* @section utility bar style
|
|
328
|
-
* @tip Set the background color and border for your email's footer utility bar.
|
|
329
|
-
*/
|
|
330
|
-
#utility div{
|
|
331
|
-
text-align:center;
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
#monkeyRewards img{
|
|
335
|
-
max-width:190px;
|
|
336
|
-
}
|
|
11
|
+
<%= render 'layouts/maktoub/styles.erb' %>
|
|
337
12
|
</style>
|
|
338
13
|
</head>
|
|
339
14
|
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
|
|
@@ -427,7 +102,19 @@
|
|
|
427
102
|
<tr>
|
|
428
103
|
<td colspan="2" valign="middle" id="social">
|
|
429
104
|
<div mc:edit="std_social">
|
|
430
|
-
 
|
|
105
|
+
|
|
106
|
+
<% unless Maktoub.twitter_url.blank? %>
|
|
107
|
+
<%= link_to 'follow on Twitter', Maktoub.twitter_url, :target => "_blank" %>
|
|
108
|
+
<% end %>
|
|
109
|
+
<% unless Maktoub.facebook_url.blank? %>
|
|
110
|
+
|
|
|
111
|
+
<%= link_to 'friend on Facebook', Maktoub.facebook_url, :target => "_blank" %>
|
|
112
|
+
<% end %>
|
|
113
|
+
<% unless Maktoub.google_plus_url.blank? %>
|
|
114
|
+
|
|
|
115
|
+
<%= link_to 'follow on Google+', Maktoub.google_plus_url, :target => "_blank" %>
|
|
116
|
+
<% end %>
|
|
117
|
+
|
|
431
118
|
</div>
|
|
432
119
|
</td>
|
|
433
120
|
</tr>
|