##// END OF EJS Templates
fix(emails): fixed white background in email templates
super-admin -
r5585:06e00555 default
parent child Browse files
Show More
@@ -1,644 +1,653 b''
1
1
2 ## helpers
2 ## helpers
3 <%def name="tag_button(text, tag_type=None)">
3 <%def name="tag_button(text, tag_type=None)">
4 <%
4 <%
5 color_scheme = {
5 color_scheme = {
6 'default': 'border:1px solid #979797;color:#666666;background-color:#f9f9f9',
6 'default': 'border:1px solid #979797;color:#666666;background-color:#f9f9f9',
7 'approved': 'border:1px solid #0ac878;color:#0ac878;background-color:#f9f9f9',
7 'approved': 'border:1px solid #0ac878;color:#0ac878;background-color:#f9f9f9',
8 'rejected': 'border:1px solid #e85e4d;color:#e85e4d;background-color:#f9f9f9',
8 'rejected': 'border:1px solid #e85e4d;color:#e85e4d;background-color:#f9f9f9',
9 'under_review': 'border:1px solid #ffc854;color:#ffc854;background-color:#f9f9f9',
9 'under_review': 'border:1px solid #ffc854;color:#ffc854;background-color:#f9f9f9',
10 }
10 }
11
11
12 css_style = ';'.join([
12 css_style = ';'.join([
13 'display:inline',
13 'display:inline',
14 'border-radius:2px',
14 'border-radius:2px',
15 'font-size:12px',
15 'font-size:12px',
16 'padding:.2em',
16 'padding:.2em',
17 ])
17 ])
18
18
19 %>
19 %>
20 <pre style="${css_style}; ${color_scheme.get(tag_type, color_scheme['default'])}">${text}</pre>
20 <pre style="${css_style}; ${color_scheme.get(tag_type, color_scheme['default'])}">${text}</pre>
21 </%def>
21 </%def>
22
22
23 <%def name="status_text(text, tag_type=None)">
23 <%def name="status_text(text, tag_type=None)">
24 <%
24 <%
25 color_scheme = {
25 color_scheme = {
26 'default': 'color:#666666',
26 'default': 'color:#666666',
27 'approved': 'color:#0ac878',
27 'approved': 'color:#0ac878',
28 'rejected': 'color:#e85e4d',
28 'rejected': 'color:#e85e4d',
29 'under_review': 'color:#ffc854',
29 'under_review': 'color:#ffc854',
30 }
30 }
31 %>
31 %>
32 <span style="font-weight:bold;font-size:12px;padding:.2em;${color_scheme.get(tag_type, color_scheme['default'])}">${text}</span>
32 <span style="font-weight:bold;font-size:12px;padding:.2em;${color_scheme.get(tag_type, color_scheme['default'])}">${text}</span>
33 </%def>
33 </%def>
34
34
35 <%def name="gravatar_img(email, size=16)">
35 <%def name="gravatar_img(email, size=16)">
36 <%
36 <%
37 css_style = ';'.join([
37 css_style = ';'.join([
38 'padding: 0',
38 'padding: 0',
39 'margin: -4px 0',
39 'margin: -4px 0',
40 'border-radius: 50%',
40 'border-radius: 50%',
41 'box-sizing: content-box',
41 'box-sizing: content-box',
42 'display: inline',
42 'display: inline',
43 'line-height: 1em',
43 'line-height: 1em',
44 'min-width: 16px',
44 'min-width: 16px',
45 'min-height: 16px',
45 'min-height: 16px',
46 ])
46 ])
47 %>
47 %>
48
48
49 <img alt="gravatar" style="${css_style}" src="${h.gravatar_url(email, size)}" height="${size}" width="${size}">
49 <img alt="gravatar" style="${css_style}" src="${h.gravatar_url(email, size)}" height="${size}" width="${size}">
50 </%def>
50 </%def>
51
51
52 <%def name="link_css()">\
52 <%def name="link_css()">\
53 <%
53 <%
54 css_style = ';'.join([
54 css_style = ';'.join([
55 'color:#427cc9',
55 'color:#427cc9',
56 'text-decoration:none',
56 'text-decoration:none',
57 'cursor:pointer'
57 'cursor:pointer'
58 ])
58 ])
59 %>\
59 %>\
60 ${css_style}\
60 ${css_style}\
61 </%def>
61 </%def>
62
62
63 ## Constants
63 ## Constants
64 <%
64 <%
65 text_regular = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, sans-serif"
65 text_regular = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, sans-serif"
66 text_monospace = "'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace"
66 text_monospace = "'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace"
67
67
68 %>
68 %>
69
69
70 <%def name="plaintext_footer()" filter="trim">
70 <%def name="plaintext_footer()" filter="trim">
71 ${_('This is a notification from RhodeCode.')} ${instance_url}
71 ${_('This is a notification from RhodeCode.')} ${instance_url}
72 </%def>
72 </%def>
73
73
74 <%def name="body_plaintext()" filter="n,trim">
74 <%def name="body_plaintext()" filter="n,trim">
75 ## this example is not called itself but overridden in each template
75 ## this example is not called itself but overridden in each template
76 ## the plaintext_footer should be at the bottom of both html and text emails
76 ## the plaintext_footer should be at the bottom of both html and text emails
77 ${self.plaintext_footer()}
77 ${self.plaintext_footer()}
78 </%def>
78 </%def>
79
79
80 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
80 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
81 <html xmlns="http://www.w3.org/1999/xhtml">
81 <html xmlns="http://www.w3.org/1999/xhtml">
82 <head>
82 <head>
83 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
83 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
84 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
84 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
85 <title>${self.subject()}</title>
85 <title>${self.subject()}</title>
86 <style type="text/css">
86 <style type="text/css">
87 /* Based on The MailChimp Reset INLINE: Yes. */
87 /* Based on The MailChimp Reset INLINE: Yes. */
88 #outlook a {
88 #outlook a {
89 padding: 0;
89 padding: 0;
90 }
90 }
91
91
92 /* Force Outlook to provide a "view in browser" menu link. */
92 /* Force Outlook to provide a "view in browser" menu link. */
93 body {
93 body {
94 width: 100% !important;
94 width: 100% !important;
95 -webkit-text-size-adjust: 100%;
95 -webkit-text-size-adjust: 100%;
96 -ms-text-size-adjust: 100%;
96 -ms-text-size-adjust: 100%;
97 margin: 0;
97 margin: 0;
98 padding: 0;
98 padding: 0;
99 font-family: ${text_regular|n};
99 font-family: ${text_regular|n};
100 color: #000000;
100 color: #000000;
101 }
101 }
102
102
103 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
103 /* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
104 .ExternalClass {
104 .ExternalClass {
105 width: 100%;
105 width: 100%;
106 }
106 }
107
107
108 /* Force Hotmail to display emails at full width */
108 /* Force Hotmail to display emails at full width */
109 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
109 .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
110 line-height: 100%;
110 line-height: 100%;
111 }
111 }
112
112
113 /* Forces Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ */
113 /* Forces Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ */
114 #backgroundTable {
114 #backgroundTable {
115 margin: 0;
115 margin: 0;
116 padding: 0;
116 padding: 0;
117 line-height: 100% !important;
117 line-height: 100% !important;
118 }
118 }
119
119
120 /* End reset */
120 /* End reset */
121
121
122 /* defaults for images*/
122 /* defaults for images*/
123 img {
123 img {
124 outline: none;
124 outline: none;
125 text-decoration: none;
125 text-decoration: none;
126 -ms-interpolation-mode: bicubic;
126 -ms-interpolation-mode: bicubic;
127 }
127 }
128
128
129 a img {
129 a img {
130 border: none;
130 border: none;
131 }
131 }
132
132
133 .image_fix {
133 .image_fix {
134 display: block;
134 display: block;
135 }
135 }
136
136
137 body {
137 body {
138 line-height: 1.2em;
138 line-height: 1.2em;
139 }
139 }
140
140
141 p {
141 p {
142 margin: 0 0 20px;
142 margin: 0 0 20px;
143 }
143 }
144
144
145 h1, h2, h3, h4, h5, h6 {
145 h1, h2, h3, h4, h5, h6 {
146 color: #323232 !important;
146 color: #323232 !important;
147 }
147 }
148
148
149 a {
149 a {
150 color: #427cc9;
150 color: #427cc9;
151 text-decoration: none;
151 text-decoration: none;
152 outline: none;
152 outline: none;
153 cursor: pointer;
153 cursor: pointer;
154 }
154 }
155
155
156 a:focus {
156 a:focus {
157 outline: none;
157 outline: none;
158 }
158 }
159
159
160 a:hover {
160 a:hover {
161 color: #305b91;
161 color: #305b91;
162 }
162 }
163
163
164 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
164 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
165 color: #427cc9 !important;
165 color: #427cc9 !important;
166 text-decoration: none !important;
166 text-decoration: none !important;
167 }
167 }
168
168
169 h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
169 h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
170 color: #305b91 !important;
170 color: #305b91 !important;
171 }
171 }
172
172
173 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
173 h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
174 color: #305b91 !important;
174 color: #305b91 !important;
175 }
175 }
176
176
177 table {
177 table {
178 font-size: 13px;
178 font-size: 13px;
179 border-collapse: collapse;
179 border-collapse: collapse;
180 mso-table-lspace: 0pt;
180 mso-table-lspace: 0pt;
181 mso-table-rspace: 0pt;
181 mso-table-rspace: 0pt;
182 }
182 }
183
183
184 table tr {
184 table tr {
185 display: table-row;
185 display: table-row;
186 vertical-align: inherit;
186 vertical-align: inherit;
187 border-color: inherit;
187 border-color: inherit;
188 border-spacing: 0 3px;
188 border-spacing: 0 3px;
189 }
189 }
190
190
191 table td {
191 table td {
192 padding: .65em 1em .65em 0;
192 padding: .65em 1em .65em 0;
193 border-collapse: collapse;
193 border-collapse: collapse;
194 vertical-align: top;
194 vertical-align: top;
195 text-align: left;
195 text-align: left;
196 }
196 }
197
197
198 input {
198 input {
199 display: inline;
199 display: inline;
200 border-radius: 2px;
200 border-radius: 2px;
201 border: 1px solid #dbd9da;
201 border: 1px solid #dbd9da;
202 padding: .5em;
202 padding: .5em;
203 }
203 }
204
204
205 input:focus {
205 input:focus {
206 outline: 1px solid #979797
206 outline: 1px solid #979797
207 }
207 }
208
208
209 code {
209 code {
210 font-family: ${text_monospace|n};
210 font-family: ${text_monospace|n};
211 white-space: pre-line !important;
211 white-space: pre-line !important;
212 color: #000000;
212 color: #000000;
213 }
213 }
214
214
215 ul.changes-ul {
215 ul.changes-ul {
216 list-style: none;
216 list-style: none;
217 list-style-type: none;
217 list-style-type: none;
218 padding: 0;
218 padding: 0;
219 margin: 10px 0;
219 margin: 10px 0;
220 }
220 }
221 ul.changes-ul li {
221 ul.changes-ul li {
222 list-style: none;
222 list-style: none;
223 list-style-type: none;
223 list-style-type: none;
224 margin: 2px 0;
224 margin: 2px 0;
225 }
225 }
226
226
227 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
227 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
228 /* Put your iPhone 4g styles in here */
228 /* Put your iPhone 4g styles in here */
229 }
229 }
230
230
231 /* Android targeting */
231 /* Android targeting */
232 @media only screen and (-webkit-device-pixel-ratio:.75){
232 @media only screen and (-webkit-device-pixel-ratio:.75){
233 /* Put CSS for low density (ldpi) Android layouts in here */
233 /* Put CSS for low density (ldpi) Android layouts in here */
234 }
234 }
235 @media only screen and (-webkit-device-pixel-ratio:1){
235 @media only screen and (-webkit-device-pixel-ratio:1){
236 /* Put CSS for medium density (mdpi) Android layouts in here */
236 /* Put CSS for medium density (mdpi) Android layouts in here */
237 }
237 }
238 @media only screen and (-webkit-device-pixel-ratio:1.5){
238 @media only screen and (-webkit-device-pixel-ratio:1.5){
239 /* Put CSS for high density (hdpi) Android layouts in here */
239 /* Put CSS for high density (hdpi) Android layouts in here */
240 }
240 }
241 /* end Android targeting */
241 /* end Android targeting */
242
242
243 /** MARKDOWN styling **/
243 /** MARKDOWN styling **/
244 div.markdown-block {
244 div.markdown-block {
245 clear: both;
245 clear: both;
246 overflow: hidden;
246 overflow: hidden;
247 margin: 0;
247 margin: 0;
248 padding: 3px 5px 3px
248 padding: 3px 5px 3px
249 }
249 }
250
250
251 div.markdown-block h1,
251 div.markdown-block h1,
252 div.markdown-block h2,
252 div.markdown-block h2,
253 div.markdown-block h3,
253 div.markdown-block h3,
254 div.markdown-block h4,
254 div.markdown-block h4,
255 div.markdown-block h5,
255 div.markdown-block h5,
256 div.markdown-block h6 {
256 div.markdown-block h6 {
257 border-bottom: none !important;
257 border-bottom: none !important;
258 padding: 0 !important;
258 padding: 0 !important;
259 overflow: visible !important
259 overflow: visible !important
260 }
260 }
261
261
262 div.markdown-block h1,
262 div.markdown-block h1,
263 div.markdown-block h2 {
263 div.markdown-block h2 {
264 border-bottom: 1px #e6e5e5 solid !important
264 border-bottom: 1px #e6e5e5 solid !important
265 }
265 }
266
266
267 div.markdown-block h1 {
267 div.markdown-block h1 {
268 font-size: 32px;
268 font-size: 32px;
269 margin: 15px 0 15px 0 !important;
269 margin: 15px 0 15px 0 !important;
270 padding-bottom: 5px !important
270 padding-bottom: 5px !important
271 }
271 }
272
272
273 div.markdown-block h2 {
273 div.markdown-block h2 {
274 font-size: 24px !important;
274 font-size: 24px !important;
275 margin: 34px 0 10px 0 !important;
275 margin: 34px 0 10px 0 !important;
276 padding-top: 15px !important;
276 padding-top: 15px !important;
277 padding-bottom: 8px !important
277 padding-bottom: 8px !important
278 }
278 }
279
279
280 div.markdown-block h3 {
280 div.markdown-block h3 {
281 font-size: 18px !important;
281 font-size: 18px !important;
282 margin: 30px 0 8px 0 !important;
282 margin: 30px 0 8px 0 !important;
283 padding-bottom: 2px !important
283 padding-bottom: 2px !important
284 }
284 }
285
285
286 div.markdown-block h4 {
286 div.markdown-block h4 {
287 font-size: 13px !important;
287 font-size: 13px !important;
288 margin: 18px 0 3px 0 !important
288 margin: 18px 0 3px 0 !important
289 }
289 }
290
290
291 div.markdown-block h5 {
291 div.markdown-block h5 {
292 font-size: 12px !important;
292 font-size: 12px !important;
293 margin: 15px 0 3px 0 !important
293 margin: 15px 0 3px 0 !important
294 }
294 }
295
295
296 div.markdown-block h6 {
296 div.markdown-block h6 {
297 font-size: 12px;
297 font-size: 12px;
298 color: #777777;
298 color: #777777;
299 margin: 15px 0 3px 0 !important
299 margin: 15px 0 3px 0 !important
300 }
300 }
301
301
302 div.markdown-block hr {
302 div.markdown-block hr {
303 border: 0;
303 border: 0;
304 color: #e6e5e5;
304 color: #e6e5e5;
305 background-color: #e6e5e5;
305 background-color: #e6e5e5;
306 height: 3px;
306 height: 3px;
307 margin-bottom: 13px
307 margin-bottom: 13px
308 }
308 }
309
309
310 div.markdown-block ol,
310 div.markdown-block ol,
311 div.markdown-block ul,
311 div.markdown-block ul,
312 div.markdown-block p,
312 div.markdown-block p,
313 div.markdown-block blockquote,
313 div.markdown-block blockquote,
314 div.markdown-block dl,
314 div.markdown-block dl,
315 div.markdown-block li,
315 div.markdown-block li,
316 div.markdown-block table {
316 div.markdown-block table {
317 margin: 3px 0 13px 0 !important;
317 margin: 3px 0 13px 0 !important;
318 color: #424242 !important;
318 color: #424242 !important;
319 font-size: 13px !important;
319 font-size: 13px !important;
320 font-family: ${text_regular|n};
320 font-family: ${text_regular|n};
321 font-weight: normal !important;
321 font-weight: normal !important;
322 overflow: visible !important;
322 overflow: visible !important;
323 line-height: 140% !important
323 line-height: 140% !important
324 }
324 }
325
325
326 div.markdown-block pre {
326 div.markdown-block pre {
327 margin: 3px 0 13px 0 !important;
327 margin: 3px 0 13px 0 !important;
328 padding: .5em;
328 padding: .5em;
329 color: #424242 !important;
329 color: #424242 !important;
330 font-size: 13px !important;
330 font-size: 13px !important;
331 overflow: visible !important;
331 overflow: visible !important;
332 line-height: 140% !important;
332 line-height: 140% !important;
333 background-color: #F5F5F5
333 background-color: #F5F5F5
334 }
334 }
335
335
336 div.markdown-block img {
336 div.markdown-block img {
337 border-style: none;
337 border-style: none;
338 background-color: #fff;
338 background-color: #fff;
339 max-width: 100%
339 max-width: 100%
340 }
340 }
341
341
342 div.markdown-block strong {
342 div.markdown-block strong {
343 font-weight: 600;
343 font-weight: 600;
344 margin: 0
344 margin: 0
345 }
345 }
346
346
347 div.markdown-block ul.checkbox, div.markdown-block ol.checkbox {
347 div.markdown-block ul.checkbox, div.markdown-block ol.checkbox {
348 padding-left: 20px !important;
348 padding-left: 20px !important;
349 margin-top: 0 !important;
349 margin-top: 0 !important;
350 margin-bottom: 18px !important
350 margin-bottom: 18px !important
351 }
351 }
352
352
353 div.markdown-block ul, div.markdown-block ol {
353 div.markdown-block ul, div.markdown-block ol {
354 padding-left: 30px !important;
354 padding-left: 30px !important;
355 margin-top: 0 !important;
355 margin-top: 0 !important;
356 margin-bottom: 18px !important
356 margin-bottom: 18px !important
357 }
357 }
358
358
359 div.markdown-block ul.checkbox li, div.markdown-block ol.checkbox li {
359 div.markdown-block ul.checkbox li, div.markdown-block ol.checkbox li {
360 list-style: none !important;
360 list-style: none !important;
361 margin: 0px !important;
361 margin: 0px !important;
362 padding: 0 !important
362 padding: 0 !important
363 }
363 }
364
364
365 div.markdown-block ul li, div.markdown-block ol li {
365 div.markdown-block ul li, div.markdown-block ol li {
366 list-style: disc !important;
366 list-style: disc !important;
367 margin: 0px !important;
367 margin: 0px !important;
368 padding: 0 !important
368 padding: 0 !important
369 }
369 }
370
370
371 div.markdown-block ol li {
371 div.markdown-block ol li {
372 list-style: decimal !important
372 list-style: decimal !important
373 }
373 }
374
374
375 div.markdown-block #message {
375 div.markdown-block #message {
376 -webkit-border-radius: 2px;
376 -webkit-border-radius: 2px;
377 -moz-border-radius: 2px;
377 -moz-border-radius: 2px;
378 border-radius: 2px;
378 border-radius: 2px;
379 border: 1px solid #dbd9da;
379 border: 1px solid #dbd9da;
380 display: block;
380 display: block;
381 width: 100%;
381 width: 100%;
382 height: 60px;
382 height: 60px;
383 margin: 6px 0
383 margin: 6px 0
384 }
384 }
385
385
386 div.markdown-block button, div.markdown-block #ws {
386 div.markdown-block button, div.markdown-block #ws {
387 font-size: 13px;
387 font-size: 13px;
388 padding: 4px 6px;
388 padding: 4px 6px;
389 -webkit-border-radius: 2px;
389 -webkit-border-radius: 2px;
390 -moz-border-radius: 2px;
390 -moz-border-radius: 2px;
391 border-radius: 2px;
391 border-radius: 2px;
392 border: 1px solid #dbd9da;
392 border: 1px solid #dbd9da;
393 background-color: #eeeeee
393 background-color: #eeeeee
394 }
394 }
395
395
396 div.markdown-block p {
396 div.markdown-block p {
397 margin-top: 0;
397 margin-top: 0;
398 margin-bottom: 16px;
398 margin-bottom: 16px;
399 padding: 0;
399 padding: 0;
400 line-height: unset;
400 line-height: unset;
401 }
401 }
402
402
403 div.markdown-block code,
403 div.markdown-block code,
404 div.markdown-block pre,
404 div.markdown-block pre,
405 div.markdown-block #ws,
405 div.markdown-block #ws,
406 div.markdown-block #message {
406 div.markdown-block #message {
407 font-family: ${text_monospace|n};
407 font-family: ${text_monospace|n};
408 font-size: 11px;
408 font-size: 11px;
409 -webkit-border-radius: 2px;
409 -webkit-border-radius: 2px;
410 -moz-border-radius: 2px;
410 -moz-border-radius: 2px;
411 border-radius: 2px;
411 border-radius: 2px;
412 color: #7E7F7F
413 }
414
415 div.markdown-block code,
416 div.markdown-block pre {
417 background-color: transparent;
418 }
419
420 div.markdown-block #ws,
421 div.markdown-block #message {
412 background-color: #FFFFFF;
422 background-color: #FFFFFF;
413 color: #7E7F7F
414 }
423 }
415
424
416 div.markdown-block code {
425 div.markdown-block code {
417 border: 1px solid #7E7F7F;
426 border: 1px solid #7E7F7F;
418 margin: 0 2px;
427 margin: 0 2px;
419 padding: 0 5px
428 padding: 0 5px
420 }
429 }
421
430
422 div.markdown-block pre {
431 div.markdown-block pre {
423 border: 1px solid #7E7F7F;
432 border: 1px solid #7E7F7F;
424 overflow: auto;
433 overflow: auto;
425 padding: .5em;
434 padding: .5em;
426 background-color: #FFFFFF;
435 background-color: #FFFFFF;
427 }
436 }
428
437
429 div.markdown-block pre > code {
438 div.markdown-block pre > code {
430 border: 0;
439 border: 0;
431 margin: 0;
440 margin: 0;
432 padding: 0
441 padding: 0
433 }
442 }
434
443
435 div.rst-block {
444 div.rst-block {
436 clear: both;
445 clear: both;
437 overflow: hidden;
446 overflow: hidden;
438 margin: 0;
447 margin: 0;
439 padding: 3px 5px 3px
448 padding: 3px 5px 3px
440 }
449 }
441
450
442 div.rst-block h2 {
451 div.rst-block h2 {
443 font-weight: normal
452 font-weight: normal
444 }
453 }
445
454
446 div.rst-block h1,
455 div.rst-block h1,
447 div.rst-block h2,
456 div.rst-block h2,
448 div.rst-block h3,
457 div.rst-block h3,
449 div.rst-block h4,
458 div.rst-block h4,
450 div.rst-block h5,
459 div.rst-block h5,
451 div.rst-block h6 {
460 div.rst-block h6 {
452 border-bottom: 0 !important;
461 border-bottom: 0 !important;
453 margin: 0 !important;
462 margin: 0 !important;
454 padding: 0 !important;
463 padding: 0 !important;
455 line-height: 1.5em !important
464 line-height: 1.5em !important
456 }
465 }
457
466
458 div.rst-block h1:first-child {
467 div.rst-block h1:first-child {
459 padding-top: .25em !important
468 padding-top: .25em !important
460 }
469 }
461
470
462 div.rst-block h2, div.rst-block h3 {
471 div.rst-block h2, div.rst-block h3 {
463 margin: 1em 0 !important
472 margin: 1em 0 !important
464 }
473 }
465
474
466 div.rst-block h1, div.rst-block h2 {
475 div.rst-block h1, div.rst-block h2 {
467 border-bottom: 1px #e6e5e5 solid !important
476 border-bottom: 1px #e6e5e5 solid !important
468 }
477 }
469
478
470 div.rst-block h2 {
479 div.rst-block h2 {
471 margin-top: 1.5em !important;
480 margin-top: 1.5em !important;
472 padding-top: .5em !important
481 padding-top: .5em !important
473 }
482 }
474
483
475 div.rst-block p {
484 div.rst-block p {
476 color: black !important;
485 color: black !important;
477 margin: 1em 0 !important;
486 margin: 1em 0 !important;
478 line-height: 1.5em !important
487 line-height: 1.5em !important
479 }
488 }
480
489
481 div.rst-block ul {
490 div.rst-block ul {
482 list-style: disc !important;
491 list-style: disc !important;
483 margin: 1em 0 1em 2em !important;
492 margin: 1em 0 1em 2em !important;
484 clear: both
493 clear: both
485 }
494 }
486
495
487 div.rst-block ol {
496 div.rst-block ol {
488 list-style: decimal;
497 list-style: decimal;
489 margin: 1em 0 1em 2em !important
498 margin: 1em 0 1em 2em !important
490 }
499 }
491
500
492 div.rst-block pre, div.rst-block code {
501 div.rst-block pre, div.rst-block code {
493 font: 12px "Bitstream Vera Sans Mono", "Courier", monospace
502 font: 12px "Bitstream Vera Sans Mono", "Courier", monospace
494 }
503 }
495
504
496 div.rst-block code {
505 div.rst-block code {
497 font-size: 12px !important;
506 font-size: 12px !important;
498 background-color: ghostWhite !important;
507 background-color: ghostWhite !important;
499 color: #444 !important;
508 color: #444 !important;
500 padding: 0 .2em !important;
509 padding: 0 .2em !important;
501 border: 1px solid #7E7F7F !important
510 border: 1px solid #7E7F7F !important
502 }
511 }
503
512
504 div.rst-block pre code {
513 div.rst-block pre code {
505 padding: 0 !important;
514 padding: 0 !important;
506 font-size: 12px !important;
515 font-size: 12px !important;
507 background-color: #eee !important;
516 background-color: #eee !important;
508 border: none !important
517 border: none !important
509 }
518 }
510
519
511 div.rst-block pre {
520 div.rst-block pre {
512 margin: 1em 0;
521 margin: 1em 0;
513 padding: 15px;
522 padding: 15px;
514 border: 1px solid #7E7F7F;
523 border: 1px solid #7E7F7F;
515 -webkit-border-radius: 2px;
524 -webkit-border-radius: 2px;
516 -moz-border-radius: 2px;
525 -moz-border-radius: 2px;
517 border-radius: 2px;
526 border-radius: 2px;
518 overflow: auto;
527 overflow: auto;
519 font-size: 12px;
528 font-size: 12px;
520 color: #444;
529 color: #444;
521 background-color: #FFFFFF;
530 background-color: #FFFFFF;
522 }
531 }
523
532
524 .clear-both {
533 .clear-both {
525 clear:both;
534 clear:both;
526 }
535 }
527
536
528 /*elasticmatch is custom rhodecode tag*/
537 /*elasticmatch is custom rhodecode tag*/
529 .codehilite .c-ElasticMatch {
538 .codehilite .c-ElasticMatch {
530 background-color: #faffa6;
539 background-color: #faffa6;
531 padding: 0.2em;
540 padding: 0.2em;
532 }
541 }
533
542
534 .codehilite .c-ElasticMatch { background-color: #faffa6; padding: 0.2em;}
543 .codehilite .c-ElasticMatch { background-color: #faffa6; padding: 0.2em;}
535 .codehilite .hll { background-color: #ffffcc }
544 .codehilite .hll { background-color: #ffffcc }
536 .codehilite .c { color: #408080; font-style: italic } /* Comment */
545 .codehilite .c { color: #408080; font-style: italic } /* Comment */
537 .codehilite .err { border: none } /* Error */
546 .codehilite .err { border: none } /* Error */
538 .codehilite .k { color: #008000; font-weight: bold } /* Keyword */
547 .codehilite .k { color: #008000; font-weight: bold } /* Keyword */
539 .codehilite .o { color: #666666 } /* Operator */
548 .codehilite .o { color: #666666 } /* Operator */
540 .codehilite .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
549 .codehilite .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
541 .codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
550 .codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
542 .codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
551 .codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
543 .codehilite .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
552 .codehilite .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
544 .codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
553 .codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
545 .codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
554 .codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
546 .codehilite .gd { color: #A00000 } /* Generic.Deleted */
555 .codehilite .gd { color: #A00000 } /* Generic.Deleted */
547 .codehilite .ge { font-style: italic } /* Generic.Emph */
556 .codehilite .ge { font-style: italic } /* Generic.Emph */
548 .codehilite .gr { color: #FF0000 } /* Generic.Error */
557 .codehilite .gr { color: #FF0000 } /* Generic.Error */
549 .codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
558 .codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
550 .codehilite .gi { color: #00A000 } /* Generic.Inserted */
559 .codehilite .gi { color: #00A000 } /* Generic.Inserted */
551 .codehilite .go { color: #888888 } /* Generic.Output */
560 .codehilite .go { color: #888888 } /* Generic.Output */
552 .codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
561 .codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
553 .codehilite .gs { font-weight: bold } /* Generic.Strong */
562 .codehilite .gs { font-weight: bold } /* Generic.Strong */
554 .codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
563 .codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
555 .codehilite .gt { color: #0044DD } /* Generic.Traceback */
564 .codehilite .gt { color: #0044DD } /* Generic.Traceback */
556 .codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
565 .codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
557 .codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
566 .codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
558 .codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
567 .codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
559 .codehilite .kp { color: #008000 } /* Keyword.Pseudo */
568 .codehilite .kp { color: #008000 } /* Keyword.Pseudo */
560 .codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
569 .codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
561 .codehilite .kt { color: #B00040 } /* Keyword.Type */
570 .codehilite .kt { color: #B00040 } /* Keyword.Type */
562 .codehilite .m { color: #666666 } /* Literal.Number */
571 .codehilite .m { color: #666666 } /* Literal.Number */
563 .codehilite .s { color: #BA2121 } /* Literal.String */
572 .codehilite .s { color: #BA2121 } /* Literal.String */
564 .codehilite .na { color: #7D9029 } /* Name.Attribute */
573 .codehilite .na { color: #7D9029 } /* Name.Attribute */
565 .codehilite .nb { color: #008000 } /* Name.Builtin */
574 .codehilite .nb { color: #008000 } /* Name.Builtin */
566 .codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
575 .codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
567 .codehilite .no { color: #880000 } /* Name.Constant */
576 .codehilite .no { color: #880000 } /* Name.Constant */
568 .codehilite .nd { color: #AA22FF } /* Name.Decorator */
577 .codehilite .nd { color: #AA22FF } /* Name.Decorator */
569 .codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
578 .codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
570 .codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
579 .codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
571 .codehilite .nf { color: #0000FF } /* Name.Function */
580 .codehilite .nf { color: #0000FF } /* Name.Function */
572 .codehilite .nl { color: #A0A000 } /* Name.Label */
581 .codehilite .nl { color: #A0A000 } /* Name.Label */
573 .codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
582 .codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
574 .codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
583 .codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
575 .codehilite .nv { color: #19177C } /* Name.Variable */
584 .codehilite .nv { color: #19177C } /* Name.Variable */
576 .codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
585 .codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
577 .codehilite .w { color: #bbbbbb } /* Text.Whitespace */
586 .codehilite .w { color: #bbbbbb } /* Text.Whitespace */
578 .codehilite .mb { color: #666666 } /* Literal.Number.Bin */
587 .codehilite .mb { color: #666666 } /* Literal.Number.Bin */
579 .codehilite .mf { color: #666666 } /* Literal.Number.Float */
588 .codehilite .mf { color: #666666 } /* Literal.Number.Float */
580 .codehilite .mh { color: #666666 } /* Literal.Number.Hex */
589 .codehilite .mh { color: #666666 } /* Literal.Number.Hex */
581 .codehilite .mi { color: #666666 } /* Literal.Number.Integer */
590 .codehilite .mi { color: #666666 } /* Literal.Number.Integer */
582 .codehilite .mo { color: #666666 } /* Literal.Number.Oct */
591 .codehilite .mo { color: #666666 } /* Literal.Number.Oct */
583 .codehilite .sa { color: #BA2121 } /* Literal.String.Affix */
592 .codehilite .sa { color: #BA2121 } /* Literal.String.Affix */
584 .codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
593 .codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
585 .codehilite .sc { color: #BA2121 } /* Literal.String.Char */
594 .codehilite .sc { color: #BA2121 } /* Literal.String.Char */
586 .codehilite .dl { color: #BA2121 } /* Literal.String.Delimiter */
595 .codehilite .dl { color: #BA2121 } /* Literal.String.Delimiter */
587 .codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
596 .codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
588 .codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
597 .codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
589 .codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
598 .codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
590 .codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
599 .codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
591 .codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
600 .codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
592 .codehilite .sx { color: #008000 } /* Literal.String.Other */
601 .codehilite .sx { color: #008000 } /* Literal.String.Other */
593 .codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
602 .codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
594 .codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
603 .codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
595 .codehilite .ss { color: #19177C } /* Literal.String.Symbol */
604 .codehilite .ss { color: #19177C } /* Literal.String.Symbol */
596 .codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
605 .codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
597 .codehilite .fm { color: #0000FF } /* Name.Function.Magic */
606 .codehilite .fm { color: #0000FF } /* Name.Function.Magic */
598 .codehilite .vc { color: #19177C } /* Name.Variable.Class */
607 .codehilite .vc { color: #19177C } /* Name.Variable.Class */
599 .codehilite .vg { color: #19177C } /* Name.Variable.Global */
608 .codehilite .vg { color: #19177C } /* Name.Variable.Global */
600 .codehilite .vi { color: #19177C } /* Name.Variable.Instance */
609 .codehilite .vi { color: #19177C } /* Name.Variable.Instance */
601 .codehilite .vm { color: #19177C } /* Name.Variable.Magic */
610 .codehilite .vm { color: #19177C } /* Name.Variable.Magic */
602 .codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */
611 .codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */
603
612
604 </style>
613 </style>
605
614
606 </head>
615 </head>
607 <body>
616 <body>
608
617
609 <div>
618 <div>
610 <!-- Wrapper/Container Table: Use a wrapper table to control the width and the background color consistently of your email. Use this approach instead of setting attributes on the body tag. -->
619 <!-- Wrapper/Container Table: Use a wrapper table to control the width and the background color consistently of your email. Use this approach instead of setting attributes on the body tag. -->
611 <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable" align="left" style="margin:1%;width:97%;padding:0;font-family:${text_regular|n};font-weight:100;border:1px solid #dbd9da">
620 <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable" align="left" style="margin:1%;width:97%;padding:0;font-family:${text_regular|n};font-weight:100;border:1px solid #dbd9da">
612 <tr>
621 <tr>
613 <td valign="top" style="padding:0;">
622 <td valign="top" style="padding:0;">
614 <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%">
623 <table cellpadding="0" cellspacing="0" border="0" align="left" width="100%">
615 <tr>
624 <tr>
616 <td style="width:100%;padding:10px 15px;background-color:#202020" valign="top">
625 <td style="width:100%;padding:10px 15px;background-color:#202020" valign="top">
617 <a style="color:#eeeeee;text-decoration:none;" href="${instance_url}">
626 <a style="color:#eeeeee;text-decoration:none;" href="${instance_url}">
618 ${_('RhodeCode')}
627 ${_('RhodeCode')}
619 % if rhodecode_instance_name:
628 % if rhodecode_instance_name:
620 - ${rhodecode_instance_name}
629 - ${rhodecode_instance_name}
621 % endif
630 % endif
622 </a>
631 </a>
623 </td>
632 </td>
624 </tr>
633 </tr>
625 <tr style="background-color: #fff">
634 <tr style="background-color: #fff">
626 <td style="padding:15px;" valign="top">${self.body()}</td>
635 <td style="padding:15px;" valign="top">${self.body()}</td>
627 </tr>
636 </tr>
628 </table>
637 </table>
629 </td>
638 </td>
630 </tr>
639 </tr>
631 </table>
640 </table>
632 <!-- End of wrapper table -->
641 <!-- End of wrapper table -->
633 </div>
642 </div>
634
643
635 <div style="width:100%; clear: both; height: 1px">&nbsp;</div>
644 <div style="width:100%; clear: both; height: 1px">&nbsp;</div>
636
645
637 <div style="margin-left:1%;font-weight:100;font-size:11px;color:#666666;text-decoration:none;font-family:${text_monospace};">
646 <div style="margin-left:1%;font-weight:100;font-size:11px;color:#666666;text-decoration:none;font-family:${text_monospace};">
638 ${_('This is a notification from RhodeCode.')}
647 ${_('This is a notification from RhodeCode.')}
639 <a style="font-weight:100;font-size:11px;color:#666666;text-decoration:none;font-family:${text_monospace};" href="${instance_url}">
648 <a style="font-weight:100;font-size:11px;color:#666666;text-decoration:none;font-family:${text_monospace};" href="${instance_url}">
640 ${instance_url}
649 ${instance_url}
641 </a>
650 </a>
642 </div>
651 </div>
643 </body>
652 </body>
644 </html>
653 </html>
General Comments 0
You need to be logged in to leave comments. Login now