conversio 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,296 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE html
3
+ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
4
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
6
+ <head>
7
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
8
+ <style type="text/css">
9
+
10
+ /* RESET ALL ELEMENTS */
11
+ html, body, div, span, applet, object, iframe,
12
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
13
+ a, abbr, acronym, address, big, cite, code,
14
+ del, dfn, em, font, img, ins, kbd, q, s, samp,
15
+ small, strike, strong, sub, sup, tt, var,
16
+ b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
17
+ form, label, legend, table, caption, tbody, tfoot,
18
+ thead, tr, th, td {
19
+ margin: 0;
20
+ padding: 0;
21
+ border: 0;
22
+ outline: 0;
23
+ font-size: 100%;
24
+ vertical-align: baseline;
25
+ background: transparent;
26
+ }
27
+
28
+ body {
29
+ color: #F5FFFA;
30
+ background-color: black;
31
+ line-height: 1.2em;
32
+ max-width: 600px;
33
+ margin-right: auto;
34
+ margin-left: auto;
35
+ overflow: visible;
36
+ }
37
+
38
+ /* center the content in the middle of the browser */
39
+ #display {
40
+ height: 100%;
41
+ padding: 0;
42
+ font-family: Georgia, FreeSans, Arial, Helvetica, sans-serif;
43
+ font-size: 1em;
44
+ margin-bottom: 2em;
45
+ }
46
+
47
+ /* GENERAL DEFAULTS */
48
+
49
+ table {
50
+ border-collapse: collapse;
51
+ border-spacing: 0;
52
+ empty-cells: show;
53
+ text-align: center;
54
+ font-size: 1em;
55
+ font-weight: normal;
56
+ margin-right: auto;
57
+ margin-left: auto;
58
+ margin-top: 1em;
59
+ }
60
+ td {
61
+ padding-top: 0.15em;
62
+ padding-bottom: 0.15em;
63
+ padding-left: 0.25em;
64
+ padding-right: 0.25em;
65
+ border-bottom: 0.1em solid lightgray;
66
+ border-collapse: collapse;
67
+ }
68
+ th {
69
+ padding-top: 0.15em;
70
+ padding-bottom: 0.15em;
71
+ padding-left: 0.5em;
72
+ padding-right: 0.5em;
73
+ text-align: center;
74
+ font-weight: bold;
75
+ border-bottom: 0.3em double lightgray;
76
+ }
77
+
78
+
79
+ ol, ul { list-style: none; }
80
+
81
+ /* CONTENT AREA */
82
+
83
+ #content p, h1, h2, h3, h4, h5, h6, pre {
84
+ padding-left: 8px;
85
+ padding-right: 8px;
86
+ }
87
+ #content p {
88
+ padding-top: 0.4em;
89
+ padding-bottom: 0.4em;
90
+ }
91
+ #content h1 {
92
+ font-size: 2.4em;
93
+ padding-top: 1em;
94
+ padding-bottom: 0.4em;
95
+ line-height: 1.2em;
96
+ }
97
+ #content h2 {
98
+ font-size: 2em;
99
+ line-height: 1.2em;
100
+ padding-top: 0.6em;
101
+ padding-bottom: 0.4em;
102
+ }
103
+ #content h3 {
104
+ font-size: 1.8em;
105
+ padding-top: 0.4em;
106
+ padding-bottom: 0.2em;
107
+ }
108
+ #content h4 {
109
+ font-size: 1.5em;
110
+ padding-top: 0.4em;
111
+ padding-bottom: 0.2em;
112
+ text-decoration: underline;
113
+ }
114
+ #content h5 {
115
+ font-size: 1.1em;
116
+ padding-top: 0.4em;
117
+ padding-bottom: 0.2em;
118
+ }
119
+ #content ul {
120
+ list-style-type: circle;
121
+ list-style-image: none;
122
+ list-style-position: outside;
123
+ margin-left: 2em;
124
+ margin-right: 2em;
125
+ }
126
+ #content ol {
127
+ list-style-type: decimal;
128
+ list-style-image: none;
129
+ list-style-position: outside;
130
+ margin-left: 3em;
131
+ margin-right: 2em;
132
+ }
133
+ #content img {
134
+ display: block;
135
+ margin-left: auto;
136
+ margin-right: auto;
137
+ height: auto;
138
+ width: auto;
139
+ display: inline;
140
+ max-width: 35em;
141
+ }
142
+ #content code {
143
+ font-family: "Courier New", monospace;
144
+ font-weight: normal;
145
+ color: #FFDAB9;
146
+ background: #800000;
147
+ font-size: 0.8em;
148
+ }
149
+ #content pre {
150
+ line-height: normal;
151
+ padding: 0.2em 0.4em 0.2em 0.4em;
152
+ overflow: hidden;
153
+ border: 1px solid #333300;
154
+ margin: 0.4em;
155
+ overflow: auto;
156
+ }
157
+ #content pre code {
158
+ font-family: Courier, Verdana, Monaco;
159
+ margin: 0;
160
+ padding: 0;
161
+ color: white;
162
+ background-color: black;
163
+ font-size: 1em;
164
+ }
165
+ #content a {
166
+ color: #9966CC;
167
+ text-decoration: none;
168
+ }
169
+ #content a:visited {
170
+ color: #9966CC;
171
+ }
172
+ #content a:hover {
173
+ color: #D8BFD8;
174
+ text-decoration: underline;
175
+ }
176
+ #content a:target {
177
+ color: blue;
178
+ }
179
+ #content blockquote {
180
+ padding-left: 1em;
181
+ padding-right: 4em;
182
+ font-style: italic;
183
+ }
184
+ #content sup {
185
+ font-size: 0.6em;
186
+ vertical-align: top;
187
+ }
188
+ #content sub {
189
+ font-size: 0.6em;
190
+ vertical-align: bottom;
191
+ }
192
+
193
+ /* table of content */
194
+ .toc {
195
+ margin-bottom: 1em;
196
+ background-color: #000033;
197
+ color: #9932CC;
198
+ padding: 0.5em;
199
+ }
200
+ .toc ul {
201
+ list-style-type: none;
202
+ padding-left: 1em;
203
+ }
204
+ .toc li {
205
+ padding: 0;
206
+ margin: 0;
207
+ }
208
+
209
+ #content .toc a {
210
+ color: #9932CC;
211
+ text-decoration: none;
212
+ }
213
+
214
+ /* syntax high-lighting for Pygments*/
215
+ .hll { background-color: #404040 }
216
+ .c { color: #999999; font-style: italic } /* Comment */
217
+ .err { color: #a61717; background-color: #e3d2d2 } /* Error */
218
+ .g { color: #d0d0d0 } /* Generic */
219
+ .k { color: #6ab825; font-weight: bold } /* Keyword */
220
+ .l { color: #d0d0d0 } /* Literal */
221
+ .n { color: #d0d0d0 } /* Name */
222
+ .o { color: #d0d0d0 } /* Operator */
223
+ .x { color: #d0d0d0 } /* Other */
224
+ .p { color: #d0d0d0 } /* Punctuation */
225
+ .cm { color: #999999; font-style: italic } /* Comment.Multiline */
226
+ .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
227
+ .c1 { color: #999999; font-style: italic } /* Comment.Single */
228
+ .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
229
+ .gd { color: #d22323 } /* Generic.Deleted */
230
+ .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
231
+ .gr { color: #d22323 } /* Generic.Error */
232
+ .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
233
+ .gi { color: #589819 } /* Generic.Inserted */
234
+ .go { color: #cccccc } /* Generic.Output */
235
+ .gp { color: #aaaaaa } /* Generic.Prompt */
236
+ .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
237
+ .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
238
+ .gt { color: #d22323 } /* Generic.Traceback */
239
+ .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
240
+ .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
241
+ .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */
242
+ .kp { color: #6ab825 } /* Keyword.Pseudo */
243
+ .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
244
+ .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
245
+ .ld { color: #d0d0d0 } /* Literal.Date */
246
+ .m { color: #3677a9 } /* Literal.Number */
247
+ .s { color: #ed9d13 } /* Literal.String */
248
+ .na { color: #bbbbbb } /* Name.Attribute */
249
+ .nb { color: #24909d } /* Name.Builtin */
250
+ .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
251
+ .no { color: #40ffff } /* Name.Constant */
252
+ .nd { color: #ffa500 } /* Name.Decorator */
253
+ .ni { color: #d0d0d0 } /* Name.Entity */
254
+ .ne { color: #bbbbbb } /* Name.Exception */
255
+ .nf { color: #447fcf } /* Name.Function */
256
+ .nl { color: #d0d0d0 } /* Name.Label */
257
+ .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
258
+ .nx { color: #d0d0d0 } /* Name.Other */
259
+ .py { color: #d0d0d0 } /* Name.Property */
260
+ .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
261
+ .nv { color: #40ffff } /* Name.Variable */
262
+ .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
263
+ .w { color: #666666 } /* Text.Whitespace */
264
+ .mf { color: #3677a9 } /* Literal.Number.Float */
265
+ .mh { color: #3677a9 } /* Literal.Number.Hex */
266
+ .mi { color: #3677a9 } /* Literal.Number.Integer */
267
+ .mo { color: #3677a9 } /* Literal.Number.Oct */
268
+ .sb { color: #ed9d13 } /* Literal.String.Backtick */
269
+ .sc { color: #ed9d13 } /* Literal.String.Char */
270
+ .sd { color: #ed9d13 } /* Literal.String.Doc */
271
+ .s2 { color: #ed9d13 } /* Literal.String.Double */
272
+ .se { color: #ed9d13 } /* Literal.String.Escape */
273
+ .sh { color: #ed9d13 } /* Literal.String.Heredoc */
274
+ .si { color: #ed9d13 } /* Literal.String.Interpol */
275
+ .sx { color: #ffa500 } /* Literal.String.Other */
276
+ .sr { color: #ed9d13 } /* Literal.String.Regex */
277
+ .s1 { color: #ed9d13 } /* Literal.String.Single */
278
+ .ss { color: #ed9d13 } /* Literal.String.Symbol */
279
+ .bp { color: #24909d } /* Name.Builtin.Pseudo */
280
+ .vc { color: #40ffff } /* Name.Variable.Class */
281
+ .vg { color: #40ffff } /* Name.Variable.Global */
282
+ .vi { color: #40ffff } /* Name.Variable.Instance */
283
+ .il { color: #3677a9 } /* Literal.Number.Integer.Long */
284
+
285
+
286
+ </style>
287
+ </head>
288
+ <body>
289
+ <div id="display">
290
+ <div id="content">
291
+ <%= @content %>
292
+ </div>
293
+ </div>
294
+ </body>
295
+ </html>
296
+
@@ -0,0 +1,295 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <!DOCTYPE html
3
+ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
4
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
5
+ <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
6
+ <head>
7
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
8
+ <style type="text/css">
9
+
10
+ /* RESET ALL ELEMENTS */
11
+ html, body, div, span, applet, object, iframe,
12
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
13
+ a, abbr, acronym, address, big, cite, code,
14
+ del, dfn, em, font, img, ins, kbd, q, s, samp,
15
+ small, strike, strong, sub, sup, tt, var,
16
+ b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
17
+ form, label, legend, table, caption, tbody, tfoot,
18
+ thead, tr, th, td {
19
+ margin: 0;
20
+ padding: 0;
21
+ border: 0;
22
+ outline: 0;
23
+ font-size: 100%;
24
+ vertical-align: baseline;
25
+ background: transparent;
26
+ }
27
+
28
+ body {
29
+ color: black;
30
+ background-color: white;
31
+ line-height: 1.2em;
32
+ max-width: 600px;
33
+ margin-right: auto;
34
+ margin-left: auto;
35
+ overflow: visible;
36
+ }
37
+
38
+ /* center the content in the middle of the browser */
39
+ #display {
40
+ height: 100%;
41
+ padding: 0;
42
+ font-family: Georgia, FreeSans, Arial, Helvetica, sans-serif;
43
+ font-size: 1em;
44
+ margin-bottom: 2em;
45
+ }
46
+
47
+ /* GENERAL DEFAULTS */
48
+
49
+ table {
50
+ border-collapse: collapse;
51
+ border-spacing: 0;
52
+ empty-cells: show;
53
+ text-align: center;
54
+ font-size: 1em;
55
+ font-weight: normal;
56
+ margin-right: auto;
57
+ margin-left: auto;
58
+ margin-top: 1em;
59
+ }
60
+ td {
61
+ padding-top: 0.15em;
62
+ padding-bottom: 0.15em;
63
+ padding-left: 0.25em;
64
+ padding-right: 0.25em;
65
+ border-bottom: 0.1em solid lightgray;
66
+ border-collapse: collapse;
67
+ }
68
+ th {
69
+ padding-top: 0.15em;
70
+ padding-bottom: 0.15em;
71
+ padding-left: 0.5em;
72
+ padding-right: 0.5em;
73
+ text-align: center;
74
+ font-weight: bold;
75
+ border-bottom: 0.3em double lightgray;
76
+ }
77
+
78
+
79
+ ol, ul { list-style: none; }
80
+
81
+ /* CONTENT AREA */
82
+
83
+ #content p, h1, h2, h3, h4, h5, h6, pre {
84
+ padding-left: 8px;
85
+ padding-right: 8px;
86
+ }
87
+ #content p {
88
+ padding-top: 0.4em;
89
+ padding-bottom: 0.4em;
90
+ }
91
+ #content h1 {
92
+ font-size: 2.4em;
93
+ padding-top: 0.4em;
94
+ padding-bottom: 0.4em;
95
+ line-height: 1.2em;
96
+ color: blue;
97
+ page-break-before: always;
98
+ }
99
+ #content h2 {
100
+ font-size: 2em;
101
+ line-height: 1.2em;
102
+ padding-top: 0.4em;
103
+ padding-bottom: 0.4em;
104
+ color: #6495ED;
105
+ }
106
+ #content h3 {
107
+ font-size: 1.8em;
108
+ padding-top: 0.4em;
109
+ padding-bottom: 0.2em;
110
+ color: #6495ED;
111
+ }
112
+ #content h4 {
113
+ font-size: 1.5em;
114
+ padding-top: 0.4em;
115
+ padding-bottom: 0.2em;
116
+ text-decoration: underline;
117
+ }
118
+ #content h5 {
119
+ font-size: 1.1em;
120
+ padding-top: 0.4em;
121
+ padding-bottom: 0.2em;
122
+ }
123
+ #content ul {
124
+ list-style-type: circle;
125
+ list-style-image: none;
126
+ list-style-position: outside;
127
+ margin-left: 2em;
128
+ margin-right: 2em;
129
+ }
130
+ #content ol {
131
+ list-style-type: decimal;
132
+ list-style-image: none;
133
+ list-style-position: outside;
134
+ margin-left: 3em;
135
+ margin-right: 2em;
136
+ }
137
+ #content img {
138
+ display: block;
139
+ margin-left: auto;
140
+ margin-right: auto;
141
+ height: auto;
142
+ width: auto;
143
+ display: inline;
144
+ max-width: 35em;
145
+ }
146
+ #content code {
147
+ font-family: "Courier New", monospace;
148
+ font-weight: normal;
149
+ color: blue;
150
+ background: #F0F8FF;
151
+ font-size: 0.8em;
152
+ }
153
+ #content pre {
154
+ line-height: normal;
155
+ padding: 0.2em 0.4em 0.2em 0.4em;
156
+ overflow: hidden;
157
+ border: 1px solid whitesmoke;
158
+ margin: 0.4em;
159
+ overflow: auto;
160
+ }
161
+ #content pre code {
162
+ font-family: Courier, Verdana, Monaco;
163
+ margin: 0;
164
+ padding: 0;
165
+ color: black;
166
+ background-color: white;
167
+ font-size: 1em;
168
+ }
169
+ #content a {
170
+ color: blue;
171
+ text-decoration: none;
172
+ }
173
+ #content a:visited {
174
+ color: blue;
175
+ }
176
+ #content a:hover {
177
+ color: lightskyblue;
178
+ text-decoration: underline;
179
+ }
180
+ #content a:target {
181
+ color: blue;
182
+ }
183
+ #content blockquote {
184
+ padding-left: 1em;
185
+ padding-right: 4em;
186
+ font-style: italic;
187
+ }
188
+ #content sup {
189
+ font-size: 0.6em;
190
+ vertical-align: top;
191
+ }
192
+ #content sub {
193
+ font-size: 0.6em;
194
+ vertical-align: bottom;
195
+ }
196
+
197
+ /* table of content */
198
+ .toc {
199
+ margin-bottom: 1em;
200
+ background-color: #F8F8FF;
201
+ padding: 0.5em;
202
+ }
203
+ .toc ul {
204
+ list-style-type: none;
205
+ padding-left: 1em;
206
+ }
207
+ .toc li {
208
+ padding: 0;
209
+ margin: 0;
210
+ }
211
+
212
+ #content .toc a {
213
+ color: blue;
214
+ text-decoration: none;
215
+ }
216
+
217
+ /* syntax high-lighting for Pygments*/
218
+ .hll { background-color: #ffffcc }
219
+ .c { color: #606060; font-style: italic } /* Comment */
220
+ .err { color: #F00000; background-color: #F0A0A0 } /* Error */
221
+ .k { color: #208090; font-weight: bold } /* Keyword */
222
+ .o { color: #303030 } /* Operator */
223
+ .cm { color: #606060; font-style: italic } /* Comment.Multiline */
224
+ .cp { color: #507090 } /* Comment.Preproc */
225
+ .c1 { color: #606060; font-style: italic } /* Comment.Single */
226
+ .cs { color: #c00000; font-weight: bold; font-style: italic } /* Comment.Special */
227
+ .gd { color: #A00000 } /* Generic.Deleted */
228
+ .ge { font-style: italic } /* Generic.Emph */
229
+ .gr { color: #FF0000 } /* Generic.Error */
230
+ .gh { color: #000080; font-weight: bold } /* Generic.Heading */
231
+ .gi { color: #00A000 } /* Generic.Inserted */
232
+ .go { color: #808080 } /* Generic.Output */
233
+ .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
234
+ .gs { font-weight: bold } /* Generic.Strong */
235
+ .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
236
+ .gt { color: #0040D0 } /* Generic.Traceback */
237
+ .kc { color: #208090; font-weight: bold } /* Keyword.Constant */
238
+ .kd { color: #208090; font-weight: bold } /* Keyword.Declaration */
239
+ .kn { color: #208090; font-weight: bold } /* Keyword.Namespace */
240
+ .kp { color: #0080f0; font-weight: bold } /* Keyword.Pseudo */
241
+ .kr { color: #208090; font-weight: bold } /* Keyword.Reserved */
242
+ .kt { color: #6060f0; font-weight: bold } /* Keyword.Type */
243
+ .m { color: #6000E0; font-weight: bold } /* Literal.Number */
244
+ .s { background-color: #e0e0ff } /* Literal.String */
245
+ .na { color: #000070 } /* Name.Attribute */
246
+ .nb { color: #007020 } /* Name.Builtin */
247
+ .nc { color: #e090e0; font-weight: bold } /* Name.Class */
248
+ .no { color: #50e0d0; font-weight: bold } /* Name.Constant */
249
+ .nd { color: #505050; font-weight: bold } /* Name.Decorator */
250
+ .ni { color: #800000 } /* Name.Entity */
251
+ .ne { color: #F00000; font-weight: bold } /* Name.Exception */
252
+ .nf { color: #50e0d0; font-weight: bold } /* Name.Function */
253
+ .nl { color: #907000; font-weight: bold } /* Name.Label */
254
+ .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
255
+ .nt { color: #007000 } /* Name.Tag */
256
+ .nv { color: #003060 } /* Name.Variable */
257
+ .ow { color: #000000; font-weight: bold } /* Operator.Word */
258
+ .w { color: #bbbbbb } /* Text.Whitespace */
259
+ .mf { color: #6000E0; font-weight: bold } /* Literal.Number.Float */
260
+ .mh { color: #005080; font-weight: bold } /* Literal.Number.Hex */
261
+ .mi { color: #6060f0; font-weight: bold } /* Literal.Number.Integer */
262
+ .mo { color: #4000E0; font-weight: bold } /* Literal.Number.Oct */
263
+ .sb { background-color: #e0e0ff } /* Literal.String.Backtick */
264
+ .sc { color: #8080F0 } /* Literal.String.Char */
265
+ .sd { color: #D04020 } /* Literal.String.Doc */
266
+ .s2 { background-color: #e0e0ff } /* Literal.String.Double */
267
+ .se { color: #606060; font-weight: bold; background-color: #e0e0ff } /* Literal.String.Escape */
268
+ .sh { background-color: #e0e0ff } /* Literal.String.Heredoc */
269
+ .si { background-color: #e0e0e0 } /* Literal.String.Interpol */
270
+ .sx { color: #f08080; background-color: #e0e0ff } /* Literal.String.Other */
271
+ .sr { color: #000000; background-color: #e0e0ff } /* Literal.String.Regex */
272
+ .s1 { background-color: #e0e0ff } /* Literal.String.Single */
273
+ .ss { color: #f0c080 } /* Literal.String.Symbol */
274
+ .bp { color: #007020 } /* Name.Builtin.Pseudo */
275
+ .vc { color: #c0c0f0 } /* Name.Variable.Class */
276
+ .vg { color: #f08040 } /* Name.Variable.Global */
277
+ .vi { color: #a0a0f0 } /* Name.Variable.Instance */
278
+ .il { color: #6060f0; font-weight: bold } /* Literal.Number.Integer.Long */
279
+
280
+ @page {
281
+ size: A4 portrait;
282
+ }
283
+
284
+
285
+ </style>
286
+ </head>
287
+ <body>
288
+ <div id="display">
289
+ <div id="content">
290
+ <%= @content %>
291
+ </div>
292
+ </div>
293
+ </body>
294
+ </html>
295
+