aboutsummaryrefslogtreecommitdiffhomepage
path: root/inc/3rdparty/libraries/mpdf/examples/example50_new_mPDF_3_features.php
diff options
context:
space:
mode:
Diffstat (limited to 'inc/3rdparty/libraries/mpdf/examples/example50_new_mPDF_3_features.php')
-rw-r--r--inc/3rdparty/libraries/mpdf/examples/example50_new_mPDF_3_features.php1905
1 files changed, 0 insertions, 1905 deletions
diff --git a/inc/3rdparty/libraries/mpdf/examples/example50_new_mPDF_3_features.php b/inc/3rdparty/libraries/mpdf/examples/example50_new_mPDF_3_features.php
deleted file mode 100644
index 903d3497..00000000
--- a/inc/3rdparty/libraries/mpdf/examples/example50_new_mPDF_3_features.php
+++ /dev/null
@@ -1,1905 +0,0 @@
1<?php
2
3$html = '
4<style>
5.gradient {
6 border:0.1mm solid #220044;
7 background-color: #f0f2ff;
8 background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
9}
10.radialgradient {
11 border:0.1mm solid #220044;
12 background-color: #f0f2ff;
13 background-gradient: radial #00FFFF #FFFF00 0.5 0.5 0.5 0.5 0.65;
14 margin: auto;
15}
16.rounded {
17 border:0.1mm solid #220044;
18 background-color: #f0f2ff;
19 background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;
20 border-radius: 2mm;
21 background-clip: border-box;
22}
23h4 {
24 font-family: sans;
25 font-weight: bold;
26 margin-top: 1em;
27 margin-bottom: 0.5em;
28}
29div {
30 padding:1em;
31 margin-bottom: 1em;
32 text-align:justify;
33}
34.example pre {
35 background-color: #d5d5d5;
36 margin: 1em 1cm;
37 padding: 0 0.3cm;
38}
39
40pre { text-align:left }
41pre.code { font-family: monospace }
42
43table.html4colortable {margin:auto; width:80%; border:none }
44table.html4colortable TD {border:none; padding:0}
45td .colorsquare { display:block;width:16px;height:16px;border:2px solid black }
46
47table.x11colortable td {text-align:center; background: white; }
48table.x11colortable td.c { text-transform:uppercase }
49table.x11colortable td:first-child, table.x11colortable td:first-child+td { border:1px solid black }
50table.x11colortable th {text-align:center; background:black; color:white }
51
52table.tprofile th.title {background:gray; color:white}
53table.tprofile th { width:29%;padding:2px }
54table.tprofile td { width:71%;padding:2px }
55
56table.hslexample { background: #808080; padding:1em; margin:0; float:left; }
57table.hslexample td,table.hslexample th { font-size:smaller;width:3em }
58</style>
59<!-- TEST FLOAT -->
60<body style="background-gradient: linear #88FFFF #FFFF44 0 0.5 1 0.5;">
61<h2>mPDF Version 3.0</h2>
62<h1>New Features</h1>
63
64<div style="border:0.1mm solid #220044; padding:1em 2em; background-color:#ffffcc; ">
65<h4>Page background</h4>
66<div class="gradient">
67The background colour can now be set by CSS styles on the &lt;body&gt; tag. This will set the background for the whole page. In this document, the background has been set as a gradient (see below).
68</div>
69
70<h4>Background Gradients</h4>
71<div class="gradient">
72Background can be set as a linear or radial gradient between two colours. The background has been set on this &lt;div&gt; element to a linear gradient. CSS style used here is:<br />
73<span style="font-family: mono; font-size: 9pt;">background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;</span><br />
74The four numbers are coordinates in the form (x1, y1, x2, y2) which defines the gradient vector. x and y are values from 0 to 1, where 1 represents the height or width of the box as it is printed.
75<br />
76<br />
77Background gradients can be set on all block elements e.g. P, DIV, H1-H6, as well as on BODY.
78</div>
79<div class="radialgradient">
80The background has been set on this &lt;div&gt; element to a radial gradient. CSS style used here is:<br />
81<span style="font-family: mono; font-size: 9pt;">background-gradient: radial #00FFFF #FFFF00 0.5 0.5 0.5 0.5 0.65;</span><br />
82The five numbers are coordinates in the form (x1, y1, x2, y2, r) where (x1, y1) is the starting point of the gradient with color1,
83(x2, y2) is the center of the circle with color2, and r is the radius of the circle.
84(x1, y1) should be inside the circle, otherwise some areas will not be defined.
85<br />
86<br />
87Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec mattis lacus ac purus feugiat semper. Donec aliquet nunc odio, vitae pellentesque diam. Pellentesque sed velit lacus. Duis quis dui quis sem consectetur sollicitudin. Cras dolor quam, dapibus et pretium sit amet, elementum vel arcu. Duis rhoncus facilisis erat nec mattis. In hac habitasse platea dictumst. Vivamus hendrerit sem in justo aliquet a pellentesque lorem scelerisque. Suspendisse a augue sed urna rhoncus elementum. Aliquam erat volutpat.
88</div>
89
90<h4>Background Images</h4>
91<div style="border:0.1mm solid #880000; background: transparent url(bg.jpg) repeat fixed right top; background-color:#ccffff; ">
92The CSS properties background-image, background-position, and background-repeat are supported as defined in CSS2, as well as the shorthand form "background".
93<br />
94The background has been set on this &lt;div&gt; element to:<br />
95<span style="font-family: mono; font-size: 9pt;">background: transparent url(\'bg.jpg\') repeat fixed right top;</span><br />
96Background gradients can be set on all block elements e.g. P, DIV, H1-H6, as well as on BODY.
97</div>
98
99<h4>Rounded Borders</h4>
100<div class="rounded">
101Rounded corners to borders can be added using border-radius as defined in the draft spec. of <a href="http://www.w3.org/TR/2008/WD-css3-background-20080910/#layering">CSS3</a>. <br />
102
103The two length values of the border-*-radius properties define the radii of a quarter ellipse that defines the shape of the corner of the outer border edge.
104The first value is the horizontal radius. <br />
105<span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 55pt 25pt;</span> 55pt is radius of curve from top end of left border starting to go round to the top.<br />
106
107If the second length is omitted it is equal to the first (and the corner is thus a quarter circle). If either length is zero, the corner is square, not rounded.<br />
108
109The border-radius shorthand sets all four border-*-radius properties. If values are given before and after a slash, then the values before the slash set the horizontal radius and the values after the slash set the vertical radius. If there is no slash, then the values set both radii equally. The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left.
110</div>
111<div class="rounded">
112<span style="font-family: mono; font-size: 9pt;">border-radius: 4em;</span><br />
113
114would be equivalent to<br />
115
116<span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 4em;<br />
117border-top-right-radius: 4em;<br />
118border-bottom-right-radius: 4em;<br />
119border-bottom-left-radius: 4em;</span><br />
120<br />
121and<br />
122<span style="font-family: mono; font-size: 9pt;">border-radius: 2em 1em 4em / 0.5em 3em;</span><br />
123would be equivalent to<br />
124<span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 2em 0.5em;<br />
125border-top-right-radius: 1em 3em;<br />
126border-bottom-right-radius: 4em 0.5em;<br />
127border-bottom-left-radius: 1em 3em;</span>
128</div>
129
130<h4>Interlaced and alpha-channel-set PNG images supported</h4>
131<div class="rounded">
132Prior to version 3.0, mPDF has not supported PNG images which are interlaced, or images with transparency - now it does.
133<div style="float: left; width: 45%; background-color: #CCFFFF; margin-bottom: 0pt; ">With a blue background-color set, this PNG image with transparency appears like this:
134<br /><img src="alpha.png" width="70" />
135</div>
136<div style="float: right; width: 45%; background-color: #FFFFCC; margin-bottom: 0pt; ">With a different background-color set, the same image appears like this:
137<br /><img src="alpha.png" width="70" />
138</div>
139<div style="clear: both; margin-bottom: 0pt; ">This will not work with background-gradient or background-image (the background-color is used to paint the transparent parts of the image).</div>
140</div>
141
142
143</div>
144
145
146<h4>CSS "Float"</h4>
147<div>
148Block elements can be positioned alongside each other using the CSS property float: left or right. The clear property can also be used, set as left|right|both. Float is only supported on block elements (i.e. not SPAN etc.) and is not fully compliant with the CSS specification.
149Float only works properly if a width is set for the float, otherwise the width is set to the maximum available (full width, or less if floats already set).
150<br />
151Margin-right can still be set for a float:right and vice-versa.
152<br />
153A block element next to a float has the padding adjusted so that content fits in the remaining width. Text next to a float should wrap correctly, but backgrounds and borders will overlap and/or lie under the floats in a mess.
154<br />
155NB The width that is set defines the width of the content-box. So if you have two floats with width=50% and either of them has padding, margin or border, they will not fit together on the page.
156</div>
157<div class="gradient" style="float: right; width: 28%; margin-bottom: 0pt; ">
158This is text in a &lt;div&gt; element that is set to float:right and width:28%.
159</div>
160<div class="gradient" style="float: left; width: 54%; margin-bottom: 0pt; ">
161This is text in a &lt;div&gt; element that is set to float:left and width:54%.
162</div>
163
164<div style="clear: both; margin: 0pt; padding: 0pt; "></div>
165This is text that follows a &lt;div&gt; element that is set to clear:both.
166
167
168
169<h4>HTML Headers now support hyperlinks</h4>
170<div class="gradient">
171Hyperlinks can now be included in HTML headers and footers. See the link to the documentation manual in the footer of this document.
172</div>
173
174
175contd...
176
177<pagebreak resetpagenum="20" />
178<h4>Resetting Page Numbering</h4>
179<div class="gradient">
180Page numbers can now be reset to any value (rather than just 1) during the document i.e. in any function/tag that supports resetting the numbering: AddPage(), &lt;pagebreak&gt; etc.
181<br />
182Note that the page number has been reset to 20 from this page.
183</div>
184
185<h4>Page Numbering - additional text</h4>
186<div class="gradient">
187Text can be defined to appear before and after page numbers ($pagenumPrefix; $pagenumSuffix; $nbpgPrefix; $nbpgSuffix;)
188<br />
189This document has a non-HTML header defined with the right content as \'{PAGENO}{<span>nbpg</span>}\'.<br />
190The following values have been set:<br />
191<span style="font-family: mono; font-size: 9pt;">$mpdf->pagenumPrefix = \'Page \';<br />
192$mpdf->pagenumSuffix = \'\';<br />
193$mpdf->nbpgPrefix = \' of \';<br />
194$mpdf->nbpgSuffix = \' pages.\';</span>
195<br />
196<br />
197
198This is only recommended in non-HTML headers and footers. Although the text is added correctly in HTML headers & footers, the text alignment is not readjusted after substitution e.g. if it used in the right margin.
199</div>
200
201<h4>Other New features</h4>
202<div style="border:0.1mm solid #555555; background-color: #DDDDDD; padding: 1em; font-size:8pt; font-family: mono;">
203- internal links supported in Indexes (parameter added to CreateIndex() and CreateReference()<br />&nbsp; &nbsp; $useLinking=true;)<br />
204- improved handling of &lt;br>, block elements, and text lines inside tables<br />
205- borders of block-level elements & table cell borders supported (partially) in columns<br />
206- optional error reporting for problems with Images ($showImageErrors=true;)<br />
207- ToC will word-wrap long entries<br />
208- internal links (Bookmarks, IndexEntry and ToCEntry) rewritten to give more accurate positioning<br />&nbsp; &nbsp; (when used as &lt;tag>)<br />
209- autofont algorithm improved for CJK languages<br />
210</div>
211
212
213 <h4>All SVG color keywords supported</h4>
214 <p style="margin: 0pt;">This table provides a list of all the named colors supported by mPDF. The
215 list is precisely the same as the <a href="http://www.w3.org/TR/SVG/types.html#ColorKeywords">SVG 1.0 color
216 keyword names</a>.
217 The two color swatches on the left illustrate setting the background color
218 of a table cell in two ways: The first column uses the named color value,
219 and the second column uses the respective numeric color value.
220 </p>
221<table align="center" class="x11colortable" style="background-color: white" >
222 <tbody>
223 <tr>
224 <th style="background: black ">Named
225 </th><th>Numeric
226 </th><th>Color&nbsp;name
227
228 </th><th>Hex&nbsp;rgb
229
230 </th><th>Decimal
231
232 </th></tr><tr>
233 <td class="c" style="background: aliceblue ">&nbsp;
234
235 </td><td class="c" style="background: rgb(240, 248, 255) ">&nbsp;
236
237 </td><td>aliceblue
238
239 </td><td class="c" style="background-color: #FFFFFF; ">#f0f8ff
240
241 </td><td class="c" style="background-color: #FFFFFF; ">240,248,255
242
243 </td></tr><tr>
244 <td class="c" style="background: antiquewhite ">&nbsp;
245
246 </td><td class="c" style="background: rgb(250, 235, 215) ">&nbsp;
247
248 </td><td>antiquewhite
249
250 </td><td class="c" style="background-color: #FFFFFF; ">#faebd7
251
252 </td><td class="c" style="background-color: #FFFFFF; ">250,235,215
253
254 </td></tr><tr>
255 <td class="c" style="background: aqua ">&nbsp;
256
257 </td><td class="c" style="background: rgb(0, 255, 255) ">&nbsp;
258
259 </td><td>aqua
260
261 </td><td class="c" style="background-color: #FFFFFF; ">#00ffff
262
263 </td><td class="c" style="background-color: #FFFFFF; ">0,255,255
264
265 </td></tr><tr>
266 <td class="c" style="background: aquamarine ">&nbsp;
267
268 </td><td class="c" style="background: rgb(127, 255, 212) ">&nbsp;
269
270 </td><td>aquamarine
271
272 </td><td class="c" style="background-color: #FFFFFF; ">#7fffd4
273
274 </td><td class="c" style="background-color: #FFFFFF; ">127,255,212
275
276 </td></tr><tr>
277 <td class="c" style="background: azure ">&nbsp;
278
279 </td><td class="c" style="background: rgb(240, 255, 255) ">&nbsp;
280
281 </td><td>azure
282
283 </td><td class="c" style="background-color: #FFFFFF; ">#f0ffff
284
285 </td><td class="c" style="background-color: #FFFFFF; ">240,255,255
286
287 </td></tr><tr>
288 <td class="c" style="background: beige ">&nbsp;
289
290 </td><td class="c" style="background: rgb(245, 245, 220) ">&nbsp;
291
292 </td><td>beige
293
294 </td><td class="c" style="background-color: #FFFFFF; ">#f5f5dc
295
296 </td><td class="c" style="background-color: #FFFFFF; ">245,245,220
297
298 </td></tr><tr>
299 <td class="c" style="background: bisque ">&nbsp;
300
301 </td><td class="c" style="background: rgb(255, 228, 196) ">&nbsp;
302
303 </td><td>bisque
304
305 </td><td class="c" style="background-color: #FFFFFF; ">#ffe4c4
306
307 </td><td class="c" style="background-color: #FFFFFF; ">255,228,196
308
309 </td></tr><tr>
310 <td class="c" style="background: black ">&nbsp;
311
312 </td><td class="c" style="background: rgb(0, 0, 0) ">&nbsp;
313
314 </td><td>black
315
316 </td><td class="c" style="background-color: #FFFFFF; ">#000000
317
318 </td><td class="c" style="background-color: #FFFFFF; ">0,0,0
319
320 </td></tr><tr>
321 <td class="c" style="background: blanchedalmond ">&nbsp;
322
323 </td><td class="c" style="background: rgb(255, 235, 205) ">&nbsp;
324
325 </td><td>blanchedalmond
326
327 </td><td class="c" style="background-color: #FFFFFF; ">#ffebcd
328
329 </td><td class="c" style="background-color: #FFFFFF; ">255,235,205
330
331 </td></tr><tr>
332 <td class="c" style="background: blue ">&nbsp;
333
334 </td><td class="c" style="background: rgb(0, 0, 255) ">&nbsp;
335
336 </td><td>blue
337
338 </td><td class="c" style="background-color: #FFFFFF; ">#0000ff
339
340 </td><td class="c" style="background-color: #FFFFFF; ">0,0,255
341
342 </td></tr><tr>
343 <td class="c" style="background: blueviolet ">&nbsp;
344
345 </td><td class="c" style="background: rgb(138, 43, 226) ">&nbsp;
346
347 </td><td>blueviolet
348
349 </td><td class="c" style="background-color: #FFFFFF; ">#8a2be2
350
351 </td><td class="c" style="background-color: #FFFFFF; ">138,43,226
352
353 </td></tr><tr>
354 <td class="c" style="background: brown ">&nbsp;
355
356 </td><td class="c" style="background: rgb(165, 42, 42) ">&nbsp;
357
358 </td><td>brown
359
360 </td><td class="c" style="background-color: #FFFFFF; ">#a52a2a
361
362 </td><td class="c" style="background-color: #FFFFFF; ">165,42,42
363
364 </td></tr><tr>
365 <td class="c" style="background: burlywood ">&nbsp;
366
367 </td><td class="c" style="background: rgb(222, 184, 135) ">&nbsp;
368
369 </td><td>burlywood
370
371 </td><td class="c" style="background-color: #FFFFFF; ">#deb887
372
373 </td><td class="c" style="background-color: #FFFFFF; ">222,184,135
374
375 </td></tr><tr>
376 <td class="c" style="background: cadetblue ">&nbsp;
377
378 </td><td class="c" style="background: rgb(95, 158, 160) ">&nbsp;
379
380 </td><td>cadetblue
381
382 </td><td class="c" style="background-color: #FFFFFF; ">#5f9ea0
383
384 </td><td class="c" style="background-color: #FFFFFF; ">95,158,160
385
386 </td></tr><tr>
387 <td class="c" style="background: chartreuse ">&nbsp;
388
389 </td><td class="c" style="background: rgb(127, 255, 0) ">&nbsp;
390
391 </td><td>chartreuse
392
393 </td><td class="c" style="background-color: #FFFFFF; ">#7fff00
394
395 </td><td class="c" style="background-color: #FFFFFF; ">127,255,0
396
397 </td></tr><tr>
398 <td class="c" style="background: chocolate ">&nbsp;
399
400 </td><td class="c" style="background: rgb(210, 105, 30) ">&nbsp;
401
402 </td><td>chocolate
403
404 </td><td class="c" style="background-color: #FFFFFF; ">#d2691e
405
406 </td><td class="c" style="background-color: #FFFFFF; ">210,105,30
407
408 </td></tr><tr>
409 <td class="c" style="background: coral ">&nbsp;
410
411 </td><td class="c" style="background: rgb(255, 127, 80) ">&nbsp;
412
413 </td><td>coral
414
415 </td><td class="c" style="background-color: #FFFFFF; ">#ff7f50
416
417 </td><td class="c" style="background-color: #FFFFFF; ">255,127,80
418
419 </td></tr><tr>
420 <td class="c" style="background: cornflowerblue ">&nbsp;
421
422 </td><td class="c" style="background: rgb(100, 149, 237) ">&nbsp;
423
424 </td><td>cornflowerblue
425
426 </td><td class="c" style="background-color: #FFFFFF; ">#6495ed
427
428 </td><td class="c" style="background-color: #FFFFFF; ">100,149,237
429
430 </td></tr><tr>
431 <td class="c" style="background: cornsilk ">&nbsp;
432
433 </td><td class="c" style="background: rgb(255, 248, 220) ">&nbsp;
434
435 </td><td>cornsilk
436
437 </td><td class="c" style="background-color: #FFFFFF; ">#fff8dc
438
439 </td><td class="c" style="background-color: #FFFFFF; ">255,248,220
440
441 </td></tr><tr>
442 <td class="c" style="background: crimson ">&nbsp;
443
444 </td><td class="c" style="background: rgb(220, 20, 60) ">&nbsp;
445
446 </td><td>crimson
447
448 </td><td class="c" style="background-color: #FFFFFF; ">#dc143c
449
450 </td><td class="c" style="background-color: #FFFFFF; ">220,20,60
451
452 </td></tr><tr>
453 <td class="c" style="background: cyan ">&nbsp;
454
455 </td><td class="c" style="background: rgb(0, 255, 255) ">&nbsp;
456
457 </td><td>cyan
458
459 </td><td class="c" style="background-color: #FFFFFF; ">#00ffff
460
461 </td><td class="c" style="background-color: #FFFFFF; ">0,255,255
462
463 </td></tr><tr>
464 <td class="c" style="background: darkblue ">&nbsp;
465
466 </td><td class="c" style="background: rgb(0, 0, 139) ">&nbsp;
467
468 </td><td>darkblue
469
470 </td><td class="c" style="background-color: #FFFFFF; ">#00008b
471
472 </td><td class="c" style="background-color: #FFFFFF; ">0,0,139
473
474 </td></tr><tr>
475 <td class="c" style="background: darkcyan ">&nbsp;
476
477 </td><td class="c" style="background: rgb(0, 139, 139) ">&nbsp;
478
479 </td><td>darkcyan
480
481 </td><td class="c" style="background-color: #FFFFFF; ">#008b8b
482
483 </td><td class="c" style="background-color: #FFFFFF; ">0,139,139
484
485 </td></tr><tr>
486 <td class="c" style="background: darkgoldenrod ">&nbsp;
487
488 </td><td class="c" style="background: rgb(184, 134, 11) ">&nbsp;
489
490 </td><td>darkgoldenrod
491
492 </td><td class="c" style="background-color: #FFFFFF; ">#b8860b
493
494 </td><td class="c" style="background-color: #FFFFFF; ">184,134,11
495
496 </td></tr><tr>
497 <td class="c" style="background: darkgray ">&nbsp;
498
499 </td><td class="c" style="background: rgb(169, 169, 169) ">&nbsp;
500
501 </td><td>darkgray
502
503 </td><td class="c" style="background-color: #FFFFFF; ">#a9a9a9
504
505 </td><td class="c" style="background-color: #FFFFFF; ">169,169,169
506
507 </td></tr><tr>
508 <td class="c" style="background: darkgreen ">&nbsp;
509
510 </td><td class="c" style="background: rgb(0, 100, 0) ">&nbsp;
511
512 </td><td>darkgreen
513
514 </td><td class="c" style="background-color: #FFFFFF; ">#006400
515
516 </td><td class="c" style="background-color: #FFFFFF; ">0,100,0
517
518 </td></tr><tr>
519 <td class="c" style="background: darkgrey ">&nbsp;
520
521 </td><td class="c" style="background: rgb(169, 169, 169) ">&nbsp;
522
523 </td><td>darkgrey
524
525 </td><td class="c" style="background-color: #FFFFFF; ">#a9a9a9
526
527 </td><td class="c" style="background-color: #FFFFFF; ">169,169,169
528
529 </td></tr><tr>
530 <td class="c" style="background: darkkhaki ">&nbsp;
531
532 </td><td class="c" style="background: rgb(189, 183, 107) ">&nbsp;
533
534 </td><td>darkkhaki
535
536 </td><td class="c" style="background-color: #FFFFFF; ">#bdb76b
537
538 </td><td class="c" style="background-color: #FFFFFF; ">189,183,107
539
540 </td></tr><tr>
541 <td class="c" style="background: darkmagenta ">&nbsp;
542
543 </td><td class="c" style="background: rgb(139, 0, 139) ">&nbsp;
544
545 </td><td>darkmagenta
546
547 </td><td class="c" style="background-color: #FFFFFF; ">#8b008b
548
549 </td><td class="c" style="background-color: #FFFFFF; ">139,0,139
550
551 </td></tr><tr>
552 <td class="c" style="background: darkolivegreen ">&nbsp;
553
554 </td><td class="c" style="background: rgb(85, 107, 47) ">&nbsp;
555
556 </td><td>darkolivegreen
557
558 </td><td class="c" style="background-color: #FFFFFF; ">#556b2f
559
560 </td><td class="c" style="background-color: #FFFFFF; ">85,107,47
561
562 </td></tr><tr>
563 <td class="c" style="background: darkorange ">&nbsp;
564
565 </td><td class="c" style="background: rgb(255, 140, 0) ">&nbsp;
566
567 </td><td>darkorange
568
569 </td><td class="c" style="background-color: #FFFFFF; ">#ff8c00
570
571 </td><td class="c" style="background-color: #FFFFFF; ">255,140,0
572
573 </td></tr><tr>
574 <td class="c" style="background: darkorchid ">&nbsp;
575
576 </td><td class="c" style="background: rgb(153, 50, 204) ">&nbsp;
577
578 </td><td>darkorchid
579
580 </td><td class="c" style="background-color: #FFFFFF; ">#9932cc
581
582 </td><td class="c" style="background-color: #FFFFFF; ">153,50,204
583
584 </td></tr><tr>
585 <td class="c" style="background: darkred ">&nbsp;
586
587 </td><td class="c" style="background: rgb(139, 0, 0) ">&nbsp;
588
589 </td><td>darkred
590
591 </td><td class="c" style="background-color: #FFFFFF; ">#8b0000
592
593 </td><td class="c" style="background-color: #FFFFFF; ">139,0,0
594
595 </td></tr><tr>
596 <td class="c" style="background: darksalmon ">&nbsp;
597
598 </td><td class="c" style="background: rgb(233, 150, 122) ">&nbsp;
599
600 </td><td>darksalmon
601
602 </td><td class="c" style="background-color: #FFFFFF; ">#e9967a
603
604 </td><td class="c" style="background-color: #FFFFFF; ">233,150,122
605
606 </td></tr><tr>
607 <td class="c" style="background: darkseagreen ">&nbsp;
608
609 </td><td class="c" style="background: rgb(143, 188, 143) ">&nbsp;
610
611 </td><td>darkseagreen
612
613 </td><td class="c" style="background-color: #FFFFFF; ">#8fbc8f
614
615 </td><td class="c" style="background-color: #FFFFFF; ">143,188,143
616
617 </td></tr><tr>
618 <td class="c" style="background: darkslateblue ">&nbsp;
619
620 </td><td class="c" style="background: rgb(72, 61, 139) ">&nbsp;
621
622 </td><td>darkslateblue
623
624 </td><td class="c" style="background-color: #FFFFFF; ">#483d8b
625
626 </td><td class="c" style="background-color: #FFFFFF; ">72,61,139
627
628 </td></tr><tr>
629 <td class="c" style="background: darkslategray ">&nbsp;
630
631 </td><td class="c" style="background: rgb(47, 79, 79) ">&nbsp;
632
633 </td><td>darkslategray
634
635 </td><td class="c" style="background-color: #FFFFFF; ">#2f4f4f
636
637 </td><td class="c" style="background-color: #FFFFFF; ">47,79,79
638
639 </td></tr><tr>
640 <td class="c" style="background: darkslategrey ">&nbsp;
641
642 </td><td class="c" style="background: rgb(47, 79, 79) ">&nbsp;
643
644 </td><td>darkslategrey
645
646 </td><td class="c" style="background-color: #FFFFFF; ">#2f4f4f
647
648 </td><td class="c" style="background-color: #FFFFFF; ">47,79,79
649
650 </td></tr><tr>
651 <td class="c" style="background: darkturquoise ">&nbsp;
652
653 </td><td class="c" style="background: rgb(0, 206, 209) ">&nbsp;
654
655 </td><td>darkturquoise
656
657 </td><td class="c" style="background-color: #FFFFFF; ">#00ced1
658
659 </td><td class="c" style="background-color: #FFFFFF; ">0,206,209
660
661 </td></tr><tr>
662 <td class="c" style="background: darkviolet ">&nbsp;
663
664 </td><td class="c" style="background: rgb(148, 0, 211) ">&nbsp;
665
666 </td><td>darkviolet
667
668 </td><td class="c" style="background-color: #FFFFFF; ">#9400d3
669
670 </td><td class="c" style="background-color: #FFFFFF; ">148,0,211
671
672 </td></tr><tr>
673 <td class="c" style="background: deeppink ">&nbsp;
674
675 </td><td class="c" style="background: rgb(255, 20, 147) ">&nbsp;
676
677 </td><td>deeppink
678
679 </td><td class="c" style="background-color: #FFFFFF; ">#ff1493
680
681 </td><td class="c" style="background-color: #FFFFFF; ">255,20,147
682
683 </td></tr><tr>
684 <td class="c" style="background: deepskyblue ">&nbsp;
685
686 </td><td class="c" style="background: rgb(0, 191, 255) ">&nbsp;
687
688 </td><td>deepskyblue
689
690 </td><td class="c" style="background-color: #FFFFFF; ">#00bfff
691
692 </td><td class="c" style="background-color: #FFFFFF; ">0,191,255
693
694 </td></tr><tr>
695 <td class="c" style="background: dimgray ">&nbsp;
696
697 </td><td class="c" style="background: rgb(105, 105, 105) ">&nbsp;
698
699 </td><td>dimgray
700
701 </td><td class="c" style="background-color: #FFFFFF; ">#696969
702
703 </td><td class="c" style="background-color: #FFFFFF; ">105,105,105
704
705 </td></tr><tr>
706 <td class="c" style="background: dimgrey ">&nbsp;
707
708 </td><td class="c" style="background: rgb(105, 105, 105) ">&nbsp;
709
710 </td><td>dimgrey
711
712 </td><td class="c" style="background-color: #FFFFFF; ">#696969
713
714 </td><td class="c" style="background-color: #FFFFFF; ">105,105,105
715
716 </td></tr><tr>
717 <td class="c" style="background: dodgerblue ">&nbsp;
718
719 </td><td class="c" style="background: rgb(30, 144, 255) ">&nbsp;
720
721 </td><td>dodgerblue
722
723 </td><td class="c" style="background-color: #FFFFFF; ">#1e90ff
724
725 </td><td class="c" style="background-color: #FFFFFF; ">30,144,255
726
727 </td></tr><tr>
728 <td class="c" style="background: firebrick ">&nbsp;
729
730 </td><td class="c" style="background: rgb(178, 34, 34) ">&nbsp;
731
732 </td><td>firebrick
733
734 </td><td class="c" style="background-color: #FFFFFF; ">#b22222
735
736 </td><td class="c" style="background-color: #FFFFFF; ">178,34,34
737
738 </td></tr><tr>
739 <td class="c" style="background: floralwhite ">&nbsp;
740
741 </td><td class="c" style="background: rgb(255, 250, 240) ">&nbsp;
742
743 </td><td>floralwhite
744
745 </td><td class="c" style="background-color: #FFFFFF; ">#fffaf0
746
747 </td><td class="c" style="background-color: #FFFFFF; ">255,250,240
748
749 </td></tr><tr>
750 <td class="c" style="background: forestgreen ">&nbsp;
751
752 </td><td class="c" style="background: rgb(34, 139, 34) ">&nbsp;
753
754 </td><td>forestgreen
755
756 </td><td class="c" style="background-color: #FFFFFF; ">#228b22
757
758 </td><td class="c" style="background-color: #FFFFFF; ">34,139,34
759
760 </td></tr><tr>
761 <td class="c" style="background: fuchsia ">&nbsp;
762
763 </td><td class="c" style="background: rgb(255, 0, 255) ">&nbsp;
764
765 </td><td>fuchsia
766
767 </td><td class="c" style="background-color: #FFFFFF; ">#ff00ff
768
769 </td><td class="c" style="background-color: #FFFFFF; ">255,0,255
770
771 </td></tr><tr>
772 <td class="c" style="background: gainsboro ">&nbsp;
773
774 </td><td class="c" style="background: rgb(220, 220, 220) ">&nbsp;
775
776 </td><td>gainsboro
777
778 </td><td class="c" style="background-color: #FFFFFF; ">#dcdcdc
779
780 </td><td class="c" style="background-color: #FFFFFF; ">220,220,220
781
782 </td></tr><tr>
783 <td class="c" style="background: ghostwhite ">&nbsp;
784
785 </td><td class="c" style="background: rgb(248, 248, 255) ">&nbsp;
786
787 </td><td>ghostwhite
788
789 </td><td class="c" style="background-color: #FFFFFF; ">#f8f8ff
790
791 </td><td class="c" style="background-color: #FFFFFF; ">248,248,255
792
793 </td></tr><tr>
794 <td class="c" style="background: gold ">&nbsp;
795
796 </td><td class="c" style="background: rgb(255, 215, 0) ">&nbsp;
797
798 </td><td>gold
799
800 </td><td class="c" style="background-color: #FFFFFF; ">#ffd700
801
802 </td><td class="c" style="background-color: #FFFFFF; ">255,215,0
803
804 </td></tr><tr>
805 <td class="c" style="background: goldenrod ">&nbsp;
806
807 </td><td class="c" style="background: rgb(218, 165, 32) ">&nbsp;
808
809 </td><td>goldenrod
810
811 </td><td class="c" style="background-color: #FFFFFF; ">#daa520
812
813 </td><td class="c" style="background-color: #FFFFFF; ">218,165,32
814
815 </td></tr><tr>
816 <td class="c" style="background: gray ">&nbsp;
817
818 </td><td class="c" style="background: rgb(128, 128, 128) ">&nbsp;
819
820 </td><td>gray
821
822 </td><td class="c" style="background-color: #FFFFFF; ">#808080
823
824 </td><td class="c" style="background-color: #FFFFFF; ">128,128,128
825
826 </td></tr><tr>
827 <td class="c" style="background: green ">&nbsp;
828
829 </td><td class="c" style="background: rgb(0, 128, 0) ">&nbsp;
830
831 </td><td>green
832
833 </td><td class="c" style="background-color: #FFFFFF; ">#008000
834
835 </td><td class="c" style="background-color: #FFFFFF; ">0,128,0
836
837 </td></tr><tr>
838 <td class="c" style="background: greenyellow ">&nbsp;
839
840 </td><td class="c" style="background: rgb(173, 255, 47) ">&nbsp;
841
842 </td><td>greenyellow
843
844 </td><td class="c" style="background-color: #FFFFFF; ">#adff2f
845
846 </td><td class="c" style="background-color: #FFFFFF; ">173,255,47
847
848 </td></tr><tr>
849 <td class="c" style="background: grey ">&nbsp;
850
851 </td><td class="c" style="background: rgb(128, 128, 128) ">&nbsp;
852
853 </td><td>grey
854
855 </td><td class="c" style="background-color: #FFFFFF; ">#808080
856
857 </td><td class="c" style="background-color: #FFFFFF; ">128,128,128
858
859 </td></tr><tr>
860 <td class="c" style="background: honeydew ">&nbsp;
861
862 </td><td class="c" style="background: rgb(240, 255, 240) ">&nbsp;
863
864 </td><td>honeydew
865
866 </td><td class="c" style="background-color: #FFFFFF; ">#f0fff0
867
868 </td><td class="c" style="background-color: #FFFFFF; ">240,255,240
869
870 </td></tr><tr>
871 <td class="c" style="background: hotpink ">&nbsp;
872
873 </td><td class="c" style="background: rgb(255, 105, 180) ">&nbsp;
874
875 </td><td>hotpink
876
877 </td><td class="c" style="background-color: #FFFFFF; ">#ff69b4
878
879 </td><td class="c" style="background-color: #FFFFFF; ">255,105,180
880
881 </td></tr><tr>
882 <td class="c" style="background: indianred ">&nbsp;
883
884 </td><td class="c" style="background: rgb(205, 92, 92) ">&nbsp;
885
886 </td><td>indianred
887
888 </td><td class="c" style="background-color: #FFFFFF; ">#cd5c5c
889
890 </td><td class="c" style="background-color: #FFFFFF; ">205,92,92
891
892 </td></tr><tr>
893 <td class="c" style="background: indigo ">&nbsp;
894
895 </td><td class="c" style="background: rgb(75, 0, 130) ">&nbsp;
896
897 </td><td>indigo
898
899 </td><td class="c" style="background-color: #FFFFFF; ">#4b0082
900
901 </td><td class="c" style="background-color: #FFFFFF; ">75,0,130
902
903 </td></tr><tr>
904 <td class="c" style="background: ivory ">&nbsp;
905
906 </td><td class="c" style="background: rgb(255, 255, 240) ">&nbsp;
907
908 </td><td>ivory
909
910 </td><td class="c" style="background-color: #FFFFFF; ">#fffff0
911
912 </td><td class="c" style="background-color: #FFFFFF; ">255,255,240
913
914 </td></tr><tr>
915 <td class="c" style="background: khaki ">&nbsp;
916
917 </td><td class="c" style="background: rgb(240, 230, 140) ">&nbsp;
918
919 </td><td>khaki
920
921 </td><td class="c" style="background-color: #FFFFFF; ">#f0e68c
922
923 </td><td class="c" style="background-color: #FFFFFF; ">240,230,140
924
925 </td></tr><tr>
926 <td class="c" style="background: lavender ">&nbsp;
927
928 </td><td class="c" style="background: rgb(230, 230, 250) ">&nbsp;
929
930 </td><td>lavender
931
932 </td><td class="c" style="background-color: #FFFFFF; ">#e6e6fa
933
934 </td><td class="c" style="background-color: #FFFFFF; ">230,230,250
935
936 </td></tr><tr>
937 <td class="c" style="background: lavenderblush ">&nbsp;
938
939 </td><td class="c" style="background: rgb(255, 240, 245) ">&nbsp;
940
941 </td><td>lavenderblush
942
943 </td><td class="c" style="background-color: #FFFFFF; ">#fff0f5
944
945 </td><td class="c" style="background-color: #FFFFFF; ">255,240,245
946
947 </td></tr><tr>
948 <td class="c" style="background: lawngreen ">&nbsp;
949
950 </td><td class="c" style="background: rgb(124, 252, 0) ">&nbsp;
951
952 </td><td>lawngreen
953
954 </td><td class="c" style="background-color: #FFFFFF; ">#7cfc00
955
956 </td><td class="c" style="background-color: #FFFFFF; ">124,252,0
957
958 </td></tr><tr>
959 <td class="c" style="background: lemonchiffon ">&nbsp;
960
961 </td><td class="c" style="background: rgb(255, 250, 205) ">&nbsp;
962
963 </td><td>lemonchiffon
964
965 </td><td class="c" style="background-color: #FFFFFF; ">#fffacd
966
967 </td><td class="c" style="background-color: #FFFFFF; ">255,250,205
968
969 </td></tr><tr>
970 <td class="c" style="background: lightblue ">&nbsp;
971
972 </td><td class="c" style="background: rgb(173, 216, 230) ">&nbsp;
973
974 </td><td>lightblue
975
976 </td><td class="c" style="background-color: #FFFFFF; ">#add8e6
977
978 </td><td class="c" style="background-color: #FFFFFF; ">173,216,230
979
980 </td></tr><tr>
981 <td class="c" style="background: lightcoral ">&nbsp;
982
983 </td><td class="c" style="background: rgb(240, 128, 128) ">&nbsp;
984
985 </td><td>lightcoral
986
987 </td><td class="c" style="background-color: #FFFFFF; ">#f08080
988
989 </td><td class="c" style="background-color: #FFFFFF; ">240,128,128
990
991 </td></tr><tr>
992 <td class="c" style="background: lightcyan ">&nbsp;
993
994 </td><td class="c" style="background: rgb(224, 255, 255) ">&nbsp;
995
996 </td><td>lightcyan
997
998 </td><td class="c" style="background-color: #FFFFFF; ">#e0ffff
999
1000 </td><td class="c" style="background-color: #FFFFFF; ">224,255,255
1001
1002 </td></tr><tr>
1003 <td class="c" style="background: lightgoldenrodyellow ">&nbsp;
1004
1005 </td><td class="c" style="background: rgb(250, 250, 210) ">&nbsp;
1006
1007 </td><td>lightgoldenrodyellow
1008
1009 </td><td class="c" style="background-color: #FFFFFF; ">#fafad2
1010
1011 </td><td class="c" style="background-color: #FFFFFF; ">250,250,210
1012
1013 </td></tr><tr>
1014 <td class="c" style="background: lightgray ">&nbsp;
1015
1016 </td><td class="c" style="background: rgb(211, 211, 211) ">&nbsp;
1017
1018 </td><td>lightgray
1019
1020 </td><td class="c" style="background-color: #FFFFFF; ">#d3d3d3
1021
1022 </td><td class="c" style="background-color: #FFFFFF; ">211,211,211
1023
1024 </td></tr><tr>
1025 <td class="c" style="background: lightgreen ">&nbsp;
1026
1027 </td><td class="c" style="background: rgb(144, 238, 144) ">&nbsp;
1028
1029 </td><td>lightgreen
1030
1031 </td><td class="c" style="background-color: #FFFFFF; ">#90ee90
1032
1033 </td><td class="c" style="background-color: #FFFFFF; ">144,238,144
1034
1035 </td></tr><tr>
1036 <td class="c" style="background: lightgrey ">&nbsp;
1037
1038 </td><td class="c" style="background: rgb(211, 211, 211) ">&nbsp;
1039
1040 </td><td>lightgrey
1041
1042 </td><td class="c" style="background-color: #FFFFFF; ">#d3d3d3
1043
1044 </td><td class="c" style="background-color: #FFFFFF; ">211,211,211
1045
1046 </td></tr><tr>
1047 <td class="c" style="background: lightpink ">&nbsp;
1048
1049 </td><td class="c" style="background: rgb(255, 182, 193) ">&nbsp;
1050
1051 </td><td>lightpink
1052
1053 </td><td class="c" style="background-color: #FFFFFF; ">#ffb6c1
1054
1055 </td><td class="c" style="background-color: #FFFFFF; ">255,182,193
1056
1057 </td></tr><tr>
1058 <td class="c" style="background: lightsalmon ">&nbsp;
1059
1060 </td><td class="c" style="background: rgb(255, 160, 122) ">&nbsp;
1061
1062 </td><td>lightsalmon
1063
1064 </td><td class="c" style="background-color: #FFFFFF; ">#ffa07a
1065
1066 </td><td class="c" style="background-color: #FFFFFF; ">255,160,122
1067
1068 </td></tr><tr>
1069 <td class="c" style="background: lightseagreen ">&nbsp;
1070
1071 </td><td class="c" style="background: rgb(32, 178, 170) ">&nbsp;
1072
1073 </td><td>lightseagreen
1074
1075 </td><td class="c" style="background-color: #FFFFFF; ">#20b2aa
1076
1077 </td><td class="c" style="background-color: #FFFFFF; ">32,178,170
1078
1079 </td></tr><tr>
1080 <td class="c" style="background: lightskyblue ">&nbsp;
1081
1082 </td><td class="c" style="background: rgb(135, 206, 250) ">&nbsp;
1083
1084 </td><td>lightskyblue
1085
1086 </td><td class="c" style="background-color: #FFFFFF; ">#87cefa
1087
1088 </td><td class="c" style="background-color: #FFFFFF; ">135,206,250
1089
1090 </td></tr><tr>
1091 <td class="c" style="background: lightslategray ">&nbsp;
1092
1093 </td><td class="c" style="background: rgb(119, 136, 153) ">&nbsp;
1094
1095 </td><td>lightslategray
1096
1097 </td><td class="c" style="background-color: #FFFFFF; ">#778899
1098
1099 </td><td class="c" style="background-color: #FFFFFF; ">119,136,153
1100
1101 </td></tr><tr>
1102 <td class="c" style="background: lightslategrey ">&nbsp;
1103
1104 </td><td class="c" style="background: rgb(119, 136, 153) ">&nbsp;
1105
1106 </td><td>lightslategrey
1107
1108 </td><td class="c" style="background-color: #FFFFFF; ">#778899
1109
1110 </td><td class="c" style="background-color: #FFFFFF; ">119,136,153
1111
1112 </td></tr><tr>
1113 <td class="c" style="background: lightsteelblue ">&nbsp;
1114
1115 </td><td class="c" style="background: rgb(176, 196, 222) ">&nbsp;
1116
1117 </td><td>lightsteelblue
1118
1119 </td><td class="c" style="background-color: #FFFFFF; ">#b0c4de
1120
1121 </td><td class="c" style="background-color: #FFFFFF; ">176,196,222
1122
1123 </td></tr><tr>
1124 <td class="c" style="background: lightyellow ">&nbsp;
1125
1126 </td><td class="c" style="background: rgb(255, 255, 224) ">&nbsp;
1127
1128 </td><td>lightyellow
1129
1130 </td><td class="c" style="background-color: #FFFFFF; ">#ffffe0
1131
1132 </td><td class="c" style="background-color: #FFFFFF; ">255,255,224
1133
1134 </td></tr><tr>
1135 <td class="c" style="background: lime ">&nbsp;
1136
1137 </td><td class="c" style="background: rgb(0, 255, 0) ">&nbsp;
1138
1139 </td><td>lime
1140
1141 </td><td class="c" style="background-color: #FFFFFF; ">#00ff00
1142
1143 </td><td class="c" style="background-color: #FFFFFF; ">0,255,0
1144
1145 </td></tr><tr>
1146 <td class="c" style="background: limegreen ">&nbsp;
1147
1148 </td><td class="c" style="background: rgb(50, 205, 50) ">&nbsp;
1149
1150 </td><td>limegreen
1151
1152 </td><td class="c" style="background-color: #FFFFFF; ">#32cd32
1153
1154 </td><td class="c" style="background-color: #FFFFFF; ">50,205,50
1155
1156 </td></tr><tr>
1157 <td class="c" style="background: linen ">&nbsp;
1158
1159 </td><td class="c" style="background: rgb(250, 240, 230) ">&nbsp;
1160
1161 </td><td>linen
1162
1163 </td><td class="c" style="background-color: #FFFFFF; ">#faf0e6
1164
1165 </td><td class="c" style="background-color: #FFFFFF; ">250,240,230
1166
1167 </td></tr><tr>
1168 <td class="c" style="background: magenta ">&nbsp;
1169
1170 </td><td class="c" style="background: rgb(255, 0, 255) ">&nbsp;
1171
1172 </td><td>magenta
1173
1174 </td><td class="c" style="background-color: #FFFFFF; ">#ff00ff
1175
1176 </td><td class="c" style="background-color: #FFFFFF; ">255,0,255
1177
1178 </td></tr><tr>
1179 <td class="c" style="background: maroon ">&nbsp;
1180
1181 </td><td class="c" style="background: rgb(128, 0, 0) ">&nbsp;
1182
1183 </td><td>maroon
1184
1185 </td><td class="c" style="background-color: #FFFFFF; ">#800000
1186
1187 </td><td class="c" style="background-color: #FFFFFF; ">128,0,0
1188
1189 </td></tr><tr>
1190 <td class="c" style="background: mediumaquamarine ">&nbsp;
1191
1192 </td><td class="c" style="background: rgb(102, 205, 170) ">&nbsp;
1193
1194 </td><td>mediumaquamarine
1195
1196 </td><td class="c" style="background-color: #FFFFFF; ">#66cdaa
1197
1198 </td><td class="c" style="background-color: #FFFFFF; ">102,205,170
1199
1200 </td></tr><tr>
1201 <td class="c" style="background: mediumblue ">&nbsp;
1202
1203 </td><td class="c" style="background: rgb(0, 0, 205) ">&nbsp;
1204
1205 </td><td>mediumblue
1206
1207 </td><td class="c" style="background-color: #FFFFFF; ">#0000cd
1208
1209 </td><td class="c" style="background-color: #FFFFFF; ">0,0,205
1210
1211 </td></tr><tr>
1212 <td class="c" style="background: mediumorchid ">&nbsp;
1213
1214 </td><td class="c" style="background: rgb(186, 85, 211) ">&nbsp;
1215
1216 </td><td>mediumorchid
1217
1218 </td><td class="c" style="background-color: #FFFFFF; ">#ba55d3
1219
1220 </td><td class="c" style="background-color: #FFFFFF; ">186,85,211
1221
1222 </td></tr><tr>
1223 <td class="c" style="background: mediumpurple ">&nbsp;
1224
1225 </td><td class="c" style="background: rgb(147, 112, 219) ">&nbsp;
1226
1227 </td><td>mediumpurple
1228
1229 </td><td class="c" style="background-color: #FFFFFF; ">#9370db
1230
1231 </td><td class="c" style="background-color: #FFFFFF; ">147,112,219
1232
1233 </td></tr><tr>
1234 <td class="c" style="background: mediumseagreen ">&nbsp;
1235
1236 </td><td class="c" style="background: rgb(60, 179, 113) ">&nbsp;
1237
1238 </td><td>mediumseagreen
1239
1240 </td><td class="c" style="background-color: #FFFFFF; ">#3cb371
1241
1242 </td><td class="c" style="background-color: #FFFFFF; ">60,179,113
1243
1244 </td></tr><tr>
1245 <td class="c" style="background: mediumslateblue ">&nbsp;
1246
1247 </td><td class="c" style="background: rgb(123, 104, 238) ">&nbsp;
1248
1249 </td><td>mediumslateblue
1250
1251 </td><td class="c" style="background-color: #FFFFFF; ">#7b68ee
1252
1253 </td><td class="c" style="background-color: #FFFFFF; ">123,104,238
1254
1255 </td></tr><tr>
1256 <td class="c" style="background: mediumspringgreen ">&nbsp;
1257
1258 </td><td class="c" style="background: rgb(0, 250, 154) ">&nbsp;
1259
1260 </td><td>mediumspringgreen
1261
1262 </td><td class="c" style="background-color: #FFFFFF; ">#00fa9a
1263
1264 </td><td class="c" style="background-color: #FFFFFF; ">0,250,154
1265
1266 </td></tr><tr>
1267 <td class="c" style="background: mediumturquoise ">&nbsp;
1268
1269 </td><td class="c" style="background: rgb(72, 209, 204) ">&nbsp;
1270
1271 </td><td>mediumturquoise
1272
1273 </td><td class="c" style="background-color: #FFFFFF; ">#48d1cc
1274
1275 </td><td class="c" style="background-color: #FFFFFF; ">72,209,204
1276
1277 </td></tr><tr>
1278 <td class="c" style="background: mediumvioletred ">&nbsp;
1279
1280 </td><td class="c" style="background: rgb(199, 21, 133) ">&nbsp;
1281
1282 </td><td>mediumvioletred
1283
1284 </td><td class="c" style="background-color: #FFFFFF; ">#c71585
1285
1286 </td><td class="c" style="background-color: #FFFFFF; ">199,21,133
1287
1288 </td></tr><tr>
1289 <td class="c" style="background: midnightblue ">&nbsp;
1290
1291 </td><td class="c" style="background: rgb(25, 25, 112) ">&nbsp;
1292
1293 </td><td>midnightblue
1294
1295 </td><td class="c" style="background-color: #FFFFFF; ">#191970
1296
1297 </td><td class="c" style="background-color: #FFFFFF; ">25,25,112
1298
1299 </td></tr><tr>
1300 <td class="c" style="background: mintcream ">&nbsp;
1301
1302 </td><td class="c" style="background: rgb(245, 255, 250) ">&nbsp;
1303
1304 </td><td>mintcream
1305
1306 </td><td class="c" style="background-color: #FFFFFF; ">#f5fffa
1307
1308 </td><td class="c" style="background-color: #FFFFFF; ">245,255,250
1309
1310 </td></tr><tr>
1311 <td class="c" style="background: mistyrose ">&nbsp;
1312
1313 </td><td class="c" style="background: rgb(255, 228, 225) ">&nbsp;
1314
1315 </td><td>mistyrose
1316
1317 </td><td class="c" style="background-color: #FFFFFF; ">#ffe4e1
1318
1319 </td><td class="c" style="background-color: #FFFFFF; ">255,228,225
1320
1321 </td></tr><tr>
1322 <td class="c" style="background: moccasin ">&nbsp;
1323
1324 </td><td class="c" style="background: rgb(255, 228, 181) ">&nbsp;
1325
1326 </td><td>moccasin
1327
1328 </td><td class="c" style="background-color: #FFFFFF; ">#ffe4b5
1329
1330 </td><td class="c" style="background-color: #FFFFFF; ">255,228,181
1331
1332 </td></tr><tr>
1333 <td class="c" style="background: navajowhite ">&nbsp;
1334
1335 </td><td class="c" style="background: rgb(255, 222, 173) ">&nbsp;
1336
1337 </td><td>navajowhite
1338
1339 </td><td class="c" style="background-color: #FFFFFF; ">#ffdead
1340
1341 </td><td class="c" style="background-color: #FFFFFF; ">255,222,173
1342
1343 </td></tr><tr>
1344 <td class="c" style="background: navy ">&nbsp;
1345
1346 </td><td class="c" style="background: rgb(0, 0, 128) ">&nbsp;
1347
1348 </td><td>navy
1349
1350 </td><td class="c" style="background-color: #FFFFFF; ">#000080
1351
1352 </td><td class="c" style="background-color: #FFFFFF; ">0,0,128
1353
1354 </td></tr><tr>
1355 <td class="c" style="background: oldlace ">&nbsp;
1356
1357 </td><td class="c" style="background: rgb(253, 245, 230) ">&nbsp;
1358
1359 </td><td>oldlace
1360
1361 </td><td class="c" style="background-color: #FFFFFF; ">#fdf5e6
1362
1363 </td><td class="c" style="background-color: #FFFFFF; ">253,245,230
1364
1365 </td></tr><tr>
1366 <td class="c" style="background: olive ">&nbsp;
1367
1368 </td><td class="c" style="background: rgb(128, 128, 0) ">&nbsp;
1369
1370 </td><td>olive
1371
1372 </td><td class="c" style="background-color: #FFFFFF; ">#808000
1373
1374 </td><td class="c" style="background-color: #FFFFFF; ">128,128,0
1375
1376 </td></tr><tr>
1377 <td class="c" style="background: olivedrab ">&nbsp;
1378
1379 </td><td class="c" style="background: rgb(107, 142, 35) ">&nbsp;
1380
1381 </td><td>olivedrab
1382
1383 </td><td class="c" style="background-color: #FFFFFF; ">#6b8e23
1384
1385 </td><td class="c" style="background-color: #FFFFFF; ">107,142,35
1386
1387 </td></tr><tr>
1388 <td class="c" style="background: orange ">&nbsp;
1389
1390 </td><td class="c" style="background: rgb(255, 165, 0) ">&nbsp;
1391
1392 </td><td>orange
1393
1394 </td><td class="c" style="background-color: #FFFFFF; ">#ffa500
1395
1396 </td><td class="c" style="background-color: #FFFFFF; ">255,165,0
1397
1398 </td></tr><tr>
1399 <td class="c" style="background: orangered ">&nbsp;
1400
1401 </td><td class="c" style="background: rgb(255, 69, 0) ">&nbsp;
1402
1403 </td><td>orangered
1404
1405 </td><td class="c" style="background-color: #FFFFFF; ">#ff4500
1406
1407 </td><td class="c" style="background-color: #FFFFFF; ">255,69,0
1408
1409 </td></tr><tr>
1410 <td class="c" style="background: orchid ">&nbsp;
1411
1412 </td><td class="c" style="background: rgb(218, 112, 214) ">&nbsp;
1413
1414 </td><td>orchid
1415
1416 </td><td class="c" style="background-color: #FFFFFF; ">#da70d6
1417
1418 </td><td class="c" style="background-color: #FFFFFF; ">218,112,214
1419
1420 </td></tr><tr>
1421 <td class="c" style="background: palegoldenrod ">&nbsp;
1422
1423 </td><td class="c" style="background: rgb(238, 232, 170) ">&nbsp;
1424
1425 </td><td>palegoldenrod
1426
1427 </td><td class="c" style="background-color: #FFFFFF; ">#eee8aa
1428
1429 </td><td class="c" style="background-color: #FFFFFF; ">238,232,170
1430
1431 </td></tr><tr>
1432 <td class="c" style="background: palegreen ">&nbsp;
1433
1434 </td><td class="c" style="background: rgb(152, 251, 152) ">&nbsp;
1435
1436 </td><td>palegreen
1437
1438 </td><td class="c" style="background-color: #FFFFFF; ">#98fb98
1439
1440 </td><td class="c" style="background-color: #FFFFFF; ">152,251,152
1441
1442 </td></tr><tr>
1443 <td class="c" style="background: paleturquoise ">&nbsp;
1444
1445 </td><td class="c" style="background: rgb(175, 238, 238) ">&nbsp;
1446
1447 </td><td>paleturquoise
1448
1449 </td><td class="c" style="background-color: #FFFFFF; ">#afeeee
1450
1451 </td><td class="c" style="background-color: #FFFFFF; ">175,238,238
1452
1453 </td></tr><tr>
1454 <td class="c" style="background: palevioletred ">&nbsp;
1455
1456 </td><td class="c" style="background: rgb(219, 112, 147) ">&nbsp;
1457
1458 </td><td>palevioletred
1459
1460 </td><td class="c" style="background-color: #FFFFFF; ">#db7093
1461
1462 </td><td class="c" style="background-color: #FFFFFF; ">219,112,147
1463
1464 </td></tr><tr>
1465 <td class="c" style="background: papayawhip ">&nbsp;
1466
1467 </td><td class="c" style="background: rgb(255, 239, 213) ">&nbsp;
1468
1469 </td><td>papayawhip
1470
1471 </td><td class="c" style="background-color: #FFFFFF; ">#ffefd5
1472
1473 </td><td class="c" style="background-color: #FFFFFF; ">255,239,213
1474
1475 </td></tr><tr>
1476 <td class="c" style="background: peachpuff ">&nbsp;
1477
1478 </td><td class="c" style="background: rgb(255, 218, 185) ">&nbsp;
1479
1480 </td><td>peachpuff
1481
1482 </td><td class="c" style="background-color: #FFFFFF; ">#ffdab9
1483
1484 </td><td class="c" style="background-color: #FFFFFF; ">255,218,185
1485
1486 </td></tr><tr>
1487 <td class="c" style="background: peru ">&nbsp;
1488
1489 </td><td class="c" style="background: rgb(205, 133, 63) ">&nbsp;
1490
1491 </td><td>peru
1492
1493 </td><td class="c" style="background-color: #FFFFFF; ">#cd853f
1494
1495 </td><td class="c" style="background-color: #FFFFFF; ">205,133,63
1496
1497 </td></tr><tr>
1498 <td class="c" style="background: pink ">&nbsp;
1499
1500 </td><td class="c" style="background: rgb(255, 192, 203) ">&nbsp;
1501
1502 </td><td>pink
1503
1504 </td><td class="c" style="background-color: #FFFFFF; ">#ffc0cb
1505
1506 </td><td class="c" style="background-color: #FFFFFF; ">255,192,203
1507
1508 </td></tr><tr>
1509 <td class="c" style="background: plum ">&nbsp;
1510
1511 </td><td class="c" style="background: rgb(221, 160, 221) ">&nbsp;
1512
1513 </td><td>plum
1514
1515 </td><td class="c" style="background-color: #FFFFFF; ">#dda0dd
1516
1517 </td><td class="c" style="background-color: #FFFFFF; ">221,160,221
1518
1519 </td></tr><tr>
1520 <td class="c" style="background: powderblue ">&nbsp;
1521
1522 </td><td class="c" style="background: rgb(176, 224, 230) ">&nbsp;
1523
1524 </td><td>powderblue
1525
1526 </td><td class="c" style="background-color: #FFFFFF; ">#b0e0e6
1527
1528 </td><td class="c" style="background-color: #FFFFFF; ">176,224,230
1529
1530 </td></tr><tr>
1531 <td class="c" style="background: purple ">&nbsp;
1532
1533 </td><td class="c" style="background: rgb(128, 0, 128) ">&nbsp;
1534
1535 </td><td>purple
1536
1537 </td><td class="c" style="background-color: #FFFFFF; ">#800080
1538
1539 </td><td class="c" style="background-color: #FFFFFF; ">128,0,128
1540
1541 </td></tr><tr>
1542 <td class="c" style="background: red ">&nbsp;
1543
1544 </td><td class="c" style="background: rgb(255, 0, 0) ">&nbsp;
1545
1546 </td><td>red
1547
1548 </td><td class="c" style="background-color: #FFFFFF; ">#ff0000
1549
1550 </td><td class="c" style="background-color: #FFFFFF; ">255,0,0
1551
1552 </td></tr><tr>
1553 <td class="c" style="background: rosybrown ">&nbsp;
1554
1555 </td><td class="c" style="background: rgb(188, 143, 143) ">&nbsp;
1556
1557 </td><td>rosybrown
1558
1559 </td><td class="c" style="background-color: #FFFFFF; ">#bc8f8f
1560
1561 </td><td class="c" style="background-color: #FFFFFF; ">188,143,143
1562
1563 </td></tr><tr>
1564 <td class="c" style="background: royalblue ">&nbsp;
1565
1566 </td><td class="c" style="background: rgb(65, 105, 225) ">&nbsp;
1567
1568 </td><td>royalblue
1569
1570 </td><td class="c" style="background-color: #FFFFFF; ">#4169e1
1571
1572 </td><td class="c" style="background-color: #FFFFFF; ">65,105,225
1573
1574 </td></tr><tr>
1575 <td class="c" style="background: saddlebrown ">&nbsp;
1576
1577 </td><td class="c" style="background: rgb(139, 69, 19) ">&nbsp;
1578
1579 </td><td>saddlebrown
1580
1581 </td><td class="c" style="background-color: #FFFFFF; ">#8b4513
1582
1583 </td><td class="c" style="background-color: #FFFFFF; ">139,69,19
1584
1585 </td></tr><tr>
1586 <td class="c" style="background: salmon ">&nbsp;
1587
1588 </td><td class="c" style="background: rgb(250, 128, 114) ">&nbsp;
1589
1590 </td><td>salmon
1591
1592 </td><td class="c" style="background-color: #FFFFFF; ">#fa8072
1593
1594 </td><td class="c" style="background-color: #FFFFFF; ">250,128,114
1595
1596 </td></tr><tr>
1597 <td class="c" style="background: sandybrown ">&nbsp;
1598
1599 </td><td class="c" style="background: rgb(244, 164, 96) ">&nbsp;
1600
1601 </td><td>sandybrown
1602
1603 </td><td class="c" style="background-color: #FFFFFF; ">#f4a460
1604
1605 </td><td class="c" style="background-color: #FFFFFF; ">244,164,96
1606
1607 </td></tr><tr>
1608 <td class="c" style="background: seagreen ">&nbsp;
1609
1610 </td><td class="c" style="background: rgb(46, 139, 87) ">&nbsp;
1611
1612 </td><td>seagreen
1613
1614 </td><td class="c" style="background-color: #FFFFFF; ">#2e8b57
1615
1616 </td><td class="c" style="background-color: #FFFFFF; ">46,139,87
1617
1618 </td></tr><tr>
1619 <td class="c" style="background: seashell ">&nbsp;
1620
1621 </td><td class="c" style="background: rgb(255, 245, 238) ">&nbsp;
1622
1623 </td><td>seashell
1624
1625 </td><td class="c" style="background-color: #FFFFFF; ">#fff5ee
1626
1627 </td><td class="c" style="background-color: #FFFFFF; ">255,245,238
1628
1629 </td></tr><tr>
1630 <td class="c" style="background: sienna ">&nbsp;
1631
1632 </td><td class="c" style="background: rgb(160, 82, 45) ">&nbsp;
1633
1634 </td><td>sienna
1635
1636 </td><td class="c" style="background-color: #FFFFFF; ">#a0522d
1637
1638 </td><td class="c" style="background-color: #FFFFFF; ">160,82,45
1639
1640 </td></tr><tr>
1641 <td class="c" style="background: silver; ">&nbsp;
1642
1643 </td><td class="c" style="background: rgb(192, 192, 192) ">&nbsp;
1644
1645 </td><td>silver
1646
1647 </td><td class="c" style="background-color: #FFFFFF; ">#c0c0c0
1648
1649 </td><td class="c" style="background-color: #FFFFFF; ">192,192,192
1650
1651 </td></tr><tr>
1652 <td class="c" style="background: skyblue ">&nbsp;
1653
1654 </td><td class="c" style="background: rgb(135, 206, 235) ">&nbsp;
1655
1656 </td><td>skyblue
1657
1658 </td><td class="c" style="background-color: #FFFFFF; ">#87ceeb
1659
1660 </td><td class="c" style="background-color: #FFFFFF; ">135,206,235
1661
1662 </td></tr><tr>
1663 <td class="c" style="background: slateblue ">&nbsp;
1664
1665 </td><td class="c" style="background: rgb(106, 90, 205) ">&nbsp;
1666
1667 </td><td>slateblue
1668
1669 </td><td class="c" style="background-color: #FFFFFF; ">#6a5acd
1670
1671 </td><td class="c" style="background-color: #FFFFFF; ">106,90,205
1672
1673 </td></tr><tr>
1674 <td class="c" style="background: slategray ">&nbsp;
1675
1676 </td><td class="c" style="background: rgb(112, 128, 144) ">&nbsp;
1677
1678 </td><td>slategray
1679
1680 </td><td class="c" style="background-color: #FFFFFF; ">#708090
1681
1682 </td><td class="c" style="background-color: #FFFFFF; ">112,128,144
1683
1684 </td></tr><tr>
1685 <td class="c" style="background: slategrey ">&nbsp;
1686
1687 </td><td class="c" style="background: rgb(112, 128, 144) ">&nbsp;
1688
1689 </td><td>slategrey
1690
1691 </td><td class="c" style="background-color: #FFFFFF; ">#708090
1692
1693 </td><td class="c" style="background-color: #FFFFFF; ">112,128,144
1694
1695 </td></tr><tr>
1696 <td class="c" style="background: snow ">&nbsp;
1697
1698 </td><td class="c" style="background: rgb(255, 250, 250) ">&nbsp;
1699
1700 </td><td>snow
1701
1702 </td><td class="c" style="background-color: #FFFFFF; ">#fffafa
1703
1704 </td><td class="c" style="background-color: #FFFFFF; ">255,250,250
1705
1706 </td></tr><tr>
1707 <td class="c" style="background: springgreen ">&nbsp;
1708
1709 </td><td class="c" style="background: rgb(0, 255, 127) ">&nbsp;
1710
1711 </td><td>springgreen
1712
1713 </td><td class="c" style="background-color: #FFFFFF; ">#00ff7f
1714
1715 </td><td class="c" style="background-color: #FFFFFF; ">0,255,127
1716
1717 </td></tr><tr>
1718 <td class="c" style="background: steelblue ">&nbsp;
1719
1720 </td><td class="c" style="background: rgb(70, 130, 180) ">&nbsp;
1721
1722 </td><td>steelblue
1723
1724 </td><td class="c" style="background-color: #FFFFFF; ">#4682b4
1725
1726 </td><td class="c" style="background-color: #FFFFFF; ">70,130,180
1727
1728 </td></tr><tr>
1729 <td class="c" style="background: tan ">&nbsp;
1730
1731 </td><td class="c" style="background: rgb(210, 180, 140) ">&nbsp;
1732
1733 </td><td>tan
1734
1735 </td><td class="c" style="background-color: #FFFFFF; ">#d2b48c
1736
1737 </td><td class="c" style="background-color: #FFFFFF; ">210,180,140
1738
1739 </td></tr><tr>
1740 <td class="c" style="background: teal ">&nbsp;
1741
1742 </td><td class="c" style="background: rgb(0, 128, 128) ">&nbsp;
1743
1744 </td><td>teal
1745
1746 </td><td class="c" style="background-color: #FFFFFF; ">#008080
1747
1748 </td><td class="c" style="background-color: #FFFFFF; ">0,128,128
1749
1750 </td></tr><tr>
1751 <td class="c" style="background: thistle ">&nbsp;
1752
1753 </td><td class="c" style="background: rgb(216, 191, 216) ">&nbsp;
1754
1755 </td><td>thistle
1756
1757 </td><td class="c" style="background-color: #FFFFFF; ">#d8bfd8
1758
1759 </td><td class="c" style="background-color: #FFFFFF; ">216,191,216
1760
1761 </td></tr><tr>
1762 <td class="c" style="background: tomato ">&nbsp;
1763
1764 </td><td class="c" style="background: rgb(255, 99, 71) ">&nbsp;
1765
1766 </td><td>tomato
1767
1768 </td><td class="c" style="background-color: #FFFFFF; ">#ff6347
1769
1770 </td><td class="c" style="background-color: #FFFFFF; ">255,99,71
1771
1772 </td></tr><tr>
1773 <td class="c" style="background: turquoise ">&nbsp;
1774
1775 </td><td class="c" style="background: rgb(64, 224, 208) ">&nbsp;
1776
1777 </td><td>turquoise
1778
1779 </td><td class="c" style="background-color: #FFFFFF; ">#40e0d0
1780
1781 </td><td class="c" style="background-color: #FFFFFF; ">64,224,208
1782
1783 </td></tr><tr>
1784 <td class="c" style="background: violet ">&nbsp;
1785
1786 </td><td class="c" style="background: rgb(238, 130, 238) ">&nbsp;
1787
1788 </td><td>violet
1789
1790 </td><td class="c" style="background-color: #FFFFFF; ">#ee82ee
1791
1792 </td><td class="c" style="background-color: #FFFFFF; ">238,130,238
1793
1794 </td></tr><tr>
1795 <td class="c" style="background: wheat ">&nbsp;
1796
1797 </td><td class="c" style="background: rgb(245, 222, 179) ">&nbsp;
1798
1799 </td><td>wheat
1800
1801 </td><td class="c" style="background-color: #FFFFFF; ">#f5deb3
1802
1803 </td><td class="c" style="background-color: #FFFFFF; ">245,222,179
1804
1805 </td></tr><tr>
1806 <td class="c" style="background: white ">&nbsp;
1807
1808 </td><td class="c" style="background: rgb(255, 255, 255) ">&nbsp;
1809
1810 </td><td>white
1811
1812 </td><td class="c" style="background-color: #FFFFFF; ">#ffffff
1813
1814 </td><td class="c" style="background-color: #FFFFFF; ">255,255,255
1815
1816 </td></tr><tr>
1817 <td class="c" style="background: whitesmoke ">&nbsp;
1818
1819 </td><td class="c" style="background: rgb(245, 245, 245) ">&nbsp;
1820
1821 </td><td>whitesmoke
1822
1823 </td><td class="c" style="background-color: #FFFFFF; ">#f5f5f5
1824
1825 </td><td class="c" style="background-color: #FFFFFF; ">245,245,245
1826
1827 </td></tr><tr>
1828 <td class="c" style="background: yellow ">&nbsp;
1829
1830 </td><td class="c" style="background: rgb(255, 255, 0) ">&nbsp;
1831
1832 </td><td>yellow
1833
1834 </td><td class="c" style="background-color: #FFFFFF; ">#ffff00
1835
1836 </td><td class="c" style="background-color: #FFFFFF; ">255,255,0
1837
1838 </td></tr><tr>
1839 <td class="c" style="background: yellowgreen ">&nbsp;
1840
1841 </td><td class="c" style="background: rgb(154, 205, 50) ">&nbsp;
1842
1843 </td><td>yellowgreen
1844
1845 </td><td class="c" style="background-color: #FFFFFF; ">#9acd32
1846
1847 </td><td class="c" style="background-color: #FFFFFF; ">154,205,50
1848 </td></tr></tbody></table>
1849
1850
1851';
1852
1853
1854//==============================================================
1855//==============================================================
1856//==============================================================
1857include("../mpdf.php");
1858
1859
1860$mpdf=new mPDF('c','A4','','',15,15,20,20,5,5);
1861
1862//==============================================================
1863
1864$mpdf->pagenumPrefix = 'Page ';
1865$mpdf->pagenumSuffix = '';
1866$mpdf->nbpgPrefix = ' of ';
1867$mpdf->nbpgSuffix = ' pages.';
1868$header = array(
1869 'L' => array(
1870 ),
1871 'C' => array(
1872 ),
1873 'R' => array(
1874 'content' => '{PAGENO}{nbpg}',
1875 'font-family' => 'sans',
1876 'font-style' => '',
1877 'font-size' => '9', /* gives default */
1878 ),
1879 'line' => 1,
1880);
1881$footer = '
1882<table width="100%" style="border-top: 0.1mm solid #000000; vertical-align: top; font-family: sans; font-size: 9pt; color: #000055;"><tr>
1883<td width="50%"></td>
1884<td width="50%" align="right">See <a href="http://mpdf1.com/manual/index.php">documentation manual</a> for further details</td>
1885</tr></table>
1886';
1887
1888$mpdf->SetHeader($header,'O');
1889$mpdf->SetHTMLFooter($footer);
1890//==============================================================
1891
1892$mpdf->SetDisplayMode('fullpage');
1893
1894$mpdf->WriteHTML($html);
1895
1896$mpdf->Output();
1897exit;
1898
1899//==============================================================
1900//==============================================================
1901//==============================================================
1902//==============================================================
1903
1904
1905?> \ No newline at end of file