diff options
Diffstat (limited to 'inc/3rdparty/libraries/mpdf/examples')
119 files changed, 21370 insertions, 0 deletions
diff --git a/inc/3rdparty/libraries/mpdf/examples/alpha.gif b/inc/3rdparty/libraries/mpdf/examples/alpha.gif new file mode 100644 index 00000000..1ade505e --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/alpha.gif | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/alpha.png b/inc/3rdparty/libraries/mpdf/examples/alpha.png new file mode 100644 index 00000000..a8acd151 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/alpha.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/alpha3.png b/inc/3rdparty/libraries/mpdf/examples/alpha3.png new file mode 100644 index 00000000..e62e50a0 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/alpha3.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/bayeux1.jpg b/inc/3rdparty/libraries/mpdf/examples/bayeux1.jpg new file mode 100644 index 00000000..c67f2522 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/bayeux1.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/bg.jpg b/inc/3rdparty/libraries/mpdf/examples/bg.jpg new file mode 100644 index 00000000..896ea63f --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/bg.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/bgbarcode.png b/inc/3rdparty/libraries/mpdf/examples/bgbarcode.png new file mode 100644 index 00000000..26120a89 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/bgbarcode.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/bgrock.jpg b/inc/3rdparty/libraries/mpdf/examples/bgrock.jpg new file mode 100644 index 00000000..2e0553a7 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/bgrock.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/borders2FF.jpg b/inc/3rdparty/libraries/mpdf/examples/borders2FF.jpg new file mode 100644 index 00000000..7c841d4e --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/borders2FF.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/borders2IE.jpg b/inc/3rdparty/libraries/mpdf/examples/borders2IE.jpg new file mode 100644 index 00000000..88ff6c5b --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/borders2IE.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/borders3FF.jpg b/inc/3rdparty/libraries/mpdf/examples/borders3FF.jpg new file mode 100644 index 00000000..9336c606 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/borders3FF.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/borders3IE.jpg b/inc/3rdparty/libraries/mpdf/examples/borders3IE.jpg new file mode 100644 index 00000000..12a4dfc8 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/borders3IE.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/borders4FF.jpg b/inc/3rdparty/libraries/mpdf/examples/borders4FF.jpg new file mode 100644 index 00000000..a553cd62 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/borders4FF.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/borders4IE.jpg b/inc/3rdparty/libraries/mpdf/examples/borders4IE.jpg new file mode 100644 index 00000000..bee0359c --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/borders4IE.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/bordersFF.jpg b/inc/3rdparty/libraries/mpdf/examples/bordersFF.jpg new file mode 100644 index 00000000..7da1c847 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/bordersFF.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/bordersIE.jpg b/inc/3rdparty/libraries/mpdf/examples/bordersIE.jpg new file mode 100644 index 00000000..f02003b5 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/bordersIE.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/bordersMPDF2.jpg b/inc/3rdparty/libraries/mpdf/examples/bordersMPDF2.jpg new file mode 100644 index 00000000..cf161ab7 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/bordersMPDF2.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/clematis.jpg b/inc/3rdparty/libraries/mpdf/examples/clematis.jpg new file mode 100644 index 00000000..d8078f85 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/clematis.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example01_basic.php b/inc/3rdparty/libraries/mpdf/examples/example01_basic.php new file mode 100644 index 00000000..09ffb376 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example01_basic.php | |||
@@ -0,0 +1,187 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <h1><a name="top"></a>mPDF</h1> | ||
6 | <h2>Basic HTML Example</h2> | ||
7 | This file demonstrates most of the HTML elements. | ||
8 | <h3>Heading 3</h3> | ||
9 | <h4>Heading 4</h4> | ||
10 | <h5>Heading 5</h5> | ||
11 | <h6>Heading 6</h6> | ||
12 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
13 | |||
14 | <hr /> | ||
15 | |||
16 | <div><img src="tiger.wmf" style="float:right;">DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
17 | <div><img src="klematis.jpg" style="opacity: 0.5; float: left;" />DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
18 | |||
19 | <blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote> | ||
20 | |||
21 | <address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address> | ||
22 | |||
23 | <pre>PRE: Cum sociis natoque penatibus et magnis dis parturient montes, | ||
24 | nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis | ||
25 | dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras | ||
26 | sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. | ||
27 | Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, | ||
28 | ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui.</pre> | ||
29 | |||
30 | <div><a href="#top">Hyperlink (<a>)</a></div> | ||
31 | <div><a href="http://www.pallcare.info">Hyperlink (<a>)</a></div> | ||
32 | |||
33 | <div>Styles - <tt>tt(teletype)</tt> <i>italic</i> <b>bold</b> <big>big</big> <small>small</small> <em>emphasis</em> <strong>strong</strong> <br />new lines<br> | ||
34 | <code>code</code> <samp>sample</samp> <kbd>keyboard</kbd> <var>variable</var> <cite>citation</cite> <abbr>abbr.</abbr> <acronym>ACRONYM</acronym> <sup>sup</sup> <sub>sub</sub> <strike>strike</strike> <s>strike-s</s> <u>underline</u> <del>delete</del> <ins>insert</ins> <q>To be or not to be</q> <font face="sans-serif" color="#880000" size="5">font changing face, size and color</font> | ||
35 | </div> | ||
36 | |||
37 | <p style="font-size:15pt; color:#440066">Paragraph using the in-line style to determine the font-size (15pt) and colour</p> | ||
38 | |||
39 | |||
40 | <h3>Testing BIG, SMALL, UNDERLINE, STRIKETHROUGH, FONT color, ACRONYM, SUPERSCRIPT and SUBSCRIPT</h3> | ||
41 | <p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline and <s>strikethrough and <sup>sup</sup></s></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
42 | |||
43 | <p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
44 | |||
45 | <p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
46 | |||
47 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
48 | |||
49 | <p>The above repeated, but starting with a paragraph with font-size specified (7pt)</p> | ||
50 | |||
51 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <small>small <s>strikethrough</s> in small span</small> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
52 | |||
53 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
54 | |||
55 | <p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
56 | |||
57 | <p><small>This tests <u>underline</u> and <s>strikethrough</s> when they are <s><u>used together</u></s> as they both use text-decoration</small></p> | ||
58 | |||
59 | |||
60 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
61 | |||
62 | <p style="font-size:7pt;"><big>Repeated in BIG but with font-size set to 7pt by in-line css: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
63 | |||
64 | <ol> | ||
65 | <li>Item <b><u>1</u></b></li> | ||
66 | <li>Item 2<sup>32</sup></li> | ||
67 | <li><small>Item</small> 3</li> | ||
68 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. | ||
69 | <ul> | ||
70 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. </li> | ||
71 | <li>Subitem 2 | ||
72 | <ul> | ||
73 | <li> | ||
74 | Level 3 subitem | ||
75 | </li> | ||
76 | </ul> | ||
77 | </li> | ||
78 | </ul> | ||
79 | </li> | ||
80 | <li>Item 5</li> | ||
81 | </ol> | ||
82 | |||
83 | <dl> | ||
84 | <dt>Definition list</dt> | ||
85 | <dd>List defined by DL, DD and DT tags</dd> | ||
86 | </dl> | ||
87 | |||
88 | <p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
89 | |||
90 | <table border="1"> | ||
91 | <thead> | ||
92 | <tr> | ||
93 | <th>Data</th> | ||
94 | <td>Data</td> | ||
95 | <td>Data</td> | ||
96 | <td>Data<br />2nd line</td> | ||
97 | </tr> | ||
98 | </thead> | ||
99 | <tbody> | ||
100 | <tr> | ||
101 | <th>More Data</th> | ||
102 | <td>More Data</td> | ||
103 | <td>More Data</td> | ||
104 | <td>Data<br />2nd line</td> | ||
105 | </tr> | ||
106 | <tr> | ||
107 | <th>Data</th> | ||
108 | <td>Data</td> | ||
109 | <td>Data</td> | ||
110 | <td>Data<br />2nd line</td> | ||
111 | </tr> | ||
112 | <tr> | ||
113 | <th>Data</th> | ||
114 | <td>Data</td> | ||
115 | <td>Data</td> | ||
116 | <td>Data<br />2nd line</td> | ||
117 | </tr> | ||
118 | </tbody> | ||
119 | </table> | ||
120 | |||
121 | <p>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p> | ||
122 | |||
123 | <form> | ||
124 | |||
125 | <b>Textarea</b> | ||
126 | <textarea name="authors" rows="5" cols="80" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
127 | <br /><br /> | ||
128 | |||
129 | <b>Select</b> | ||
130 | <select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> followed by text | ||
131 | <br /><br /> | ||
132 | |||
133 | |||
134 | |||
135 | <b>Input Radio</b> | ||
136 | <input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes | ||
137 | <br /><br /> | ||
138 | |||
139 | |||
140 | <b>Input Radio</b> | ||
141 | <input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice | ||
142 | <br /><br /> | ||
143 | |||
144 | |||
145 | <b>Input Text</b> | ||
146 | <input type="text" size="190" name="doi" value="10.1258/jrsm.100.5.211"> | ||
147 | <br /><br /> | ||
148 | |||
149 | <b>Input Password</b> | ||
150 | <input type="password" size="40" name="password" value="secret"> | ||
151 | <br /><br /> | ||
152 | |||
153 | |||
154 | <input type="checkbox" name="QPC" value="ON" > Checkboxes<br> | ||
155 | <input type="checkbox" name="QPA" value="ON" > Not selected<br> | ||
156 | <input type="checkbox" name="QLY" value="ON" checked="checked" > Selected<br> | ||
157 | <input type="checkbox" name="QLY" value="ON" disabled="disabled" > Disabled | ||
158 | <br /><br /> | ||
159 | |||
160 | <input type="submit" name="submit" value="Submit" /> | ||
161 | <input type="image" name="submit" src="goto.gif" /> | ||
162 | <input type="button" name="submit" value="Button" /> | ||
163 | <input type="reset" name="submit" value="Reset" /> | ||
164 | |||
165 | </form> | ||
166 | |||
167 | '; | ||
168 | |||
169 | |||
170 | //============================================================== | ||
171 | //============================================================== | ||
172 | //============================================================== | ||
173 | |||
174 | include("../mpdf.php"); | ||
175 | |||
176 | $mpdf=new mPDF(); | ||
177 | |||
178 | $mpdf->WriteHTML($html); | ||
179 | $mpdf->Output(); | ||
180 | exit; | ||
181 | |||
182 | //============================================================== | ||
183 | //============================================================== | ||
184 | //============================================================== | ||
185 | |||
186 | |||
187 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example02_CSS_styles.php b/inc/3rdparty/libraries/mpdf/examples/example02_CSS_styles.php new file mode 100644 index 00000000..b423e6bb --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example02_CSS_styles.php | |||
@@ -0,0 +1,41 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <h1>mPDF</h1> | ||
7 | <h2>Basic Example Using CSS Styles</h2> | ||
8 | <p class="breadcrumb">Chapter » Topic</p> | ||
9 | <h3>Heading 3</h3> | ||
10 | <h4>Heading 4</h4> | ||
11 | <h5>Heading 5</h5> | ||
12 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
13 | <h4>Heading using Small-Caps - supported from mPDF version 5</h4> | ||
14 | <p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p> | ||
15 | '; | ||
16 | |||
17 | |||
18 | //============================================================== | ||
19 | //============================================================== | ||
20 | //============================================================== | ||
21 | |||
22 | include("../mpdf.php"); | ||
23 | |||
24 | $mpdf=new mPDF('c'); | ||
25 | |||
26 | $mpdf->SetDisplayMode('fullpage'); | ||
27 | |||
28 | // LOAD a stylesheet | ||
29 | $stylesheet = file_get_contents('mpdfstyleA4.css'); | ||
30 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
31 | |||
32 | $mpdf->WriteHTML($html); | ||
33 | |||
34 | $mpdf->Output(); | ||
35 | |||
36 | exit; | ||
37 | //============================================================== | ||
38 | //============================================================== | ||
39 | //============================================================== | ||
40 | |||
41 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example03_backgrounds_and_borders.php b/inc/3rdparty/libraries/mpdf/examples/example03_backgrounds_and_borders.php new file mode 100644 index 00000000..ca137027 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example03_backgrounds_and_borders.php | |||
@@ -0,0 +1,138 @@ | |||
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 | } | ||
23 | h4 { | ||
24 | font-family: sans; | ||
25 | font-weight: bold; | ||
26 | margin-top: 1em; | ||
27 | margin-bottom: 0.5em; | ||
28 | } | ||
29 | div { | ||
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 | |||
40 | pre { text-align:left } | ||
41 | pre.code { font-family: monospace } | ||
42 | |||
43 | </style> | ||
44 | |||
45 | <body style="background-gradient: linear #88FFFF #FFFF44 0 0.5 1 0.5;"> | ||
46 | <h1>mPDF</h1> | ||
47 | <h2>Backgrounds & Borders</h2> | ||
48 | |||
49 | <div style="border:0.1mm solid #220044; padding:1em 2em; background-color:#ffffcc; "> | ||
50 | <h4>Page background</h4> | ||
51 | <div class="gradient"> | ||
52 | The background colour can be set by CSS styles on the <body> tag. This will set the background for the whole page. In this document, the background has been set as a gradient (see below). | ||
53 | </div> | ||
54 | |||
55 | <h4>Background Gradients</h4> | ||
56 | <div class="gradient"> | ||
57 | Background can be set as a linear or radial gradient between two colours. The background has been set on this <div> element to a linear gradient. CSS style used here is:<br /> | ||
58 | <span style="font-family: mono; font-size: 9pt;">background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;</span><br /> | ||
59 | The 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. | ||
60 | <br /> | ||
61 | <br /> | ||
62 | Background gradients can be set on all block elements e.g. P, DIV, H1-H6, as well as on BODY. | ||
63 | </div> | ||
64 | <div class="radialgradient"> | ||
65 | The background has been set on this <div> element to a radial gradient. CSS style used here is:<br /> | ||
66 | <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 /> | ||
67 | The five numbers are coordinates in the form (x1, y1, x2, y2, r) where (x1, y1) is the starting point of the gradient with color1, | ||
68 | (x2, y2) is the center of the circle with color2, and r is the radius of the circle. | ||
69 | (x1, y1) should be inside the circle, otherwise some areas will not be defined. | ||
70 | <br /> | ||
71 | <br /> | ||
72 | Cum 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. | ||
73 | </div> | ||
74 | |||
75 | <h4>Background Images</h4> | ||
76 | <div style="border:0.1mm solid #880000; background: transparent url(bg.jpg) repeat fixed right top; background-color:#ccffff; "> | ||
77 | The CSS properties background-image, background-position, and background-repeat are supported as defined in CSS2, as well as the shorthand form "background". | ||
78 | <br /> | ||
79 | The background has been set on this <div> element to:<br /> | ||
80 | <span style="font-family: mono; font-size: 9pt;">background: transparent url(\'bg.jpg\') repeat fixed right top;</span><br /> | ||
81 | Background gradients can be set on all block elements e.g. P, DIV, H1-H6, as well as on BODY. | ||
82 | </div> | ||
83 | |||
84 | <h4>Rounded Borders</h4> | ||
85 | <div class="rounded"> | ||
86 | Rounded 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 /> | ||
87 | |||
88 | The 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. | ||
89 | The first value is the horizontal radius. <br /> | ||
90 | <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 /> | ||
91 | |||
92 | If 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 /> | ||
93 | |||
94 | The 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. | ||
95 | </div> | ||
96 | <div class="rounded"> | ||
97 | <span style="font-family: mono; font-size: 9pt;">border-radius: 4em;</span><br /> | ||
98 | |||
99 | would be equivalent to<br /> | ||
100 | |||
101 | <span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 4em;<br /> | ||
102 | border-top-right-radius: 4em;<br /> | ||
103 | border-bottom-right-radius: 4em;<br /> | ||
104 | border-bottom-left-radius: 4em;</span><br /> | ||
105 | <br /> | ||
106 | and<br /> | ||
107 | <span style="font-family: mono; font-size: 9pt;">border-radius: 2em 1em 4em / 0.5em 3em;</span><br /> | ||
108 | would be equivalent to<br /> | ||
109 | <span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 2em 0.5em;<br /> | ||
110 | border-top-right-radius: 1em 3em;<br /> | ||
111 | border-bottom-right-radius: 4em 0.5em;<br /> | ||
112 | border-bottom-left-radius: 1em 3em;</span> | ||
113 | </div> | ||
114 | |||
115 | </div> | ||
116 | '; | ||
117 | |||
118 | //============================================================== | ||
119 | //============================================================== | ||
120 | //============================================================== | ||
121 | include("../mpdf.php"); | ||
122 | |||
123 | $mpdf=new mPDF(); | ||
124 | |||
125 | $mpdf->SetDisplayMode('fullpage'); | ||
126 | |||
127 | $mpdf->WriteHTML($html); | ||
128 | |||
129 | $mpdf->Output(); | ||
130 | |||
131 | exit; | ||
132 | |||
133 | //============================================================== | ||
134 | //============================================================== | ||
135 | //============================================================== | ||
136 | |||
137 | |||
138 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example04_images.php b/inc/3rdparty/libraries/mpdf/examples/example04_images.php new file mode 100644 index 00000000..b9877634 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example04_images.php | |||
@@ -0,0 +1,207 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <style> | ||
7 | table { border-collapse: collapse; margin-top: 0; text-align: center; } | ||
8 | td { padding: 0.5em; } | ||
9 | h1 { margin-bottom: 0; }z | ||
10 | </style> | ||
11 | <h1>mPDF Images</h1> | ||
12 | |||
13 | <table> | ||
14 | <tr> | ||
15 | <td>GIF</td> | ||
16 | <td>JPG</td> | ||
17 | <td>JPG (CMYK)</td> | ||
18 | <td>PNG</td> | ||
19 | <td>BMP</td> | ||
20 | <td>WMF</td> | ||
21 | <td>SVG</td> | ||
22 | </tr> | ||
23 | <tr> | ||
24 | <td><img style="vertical-align: top" src="tiger.gif" width="80" /></td> | ||
25 | <td><img style="vertical-align: top" src="tiger.jpg" width="80" /></td> | ||
26 | <td><img style="vertical-align: top" src="tigercmyk.jpg" width="80" /></td> | ||
27 | <td><img style="vertical-align: top" src="tiger.png" width="80" /></td> | ||
28 | <td><img style="vertical-align: top" src="tiger.bmp" width="80" /></td> | ||
29 | <td><img style="vertical-align: top" src="tiger2.wmf" width="80" /></td> | ||
30 | <td><img style="vertical-align: top" src="tiger.svg" width="80" /></td> | ||
31 | </tr> | ||
32 | </tr> | ||
33 | <tr> | ||
34 | <td colspan="7" style="text-align: left" ><h4>Opacity 50%</h4></td> | ||
35 | </tr> | ||
36 | <tr> | ||
37 | <tr> | ||
38 | <td><img style="vertical-align: top; opacity: 0.5" src="tiger.gif" width="80" /></td> | ||
39 | <td><img style="vertical-align: top; opacity: 0.5" src="tiger.jpg" width="80" /></td> | ||
40 | <td><img style="vertical-align: top; opacity: 0.5" src="tigercmyk.jpg" width="80" /></td> | ||
41 | <td><img style="vertical-align: top; opacity: 0.5" src="tiger.png" width="80" /></td> | ||
42 | <td><img style="vertical-align: top; opacity: 0.5" src="tiger.bmp" width="80" /></td> | ||
43 | <td><img style="vertical-align: top; opacity: 0.5" src="tiger2.wmf" width="80" /></td> | ||
44 | <td><img style="vertical-align: top; opacity: 0.5" src="tiger.svg" width="80" /></td> | ||
45 | </tr> | ||
46 | </table> | ||
47 | |||
48 | <h4>Alpha channel</h4> | ||
49 | <table> | ||
50 | <tr> | ||
51 | <td>PNG</td> | ||
52 | <td><img style="vertical-align: top" src="alpha.png" width="85" /></td> | ||
53 | <td style="background-color:#FFCCFF; "><img style="vertical-align: top" src="alpha.png" width="85" /></td> | ||
54 | <td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="alpha.png" width="85" /></td> | ||
55 | <td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="alpha.png" width="85" /></td> | ||
56 | <td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="alpha.png" width="85" /></td> | ||
57 | </tr> | ||
58 | </table> | ||
59 | <h4>Transparency</h4> | ||
60 | <table><tr> | ||
61 | <td>PNG</td> | ||
62 | <td style="background-color:#FFCCFF; "><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td> | ||
63 | <td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td> | ||
64 | <td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td> | ||
65 | <td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger24trns.png" width="85" /></td> | ||
66 | </tr><tr> | ||
67 | <td>GIF</td> | ||
68 | <td style="background-color:#FFCCFF;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td> | ||
69 | <td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td> | ||
70 | <td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td> | ||
71 | <td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger8trns.gif" width="85" /></td> | ||
72 | </tr><tr> | ||
73 | <td>WMF</td> | ||
74 | <td style="background-color:#FFCCFF;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td> | ||
75 | <td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td> | ||
76 | <td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td> | ||
77 | <td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger2.wmf" width="85" /></td> | ||
78 | </tr><tr> | ||
79 | <td>SVG</td> | ||
80 | <td style="background-color:#FFCCFF;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td> | ||
81 | <td style="background-color:#FFFFCC;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td> | ||
82 | <td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td> | ||
83 | <td style="background-color:#CCFFFF; background: transparent url(\'bg.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="tiger.svg" width="85" /></td> | ||
84 | </tr></table> | ||
85 | |||
86 | |||
87 | Images returned from tiger.php | ||
88 | <div> | ||
89 | GIF <img style="vertical-align: top" src="tiger.php?t=gif" width="85" /> | ||
90 | JPG <img style="vertical-align: top" src="tiger.php?t=jpg" width="85" /> | ||
91 | PNG <img style="vertical-align: top" src="tiger.php?t=png" width="85" /> | ||
92 | WMF <img style="vertical-align: top" src="tiger.php?t=wmf" width="85" /> | ||
93 | SVG <img style="vertical-align: top" src="tiger.php?t=svg" width="85" /> | ||
94 | </div> | ||
95 | |||
96 | <pagebreak /> | ||
97 | |||
98 | |||
99 | <h3>Image Alignment</h3> | ||
100 | <div>From mPDF version 4.2 onwards, in-line images can be individually aligned (vertically). Most of the values for "vertical-align" are supported: top, bottom, middle, baseline, text-top, and text-bottom. The default value for vertical alignment has been changed to baseline, and the default padding to 0, consistent with most browsers. | ||
101 | </div> | ||
102 | <br /> | ||
103 | |||
104 | <div style="background-color:#CCFFFF;"> | ||
105 | These images <img src="img1.png" style="vertical-align: top;" /> | ||
106 | are <img src="img2.png" style="vertical-align: top;" /> | ||
107 | <b>top</b> <img src="img3.png" style="vertical-align: top;" /> | ||
108 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
109 | </div> | ||
110 | <br /> | ||
111 | |||
112 | <div style="background-color:#CCFFFF;"> | ||
113 | These images <img src="img1.png" style="vertical-align: text-top;" /> | ||
114 | are <img src="img2.png" style="vertical-align: text-top;" /> | ||
115 | <b>text-top</b> <img src="img3.png" style="vertical-align: text-top;" /> | ||
116 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
117 | </div> | ||
118 | <br /> | ||
119 | |||
120 | <div style="background-color:#CCFFFF;"> | ||
121 | These images <img src="img1.png" style="vertical-align: bottom;" /> | ||
122 | are <img src="img2.png" style="vertical-align: bottom;" /> | ||
123 | <b>bottom</b> <img src="img3.png" style="vertical-align: bottom;" /> | ||
124 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
125 | </div> | ||
126 | <br /> | ||
127 | |||
128 | <div style="background-color:#CCFFFF;"> | ||
129 | These images <img src="img1.png" style="vertical-align: text-bottom;" /> | ||
130 | are <img src="img2.png" style="vertical-align: text-bottom;" /> | ||
131 | <b>text-bottom</b> <img src="img3.png" style="vertical-align: text-bottom;" /> | ||
132 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
133 | </div> | ||
134 | <br /> | ||
135 | |||
136 | <div style="background-color:#CCFFFF;"> | ||
137 | These images <img src="img1.png" style="vertical-align: baseline;" /> | ||
138 | are <img src="img2.png" style="vertical-align: baseline;" /> | ||
139 | <b>baseline</b> <img src="img3.png" style="vertical-align: baseline;" /> | ||
140 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
141 | </div> | ||
142 | <br /> | ||
143 | |||
144 | <div style="background-color:#CCFFFF;"> | ||
145 | These images <img src="img1.png" style="vertical-align: middle;" /> | ||
146 | are <img src="img2.png" style="vertical-align: middle;" /> | ||
147 | <b>middle</b> <img src="img3.png" style="vertical-align: middle;" /> | ||
148 | aligned <img src="img5.png" style="vertical-align: bottom;" /> | ||
149 | </div> | ||
150 | <br /> | ||
151 | |||
152 | <h4>Mixed alignment</h4> | ||
153 | <div style="background-color:#CCFFFF;"> | ||
154 | baseline: <img src="sunset.jpg" width="50" style="vertical-align: baseline;" /> | ||
155 | text-bottom: <img src="sunset.jpg" width="30" style="vertical-align: text-bottom;" /> | ||
156 | middle: <img src="sunset.jpg" width="30" style="vertical-align: middle;" /> | ||
157 | bottom: <img src="sunset.jpg" width="80" style="vertical-align: bottom;" /> | ||
158 | text-top: <img src="sunset.jpg" width="50" style="vertical-align: text-top;" /> | ||
159 | top: <img src="sunset.jpg" width="100" style="vertical-align: top;" /> | ||
160 | </div> | ||
161 | |||
162 | <h3>Image Border and padding</h3> | ||
163 | From mPDF v4.2, Image padding is supported as well as border and margin. | ||
164 | <img src="sunset.jpg" width="100" style="border:3px solid #44FF44; padding: 1em;" /> | ||
165 | |||
166 | <h3>Rotated Images</h3> | ||
167 | <img src="tiger.png" width="100" /> | ||
168 | <img src="tiger.png" rotate="90" width="100" /> | ||
169 | <img src="tiger.png" rotate="180" width="100" /> | ||
170 | <img src="tiger.png" rotate="-90" width="100" /> | ||
171 | <br /> | ||
172 | <img src="tiger.jpg" width="100" /> | ||
173 | <img src="tiger.jpg" rotate="90" width="100" /> | ||
174 | <img src="tiger.jpg" rotate="180" width="100" /> | ||
175 | <img src="tiger.jpg" rotate="-90" width="100" /> | ||
176 | <br /> | ||
177 | <img src="tiger2.wmf" width="80" /> | ||
178 | <img src="tiger2.wmf" rotate="90" width="80" /> | ||
179 | <img src="tiger2.wmf" rotate="180" width="80" /> | ||
180 | <img src="tiger2.wmf" rotate="-90" width="80" /> | ||
181 | <br /> | ||
182 | <img src="tiger.svg" width="100" /> | ||
183 | <img src="tiger.svg" rotate="90" width="85" /> | ||
184 | <img src="tiger.svg" rotate="180" width="100" /> | ||
185 | <img src="tiger.svg" rotate="-90" width="85" /> | ||
186 | <br /> | ||
187 | |||
188 | '; | ||
189 | //============================================================== | ||
190 | //============================================================== | ||
191 | //============================================================== | ||
192 | include("../mpdf.php"); | ||
193 | |||
194 | $mpdf=new mPDF('c'); | ||
195 | |||
196 | $mpdf->WriteHTML($html); | ||
197 | |||
198 | $mpdf->Output(); | ||
199 | exit; | ||
200 | //============================================================== | ||
201 | //============================================================== | ||
202 | //============================================================== | ||
203 | //============================================================== | ||
204 | //============================================================== | ||
205 | |||
206 | |||
207 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example05_tables.php b/inc/3rdparty/libraries/mpdf/examples/example05_tables.php new file mode 100644 index 00000000..997614a5 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example05_tables.php | |||
@@ -0,0 +1,1017 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <h1>mPDF</h1> | ||
7 | <h2>Tables</h2> | ||
8 | <h3>CSS Styles</h3> | ||
9 | <p>The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH.<br />See below for other facilities such as autosizing, and rotation.</p> | ||
10 | <table border="1"> | ||
11 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
12 | |||
13 | <tr><td>Row 2</td> | ||
14 | |||
15 | <td style="background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;"> | ||
16 | <p>This is data p</p> | ||
17 | This is data out of p | ||
18 | <p style="font-weight:bold; font-size:20pt; background-color:#FFBBFF;">This is bold data p</p> | ||
19 | <b>This is bold data out of p</b><br /> | ||
20 | This is normal data after br | ||
21 | <h3>H3 in a table</h3> | ||
22 | <div>This is data div</div> | ||
23 | This is data out of div | ||
24 | <div style="font-weight:bold;">This is data div (bold)</div> | ||
25 | This is data out of div | ||
26 | </td> | ||
27 | |||
28 | |||
29 | <td><p>More data</p><p style="font-size:12pt;">This is large text</p></td></tr> | ||
30 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
31 | <tr><td><p>Row 4 <td> cell</p></td><td>This is data</td><td><p>This is data</p></td></tr> | ||
32 | <tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr> | ||
33 | <tr><td>Row 6</td><td>Also data</td><td>Also data</td></tr> | ||
34 | <tr><td>Row 7</td><td>Also data</td><td>Also data</td></tr> | ||
35 | <tr><td>Row 8</td><td>Also data</td><td>Also data</td></tr> | ||
36 | </tbody></table> | ||
37 | |||
38 | <p>This table has padding-left and -right set to 5mm i.e. padding within the cells. Also border colour and style, font family and size are set by <acronym>CSS</acronym>.</p> | ||
39 | <table align="right" style="border: 1px solid #880000; font-family: Mono; font-size: 7pt; " class="widecells"> | ||
40 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
41 | <tr><td>Row 2</td><td><p>This is data p</p></td><td><p>More data</p></td></tr> | ||
42 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
43 | <tr><td><p>Row 4 <td> cell</p></td><td>This is data</td><td><p>This is data</p></td></tr> | ||
44 | <tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr> | ||
45 | <tr><td>Row 6</td><td>Also data</td><td>Also data</td></tr> | ||
46 | <tr><td>Row 7</td><td>Also data</td><td>Also data</td></tr> | ||
47 | <tr><td>Row 8</td><td>Also data</td><td>Also data</td></tr> | ||
48 | </tbody></table> | ||
49 | |||
50 | <p>This table has padding-top and -bottom set to 3mm i.e. padding within the cells. Also background-, border colour and style, font family and size are set by in-line <acronym>CSS</acronym>.</p> | ||
51 | <table style="border: 1px solid #880000; background-color: #BBCCDD; font-family: Mono; font-size: 7pt; " class="tallcells"> | ||
52 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
53 | <tr><td>Row 2</td><td><p>This is data p</p></td><td><p>More data</p></td></tr> | ||
54 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
55 | </tbody></table> | ||
56 | |||
57 | |||
58 | <h3 style="margin-top: 20pt; margin-collapse:collapse;">Table Styles</h3> | ||
59 | <p>The style sheet used for these examples shows some of the table styles I use on my website. The property \'topntail\' defined by a border-type definition e.g. "1px solid #880000" puts a border at the top and bottom of the table, and also below a header row (thead) if defined. Note also that <thead> will automatically turn on the header-repeat i.e. reproduce the header row at the top of each page.</p> | ||
60 | <p>bpmTopic Class</p> | ||
61 | <table class="bpmTopic"><thead></thead><tbody> | ||
62 | <tr> | ||
63 | <td>Row 1</td> | ||
64 | <td>This is data</td> | ||
65 | <td>This is data</td> | ||
66 | </tr> | ||
67 | <tr> | ||
68 | <td>Row 2</td> | ||
69 | <td> | ||
70 | <p>This is data p</p> | ||
71 | </td> | ||
72 | <td> | ||
73 | <p>More data</p> | ||
74 | </td> | ||
75 | </tr> | ||
76 | <tr> | ||
77 | <td> | ||
78 | <p>Row 3</p> | ||
79 | </td> | ||
80 | <td> | ||
81 | <p>This is long data</p> | ||
82 | </td> | ||
83 | <td>This is data</td> | ||
84 | </tr> | ||
85 | <tr> | ||
86 | <td> | ||
87 | <p>Row 4 <td> cell</p> | ||
88 | </td> | ||
89 | <td>This is data</td> | ||
90 | <td> | ||
91 | <p>This is data</p> | ||
92 | </td> | ||
93 | </tr> | ||
94 | <tr> | ||
95 | <td>Row 5</td> | ||
96 | <td>Also data</td> | ||
97 | <td>Also data</td> | ||
98 | </tr> | ||
99 | <tr> | ||
100 | <td>Row 6</td> | ||
101 | <td>Also data</td> | ||
102 | <td>Also data</td> | ||
103 | </tr> | ||
104 | <tr> | ||
105 | <td>Row 7</td> | ||
106 | <td>Also data</td> | ||
107 | <td>Also data</td> | ||
108 | </tr> | ||
109 | <tr> | ||
110 | <td>Row 8</td> | ||
111 | <td>Also data</td> | ||
112 | <td>Also data</td> | ||
113 | </tr> | ||
114 | </tbody></table> | ||
115 | |||
116 | <p> </p> | ||
117 | |||
118 | <p>bpmTopic<b>C</b> Class (centered) Odd and Even rows</p> | ||
119 | <table class="bpmTopicC"><thead> | ||
120 | <tr class="headerrow"><th>Col/Row Header</th> | ||
121 | <td> | ||
122 | <p>Second column header p</p> | ||
123 | </td> | ||
124 | <td>Third column header</td> | ||
125 | </tr> | ||
126 | </thead><tbody> | ||
127 | <tr class="oddrow"><th>Row header 1</th> | ||
128 | <td>This is data</td> | ||
129 | <td>This is data</td> | ||
130 | </tr> | ||
131 | <tr class="evenrow"><th>Row header 2</th> | ||
132 | <td> | ||
133 | <p>This is data p</p> | ||
134 | </td> | ||
135 | <td> | ||
136 | <p>This is data</p> | ||
137 | </td> | ||
138 | </tr> | ||
139 | <tr class="oddrow"><th> | ||
140 | <p>Row header 3</p> | ||
141 | </th> | ||
142 | <td> | ||
143 | <p>This is long data</p> | ||
144 | </td> | ||
145 | <td>This is data</td> | ||
146 | </tr> | ||
147 | <tr class="evenrow"><th> | ||
148 | <p>Row header 4</p> | ||
149 | <p><th> cell acting as header</p> | ||
150 | </th> | ||
151 | <td>This is data</td> | ||
152 | <td> | ||
153 | <p>This is data</p> | ||
154 | </td> | ||
155 | </tr> | ||
156 | <tr class="oddrow"><th>Row header 5</th> | ||
157 | <td>Also data</td> | ||
158 | <td>Also data</td> | ||
159 | </tr> | ||
160 | <tr class="evenrow"><th>Row header 6</th> | ||
161 | <td>Also data</td> | ||
162 | <td>Also data</td> | ||
163 | </tr> | ||
164 | <tr class="oddrow"><th>Row header 7</th> | ||
165 | <td>Also data</td> | ||
166 | <td>Also data</td> | ||
167 | </tr> | ||
168 | <tr class="evenrow"><th>Row header 8</th> | ||
169 | <td>Also data</td> | ||
170 | <td>Also data</td> | ||
171 | </tr> | ||
172 | </tbody></table> | ||
173 | |||
174 | <p> </p> | ||
175 | |||
176 | <p>bpmTopnTail Class </p> | ||
177 | <table class="bpmTopnTail"><thead></thead><tbody> | ||
178 | <tr> | ||
179 | <td>Row 1</td> | ||
180 | <td>This is data</td> | ||
181 | <td>This is data</td> | ||
182 | </tr> | ||
183 | <tr> | ||
184 | <td>Row 2</td> | ||
185 | <td> | ||
186 | <p>This is data p</p> | ||
187 | </td> | ||
188 | <td> | ||
189 | <p>This is data</p> | ||
190 | </td> | ||
191 | </tr> | ||
192 | <tr> | ||
193 | <td> | ||
194 | <p>Row 3</p> | ||
195 | </td> | ||
196 | <td> | ||
197 | <p>This is long data</p> | ||
198 | </td> | ||
199 | <td>This is data</td> | ||
200 | </tr> | ||
201 | <tr> | ||
202 | <td> | ||
203 | <p>Row 4 <td> cell</p> | ||
204 | </td> | ||
205 | <td>This is data</td> | ||
206 | <td> | ||
207 | <p>This is data</p> | ||
208 | </td> | ||
209 | </tr> | ||
210 | <tr> | ||
211 | <td>Row 5</td> | ||
212 | <td>Also data</td> | ||
213 | <td>Also data</td> | ||
214 | </tr> | ||
215 | <tr> | ||
216 | <td>Row 6</td> | ||
217 | <td>Also data</td> | ||
218 | <td>Also data</td> | ||
219 | </tr> | ||
220 | <tr> | ||
221 | <td>Row 7</td> | ||
222 | <td>Also data</td> | ||
223 | <td>Also data</td> | ||
224 | </tr> | ||
225 | <tr> | ||
226 | <td>Row 8</td> | ||
227 | <td>Also data</td> | ||
228 | <td>Also data</td> | ||
229 | </tr> | ||
230 | </tbody></table> | ||
231 | <p> </p> | ||
232 | <p>bpmTopnTail<b>C</b> Class (centered) Odd and Even rows</p> | ||
233 | <table class="bpmTopnTailC"><thead> | ||
234 | <tr class="headerrow"><th>Col/Row Header</th> | ||
235 | <td> | ||
236 | <p>Second column header p</p> | ||
237 | </td> | ||
238 | <td>Third column header</td> | ||
239 | </tr> | ||
240 | </thead><tbody> | ||
241 | <tr class="oddrow"><th>Row header 1</th> | ||
242 | <td>This is data</td> | ||
243 | <td>This is data</td> | ||
244 | </tr> | ||
245 | <tr class="evenrow"><th>Row header 2</th> | ||
246 | <td> | ||
247 | <p>This is data p</p> | ||
248 | </td> | ||
249 | <td> | ||
250 | <p>This is data</p> | ||
251 | </td> | ||
252 | </tr> | ||
253 | <tr class="oddrow"><th> | ||
254 | <p>Row header 3</p> | ||
255 | </th> | ||
256 | <td> | ||
257 | <p>This is long data</p> | ||
258 | </td> | ||
259 | <td>This is data</td> | ||
260 | </tr> | ||
261 | <tr class="evenrow"><th> | ||
262 | <p>Row header 4</p> | ||
263 | <p><th> cell acting as header</p> | ||
264 | </th> | ||
265 | <td>This is data</td> | ||
266 | <td> | ||
267 | <p>This is data</p> | ||
268 | </td> | ||
269 | </tr> | ||
270 | <tr class="oddrow"><th>Row header 5</th> | ||
271 | <td>Also data</td> | ||
272 | <td>Also data</td> | ||
273 | </tr> | ||
274 | <tr class="evenrow"><th>Row header 6</th> | ||
275 | <td>Also data</td> | ||
276 | <td>Also data</td> | ||
277 | </tr> | ||
278 | <tr class="oddrow"><th>Row header 7</th> | ||
279 | <td>Also data</td> | ||
280 | <td>Also data</td> | ||
281 | </tr> | ||
282 | <tr class="evenrow"><th>Row header 8</th> | ||
283 | <td>Also data</td> | ||
284 | <td>Also data</td> | ||
285 | </tr> | ||
286 | </tbody></table> | ||
287 | |||
288 | <p> </p> | ||
289 | |||
290 | <p>TopnTail Class</p> | ||
291 | <table class="bpmTopnTail"><thead> | ||
292 | <tr class="headerrow"><th>Col and Row Header</th> | ||
293 | <td> | ||
294 | <p>Second</p> | ||
295 | <p>column</p> | ||
296 | </td> | ||
297 | <td class="pmhTopRight">Top right align</td> | ||
298 | </tr> | ||
299 | </thead><tbody> | ||
300 | <tr class="oddrow"><th> | ||
301 | <p>Row header 1 p</p> | ||
302 | </th> | ||
303 | <td>This is data</td> | ||
304 | <td>This is data</td> | ||
305 | </tr> | ||
306 | <tr class="evenrow"><th>Row header 2</th> | ||
307 | <td class="pmhBottomRight"><b><i>Bottom right align</i></b></td> | ||
308 | <td> | ||
309 | <p>This is data. Can use</p> | ||
310 | <p><b>bold</b> <i>italic </i><sub>sub</sub> or <sup>sup</sup> text</p> | ||
311 | </td> | ||
312 | </tr> | ||
313 | <tr class="oddrow"><th class="pmhBottomRight"> | ||
314 | <p>Bottom right align</p> | ||
315 | </th> | ||
316 | <td class="pmhMiddleCenter" style="border: #000000 1px solid"> | ||
317 | <p>This is data. This cell</p> | ||
318 | <p>uses Cell Styles to set</p> | ||
319 | <p>the borders.</p> | ||
320 | <p>All borders are collapsible</p> | ||
321 | <p>in mPDF.</p> | ||
322 | </td> | ||
323 | <td>This is data</td> | ||
324 | </tr> | ||
325 | <tr class="evenrow"><th>Row header 4</th> | ||
326 | <td> | ||
327 | <p>This is data p</p> | ||
328 | </td> | ||
329 | <td>More data</td> | ||
330 | </tr> | ||
331 | <tr class="oddrow"><th>Row header 5</th> | ||
332 | <td colspan="2" class="pmhTopCenter">Also data merged and centered</td> | ||
333 | </tr> | ||
334 | </tbody></table> | ||
335 | |||
336 | <p> </p> | ||
337 | |||
338 | <h4>Lists in a Table</h4> | ||
339 | <table class="bpmTopnTail"><thead> | ||
340 | <tr class="headerrow"><th>Col and Row Header</th> | ||
341 | <td> | ||
342 | <p>Second</p> | ||
343 | <p>column</p> | ||
344 | </td> | ||
345 | <td class="pmhTopRight">Top right align</td> | ||
346 | </tr> | ||
347 | </thead><tbody> | ||
348 | <tr class="oddrow"><th> | ||
349 | <p>Row header 1 p</p> | ||
350 | </th> | ||
351 | <td>This is data</td> | ||
352 | <td>This is data</td> | ||
353 | </tr> | ||
354 | <tr class="evenrow"><th>Row header 2</th> | ||
355 | <td> | ||
356 | <ol> | ||
357 | <li>Item 1</li> | ||
358 | <li>Item 2 | ||
359 | <ol type="a"> | ||
360 | <li>Subitem of ordered list</li> | ||
361 | <li>Subitem 2 | ||
362 | <ol type="i"> | ||
363 | <li>Level 3 subitem</li> | ||
364 | <li>Level 3 subitem</li> | ||
365 | </ol> | ||
366 | </li> | ||
367 | </ol> | ||
368 | </li> | ||
369 | <li>Item 3</li> | ||
370 | <li>Another Item</li> | ||
371 | <li>Subitem | ||
372 | <ol> | ||
373 | <li>Level 3 subitem</li> | ||
374 | </ol> | ||
375 | </li> | ||
376 | <li>Another Item</li> | ||
377 | </ol> | ||
378 | </td> | ||
379 | <td> | ||
380 | Unordered list: | ||
381 | <ul> | ||
382 | <li>Item 1</li> | ||
383 | <li>Item 2 | ||
384 | <ul> | ||
385 | <li>Subitem of unordered list</li> | ||
386 | <li>Subitem 2 | ||
387 | <ul> | ||
388 | <li>Level 3 subitem</li> | ||
389 | <li>Level 3 subitem</li> | ||
390 | <li>Level 3 subitem</li> | ||
391 | </ul> | ||
392 | </li> | ||
393 | </ul> | ||
394 | </li> | ||
395 | <li>Item 3</li> | ||
396 | </ul> | ||
397 | </td> | ||
398 | </tr> | ||
399 | </tbody></table> | ||
400 | <p> </p> | ||
401 | |||
402 | |||
403 | <h4>Automatic Column Width</h4> | ||
404 | <table class="bpmTopnTail"><tbody> | ||
405 | <tr> | ||
406 | <td>Causes</td> | ||
407 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
408 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
409 | Suspendisse potenti</td> | ||
410 | </tr> | ||
411 | <tr> | ||
412 | <td>Mechanisms</td> | ||
413 | <td>Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing.</td> | ||
414 | </tr> | ||
415 | </tbody></table> | ||
416 | |||
417 | |||
418 | <h4>ColSpan & Rowspan</h4> | ||
419 | <table class="bpmTopnTail"><tbody> | ||
420 | <tr> | ||
421 | <td rowspan="2">Causes</td> | ||
422 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
423 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
424 | Suspendisse potenti</td> | ||
425 | </tr> | ||
426 | <tr> | ||
427 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
428 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
429 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
430 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
431 | </tr> | ||
432 | </tbody></table> | ||
433 | |||
434 | |||
435 | |||
436 | <h4>Table Header & Footer Rows</h4> | ||
437 | <p>A table using a header row should repeat the header row across pages:</p> | ||
438 | <p>bpmTopic<b>C</b> Class</p> | ||
439 | <table class="bpmTopicC"> | ||
440 | <thead> | ||
441 | <tr class="headerrow"><th>Col and Row Header</th> | ||
442 | <td> | ||
443 | <p>Second column header</p> | ||
444 | </td> | ||
445 | <td>Third column header</td> | ||
446 | </tr> | ||
447 | </thead> | ||
448 | <tfoot> | ||
449 | <tr class="footerrow"><th>Col and Row Footer</th> | ||
450 | <td> | ||
451 | <p>Second column footer</p> | ||
452 | </td> | ||
453 | <td>Third column footer</td> | ||
454 | </tr> | ||
455 | </tfoot> | ||
456 | <tbody> | ||
457 | <tr><th>Row header 1</th> | ||
458 | <td>This is data</td> | ||
459 | <td>This is data</td> | ||
460 | </tr> | ||
461 | <tr><th>Row header 2</th> | ||
462 | <td>This is data</td> | ||
463 | <td> | ||
464 | <p>This is data</p> | ||
465 | </td> | ||
466 | </tr> | ||
467 | <tr><th> | ||
468 | <p>Row header 3</p> | ||
469 | </th> | ||
470 | <td> | ||
471 | <p>This is data</p> | ||
472 | </td> | ||
473 | <td>This is data</td> | ||
474 | </tr> | ||
475 | <tr><th>Row header 4</th> | ||
476 | <td>This is data</td> | ||
477 | <td> | ||
478 | <p>This is data</p> | ||
479 | </td> | ||
480 | </tr> | ||
481 | <tr><th>Row header 5</th> | ||
482 | <td>Also data</td> | ||
483 | <td>Also data</td> | ||
484 | </tr> | ||
485 | <tr><th>Row header 6</th> | ||
486 | <td>Also data</td> | ||
487 | <td>Also data</td> | ||
488 | </tr> | ||
489 | <tr><th>Row header 7</th> | ||
490 | <td>Also data</td> | ||
491 | <td>Also data</td> | ||
492 | </tr> | ||
493 | <tr><th>Row header 8</th> | ||
494 | <td>Also data</td> | ||
495 | <td>Also data</td> | ||
496 | </tr> | ||
497 | <tr><th>Row header 9</th> | ||
498 | <td>Also data</td> | ||
499 | <td>Also data</td> | ||
500 | </tr> | ||
501 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
502 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
503 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
504 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
505 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
506 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
507 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
508 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
509 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
510 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
511 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
512 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
513 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
514 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
515 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
516 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
517 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
518 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
519 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
520 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
521 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
522 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
523 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
524 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
525 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
526 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
527 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
528 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
529 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
530 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
531 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
532 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
533 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
534 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
535 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
536 | </tbody></table> | ||
537 | <p> </p> | ||
538 | |||
539 | <h3>Autosizing Tables</h3> | ||
540 | <p>Periodic Table of elements. Tables are set by default to reduce font size if complete words will not fit inside each cell, to a maximum of 1/1.4 * the set font-size. This value can be changed by setting $mpdf->shrink_tables_to_fit=1.8 or using html attribute <table autosize="1.8">.</p> | ||
541 | |||
542 | <h5>Periodic Table</h5> | ||
543 | |||
544 | <table style="border:1px solid #000000;" cellPadding="9"><thead> | ||
545 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
546 | <tr> | ||
547 | <td colspan="18"></td> | ||
548 | </tr> | ||
549 | <tr> | ||
550 | <td>H </td> | ||
551 | <td colspan="16"></td> | ||
552 | <td>He </td> | ||
553 | </tr> | ||
554 | <tr> | ||
555 | <td>Li </td> | ||
556 | <td>Be </td> | ||
557 | <td colspan="10"></td> | ||
558 | <td>B </td> | ||
559 | <td>C </td> | ||
560 | <td>N </td> | ||
561 | <td>O </td> | ||
562 | <td>F </td> | ||
563 | <td>Ne </td> | ||
564 | </tr> | ||
565 | <tr> | ||
566 | <td>Na </td> | ||
567 | <td>Mg </td> | ||
568 | <td colspan="10"></td> | ||
569 | <td>Al </td> | ||
570 | <td>Si </td> | ||
571 | <td>P </td> | ||
572 | <td>S </td> | ||
573 | <td>Cl </td> | ||
574 | <td>Ar </td> | ||
575 | </tr> | ||
576 | <tr> | ||
577 | <td>K </td> | ||
578 | <td>Ca </td> | ||
579 | <td>Sc </td> | ||
580 | <td>Ti </td> | ||
581 | <td>V </td> | ||
582 | <td>Cr </td> | ||
583 | <td>Mn </td> | ||
584 | <td>Fe </td> | ||
585 | <td>Co </td> | ||
586 | <td>Ni </td> | ||
587 | <td>Cu </td> | ||
588 | <td>Zn </td> | ||
589 | <td>Ga </td> | ||
590 | <td>Ge </td> | ||
591 | <td>As </td> | ||
592 | <td>Se </td> | ||
593 | <td>Br </td> | ||
594 | <td>Kr </td> | ||
595 | </tr> | ||
596 | <tr> | ||
597 | <td>Rb </td> | ||
598 | <td>Sr </td> | ||
599 | <td>Y </td> | ||
600 | <td>Zr </td> | ||
601 | <td>Nb </td> | ||
602 | <td>Mo </td> | ||
603 | <td>Tc </td> | ||
604 | <td>Ru </td> | ||
605 | <td>Rh </td> | ||
606 | <td>Pd </td> | ||
607 | <td>Ag </td> | ||
608 | <td>Cd </td> | ||
609 | <td>In </td> | ||
610 | <td>Sn </td> | ||
611 | <td>Sb </td> | ||
612 | <td>Te </td> | ||
613 | <td>I </td> | ||
614 | <td>Xe </td> | ||
615 | </tr> | ||
616 | <tr> | ||
617 | <td>Cs </td> | ||
618 | <td>Ba </td> | ||
619 | <td>La </td> | ||
620 | <td>Hf </td> | ||
621 | <td>Ta </td> | ||
622 | <td>W </td> | ||
623 | <td>Re </td> | ||
624 | <td>Os </td> | ||
625 | <td>Ir </td> | ||
626 | <td>Pt </td> | ||
627 | <td>Au </td> | ||
628 | <td>Hg </td> | ||
629 | <td>Tl </td> | ||
630 | <td>Pb </td> | ||
631 | <td>Bi </td> | ||
632 | <td>Po </td> | ||
633 | <td>At </td> | ||
634 | <td>Rn </td> | ||
635 | </tr> | ||
636 | <tr> | ||
637 | <td>Fr </td> | ||
638 | <td>Ra </td> | ||
639 | <td>Ac </td> | ||
640 | <td colspan="15"></td> | ||
641 | </tr> | ||
642 | <tr> | ||
643 | <td colspan="18"></td> | ||
644 | </tr> | ||
645 | <tr> | ||
646 | <td colspan="3"></td> | ||
647 | <td>Ce </td> | ||
648 | <td>Pr </td> | ||
649 | <td>Nd </td> | ||
650 | <td>Pm </td> | ||
651 | <td>Sm </td> | ||
652 | <td>Eu </td> | ||
653 | <td>Gd </td> | ||
654 | <td>Tb </td> | ||
655 | <td>Dy </td> | ||
656 | <td>Ho </td> | ||
657 | <td>Er </td> | ||
658 | <td>Tm </td> | ||
659 | <td>Yb </td> | ||
660 | <td>Lu </td> | ||
661 | <td></td> | ||
662 | </tr> | ||
663 | <tr> | ||
664 | <td colspan="3"></td> | ||
665 | <td>Th </td> | ||
666 | <td>Pa </td> | ||
667 | <td>U </td> | ||
668 | <td>Np </td> | ||
669 | <td>Pu </td> | ||
670 | <td>Am </td> | ||
671 | <td>Cm </td> | ||
672 | <td>Bk </td> | ||
673 | <td>Cf </td> | ||
674 | <td>Es </td> | ||
675 | <td>Fm </td> | ||
676 | <td>Md </td> | ||
677 | <td>No </td> | ||
678 | <td>Lr </td> | ||
679 | <td></td> | ||
680 | </tr> | ||
681 | </tbody></table> | ||
682 | |||
683 | <pagebreak /> | ||
684 | |||
685 | <h3>Rotating Tables</h3> | ||
686 | <p>This is set to rotate -90 degrees (counterclockwise).</p> | ||
687 | |||
688 | <h5>Periodic Table</h5> | ||
689 | <p> | ||
690 | <table rotate="-90" class="bpmClearC"><thead> | ||
691 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
692 | <tr> | ||
693 | <td></td> | ||
694 | <td colspan="18"></td> | ||
695 | </tr> | ||
696 | <tr> | ||
697 | <td>H </td> | ||
698 | <td colspan="15"></td> | ||
699 | <td></td> | ||
700 | <td>He </td> | ||
701 | </tr> | ||
702 | <tr> | ||
703 | <td>Li </td> | ||
704 | <td>Be </td> | ||
705 | <td colspan="10"></td> | ||
706 | <td>B </td> | ||
707 | <td>C </td> | ||
708 | <td>N </td> | ||
709 | <td>O </td> | ||
710 | <td>F </td> | ||
711 | <td>Ne </td> | ||
712 | </tr> | ||
713 | <tr> | ||
714 | <td>Na </td> | ||
715 | <td>Mg </td> | ||
716 | <td colspan="10"></td> | ||
717 | <td>Al </td> | ||
718 | <td>Si </td> | ||
719 | <td>P </td> | ||
720 | <td>S </td> | ||
721 | <td>Cl </td> | ||
722 | <td>Ar </td> | ||
723 | </tr> | ||
724 | <tr> | ||
725 | <td>K </td> | ||
726 | <td>Ca </td> | ||
727 | <td>Sc </td> | ||
728 | <td>Ti </td> | ||
729 | <td>V </td> | ||
730 | <td>Cr </td> | ||
731 | <td>Mn </td> | ||
732 | <td>Fe </td> | ||
733 | <td>Co </td> | ||
734 | <td>Ni </td> | ||
735 | <td>Cu </td> | ||
736 | <td>Zn </td> | ||
737 | <td>Ga </td> | ||
738 | <td>Ge </td> | ||
739 | <td>As </td> | ||
740 | <td>Se </td> | ||
741 | <td>Br </td> | ||
742 | <td>Kr </td> | ||
743 | </tr> | ||
744 | <tr> | ||
745 | <td>Rb </td> | ||
746 | <td>Sr </td> | ||
747 | <td>Y </td> | ||
748 | <td>Zr </td> | ||
749 | <td>Nb </td> | ||
750 | <td>Mo </td> | ||
751 | <td>Tc </td> | ||
752 | <td>Ru </td> | ||
753 | <td>Rh </td> | ||
754 | <td>Pd </td> | ||
755 | <td>Ag </td> | ||
756 | <td>Cd </td> | ||
757 | <td>In </td> | ||
758 | <td>Sn </td> | ||
759 | <td>Sb </td> | ||
760 | <td>Te </td> | ||
761 | <td>I </td> | ||
762 | <td>Xe </td> | ||
763 | </tr> | ||
764 | <tr> | ||
765 | <td>Cs </td> | ||
766 | <td>Ba </td> | ||
767 | <td>La </td> | ||
768 | <td>Hf </td> | ||
769 | <td>Ta </td> | ||
770 | <td>W </td> | ||
771 | <td>Re </td> | ||
772 | <td>Os </td> | ||
773 | <td>Ir </td> | ||
774 | <td>Pt </td> | ||
775 | <td>Au </td> | ||
776 | <td>Hg </td> | ||
777 | <td>Tl </td> | ||
778 | <td>Pb </td> | ||
779 | <td>Bi </td> | ||
780 | <td>Po </td> | ||
781 | <td>At </td> | ||
782 | <td>Rn </td> | ||
783 | </tr> | ||
784 | <tr> | ||
785 | <td>Fr </td> | ||
786 | <td>Ra </td> | ||
787 | <td>Ac </td> | ||
788 | </tr> | ||
789 | <tr> | ||
790 | <td></td> | ||
791 | <td colspan="18"></td> | ||
792 | </tr> | ||
793 | <tr> | ||
794 | <td colspan="3"></td> | ||
795 | <td>Ce </td> | ||
796 | <td>Pr </td> | ||
797 | <td>Nd </td> | ||
798 | <td>Pm </td> | ||
799 | <td>Sm </td> | ||
800 | <td>Eu </td> | ||
801 | <td>Gd </td> | ||
802 | <td>Tb </td> | ||
803 | <td>Dy </td> | ||
804 | <td>Ho </td> | ||
805 | <td>Er </td> | ||
806 | <td>Tm </td> | ||
807 | <td>Yb </td> | ||
808 | <td>Lu </td> | ||
809 | <td></td> | ||
810 | </tr> | ||
811 | <tr> | ||
812 | <td colspan="3"></td> | ||
813 | <td>Th </td> | ||
814 | <td>Pa </td> | ||
815 | <td>U </td> | ||
816 | <td>Np </td> | ||
817 | <td>Pu </td> | ||
818 | <td>Am </td> | ||
819 | <td>Cm </td> | ||
820 | <td>Bk </td> | ||
821 | <td>Cf </td> | ||
822 | <td>Es </td> | ||
823 | <td>Fm </td> | ||
824 | <td>Md </td> | ||
825 | <td>No </td> | ||
826 | <td>Lr </td> | ||
827 | <td></td> | ||
828 | </tr> | ||
829 | </tbody></table> | ||
830 | <p> </p> | ||
831 | |||
832 | <pagebreak /> | ||
833 | <h3>Rotated text in Table Cells</h3> | ||
834 | |||
835 | <h5>Periodic Table</h5> | ||
836 | <table> | ||
837 | <thead> | ||
838 | <tr text-rotate="45"> | ||
839 | <th><p>Element type 1A</p><p>Second line</p><th><p>Element type longer 2A</p></th> | ||
840 | <th>Element type 3B</th> | ||
841 | <th>Element type 4B</th> | ||
842 | <th>Element type 5B</th> | ||
843 | <th>Element type 6B</th> | ||
844 | <th>7B</th><th>8B</th> | ||
845 | <th>Element type 8B R</th> | ||
846 | <th>8B</th> | ||
847 | <th>Element <span>type</span> 1B</th> | ||
848 | <th>2B</th> | ||
849 | <th>Element type 3A</th> | ||
850 | <th>Element type 4A</th> | ||
851 | <th>Element type 5A</th> | ||
852 | <th>Element type 6A</th> | ||
853 | <th>7A</th> | ||
854 | <th>Element type 8A</th> | ||
855 | </tr> | ||
856 | </thead> | ||
857 | |||
858 | <tbody> | ||
859 | <tr> | ||
860 | <td>H</td> | ||
861 | <td colspan="15"></td> | ||
862 | <td></td> | ||
863 | <td>He </td> | ||
864 | </tr> | ||
865 | <tr> | ||
866 | <td>Li </td> | ||
867 | <td>Be </td> | ||
868 | <td colspan="10"></td> | ||
869 | <td>B </td> | ||
870 | <td>C </td> | ||
871 | <td>N </td> | ||
872 | <td>O </td> | ||
873 | <td>F </td> | ||
874 | <td>Ne </td> | ||
875 | </tr> | ||
876 | <tr> | ||
877 | <td>Na </td> | ||
878 | <td>Mg </td> | ||
879 | <td colspan="10"></td> | ||
880 | <td>Al </td> | ||
881 | <td>Si </td> | ||
882 | <td>P </td> | ||
883 | <td>S </td> | ||
884 | <td>Cl </td> | ||
885 | <td>Ar </td> | ||
886 | </tr> | ||
887 | <tr style="text-rotate: 45"> | ||
888 | <td>K </td> | ||
889 | <td>Ca </td> | ||
890 | <td>Sc </td> | ||
891 | <td>Ti</td> | ||
892 | <td>Va</td> | ||
893 | <td>Cr</td> | ||
894 | <td>Mn</td> | ||
895 | <td>Fe</td> | ||
896 | <td>Co</td> | ||
897 | <td>Ni </td> | ||
898 | <td>Cu </td> | ||
899 | <td>Zn </td> | ||
900 | <td>Ga </td> | ||
901 | <td>Ge </td> | ||
902 | <td>As </td> | ||
903 | <td>Se </td> | ||
904 | <td>Br </td> | ||
905 | <td>Kr </td> | ||
906 | </tr> | ||
907 | <tr> | ||
908 | <td>Rb </td> | ||
909 | <td>Sr </td> | ||
910 | <td>Y </td> | ||
911 | <td>Zr </td> | ||
912 | <td>Nb </td> | ||
913 | <td>Mo </td> | ||
914 | <td>Tc </td> | ||
915 | <td>Ru </td> | ||
916 | <td style="text-align:right; ">Rh</td> | ||
917 | <td>Pd </td> | ||
918 | <td>Ag </td> | ||
919 | <td>Cd </td> | ||
920 | <td>In </td> | ||
921 | <td>Sn </td> | ||
922 | <td>Sb </td> | ||
923 | <td>Te </td> | ||
924 | <td>I </td> | ||
925 | <td>Xe </td> | ||
926 | </tr> | ||
927 | <tr> | ||
928 | <td>Cs </td> | ||
929 | <td>Ba </td> | ||
930 | <td>La </td> | ||
931 | <td>Hf </td> | ||
932 | <td>Ta </td> | ||
933 | <td>W </td> | ||
934 | <td>Re </td> | ||
935 | <td>Os </td> | ||
936 | <td>Ir </td> | ||
937 | <td>Pt </td> | ||
938 | <td>Au </td> | ||
939 | <td>Hg </td> | ||
940 | <td>Tl </td> | ||
941 | <td>Pb </td> | ||
942 | <td>Bi </td> | ||
943 | <td>Po </td> | ||
944 | <td>At </td> | ||
945 | <td>Rn </td> | ||
946 | </tr> | ||
947 | <tr> | ||
948 | <td>Fr </td> | ||
949 | <td>Ra </td> | ||
950 | <td colspan="16">Ac </td> | ||
951 | </tr> | ||
952 | <tr> | ||
953 | <td colspan="3"></td> | ||
954 | <td>Ce </td> | ||
955 | <td>Pr </td> | ||
956 | <td>Nd </td> | ||
957 | <td>Pm </td> | ||
958 | <td>Sm </td> | ||
959 | <td>Eu </td> | ||
960 | <td>Gd </td> | ||
961 | <td>Tb </td> | ||
962 | <td>Dy </td> | ||
963 | <td>Ho </td> | ||
964 | <td>Er </td> | ||
965 | <td>Tm </td> | ||
966 | <td>Yb </td> | ||
967 | <td>Lu </td> | ||
968 | <td></td> | ||
969 | </tr> | ||
970 | <tr> | ||
971 | <td colspan="3"></td> | ||
972 | <td>Th </td> | ||
973 | <td>Pa </td> | ||
974 | <td>U </td> | ||
975 | <td>Np </td> | ||
976 | <td>Pu </td> | ||
977 | <td>Am </td> | ||
978 | <td>Cm </td> | ||
979 | <td>Bk </td> | ||
980 | <td>Cf </td> | ||
981 | <td>Es </td> | ||
982 | <td>Fm </td> | ||
983 | <td>Md </td> | ||
984 | <td>No </td> | ||
985 | <td>Lr </td> | ||
986 | <td></td> | ||
987 | </tr> | ||
988 | </tbody></table> | ||
989 | <p> </p> | ||
990 | |||
991 | '; | ||
992 | |||
993 | //============================================================== | ||
994 | //============================================================== | ||
995 | //============================================================== | ||
996 | include("../mpdf.php"); | ||
997 | |||
998 | $mpdf=new mPDF('c','A4','','',32,25,27,25,16,13); | ||
999 | |||
1000 | $mpdf->SetDisplayMode('fullpage'); | ||
1001 | |||
1002 | $mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list | ||
1003 | |||
1004 | // LOAD a stylesheet | ||
1005 | $stylesheet = file_get_contents('mpdfstyletables.css'); | ||
1006 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
1007 | |||
1008 | $mpdf->WriteHTML($html,2); | ||
1009 | |||
1010 | $mpdf->Output('mpdf.pdf','I'); | ||
1011 | exit; | ||
1012 | //============================================================== | ||
1013 | //============================================================== | ||
1014 | //============================================================== | ||
1015 | |||
1016 | |||
1017 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example06_tables_nested.php b/inc/3rdparty/libraries/mpdf/examples/example06_tables_nested.php new file mode 100644 index 00000000..e50764a9 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example06_tables_nested.php | |||
@@ -0,0 +1,532 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <head> | ||
6 | <style> | ||
7 | table { | ||
8 | border-collapse: separate; | ||
9 | border: 4px solid #880000; | ||
10 | padding: 3px; | ||
11 | margin: 0px 20px 0px 20px; | ||
12 | empty-cells: hide; | ||
13 | background-color:#FFFFCC; | ||
14 | } | ||
15 | table.outer2 { | ||
16 | border-collapse: separate; | ||
17 | border: 4px solid #088000; | ||
18 | padding: 3px; | ||
19 | margin: 10px 0px; | ||
20 | empty-cells: hide; | ||
21 | background-color: yellow; | ||
22 | } | ||
23 | table.outer2 td { | ||
24 | font-family: Times; | ||
25 | } | ||
26 | table.inner { | ||
27 | border-collapse: collapse; | ||
28 | border: 2px solid #000088; | ||
29 | padding: 3px; | ||
30 | margin: 5px; | ||
31 | empty-cells: show; | ||
32 | background-color:#FFCCFF; | ||
33 | } | ||
34 | td { | ||
35 | border: 1px solid #008800; | ||
36 | padding: 0px; | ||
37 | background-color:#ECFFDF; | ||
38 | } | ||
39 | table.inner td { | ||
40 | border: 1px solid #000088; | ||
41 | padding: 0px; | ||
42 | font-family: monospace; | ||
43 | font-style: italic; | ||
44 | font-weight: bold; | ||
45 | color: #880000; | ||
46 | background-color:#FFECDF; | ||
47 | } | ||
48 | table.collapsed { | ||
49 | border-collapse: collapse; | ||
50 | } | ||
51 | table.collapsed td { | ||
52 | background-color:#EDFCFF; | ||
53 | } | ||
54 | |||
55 | |||
56 | </style> | ||
57 | </head> | ||
58 | <body> | ||
59 | <h1>mPDF</h1> | ||
60 | <h2>Tables - Nested</h2> | ||
61 | |||
62 | |||
63 | <div style="border: 2px solid #000088; background-color: #DDDDFF; padding: 2mm;"> | ||
64 | Text before table | ||
65 | |||
66 | <div style="border: 2px solid #008888; background-color: #DCAFCF; padding: 2mm;"> | ||
67 | |||
68 | <table cellSpacing="2" rotate="-90" align="center" autosize="1.5"> | ||
69 | <tbody> | ||
70 | <tr> | ||
71 | <td>This is data</td> | ||
72 | <td>This is data</td> | ||
73 | <td> | ||
74 | |||
75 | <table cellSpacing="2"> | ||
76 | <tbody> | ||
77 | <tr> | ||
78 | <td>Row A</td> | ||
79 | <td>A2</td> | ||
80 | <td>A3</td> | ||
81 | <td>A4</td> | ||
82 | </tr> | ||
83 | |||
84 | <tr> | ||
85 | <td>Row B</td> | ||
86 | <td>B2</td> | ||
87 | <td>B3</td> | ||
88 | <td>B4</td> | ||
89 | </tr> | ||
90 | |||
91 | <tr> | ||
92 | <td>Row C</td> | ||
93 | <td>C2</td> | ||
94 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id <a href="http://www.dummy.com">euismod auctor</a>, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
95 | <td>C4</td> | ||
96 | </tr> | ||
97 | |||
98 | <tr> | ||
99 | <td>Row D</td> | ||
100 | <td>D2</td> | ||
101 | <td>D3</td> | ||
102 | <td>D4</td> | ||
103 | </tr> | ||
104 | |||
105 | </tbody></table> | ||
106 | |||
107 | |||
108 | </td> | ||
109 | <td>This is data</td> | ||
110 | </tr> | ||
111 | <tr> | ||
112 | <td>This is data</td> | ||
113 | <td>This is data</td> | ||
114 | <td> | ||
115 | |||
116 | <table cellSpacing="2"> | ||
117 | <tbody> | ||
118 | <tr> | ||
119 | <td>Row A</td> | ||
120 | <td>A2</td> | ||
121 | <td>A3</td> | ||
122 | <td>A4</td> | ||
123 | </tr> | ||
124 | |||
125 | <tr> | ||
126 | <td>Row B</td> | ||
127 | <td>B2</td> | ||
128 | <td>B3</td> | ||
129 | <td>B4</td> | ||
130 | </tr> | ||
131 | |||
132 | <tr> | ||
133 | <td>Row C</td> | ||
134 | <td>C2</td> | ||
135 | <td style="background: transparent url(\'bg.jpg\') repeat scroll right top;" >Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
136 | <td>C4</td> | ||
137 | </tr> | ||
138 | |||
139 | <tr> | ||
140 | <td>Row D</td> | ||
141 | <td>D2</td> | ||
142 | <td>D3</td> | ||
143 | <td>D4</td> | ||
144 | </tr> | ||
145 | |||
146 | </tbody></table> | ||
147 | |||
148 | |||
149 | </td> | ||
150 | <td>This is data</td> | ||
151 | </tr> | ||
152 | |||
153 | <tr> | ||
154 | <td>This is data</td> | ||
155 | <td>This is data</td> | ||
156 | <td> | ||
157 | |||
158 | <table cellSpacing="2"> | ||
159 | <tbody> | ||
160 | <tr> | ||
161 | <td>Row A</td> | ||
162 | <td>A2</td> | ||
163 | <td>A3</td> | ||
164 | <td>A4</td> | ||
165 | </tr> | ||
166 | |||
167 | <tr> | ||
168 | <td>Row B</td> | ||
169 | <td>B2</td> | ||
170 | <td>B3</td> | ||
171 | <td>B4</td> | ||
172 | </tr> | ||
173 | |||
174 | <tr> | ||
175 | <td>Row C</td> | ||
176 | <td>C2</td> | ||
177 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
178 | <td>C4</td> | ||
179 | </tr> | ||
180 | |||
181 | <tr> | ||
182 | <td>Row D</td> | ||
183 | <td>D2</td> | ||
184 | <td>D3</td> | ||
185 | <td>D4</td> | ||
186 | </tr> | ||
187 | |||
188 | </tbody></table> | ||
189 | |||
190 | |||
191 | </td> | ||
192 | <td>This is data</td> | ||
193 | </tr> | ||
194 | |||
195 | <tr> | ||
196 | <td>This is data</td> | ||
197 | <td>This is data</td> | ||
198 | <td> | ||
199 | |||
200 | <table cellSpacing="2"> | ||
201 | <tbody> | ||
202 | <tr> | ||
203 | <td>Row A</td> | ||
204 | <td>A2</td> | ||
205 | <td>A3</td> | ||
206 | <td>A4</td> | ||
207 | </tr> | ||
208 | |||
209 | <tr> | ||
210 | <td>Row B</td> | ||
211 | <td>B2</td> | ||
212 | <td>B3</td> | ||
213 | <td>B4</td> | ||
214 | </tr> | ||
215 | |||
216 | <tr> | ||
217 | <td>Row C</td> | ||
218 | <td>C2</td> | ||
219 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
220 | <td>C4</td> | ||
221 | </tr> | ||
222 | |||
223 | <tr> | ||
224 | <td>Row D</td> | ||
225 | <td>D2</td> | ||
226 | <td>D3</td> | ||
227 | <td>D4</td> | ||
228 | </tr> | ||
229 | |||
230 | </tbody></table> | ||
231 | |||
232 | |||
233 | </td> | ||
234 | <td>This is data</td> | ||
235 | </tr> | ||
236 | |||
237 | |||
238 | <tr> | ||
239 | <td>This is data</td> | ||
240 | <td>This is data</td> | ||
241 | <td>This is data</td> | ||
242 | <td>This is data</td> | ||
243 | </tr> | ||
244 | |||
245 | <tr> | ||
246 | <td>This is data</td> | ||
247 | <td></td> | ||
248 | <td>This is data</td> | ||
249 | <td>This is data</td> | ||
250 | </tr> | ||
251 | |||
252 | <tr> | ||
253 | <td>This is data</td> | ||
254 | <td>This is data</td> | ||
255 | <td>This is data</td> | ||
256 | <td>This is data</td> | ||
257 | </tr> | ||
258 | |||
259 | |||
260 | </tbody></table> | ||
261 | |||
262 | </div> | ||
263 | |||
264 | <p>Text before table</p> | ||
265 | |||
266 | <table cellSpacing="2" class="outer2" autosize="3" style="page-break-inside:avoid"> | ||
267 | <tbody> | ||
268 | <tr> | ||
269 | <td>Row 1</td> | ||
270 | <td>This is data</td> | ||
271 | <td style="text-align: right;"> | ||
272 | Text before table | ||
273 | |||
274 | <table cellSpacing="2" class="inner" width="80%"> | ||
275 | <tbody> | ||
276 | <tr> | ||
277 | <td>Row A</td> | ||
278 | <td>A2</td> | ||
279 | <td>A3</td> | ||
280 | <td>A4</td> | ||
281 | </tr> | ||
282 | |||
283 | <tr> | ||
284 | <td>Row B</td> | ||
285 | <td>B2</td> | ||
286 | <td>B3</td> | ||
287 | <td>B4</td> | ||
288 | </tr> | ||
289 | |||
290 | <tr> | ||
291 | <td>Row C</td> | ||
292 | <td>C2</td> | ||
293 | <td>C3</td> | ||
294 | <td>C4</td> | ||
295 | </tr> | ||
296 | |||
297 | <tr> | ||
298 | <td>Row D</td> | ||
299 | <td>D2</td> | ||
300 | <td>D3</td> | ||
301 | <td>D4</td> | ||
302 | </tr> | ||
303 | |||
304 | </tbody></table> | ||
305 | <p>Text after table</p> | ||
306 | |||
307 | |||
308 | </td> | ||
309 | <td>This is data</td> | ||
310 | </tr> | ||
311 | |||
312 | <tr> | ||
313 | <td>Row 2</td> | ||
314 | <td>This is data</td> | ||
315 | <td>This is data</td> | ||
316 | <td>This is data</td> | ||
317 | </tr> | ||
318 | |||
319 | <tr> | ||
320 | <td>Row 3</td> | ||
321 | <td style="text-align: center; vertical-align: middle;"> | ||
322 | |||
323 | <table cellSpacing="2" class="inner" width="80%"> | ||
324 | <tbody> | ||
325 | <tr> | ||
326 | <td>Row A</td> | ||
327 | <td>A2</td> | ||
328 | <td>A3</td> | ||
329 | <td>A4</td> | ||
330 | </tr> | ||
331 | |||
332 | <tr> | ||
333 | <td>Row B</td> | ||
334 | <td>B2</td> | ||
335 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
336 | <td>B4</td> | ||
337 | </tr> | ||
338 | |||
339 | <tr> | ||
340 | <td>Row C</td> | ||
341 | <td>C2</td> | ||
342 | <td> | ||
343 | |||
344 | <table cellSpacing="2"> | ||
345 | <tbody> | ||
346 | <tr> | ||
347 | <td>F1</td> | ||
348 | <td>F2</td> | ||
349 | </tr> | ||
350 | <tr> | ||
351 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
352 | <td>G2</td> | ||
353 | </tr> | ||
354 | </tbody></table> | ||
355 | |||
356 | </td> | ||
357 | <td>C4</td> | ||
358 | </tr> | ||
359 | |||
360 | <tr> | ||
361 | <td>Row D</td> | ||
362 | <td>D2</td> | ||
363 | <td>D3</td> | ||
364 | <td>D4</td> | ||
365 | </tr> | ||
366 | |||
367 | </tbody></table> | ||
368 | |||
369 | |||
370 | </td> | ||
371 | <td style="vertical-align: bottom; "> | ||
372 | <table cellSpacing="2" class="inner" align="right"> | ||
373 | <tbody> | ||
374 | <tr> | ||
375 | <td>Row A</td> | ||
376 | <td>A2</td> | ||
377 | <td>A3</td> | ||
378 | <td>A4</td> | ||
379 | </tr> | ||
380 | |||
381 | <tr> | ||
382 | <td>Row B</td> | ||
383 | <td>B2</td> | ||
384 | <td>B3</td> | ||
385 | <td>B4</td> | ||
386 | </tr> | ||
387 | |||
388 | <tr> | ||
389 | <td>Row C</td> | ||
390 | <td>C2</td> | ||
391 | <td>C3</td> | ||
392 | <td>C4</td> | ||
393 | </tr> | ||
394 | |||
395 | <tr> | ||
396 | <td>Row D</td> | ||
397 | <td>D2</td> | ||
398 | <td>D3</td> | ||
399 | <td>D4</td> | ||
400 | </tr> | ||
401 | |||
402 | </tbody></table> | ||
403 | </td> | ||
404 | <td>This is data</td> | ||
405 | </tr> | ||
406 | |||
407 | <tr> | ||
408 | <td>Row 4</td> | ||
409 | <td>This is data</td> | ||
410 | <td><table cellSpacing="2" class="inner"> | ||
411 | <tbody> | ||
412 | <tr> | ||
413 | <td>Row A</td> | ||
414 | <td>A2</td> | ||
415 | <td>A3</td> | ||
416 | <td>A4</td> | ||
417 | </tr> | ||
418 | |||
419 | <tr> | ||
420 | <td>Row B</td> | ||
421 | <td>B2</td> | ||
422 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
423 | <td>B4</td> | ||
424 | </tr> | ||
425 | |||
426 | <tr> | ||
427 | <td>Row C</td> | ||
428 | <td>C2</td> | ||
429 | <td> | ||
430 | |||
431 | <table cellSpacing="2"> | ||
432 | <tbody> | ||
433 | <tr> | ||
434 | <td>F1</td> | ||
435 | <td>F2</td> | ||
436 | </tr> | ||
437 | <tr> | ||
438 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
439 | <td>G2</td> | ||
440 | </tr> | ||
441 | </tbody></table> | ||
442 | |||
443 | </td> | ||
444 | <td>C4</td> | ||
445 | </tr> | ||
446 | |||
447 | <tr> | ||
448 | <td>Row D</td> | ||
449 | <td>D2</td> | ||
450 | <td>D3</td> | ||
451 | <td>D4</td> | ||
452 | </tr> | ||
453 | |||
454 | </tbody></table> | ||
455 | |||
456 | </td> | ||
457 | <td>This is data</td> | ||
458 | </tr> | ||
459 | |||
460 | |||
461 | </tbody></table> | ||
462 | |||
463 | |||
464 | </div> | ||
465 | |||
466 | <p> </p> | ||
467 | |||
468 | |||
469 | <div style="border: 1px solid #000088; background-color: #DDDDFF; padding: 5mm;"> | ||
470 | Text before table | ||
471 | |||
472 | <table cellSpacing="2" class="separate"> | ||
473 | <tbody> | ||
474 | <tr> | ||
475 | <td style="background-color:#FFCCFF;">Row 1</td> | ||
476 | <td>This is data</td> | ||
477 | <td> | ||
478 | |||
479 | NO NESTING </td> | ||
480 | <td>This is data</td> | ||
481 | </tr> | ||
482 | |||
483 | <tr> | ||
484 | <td>Row 2</td> | ||
485 | <td>This is data</td> | ||
486 | <td>This is data</td> | ||
487 | <td>This is data</td> | ||
488 | </tr> | ||
489 | |||
490 | <tr> | ||
491 | <td>Row 3</td> | ||
492 | <td>This is data</td> | ||
493 | <td>This is data</td> | ||
494 | <td>This is data</td> | ||
495 | </tr> | ||
496 | |||
497 | <tr> | ||
498 | <td>Row 4</td> | ||
499 | <td>This is data</td> | ||
500 | <td>This is data</td> | ||
501 | <td>This is data</td> | ||
502 | </tr> | ||
503 | |||
504 | </tbody></table> | ||
505 | |||
506 | </div> | ||
507 | |||
508 | </body> | ||
509 | '; | ||
510 | |||
511 | //============================================================== | ||
512 | //============================================================== | ||
513 | //============================================================== | ||
514 | include("../mpdf.php"); | ||
515 | |||
516 | $mpdf=new mPDF('c','A4','','',32,25,27,25,16,13); | ||
517 | |||
518 | $mpdf->SetDisplayMode('fullpage'); | ||
519 | |||
520 | $mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list | ||
521 | |||
522 | // LOAD a stylesheet | ||
523 | $stylesheet = file_get_contents('mpdfstyletables.css'); | ||
524 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
525 | |||
526 | $mpdf->WriteHTML($html); | ||
527 | |||
528 | $mpdf->Output(); | ||
529 | exit; | ||
530 | |||
531 | |||
532 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php b/inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php new file mode 100644 index 00000000..a0cf4fcb --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example07_tables_borders.php | |||
@@ -0,0 +1,500 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <html><head> | ||
7 | <style> | ||
8 | table { | ||
9 | font-family: sans-serif; | ||
10 | border: 7mm solid aqua; | ||
11 | border-collapse: collapse; | ||
12 | } | ||
13 | table.table2 { | ||
14 | border: 2mm solid aqua; | ||
15 | border-collapse: collapse; | ||
16 | } | ||
17 | table.layout { | ||
18 | border: 0mm solid black; | ||
19 | border-collapse: collapse; | ||
20 | } | ||
21 | td.layout { | ||
22 | text-align: center; | ||
23 | border: 0mm solid black; | ||
24 | } | ||
25 | td { | ||
26 | padding: 3mm; | ||
27 | border: 2mm solid blue; | ||
28 | vertical-align: middle; | ||
29 | } | ||
30 | td.redcell { | ||
31 | border: 3mm solid red; | ||
32 | } | ||
33 | td.redcell2 { | ||
34 | border: 2mm solid red; | ||
35 | } | ||
36 | </style> | ||
37 | </head> | ||
38 | <body> | ||
39 | |||
40 | <h1>mPDF</h1> | ||
41 | <h2>Tables - Borders</h2> | ||
42 | <h4>mPDF</h4> | ||
43 | |||
44 | Border conflict resolution in tables with border-collapse set to "collapse". mPDF follows the rules set by CSS as well as possible, but as you can see, there is some difference in interpretation of the rules: | ||
45 | |||
46 | <table class="layout"> | ||
47 | |||
48 | <tr> | ||
49 | <td class="layout">mPDF</td> | ||
50 | <td class="layout">Internet Explorer<br />IE 7</td> | ||
51 | <td class="layout">Firefox<br />v 3.0.3</td> | ||
52 | </tr> | ||
53 | |||
54 | <tr> | ||
55 | <td class="layout"> | ||
56 | |||
57 | |||
58 | <table> | ||
59 | <tr> | ||
60 | <td style="border:5mm solid green">1</td> | ||
61 | <td>1</td> | ||
62 | <td>1</td> | ||
63 | </tr> | ||
64 | <tr> | ||
65 | <td rowspan="2" class="redcell" style="border:5mm solid teal">1</td> | ||
66 | <td style="border:3mm solid pink">1</td> | ||
67 | <td style="border:5mm solid purple">1</td> | ||
68 | </tr> | ||
69 | <tr> | ||
70 | <td style="border:2mm solid gray">1</td> | ||
71 | <td>1</td> | ||
72 | </tr> | ||
73 | <tr> | ||
74 | <td class="redcell">1</td> | ||
75 | <td>1</td> | ||
76 | <td>1</td> | ||
77 | </tr> | ||
78 | </table> | ||
79 | |||
80 | |||
81 | |||
82 | </td> | ||
83 | |||
84 | <td class="layout" rowspan="3"><img src="bordersIE.jpg" /></td> | ||
85 | <td class="layout" rowspan="3"><img src="bordersFF.jpg" /></td> | ||
86 | |||
87 | |||
88 | </tr> | ||
89 | |||
90 | <tr> | ||
91 | <td class="layout" style="text-align: left"> | ||
92 | |||
93 | <table style="border: 2.5mm solid aqua"> | ||
94 | <tr> | ||
95 | <td class="redcell">1</td> | ||
96 | <td>1</td> | ||
97 | <td>1</td> | ||
98 | </tr> | ||
99 | <tr> | ||
100 | <td rowspan="2" class="redcell" style="border:5mm solid green">1</td> | ||
101 | <td>1</td> | ||
102 | <td>1</td> | ||
103 | </tr> | ||
104 | <tr> | ||
105 | <td>1</td> | ||
106 | <td>1</td> | ||
107 | </tr> | ||
108 | <tr> | ||
109 | <td class="redcell">1</td> | ||
110 | <td>1</td> | ||
111 | <td>1</td> | ||
112 | </tr> | ||
113 | </table> | ||
114 | |||
115 | |||
116 | </td> | ||
117 | </tr> | ||
118 | |||
119 | <tr> | ||
120 | <td class="layout"> | ||
121 | |||
122 | <table> | ||
123 | <tr> | ||
124 | <td class="redcell">1</td> | ||
125 | <td>1</td> | ||
126 | <td>1</td> | ||
127 | </tr> | ||
128 | <tr> | ||
129 | <td rowspan="2" >1</td> | ||
130 | <td>1</td> | ||
131 | <td>1</td> | ||
132 | </tr> | ||
133 | <tr> | ||
134 | <td style="border:5mm solid yellow">1</td> | ||
135 | <td>1</td> | ||
136 | </tr> | ||
137 | <tr> | ||
138 | <td class="redcell">1</td> | ||
139 | <td>1</td> | ||
140 | <td>1</td> | ||
141 | </tr> | ||
142 | </table> | ||
143 | |||
144 | |||
145 | </td> | ||
146 | </tr> | ||
147 | </table> | ||
148 | |||
149 | |||
150 | <pagebreak /> | ||
151 | |||
152 | |||
153 | <table class="layout"> | ||
154 | |||
155 | <tr> | ||
156 | <td class="layout">mPDF</td> | ||
157 | <td class="layout">mPDF < v3</td> | ||
158 | <td class="layout">Internet Explorer<br />IE 7</td> | ||
159 | <td class="layout">Firefox<br />v 3.0.3</td> | ||
160 | </tr> | ||
161 | |||
162 | <tr> | ||
163 | <td class="layout"> | ||
164 | |||
165 | |||
166 | <table class="table2"> | ||
167 | <tr> | ||
168 | <td style="border:2mm solid green">1</td> | ||
169 | <td>1</td> | ||
170 | <td>1</td> | ||
171 | </tr> | ||
172 | <tr> | ||
173 | <td rowspan="2" class="redcell2" style="border:2mm solid teal">1</td> | ||
174 | <td style="border:2mm solid pink">1</td> | ||
175 | <td style="border:2mm solid purple">1</td> | ||
176 | </tr> | ||
177 | <tr> | ||
178 | <td style="border:2mm solid gray">1</td> | ||
179 | <td>1</td> | ||
180 | </tr> | ||
181 | <tr> | ||
182 | <td class="redcell2">1</td> | ||
183 | <td>1</td> | ||
184 | <td>1</td> | ||
185 | </tr> | ||
186 | </table> | ||
187 | |||
188 | |||
189 | |||
190 | </td> | ||
191 | |||
192 | <td class="layout" rowspan="3"><img src="bordersMPDF2.jpg" /></td> | ||
193 | <td class="layout" rowspan="3"><img src="borders2IE.jpg" /></td> | ||
194 | <td class="layout" rowspan="3"><img src="borders2FF.jpg" /></td> | ||
195 | |||
196 | |||
197 | </tr> | ||
198 | |||
199 | <tr> | ||
200 | <td class="layout" style="text-align: left"> | ||
201 | |||
202 | <table style="border: 2mm solid aqua" class="table2"> | ||
203 | <tr> | ||
204 | <td class="redcell2">1</td> | ||
205 | <td>1</td> | ||
206 | <td>1</td> | ||
207 | </tr> | ||
208 | <tr> | ||
209 | <td rowspan="2" class="redcell2" style="border:2mm solid green">1</td> | ||
210 | <td>1</td> | ||
211 | <td>1</td> | ||
212 | </tr> | ||
213 | <tr> | ||
214 | <td>1</td> | ||
215 | <td>1</td> | ||
216 | </tr> | ||
217 | <tr> | ||
218 | <td class="redcell2">1</td> | ||
219 | <td>1</td> | ||
220 | <td>1</td> | ||
221 | </tr> | ||
222 | </table> | ||
223 | |||
224 | |||
225 | </td> | ||
226 | </tr> | ||
227 | |||
228 | <tr> | ||
229 | <td class="layout"> | ||
230 | |||
231 | <table class="table2"> | ||
232 | <tr> | ||
233 | <td class="redcell2">1</td> | ||
234 | <td>1</td> | ||
235 | <td>1</td> | ||
236 | </tr> | ||
237 | <tr> | ||
238 | <td rowspan="2" >1</td> | ||
239 | <td>1</td> | ||
240 | <td>1</td> | ||
241 | </tr> | ||
242 | <tr> | ||
243 | <td style="border:2mm solid yellow">1</td> | ||
244 | <td>1</td> | ||
245 | </tr> | ||
246 | <tr> | ||
247 | <td class="redcell2">1</td> | ||
248 | <td>1</td> | ||
249 | <td>1</td> | ||
250 | </tr> | ||
251 | </table> | ||
252 | |||
253 | |||
254 | </td> | ||
255 | </tr> | ||
256 | </table> | ||
257 | |||
258 | |||
259 | <pagebreak /> | ||
260 | <h4>mPDF</h4> | ||
261 | |||
262 | <table style="border: 10px solid orange"> | ||
263 | <tr> | ||
264 | <td style="border: 10px solid orange">Data</td> | ||
265 | <td style="border: 10px double red">double red</td> | ||
266 | <td style="border: 10px dashed yellow">dashed yellow</td> | ||
267 | <td style="border: 10px dotted green">dotted green</td> | ||
268 | <td style="border: 10px solid orange">Data</td> | ||
269 | </tr> | ||
270 | <tr> | ||
271 | <td style="border: 10px solid orange">Data</td> | ||
272 | <td style="border: 10px hidden orange">hidden </td> | ||
273 | <td style="border: 10px solid orange">Data</td> | ||
274 | <td style="border: 10px none orange">none</td> | ||
275 | <td style="border: 10px solid orange">Data</td> | ||
276 | </tr> | ||
277 | <tr> | ||
278 | <td style="border: 10px solid orange">Data</td> | ||
279 | <td style="border: 10px ridge blue">ridge blue</td> | ||
280 | <td style="border: 10px none orange">none </td> | ||
281 | <td style="border: 10px none orange">none </td> | ||
282 | <td style="border: 10px solid orange">Data</td> | ||
283 | </tr> | ||
284 | <tr> | ||
285 | <td style="border: 10px solid orange">Data</td> | ||
286 | <td style="border: 10px none orange">none </td> | ||
287 | <td style="border: 10px groove pink">groove pink</td> | ||
288 | <td style="border: 10px none orange">none </td> | ||
289 | <td style="border: 10px solid orange">Data</td> | ||
290 | </tr> | ||
291 | <tr> | ||
292 | <td style="border: 10px none orange">none </td> | ||
293 | <td style="border: 10px inset gray">inset gray</td> | ||
294 | <td style="border: 10px none orange">none </td> | ||
295 | <td style="border: 10px outset purple">outset purple</td> | ||
296 | <td style="border: 10px none orange">none </td> | ||
297 | </tr> | ||
298 | </table> | ||
299 | |||
300 | <h4>Firefox</h4> | ||
301 | <img src="borders3FF.jpg" /> | ||
302 | |||
303 | <br /> | ||
304 | |||
305 | |||
306 | <h4>IE 7</h4> | ||
307 | <img src="borders3IE.jpg" /> | ||
308 | |||
309 | <pagebreak /> | ||
310 | |||
311 | <div>mPDF</div> | ||
312 | |||
313 | <table style="border: 10px solid orange; border-collapse: separate;"> | ||
314 | <tr> | ||
315 | <td style="border: 10px solid orange">Data</td> | ||
316 | <td style="border: 10px double red">double red</td> | ||
317 | <td style="border: 10px dashed yellow">dashed yellow</td> | ||
318 | <td style="border: 10px dotted green">dotted green</td> | ||
319 | <td style="border: 10px solid orange">Data</td> | ||
320 | </tr> | ||
321 | <tr> | ||
322 | <td style="border: 10px solid orange">Data</td> | ||
323 | <td style="border: 10px hidden orange">hidden </td> | ||
324 | <td style="border: 10px solid orange">Data</td> | ||
325 | <td style="border: 10px none orange">none</td> | ||
326 | <td style="border: 10px solid orange">Data</td> | ||
327 | </tr> | ||
328 | <tr> | ||
329 | <td style="border: 10px solid orange">Data</td> | ||
330 | <td style="border: 10px ridge blue">ridge blue</td> | ||
331 | <td style="border: 10px none orange">none </td> | ||
332 | <td style="border: 10px none orange">none </td> | ||
333 | <td style="border: 10px solid orange">Data</td> | ||
334 | </tr> | ||
335 | <tr> | ||
336 | <td style="border: 10px solid orange">Data</td> | ||
337 | <td style="border: 10px none orange">none </td> | ||
338 | <td style="border: 10px groove pink">groove pink</td> | ||
339 | <td style="border: 10px none orange">none </td> | ||
340 | <td style="border: 10px solid orange">Data</td> | ||
341 | </tr> | ||
342 | <tr> | ||
343 | <td style="border: 10px none orange">none </td> | ||
344 | <td style="border: 10px inset gray">inset gray</td> | ||
345 | <td style="border: 10px none orange">none </td> | ||
346 | <td style="border: 10px outset purple">outset purple</td> | ||
347 | <td style="border: 10px none orange">none </td> | ||
348 | </tr> | ||
349 | </table> | ||
350 | |||
351 | <div>Firefox</div> | ||
352 | <img style="margin:0;" src="borders4FF.jpg" /> | ||
353 | |||
354 | |||
355 | |||
356 | <div>IE 7</div> | ||
357 | <img style="margin:0;" src="borders4IE.jpg" /> | ||
358 | |||
359 | <pagebreak /> | ||
360 | |||
361 | |||
362 | <table style="border: 5px inset teal"> | ||
363 | <tr> | ||
364 | <td style="border: 5px solid orange">solid orange</td> | ||
365 | |||
366 | <td style="border: 0px none black">none</td> | ||
367 | |||
368 | <td style="border: 5px double red">double red</td> | ||
369 | |||
370 | <td style="border: 0px none black">none</td> | ||
371 | |||
372 | <td style="border: 5px inset gray">inset gray</td> | ||
373 | |||
374 | <td style="border: 0px none black">none</td> | ||
375 | |||
376 | <td style="border: 5px outset purple">outset purple</td> | ||
377 | |||
378 | <td style="border: 0px none black">none</td> | ||
379 | |||
380 | <td style="border: 5px groove pink">groove pink</td> | ||
381 | |||
382 | <td style="border: 0px none black">none</td> | ||
383 | |||
384 | <td style="border: 5px ridge blue">ridge blue</td> | ||
385 | </tr> | ||
386 | </table> | ||
387 | |||
388 | |||
389 | <table style="border: 5px inset gray; border-collapse: separate;"> | ||
390 | <tr> | ||
391 | <td style="border: 5px solid orange">solid orange</td> | ||
392 | <td style="border: 0px none black">none</td> | ||
393 | <td style="border: 5px double red">double red</td> | ||
394 | <td style="border: 0px none black">none</td> | ||
395 | <td style="border: 5px inset gray">inset gray</td> | ||
396 | <td style="border: 0px none black">none</td> | ||
397 | <td style="border: 5px outset purple">outset purple</td> | ||
398 | <td style="border: 0px none black">none</td> | ||
399 | <td style="border: 5px groove pink">groove pink</td> | ||
400 | <td style="border: 0px none black">none</td> | ||
401 | <td style="border: 5px ridge blue">ridge blue</td> | ||
402 | </tr> | ||
403 | </table> | ||
404 | |||
405 | |||
406 | <table style="border: 5px outset purple; border-collapse: separate;"> | ||
407 | <tr> | ||
408 | <td style="border: 5px solid orange">solid orange</td> | ||
409 | <td style="border: 0px none black">none</td> | ||
410 | <td style="border: 5px double red">double red</td> | ||
411 | <td style="border: 0px none black">none</td> | ||
412 | <td style="border: 5px inset gray">inset gray</td> | ||
413 | <td style="border: 0px none black">none</td> | ||
414 | <td style="border: 5px outset purple">outset purple</td> | ||
415 | <td style="border: 0px none black">none</td> | ||
416 | <td style="border: 5px groove pink">groove pink</td> | ||
417 | <td style="border: 0px none black">none</td> | ||
418 | <td style="border: 5px ridge blue">ridge blue</td> | ||
419 | </tr> | ||
420 | </table> | ||
421 | |||
422 | |||
423 | <table style="border: 5px groove pink; border-collapse: separate;"> | ||
424 | <tr> | ||
425 | <td style="border: 5px solid orange">solid orange</td> | ||
426 | <td style="border: 0px none black">none</td> | ||
427 | <td style="border: 5px double red">double red</td> | ||
428 | <td style="border: 0px none black">none</td> | ||
429 | <td style="border: 5px inset gray">inset gray</td> | ||
430 | <td style="border: 0px none black">none</td> | ||
431 | <td style="border: 5px outset purple">outset purple</td> | ||
432 | <td style="border: 0px none black">none</td> | ||
433 | <td style="border: 5px groove pink">groove pink</td> | ||
434 | <td style="border: 0px none black">none</td> | ||
435 | <td style="border: 5px ridge blue">ridge blue</td> | ||
436 | </tr> | ||
437 | </table> | ||
438 | |||
439 | |||
440 | <table style="border: 5px ridge blue; border-collapse: separate;"> | ||
441 | <tr> | ||
442 | <td style="border: 5px solid orange">solid orange</td> | ||
443 | <td style="border: 0px none black">none</td> | ||
444 | <td style="border: 5px double red">double red</td> | ||
445 | <td style="border: 0px none black">none</td> | ||
446 | <td style="border: 5px inset gray">inset gray</td> | ||
447 | <td style="border: 0px none black">none</td> | ||
448 | <td style="border: 5px outset purple">outset purple</td> | ||
449 | <td style="border: 0px none black">none</td> | ||
450 | <td style="border: 5px groove pink">groove pink</td> | ||
451 | <td style="border: 0px none black">none</td> | ||
452 | <td style="border: 5px ridge blue">ridge blue</td> | ||
453 | </tr> | ||
454 | </table> | ||
455 | |||
456 | |||
457 | <table style="border: 5px double red; border-collapse: separate;"> | ||
458 | <tr> | ||
459 | <td style="border: 5px solid orange">solid orange</td> | ||
460 | <td style="border: 0px none black">none</td> | ||
461 | <td style="border: 5px double red">double red</td> | ||
462 | <td style="border: 0px none black">none</td> | ||
463 | <td style="border: 5px inset gray">inset gray</td> | ||
464 | <td style="border: 0px none black">none</td> | ||
465 | <td style="border: 5px outset purple">outset purple</td> | ||
466 | <td style="border: 0px none black">none</td> | ||
467 | <td style="border: 5px groove pink">groove pink</td> | ||
468 | <td style="border: 0px none black">none</td> | ||
469 | <td style="border: 5px ridge blue">ridge blue</td> | ||
470 | </tr> | ||
471 | </table> | ||
472 | |||
473 | </body> | ||
474 | </html> | ||
475 | '; | ||
476 | |||
477 | //============================================================== | ||
478 | //============================================================== | ||
479 | //============================================================== | ||
480 | include("../mpdf.php"); | ||
481 | |||
482 | $mpdf=new mPDF('en-GB-x','A4','','',10,10,10,10,6,3); | ||
483 | |||
484 | $mpdf->SetDisplayMode('fullpage'); | ||
485 | |||
486 | $mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list | ||
487 | |||
488 | // LOAD a stylesheet | ||
489 | $stylesheet = file_get_contents('mpdfstyletables.css'); | ||
490 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
491 | |||
492 | $mpdf->WriteHTML($html); | ||
493 | |||
494 | $mpdf->Output(); | ||
495 | exit; | ||
496 | //============================================================== | ||
497 | //============================================================== | ||
498 | //============================================================== | ||
499 | |||
500 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example08_lists.php b/inc/3rdparty/libraries/mpdf/examples/example08_lists.php new file mode 100644 index 00000000..a716d882 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example08_lists.php | |||
@@ -0,0 +1,137 @@ | |||
1 | <?php | ||
2 | |||
3 | $html = ' | ||
4 | <style> | ||
5 | ol, ul { text-align: justify; | ||
6 | } | ||
7 | |||
8 | .lista { list-style-type: upper-roman; } | ||
9 | .listb{ list-style-type: decimal; font-family: sans-serif; color: blue; font-weight: bold; font-style: italic; font-size: 19pt; } | ||
10 | .listc{ list-style-type: upper-alpha; text-indent: 25mm; } | ||
11 | .listd{ list-style-type: lower-alpha; color: teal; line-height: 2; } | ||
12 | .liste{ list-style-type: disc; } | ||
13 | </style> | ||
14 | |||
15 | |||
16 | <h1>mPDF</h1> | ||
17 | <h2>Lists</h2> | ||
18 | |||
19 | <div style="background-color:#ddccff; padding:0pt; border: 1px solid #555555;"> | ||
20 | <ol class="lista"> | ||
21 | <li>Text here lorem ipsum ibisque totum.</li> | ||
22 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
23 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
24 | <li>Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum.</li> | ||
25 | <li>Text here lorem ipsum ibisque totum.</li> | ||
26 | <li>Text here lorem ipsum ibisque totum. | ||
27 | <ol class="listb"> | ||
28 | <li>Text here lorem ipsum ibisque totum.</li> | ||
29 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
30 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
31 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
32 | <li>Text here lorem ipsum ibisque totum.</li> | ||
33 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
34 | <ol class="listc"> | ||
35 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
36 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum. | ||
37 | </li> | ||
38 | <li>Text here lorem ipsum ibisque totum. | ||
39 | <ol class="listd"> | ||
40 | <li>Text here lorem ipsum ibisque totum.</li> | ||
41 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
42 | <li>Text here lorem ipsum ibisque totum.</li> | ||
43 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
44 | <li>Text here lorem ipsum ibisque totum. | ||
45 | <ol class="liste"> | ||
46 | <li>Text here lorem ipsum ibisque totum.</li> | ||
47 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
48 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
49 | <li>Text here lorem ipsum ibisque totum.</li> | ||
50 | <li>Text here lorem ipsum ibisque totum.</li> | ||
51 | </ol> | ||
52 | </li> | ||
53 | <li>Text here lorem ipsum ibisque totum.</li> | ||
54 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
55 | <li>Text here lorem ipsum ibisque totum.</li> | ||
56 | <li>Text here lorem ipsum ibisque totum.</li> | ||
57 | </ol> | ||
58 | </li> | ||
59 | <li>Text here lorem ipsum ibisque totum.</li> | ||
60 | </ol> | ||
61 | </li> | ||
62 | <li>Text here lorem ipsum ibisque totum.</li> | ||
63 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
64 | <li>Text here lorem ipsum ibisque totum.</li> | ||
65 | <li>Text here lorem ipsum ibisque totum.</li> | ||
66 | </ol> | ||
67 | </li> | ||
68 | <li>Text here lorem ipsum ibisque totum.</li> | ||
69 | <li>Text here lorem ipsum ibisque totum. | ||
70 | <ol class="listc"> | ||
71 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
72 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
73 | <li>Text here lorem ipsum ibisque totum. | ||
74 | <ol class="listd"> | ||
75 | <li>Text here lorem ipsum ibisque totum.</li> | ||
76 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
77 | <li>Text here lorem ipsum ibisque totum.</li> | ||
78 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
79 | <ol class="liste"> | ||
80 | <li>Text here lorem ipsum ibisque totum.</li> | ||
81 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
82 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
83 | <li>Text here lorem ipsum ibisque totum.</li> | ||
84 | <li>Text here lorem ipsum ibisque totum.</li> | ||
85 | </ol> | ||
86 | </li> | ||
87 | <li>Text here lorem ipsum ibisque totum.</li> | ||
88 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
89 | <li>Text here lorem ipsum ibisque totum. | ||
90 | <ol> | ||
91 | <li>No class specified. Text here lorem ipsum ibisque totum.</li> | ||
92 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
93 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
94 | <li>Text here lorem ipsum ibisque totum.</li> | ||
95 | <li>Text here lorem ipsum ibisque totum.</li> | ||
96 | </ol> | ||
97 | </li> | ||
98 | </ol> | ||
99 | </li> | ||
100 | </ol> | ||
101 | </li> | ||
102 | <li>Text here lorem ipsum ibisque totum.</li> | ||
103 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
104 | <li>Text here lorem ipsum ibisque totum.</li> | ||
105 | <li>Text here lorem ipsum ibisque totum.</li> | ||
106 | <li>Text here lorem ipsum ibisque totum.</li> | ||
107 | <li>Text here lorem ipsum ibisque totum.</li> | ||
108 | <li>Text here lorem ipsum ibisque totum.</li> | ||
109 | <li>Text here lorem ipsum ibisque totum.</li> | ||
110 | </ol> | ||
111 | </div> | ||
112 | '; | ||
113 | //============================================================== | ||
114 | //============================================================== | ||
115 | //============================================================== | ||
116 | include("../mpdf.php"); | ||
117 | |||
118 | $mpdf=new mPDF(); | ||
119 | |||
120 | $mpdf->SetDisplayMode('fullpage'); | ||
121 | |||
122 | $mpdf->WriteHTML($html); | ||
123 | |||
124 | $mpdf->list_align_style = 'L'; // Determines alignment of numbers in numbered lists | ||
125 | $mpdf->list_number_suffix = ')'; | ||
126 | |||
127 | $mpdf->WriteHTML($html); | ||
128 | |||
129 | $mpdf->Output(); | ||
130 | |||
131 | exit; | ||
132 | //============================================================== | ||
133 | //============================================================== | ||
134 | //============================================================== | ||
135 | |||
136 | |||
137 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example09_forms.php b/inc/3rdparty/libraries/mpdf/examples/example09_forms.php new file mode 100644 index 00000000..0117a5be --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example09_forms.php | |||
@@ -0,0 +1,204 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | |||
6 | define('_MPDF_PATH','../'); | ||
7 | include("../mpdf.php"); | ||
8 | |||
9 | |||
10 | $html = ' | ||
11 | <form> | ||
12 | |||
13 | <b>Textarea</b> | ||
14 | <textarea name="authors" rows="5" cols="80" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
15 | <br /><br /> | ||
16 | |||
17 | <b>Select</b> | ||
18 | <select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> followed by text | ||
19 | <br /><br /> | ||
20 | |||
21 | |||
22 | |||
23 | <b>Input Radio</b> | ||
24 | <input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes | ||
25 | <br /><br /> | ||
26 | |||
27 | |||
28 | <b>Input Radio</b> | ||
29 | <input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice | ||
30 | <br /><br /> | ||
31 | |||
32 | |||
33 | <b>Input Text</b> | ||
34 | <input type="text" size="190" name="doi" value="10.1258/jrsm.100.5.211"> | ||
35 | <br /><br /> | ||
36 | |||
37 | <b>Input Password</b> | ||
38 | <input type="password" size="40" name="password" value="secret"> | ||
39 | <br /><br /> | ||
40 | |||
41 | |||
42 | <input type="checkbox" name="QPC" value="ON" /> Checkboxes<br> | ||
43 | <input type="checkbox" name="QPA" value="ON" disabled="disabled" /> Disabled<br> | ||
44 | <input type="checkbox" name="QLY" value="ON" checked="checked" /> Selected | ||
45 | <br /><br /> | ||
46 | |||
47 | <input type="submit" name="submit" value="Submit" /><br /><br /> | ||
48 | |||
49 | </form> | ||
50 | |||
51 | <hr style="width:80%;" /> | ||
52 | |||
53 | <div> | ||
54 | <form> | ||
55 | |||
56 | <b>Textarea</b> | ||
57 | <textarea name="authors" rows="5" cols="50" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
58 | <br /><br /> | ||
59 | |||
60 | |||
61 | |||
62 | <b>Select</b> | ||
63 | <select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> | ||
64 | <br /><br /> | ||
65 | |||
66 | <b>Input Radio</b> | ||
67 | <input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes | ||
68 | <br /><br /> | ||
69 | |||
70 | |||
71 | <b>Input Radio</b> | ||
72 | <input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice | ||
73 | <br /><br /> | ||
74 | |||
75 | |||
76 | <b>Input Text</b> | ||
77 | <input type="text" size="40" name="doi" value="10.1258/jrsm.100.5.211" /> | ||
78 | <br /> | ||
79 | |||
80 | <b>Input Password</b> | ||
81 | <input type="password" size="40" name="password" value="secret"> | ||
82 | <br /><br /> | ||
83 | |||
84 | <input type="checkbox" name="QPC" value="ON" /> Checkboxes<br> | ||
85 | <input type="checkbox" name="QPA" value="ON" disabled="disabled" /> Disabled<br> | ||
86 | <input type="checkbox" name="QLY" value="ON" checked="checked" /> Selected | ||
87 | <br /><br /> | ||
88 | |||
89 | <input type="submit" name="submit" value="Submit" /><br /><br /> | ||
90 | |||
91 | </form> | ||
92 | |||
93 | </div> | ||
94 | <hr style="width:100%;" /> | ||
95 | |||
96 | |||
97 | <form> | ||
98 | |||
99 | <table border="1" style="padding:2px;" > | ||
100 | |||
101 | <tr><td valign="top" align="right"><b>Textarea</b></td><td><textarea name="title" rows="5" cols="50" wrap="virtual">TEXTINTABLE Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea></td></tr> | ||
102 | |||
103 | |||
104 | |||
105 | |||
106 | <tr><td valign="top" align="right"><b>Select</b></td><td><select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> <input type="hidden" name="old_status" value="A" /> </td></tr> | ||
107 | |||
108 | <tr><td valign="bottom" align="right"><b>Input Radio</b></td><td><input type="radio" name="pre_publication" value="0" checked > No <input type="radio" name="pre_publication" value="1" > Yes </td></tr> | ||
109 | |||
110 | |||
111 | <tr><td valign="top" align="right"><b>Input Radio</b></td><td><input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice </td></tr> | ||
112 | |||
113 | <tr><td valign="top" align="right"><b>Input Text</b></td><td><input type="text" size="40" name="doi" value="10.1258/jrsm.100.5.211"> </td> | ||
114 | </tr> | ||
115 | </table> | ||
116 | |||
117 | <br /> | ||
118 | <table border="1" style="padding:8px;"> | ||
119 | |||
120 | <tr><td valign="top" align="right"><b>Checkbox</b></td><td></td></tr> | ||
121 | |||
122 | <tr><td><input type="checkbox" name="QPC" value="ON" > Checkboxes<br></td><td><input type="checkbox" name="QSC" value="ON" > Gardening</td></tr> | ||
123 | |||
124 | <tr><td><input type="checkbox" name="QPA" value="ON" > Holidays<br></td><td><input type="checkbox" name="QPD" value="ON" > Motoring<br></td></tr> | ||
125 | |||
126 | <tr><td><input type="checkbox" name="QLY" value="ON" checked="checked" > Books</td><td><input type="checkbox" name="QCA" value="ON" > Theatre</td></tr> | ||
127 | |||
128 | <tr><td><input type="checkbox" name="QNU" value="ON" checked="checked" > Selected option</td><td><input type="checkbox" name="QET" value="ON" > Musicals</td></tr><tr><td><input type="checkbox" name="QBE" value="ON" > Eating out</td><td><input type="checkbox" name="QPY" value="ON" > Events</td></tr> | ||
129 | |||
130 | |||
131 | |||
132 | <tr><td> | ||
133 | <input type="submit" name="submit" value="Submit" /><br /> | ||
134 | </td><td></td></tr></table> | ||
135 | </form> | ||
136 | |||
137 | |||
138 | <form> | ||
139 | |||
140 | <b>Input Radio</b> | ||
141 | <input type="radio" name="pre_publication" value="0" checked="checked" > No <input type="radio" name="pre_publication" value="1" > Yes | ||
142 | |||
143 | <br /><br /> | ||
144 | |||
145 | <input type="hidden" name="doi" value="10.1258/jrsm.100.5.211" /> | ||
146 | |||
147 | <b>Input Radio</b> | ||
148 | <input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice | ||
149 | |||
150 | <br /><br /> | ||
151 | |||
152 | |||
153 | <b>Input Text</b><br /> | ||
154 | |||
155 | Input text: <input type="text" size="40" name="doi" value="10.1258/jrsm.100.5.211" /> <br /> | ||
156 | |||
157 | Password: <input type="password" size="40" name="doi" value="pallcare" /> | ||
158 | <br /><br /> | ||
159 | |||
160 | Checkboxes: <br /> | ||
161 | <input type="checkbox" name="QPC" value="ON" /> Checkboxes<br> | ||
162 | <input type="checkbox" name="QPA" value="ON" disabled="disabled" /> Disabled<br> | ||
163 | <input type="checkbox" name="QLY" value="ON" checked="checked" /> Selected | ||
164 | <br /><br /> | ||
165 | |||
166 | <input type="image" name="submit" src="goto.gif" /> | ||
167 | <input type="button" name="submit" value="Button" /> | ||
168 | <input type="reset" name="submit" value="Reset" /> | ||
169 | <input type="submit" name="submit" value="Submit" /> | ||
170 | </form> | ||
171 | |||
172 | '; | ||
173 | |||
174 | //============================================================== | ||
175 | //============================================================== | ||
176 | //============================================================== | ||
177 | if (isset($_REQUEST['html'])) { echo '<html><head><style>'.file_get_contents('mpdfstyletables.css').'</style></head><body>'.$html.'</body></html>'; exit; } | ||
178 | if (isset($_REQUEST['source'])) { | ||
179 | $file = __FILE__; | ||
180 | header("Content-Type: text/plain"); | ||
181 | header("Content-Length: ". filesize($file)); | ||
182 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
183 | readfile($file); | ||
184 | exit; | ||
185 | } | ||
186 | //============================================================== | ||
187 | //============================================================== | ||
188 | //============================================================== | ||
189 | |||
190 | $mpdf=new mPDF('c'); | ||
191 | |||
192 | // LOAD a stylesheet | ||
193 | $stylesheet = file_get_contents('mpdfstyletables.css'); | ||
194 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
195 | |||
196 | $mpdf->SetColumns(2,'J'); | ||
197 | |||
198 | $mpdf->WriteHTML($html); | ||
199 | |||
200 | $mpdf->Output(); | ||
201 | exit; | ||
202 | |||
203 | |||
204 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example10_floating_and_fixed_position_elements.php b/inc/3rdparty/libraries/mpdf/examples/example10_floating_and_fixed_position_elements.php new file mode 100644 index 00000000..8a485e35 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example10_floating_and_fixed_position_elements.php | |||
@@ -0,0 +1,103 @@ | |||
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 | h4 { | ||
11 | font-family: sans; | ||
12 | font-weight: bold; | ||
13 | margin-top: 1em; | ||
14 | margin-bottom: 0.5em; | ||
15 | } | ||
16 | div { | ||
17 | padding:1em; | ||
18 | margin-bottom: 1em; | ||
19 | text-align:justify; | ||
20 | } | ||
21 | .myfixed1 { position: absolute; | ||
22 | overflow: visible; | ||
23 | left: 0; | ||
24 | bottom: 0; | ||
25 | border: 1px solid #880000; | ||
26 | background-color: #FFEEDD; | ||
27 | background-gradient: linear #dec7cd #fff0f2 0 1 0 0.5; | ||
28 | padding: 1.5em; | ||
29 | font-family:sans; | ||
30 | margin: 0; | ||
31 | } | ||
32 | .myfixed2 { position: fixed; | ||
33 | overflow: auto; | ||
34 | right: 0; | ||
35 | bottom: 0mm; | ||
36 | width: 65mm; | ||
37 | border: 1px solid #880000; | ||
38 | background-color: #FFEEDD; | ||
39 | background-gradient: linear #dec7cd #fff0f2 0 1 0 0.5; | ||
40 | padding: 0.5em; | ||
41 | font-family:sans; | ||
42 | margin: 0; | ||
43 | rotate: 90; | ||
44 | } | ||
45 | </style> | ||
46 | |||
47 | <body> | ||
48 | <h1>mPDF</h1> | ||
49 | <h2>Floating & Fixed Position elements</h2> | ||
50 | |||
51 | <h4>CSS "Float"</h4> | ||
52 | <div class="gradient"> | ||
53 | Block 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. | ||
54 | Float 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). | ||
55 | <br /> | ||
56 | Margin-right can still be set for a float:right and vice-versa. | ||
57 | <br /> | ||
58 | A 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. | ||
59 | <br /> | ||
60 | NB 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. | ||
61 | </div> | ||
62 | |||
63 | <div class="gradient" style="float: right; width: 28%; margin-bottom: 0pt; "> | ||
64 | <img src="tiger.wmf" style="float:right" width="70" />This is text in a <div> element that is set to float:right and width:28%. It also has an image with float:right inside. With this exception, you cannot nest elements with the float property set inside one another. | ||
65 | </div> | ||
66 | <div class="gradient" style="float: left; width: 54%; margin-bottom: 0pt; "> | ||
67 | This is text in a <div> element that is set to float:left and width:54%. | ||
68 | </div> | ||
69 | |||
70 | <div style="clear: both; margin: 0pt; padding: 0pt; "></div> | ||
71 | This is text that follows a <div> element that is set to clear:both. | ||
72 | |||
73 | <h4>CSS "Position"</h4> | ||
74 | At the bottom of the page are two DIV elements with position:fixed and position:absolute set | ||
75 | |||
76 | <div class="myfixed1">1 Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div> | ||
77 | |||
78 | <div class="myfixed2">2 Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div> | ||
79 | |||
80 | |||
81 | '; | ||
82 | |||
83 | //============================================================== | ||
84 | //============================================================== | ||
85 | //============================================================== | ||
86 | include("../mpdf.php"); | ||
87 | |||
88 | $mpdf=new mPDF(); | ||
89 | |||
90 | $mpdf->SetDisplayMode('fullpage'); | ||
91 | |||
92 | $mpdf->WriteHTML($html); | ||
93 | |||
94 | $mpdf->Output(); | ||
95 | |||
96 | exit; | ||
97 | |||
98 | //============================================================== | ||
99 | //============================================================== | ||
100 | //============================================================== | ||
101 | |||
102 | |||
103 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example11_overflow_auto.php b/inc/3rdparty/libraries/mpdf/examples/example11_overflow_auto.php new file mode 100644 index 00000000..6fd990fb --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example11_overflow_auto.php | |||
@@ -0,0 +1,81 @@ | |||
1 | <?php | ||
2 | |||
3 | $html = ' | ||
4 | <div style="position:fixed; left: 0; right: 0; bottom: 0; top: 0;"> | ||
5 | <h1>mPDF</h1> | ||
6 | <h4>Fixed-position block element with Autofit</h4> | ||
7 | <div>Using the CSS properties position and overflow:auto it is possible to fit text to a single page:</div> | ||
8 | |||
9 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
10 | |||
11 | <div><img src="tiger.wmf" style="float:right;">DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
12 | <div><img src="klematis.jpg" style="opacity: 0.5; float: left;" />DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
13 | |||
14 | <blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote> | ||
15 | |||
16 | <address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address> | ||
17 | |||
18 | <div><a href="dummy'.time().'">Hyperlink (<a>)</a></div> | ||
19 | <div><a href="#top">Hyperlink (<a>)</a></div> | ||
20 | <div><a href="http://www.pallcare.info">Hyperlink (<a>)</a></div> | ||
21 | |||
22 | <div>Styles - <tt>tt(teletype)</tt> <i>italic</i> <b>bold</b> <big>big</big> <small>small</small> <em>emphasis</em> <strong>strong</strong> <br />new lines<br> | ||
23 | <code>code</code> <samp>sample</samp> <kbd>keyboard</kbd> <var>variable</var> <cite>citation</cite> <abbr>abbr.</abbr> <acronym>ACRONYM</acronym> <sup>sup</sup> <sub>sub</sub> <strike>strike</strike> <s>strike-s</s> <u>underline</u> <del>delete</del> <ins>insert</ins> <q>To be or not to be</q> <font face="sans-serif" color="#880000" size="5">font changing face, size and color</font> | ||
24 | </div> | ||
25 | |||
26 | <p style="font-size:15pt; color:#440066">Paragraph using the in-line style to determine the font-size (15pt) and colour</p> | ||
27 | |||
28 | <h3>Testing BIG, SMALL, UNDERLINE, STRIKETHROUGH, FONT color, ACRONYM, SUPERSCRIPT and SUBSCRIPT</h3> | ||
29 | <p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline and <s>strikethrough and <sup>sup</sup></s></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
30 | |||
31 | <p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
32 | |||
33 | <p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
34 | |||
35 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
36 | |||
37 | <p>The above repeated, but starting with a paragraph with font-size specified (7pt)</p> | ||
38 | |||
39 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <small>small <s>strikethrough</s> in small span</small> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
40 | |||
41 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
42 | |||
43 | <p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
44 | |||
45 | <p><small>This tests <u>underline</u> and <s>strikethrough</s> when they are <s><u>used together</u></s> as they both use text-decoration</small></p> | ||
46 | |||
47 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
48 | |||
49 | <p style="font-size:7pt;"><big>Repeated in BIG but with font-size set to 7pt by in-line css: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
50 | |||
51 | <p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
52 | |||
53 | <p>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p> | ||
54 | </div> | ||
55 | |||
56 | '; | ||
57 | |||
58 | |||
59 | |||
60 | |||
61 | //============================================================== | ||
62 | //============================================================== | ||
63 | //============================================================== | ||
64 | include("../mpdf.php"); | ||
65 | |||
66 | $mpdf=new mPDF('c'); | ||
67 | |||
68 | $mpdf->SetDisplayMode('fullpage'); | ||
69 | |||
70 | $mpdf->WriteHTML($html); | ||
71 | |||
72 | $mpdf->Output(); | ||
73 | |||
74 | exit; | ||
75 | |||
76 | //============================================================== | ||
77 | //============================================================== | ||
78 | //============================================================== | ||
79 | |||
80 | |||
81 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example12_paging_html.php b/inc/3rdparty/libraries/mpdf/examples/example12_paging_html.php new file mode 100644 index 00000000..44c5374d --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example12_paging_html.php | |||
@@ -0,0 +1,92 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | |||
6 | <pageheader name="myHeaderNoNum" content-left="My Book Title" content-center="myHeader1" content-right="" header-style="font-family:sans-serif; font-size:8pt; color:#880000;" header-style-right="font-size:12pt; font-weight:bold; font-style:italic; color:#088000;" line="on" /> | ||
7 | |||
8 | <pageheader name="myHeaderNoNumEven" content-left="" content-center="myHeader1Even" content-right="{DATE j-m-Y}" header-style="font-family:sans-serif; font-size:8pt; color:#000088;" header-style-left="font-weight:bold; " line="on" /> | ||
9 | |||
10 | <pageheader name="myHeader1" content-left="My Book Title" content-center="myHeader1" content-right="{PAGENO}" header-style="font-family:sans-serif; font-size:8pt; color:#880000;" header-style-right="font-size:12pt; font-weight:bold; font-style:italic; color:#088000;" line="on" /> | ||
11 | |||
12 | <pageheader name="myHeader1Even" content-left="{PAGENO}" content-center="myHeader1Even" content-right="{DATE j-m-Y}" header-style="font-family:sans-serif; font-size:8pt; color:#000088;" header-style-left="font-weight:bold; " line="on" /> | ||
13 | |||
14 | |||
15 | <htmlpageheader name="myHTMLHeader1" style="display:none"> | ||
16 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
17 | <td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
18 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
19 | <td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td> | ||
20 | </tr></table> | ||
21 | </htmlpageheader> | ||
22 | |||
23 | <htmlpageheader name="myHTMLHeader1Even" style="display:none"> | ||
24 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
25 | <td width="33%"><span style="font-weight: bold;">Outer header</span></td> | ||
26 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
27 | <td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
28 | </tr></table> | ||
29 | </htmlpageheader> | ||
30 | |||
31 | <pagefooter name="myFooter1" content-left="My Book Title" content-center="myFooter1" content-right="{PAGENO}" footer-style="font-family:sans-serif; font-size:8pt; font-weight:bold; color:#008800;" footer-style-left="" line="on" /> | ||
32 | |||
33 | <pagefooter name="myFooter1Even" content-left="{PAGENO}" content-center="myFooter1Even" content-right="{DATE j-m-Y}" footer-style="font-family:sans-serif; font-size:10pt; color:#000880;" footer-style-left="font-weight:bold; " line="on" /> | ||
34 | |||
35 | |||
36 | <setpageheader name="myHeaderNoNum" page="O" value="on" show-this-page="1" /> | ||
37 | <setpageheader name="myHeaderNoNumEven" page="E" value="on" /> | ||
38 | |||
39 | <h1 style="margin-collapse: none; margin-top: 35mm">Introduction</h1> | ||
40 | <div>Introduction</div> | ||
41 | <p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. <!--Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. -->Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p> | ||
42 | |||
43 | <tocpagebreak toc-orientation="landscape" font="mono" font-size="12" indent="5" paging="on" links="on" resetpagenum="1" suppress="off" pagenumstyle="1" orientation="portrait" margin-top="55mm" odd-header-name="myHeader1" odd-header-value="1" even-header-name="html_myHTMLHeader1Even" even-header-value="1" odd-footer-name="myFooter1" odd-footer-value="1" even-footer-name="myFooter1Even" even-footer-value="1" toc-odd-header-name="myHeaderNoNum" toc-odd-header-value="1" toc-even-header-name="myHeaderNoNumEven" toc-even-header-value="1" toc-odd-footer-name="" toc-odd-footer-value="-1" toc-even-footer-name="" toc-even-footer-value="-1" /> | ||
44 | |||
45 | <h1>Section 2<tocentry content="Section 2" /></h1> | ||
46 | <div>Section 2</div> | ||
47 | <p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p> | ||
48 | |||
49 | <pagebreak type="NEXT-ODD" margin-left="60mm" margin-right="40mm" margin-top="55mm" margin-bottom="30mm" margin-header="12mm" margin-footer="12mm" odd-header-name="html_myHTMLHeader1" odd-header-value="1" even-header-name="myHeader1Even" even-header-value="1" odd-footer-name="myFooter1" odd-footer-value="1" even-footer-name="myFooter1Even" even-footer-value="1" /> | ||
50 | |||
51 | <h1>Section 3<tocentry content="Section 3" /></h1> | ||
52 | <div>Section 3</div> | ||
53 | <p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p> | ||
54 | |||
55 | <pagebreak orientation="landscape" type="NEXT-ODD" margin-left="60mm" margin-right="40mm" margin-top="55mm" margin-bottom="30mm" margin-header="12mm" margin-footer="12mm" /> | ||
56 | |||
57 | <h1>Section 4<tocentry content="Section 4" /></h1> | ||
58 | <div>Section 4</div> | ||
59 | <p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p> | ||
60 | |||
61 | |||
62 | <pagebreak orientation="portrait" type="NEXT-ODD" margin-left="40mm" margin-right="20mm" odd-header-name="myHeader1" odd-header-value="1" even-header-name="myHeader1Even" even-header-value="1" odd-footer-name="myFooter1" odd-footer-value="1" even-footer-name="myFooter1Even" even-footer-value="1" suppress="off" /> | ||
63 | |||
64 | |||
65 | <h1>Section 5<tocentry content="Section 5" /></h1> | ||
66 | <div>Section 5</div> | ||
67 | <p>Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p> | ||
68 | |||
69 | '; | ||
70 | |||
71 | //============================================================== | ||
72 | //============================================================== | ||
73 | //============================================================== | ||
74 | include("../mpdf.php"); | ||
75 | $mpdf=new mPDF('c'); | ||
76 | |||
77 | $mpdf->mirrorMargins = true; | ||
78 | |||
79 | $mpdf->SetDisplayMode('fullpage','two'); | ||
80 | |||
81 | $mpdf->WriteHTML($html); | ||
82 | |||
83 | $mpdf->Output(); | ||
84 | exit; | ||
85 | //============================================================== | ||
86 | //============================================================== | ||
87 | //============================================================== | ||
88 | //============================================================== | ||
89 | //============================================================== | ||
90 | |||
91 | |||
92 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example13_paging_css.php b/inc/3rdparty/libraries/mpdf/examples/example13_paging_css.php new file mode 100644 index 00000000..256a8a06 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example13_paging_css.php | |||
@@ -0,0 +1,94 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <htmlpageheader name="myHTMLHeaderOdd" style="display:none"> | ||
7 | <div style="background-color:#BBEEFF" align="center"><b>{PAGENO}</b></div> | ||
8 | </htmlpageheader> | ||
9 | <htmlpageheader name="myHTMLHeaderEven" style="display:none"> | ||
10 | <div style="background-color:#EFFBBE" align="center"><b><i>{PAGENO}</i></b></div> | ||
11 | </htmlpageheader> | ||
12 | <htmlpagefooter name="myHTMLFooterOdd" style="display:none"> | ||
13 | <div style="background-color:#CFFFFC" align="center"><b>{PAGENO}</b></div> | ||
14 | </htmlpagefooter> | ||
15 | <htmlpagefooter name="myHTMLFooterEven" style="display:none"> | ||
16 | <div style="background-color:#FFCCFF" align="center"><b><i>{PAGENO}</i></b></div> | ||
17 | </htmlpagefooter> | ||
18 | |||
19 | |||
20 | <pageheader name="myHeader2Odd" content-left="My Book Title" content-center="myHeader2Odd" content-right="{PAGENO}" header-style="font-family:sans-serif; font-size:8pt; font-weight:bold; color:#008800;" header-style-left="" line="on" /> | ||
21 | |||
22 | <pagefooter name="myFooter2Even" content-left="{PAGENO}" content-center="myFooter2Even" content-right="{DATE j-m-Y}" footer-style="font-family:sans-serif; font-size:10pt; color:#000880;" footer-style-left="font-weight:bold; " line="on" /> | ||
23 | |||
24 | |||
25 | <h1 class="heading1">mPDF 1</h1> | ||
26 | <h2>Paged Media using CSS</h2> | ||
27 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
28 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
29 | |||
30 | |||
31 | <h1 class="heading2">mPDF 2</h1> | ||
32 | <h2>Paged Media using CSS</h2> | ||
33 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
34 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
35 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
36 | |||
37 | |||
38 | <h1 class="heading3">mPDF 3</h1> | ||
39 | <h2>Paged Media using CSS</h2> | ||
40 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
41 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
42 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
43 | |||
44 | |||
45 | <h1 class="heading4">mPDF 4</h1> | ||
46 | <h2>Paged Media using CSS</h2> | ||
47 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
48 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
49 | |||
50 | |||
51 | <h1 class="heading5">mPDF 5</h1> | ||
52 | <h2>Paged Media using CSS</h2> | ||
53 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
54 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
55 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
56 | |||
57 | |||
58 | <h1 class="heading6">mPDF 6</h1> | ||
59 | <h2>Paged Media using CSS</h2> | ||
60 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
61 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
62 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
63 | |||
64 | |||
65 | <h1 class="heading7">mPDF 7</h1> | ||
66 | <h2>Paged Media using CSS</h2> | ||
67 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
68 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
69 | |||
70 | '; | ||
71 | //============================================================== | ||
72 | //============================================================== | ||
73 | //============================================================== | ||
74 | include("../mpdf.php"); | ||
75 | |||
76 | $mpdf=new mPDF('c','A4','','',5,5,5,5,0,0); | ||
77 | |||
78 | $mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins (1 or 0) | ||
79 | |||
80 | $mpdf->SetDisplayMode('fullpage','two'); | ||
81 | |||
82 | // LOAD a stylesheet | ||
83 | $stylesheet = file_get_contents('mpdfstylePaged.css'); | ||
84 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
85 | |||
86 | $mpdf->WriteHTML($html); | ||
87 | |||
88 | $mpdf->Output(); | ||
89 | exit; | ||
90 | //============================================================== | ||
91 | //============================================================== | ||
92 | |||
93 | |||
94 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example14_page_numbers_ToC_Index_Bookmarks.php b/inc/3rdparty/libraries/mpdf/examples/example14_page_numbers_ToC_Index_Bookmarks.php new file mode 100644 index 00000000..54046983 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example14_page_numbers_ToC_Index_Bookmarks.php | |||
@@ -0,0 +1,148 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | //============================================================== | ||
6 | $lorem = "<p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin vel sem at odio varius pretium. Maecenas sed orci. Maecenas varius. Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing. </p><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p>"; | ||
7 | //============================================================== | ||
8 | //============================================================== | ||
9 | //============================================================== | ||
10 | |||
11 | |||
12 | $html = ' | ||
13 | <!-- defines the headers/footers --> | ||
14 | |||
15 | <!--mpdf | ||
16 | |||
17 | <htmlpageheader name="myHTMLHeader"> | ||
18 | <div style="text-align: right; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">Odd Header</div> | ||
19 | </htmlpageheader> | ||
20 | |||
21 | <htmlpageheader name="myHTMLHeaderEven"> | ||
22 | <div style="text-align: left; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">Even Header</div> | ||
23 | </htmlpageheader> | ||
24 | |||
25 | <htmlpagefooter name="myHTMLFooter"> | ||
26 | <table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr> | ||
27 | <td width="33%">{DATE Y-m-d}</td> | ||
28 | <td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td> | ||
29 | <td width="33%" style="text-align: right;">Odd Footer</td> | ||
30 | </tr></table> | ||
31 | </htmlpagefooter> | ||
32 | |||
33 | <htmlpagefooter name="myHTMLFooterEven"> | ||
34 | <table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr> | ||
35 | <td width="33%">Even Footer</td> | ||
36 | <td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td> | ||
37 | <td width="33%" style="text-align: right;">{DATE Y-m-d}</td> | ||
38 | </tr></table> | ||
39 | </htmlpagefooter> | ||
40 | |||
41 | |||
42 | <htmlpageheader name="tocHTMLHeader"> | ||
43 | <div style="text-align: right; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">ToC Odd Header</div> | ||
44 | </htmlpageheader> | ||
45 | |||
46 | <htmlpageheader name="tocHTMLHeaderEven"> | ||
47 | <div style="text-align: left; border-bottom: 1px solid #000000; font-family: serif; font-size: 8pt;">ToC Even Header</div> | ||
48 | </htmlpageheader> | ||
49 | |||
50 | <htmlpagefooter name="tocHTMLFooter"> | ||
51 | <table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr> | ||
52 | <td width="33%">{DATE Y-m-d}</td> | ||
53 | <td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td> | ||
54 | <td width="33%" style="text-align: right;">ToC Odd Footer</td> | ||
55 | </tr></table> | ||
56 | </htmlpagefooter> | ||
57 | |||
58 | <htmlpagefooter name="tocHTMLFooterEven"> | ||
59 | <table width="100%" style="border-top: 1px solid #000000; vertical-align: top; font-family: sans; font-size: 8pt;"><tr> | ||
60 | <td width="33%">ToC Even Footer</td> | ||
61 | <td width="33%" align="center"><span style="font-size:12pt;">{PAGENO}</span></td> | ||
62 | <td width="33%" style="text-align: right;">{DATE Y-m-d}</td> | ||
63 | </tr></table> | ||
64 | </htmlpagefooter> | ||
65 | |||
66 | mpdf--> | ||
67 | |||
68 | |||
69 | <h1>mPDF</h1> | ||
70 | <h2>Table of Contents & Bookmarks</h2> | ||
71 | |||
72 | <!-- set the headers/footers - they will occur from here on in the document --> | ||
73 | <tocpagebreak paging="on" links="on" toc-odd-header-name="html_tocHTMLHeader" toc-even-header-name="html_tocHTMLHeaderEven" toc-odd-footer-name="html_tocHTMLFooter" toc-even-footer-name="html_tocHTMLFooterEven" toc-odd-header-value="on" toc-even-header-value="on" toc-odd-footer-value="on" toc-even-footer-value="on" toc-preHTML="<h2>Contents</h2>" toc-bookmarkText="Content list" resetpagenum="1" pagenumstyle="A" odd-header-name="html_myHTMLHeader" odd-header-value="on" even-header-name="html_myHTMLHeaderEven" even-header-value="ON" odd-footer-name="html_myHTMLFooter" odd-footer-value="on" even-footer-name="html_myHTMLFooterEven" even-footer-value="on" outdent="2em" /> | ||
74 | |||
75 | '; | ||
76 | |||
77 | //============================================================== | ||
78 | include("../mpdf.php"); | ||
79 | |||
80 | $mpdf=new mPDF('c','A4','','',32,25,27,25,16,13); | ||
81 | |||
82 | $mpdf->mirrorMargins = 1; | ||
83 | |||
84 | $mpdf->SetDisplayMode('fullpage','two'); | ||
85 | |||
86 | // LOAD a stylesheet | ||
87 | $stylesheet = file_get_contents('mpdfstyleA4.css'); | ||
88 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
89 | |||
90 | $mpdf->WriteHTML($html); | ||
91 | |||
92 | |||
93 | // Alternative ways to mark ToC entries and Bookmarks | ||
94 | // This will automatically generate entries from the <h4> tag | ||
95 | $mpdf->h2toc = array('H4'=>0); | ||
96 | $mpdf->h2bookmarks = array('H4'=>0); | ||
97 | |||
98 | //============================================================== | ||
99 | // CONTENT | ||
100 | for ($j = 1; $j<7; $j++) { | ||
101 | if ($j==2) $mpdf->WriteHTML('<pagebreak resetpagenum="0" pagenumstyle="a" />',2); | ||
102 | if ($j==3) $mpdf->WriteHTML('<pagebreak resetpagenum="1" pagenumstyle="I" />',2); | ||
103 | if ($j==4) $mpdf->WriteHTML('<pagebreak resetpagenum="0" pagenumstyle="i" />',2); | ||
104 | if ($j==5) $mpdf->WriteHTML('<pagebreak resetpagenum="0" pagenumstyle="1" />',2); | ||
105 | if ($j==6) $mpdf->WriteHTML('<pagebreak resetpagenum="1" pagenumstyle="A" type="NEXT-ODD" /><div style="color:#AA0000">ODD</div>',2); | ||
106 | for ($x = 1; $x<7; $x++) { | ||
107 | |||
108 | // Alternative way to mark ToC entries and Bookmarks manually | ||
109 | // $mpdf->WriteHTML('<h4>Section '.$j.'.'.$x.'<bookmark content="Section '.$j.'.'.$x.'" level="0" /><tocentry content="Section '.$j.'.'.$x.'" level="0" /></h4>',2); | ||
110 | |||
111 | // Using Automatic generation from <h4> tag | ||
112 | $mpdf->WriteHTML('<h4>Section '.$j.'.'.$x.'</h4>',2); | ||
113 | |||
114 | $html = ''; | ||
115 | // Split $lorem into words | ||
116 | $words = preg_split('/([\s,\.]+)/',$lorem,-1,PREG_SPLIT_DELIM_CAPTURE); | ||
117 | foreach($words as $i => $e) { | ||
118 | if($i%2==0) { | ||
119 | $y = rand(1,10); // every tenth word | ||
120 | if (preg_match('/^[a-zA-Z]{4,99}$/',$e) && ($y > 8)) { | ||
121 | // If it is just a word use it as an index entry | ||
122 | $content = ucfirst(trim($e)); | ||
123 | $html .= '<indexentry content="'.$content.'" />'; | ||
124 | $html .= '<i>'.$e . '</i>'; | ||
125 | } | ||
126 | else { $html .= $e; } | ||
127 | } | ||
128 | else { $html .= $e; } | ||
129 | } | ||
130 | $mpdf->WriteHTML($html); | ||
131 | } | ||
132 | } | ||
133 | //++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ | ||
134 | // INDEX | ||
135 | $html = '<pagebreak type="next-odd" /> | ||
136 | <h2>Index</h2> | ||
137 | <indexinsert cols="2" offset="5" usedivletters="on" div-font-size="15" gap="5" font="Trebuchet" div-font="sans-serif" links="on" /> | ||
138 | '; | ||
139 | |||
140 | $mpdf->WriteHTML($html); | ||
141 | |||
142 | $mpdf->Output(); | ||
143 | exit; | ||
144 | //============================================================== | ||
145 | //============================================================== | ||
146 | |||
147 | |||
148 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example15_headers_method_1.php b/inc/3rdparty/libraries/mpdf/examples/example15_headers_method_1.php new file mode 100644 index 00000000..7943bde8 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example15_headers_method_1.php | |||
@@ -0,0 +1,60 @@ | |||
1 | <?php | ||
2 | |||
3 | include("../mpdf.php"); | ||
4 | |||
5 | $mpdf=new mPDF('c'); | ||
6 | |||
7 | $mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins | ||
8 | |||
9 | $mpdf->defaultheaderfontsize = 10; /* in pts */ | ||
10 | $mpdf->defaultheaderfontstyle = B; /* blank, B, I, or BI */ | ||
11 | $mpdf->defaultheaderline = 1; /* 1 to include line below header/above footer */ | ||
12 | |||
13 | $mpdf->defaultfooterfontsize = 12; /* in pts */ | ||
14 | $mpdf->defaultfooterfontstyle = B; /* blank, B, I, or BI */ | ||
15 | $mpdf->defaultfooterline = 1; /* 1 to include line below header/above footer */ | ||
16 | |||
17 | |||
18 | $mpdf->SetHeader('{DATE j-m-Y}|{PAGENO}/{nb}|My document'); | ||
19 | $mpdf->SetFooter('{PAGENO}'); /* defines footer for Odd and Even Pages - placed at Outer margin */ | ||
20 | |||
21 | $mpdf->SetFooter(array( | ||
22 | 'L' => array( | ||
23 | 'content' => 'Text to go on the left', | ||
24 | 'font-family' => 'sans-serif', | ||
25 | 'font-style' => 'B', /* blank, B, I, or BI */ | ||
26 | 'font-size' => '10', /* in pts */ | ||
27 | ), | ||
28 | 'C' => array( | ||
29 | 'content' => '- {PAGENO} -', | ||
30 | 'font-family' => 'serif', | ||
31 | 'font-style' => 'BI', | ||
32 | 'font-size' => '18', /* gives default */ | ||
33 | ), | ||
34 | 'R' => array( | ||
35 | 'content' => 'Printed @ {DATE j-m-Y H:m}', | ||
36 | 'font-family' => 'monospace', | ||
37 | 'font-style' => '', | ||
38 | 'font-size' => '10', | ||
39 | ), | ||
40 | 'line' => 1, /* 1 to include line below header/above footer */ | ||
41 | ), 'E' /* defines footer for Even Pages */ | ||
42 | ); | ||
43 | |||
44 | |||
45 | $html = ' | ||
46 | <h1>mPDF</h1> | ||
47 | <h2>Headers & Footers Method 1</h2> | ||
48 | <h3>Odd / Right page</h3> | ||
49 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
50 | <pagebreak /> | ||
51 | <h3>Even / Left page</h3> | ||
52 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
53 | '; | ||
54 | |||
55 | $mpdf->WriteHTML($html); | ||
56 | |||
57 | $mpdf->Output(); | ||
58 | exit; | ||
59 | |||
60 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example16_headers_method_2.php b/inc/3rdparty/libraries/mpdf/examples/example16_headers_method_2.php new file mode 100644 index 00000000..8ca966d6 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example16_headers_method_2.php | |||
@@ -0,0 +1,49 @@ | |||
1 | <?php | ||
2 | |||
3 | include("../mpdf.php"); | ||
4 | |||
5 | $mpdf=new mPDF('c','A4','','',32,25,47,47,10,10); | ||
6 | |||
7 | $mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins | ||
8 | |||
9 | $header = ' | ||
10 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
11 | <td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
12 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
13 | <td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td> | ||
14 | </tr></table> | ||
15 | '; | ||
16 | $headerE = ' | ||
17 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
18 | <td width="33%"><span style="font-weight: bold;">Outer header</span></td> | ||
19 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
20 | <td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
21 | </tr></table> | ||
22 | '; | ||
23 | |||
24 | $footer = '<div align="center">See <a href="http://mpdf1.com/manual/index.php">documentation manual</a></div>'; | ||
25 | $footerE = '<div align="center">See <a href="http://mpdf1.com/manual/index.php">documentation manual</a></div>'; | ||
26 | |||
27 | |||
28 | $mpdf->SetHTMLHeader($header); | ||
29 | $mpdf->SetHTMLHeader($headerE,'E'); | ||
30 | $mpdf->SetHTMLFooter($footer); | ||
31 | $mpdf->SetHTMLFooter($footerE,'E'); | ||
32 | |||
33 | |||
34 | $html = ' | ||
35 | <h1>mPDF</h1> | ||
36 | <h2>Headers & Footers Method 2</h2> | ||
37 | <h3>Odd / Right page</h3> | ||
38 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
39 | <pagebreak /> | ||
40 | <h3>Even / Left page</h3> | ||
41 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
42 | '; | ||
43 | |||
44 | $mpdf->WriteHTML($html); | ||
45 | |||
46 | $mpdf->Output(); | ||
47 | exit; | ||
48 | |||
49 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example17_headers_method_3.php b/inc/3rdparty/libraries/mpdf/examples/example17_headers_method_3.php new file mode 100644 index 00000000..b0d39d45 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example17_headers_method_3.php | |||
@@ -0,0 +1,58 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <!-- defines the headers/footers - this must occur before the headers/footers are set --> | ||
7 | |||
8 | <!--mpdf | ||
9 | <pageheader name="odds" content-right="My document" header-style-right="color: #880000; font-style: italic;" line="1" /> | ||
10 | <pageheader name="evens" content-right="{DATE j-m-Y}" content-center="{PAGENO}/{nb}" header-style="color: #880000; font-style: italic;" /> | ||
11 | <pagefooter name="odds" content-right="Odd Footer" footer-style-right="color: #880000; font-style: italic;" line="1" /> | ||
12 | <pagefooter name="evens" content-right="{DATE j-m-Y}" content-center="{PAGENO}/{nb}" footer-style="color: #880000; font-style: italic;" /> | ||
13 | |||
14 | <pageheader name="display" content-center="New header called Display" header-style="color: #000088; font-weight: bold;" /> | ||
15 | mpdf--> | ||
16 | |||
17 | <!-- set the headers/footers - they will occur from here on in the document --> | ||
18 | <!--mpdf | ||
19 | <setpageheader name="odds" page="odd" value="on" show-this-page="1" /> | ||
20 | <setpageheader name="evens" page="even" value="1" /> | ||
21 | <setpagefooter name="odds" page="O" value="on" /> | ||
22 | <setpagefooter name="evens" page="E" value="1" /> | ||
23 | mpdf--> | ||
24 | |||
25 | <h1>mPDF</h1> | ||
26 | <h2>Headers & Footers Method 3</h2> | ||
27 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
28 | <pagebreak /> | ||
29 | |||
30 | <h2>Headers & Footers Method 3</h2> | ||
31 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
32 | |||
33 | <pagebreak odd-header-name="display" odd-header-value="1" even-header-name="display" even-header-value="1" /> | ||
34 | |||
35 | <h2>Headers & Footers</h2> | ||
36 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
37 | '; | ||
38 | |||
39 | //============================================================== | ||
40 | //============================================================== | ||
41 | //============================================================== | ||
42 | |||
43 | include("../mpdf.php"); | ||
44 | |||
45 | $mpdf=new mPDF('c','A4','','',32,25,27,25,16,13); | ||
46 | |||
47 | $mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins | ||
48 | |||
49 | $mpdf->WriteHTML($html); | ||
50 | |||
51 | $mpdf->Output(); | ||
52 | exit; | ||
53 | //============================================================== | ||
54 | //============================================================== | ||
55 | //============================================================== | ||
56 | |||
57 | |||
58 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example18_headers_method_4.php b/inc/3rdparty/libraries/mpdf/examples/example18_headers_method_4.php new file mode 100644 index 00000000..16e8bca9 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example18_headers_method_4.php | |||
@@ -0,0 +1,84 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <!-- defines the headers/footers - this must occur before the headers/footers are set --> | ||
7 | |||
8 | <!--mpdf | ||
9 | |||
10 | <htmlpageheader name="myHTMLHeader1"> | ||
11 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
12 | <td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
13 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
14 | <td width="33%" style="text-align: right;"><span style="font-weight: bold;">myHTMLHeader1</span></td> | ||
15 | </tr></table> | ||
16 | </htmlpageheader> | ||
17 | |||
18 | <htmlpageheader name="myHTMLHeader1Even"> | ||
19 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
20 | <td width="33%"><span style="font-weight: bold;">myHTMLHeader1Even</span></td> | ||
21 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
22 | <td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
23 | </tr></table> | ||
24 | </htmlpageheader> | ||
25 | |||
26 | <htmlpageheader name="myHTMLHeader2"> | ||
27 | <table width="100%" style="border-bottom: 1px solid #880000; vertical-align: bottom; font-family: sans; font-size: 9pt; color: #880000;"><tr> | ||
28 | <td width="33%">myHTMLHeader2 p.<span style="font-size:14pt;">{PAGENO}</span></td> | ||
29 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
30 | <td width="33%" style="text-align: right;"><span style="font-weight: bold;">myHTMLHeader2</span></td> | ||
31 | </tr></table> | ||
32 | </htmlpageheader> | ||
33 | |||
34 | <htmlpageheader name="myHTMLHeader2Even"> | ||
35 | <table width="100%" style="border-bottom: 1px solid #880000; vertical-align: bottom; font-family: sans; font-size: 9pt; color: #880000;"><tr> | ||
36 | <td width="33%"><span style="font-weight: bold;">myHTMLHeader2Even</span></td> | ||
37 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
38 | <td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
39 | </tr></table> | ||
40 | </htmlpageheader> | ||
41 | |||
42 | mpdf--> | ||
43 | |||
44 | <!-- set the headers/footers - they will occur from here on in the document --> | ||
45 | <!--mpdf | ||
46 | <sethtmlpageheader name="myHTMLHeader1" page="O" value="on" show-this-page="1" /> | ||
47 | <sethtmlpageheader name="myHTMLHeader1Even" page="E" value="on" /> | ||
48 | mpdf--> | ||
49 | |||
50 | <h1>mPDF</h1> | ||
51 | <h2>Headers & Footers Method 4</h2> | ||
52 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
53 | <pagebreak /> | ||
54 | |||
55 | <h2>Headers & Footers Method 4</h2> | ||
56 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
57 | |||
58 | <!-- Note the html_ prefix when referencing an HTML header using one of the pagebreaks --> | ||
59 | <pagebreak odd-header-name="html_myHTMLHeader2" odd-header-value="1" even-header-name="html_myHTMLHeader2Even" even-header-value="1" /> | ||
60 | |||
61 | <h2>Headers & Footers Method 4</h2> | ||
62 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
63 | '; | ||
64 | |||
65 | //============================================================== | ||
66 | //============================================================== | ||
67 | //============================================================== | ||
68 | |||
69 | include("../mpdf.php"); | ||
70 | |||
71 | $mpdf=new mPDF('c','A4','','',32,25,47,47,10,10); | ||
72 | |||
73 | $mpdf->mirrorMargins = 1; // Use different Odd/Even headers and footers and mirror margins | ||
74 | |||
75 | $mpdf->WriteHTML($html); | ||
76 | |||
77 | $mpdf->Output(); | ||
78 | exit; | ||
79 | //============================================================== | ||
80 | //============================================================== | ||
81 | //============================================================== | ||
82 | |||
83 | |||
84 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example19_page_sizes.php b/inc/3rdparty/libraries/mpdf/examples/example19_page_sizes.php new file mode 100644 index 00000000..6c3ca945 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example19_page_sizes.php | |||
@@ -0,0 +1,59 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $hhtml = ' | ||
6 | <htmlpageheader name="myHTMLHeaderOdd" style="display:none"> | ||
7 | <div style="background-color:#BBEEFF" align="center"><b> {PAGENO} </b></div> | ||
8 | </htmlpageheader> | ||
9 | <htmlpagefooter name="myHTMLFooterOdd" style="display:none"> | ||
10 | <div style="background-color:#CFFFFC" align="center"><b> {PAGENO} </b></div> | ||
11 | </htmlpagefooter> | ||
12 | <sethtmlpageheader name="myHTMLHeaderOdd" page="O" value="on" show-this-page="1" /> | ||
13 | <sethtmlpagefooter name="myHTMLFooterOdd" page="O" value="on" show-this-page="1" /> | ||
14 | '; | ||
15 | |||
16 | //============================================================== | ||
17 | $html = ' | ||
18 | <h1>mPDF Page Sizes</h1> | ||
19 | <h3>Changing page (sheet) sizes within the document</h3> | ||
20 | '; | ||
21 | //============================================================== | ||
22 | //============================================================== | ||
23 | include("../mpdf.php"); | ||
24 | |||
25 | $mpdf=new mPDF('c','A4'); | ||
26 | |||
27 | $mpdf->WriteHTML($hhtml); | ||
28 | |||
29 | $mpdf->WriteHTML($html); | ||
30 | $mpdf->WriteHTML('<p>This should print on an A4 (portrait) sheet</p>'); | ||
31 | |||
32 | $mpdf->WriteHTML('<tocpagebreak sheet-size="A4-L" toc-sheet-size="A5" toc-preHTML="This ToC should print on an A5 sheet" />'); | ||
33 | $mpdf->WriteHTML($html); | ||
34 | $mpdf->WriteHTML('<tocentry content="A4 landscape" /><p>This page appears just after the ToC and should print on an A4 (landscape) sheet</p>'); | ||
35 | |||
36 | $mpdf->WriteHTML('<pagebreak sheet-size="A5-L" />'); | ||
37 | $mpdf->WriteHTML($html); | ||
38 | $mpdf->WriteHTML('<tocentry content="A5 landscape" /><p>This should print on an A5 (landscape) sheet</p>'); | ||
39 | |||
40 | $mpdf->WriteHTML('<pagebreak sheet-size="Letter" />'); | ||
41 | $mpdf->WriteHTML($html); | ||
42 | $mpdf->WriteHTML('<tocentry content="Letter portrait" /><p>This should print on an Letter sheet</p>'); | ||
43 | |||
44 | $mpdf->WriteHTML('<pagebreak sheet-size="150mm 150mm" />'); | ||
45 | $mpdf->WriteHTML($html); | ||
46 | $mpdf->WriteHTML('<tocentry content="150mm square" /><p>This should print on a sheet 150mm x 150mm</p>'); | ||
47 | |||
48 | $mpdf->WriteHTML('<pagebreak sheet-size="11.69in 8.27in" />'); | ||
49 | $mpdf->WriteHTML($html); | ||
50 | $mpdf->WriteHTML('<tocentry content="A4 landscape (ins)" /><p>This should print on a sheet 11.69in x 8.27in = A4 landscape</p>'); | ||
51 | |||
52 | |||
53 | $mpdf->Output(); | ||
54 | exit; | ||
55 | //============================================================== | ||
56 | //============================================================== | ||
57 | |||
58 | |||
59 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example20_justify.php b/inc/3rdparty/libraries/mpdf/examples/example20_justify.php new file mode 100644 index 00000000..7e9f8962 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example20_justify.php | |||
@@ -0,0 +1,130 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <h1>mPDF</h1> | ||
6 | <h2>Justification</h2> | ||
7 | |||
8 | <h4>Tables</h4> | ||
9 | <p>Text can be justified in table cells using in-line or stylesheet CSS. (Note that <p> tags are removed within cells along with any style definition or attributes.)</p> | ||
10 | <table class="bpmTopnTailC"><thead> | ||
11 | <tr class="headerrow"><th>Col/Row Header</th> | ||
12 | <td> | ||
13 | <p>Second column header p</p> | ||
14 | </td> | ||
15 | <td>Third column header</td> | ||
16 | </tr> | ||
17 | </thead><tbody> | ||
18 | <tr class="oddrow"><th>Row header 1</th> | ||
19 | <td>This is data</td> | ||
20 | <td>This is data</td> | ||
21 | </tr> | ||
22 | <tr class="evenrow"><th>Row header 2</th> | ||
23 | <td> | ||
24 | <p>This is data p</p> | ||
25 | </td> | ||
26 | <td> | ||
27 | <p>This is data</p> | ||
28 | </td> | ||
29 | </tr> | ||
30 | <tr class="oddrow"><th> | ||
31 | <p>Row header 3</p> | ||
32 | </th> | ||
33 | <td> | ||
34 | <p>This is long data</p> | ||
35 | </td> | ||
36 | <td>This is data</td> | ||
37 | </tr> | ||
38 | <tr class="evenrow"><th> | ||
39 | <p>Row header 4</p> | ||
40 | <p><th> cell acting as header</p> | ||
41 | </th> | ||
42 | <td style="text-align:justify;"><p>Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </p></td> | ||
43 | <td> | ||
44 | <p>This is data</p> | ||
45 | </td> | ||
46 | </tr> | ||
47 | <tr class="oddrow"><th>Row header 5</th> | ||
48 | <td>Also data</td> | ||
49 | <td>Also data</td> | ||
50 | </tr> | ||
51 | <tr class="evenrow"><th>Row header 6</th> | ||
52 | <td>Also data</td> | ||
53 | <td>Also data</td> | ||
54 | </tr> | ||
55 | <tr class="oddrow"><th>Row header 7</th> | ||
56 | <td>Also data</td> | ||
57 | <td>Also data</td> | ||
58 | </tr> | ||
59 | <tr class="evenrow"><th>Row header 8</th> | ||
60 | <td>Also data</td> | ||
61 | <td>Also data</td> | ||
62 | </tr> | ||
63 | </tbody></table> | ||
64 | <p> </p> | ||
65 | |||
66 | <h4>Testing Justification with Long Words</h4> | ||
67 | <p>http://www-950.ibm.com/software/globalization/icu/demo/converters?s=ALL&snd=4356&dnd=4356</p> | ||
68 | <h5>Should not split</h5> | ||
69 | <p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplit</i> neque sit amet erat</p> | ||
70 | <p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend et <i>verylongwordthatwontsplit</i> neque sit amet erat</p> | ||
71 | |||
72 | <h5>Non-breaking Space &nbsp;</h5><p>The next example has a non-breaking space between <i>eleifend</i> and the very long word.</p><p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend verylongwordthatwontsplitanywhere neque sit amet erat</p><p>Nbsp will only work in fonts that have a glyph to represent the character i.e. not in the CJK languages nor some Unicode fonts.</p> | ||
73 | |||
74 | |||
75 | |||
76 | <h4>Testing Justification with mixed Styles</h4> | ||
77 | <p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
78 | <p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s> and then more text. | ||
79 | </p> | ||
80 | <p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big> | ||
81 | </p> | ||
82 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small> | ||
83 | </p> | ||
84 | |||
85 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
86 | <p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s> then more text. | ||
87 | </p> | ||
88 | <p></p> | ||
89 | <p style="font-size:7pt;"> | ||
90 | <big>Repeated in BIG: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big> | ||
91 | </p> | ||
92 | '; | ||
93 | |||
94 | //============================================================== | ||
95 | //============================================================== | ||
96 | //============================================================== | ||
97 | include("../mpdf.php"); | ||
98 | |||
99 | $mpdf=new mPDF('c','A4','','',32,25,27,25,16,13); | ||
100 | |||
101 | $mpdf->SetDisplayMode('fullpage'); | ||
102 | |||
103 | // LOAD a stylesheet | ||
104 | $stylesheet = file_get_contents('mpdfstyletables.css'); | ||
105 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
106 | |||
107 | $mpdf->WriteHTML($html); | ||
108 | |||
109 | // SPACING | ||
110 | $mpdf->WriteHTML("<h4>Spacing</h4><p>mPDF uses both letter- and word-spacing for text justification. The default is a mixture of both, set by the configurable values jSWord and jSmaxChar. (Only word spacing is used when cursive languages such as Arabic or Indic are detected.) </p>"); | ||
111 | |||
112 | $mpdf->jSWord = 0; // Proportion (/1) of space (when justifying margins) to allocate to Word vs. Character | ||
113 | $mpdf->jSmaxChar = 0; // Maximum spacing to allocate to character spacing. (0 = no maximum) | ||
114 | $mpdf->WriteHTML("<h5>Character spacing</h5><p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplitanywhere</i> neque sit amet erat</p>"); | ||
115 | |||
116 | // Back to default settings | ||
117 | $mpdf->jSWord = 0.4; | ||
118 | $mpdf->jSmaxChar = 2; | ||
119 | $mpdf->WriteHTML("<h5>Word spacing</h5><p style=\"letter-spacing:0\">Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplitanywhere</i> neque sit amet erat</p>"); | ||
120 | |||
121 | $mpdf->WriteHTML("<h5>Mixed Character and Word spacing</h5><p>Maecenas feugiat pede vel risus. Nulla et lectus eleifend <i>verylongwordthatwontsplitanywhere</i> neque sit amet erat</p>"); | ||
122 | |||
123 | |||
124 | |||
125 | |||
126 | $mpdf->Output(); | ||
127 | exit; | ||
128 | |||
129 | |||
130 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example21_hyphenation.php b/inc/3rdparty/libraries/mpdf/examples/example21_hyphenation.php new file mode 100644 index 00000000..e23cce8f --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example21_hyphenation.php | |||
@@ -0,0 +1,41 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <h1>Little Women</h1> | ||
6 | <h2>Chapter One</h2> | ||
7 | <h4>Playing Pilgrims</h4> | ||
8 | |||
9 | <p> Christmas won\'t be Christmas without any presents, grumbled Jo, lying on the rug.<p> It\'s so dreadful to be poor! sighed Meg, looking down at her old dress.<p> I don\'t think it\'s fair for some girls to have plenty of pretty things, and other girls nothing at all, added little Amy, with an injured sniff.<p> We\'ve got Father and Mother, and each other, said Beth contentedly from her corner.<p>The four young faces on which the firelight shone brightened at the cheerful words, but darkened again as Jo said sadly, We haven\'t got Father, and shall not have him for a long time. She didn\'t say perhaps never, but each silently added it, thinking of Father far away, where the fighting was.<p>Nobody spoke for a minute; then Meg said in an altered tone, You know the reason Mother proposed not having any presents this Christmas was because it is going to be a hard winter for everyone; and she thinks we ought not to spend money for pleasure, when our men are suffering so in the army. We can\'t do much, but we can make our little sacrifices, and ought to do it gladly. But I am afraid I don\'t And Meg shook her head, as she thought regretfully of all the pretty things she wanted.<p> But I don\'t think the little we should spend would do any good. We\'ve each got a dollar, and the army wouldn\'t be much helped by our giving that. I agree not to expect anything from Mother or you, but I do want to buy UNDINE AND SINTRAM for myself. I\'ve wanted it so long, said Jo, who was a bookworm.<p> I planned to spend mine in new music, said Beth, with a little sigh, which no one heard but the hearth brush and kettle holder.<p> I shall get a nice box of Faber\'s drawing pencils. I really need them, said Amy decidedly.<p> Mother didn\'t say anything about our money, and she won\'t wish us to give up everything. Let\'s each buy what we want, and have a little fun. I\'m sure we work hard enough to earn it, cried Jo, examining the heels of her shoes in a gentlemanly manner.<p> I know I do—teaching those tiresome children nearly all day, when I\'m longing to enjoy myself at home, began Meg, in the complaining tone again.<p> You don\'t have half such a hard time as I do, said Jo. How would you like to be shut up for hours with a nervous, fussy old lady, who keeps you trotting, is never satisfied, and worries you till you you\'re ready to fly out the window or cry? <p> It\'s naughty to fret, but I do think washing dishes and keeping things tidy is the worst work in the world. It makes me cross, and my hands get so stiff, I can\'t practice well at all. And Beth looked at her rough hands with a sigh that any one could hear that time.<p> I don\'t believe any of you suffer as I do, cried Amy, for you don\'t have to go to school with impertinent girls, who plague you if you don\'t know your lessons, and laugh at your dresses, and label your father if he isn\'t rich, and insult you when your nose isn\'t nice. <p> If you mean libel, I\'d say so, and not talk about labels, as if Papa was a pickle bottle, advised Jo, laughing.<p> I know what I mean, and you needn\'t be satirical about it. It\'s proper to use good words, and improve your vocabulary, returned Amy, with dignity.<p> Don\'t peck at one another, children. Don\'t you wish we had the money Papa lost when we were little, Jo? Dear me! How happy and good we\'d be, if we had no worries! said Meg, who could remember better times.<p> You said the other day you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money. <p> So I did, Beth. Well, I think we are. For though we do have to work, we make fun of ourselves, and are a pretty jolly set, as Jo would say. <p> Jo does use such slang words! observed Amy, with a reproving look at the long figure stretched on the rug.<p>Jo immediately sat up, put her hands in her pockets, and began to whistle.<p> Don\'t, Jo. It\'s so boyish! <p> That\'s why I do it. <p> I detest rude, unladylike girls! <p> I hate affected, niminy-piminy chits! <p> Birds in their little nests agree, sang Beth, the peacemaker, with such a funny face that both sharp voices softened to a laugh, and the pecking ended for that time.<p> Really, girls, you are both to be blamed, said Meg, beginning to lecture in her elder-sisterly fashion. You are old enough to leave off boyish tricks, and to behave better, Josephine. It didn\'t matter so much when you were a little girl, but now you are so tall, and turn up your hair, you should remember that you are a young lady. <p> I\'m not! And if turning up my hair makes me one, I\'ll wear it in two tails till I\'m twenty, cried Jo, pulling off her net, and shaking down a chestnut mane. I hate to think I\'ve got to grow up, and be Miss March, and wear long gowns, and look as prim as a China Aster! It\'s bad enough to be a girl, anyway, when I like boy\'s games and work and manners! I can\'t get over my disappointment in not being a boy. And it\'s worse than ever now, for I\'m dying to go and fight with Papa. And I can only stay home and knit, like a poky old woman! <p>And Jo shook the blue army sock till the needles rattled like castanets, and her ball bounded across the room.<p> Poor Jo! It\'s too bad, but it can\'t be helped. So you must try to be contented with making your name boyish, and playing brother to us girls, said Beth, stroking the rough head with a hand that all the dish washing and dusting in the world could not make ungentle in its touch.<p> As for you, Amy, continued Meg, you are altogether to particular and prim. Your airs are funny now, but you\'ll grow up an affected little goose, if you don\'t take care. I I like your nice manners and refined ways of speaking, when you don\'t try to be elegant. But your absurd words are as bad as Jo\'s slang. <p> If Jo is a tomboy and Amy a goose, what am I, please? asked Beth, ready to share the lecture.<p> You\'re a dear, and nothing else, answered Meg warmly, and no one contradicted her, for the `Mouse\' was the pet of the family.<p>As young readers like to know `how people look\', we will take this moment to give them a little sketch of the four sisters, who sat knitting away in the twilight, while the December snow fell quietly without, and the fire crackled cheerfully within. It was a comfortable room, though the carpet was faded and the furniture very plain, for a good picture or two hung on the walls, books filled the recesses, chrysanthemums and Christmas roses bloomed in the windows, and a pleasant atmosphere of home peace pervaded it.<p>Margaret, the eldest of the four, was sixteen, and very pretty, being plump and fair, with large eyes, plenty of soft brown hair, a sweet mouth, and white hands, of which she was rather vain. Fifteen-year-old Jo was very tall, thin, and brown, and reminded one of a colt, for she never seemed to know what to do with her long limbs, which were very much in her way. She had a decided mouth, a comical nose, and sharp, gray eyes, which appeared to see everything, and were by turns fierce, funny, or thoughtful. Her long, thick hair was her one beauty, but it was usually bundled into a net, to be out of her way. Round shoulders had Jo, big hands and feet, a fly-away look to her clothes, and the uncomfortable appearance of a girl who was rapidly shooting up into a woman and didn\'t like it. Elizabeth, or Beth, as everyone called her, was a rosy, smooth-haired, bright-eyed girl of thirteen, with a shy manner, a timid voice, and a peaceful expression which was seldom disturbed. Her father called her `Little Miss Tranquillity\', and the name suited her excellently, for she seemed to live in a happy world of her own, only venturing out to meet the few whom she trusted and loved. Amy, though the youngest, was a most important person, in her own opinion at least. A regular snow maiden, with blue eyes, and yellow hair curling on her shoulders, pale and slender, and always carrying herself like a young lady mindful of her manners. What the characters of the four sisters were we will leave to be found out.<p>The clock struck six and, having swept up the hearth, Beth put a pair of slippers down to warm. Somehow the sight of the old shoes had a good effect upon the girls, for Mother was coming, and everyone brightened to welcome her. Meg stopped lecturing, and lighted the lamp, Amy got out of the easy chair without being asked, and Jo forgot how tired she was as she sat up to hold the slippers nearer to the blaze.<p> They are quite worn out. Marmee must have a new pair. <p> I thought I\'d get her some with my dollar, said Beth.<p> No, I shall! cried Amy.<p> I\'m the oldest, began Meg, but Jo cut in with a decided, I\'m the man of the family now Papa is away, and I shall provide the slippers, for he told me to take special care of Mother while he was gone. <p> I\'ll tell you what we\'ll do, said Beth, let\'s each get her something for Christmas, and not get anything for ourselves. <p> That\'s like you, dear! What will we get? exclaimed Jo.<p>Everyone thought soberly for a minute, then Meg announced, as if the idea was suggested by the sight of her own pretty hands, I shall give her a nice pair of gloves. <p> Army shoes, best to be had, cried Jo.<p> Some handkerchiefs, all hemmed, said Beth.<p> I\'ll get a little bottle of cologne. She likes it, and it won\'t cost much, so I\'ll have some left to buy my pencils, added Amy.<p> How will we give the things? asked Meg.<p> Put them on the table, and bring her in and see her open the bundles. Don\'t you remember how we used to do on our birthdays? answered Jo.<p> I used to be so frightened when it was my turn to sit in the chair with the crown on, and see you all come marching round to give the presents, with a kiss. I liked the things and the kisses, but it was dreadful to have you sit looking at me while I opened the bundles, said Beth, who was toasting her face and the bread for tea at the same time.<p> Let Marmee think we are getting things for ourselves, and then surprise her. We must go shopping tomorrow afternoon, Meg. There is so much to do about the play for Christmas night, said Jo, marching up and down, with her hands behind her back, and her nose in the air.<p> I don\'t mean to act any more after this time. I\'m getting too old for such things, observed Meg, who was as much a child as ever about `dressing-up\' frolics.<p> You won\'t stop, I know, as long as you can trail round in a white gown with your hair down, and wear gold-paper jewelry. You are the best actress we\'ve got, and there\'ll be an end of everything if you quit the boards, said Jo. We ought to rehearse tonight. Come here, Amy, and do the fainting scene, for you are as stiff as a poker in that. <p> I can\'t help it. I never saw anyone faint, and I don\'t choose to make myself all black and blue, tumbling flat as you do. If I can go down easily, I\'ll drop. If I can\'t, I shall fall into a chair and be graceful. I don\'t care if Hugo does come at me with a pistol, returned Amy, who was not gifted with dramatic power, but was chosen because she was small enough to be borne out shrieking by the villain of the piece.<p> Do it this way. Clasp your hands so, and stagger across the room, crying frantically, `Roderigo` Save me! Save me! and away went Jo, with a melodramatic scream which was truly thrilling.<p>Amy followed, but she poked her hands out stiffly before her, and jerked herself along as if she went by machinery, and her Ow! was more suggestive of pins being run into her than of fear and anguish. Jo gave a despairing groan, and Meg laughed outright, while Beth let her bread burn as she watched the fun with interest.<p> It\'s no use! Do the best you can when the time comes, and if the audience laughs, don\'t blame me. Come on, Meg. <p> Then things went smoothly, for Don Pedro defied the world in a speech of two pages without a single break. Hagar, the witch, chanted an awful incantation over her kettleful of simmering toads, with weird effect. Roderigo rent his chains asunder manfully, and Hugo died in agonies of remorse and arsenic, with a wild, Ha! Ha! <p> It\'s the best we\'ve had yet, said Meg, as the dead villain sat up and rubbed his elbows.<p> I don\'t see how you can write and act such splendid things, Jo. You\'re a regular Shakespeare! exclaimed Beth, who firmly believed that her sisters were gifted with wonderful genius in all things.<p> Not quite, replied Jo modestly. I do think THE WITCHES CURSE, an Operatic Tragedy is rather a nice thing, but I\'d like to try MacBETH, if we only had a trapdoor for Banquo. I always wanted to do the killing part. `Is that a dagger that I see before me? muttered Jo, rolling her eyes and clutching at the air, as she had seen a famous tragedian do.<p> No, it\'s the toasting fork, with Mother\'s shoe on it instead of the bread. Beth\'s stage-struck! cried Meg, and the rehearsal ended in a general burst of laughter.<p> Glad to find you so merry, my girls, said a cheery voice at the door, and actors and audience turned to welcome a tall, motherly lady with a `can I help you\' look about her which was truly delightful. She was not elegantly dressed, but a noble-looking woman, and the girls thought the gray cloak and unfashionable bonnet covered the most splendid mother in the world.<p> Well, dearies, how have you got on today? There was so much to do, getting the boxes ready to go tomorrow, that I didn\'t come home to dinner. Has anyone called, Beth? How is your cold, Meg? Jo, you look tired to death. Come and kiss me, baby. <p>While making these maternal inquiries Mrs. March got her wet things off, her warm slippers on, and sitting down in the easy chair, drew Amy to her lap, preparing to enjoy the happiest hour of her busy day. The girls flew about, trying to make things comfortable, each in her own way. Meg arranged the tea table, Jo brought wood and set chairs, dropping, over-turning, and clattering everything she touched. Beth trotted to and fro between parlor kitchen, quiet and busy, while Amy gave directions to everyone, as she sat with her hands folded.<p>As they gathered about the table, Mrs. March said, with a particularly happy face, I\'ve got a treat for you after supper. <p>A quick, bright smile went round like a streak of sunshine. Beth clapped her hands, regardless of the biscuit she held, and Jo tossed up her napkin, crying, A letter! A letter! Three cheers for Father! <p> Yes, a nice long letter. He is well, and thinks he shall get through the cold season better than we feared. He sends all sorts of loving wishes for Christmas, and an especial message to you girls, said Mrs. March, patting her pocket as if she had got a treasure there.<p> Hurry and get done! Don\'t stop to quirk your little finger and simper over your plate, Amy, cried Jo, choking on her tea and dropping her bread, butter side down, on the carpet in her haste to get at the treat.<p>Beth ate no more, but crept away to sit in her shadowy corner and brood over the delight to come, till the others were ready.<p> I think it was so splendid in Father to go as chaplain when he was too old to be drafted, and not strong enough for a soldier, said Meg warmly.<p> Don\'t I wish I could go as a drummer, a vivan—what\'s its name? Or a nurse, so I could be near him and help him, exclaimed Jo, with a groan.<p> It must be very disagreeable to sleep in a tent, and eat all sorts of bad-tasting things, and drink out of a tin mug, sighed Amy.<p> When will he come home, Marmee? asked Beth, with a little quiver in her voice.<p> Not for many months, dear, unless he is sick. He will stay and do his work faithfully as long as he can, and we won\'t ask for him back a minute sooner than he can be spared. Now come and hear the letter. <p>They all drew to the fire, Mother in the big chair with Beth at her feet, Meg and Amy perched on either arm of the chair, and Jo leaning on the back, where no one would see any sign of emotion if the letter should happen to be touching. Very few letters were written in those hard times that were not touching, especially those which fathers sent home. In this one little was said of the hardships endured, the dangers faced, or the homesickness conquered. It was a cheerful, hopeful letter, full of lively descriptions of camp life, marches, and military news, and only at the end did the writer\'s heart over-flow with fatherly love and longing for the little girls at home.<p> Give them all of my dear love and a kiss. Tell them I think of them by day, pray for them by night, and find my best comfort in their affection at all times. A year seems very long to wait before I see them, but remind them that while we wait we may all work, so that these hard days need not be wasted. I know they will remember all I said to them, that they will be loving children to you, will do their duty faithfully, fight their bosom enemies bravely, and conquer themselves so beautifully that when I come back to them I may be fonder and prouder than ever of my little women. <p>Everybody sniffed when they came to that part. Jo wasn\'t ashamed of the great tear that dropped off the end of her nose, and Amy never minded the rumpling of her curls as she hid her face on her mother\'s shoulder and sobbed out, I am a selfish girl! But I\'ll truly try to be better, so he mayn\'t be disappointed in me by-and-by. <p>We all will, cried Meg. I think too much of my looks and hate to work, but won\'t any more, if I can help it. <p> I\'ll try and be what he loves to call me, `a little woman\' and not be rough and wild, but do my duty here instead of wanting to be somewhere else, said Jo, thinking that keeping her temper at home was a much harder task than facing a rebel or two down South.<p>Beth said nothing, but wiped away her tears with the blue army sock and began to knit with all her might, losing no time in doing the duty that lay nearest her, while she resolved in her quiet little soul to be all that Father hoped to find her when the year brought round the happy coming home.<p>Mrs. March broke the silence that followed Jo\'s words, by saying in her cheery voice, Do you remember how you used to play Pilgrims Progress when you were little things? Nothing delighted you more than to have me tie my piece bags on your backs for burdens, give you hats and sticks and rolls of paper, and let you travel through the house from the cellar, which was the City of Destruction, up, up, to the housetop, where you had all the lovely things you could collect to make a Celestial City. <p> What fun it was, especially going by the lions, fighting Apollyon, and passing through the valley where the hob-goblins were, said Jo.<p> I liked the place where the bundles fell off and tumbled downstairs, said Meg.<p> I don\'t remember much about it, except that I was afraid of the cellar and the dark entry, and always liked the cake and milk we had up at the top. If I wasn\'t too old for such things, I\'d rather like to play it over again, said Amy, who began to talk of renouncing childish things at the mature age of twelve.<p> We never are too old for this, my dear, because it is a play we are playing all the time in one way or another. Out burdens are here, our road is before us, and the longing for goodness and happiness is the guide that leads us through many troubles and mistakes to the peace which is a true Celestial City. Now, my little pilgrims, suppose you begin again, not in play, but in earnest, and see how far on you can get before Father comes home. <p> Really, Mother? Where are our bundles? asked Amy, who was a very literal young lady.<p> Each of you told what your burden was just now, except Beth. I rather think she hasn\'t got any, said her mother.<p> Yes, I have. Mine is dishes and dusters, and envying girls with nice pianos, and being afraid of people. <p>Beth\'s bundle was such a funny one that everybody wanted to laugh, but nobody did, for it would have hurt her feelings very much.<p> Let us do it, said Meg thoughtfully. It is only another name for trying to be good, and the story may help us, for though we do want to be good, it\'s hard work and we forget, and don\'t do our best. <p> We were in the Slough of Despond tonight, and Mother came and pulled us out as Help did in the book. We ought to have our roll of directions, like Christian. What shall we do about that? asked Jo, delighted with the fancy which lent a little romance to the very dull task of doing her duty.<p> Look under your pillows Christmas morning, and you will find your guidebook, replied Mrs. March.<p>They talked over the new plan while old Hannah cleared the table, then out came the four little work baskets, and the needles flew as the girls made sheets for Aunt March. It was uninteresting sewing, but tonight no one grumbled. They adopted Jo\'s plan of dividing the long seams into four parts, and calling the quarters Europe, Asia, Africa, and America, and in that way got on capitally, especially when they talked about the different countries as they stitched their way through them.<p>At nine they stopped work, and sang, as usual, before they went to bed. No one but Beth could get much music out of the old piano, but she had a way of softly touching the yellow keys and making a pleasant accompaniment to the simple songs they sang. Meg had a voice like a flute, and she and her mother led the little choir. Amy chirped like a cricket, and Jo wandered through the airs at her own sweet will, always coming out at the wrong place with a croak or a quaver that spoiled the most pensive tune. They had always done this from the time they could lisp . . . <quote><i>Crinkle, crinkle, \'ittle \'tar,</i></quote> and it had become a household custom,, for the mother was a born singer. The first sound in the morning was her voice as she went about the house singing like a lark, and the last sound at night was the same cheery sound, for the girls never grew too old for that familiar lullaby.'; | ||
10 | |||
11 | //============================================================== | ||
12 | //============================================================== | ||
13 | //============================================================== | ||
14 | include("../mpdf.php"); | ||
15 | |||
16 | $mpdf=new mPDF('','A4','','',32,25,27,25,16,13); | ||
17 | |||
18 | $mpdf->SetDisplayMode('fullpage'); | ||
19 | |||
20 | $mpdf->hyphenate = 2; // removed in 5.6.07 | ||
21 | |||
22 | // LOAD a stylesheet | ||
23 | $stylesheet = file_get_contents('mpdfstyleA4.css'); | ||
24 | $stylesheet .= ' | ||
25 | p { hyphens: auto; } | ||
26 | '; | ||
27 | $mpdf->WriteHTML($stylesheet,1); | ||
28 | |||
29 | $mpdf->WriteHTML('<h1>Automatic Hyphenation</h1>'); | ||
30 | |||
31 | $mpdf->SetColumns(4,'J'); | ||
32 | |||
33 | $mpdf->WriteHTML($html); | ||
34 | |||
35 | $mpdf->Output(); | ||
36 | exit; | ||
37 | //============================================================== | ||
38 | //============================================================== | ||
39 | |||
40 | |||
41 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example22_columns.php b/inc/3rdparty/libraries/mpdf/examples/example22_columns.php new file mode 100644 index 00000000..6b9aac53 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example22_columns.php | |||
@@ -0,0 +1,80 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <h1>mPDF</h1> | ||
7 | <h2>Columns</h2> | ||
8 | '; | ||
9 | //============================================================== | ||
10 | |||
11 | $loremH = "<h4>Lectus facilisis</h4> | ||
12 | <p>Sed auctor viverra diam. In lacinia lectus.</p> | ||
13 | <p>Praesent tincidunt massa in dolor. Morbi viverra leo quis ipsum. In vitae velit. In aliquam nulla nec mi. Sed accumsan, justo id congue fringilla, diam mauris volutpat ligula, sed aliquet elit diam at felis. Quisque et velit sed eros convallis posuere.</p> | ||
14 | <h5>Nunc tincidunt</h5> | ||
15 | <p>Nunc diam ipsum, consectetuer nec, hendrerit vitae, malesuada a, ante. Nulla ornare aliquet ante. Maecenas in lectus. Morbi porttitor mauris. Praesent ut.</p> | ||
16 | <p>Pede quis ante tincidunt <a href=\"http://www.stlucia.org\">blandit</a>. Maecenas bibendum erat. Curabitur sit amet ante quis velit ultricies facilisis. Ut hendrerit dolor commodo magna. In nec ligula a purus tincidunt adipiscing. Etiam non ante. </p><div>Suspendisse potenti. <indexentry content=\"Inline indexentry <B>\" />Suspendisse accumsan euismod lectus. Nunc commodo pede et turpis. Pellentesque porta mauris sed lorem. Ut nec augue vitae elit eleifend eleifend.Quisque ornare feugiat diam. Duis nulla metus, tempus sit amet, scelerisque a, rutrum at, nisl. Nulla facilisi. Duis metus turpis, molestie nec, laoreet tincidunt, ultrices et, purus. Nullam faucibus aliquam nisi.</div><a href=\"http://www.stlucia.org\"><img src=\"sunset.jpg\" /></a><p>Ut leo. Etiam tempus interdum tortor. Donec porta, arcu vel tincidunt placerat, lacus lorem iaculis diam, id sagittis sapien metus eu nunc. Morbi vitae nunc.<br />Mauris sapien. Phasellus elementum velit sed sapien. Nullam ante diam, consectetuer commodo, dignissim vitae, tempor vel, magna. Donec dictum. <i>Nullam</i> ultrices leo volutpat magna. Mauris blandit purus nec turpis. <a href=\"http://www.stlucia.org\">Curabitur</a> nunc. Aliquam condimentum eleifend<sup>32</sup> lectus. Praesent vitae nibh <b>et libero ullamcorper</b> scelerisque. Nullam auctor. Mauris ipsum nulla, malesuada id, aliquet at, feugiat vitae, eros.</p> | ||
17 | |||
18 | <div style=\"background-color:#DDDDBB; text-align:center; padding:3px; border:1px solid #880000; \">Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. | ||
19 | <div style=\"background-color:#ADDBBF; text-align:center; padding:3px; border:1px solid #880000; \">Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
20 | Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
21 | <p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
22 | "; | ||
23 | |||
24 | |||
25 | |||
26 | //============================================================== | ||
27 | //============================================================== | ||
28 | //============================================================== | ||
29 | include("../mpdf.php"); | ||
30 | |||
31 | $mpdf=new mPDF('c','A4','','',32,25,27,25,16,13); | ||
32 | |||
33 | $mpdf->SetDisplayMode('fullpage'); | ||
34 | |||
35 | $stylesheet = file_get_contents('mpdfstyleA4.css'); | ||
36 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
37 | |||
38 | // Bullets in columns are probably best not indented | ||
39 | $mpdf->list_indent_first_level = 0; // 1 or 0 - whether to indent the first level of a list | ||
40 | |||
41 | $mpdf->max_colH_correction = 1.1; | ||
42 | |||
43 | |||
44 | $mpdf->WriteHTML($html,2); | ||
45 | $mpdf->WriteHTML($loremH,2); | ||
46 | |||
47 | // consider reducing lineheight when using columns - especially if vAligned justify | ||
48 | $mpdf->SetDefaultBodyCSS('line-height', 1.2); | ||
49 | |||
50 | $mpdf->SetColumns(3,'J'); | ||
51 | $mpdf->WriteHTML($loremH,2); | ||
52 | |||
53 | $mpdf->SetColumns(0); | ||
54 | $mpdf->WriteHTML('<hr />'); | ||
55 | |||
56 | |||
57 | $mpdf->SetColumns(2,'J'); | ||
58 | $mpdf->WriteHTML($loremH,2); | ||
59 | $mpdf->WriteHTML('<hr />'); | ||
60 | $mpdf->SetColumns(0); | ||
61 | $mpdf->WriteHTML('<hr />'); | ||
62 | |||
63 | $mpdf->SetColumns(3,'J'); | ||
64 | $mpdf->WriteHTML($loremH,2); | ||
65 | |||
66 | $mpdf->SetColumns(0); | ||
67 | $mpdf->WriteHTML('<hr />'); | ||
68 | $mpdf->SetColumns(2,'J'); | ||
69 | $mpdf->WriteHTML($loremH,2); | ||
70 | |||
71 | |||
72 | |||
73 | $mpdf->Output(); | ||
74 | exit; | ||
75 | //============================================================== | ||
76 | //============================================================== | ||
77 | //============================================================== | ||
78 | |||
79 | |||
80 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example23_orientation.php b/inc/3rdparty/libraries/mpdf/examples/example23_orientation.php new file mode 100644 index 00000000..7049d7e1 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example23_orientation.php | |||
@@ -0,0 +1,132 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <h1>mPDF</h1> | ||
6 | <h2>Page Orientation</h2> | ||
7 | |||
8 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
9 | |||
10 | |||
11 | <p style="color:red; font-family:serif;">Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
12 | <p style="color:orange; font-family:serif;">Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p> | ||
13 | <p style="color:green; font-family:serif;">Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p> | ||
14 | |||
15 | <hr /> | ||
16 | |||
17 | '; | ||
18 | |||
19 | //============================================================== | ||
20 | //============================================================== | ||
21 | //============================================================== | ||
22 | |||
23 | include("../mpdf.php"); | ||
24 | |||
25 | |||
26 | $mpdf=new mPDF('c','A4','','',42,15,67,67,20,15); | ||
27 | |||
28 | $mpdf->SetDisplayMode('fullpage','two'); | ||
29 | |||
30 | $mpdf->mirrorMargins = 1; | ||
31 | |||
32 | |||
33 | $header = ' | ||
34 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
35 | <td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
36 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
37 | <td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td> | ||
38 | </tr></table> | ||
39 | '; | ||
40 | $headerE = ' | ||
41 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
42 | <td width="33%"><span style="font-weight: bold;">Outer header</span></td> | ||
43 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
44 | <td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
45 | </tr></table> | ||
46 | '; | ||
47 | $longfooter = ' | ||
48 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
49 | <td width="33%">Left footer p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
50 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
51 | <td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right footer</span></td> | ||
52 | </tr></table> | ||
53 | '; | ||
54 | $longfooterE = ' | ||
55 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
56 | <td width="33%"><span style="font-weight: bold;">Outer footer</span></td> | ||
57 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
58 | <td width="33%" style="text-align: right;">Inner footer p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
59 | </tr></table> | ||
60 | '; | ||
61 | |||
62 | $footer = '<div align="center" style="color:blue;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document</div>'; | ||
63 | $footerE = '<div align="center" style="color:green;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">Even page footer - {PAGENO} -</div>'; | ||
64 | |||
65 | $shortheader = '<div align="center" style="color:blue;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document</div>'; | ||
66 | $shortheaderE = '<div align="center" style="color:green;font-family:mono;font-size:18pt;font-weight:bold;font-style:italic;">Even page header - {PAGENO} -</div>'; | ||
67 | |||
68 | |||
69 | $mpdf->SetHTMLHeader($header); | ||
70 | $mpdf->SetHTMLHeader($headerE,'E'); | ||
71 | $mpdf->setFooter('{PAGENO} of {nbpg} pages||{PAGENO} of {nbpg} pages') ; | ||
72 | |||
73 | |||
74 | $mpdf->WriteHTML($html); | ||
75 | |||
76 | |||
77 | $mpdf->setHeader(); // Clear headers before adding page | ||
78 | $mpdf->AddPage('L','','','','',25,25,55,45,18,12); | ||
79 | |||
80 | $mpdf->SetHTMLHeader($shortheader,'',true); // New parameter in v1.4 to add the header to the new page | ||
81 | $mpdf->SetHTMLHeader($shortheaderE,'E',true); | ||
82 | $mpdf->SetHTMLFooter($longfooter); | ||
83 | $mpdf->SetHTMLFooter($longfooterE,'E'); | ||
84 | |||
85 | |||
86 | $mpdf->WriteHTML($html); | ||
87 | $mpdf->WriteHTML($html); | ||
88 | $mpdf->WriteHTML($html); | ||
89 | |||
90 | |||
91 | |||
92 | $mpdf->setHeader('{PAGENO} of {nbpg} pages||{PAGENO} of {nbpg} pages') ; | ||
93 | $mpdf->SetHTMLFooter($footer); | ||
94 | $mpdf->SetHTMLFooter($footerE,'E'); | ||
95 | |||
96 | |||
97 | $mpdf->WriteHTML($html); | ||
98 | $mpdf->WriteHTML($html); | ||
99 | |||
100 | |||
101 | $mpdf->setHeader(); // Clear headers before adding page | ||
102 | $mpdf->AddPage('','','','','',42,15,67,67,20,15); // Default is Portrait (because that was the document default) | ||
103 | |||
104 | |||
105 | $mpdf->SetHTMLHeader($shortheader,'',true); // New parameter in v1.4 to add the header to the new page | ||
106 | $mpdf->SetHTMLHeader($shortheaderE,'E',true); | ||
107 | $mpdf->SetHTMLFooter($longfooter); | ||
108 | $mpdf->SetHTMLFooter($longfooterE,'E'); | ||
109 | |||
110 | |||
111 | $mpdf->WriteHTML($html); | ||
112 | $mpdf->WriteHTML($html); | ||
113 | |||
114 | |||
115 | $mpdf->SetHTMLHeader($header); | ||
116 | $mpdf->SetHTMLHeader($headerE,'E'); | ||
117 | $mpdf->SetHTMLFooter($footer); | ||
118 | $mpdf->SetHTMLFooter($footerE,'E'); | ||
119 | |||
120 | |||
121 | $mpdf->WriteHTML($html); | ||
122 | $mpdf->WriteHTML($html); | ||
123 | |||
124 | |||
125 | $mpdf->Output('mpdf.pdf','I'); | ||
126 | exit; | ||
127 | //============================================================== | ||
128 | //============================================================== | ||
129 | //============================================================== | ||
130 | |||
131 | |||
132 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example24_orientation_2.php b/inc/3rdparty/libraries/mpdf/examples/example24_orientation_2.php new file mode 100644 index 00000000..1cbbfdad --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example24_orientation_2.php | |||
@@ -0,0 +1,200 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <h1>mPDF</h1> | ||
6 | <h2>Page Orientation</h2> | ||
7 | |||
8 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
9 | |||
10 | |||
11 | <p style="color:red; font-family:serif;">Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
12 | <p style="color:orange; font-family:serif;">Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p> | ||
13 | <p style="color:green; font-family:serif;">Integer feugiat venenatis metus. Integer lacinia ultrices ipsum. Proin et arcu. Quisque varius libero. Nullam id arcu. Aenean justo quam, accumsan nec, luctus id, pellentesque molestie, mi. Aliquam sollicitudin feugiat eros. Nunc nisi turpis, consequat id, aliquet et, semper a, augue. Integer nisl ipsum, blandit et, lobortis a, egestas nec, odio. Nulla dolor ligula, nonummy ac, vulputate a, sollicitudin id, orci. Donec laoreet nisl id magna. Curabitur mollis, quam eget fermentum malesuada, risus tortor ullamcorper dolor, nec placerat nisi urna non pede. Aliquam pretium, leo in interdum interdum, ipsum neque accumsan lectus, ac fringilla dui ipsum sed justo. In tincidunt risus convallis odio egestas luctus. Integer volutpat. Donec ultricies, leo in congue iaculis, dolor neque imperdiet nibh, vitae feugiat mi enim nec sapien. Aenean turpis lorem, consequat quis, varius in, posuere vel, eros. Nulla facilisi.</p> | ||
14 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
15 | |||
16 | |||
17 | '; | ||
18 | |||
19 | $htmlL = ' | ||
20 | <h6>Table in Landscape</h6> | ||
21 | <table class="bpmTopic"> | ||
22 | <thead> | ||
23 | <tr style="text-rotate:45;"> | ||
24 | <td>Type</td> | ||
25 | <td>Details</td> | ||
26 | <td>Notes</td> | ||
27 | </thead> | ||
28 | <tbody> | ||
29 | <tr> | ||
30 | <td>Causes</td> | ||
31 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
32 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
33 | Suspendisse potenti. Fusce eleifend neque sit amet erat.<br /> | ||
34 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
35 | </tr> | ||
36 | <tr> | ||
37 | <td>Mechanisms</td> | ||
38 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
39 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
40 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
41 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
42 | </tr> | ||
43 | <tr> | ||
44 | <td>Causes</td> | ||
45 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
46 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
47 | Suspendisse potenti. Fusce eleifend neque sit amet erat.<br /> | ||
48 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
49 | </tr> | ||
50 | <tr> | ||
51 | <td>Mechanisms</td> | ||
52 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
53 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
54 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
55 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
56 | </tr> | ||
57 | <tr> | ||
58 | <td>Causes</td> | ||
59 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
60 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
61 | Suspendisse potenti. Fusce eleifend neque sit amet erat.<br /> | ||
62 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
63 | </tr> | ||
64 | <tr> | ||
65 | <td>Mechanisms</td> | ||
66 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
67 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
68 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
69 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
70 | </tr> | ||
71 | <tr> | ||
72 | <td>Causes</td> | ||
73 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
74 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
75 | Suspendisse potenti. Fusce eleifend neque sit amet erat.<br /> | ||
76 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
77 | </tr> | ||
78 | <tr> | ||
79 | <td>Mechanisms</td> | ||
80 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
81 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
82 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
83 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
84 | </tr> | ||
85 | <tr> | ||
86 | <td>Causes</td> | ||
87 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
88 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
89 | Suspendisse potenti. Fusce eleifend neque sit amet erat.<br /> | ||
90 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
91 | </tr> | ||
92 | <tr> | ||
93 | <td>Mechanisms</td> | ||
94 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
95 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
96 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
97 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
98 | </tr> | ||
99 | </tbody></table> | ||
100 | '; | ||
101 | |||
102 | //============================================================== | ||
103 | |||
104 | $loremH = "<h4>Lectus facilisis</h4> | ||
105 | <p>Sed auctor viverra diam. In lacinia lectus.</p> | ||
106 | <p>Praesent tincidunt massa in dolor. Morbi viverra leo quis ipsum. In vitae velit. In aliquam nulla nec mi. Sed accumsan, justo id congue fringilla, diam mauris volutpat ligula, sed aliquet elit diam at felis. Quisque et velit sed eros convallis posuere.</p> | ||
107 | <h5>Nunc tincidunt</h5> | ||
108 | <p>Nunc diam ipsum, consectetuer nec, hendrerit vitae, malesuada a, ante. Nulla ornare aliquet ante. Maecenas in lectus. Morbi porttitor mauris. Praesent ut.</p> | ||
109 | <p>Pede quis ante tincidunt <a href=\"http://www.stlucia.org\">blandit</a>. Maecenas bibendum erat. Curabitur sit amet ante quis velit ultricies facilisis. Ut hendrerit dolor commodo magna. In nec ligula a purus tincidunt adipiscing. Etiam non ante. </p><div>Suspendisse potenti. <indexentry content=\"Inline indexentry <B>\" />Suspendisse accumsan euismod lectus. Nunc commodo pede et turpis. Pellentesque porta mauris sed lorem. Ut nec augue vitae elit eleifend eleifend. Quisque ornare feugiat diam. Duis nulla metus, tempus sit amet, scelerisque a, rutrum at, nisl. Nulla facilisi. Duis metus turpis, molestie nec, laoreet tincidunt, ultrices et, purus. Nullam faucibus aliquam nisi.</div><a href=\"http://www.stlucia.org\"><img zsrc=\"sunset.jpg\" /></a><p>Ut leo. Etiam tempus interdum tortor. Donec porta, arcu vel tincidunt placerat, lacus lorem iaculis diam, id sagittis sapien metus eu nunc. Morbi vitae nunc.<br />Mauris sapien. Phasellus elementum velit sed sapien. Nullam ante diam, consectetuer commodo, dignissim vitae, tempor vel, magna. Donec dictum. <i>Nullam</i> ultrices leo volutpat magna. Mauris blandit purus nec turpis. <a href=\"http://www.stlucia.org\">Curabitur</a> nunc. Aliquam condimentum eleifend<sup>32</sup> lectus. Praesent vitae nibh <b>et libero ullamcorper</b> scelerisque. Nullam auctor. Mauris ipsum nulla, malesuada id, aliquet at, feugiat vitae, eros.</p> | ||
110 | |||
111 | <div style=\"background-color:#DDDDBB; text-align:center; padding:3px; border:1px solid #880000; \">Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div><p>Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras eu erat vel libero sodales congue. Sed erat est, interdum nec, elementum eleifend, pretium at, nibh. Praesent massa diam, adipiscing id, mollis sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui. </p> | ||
112 | "; | ||
113 | |||
114 | //============================================================== | ||
115 | $header = ' | ||
116 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
117 | <td width="33%">Left header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
118 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
119 | <td width="33%" style="text-align: right;"><span style="font-weight: bold;">Right header</span></td> | ||
120 | </tr></table> | ||
121 | '; | ||
122 | $headerE = ' | ||
123 | <table width="100%" style="border-bottom: 1px solid #000000; vertical-align: bottom; font-family: serif; font-size: 9pt; color: #000088;"><tr> | ||
124 | <td width="33%"><span style="font-weight: bold;">Outer header</span></td> | ||
125 | <td width="33%" align="center"><img src="sunset.jpg" width="126px" /></td> | ||
126 | <td width="33%" style="text-align: right;">Inner header p <span style="font-size:14pt;">{PAGENO}</span></td> | ||
127 | </tr></table> | ||
128 | '; | ||
129 | $header = '<div align="center" style="background-color: #f0f2ff;background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document<br />My document<br />See <a href="http://mpdf1.com/manual/index.php">documentation manual</a><br />My document</div>'; | ||
130 | $headerE = '<div align="center" style="background-color: #f0f2ff;background: transparent url(\'bg.jpg\') repeat scroll left top;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">Even page footer - {PAGENO} -<br />My document<br />My document<br />My document</div>'; | ||
131 | $footer = '<div align="center" style="background-color: #f0f2ff;background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">{DATE j-m-Y} » {PAGENO} » My document<br />My document<br />See <a href="http://mpdf1.com/manual/index.php">documentation manual</a><br />My document</div>'; | ||
132 | $footerE = '<div align="center" style="background-color: #f0f2ff;background: transparent url(\'bg.jpg\') repeat scroll right bottom;border-radius: 4mm;font-size:18pt;font-weight:bold;font-style:italic;">Even page footer - {PAGENO} -<br />My document<br />My document<br />My document</div>'; | ||
133 | |||
134 | //============================================================== | ||
135 | //============================================================== | ||
136 | //============================================================== | ||
137 | |||
138 | include("../mpdf.php"); | ||
139 | |||
140 | |||
141 | $mpdf=new mPDF('c','A4','','',42,15,57,57,20,17); | ||
142 | |||
143 | $mpdf->displayDefaultOrientation = true; | ||
144 | |||
145 | $mpdf->forcePortraitHeaders = true; | ||
146 | $mpdf->forcePortraitMargins = true; | ||
147 | |||
148 | $mpdf->SetDisplayMode('fullpage','two'); | ||
149 | |||
150 | $mpdf->mirrorMargins = 1; | ||
151 | |||
152 | $stylesheet = file_get_contents('mpdfstyletables.css'); | ||
153 | $mpdf->WriteHTML($stylesheet,1); | ||
154 | |||
155 | $mpdf->SetHTMLHeader($header); | ||
156 | $mpdf->SetHTMLHeader($headerE,'E'); | ||
157 | $mpdf->SetHTMLFooter($footer); | ||
158 | $mpdf->SetHTMLFooter($footerE,'E'); | ||
159 | |||
160 | $mpdf->WriteHTML($html); | ||
161 | |||
162 | $mpdf->AddPage('L'); | ||
163 | |||
164 | $mpdf->WriteHTML($htmlL); | ||
165 | $mpdf->WriteHTML($htmlL); | ||
166 | |||
167 | // Columns | ||
168 | $mpdf->AddPage('L'); | ||
169 | $mpdf->SetColumns(3,'J'); | ||
170 | $mpdf->WriteHTML($loremH); | ||
171 | |||
172 | $mpdf->SetColumns(0); | ||
173 | $mpdf->WriteHTML('<hr />'); | ||
174 | |||
175 | |||
176 | $mpdf->SetColumns(2,'J'); | ||
177 | $mpdf->WriteHTML($loremH); | ||
178 | $mpdf->WriteHTML('<hr />'); | ||
179 | $mpdf->SetColumns(0); | ||
180 | |||
181 | $mpdf->AddPage('L'); | ||
182 | |||
183 | $mpdf->WriteHTML($htmlL); | ||
184 | $mpdf->WriteHTML($htmlL); | ||
185 | |||
186 | $mpdf->AddPage(); | ||
187 | |||
188 | $mpdf->WriteHTML($html); | ||
189 | $mpdf->WriteHTML($html); | ||
190 | |||
191 | $mpdf->WriteHTML($html); | ||
192 | |||
193 | $mpdf->Output(); | ||
194 | exit; | ||
195 | //============================================================== | ||
196 | //============================================================== | ||
197 | //============================================================== | ||
198 | |||
199 | |||
200 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example26_RTL.php b/inc/3rdparty/libraries/mpdf/examples/example26_RTL.php new file mode 100644 index 00000000..63102407 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example26_RTL.php | |||
@@ -0,0 +1,316 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = " | ||
5 | <h1>mPDF</h1> | ||
6 | <h2>RTL Languages</h2> | ||
7 | |||
8 | <h4>English</h4> | ||
9 | <p>Please note that I do not understand any of the scripts below. The texts are borrowed from News websites, and I have used words and bits of phrases just to demonstrate the program.</p> | ||
10 | |||
11 | <h4>Hebrew (pangram)</h4> | ||
12 | <p lang=\"he\">\xd7\x93\xd7\x92 \xd7\xa1\xd7\xa7\xd7\xa8\xd7\x9f \xd7\xa9\xd7\x98 \xd7\x91\xd7\x99\xd7\x9d \xd7\x9e\xd7\x90\xd7\x95\xd7\x9b\xd7\x96\xd7\x91 \xd7\x95\xd7\x9c\xd7\xa4\xd7\xaa\xd7\xa2 \xd7\x9e\xd7\xa6\xd7\x90 \xd7\x97\xd7\x91\xd7\xa8\xd7\x94 </p> | ||
13 | |||
14 | <p lang=\"he\">\xd7\x90\xd7\x95 \xd7\x94\xd7\xa0\xd7\xa1\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9d, \xd7\x9c\xd7\x91\xd7\x95\xd7\x90 \xd7\x9c\xd7\xa7\xd7\x97\xd7\xaa \xd7\x9c\xd7\x95 \xd7\x92\xd7\x95\xd7\x99 \xd7\x9e\xd7\xa7\xd7\xa8\xd7\x91 \xd7\x92\xd7\x95\xd7\x99, \xd7\x91\xd7\x9e\xd7\xa1\xd7\xaa \xd7\x91\xd7\x90\xd7\xaa\xd7\xaa \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa4\xd7\xaa\xd7\x99\xd7\x9d \xd7\x95\xd7\x91\xd7\x9e\xd7\x9c\xd7\x97\xd7\x9e\xd7\x94 \xd7\x95\xd7\x91\xd7\x99\xd7\x93 \xd7\x97\xd7\x96\xd7\xa7\xd7\x94 \xd7\x95\xd7\x91\xd7\x96\xd7\xa8\xd7\x95\xd7\xa2 \xd7\xa0\xd7\x98\xd7\x95\xd7\x99\xd7\x94, \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa8\xd7\x90\xd7\x99\xd7\x9d \xd7\x92\xd7\x93\xd7\x9c\xd7\x99\xd7\x9d: \xd7\x9b\xd7\x9b\xd7\x9c \xd7\x90\xd7\xa9\xd7\xa8-\xd7\xa2\xd7\xa9\xd7\x94 \xd7\x9c\xd7\x9b\xd7\x9d \xd7\x99\xd7\x94\xd7\x95\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9b\xd7\x9d, \xd7\x91\xd7\x9e\xd7\xa6\xd7\xa8\xd7\x99\xd7\x9d--\xd7\x9c\xd7\xa2\xd7\x99\xd7\xa0\xd7\x99\xd7\x9a </p> | ||
15 | |||
16 | <p lang=\"he\">\xd7\x9c\xd7\x9b\xd7\x9f \xd7\x97\xd7\x9b\xd7\x95 \xd7\x9c\xd7\x99 \xd7\xa0\xd7\x90\xd7\x9d \xd7\x99\xd7\x94\xd7\x95\xd7\x94 \xd7\x9c\xd7\x99\xd7\x95\xd7\x9d \xd7\xa7\xd7\x95\xd7\x9e\xd7\x99 \xd7\x9c\xd7\xa2\xd7\x93, \xd7\x9b\xd7\x99 \xd7\x9e\xd7\xa9\xd7\xa4\xd7\x98\xd7\x99 \xd7\x9c\xd7\x90\xd7\xa1\xd7\xa3 \xd7\x92\xd7\x95\xd7\x99\xd7\x9d \xd7\x9c\xd7\xa7\xd7\x91\xd7\xa6\xd7\x99 \xd7\x9e\xd7\x9e\xd7\x9c\xd7\x9b\xd7\x95\xd7\xaa, \xd7\x9c\xd7\xa9\xd7\xa4\xd7\x9a \xd7\xa2\xd7\x9c\xd7\x99\xd7\x94\xd7\x9d \xd7\x96\xd7\xa2\xd7\x9e\xd7\x99 \xd7\x9b\xd7\x9c \xd7\x97\xd7\xa8\xd7\x95\xd7\x9f \xd7\x90\xd7\xa4\xd7\x99, \xd7\x9b\xd7\x99 \xd7\x91\xd7\x90\xd7\xa9 \xd7\xa7\xd7\xa0\xd7\x90\xd7\xaa\xd7\x99 \xd7\xaa\xd7\x90\xd7\x9b\xd7\x9c \xd7\x9b\xd7\x9c \xd7\x94\xd7\x90\xd7\xa8\xd7\xa5 </p> | ||
17 | |||
18 | <p lang=\"he\">\xd7\xa9\xd7\xa4\xd7\x9f \xd7\x90\xd7\x9b\xd7\x9c \xd7\xa7\xd7\xa6\xd7\xaa \xd7\x92\xd7\x96\xd7\xa8 \xd7\x91\xd7\x98\xd7\xa2\xd7\x9d \xd7\x97\xd7\xa1\xd7\x94, \xd7\x95\xd7\x93\xd7\x99. </p> | ||
19 | |||
20 | |||
21 | |||
22 | |||
23 | |||
24 | <h4>Arabic</h4> | ||
25 | <p>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2<annotation content=\"\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" subject=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" icon=\"Comment\" color=\"#FE88EF\" author=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" /> | ||
26 | \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9 \xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7 \xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82.</p> | ||
27 | |||
28 | <p>\xd9\x87\xd9\x84 \xd8\xb3\xd8\xaa\xd8\xb3\xd9\x81\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa8\xd9\x84\xd9\x88\xd9\x85\xd8\xa7\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xac\xd8\xa7\xd8\xb1\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 \xd8\xad\xd9\x84\xd9\x88\xd9\x84\xd8\x9f \xd9\x88\xd9\x83\xd9\x8a\xd9\x81 \xd8\xaa\xd9\x86\xd8\xb8\xd8\xb1 \xd9\x84\xd9\x84\xd8\xa7\xd8\xaa\xd9\x87\xd8\xa7\xd9\x85\xd8\xa7\xd8\xaa \xd9\x84\xd8\xa8\xd8\xb9\xd8\xb6 \xd9\x87\xd8\xb0\xd9\x87 \xd8\xa7\xd9\x84\xd8\xaf\xd9\x88\xd9\x84 \xd8\xa8\xd8\xa7\xd9\x84\xd8\xaa\xd8\xaf\xd8\xae\xd9\x84 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb4\xd8\xa3\xd9\x86 \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\x8c \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x88\xd8\xb1\xd8\xb7 \xd9\x81\xd9\x8a \xd8\xaf\xd8\xb9\xd9\x85 \xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xb9\xd9\x86\xd9\x81\xd8\x9f \xd9\x88\xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x8a \xd9\x85\xd8\xaf\xd9\x89 \xd9\x8a\xd8\xa8\xd8\xaf\xd9\x88 \xd8\xa7\xd9\x84\xd9\x88\xd8\xb6\xd8\xb9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86\xd8\xb9\xd9\x83\xd8\xa7\xd8\xb3\xd8\xa7 \xd9\x84\xd9\x84\xd8\xb5\xd8\xb1\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa5\xd9\x82\xd9\x84\xd9\x8a\xd9\x85\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd9\x85\xd9\x86\xd8\xb7\xd9\x82\xd8\xa9\xd8\x9f</p> | ||
29 | |||
30 | <p>\xd9\x88\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa8\xd9\x8a\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa7\xd8\xa8\xd9\x8a\xd8\xb6 "\xd8\xa8\xd8\xb4\xd8\xaf\xd8\xa9" \xd8\xaa\xd9\x81\xd8\xac\xd9\x8a\xd8\xb1 \xd8\xa7\xd9\x8a\xd9\x84\xd8\xa7\xd8\xaa \xd9\x81\xd9\x8a\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xb9\xd8\xb1\xd8\xa8\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 "\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86\xd8\xaa\xd9\x87\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xaf\xd9\x8a\xd8\xaf\xd8\xa9" \xd9\x84\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab" \xd9\x88\xd8\xa7\xd8\xb5\xd9\x81\xd8\xa9 \xd8\xa7\xd9\x8a\xd8\xa7\xd9\x87 \xd8\xa8\xd9\x80"\xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81" \xd8\xa7\xd9\x84\xd8\xb0\xd9\x8a \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x87\xd8\xaf\xd9\x81 "\xd9\x85\xd8\xaf\xd9\x86\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x85\xd8\xb3\xd8\xa7\xd9\x84\xd9\x85\xd9\x8a\xd9\x86".</p> | ||
31 | |||
32 | <p>\xd9\x88\xd8\xa7\xd8\xb6\xd8\xa7\xd9\x81\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd9\x87\xd8\xa7: "\xd9\x85\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd8\xa4\xd8\xb3\xd9\x81 \xd8\xa7\xd9\x86 \xd9\x8a\xd8\xa3\xd8\xaa\xd9\x8a \xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab \xd8\xa8\xd9\x8a\xd9\x86\xd9\x85\xd8\xa7 \xd8\xaa\xd8\xa8\xd8\xb0\xd9\x84 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd9\x84\xd8\xaa\xd8\xae\xd8\xb7\xd9\x8a \xd8\xa7\xd9\x84\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa7\xd8\xae\xd9\x84\xd9\x8a\xd8\xa9".</p> | ||
33 | |||
34 | <p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84 \xd8\xa7\xd8\xad\xd8\xaa\xd9\x88\xd8\xa7\xd8\xa1 \xd9\x85\xd8\xb8\xd8\xa7\xd9\x87\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81 \xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd9\x85\xd8\xa8\xd8\xb1\xd8\xb1 \xd9\x84\xd9\x87\xd8\xa7 \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd8\xaa\xd9\x81\xd9\x8a\xd8\xaf \xd9\x85\xd8\xb5\xd8\xa7\xd9\x84\xd8\xad \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb9\xd8\xa8 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xb7\xd9\x88\xd9\x8a\xd9\x84".</p> | ||
35 | |||
36 | <p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 </p> | ||
37 | \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84</p> | ||
38 | |||
39 | |||
40 | <p>\xd9\x83\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd9\x81\xd8\xa7\xd8\xb1\xd9\x88 \xd8\xaf\xd9\x8a \xd8\xb3\xd9\x88\xd8\xaa\xd9\x88 \xd9\x85\xd8\xa8\xd8\xb9\xd9\x88\xd8\xab \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x85 \xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xad\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb1\xd9\x82 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd8\xb3\xd8\xb7 \xd8\xa7\xd9\x84\xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa9 \xd9\x88\xd9\x82\xd8\xa7\xd9\x84 "\xd8\xa7\xd9\x86\xd9\x87 \xd9\x83\xd8\xa7\xd9\x86 \xd9\x87\xd8\xac\xd9\x88\xd9\x85\xd8\xa7 \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd8\xb4\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xb9\xd8\xa7\xd8\xaf\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x83\xd8\xa7\xd9\x86\xd9\x88\xd8\xa7 \xd9\x8a\xd9\x82\xd9\x88\xd9\x85\xd9\x88\xd9\x86 \xd8\xa8\xd9\x86\xd8\xb4\xd8\xa7\xd8\xb7\xd9\x87\xd9\x85 \xd8\xa7\xd9\x84\xd9\x8a\xd9\x88\xd9\x85\xd9\x8a \xd9\x88\xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x85\xd8\xb1 \xd9\x84\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd8\xaa\xd8\xa8\xd8\xb1\xd9\x8a\xd8\xb1\xd9\x87".</p> | ||
41 | |||
42 | <h4>Farsi / Persian (fa)</h4> | ||
43 | <p>\xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xa8\xd8\xb1\xd8\xa7\xd8\xaf\xd8\xb9\xdb\x8c \xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa2\xda\x98\xd8\xa7\xd9\x86\xd8\xb3 \xd8\xa8\xd9\x8a\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd9\x84\xd9\x84\xdb\x8c \xd8\xa7\xd9\x86\xd8\xb1\xda\x98\xdb\x8c \xd8\xa7\xd8\xaa\xd9\x85\xdb\x8c \xd9\xbe\xd9\x8a\xd8\xb4\xd9\x86\xd9\x87\xd8\xa7\xd8\xaf \xda\xa9\xd8\xb1\xd8\xaf\xd9\x87 \xd8\xa7\xd8\xb3\xd8\xaa \xd8\xaa\xd9\x87\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xa8\xd8\xb1\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xac\xd9\x86\xd8\xac\xd8\xa7\xd9\x84\xdb\x8c \xd8\xba\xd9\x86\xdb\x8c \xd8\xb3\xd8\xa7\xd8\xb2\xdb\x8c \xd8\xa7\xd9\x88\xd8\xb1\xd8\xa7\xd9\x86\xd9\x8a\xd9\x88\xd9\x85 \xd8\xb1\xd8\xa7 \xd9\x85\xd8\xaa\xd9\x88\xd9\x82\xd9\x81 \xda\xa9\xd9\x86\xd8\xaf \xd9\x88 \xd8\xba\xd8\xb1\xd8\xa8 \xd9\x86\xd9\x8a\xd8\xb2 \xd8\xa7\xd8\xac\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xaa\xd8\xad\xd8\xb1\xd9\x8a\xd9\x85 \xd9\x87\xd8\xa7\xdb\x8c \xd8\xaa\xd9\x86\xd8\xa8\xd9\x8a\xd9\x87\xdb\x8c \xd9\x85\xd9\x88\xd8\xb1\xd8\xaf \xd8\xaa\xd8\xa7\xd8\xa6\xd9\x8a\xd8\xaf \xd8\xb3\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa7\xd9\x86 \xd9\x85\xd9\x84\xd9\x84 \xd9\x85\xd8\xaa\xd8\xad\xd8\xaf \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd8\xaa\xd8\xb9\xd9\x88\xd9\x8a\xd9\x82 \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd8\xaf\xd8\xa7\xd8\xb2\xd8\xaf.</p> | ||
44 | |||
45 | <p>\xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4\xd8\x8c \xd8\xaf\xd8\xb1 \xda\x86\xd9\x87\xd8\xa7\xd8\xb1\xd9\x85\xdb\x8c\xd9\x86 \xd8\xb3\xd8\xa7\xd9\x84\xda\xaf\xd8\xb1\xd8\xaf \xd8\xa7\xd8\xb4\xd8\xba\xd8\xa7\xd9\x84 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd9\x85\xdb\x8c \xda\xaf\xd9\x88\xdb\x8c\xd8\xaf \xd8\xa7\xd8\xb3\xd8\xaa\xd8\xb1\xd8\xa7\xd8\xaa\xda\x98\xdb\x8c \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x82\xd8\xb1\xd8\xa7\xd8\xb1 \xd9\x86\xdb\x8c\xd8\xb1\xd9\x88\xd9\x87\xd8\xa7\xdb\x8c \xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7\xdb\x8c\xdb\x8c \xd8\xa8\xdb\x8c\xd8\xb4\xd8\xaa\xd8\xb1\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xa8\xd8\xba\xd8\xaf\xd8\xa7\xd8\xaf\xd8\x8c \xd9\x85\xd8\xaf\xd8\xaa\xdb\x8c \xd8\xb7\xd9\x88\xd9\x84 \xd8\xae\xd9\x88\xd8\xa7\xd9\x87\xd8\xaf \xda\xa9\xd8\xb4\xdb\x8c\xd8\xaf.</p> | ||
46 | |||
47 | <p>\xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7 \xd9\x88\xdb\x8c\xd8\xb2\xd8\xa7\xdb\x8c \xd8\xb1\xd8\xa6\xdb\x8c\xd8\xb3 \xd8\xac\xd9\x85\xd9\x87\xd9\x88\xd8\xb1 \xd8\xa7\xdb\x8c\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd9\x85\xd9\x86\xd8\xb8\xd9\x88\xd8\xb1 \xd8\xad\xd8\xb6\xd9\x88\xd8\xb1 \xd9\x88\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xac\xd9\x84\xd8\xb3\xd9\x87 \xd8\xb1\xd8\xa7\xdb\x8c \xda\xaf\xdb\x8c\xd8\xb1\xdb\x8c \xd8\xb4\xd9\x88\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xa7\xd9\x85\xd9\x86\xdb\x8c\xd8\xaa \xd8\xa8\xd8\xb1\xd8\xa7\xdb\x8c \xd9\x82\xd8\xb7\xd8\xb9\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd8\xb9\xd9\x84\xdb\x8c\xd9\x87 \xd8\xa7\xdb\x8c\xd9\x86 \xda\xa9\xd8\xb4\xd9\x88\xd8\xb1 \xd8\xb5\xd8\xa7\xd8\xaf\xd8\xb1 \xda\xa9\xd8\xb1\xd8\xaf.</p> | ||
48 | |||
49 | |||
50 | <h4>Urdu</h4> | ||
51 | <p lang=\"ur\">\xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xd8\xa7\xd9\x81\xd8\xaa\xd8\xae\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x8c \xd8\xac\xd8\xa8\xd8\xb1\xdb\x8c \xd8\xb1\xd8\xae\xd8\xb5\xd8\xaa \xd9\xbe\xd8\xb1 \xd9\x84\xd8\xa7\xdb\x81\xd9\x88\xd8\xb1\xdb\x81\xd8\xa7\xd8\xa6\xdb\x8c \xda\xa9\xd9\x88\xd8\xb1\xd9\xb9 \xda\xa9\xdb\x92 \xd8\xa7\xdb\x8c\xda\xa9 \xd8\xa7\xd9\x88\xd8\xb1 \xd8\xb3\xd9\x86\xd8\xaf\xda\xbe \xd9\x85\xdb\x8c\xda\xba \xda\xa9\xd8\xa6\xdb\x8c \xd8\xb3\xd9\x88\xd9\x84 \xd8\xac\xd8\xac \xd9\x85\xd8\xb3\xd8\xaa\xd8\xb9\xd9\x81\xdb\x8c \xdb\x81\xd9\x88\xda\xaf\xd8\xa6\xdb\x92 \xdb\x81\xdb\x8c\xda\xba\xdb\x94</p> | ||
52 | |||
53 | <p lang=\"ur\">\xda\x86\xdb\x8c\xd9\x81 \xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xda\xa9\xdb\x8c \xd8\xb3\xd8\xb1\xda\xaf\xd8\xb1\xd9\x85\xdb\x8c\xd8\xa7\xda\xba \xd9\x85\xd8\xad\xd8\xaf\xd9\x88\xd8\xaf \xda\xa9\xd8\xb1\xd9\x86\xdb\x92 \xd8\xa7\xd9\x88\xd8\xb1 \xd9\xbe\xd9\x88\xd9\x84\xdb\x8c\xd8\xb3 \xd8\xaa\xd8\xb9\xdb\x8c\xd9\x86\xd8\xa7\xd8\xaa\xdb\x8c \xda\xa9\xdb\x92 \xd8\xad\xda\xa9\xd9\x85 \xd9\x86\xd8\xa7\xd9\x85\xdb\x92 \xd9\xbe\xd8\xb1 \xd8\xaf\xd8\xb3\xd8\xaa\xd8\xae\xd8\xb7 \xda\xa9\xd8\xb1\xda\xa9\xdb\x92 \xd8\xba\xd9\x84\xd8\xb7 \xda\xa9\xdb\x8c\xd8\xa7: \xd8\xac\xd9\x86\xd8\xb1\xd9\x84 \xd9\x85\xd8\xb4\xd8\xb1\xd9\x81</p> | ||
54 | |||
55 | <h4>Pashto (ps)</h4> | ||
56 | <p lang=\"ps\">\xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a.</p> | ||
57 | |||
58 | <p lang=\"ps\">\xd9\x87 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xda\xa9\xdb\x90 \xd9\x8a\xd9\x88\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd9\x86\xd8\xb8\xd8\xb1 \xd8\xb4\xd9\x85\xdb\x90\xd8\xb1\xd9\x86\xd9\x87 \xda\x9a\xd9\x8a\xd9\x8a \xda\x86\xdb\x90 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\xa7\xd9\x86 \xd9\xbe\xd9\x87 \xd8\xb2\xd9\x8a\xd8\xa7\xd8\xaa\xdb\x90\xd8\xaf\xd9\x88\xd9\x86\xda\xa9\xd9\x8a \xd8\xaa\xd9\x88\xda\xaf\xd9\x87 \xd8\xaf \xd8\xad\xd8\xa7\xd9\x84\xd8\xa7\xd8\xaa\xd9\x88 \xd9\xbe\xd9\x87 \xd8\xa7\xda\x93\xd9\x87 \xd8\xa8\xd8\xaf\xd8\xa8\xd9\x8a\xd9\x86\xd9\x87 \xd8\xaf\xd9\x8a \xd8\xa7\xd9\x88 \xd8\xaf \xd8\xa8\xdb\x90 \xd8\xa8\xd8\xa7\xd9\x88\xd8\xb1\xd9\x8a \xd8\xa7\xd8\xad\xd8\xb3\xd8\xa7\xd8\xb3 \xda\xa9\xd9\x88\xd9\x8a\xd8\x8c \xd8\xae\xd9\x88 \xd8\xae\xd9\xbe\xd9\x84 \xd9\x87\xd9\x8a\xd9\x88\xd8\xa7\xd8\xaf \xd9\x8a\xd9\x88\xd9\x85\xd9\x88\xd9\xbc\xd9\x89 \xd8\xba\xd9\x88\xd8\xa7\xda\x93\xd9\x8a.</p> | ||
59 | |||
60 | |||
61 | <h4>Symbols</h4> | ||
62 | <p>\xc2\xa9\xc2\xae\xe2\x84\xa2\xc2\xb5\xe2\x80\xa2\xe2\x80\xa6\xe2\x80\xb2\xe2\x80\xb3\xc2\xa7<>\xe2\x89\xa4\xe2\x89\xa5\xc2\xb0\xe2\x88\x92\xc2\xb1\xc3\xb7\xe2\x81\x84\xc3\x97\xc6\x92\xe2\x88\xab\xe2\x88\x91\xe2\x88\x9e\xe2\x88\x9a\xe2\x89\x88\xe2\x89\xa0\xe2\x89\xa1\xe2\x88\x8f\xc2\xac\xe2\x88\xa9\xe2\x88\x82</p> | ||
63 | <p>\xce\x92\xce\x93\xce\x94\xce\x95\xce\x96\xce\x97\xce\x98\xce\x99\xce\x9a\xce\x9b\xce\x9c\xce\x9d\xce\x9e\xce\x9f\xce\xa0\xce\xa1\xce\xa3\xce\xa4\xce\xa5\xce\xa6\xce\xa7\xce\xa8\xce\xa9</p> | ||
64 | <p>\xce\xb1\xce\xb2\xce\xb3\xce\xb4\xce\xb5\xce\xb6\xce\xb7\xce\xb8\xce\xb9\xce\xba\xce\xbb\xce\xbc\xce\xbd\xce\xbe\xce\xbf\xcf\x80\xcf\x81\xcf\x82\xcf\x83\xcf\x84\xcf\x85\xcf\x86\xcf\x87\xcf\x88\xcf\x89</p> | ||
65 | <p>\xe2\x86\x90\xe2\x86\x91\xe2\x86\x92\xe2\x86\x93\xe2\x86\x94\xe2\x97\x8a\xe2\x99\xa3\xe2\x99\xa5\xe2\x99\xa6</p> | ||
66 | |||
67 | <h4>Dingbats</h4> | ||
68 | <p>\xc2\xa7<>\xe2\x86\x92\xe2\x86\x94\xe2\x99\xa3\xe2\x99\xa5\xe2\x99\xa6</p> | ||
69 | |||
70 | <h4>win-1252 </h4> | ||
71 | <p>\xc2\xa2\xe2\x82\xac\xc2\xa9\xc2\xae\xe2\x84\xa2\xe2\x80\xb0\xc2\xb5\xc2\xb7\xe2\x80\xa2\xe2\x80\xa6\xc2\xa7\xc3\x9f\xe2\x80\xb9\xe2\x80\xba\xc2\xab\xc2\xbb\xe2\x80\x98\xe2\x80\x99\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x9a\xe2\x80\x9e<>\xe2\x80\x93\xe2\x80\x94\xcb\x86\xcb\x9c\xc2\xb0\xc2\xb1\xc3\xb7\xc3\x97\xc2\xbc\xc2\xbd\xc2\xbe\xc6\x92\xc2\xac\xe2\x80\xa0\xe2\x80\xa1</p> | ||
72 | <p>\xc3\x80\xc3\x81\xc3\x82\xc3\x83\xc3\x84\xc3\x85\xc3\x86\xc3\x87\xc3\x88\xc3\x89\xc3\x8a\xc3\x8b\xc3\x8c\xc3\x8d\xc3\x8e\xc3\x8f\xc3\x90\xc3\x91\xc3\x92\xc3\x93\xc3\x94\xc3\x95\xc3\x96\xc3\x98\xc5\x92\xc5\xa0\xc3\x99\xc3\x9a\xc3\x9b\xc3\x9c\xc3\x9d\xc5\xb8</p> | ||
73 | <p>\xc3\xa0\xc3\xa1\xc3\xa2\xc3\xa3\xc3\xa4\xc3\xa5\xc3\xa6\xc3\xa7\xc3\xa8\xc3\xa9\xc3\xaa\xc3\xab\xc3\xac\xc3\xad\xc3\xae\xc3\xaf\xc3\xb0\xc3\xb1\xc3\xb2\xc3\xb4\xc3\xb5\xc3\xb6\xc3\xb8\xc5\x93\xc5\xa1\xc3\xb9\xc3\xba\xc3\xbb\xc3\xbc\xc3\xbd\xc3\xbe\xc3\xbf</p> | ||
74 | |||
75 | <h3>Bidirectional text</h3> | ||
76 | <p>Text alignment, unless specified, is neutral and therefore dictated by the 'direction' of the paragraph.</p> | ||
77 | |||
78 | <p>All text is analysed chunk by chunk (between tags) and at the end of every block (div, p, td). If the text contains RTL characters, those characters and words are reversed.</p> | ||
79 | |||
80 | <p>\xd9\x88\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa8\xd9\x8a\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa7\xd8\xa8\xd9\x8a\xd8\xb6 "\xd8\xa8\xd8\xb4\xd8\xaf\xd8\xa9" \xd8\xaa\xd9\x81\xd8\xac\xd9\x8a\xd8\xb1 with some english in the middle \xd8\xa7\xd9\x8a\xd9\x84\xd8\xa7\xd8\xaa \xd9\x81\xd9\x8a\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xb9\xd8\xb1\xd8\xa8\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9</p> | ||
81 | |||
82 | <p>To set the 'directionality' of the whole document e.g. to reverse default alignment, tables, lists etc. you can set the dir attribute or the direction CSS property on the HTML or BODY tag to 'rtl' e.g.</p> | ||
83 | <p><body style=\"direction: rtl\"></p> | ||
84 | <p><body dir=\"rtl\"></p> | ||
85 | <p style=\"text-align: right\">or you can use \$mpdf->SetDirectionality('rtl');</p> | ||
86 | |||
87 | <pre style=\"direction: ltr; background-color: #DDFFFF; page-break-inside: avoid;\"> | ||
88 | - the document now has a baseline direction; this determines the | ||
89 | - behaviour of blocks for which text-align has not been specifically set | ||
90 | - layout of mirrored page-margins, columns, ToC and Indexes, headers and footers | ||
91 | - base direction can be set by any of: | ||
92 | - \$mpdf->SetDirectionality('rtl'); | ||
93 | - <html dir=\"rtl\" or style=\"direction: rtl;\"> | ||
94 | - <body dir=\"rtl\" or style=\"direction: rtl;\"> | ||
95 | - base direction is an inherited CSS property, so will affect all content, unless... | ||
96 | - direction can be set for all HTML block elements e.g. <DIV><P><TABLE><UL> etc using | ||
97 | - CSS property < style=\"direction: rtl;\"> | ||
98 | - direction can only be set on the top-level element of nested lists | ||
99 | - direction can only be set on <TABLE>, NOT on THEAD, TBODY, TD etc. | ||
100 | - nested tables CAN have different directions | ||
101 | - NOTE that block/table margins/paddings are NOT reversed by direction | ||
102 | NB mPDF <5.1 reversed the margins/paddings for blocks when RTL set. | ||
103 | - language (either CSS \"lang\", using Autofont, or through initial set-up e.g. \$mpdf = new mPDF('ar') ) | ||
104 | no longer affects direction in any way. | ||
105 | NB config_cp.php has been changed as a result; any values of \"dir\" set here are now ineffective | ||
106 | - default text-align is now as per CSS spec: \"a nameless value which is dependent on direction\" | ||
107 | NB default text-align removed in default stylesheet in config.php | ||
108 | - once text-align is specified, it is respected and inherited | ||
109 | NB mPDF <5.1 reversed the text-align property for all blocks when RTL set. | ||
110 | - the configurable value $rtlcss is depracated, as it is no longer required | ||
111 | - improved algorithm for dtermining text direction | ||
112 | - english word blocks are handled in text reversal as one block i.e. dir=\"rtl\" | ||
113 | [arabic text] this will not be reversed [arabic text] | ||
114 | - arabic numerals 0-9 handled correctly | ||
115 | |||
116 | Although the control of direction for block elements is now more configurable, the control of | ||
117 | text direction (RTL arabic characters) remains fully automatic and unconfigurable. | ||
118 | <BDO> etc has no effect. Enclosing text in silent tags can sometimes help e.g. | ||
119 | content<span>[arabic text]</span>content | ||
120 | |||
121 | </pre> | ||
122 | |||
123 | <pagebreak /> | ||
124 | <h3>Tables</h3> | ||
125 | <p>Tables are automatically transposed when the direction is rtl:</p> | ||
126 | <table class=\"bpmTopicC\"><thead> | ||
127 | <tr class=\"headerrow\"><th>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</th> | ||
128 | <td> | ||
129 | <p>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</p> | ||
130 | </td> | ||
131 | <td>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</td> | ||
132 | </tr> | ||
133 | </thead><tbody> | ||
134 | <tr class=\"oddrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th> | ||
135 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
136 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
137 | </tr> | ||
138 | <tr class=\"evenrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th> | ||
139 | <td> | ||
140 | <p>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2</p> | ||
141 | </td> | ||
142 | <td> | ||
143 | <p>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2</p> | ||
144 | </td> | ||
145 | </tr> | ||
146 | <tr class=\"oddrow\"><th> | ||
147 | <p>\xd9\x82\xd8\xa7\xd9\x84</p> | ||
148 | </th> | ||
149 | <td> | ||
150 | <p>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</p> | ||
151 | </td> | ||
152 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
153 | </tr> | ||
154 | <tr class=\"evenrow\"><th> | ||
155 | <p>\xd9\x82\xd8\xa7\xd9\x84</p> | ||
156 | <p>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</p> | ||
157 | </th> | ||
158 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
159 | <td> | ||
160 | <p>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</p> | ||
161 | </td> | ||
162 | </tr> | ||
163 | <tr class=\"oddrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th> | ||
164 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
165 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
166 | </tr> | ||
167 | <tr class=\"evenrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th> | ||
168 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
169 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
170 | </tr> | ||
171 | <tr class=\"oddrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th> | ||
172 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
173 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
174 | </tr> | ||
175 | <tr class=\"evenrow\"><th>\xd9\x82\xd8\xa7\xd9\x84</th> | ||
176 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
177 | <td>\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</td> | ||
178 | </tr> | ||
179 | </tbody></table> | ||
180 | <p> </p> | ||
181 | <h3>Lists</h3> | ||
182 | <p>Lists will automatically reverse as well (note the use of list-style to set numbering):</p> | ||
183 | <div style=\"background-color:#ddccff; padding:5pt;\"> | ||
184 | <ol style=\"list-style-type: arabic-indic;\"> | ||
185 | <li>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3</li> | ||
186 | <li>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a | ||
187 | <ul><li>\xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac </li> | ||
188 | <li>\xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2 | ||
189 | <ul> | ||
190 | <li>\xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9</li> | ||
191 | <li>\xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a</li> | ||
192 | </ul> | ||
193 | </li> | ||
194 | </ul></li> | ||
195 | <li>\xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7</li> | ||
196 | <li>\xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82</li> | ||
197 | </ol> | ||
198 | </div> | ||
199 | "; | ||
200 | |||
201 | //============================================================== | ||
202 | // Set Header and Footer | ||
203 | $h = array ( | ||
204 | 'odd' => | ||
205 | array ( | ||
206 | 'R' => | ||
207 | array ( | ||
208 | 'content' => '{PAGENO}', | ||
209 | 'font-size' => 8, | ||
210 | 'font-style' => 'B', | ||
211 | ), | ||
212 | 'L' => | ||
213 | array ( | ||
214 | 'content' => "\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3", | ||
215 | 'font-size' => 8, | ||
216 | 'font-style' => 'B', | ||
217 | ), | ||
218 | 'line' => 1, | ||
219 | ), | ||
220 | 'even' => | ||
221 | array ( | ||
222 | 'L' => | ||
223 | array ( | ||
224 | 'content' => '{PAGENO}', | ||
225 | 'font-size' => 8, | ||
226 | 'font-style' => 'B', | ||
227 | ), | ||
228 | 'R' => | ||
229 | array ( | ||
230 | 'content' => "\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3", | ||
231 | 'font-size' => 8, | ||
232 | 'font-style' => 'B', | ||
233 | ), | ||
234 | 'line' => 1, | ||
235 | ), | ||
236 | ); | ||
237 | |||
238 | $f = array ( | ||
239 | 'odd' => | ||
240 | array ( | ||
241 | 'L' => | ||
242 | array ( | ||
243 | 'content' => '{DATE Y-m-d}', | ||
244 | 'font-size' => 8, | ||
245 | 'font-style' => 'BI', | ||
246 | ), | ||
247 | 'C' => | ||
248 | array ( | ||
249 | 'content' => '- {PAGENO} -', | ||
250 | 'font-size' => 8, | ||
251 | ), | ||
252 | 'R' => | ||
253 | array ( | ||
254 | 'content' => "\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3", | ||
255 | 'font-size' => 8, | ||
256 | ), | ||
257 | 'line' => 1, | ||
258 | ), | ||
259 | 'even' => | ||
260 | array ( | ||
261 | 'L' => | ||
262 | array ( | ||
263 | 'content' => "\xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3", | ||
264 | 'font-size' => 8, | ||
265 | 'font-style' => 'B', | ||
266 | ), | ||
267 | 'C' => | ||
268 | array ( | ||
269 | 'content' => '- {PAGENO} -', | ||
270 | 'font-size' => 8, | ||
271 | ), | ||
272 | 'R' => | ||
273 | array ( | ||
274 | 'content' => '{DATE Y-m-d}', | ||
275 | 'font-size' => 8, | ||
276 | 'font-style' => 'BI', | ||
277 | ), | ||
278 | 'line' => 1, | ||
279 | ), | ||
280 | ); | ||
281 | |||
282 | //============================================================== | ||
283 | //============================================================== | ||
284 | //============================================================== | ||
285 | include("../mpdf.php"); | ||
286 | |||
287 | |||
288 | $mpdf=new mPDF('ar','A4','','',32,25,27,25,16,13); | ||
289 | |||
290 | // From mPDF 5.1 onwards you must set: | ||
291 | $mpdf->SetDirectionality('rtl'); | ||
292 | $mpdf->mirrorMargins = true; | ||
293 | $mpdf->SetDisplayMode('fullpage','two'); | ||
294 | |||
295 | |||
296 | $mpdf->setHeader($h); | ||
297 | $mpdf->setFooter($f); | ||
298 | |||
299 | |||
300 | $stylesheet = file_get_contents('mpdfstyletables.css'); | ||
301 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
302 | |||
303 | $mpdf->WriteHTML($html); | ||
304 | $mpdf->AddPage(); | ||
305 | |||
306 | $mpdf->SetColumns(2,'J'); | ||
307 | $mpdf->WriteHTML($html); | ||
308 | |||
309 | $mpdf->Output(); | ||
310 | exit; | ||
311 | //============================================================== | ||
312 | //============================================================== | ||
313 | //============================================================== | ||
314 | |||
315 | |||
316 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example27_CJK_using_Adobe_fonts.php b/inc/3rdparty/libraries/mpdf/examples/example27_CJK_using_Adobe_fonts.php new file mode 100644 index 00000000..c46245f9 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example27_CJK_using_Adobe_fonts.php | |||
@@ -0,0 +1,91 @@ | |||
1 | <?php | ||
2 | |||
3 | ini_set("memory_limit","256M"); | ||
4 | |||
5 | |||
6 | $html = " | ||
7 | |||
8 | <style> | ||
9 | p { text-align: justify; } | ||
10 | td { text-align: justify; } | ||
11 | </style> | ||
12 | <h1>mPDF</h1> | ||
13 | <h2>CJK Languages</h2> | ||
14 | |||
15 | |||
16 | <bookmark content=\"\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1\"> | ||
17 | |||
18 | <h4>Japanese (pangrams)</h4> | ||
19 | <h5>Iroha Uta </h5> | ||
20 | |||
21 | <p style=\"font-family: SJIS\">\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80\xe3\x81\xa1\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe3\x82\x8f\xe3\x81\x8b\xe3\x82\x88\xe3\x81\x9f\xe3\x82\x8c\xe3\x81\x9d\xe3\x80\x80\xe3\x81\xa4\xe3\x81\xad\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe3\x81\x86\xe3\x82\x90\xe3\x81\xae\xe3\x81\x8a\xe3\x81\x8f\xe3\x82\x84\xe3\x81\xbe\xe3\x80\x80\xe3\x81\x91\xe3\x81\xb5\xe3\x81\x93\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x81\x8d\xe3\x82\x86\xe3\x82\x81\xe3\x81\xbf\xe3\x81\x97\xe3\x80\x80\xe3\x82\x91\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x99 </p> | ||
22 | |||
23 | <p lang=\"ja\">\xe8\x89\xb2\xe3\x81\xaf\xe5\x8c\x82\xe3\x81\xb8\xe3\x81\xa9\xe3\x80\x80\xe6\x95\xa3\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe6\x88\x91\xe3\x81\x8c\xe4\xb8\x96\xe8\xaa\xb0\xe3\x81\x9e\xe3\x80\x80\xe5\xb8\xb8\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe6\x9c\x89\xe7\x82\xba\xe3\x81\xae\xe5\xa5\xa5\xe5\xb1\xb1\xe3\x80\x80\xe4\xbb\x8a\xe6\x97\xa5\xe8\xb6\x8a\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb5\x85\xe3\x81\x8d\xe5\xa4\xa2\xe8\xa6\x8b\xe3\x81\x98\xe3\x80\x80\xe9\x85\x94\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x9a\xef\xbc\x88\xe3\x82\x93\xef\xbc\x89 </p> | ||
24 | |||
25 | <h5>Tori Naku Uta </h5> | ||
26 | |||
27 | <p style=\"font-family: SJIS\">\xe3\x81\xa8\xe3\x82\x8a\xe3\x81\xaa\xe3\x81\x8f\xe3\x81\x93\xe3\x82\x91\xe3\x81\x99\xe3\x80\x80\xe3\x82\x86\xe3\x82\x81\xe3\x81\x95\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe3\x81\xbf\xe3\x82\x88\xe3\x81\x82\xe3\x81\x91\xe3\x82\x8f\xe3\x81\x9f\xe3\x82\x8b\xe3\x80\x80\xe3\x81\xb2\xe3\x82\x93\xe3\x81\x8b\xe3\x81\x97\xe3\x82\x92\xe3\x80\x80\xe3\x81\x9d\xe3\x82\x89\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x8a\xe3\x81\x8d\xe3\x81\xa4\xe3\x81\xb8\xe3\x81\xab\xe3\x80\x80\xe3\x81\xbb\xe3\x81\xb5\xe3\x81\xad\xe3\x82\x80\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe3\x82\x82\xe3\x82\x84\xe3\x81\xae\xe3\x81\x86\xe3\x81\xa1 </p> | ||
28 | |||
29 | <p lang=\"ja\">\xe9\xb3\xa5\xe5\x95\xbc\xe3\x81\x8f\xe5\xa3\xb0\xe3\x81\x99\xe3\x80\x80\xe5\xa4\xa2\xe8\xa6\x9a\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe8\xa6\x8b\xe3\x82\x88\xe6\x98\x8e\xe3\x81\x91\xe6\xb8\xa1\xe3\x82\x8b\xe3\x80\x80\xe6\x9d\xb1\xe3\x82\x92\xe3\x80\x80\xe7\xa9\xba\xe8\x89\xb2\xe6\xa0\x84\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb2\x96\xe3\x81\xa4\xe8\xbe\xba\xe3\x81\xab\xe3\x80\x80\xe5\xb8\x86\xe8\x88\xb9\xe7\xbe\xa4\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe9\x9d\x84\xe3\x81\xae\xe4\xb8\xad </p> | ||
30 | |||
31 | <h5>Ametsuchi No Uta </h5> | ||
32 | |||
33 | <p style=\"font-family: SJIS\">\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1 \xe3\x81\xbb\xe3\x81\x97 \xe3\x81\x9d\xe3\x82\x89 / \xe3\x82\x84\xe3\x81\xbe \xe3\x81\x8b\xe3\x81\xaf \xe3\x81\xbf\xe3\x81\xad \xe3\x81\x9f\xe3\x81\xab / \xe3\x81\x8f\xe3\x82\x82 \xe3\x81\x8d\xe3\x82\x8a \xe3\x82\x80\xe3\x82\x8d \xe3\x81\x93\xe3\x81\x91 / \xe3\x81\xb2\xe3\x81\xa8 \xe3\x81\x84\xe3\x81\xac \xe3\x81\x86\xe3\x81\xb8 \xe3\x81\x99\xe3\x82\x91 / \xe3\x82\x86\xe3\x82\x8f \xe3\x81\x95\xe3\x82\x8b \xe3\x81\x8a\xe3\x81\xb5 \xe3\x81\x9b\xe3\x82\x88 / \xe3\x81\x88\xe3\x81\xae\xe3\x81\x88*\xe3\x82\x92 \xe3\x81\xaa\xe3\x82\x8c \xe3\x82\x90\xe3\x81\xa6 </p> | ||
34 | |||
35 | <p lang=\"ja\">\xe5\xa4\xa9 \xe5\x9c\xb0 \xe6\x98\x9f \xe7\xa9\xba / \xe5\xb1\xb1 \xe5\xb7\x9d \xe5\xb3\xb0 \xe8\xb0\xb7 / \xe9\x9b\xb2 \xe9\x9c\xa7 \xe5\xae\xa4 \xe8\x8b\x94 / \xe4\xba\xba \xe7\x8a\xac \xe4\xb8\x8a \xe6\x9c\xab / \xe7\xa1\xab\xe9\xbb\x84 \xe7\x8c\xbf \xe7\x94\x9f\xe3\x81\xb5 \xe7\x82\xba\xe3\x82\x88 / \xe6\xa6\x8e\xe3\x81\xae \xe6\x9e\x9d\xe3\x82\x92 \xe9\xa6\xb4\xe3\x82\x8c \xe5\xb1\x85\xe3\x81\xa6 </p> | ||
36 | |||
37 | <h5>Taini no Uta </h5> | ||
38 | |||
39 | <p style=\"font-family: SJIS\">\xe3\x81\x9f\xe3\x82\x90\xe3\x81\xab\xe3\x81\x84\xe3\x81\xa6\xe3\x80\x80\xe3\x81\xaa\xe3\x81\xa4\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9d\xe3\x80\x80\xe3\x81\x8d\xe3\x81\xbf\xe3\x82\x81\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x82\x8a\xe3\x81\x8a\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe3\x82\x84\xe3\x81\xbe\xe3\x81\x97\xe3\x82\x8d\xe3\x81\xae\xe3\x80\x80\xe3\x81\x86\xe3\x81\xa1\xe3\x82\x91\xe3\x81\xb8\xe3\x82\x8b\xe3\x81\x93\xe3\x82\x89\xe3\x80\x80\xe3\x82\x82\xe3\x81\xaf\xe3\x81\xbb\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe3\x81\xb5\xe3\x81\xad\xe3\x81\x8b\xe3\x81\x91\xe3\x81\xac </p> | ||
40 | |||
41 | <p lang=\"ja\">\xe7\x94\xb0\xe5\xb1\x85\xe3\x81\xab\xe5\x87\xba\xe3\x81\xa7\xe3\x80\x80\xe8\x8f\x9c\xe6\x91\x98\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9e\xe3\x80\x80\xe5\x90\x9b\xe5\x8f\xac\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe6\xb1\x82\xe9\xa3\x9f\xe3\x82\x8a\xe8\xbf\xbd\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe5\xb1\xb1\xe5\x9f\x8e\xe3\x81\xae\xe3\x80\x80\xe6\x89\x93\xe9\x85\x94\xe3\x81\xb8\xe3\x82\x8b\xe5\xad\x90\xe3\x82\x89\xe3\x80\x80\xe8\x97\xbb\xe8\x91\x89\xe5\xb9\xb2\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe8\x88\x9f\xe7\xb9\x8b\xe3\x81\x91\xe3\x81\xac </p> | ||
42 | |||
43 | |||
44 | <bookmark content=\"\xe7\xbe\x8e\xe5\x9b\xbd\xe8\x88\xaa\xe7\xa9\xba\xe4\xb8\x9a\xe5\xb7\xa8\"> | ||
45 | <h4>Chinese (simplified) GB2312</h4> | ||
46 | |||
47 | <p style=\"font-family: GB\">\xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac\xe5\xae\xa4\xe7\x9a\x84\xe6\xb6\x88\xe6\x81\xaf\xe7\xa7\xb0\xef\xbc\x8c\xe4\xb8\xad\xe6\x96\xb9\xe5\x85\x8d\xe9\x99\xa4\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x84\xe6\x89\x80\xe6\x9c\x89\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x8f\x8a\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x94\xbf\xe5\xba\x9c\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x9c\x89\xe5\x85\xb3\xe9\x83\xa8\xe9\x97\xa8\xe5\xb7\xb2\xe5\xaf\xb9\xe7\x9b\xb8\xe5\x85\xb3\xe5\x80\xba\xe5\x8a\xa1\xe8\xbf\x9b\xe8\xa1\x8c\xe5\x85\xa8\xe9\x9d\xa2\xe6\xb8\x85\xe7\x90\x86\xe6\xa0\xb8\xe5\xaf\xb9\xef\xbc\x8c\xe5\xaf\xb9\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x8433\xe4\xb8\xaa\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x92\x8c\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xef\xbc\x8c\xe5\x85\x8d\xe9\x99\xa4\xe5\x85\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95168\xe7\xac\x94\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x8b\x9f\xe4\xba\x8e2007\xe5\xb9\xb4\xe5\xba\x95\xe5\x89\x8d\xe4\xb8\x8e\xe5\x8f\x97\xe6\x8f\xb4\xe5\x9b\xbd\xe5\x8a\x9e\xe7\x90\x86\xe5\xae\x8c\xe5\x85\x8d\xe5\x80\xba\xe5\x8d\x8f\xe8\xae\xae\xe3\x80\x82</p> | ||
48 | |||
49 | |||
50 | <bookmark content=\"\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\"> | ||
51 | <h4>Chinese (Traditional - Hong Kong)</h4> | ||
52 | |||
53 | <p lang=\"zh-HK\">\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\xe6\x98\xaf\xe4\xb8\x80\xe5\x80\x8b\xe6\x95\x99\xe8\x82\xb2\xe7\xb6\xb2\xe7\xab\x99\xef\xbc\x8c\xe5\xae\x83\xe6\x88\x90\xe5\x8a\x9f\xe7\xb5\x90\xe5\x90\x88\xe4\xba\x86\xe9\xa6\x99\xe6\xb8\xaf\xe8\xb3\xbd\xe9\xa6\xac\xe6\x9c\x83\xe9\x98\xb2\xe6\xad\xa2\xe8\x87\xaa\xe6\xae\xba\xe7\xa0\x94\xe7\xa9\xb6\xe4\xb8\xad\xe5\xbf\x83\xe5\x90\x84\xe6\x96\xb9\xe9\x9d\xa2\xe7\x9a\x84\xe5\xb0\x88\xe6\x89\x8d\xef\xbc\x8c\xe7\x82\xba\xe9\x9d\x92\xe5\xb0\x91\xe5\xb9\xb4\xe4\xba\xba\xe6\x8f\x90\xe4\xbe\x9b\xe7\xb2\xbe\xe7\xa5\x9e\xe5\x81\xa5\xe5\xba\xb7\xe7\x9a\x84\xe8\xa8\x8a\xe6\x81\xaf\xef\xbc\x8c\xe5\xb0\x8d\xe6\x99\xae\xe5\x8f\x8a\xe6\x8a\x91\xe9\xac\xb1\xe7\x97\x87\xe7\x9f\xa5\xe8\xad\x98\xe7\x9a\x84\xe8\xb2\xa2\xe7\x8d\xbb\xe8\x89\xaf\xe5\xa4\x9a\xe3\x80\x82\xe5\x9c\xa8\xe9\xa6\x99\xe6\xb8\xaf\xef\xbc\x8c\xe5\xae\x83\xe6\x9b\xbe\xe7\x8d\xb2\xe9\x81\xb8\xe7\x82\xba\xe3\x80\x8c2004\xe5\xb9\xb4\xe5\x8d\x81\xe5\xa4\xa7\xe5\x81\xa5\xe5\xba\xb7\xe7\xb6\xb2\xe7\xab\x99\xe3\x80\x8d\xe4\xb9\x8b\xe4\xb8\x80\xef\xbc\x8c\xe8\xa9\xb2\xe9\xa0\x85\xe9\x81\xb8\xe8\x88\x89\xe8\x87\xaa2005\xe5\xb9\xb4\xe8\xb5\xb7\xe6\x94\xb9\xe5\x90\x8d\xe7\x8f\xbe\xe6\x99\x82\xe7\x9a\x84\xe3\x80\x8c\xe5\x84\xaa\xe7\xa7\x80\xe7\xb6\xb2\xe7\xab\x99\xe9\x81\xb8\xe8\x88\x89\xe3\x80\x8d\xe3\x80\x82\xe5\x85\xb6\xe8\xb2\xa2\xe7\x8d\xbb\xe5\x9c\xa8\xe5\x9c\x8b\xe9\x9a\x9b\xe9\x96\x93\xe4\xba\xa6\xe5\x82\x99\xe5\x8f\x97\xe8\x82\xaf\xe5\xae\x9a\xef\xbc\x8c2005\xe5\xb9\xb4\xef\xbc\x8c\xe8\xa9\xb2\xe7\xb6\xb2\xe7\xab\x99\xe6\xa6\xae\xe7\x8d\xb2\xe7\xac\xac\xe5\x85\xab\xe5\xb1\x86\xe3\x80\x8c\xe4\xba\x9e\xe6\xb4\xb2\xe5\x89\xb5\xe6\x96\xb0\xe5\xa4\xa7\xe7\x8d\x8e\xe3\x80\x8d\xe9\x8a\x80\xe7\x8d\x8e\xe3\x80\x82</p> | ||
54 | |||
55 | |||
56 | |||
57 | <bookmark content=\"\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98\"> | ||
58 | <h4>Korean</h4> | ||
59 | <p style=\"font-family: UHC\">\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98 \xea\xb3\xa0\xec\x9c\xa0\xec\xa1\xb0\xea\xb1\xb4\xec\x9d\x80 \xec\x9e\x85\xec\x88\xa0\xeb\x81\xbc\xeb\xa6\xac \xeb\xa7\x8c\xeb\x82\x98\xec\x95\xbc \xed\x95\x98\xea\xb3\xa0 \xed\x8a\xb9\xeb\xb3\x84\xed\x95\x9c \xea\xb8\xb0\xec\x88\xa0\xec\x9d\x80 \xed\x95\x84\xec\x9a\x94\xec\xb9\x98 \xec\x95\x8a\xeb\x8b\xa4. </p> | ||
60 | |||
61 | |||
62 | |||
63 | </div> | ||
64 | "; | ||
65 | |||
66 | //============================================================== | ||
67 | //============================================================== | ||
68 | //============================================================== | ||
69 | |||
70 | include("../mpdf.php"); | ||
71 | |||
72 | $mpdf=new mPDF('+aCJK','A4','','',32,25,27,25,16,13); | ||
73 | $mpdf->SetDisplayMode('fullpage'); | ||
74 | |||
75 | $mpdf->SetTitle($utxt['zh-CN']); | ||
76 | $mpdf->SetAuthor($utxt['zh-CN']); | ||
77 | |||
78 | // LOAD a stylesheet | ||
79 | $stylesheet = file_get_contents('mpdfstyleA4.css'); | ||
80 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
81 | |||
82 | $mpdf->WriteHTML($html); | ||
83 | |||
84 | $mpdf->Output(); | ||
85 | exit; | ||
86 | //============================================================== | ||
87 | //============================================================== | ||
88 | //============================================================== | ||
89 | |||
90 | |||
91 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example28_CJK_using_embedded_fonts.php b/inc/3rdparty/libraries/mpdf/examples/example28_CJK_using_embedded_fonts.php new file mode 100644 index 00000000..8fb5b617 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example28_CJK_using_embedded_fonts.php | |||
@@ -0,0 +1,89 @@ | |||
1 | <?php | ||
2 | |||
3 | ini_set("memory_limit","256M"); | ||
4 | |||
5 | |||
6 | $html = " | ||
7 | |||
8 | <style> | ||
9 | p { text-align: justify; } | ||
10 | td { text-align: justify; } | ||
11 | </style> | ||
12 | <h1>mPDF</h1> | ||
13 | <h2>CJK Languages</h2> | ||
14 | |||
15 | |||
16 | <bookmark content=\"\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1\"> | ||
17 | |||
18 | <h4>Japanese (pangrams)</h4> | ||
19 | <h5>Iroha Uta </h5> | ||
20 | |||
21 | <p style=\"font-family: IPAMinchoP\">\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80\xe3\x81\xa1\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe3\x82\x8f\xe3\x81\x8b\xe3\x82\x88\xe3\x81\x9f\xe3\x82\x8c\xe3\x81\x9d\xe3\x80\x80\xe3\x81\xa4\xe3\x81\xad\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe3\x81\x86\xe3\x82\x90\xe3\x81\xae\xe3\x81\x8a\xe3\x81\x8f\xe3\x82\x84\xe3\x81\xbe\xe3\x80\x80\xe3\x81\x91\xe3\x81\xb5\xe3\x81\x93\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x81\x8d\xe3\x82\x86\xe3\x82\x81\xe3\x81\xbf\xe3\x81\x97\xe3\x80\x80\xe3\x82\x91\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x99 </p> | ||
22 | |||
23 | <p lang=\"ja\">\xe8\x89\xb2\xe3\x81\xaf\xe5\x8c\x82\xe3\x81\xb8\xe3\x81\xa9\xe3\x80\x80\xe6\x95\xa3\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe6\x88\x91\xe3\x81\x8c\xe4\xb8\x96\xe8\xaa\xb0\xe3\x81\x9e\xe3\x80\x80\xe5\xb8\xb8\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe6\x9c\x89\xe7\x82\xba\xe3\x81\xae\xe5\xa5\xa5\xe5\xb1\xb1\xe3\x80\x80\xe4\xbb\x8a\xe6\x97\xa5\xe8\xb6\x8a\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb5\x85\xe3\x81\x8d\xe5\xa4\xa2\xe8\xa6\x8b\xe3\x81\x98\xe3\x80\x80\xe9\x85\x94\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x9a\xef\xbc\x88\xe3\x82\x93\xef\xbc\x89 </p> | ||
24 | |||
25 | <h5>Tori Naku Uta </h5> | ||
26 | |||
27 | <p style=\"font-family: IPAGothicP\">\xe3\x81\xa8\xe3\x82\x8a\xe3\x81\xaa\xe3\x81\x8f\xe3\x81\x93\xe3\x82\x91\xe3\x81\x99\xe3\x80\x80\xe3\x82\x86\xe3\x82\x81\xe3\x81\x95\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe3\x81\xbf\xe3\x82\x88\xe3\x81\x82\xe3\x81\x91\xe3\x82\x8f\xe3\x81\x9f\xe3\x82\x8b\xe3\x80\x80\xe3\x81\xb2\xe3\x82\x93\xe3\x81\x8b\xe3\x81\x97\xe3\x82\x92\xe3\x80\x80\xe3\x81\x9d\xe3\x82\x89\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x8a\xe3\x81\x8d\xe3\x81\xa4\xe3\x81\xb8\xe3\x81\xab\xe3\x80\x80\xe3\x81\xbb\xe3\x81\xb5\xe3\x81\xad\xe3\x82\x80\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe3\x82\x82\xe3\x82\x84\xe3\x81\xae\xe3\x81\x86\xe3\x81\xa1 </p> | ||
28 | |||
29 | <p lang=\"ja\">\xe9\xb3\xa5\xe5\x95\xbc\xe3\x81\x8f\xe5\xa3\xb0\xe3\x81\x99\xe3\x80\x80\xe5\xa4\xa2\xe8\xa6\x9a\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe8\xa6\x8b\xe3\x82\x88\xe6\x98\x8e\xe3\x81\x91\xe6\xb8\xa1\xe3\x82\x8b\xe3\x80\x80\xe6\x9d\xb1\xe3\x82\x92\xe3\x80\x80\xe7\xa9\xba\xe8\x89\xb2\xe6\xa0\x84\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe6\xb2\x96\xe3\x81\xa4\xe8\xbe\xba\xe3\x81\xab\xe3\x80\x80\xe5\xb8\x86\xe8\x88\xb9\xe7\xbe\xa4\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe9\x9d\x84\xe3\x81\xae\xe4\xb8\xad </p> | ||
30 | |||
31 | <h5>Ametsuchi No Uta </h5> | ||
32 | |||
33 | <p style=\"font-family: IPAGothicP\">\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1 \xe3\x81\xbb\xe3\x81\x97 \xe3\x81\x9d\xe3\x82\x89 / \xe3\x82\x84\xe3\x81\xbe \xe3\x81\x8b\xe3\x81\xaf \xe3\x81\xbf\xe3\x81\xad \xe3\x81\x9f\xe3\x81\xab / \xe3\x81\x8f\xe3\x82\x82 \xe3\x81\x8d\xe3\x82\x8a \xe3\x82\x80\xe3\x82\x8d \xe3\x81\x93\xe3\x81\x91 / \xe3\x81\xb2\xe3\x81\xa8 \xe3\x81\x84\xe3\x81\xac \xe3\x81\x86\xe3\x81\xb8 \xe3\x81\x99\xe3\x82\x91 / \xe3\x82\x86\xe3\x82\x8f \xe3\x81\x95\xe3\x82\x8b \xe3\x81\x8a\xe3\x81\xb5 \xe3\x81\x9b\xe3\x82\x88 / \xe3\x81\x88\xe3\x81\xae\xe3\x81\x88*\xe3\x82\x92 \xe3\x81\xaa\xe3\x82\x8c \xe3\x82\x90\xe3\x81\xa6 </p> | ||
34 | |||
35 | <p lang=\"ja\">\xe5\xa4\xa9 \xe5\x9c\xb0 \xe6\x98\x9f \xe7\xa9\xba / \xe5\xb1\xb1 \xe5\xb7\x9d \xe5\xb3\xb0 \xe8\xb0\xb7 / \xe9\x9b\xb2 \xe9\x9c\xa7 \xe5\xae\xa4 \xe8\x8b\x94 / \xe4\xba\xba \xe7\x8a\xac \xe4\xb8\x8a \xe6\x9c\xab / \xe7\xa1\xab\xe9\xbb\x84 \xe7\x8c\xbf \xe7\x94\x9f\xe3\x81\xb5 \xe7\x82\xba\xe3\x82\x88 / \xe6\xa6\x8e\xe3\x81\xae \xe6\x9e\x9d\xe3\x82\x92 \xe9\xa6\xb4\xe3\x82\x8c \xe5\xb1\x85\xe3\x81\xa6 </p> | ||
36 | |||
37 | <h5>Taini no Uta </h5> | ||
38 | |||
39 | <p style=\"font-family: hannoma\">\xe3\x81\x9f\xe3\x82\x90\xe3\x81\xab\xe3\x81\x84\xe3\x81\xa6\xe3\x80\x80\xe3\x81\xaa\xe3\x81\xa4\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9d\xe3\x80\x80\xe3\x81\x8d\xe3\x81\xbf\xe3\x82\x81\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x82\x8a\xe3\x81\x8a\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe3\x82\x84\xe3\x81\xbe\xe3\x81\x97\xe3\x82\x8d\xe3\x81\xae\xe3\x80\x80\xe3\x81\x86\xe3\x81\xa1\xe3\x82\x91\xe3\x81\xb8\xe3\x82\x8b\xe3\x81\x93\xe3\x82\x89\xe3\x80\x80\xe3\x82\x82\xe3\x81\xaf\xe3\x81\xbb\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe3\x81\xb5\xe3\x81\xad\xe3\x81\x8b\xe3\x81\x91\xe3\x81\xac </p> | ||
40 | |||
41 | <p lang=\"ja\">\xe7\x94\xb0\xe5\xb1\x85\xe3\x81\xab\xe5\x87\xba\xe3\x81\xa7\xe3\x80\x80\xe8\x8f\x9c\xe6\x91\x98\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9e\xe3\x80\x80\xe5\x90\x9b\xe5\x8f\xac\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe6\xb1\x82\xe9\xa3\x9f\xe3\x82\x8a\xe8\xbf\xbd\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe5\xb1\xb1\xe5\x9f\x8e\xe3\x81\xae\xe3\x80\x80\xe6\x89\x93\xe9\x85\x94\xe3\x81\xb8\xe3\x82\x8b\xe5\xad\x90\xe3\x82\x89\xe3\x80\x80\xe8\x97\xbb\xe8\x91\x89\xe5\xb9\xb2\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe8\x88\x9f\xe7\xb9\x8b\xe3\x81\x91\xe3\x81\xac </p> | ||
42 | |||
43 | |||
44 | <bookmark content=\"\xe7\xbe\x8e\xe5\x9b\xbd\xe8\x88\xaa\xe7\xa9\xba\xe4\xb8\x9a\xe5\xb7\xa8\"> | ||
45 | <h4>Chinese (simplified) GB2312</h4> | ||
46 | |||
47 | <p style=\"font-family: sun-exta\">\xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac\xe5\xae\xa4\xe7\x9a\x84\xe6\xb6\x88\xe6\x81\xaf\xe7\xa7\xb0\xef\xbc\x8c\xe4\xb8\xad\xe6\x96\xb9\xe5\x85\x8d\xe9\x99\xa4\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x84\xe6\x89\x80\xe6\x9c\x89\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x8f\x8a\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x94\xbf\xe5\xba\x9c\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x9c\x89\xe5\x85\xb3\xe9\x83\xa8\xe9\x97\xa8\xe5\xb7\xb2\xe5\xaf\xb9\xe7\x9b\xb8\xe5\x85\xb3\xe5\x80\xba\xe5\x8a\xa1\xe8\xbf\x9b\xe8\xa1\x8c\xe5\x85\xa8\xe9\x9d\xa2\xe6\xb8\x85\xe7\x90\x86\xe6\xa0\xb8\xe5\xaf\xb9\xef\xbc\x8c\xe5\xaf\xb9\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x8433\xe4\xb8\xaa\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x92\x8c\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xef\xbc\x8c\xe5\x85\x8d\xe9\x99\xa4\xe5\x85\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95168\xe7\xac\x94\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x8b\x9f\xe4\xba\x8e2007\xe5\xb9\xb4\xe5\xba\x95\xe5\x89\x8d\xe4\xb8\x8e\xe5\x8f\x97\xe6\x8f\xb4\xe5\x9b\xbd\xe5\x8a\x9e\xe7\x90\x86\xe5\xae\x8c\xe5\x85\x8d\xe5\x80\xba\xe5\x8d\x8f\xe8\xae\xae\xe3\x80\x82</p> | ||
48 | |||
49 | |||
50 | <bookmark content=\"\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\"> | ||
51 | <h4>Chinese (Traditional - Hong Kong)</h4> | ||
52 | |||
53 | <p lang=\"zh-HK\">\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\xe6\x98\xaf\xe4\xb8\x80\xe5\x80\x8b\xe6\x95\x99\xe8\x82\xb2\xe7\xb6\xb2\xe7\xab\x99\xef\xbc\x8c\xe5\xae\x83\xe6\x88\x90\xe5\x8a\x9f\xe7\xb5\x90\xe5\x90\x88\xe4\xba\x86\xe9\xa6\x99\xe6\xb8\xaf\xe8\xb3\xbd\xe9\xa6\xac\xe6\x9c\x83\xe9\x98\xb2\xe6\xad\xa2\xe8\x87\xaa\xe6\xae\xba\xe7\xa0\x94\xe7\xa9\xb6\xe4\xb8\xad\xe5\xbf\x83\xe5\x90\x84\xe6\x96\xb9\xe9\x9d\xa2\xe7\x9a\x84\xe5\xb0\x88\xe6\x89\x8d\xef\xbc\x8c\xe7\x82\xba\xe9\x9d\x92\xe5\xb0\x91\xe5\xb9\xb4\xe4\xba\xba\xe6\x8f\x90\xe4\xbe\x9b\xe7\xb2\xbe\xe7\xa5\x9e\xe5\x81\xa5\xe5\xba\xb7\xe7\x9a\x84\xe8\xa8\x8a\xe6\x81\xaf\xef\xbc\x8c\xe5\xb0\x8d\xe6\x99\xae\xe5\x8f\x8a\xe6\x8a\x91\xe9\xac\xb1\xe7\x97\x87\xe7\x9f\xa5\xe8\xad\x98\xe7\x9a\x84\xe8\xb2\xa2\xe7\x8d\xbb\xe8\x89\xaf\xe5\xa4\x9a\xe3\x80\x82\xe5\x9c\xa8\xe9\xa6\x99\xe6\xb8\xaf\xef\xbc\x8c\xe5\xae\x83\xe6\x9b\xbe\xe7\x8d\xb2\xe9\x81\xb8\xe7\x82\xba\xe3\x80\x8c2004\xe5\xb9\xb4\xe5\x8d\x81\xe5\xa4\xa7\xe5\x81\xa5\xe5\xba\xb7\xe7\xb6\xb2\xe7\xab\x99\xe3\x80\x8d\xe4\xb9\x8b\xe4\xb8\x80\xef\xbc\x8c\xe8\xa9\xb2\xe9\xa0\x85\xe9\x81\xb8\xe8\x88\x89\xe8\x87\xaa2005\xe5\xb9\xb4\xe8\xb5\xb7\xe6\x94\xb9\xe5\x90\x8d\xe7\x8f\xbe\xe6\x99\x82\xe7\x9a\x84\xe3\x80\x8c\xe5\x84\xaa\xe7\xa7\x80\xe7\xb6\xb2\xe7\xab\x99\xe9\x81\xb8\xe8\x88\x89\xe3\x80\x8d\xe3\x80\x82\xe5\x85\xb6\xe8\xb2\xa2\xe7\x8d\xbb\xe5\x9c\xa8\xe5\x9c\x8b\xe9\x9a\x9b\xe9\x96\x93\xe4\xba\xa6\xe5\x82\x99\xe5\x8f\x97\xe8\x82\xaf\xe5\xae\x9a\xef\xbc\x8c2005\xe5\xb9\xb4\xef\xbc\x8c\xe8\xa9\xb2\xe7\xb6\xb2\xe7\xab\x99\xe6\xa6\xae\xe7\x8d\xb2\xe7\xac\xac\xe5\x85\xab\xe5\xb1\x86\xe3\x80\x8c\xe4\xba\x9e\xe6\xb4\xb2\xe5\x89\xb5\xe6\x96\xb0\xe5\xa4\xa7\xe7\x8d\x8e\xe3\x80\x8d\xe9\x8a\x80\xe7\x8d\x8e\xe3\x80\x82</p> | ||
54 | |||
55 | |||
56 | |||
57 | <bookmark content=\"\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98\"> | ||
58 | <h4>Korean</h4> | ||
59 | <p style=\"font-family: unbatang_0613\">\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98 \xea\xb3\xa0\xec\x9c\xa0\xec\xa1\xb0\xea\xb1\xb4\xec\x9d\x80 \xec\x9e\x85\xec\x88\xa0\xeb\x81\xbc\xeb\xa6\xac \xeb\xa7\x8c\xeb\x82\x98\xec\x95\xbc \xed\x95\x98\xea\xb3\xa0 \xed\x8a\xb9\xeb\xb3\x84\xed\x95\x9c \xea\xb8\xb0\xec\x88\xa0\xec\x9d\x80 \xed\x95\x84\xec\x9a\x94\xec\xb9\x98 \xec\x95\x8a\xeb\x8b\xa4. </p> | ||
60 | |||
61 | </div> | ||
62 | "; | ||
63 | |||
64 | //============================================================== | ||
65 | //============================================================== | ||
66 | //============================================================== | ||
67 | |||
68 | include("../mpdf.php"); | ||
69 | |||
70 | $mpdf=new mPDF('-aCJK','A4','','',32,25,27,25,16,13); | ||
71 | $mpdf->SetDisplayMode('fullpage'); | ||
72 | |||
73 | $mpdf->SetTitle($utxt['zh-CN']); | ||
74 | $mpdf->SetAuthor($utxt['zh-CN']); | ||
75 | |||
76 | // LOAD a stylesheet | ||
77 | $stylesheet = file_get_contents('mpdfstyleA4.css'); | ||
78 | $mpdf->WriteHTML($stylesheet,1); // The parameter 1 tells that this is css/style only and no body/html/text | ||
79 | |||
80 | $mpdf->WriteHTML($html); | ||
81 | |||
82 | $mpdf->Output(); | ||
83 | exit; | ||
84 | //============================================================== | ||
85 | //============================================================== | ||
86 | //============================================================== | ||
87 | |||
88 | |||
89 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example29_multilingual_autofont.php b/inc/3rdparty/libraries/mpdf/examples/example29_multilingual_autofont.php new file mode 100644 index 00000000..1ca99f25 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example29_multilingual_autofont.php | |||
@@ -0,0 +1,400 @@ | |||
1 | <?php | ||
2 | // | ||
3 | $timeo_start = microtime(true); | ||
4 | ini_set("memory_limit","128M"); | ||
5 | // | ||
6 | |||
7 | $html = " | ||
8 | <style> | ||
9 | |||
10 | body { font-family: sans; text-align: justify; } | ||
11 | p { font-family: sans; } | ||
12 | div { font-family: sans; } | ||
13 | |||
14 | </style> | ||
15 | |||
16 | <p>This document includes many languages. Selection of appropriate fonts is done automatically by using <b>AutoFont</b>. </p> | ||
17 | <h3>Pangrams - (from Wikipedia) </h3> | ||
18 | <p>The quick brown fox jumps over a lazy dog</p> | ||
19 | |||
20 | <h4>Bulgarian</h4> | ||
21 | <p>\xd0\x96\xd1\x8a\xd0\xbb\xd1\x82\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb4\xd1\x8e\xd0\xbb\xd1\x8f \xd0\xb1\xd0\xb5\xd1\x88\xd0\xb5 \xd1\x89\xd0\xb0\xd1\x81\xd1\x82\xd0\xbb\xd0\xb8\xd0\xb2\xd0\xb0, \xd1\x87\xd0\xb5 \xd0\xbf\xd1\x83\xd1\x85\xd1\x8a\xd1\x82, \xd0\xba\xd0\xbe\xd0\xb9\xd1\x82\xd0\xbe \xd1\x86\xd1\x8a\xd1\x84\xd0\xbd\xd0\xb0, \xd0\xb7\xd0\xb0\xd0\xbc\xd1\x80\xd1\x8a\xd0\xb7\xd0\xbd\xd0\xb0 \xd0\xba\xd0\xb0\xd1\x82\xd0\xbe \xd0\xb3\xd1\x8c\xd0\xbe\xd0\xbd.</p> | ||
22 | |||
23 | <p>\xd0\x97\xd0\xb0 \xd0\xbc\xd0\xb8\xd0\xb3 \xd0\xb1\xd1\x8f\xd1\x85 \xd0\xb2 \xd1\x87\xd1\x83\xd0\xb6\xd0\xb4 \xd0\xbf\xd0\xbb\xd1\x8e\xd1\x88\xd0\xb5\xd0\xbd \xd1\x81\xd0\xba\xd1\x8a\xd1\x80\xd1\x86\xd0\xb0\xd1\x89 \xd1\x84\xd0\xbe\xd1\x82\xd1\x8c\xd0\xbe\xd0\xb9\xd0\xbb. </p> | ||
24 | |||
25 | <h4>Catalan</h4> | ||
26 | <p>Jove xef, porti whisky amb quinze gla\xc3\xa7ons d'hidrogen, coi! </p> | ||
27 | |||
28 | <p>Aqueix betzol, Jan, comprava whisky de figa </p> | ||
29 | |||
30 | <h4>Czech</h4> | ||
31 | <p>P\xc5\x99\xc3\xadli\xc5\xa1 \xc5\xbelu\xc5\xa5ou\xc4\x8dk\xc3\xbd k\xc5\xaf\xc5\x88 \xc3\xbap\xc4\x9bl \xc4\x8f\xc3\xa1belsk\xc3\xa9 \xc3\xb3dy </p> | ||
32 | |||
33 | <h4>Danish</h4> | ||
34 | <p>H\xc3\xb8j bly gom vandt fr\xc3\xa6k sexquiz p\xc3\xa5 wc </p> | ||
35 | |||
36 | <h4>Dutch</h4> | ||
37 | <p>Doch Bep, flink sexy qua vorm, zwijgt </p> | ||
38 | |||
39 | <p>Pa's wijze lynx bezag vroom het fikse aquaduct </p> | ||
40 | |||
41 | <h4>Finnish</h4> | ||
42 | <p>T\xc3\xb6rkylempij\xc3\xa4 vongahdus </p> | ||
43 | |||
44 | <h4>French</h4> | ||
45 | <p>Portez ce vieux whisky au juge blond qui fume </p> | ||
46 | |||
47 | <p>B\xc3\xa2chez la queue du wagon-taxi avec les pyjamas du fakir </p> | ||
48 | |||
49 | <p>Voyez le brick g\xc3\xa9ant que j'examine pr\xc3\xa8s du wharf </p> | ||
50 | |||
51 | <h4>German</h4> | ||
52 | <p>Victor jagt zw\xc3\xb6lf Boxk\xc3\xa4mpfer quer \xc3\xbcber den gro\xc3\x9fen Sylter Deich </p> | ||
53 | |||
54 | <p>\"Fix, Schwyz!\" qu\xc3\xa4kt J\xc3\xbcrgen bl\xc3\xb6d vom Pa\xc3\x9f </p> | ||
55 | |||
56 | <p>\"Falsches \xc3\x9cben von Xylophonmusik qu\xc3\xa4lt jeden gr\xc3\xb6\xc3\x9feren Zwerg\"</p> | ||
57 | |||
58 | <h4>Hungarian</h4> | ||
59 | <p>Egy h\xc5\xb1tlen vej\xc3\xa9t f\xc3\xbcl\xc3\xb6ncs\xc3\xadp\xc5\x91, d\xc3\xbch\xc3\xb6s mexik\xc3\xb3i \xc3\xbar Wessel\xc3\xa9nyin\xc3\xa9l m\xc3\xa1zol Quit\xc3\xb3ban. </p> | ||
60 | |||
61 | <h4>Icelandic</h4> | ||
62 | <p>K\xc3\xa6mi n\xc3\xbd \xc3\xb6xi h\xc3\xa9r ykist \xc3\xbej\xc3\xb3fum n\xc3\xba b\xc3\xa6\xc3\xb0i v\xc3\xadl og \xc3\xa1drepa </p> | ||
63 | |||
64 | <h4>Irish</h4> | ||
65 | <p>D'fhuascail \xc3\x8dosa \xc3\x9armhac na h\xc3\x93ighe Beannaithe p\xc3\xb3r \xc3\x89ava agus \xc3\x81dhaimh </p> | ||
66 | |||
67 | <p>D'\xe1\xb8\x9fuascail \xc3\x8dosa \xc3\x9ar\xe1\xb9\x81ac na h\xc3\x93i\xc4\xa1e Beannai\xe1\xb9\xabe p\xc3\xb3r \xc3\x89a\xe1\xb8\x83a agus \xc3\x81\xe1\xb8\x8bai\xe1\xb9\x81 </p> | ||
68 | |||
69 | <h4>Italian</h4> | ||
70 | <p>\"Quel fez sghembo copre davanti\" </p> | ||
71 | |||
72 | <p>\"Ma la volpe col suo balzo ha raggiunto il quieto Fido\" </p> | ||
73 | |||
74 | <p>\"Quel vituperabile xenofobo zelante assaggia il whisky ed esclama: alleluja!\" </p> | ||
75 | |||
76 | <h4>Lithuanian</h4> | ||
77 | <p>\xc4\xaelinkdama fechtuotojo \xc5\xa1paga sublyk\xc4\x8diojusi pragr\xc4\x99\xc5\xbe\xc4\x97 apval\xc5\xb3 arb\xc5\xabz\xc4\x85 </p> | ||
78 | |||
79 | <h4>Norwegian</h4> | ||
80 | <p>V\xc3\xa5r s\xc3\xa6re Zulu fra bade\xc3\xb8ya spilte jo whist og quickstep i min taxi. </p> | ||
81 | |||
82 | <p>H\xc3\xb8vdingens kj\xc3\xa6re squaw f\xc3\xa5r litt pizza i Mexico by </p> | ||
83 | |||
84 | <h4>Polish</h4> | ||
85 | <p>P\xc3\xb3jd\xc5\xba\xc5\xbce, ki\xc5\x84 t\xc4\x99 chmurno\xc5\x9b\xc4\x87 w g\xc5\x82\xc4\x85b flaszy! </p> | ||
86 | |||
87 | <p>Pchn\xc4\x85\xc4\x87 w t\xc4\x99 \xc5\x82\xc3\xb3d\xc5\xba je\xc5\xbca lub o\xc5\x9bm skrzy\xc5\x84 fig. </p> | ||
88 | |||
89 | <p>M\xc4\x99\xc5\xbcny b\xc4\x85d\xc5\xba, chro\xc5\x84 pu\xc5\x82k tw\xc3\xb3j i sze\xc5\x9b\xc4\x87 flag. </p> | ||
90 | |||
91 | <h4>Portuguese</h4> | ||
92 | <p>Blitz prende ex-vesgo com cheque fajuto. </p> | ||
93 | |||
94 | <p>Gazeta publica hoje no jornal uma breve nota de faxina na quermesse. </p> | ||
95 | |||
96 | <p>\xc3\x80 noite, vov\xc3\xb4 Kowalsky v\xc3\xaa o \xc3\xadm\xc3\xa3 cair no p\xc3\xa9 do ping\xc3\xbcim queixoso e vov\xc3\xb3 p\xc3\xb5e a\xc3\xa7\xc3\xbacar no ch\xc3\xa1 de t\xc3\xa2maras do jabuti feliz. </p> | ||
97 | |||
98 | <p>Lu\xc3\xads arg\xc3\xbcia \xc3\xa0 J\xc3\xbalia que \xc2\xabbra\xc3\xa7\xc3\xb5es, f\xc3\xa9, ch\xc3\xa1, \xc3\xb3xido, p\xc3\xb4r, z\xc3\xa2ng\xc3\xa3o\xc2\xbb eram palavras do portugu\xc3\xaas. </p> | ||
99 | |||
100 | <h4>Romanian</h4> | ||
101 | <p>Gheorghe, obezul, a reu\xc5\x9fit s\xc4\x83 ob\xc5\xa3in\xc4\x83 juc\xc3\xa2ndu-se un flux \xc3\xaen Quebec de o mie kilowa\xc5\xa3ior\xc4\x83. </p> | ||
102 | |||
103 | <h4>Russian</h4> | ||
104 | <p>\xd0\x92 \xd1\x87\xd0\xb0\xd1\x89\xd0\xb0\xd1\x85 \xd1\x8e\xd0\xb3\xd0\xb0 \xd0\xb6\xd0\xb8\xd0\xbb \xd0\xb1\xd1\x8b \xd1\x86\xd0\xb8\xd1\x82\xd1\x80\xd1\x83\xd1\x81? \xd0\x94\xd0\xb0, \xd0\xbd\xd0\xbe \xd1\x84\xd0\xb0\xd0\xbb\xd1\x8c\xd1\x88\xd0\xb8\xd0\xb2\xd1\x8b\xd0\xb9 \xd1\x8d\xd0\xba\xd0\xb7\xd0\xb5\xd0\xbc\xd0\xbf\xd0\xbb\xd1\x8f\xd1\x80! </p> | ||
105 | |||
106 | <p>(Using quasiobsolete spelling for last word to include \xd1\x8a) \xd0\x92 \xd1\x87\xd0\xb0\xd1\x89\xd0\xb0\xd1\x85 \xd1\x8e\xd0\xb3\xd0\xb0 \xd0\xb6\xd0\xb8\xd0\xbb \xd0\xb1\xd1\x8b \xd1\x86\xd0\xb8\xd1\x82\xd1\x80\xd1\x83\xd1\x81? \xd0\x94\xd0\xb0, \xd0\xbd\xd0\xbe \xd1\x84\xd0\xb0\xd0\xbb\xd1\x8c\xd1\x88\xd0\xb8\xd0\xb2\xd1\x8b\xd0\xb9 \xd1\x8d\xd0\xba\xd0\xb7\xd0\xb5\xd0\xbc\xd0\xbf\xd0\xbb\xd1\x8f\xd1\x80\xd1\x8a! </p> | ||
107 | |||
108 | <p>\xd0\xad\xd1\x85, \xd1\x87\xd1\x83\xd0\xb6\xd0\xb0\xd0\xba! \xd0\x9e\xd0\xb1\xd1\x89\xd0\xb8\xd0\xb9 \xd1\x81\xd1\x8a\xd1\x91\xd0\xbc \xd1\x86\xd0\xb5\xd0\xbd \xd1\x88\xd0\xbb\xd1\x8f\xd0\xbf (\xd1\x8e\xd1\x84\xd1\x82\xd1\x8c) \xe2\x80\x94 \xd0\xb2\xd0\xb4\xd1\x80\xd1\x8b\xd0\xb7\xd0\xb3! </p> | ||
109 | |||
110 | <p>\xd0\xad\xd0\xba\xd1\x81-\xd0\xb3\xd1\x80\xd0\xb0\xd1\x84? \xd0\x9f\xd0\xbb\xd1\x8e\xd1\x88 \xd0\xb8\xd0\xb7\xd1\x8a\xd1\x8f\xd1\x82. \xd0\x91\xd1\x8c\xd1\x91\xd0\xbc \xd1\x87\xd1\x83\xd0\xb6\xd0\xb4\xd1\x8b\xd0\xb9 \xd1\x86\xd0\xb5\xd0\xbd \xd1\x85\xd0\xb2\xd0\xbe\xd1\x89! </p> | ||
111 | |||
112 | <p>\xd0\xa1\xd1\x8a\xd0\xb5\xd1\x88\xd1\x8c \xd0\xb5\xd1\x89\xd1\x91 \xd1\x8d\xd1\x82\xd0\xb8\xd1\x85 \xd0\xbc\xd1\x8f\xd0\xb3\xd0\xba\xd0\xb8\xd1\x85 \xd1\x84\xd1\x80\xd0\xb0\xd0\xbd\xd1\x86\xd1\x83\xd0\xb7\xd1\x81\xd0\xba\xd0\xb8\xd1\x85 \xd0\xb1\xd1\x83\xd0\xbb\xd0\xbe\xd0\xba, \xd0\xb4\xd0\xb0 \xd0\xb2\xd1\x8b\xd0\xbf\xd0\xb5\xd0\xb9 \xd0\xb6\xd0\xb5 \xd1\x87\xd0\xb0\xd1\x8e. </p> | ||
113 | |||
114 | <p>\xd0\xa8\xd0\xb8\xd1\x80\xd0\xbe\xd0\xba\xd0\xb0\xd1\x8f \xd1\x8d\xd0\xbb\xd0\xb5\xd0\xba\xd1\x82\xd1\x80\xd0\xb8\xd1\x84\xd0\xb8\xd0\xba\xd0\xb0\xd1\x86\xd0\xb8\xd1\x8f \xd1\x8e\xd0\xb6\xd0\xbd\xd1\x8b\xd1\x85 \xd0\xb3\xd1\x83\xd0\xb1\xd0\xb5\xd1\x80\xd0\xbd\xd0\xb8\xd0\xb9 \xd0\xb4\xd0\xb0\xd1\x81\xd1\x82 \xd0\xbc\xd0\xbe\xd1\x89\xd0\xbd\xd1\x8b\xd0\xb9 \xd1\x82\xd0\xbe\xd0\xbb\xd1\x87\xd0\xbe\xd0\xba \xd0\xbf\xd0\xbe\xd0\xb4\xd1\x8a\xd1\x91\xd0\xbc\xd1\x83 \xd1\x81\xd0\xb5\xd0\xbb\xd1\x8c\xd1\x81\xd0\xba\xd0\xbe\xd0\xb3\xd0\xbe \xd1\x85\xd0\xbe\xd0\xb7\xd1\x8f\xd0\xb9\xd1\x81\xd1\x82\xd0\xb2\xd0\xb0. </p> | ||
115 | |||
116 | <h4>Serbian</h4> | ||
117 | <p>\xd0\x89\xd1\x83\xd0\xb1\xd0\xb0\xd0\xb7\xd0\xbd\xd0\xb8 \xd1\x84\xd0\xb5\xd1\x9a\xd0\xb5\xd1\x80\xd1\x9f\xd0\xb8\xd1\x98\xd0\xb0 \xd1\x87\xd0\xb0\xd1\x92\xd0\xb0\xd0\xb2\xd0\xbe\xd0\xb3 \xd0\xbb\xd0\xb8\xd1\x86\xd0\xb0 \xd1\x85\xd0\xbe\xd1\x9b\xd0\xb5 \xd0\xb4\xd0\xb0 \xd0\xbc\xd0\xb8 \xd0\xbf\xd0\xbe\xd0\xba\xd0\xb0\xd0\xb6\xd0\xb5 \xd1\x88\xd1\x82\xd0\xbe\xd1\x81. </p> | ||
118 | |||
119 | <p>Ljubazni fenjerd\xc5\xbeija \xc4\x8da\xc4\x91avog lica ho\xc4\x87e da mi poka\xc5\xbee \xc5\xa1tos. </p> | ||
120 | |||
121 | <h4>Slovene</h4> | ||
122 | <p>\xc5\xa0erif bo za vajo spet kuhal doma\xc4\x8de \xc5\xbegance </p> | ||
123 | |||
124 | <p>Pi\xc5\xa1kur mol\xc4\x8de grabi fi\xc5\xbeol z dna cezijeve hoste </p> | ||
125 | |||
126 | <h4>Spanish</h4> | ||
127 | <p>El veloz murci\xc3\xa9lago hind\xc3\xba com\xc3\xada feliz cardillo y kiwi. La cig\xc3\xbce\xc3\xb1a tocaba el saxof\xc3\xb3n detr\xc3\xa1s del palenque de paja. </p> | ||
128 | |||
129 | <p>El ping\xc3\xbcino Wenceslao hizo kil\xc3\xb3metros bajo exhaustiva lluvia y fr\xc3\xado, a\xc3\xb1oraba a su querido cachorro. </p> | ||
130 | |||
131 | <p>Jovencillo emponzo\xc3\xb1ado de whisky: \xc2\xa1qu\xc3\xa9 figurota exhibe! </p> | ||
132 | |||
133 | <p>Ese libro explica en su ep\xc3\xadgrafe las haza\xc3\xb1as y aventuras de Don Quijote de la Mancha en Kuwait. </p> | ||
134 | |||
135 | <p>Queda gazpacho, fibra, l\xc3\xa1tex, jam\xc3\xb3n, kiwi y vi\xc3\xb1as. </p> | ||
136 | |||
137 | <p>Whisky bueno: \xc2\xa1excitad mi fr\xc3\xa1gil peque\xc3\xb1a vejez! </p> | ||
138 | |||
139 | <h4>Swedish</h4> | ||
140 | <p>Flygande b\xc3\xa4ckasiner s\xc3\xb6ka hwila p\xc3\xa5 mjuka tuvor. </p> | ||
141 | |||
142 | <p>Yxskaftbud, ge v\xc3\xa5r wczonm\xc3\xb6 iqhj\xc3\xa4lp. </p> | ||
143 | |||
144 | <h4>Ukrainian</h4> | ||
145 | <p>\xd0\xa7\xd1\x83\xd1\x94\xd1\x88 \xd1\x97\xd1\x85, \xd0\xb4\xd0\xbe\xd1\x86\xd1\x8e, \xd0\xb3\xd0\xb0? \xd0\x9a\xd1\x83\xd0\xbc\xd0\xb5\xd0\xb4\xd0\xbd\xd0\xb0 \xd0\xb6 \xd1\x82\xd0\xb8, \xd0\xbf\xd1\x80\xd0\xbe\xd1\x89\xd0\xb0\xd0\xb9\xd1\x81\xd1\x8f \xd0\xb1\xd0\xb5\xd0\xb7 \xd2\x91\xd0\xbe\xd0\xbb\xd1\x8c\xd1\x84\xd1\x96\xd0\xb2! </p> | ||
146 | |||
147 | <p>\xd0\x96\xd0\xb5\xd0\xb1\xd1\x80\xd0\xb0\xd0\xba\xd1\x83\xd1\x8e\xd1\x82\xd1\x8c \xd1\x84\xd1\x96\xd0\xbb\xd0\xbe\xd1\x81\xd0\xbe\xd1\x84\xd0\xb8 \xd0\xbf\xd1\x80\xd0\xb8 \xd2\x91\xd0\xb0\xd0\xbd\xd0\xba\xd1\x83 \xd1\x86\xd0\xb5\xd1\x80\xd0\xba\xd0\xb2\xd0\xb8 \xd0\xb2 \xd0\x93\xd0\xb0\xd0\xb4\xd1\x8f\xd1\x87\xd1\x96, \xd1\x89\xd0\xb5 \xd0\xb9 \xd1\x88\xd0\xb0\xd1\x82\xd1\x80\xd0\xbe \xd1\x97\xd1\x85\xd0\xbd\xd1\x94 \xd0\xbf'\xd1\x8f\xd0\xbd\xd0\xb5 \xd0\xb7\xd0\xbd\xd0\xb0\xd1\x94\xd0\xbc\xd0\xbe. </p> | ||
148 | |||
149 | <h4>Turkish (pangram)</h4> | ||
150 | <p>Pijamal\xc4\xb1 hasta ya\xc4\x9f\xc4\xb1z \xc5\x9fof\xc3\xb6re \xc3\xa7abucak g\xc3\xbcvendi. </p> | ||
151 | |||
152 | <h4>Greek</h4> | ||
153 | <h5>Monotonic</h5> | ||
154 | <p>\xce\xa0\xce\xac\xcf\x84\xce\xb5\xcf\x81 \xce\xb7\xce\xbc\xcf\x8e\xce\xbd \xce\xbf \xce\xb5\xce\xbd \xcf\x84\xce\xbf\xce\xb9\xcf\x82 \xce\xbf\xcf\x85\xcf\x81\xce\xb1\xce\xbd\xce\xbf\xce\xaf\xcf\x82 \xce\xb1\xce\xb3\xce\xb9\xce\xb1\xcf\x83\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xce\xbf \xcf\x8c\xce\xbd\xce\xbf\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xce\xb5\xce\xbb\xce\xb8\xce\xad\xcf\x84\xcf\x89 \xce\xb7 \xce\xb2\xce\xb1\xcf\x83\xce\xb9\xce\xbb\xce\xb5\xce\xaf\xce\xb1 \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xce\xb3\xce\xb5\xce\xbd\xce\xb7\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xce\xbf \xce\xb8\xce\xad\xce\xbb\xce\xb7\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85, \xcf\x89\xcf\x82 \xce\xb5\xce\xbd \xce\xbf\xcf\x85\xcf\x81\xce\xb1\xce\xbd\xcf\x8e \xce\xba\xce\xb1\xce\xb9 \xce\xb5\xcf\x80\xce\xaf \xcf\x84\xce\xb7\xcf\x82 \xce\xb3\xce\xb7\xcf\x82\xc2\xb7 \xcf\x84\xce\xbf\xce\xbd \xce\xac\xcf\x81\xcf\x84\xce\xbf\xce\xbd \xce\xb7\xce\xbc\xcf\x8e\xce\xbd \xcf\x84\xce\xbf\xce\xbd \xce\xb5\xcf\x80\xce\xb9\xce\xbf\xcf\x8d\xcf\x83\xce\xb9\xce\xbf\xce\xbd \xce\xb4\xce\xbf\xcf\x82 \xce\xb7\xce\xbc\xce\xaf\xce\xbd \xcf\x83\xce\xae\xce\xbc\xce\xb5\xcf\x81\xce\xbf\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xce\xb9 \xce\xac\xcf\x86\xce\xb5\xcf\x82 \xce\xb7\xce\xbc\xce\xaf\xce\xbd \xcf\x84\xce\xb1 \xce\xbf\xcf\x86\xce\xb5\xce\xbb\xce\xae\xce\xbc\xce\xb1\xcf\x84\xce\xb1 \xce\xb7\xce\xbc\xcf\x8e\xce\xbd, \xcf\x89\xcf\x82 \xce\xba\xce\xb1\xce\xb9 \xce\xb7\xce\xbc\xce\xb5\xce\xaf\xcf\x82 \xce\xb1\xcf\x86\xce\xaf\xce\xb5\xce\xbc\xce\xb5\xce\xbd \xcf\x84\xce\xbf\xce\xb9\xcf\x82 \xce\xbf\xcf\x86\xce\xb5\xce\xb9\xce\xbb\xce\xad\xcf\x84\xce\xb1\xce\xb9\xcf\x82 \xce\xb7\xce\xbc\xcf\x8e\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xce\xb9 \xce\xbc\xce\xb7 \xce\xb5\xce\xb9\xcf\x83\xce\xb5\xce\xbd\xce\xad\xce\xb3\xce\xba\xce\xb7\xcf\x82 \xce\xb7\xce\xbc\xce\xac\xcf\x82 \xce\xb5\xce\xb9\xcf\x82 \xcf\x80\xce\xb5\xce\xb9\xcf\x81\xce\xb1\xcf\x83\xce\xbc\xcf\x8c\xce\xbd, \xce\xb1\xce\xbb\xce\xbb\xce\xac \xcf\x81\xcf\x8d\xcf\x83\xce\xb1\xce\xb9 \xce\xb7\xce\xbc\xce\xac\xcf\x82 \xce\xb1\xcf\x80\xcf\x8c \xcf\x84\xce\xbf\xcf\x85 \xcf\x80\xce\xbf\xce\xbd\xce\xb7\xcf\x81\xce\xbf\xcf\x8d. \xce\xb1\xce\xbc\xce\xae\xce\xbd. </p> | ||
155 | |||
156 | <h5>Polytonic</h5> | ||
157 | <p>\xce\xa0\xce\xac\xcf\x84\xce\xb5\xcf\x81 \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd \xe1\xbd\x81 \xe1\xbc\x90\xce\xbd \xcf\x84\xce\xbf\xe1\xbf\x96\xcf\x82 \xce\xbf\xe1\xbd\x90\xcf\x81\xce\xb1\xce\xbd\xce\xbf\xe1\xbf\x96\xcf\x82 \xe1\xbc\x81\xce\xb3\xce\xb9\xce\xb1\xcf\x83\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xe1\xbd\xb8 \xe1\xbd\x84\xce\xbd\xce\xbf\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xe1\xbc\x90\xce\xbb\xce\xb8\xce\xad\xcf\x84\xcf\x89 \xe1\xbc\xa1 \xce\xb2\xce\xb1\xcf\x83\xce\xb9\xce\xbb\xce\xb5\xce\xaf\xce\xb1 \xcf\x83\xce\xbf\xcf\x85\xc2\xb7 \xce\xb3\xce\xb5\xce\xbd\xce\xb7\xce\xb8\xce\xae\xcf\x84\xcf\x89 \xcf\x84\xe1\xbd\xb8 \xce\xb8\xce\xad\xce\xbb\xce\xb7\xce\xbc\xce\xac \xcf\x83\xce\xbf\xcf\x85, \xe1\xbd\xa1\xcf\x82 \xe1\xbc\x90\xce\xbd \xce\xbf\xe1\xbd\x90\xcf\x81\xce\xb1\xce\xbd\xe1\xbf\xb7 \xce\xba\xce\xb1\xe1\xbd\xb6 \xe1\xbc\x90\xcf\x80\xe1\xbd\xb6 \xcf\x84\xe1\xbf\x86\xcf\x82 \xce\xb3\xe1\xbf\x86\xcf\x82\xc2\xb7 \xcf\x84\xe1\xbd\xb8\xce\xbd \xe1\xbc\x84\xcf\x81\xcf\x84\xce\xbf\xce\xbd \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd \xcf\x84\xe1\xbd\xb8\xce\xbd \xe1\xbc\x90\xcf\x80\xce\xb9\xce\xbf\xcf\x8d\xcf\x83\xce\xb9\xce\xbf\xce\xbd \xce\xb4\xe1\xbd\xb8\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbf\x96\xce\xbd \xcf\x83\xce\xae\xce\xbc\xce\xb5\xcf\x81\xce\xbf\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xe1\xbd\xb6 \xe1\xbc\x84\xcf\x86\xce\xb5\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbf\x96\xce\xbd \xcf\x84\xe1\xbd\xb0 \xe1\xbd\x80\xcf\x86\xce\xb5\xce\xbb\xce\xae\xce\xbc\xce\xb1\xcf\x84\xce\xb1 \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd, \xe1\xbd\xa1\xcf\x82 \xce\xba\xce\xb1\xe1\xbd\xb6 \xe1\xbc\xa1\xce\xbc\xce\xb5\xe1\xbf\x96\xcf\x82 \xe1\xbc\x80\xcf\x86\xce\xaf\xce\xb5\xce\xbc\xce\xb5\xce\xbd \xcf\x84\xce\xbf\xe1\xbf\x96\xcf\x82 \xe1\xbd\x80\xcf\x86\xce\xb5\xce\xb9\xce\xbb\xce\xad\xcf\x84\xce\xb1\xce\xb9\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbf\xb6\xce\xbd\xc2\xb7 \xce\xba\xce\xb1\xe1\xbd\xb6 \xce\xbc\xe1\xbd\xb4 \xce\xb5\xe1\xbc\xb0\xcf\x83\xce\xb5\xce\xbd\xce\xad\xce\xb3\xce\xba\xe1\xbf\x83\xcf\x82 \xe1\xbc\xa1\xce\xbc\xe1\xbe\xb6\xcf\x82 \xce\xb5\xe1\xbc\xb0\xcf\x82 \xcf\x80\xce\xb5\xce\xb9\xcf\x81\xce\xb1\xcf\x83\xce\xbc\xcf\x8c\xce\xbd, \xe1\xbc\x80\xce\xbb\xce\xbb\xe1\xbd\xb0 \xcf\x81\xe1\xbf\xa6\xcf\x83\xce\xb1\xce\xb9 \xe1\xbc\xa1\xce\xbc\xe1\xbe\xb6\xcf\x82 \xe1\xbc\x80\xcf\x80\xe1\xbd\xb8 \xcf\x84\xce\xbf\xe1\xbf\xa6 \xcf\x80\xce\xbf\xce\xbd\xce\xb7\xcf\x81\xce\xbf\xe1\xbf\xa6. \xe1\xbc\x80\xce\xbc\xce\xae\xce\xbd. </p> | ||
158 | |||
159 | |||
160 | <h3>Languages</h3> | ||
161 | <p>(The following are used for demonstration purposes only. Some of the following excerpts are taken from web pages from the BBC Foreign News just to show the script - I have no idea what they actually say!!)</p> | ||
162 | |||
163 | <h4>Latvian</h4> | ||
164 | <p>Latvijas instit\xc5\xabts veic konsultat\xc4\xabvi koordin\xc4\x93jo\xc5\xa1as funkcijas Latvijas starptautisk\xc4\x81s atpaz\xc4\xabstam\xc4\xabbas jom\xc4\x81; | ||
165 | gatavo un izplata pla\xc5\xa1ai sabiedr\xc4\xabbai pieejamu, svar\xc4\xabgu pamatinform\xc4\x81ciju saturo\xc5\xa1u, viegli izprotamu un iegaum\xc4\x93jamu, k\xc4\x81 ar\xc4\xab pozit\xc4\xabvu iespaidu izraiso\xc5\xa1u visp\xc4\x81r\xc4\x93ju pamatinform\xc4\x81ciju par Latviju, Latvijas dabu, sabiedr\xc4\xabbu, kult\xc5\xabru un v\xc4\x93sturi;</p> | ||
166 | |||
167 | <h4>Azeri (az)</h4> | ||
168 | <p>Qaz k\xc9\x99m\xc9\x99rinin a\xc3\xa7\xc4\xb1l\xc4\xb1\xc5\x9f\xc4\xb1nda \xc4\xb0ran v\xc9\x99 Erm\xc9\x99nistan\xc4\xb1n prezidentl\xc9\x99ri i\xc5\x9ftirak edibl\xc9\x99r.</p> | ||
169 | |||
170 | <p>\xc4\xb0ran qaz\xc4\xb1n\xc4\xb1 Erm\xc9\x99nistana n\xc9\x99ql ed\xc9\x99c\xc9\x99k bu k\xc9\x99m\xc9\x99r Yerevan \xc3\xbc\xc3\xa7\xc3\xbcn x\xc3\xbcsusi \xc3\xb6n\xc9\x99m da\xc5\x9f\xc4\xb1y\xc4\xb1r, bel\xc9\x99 ki, b\xc3\xb6y\xc3\xbck etnik az\xc9\x99rbaycanl\xc4\xb1 toplumuna malik \xc4\xb0ran t\xc9\x99lat\xc3\xbcml\xc3\xbc regionda \xc3\xb6z maraqlar\xc4\xb1n\xc4\xb1 qorumaq \xc3\xbc\xc3\xa7\xc3\xbcn \xc3\xa7ox vaxt Erm\xc9\x99nistan\xc4\xb1n m\xc3\xbctt\xc9\x99fiqi kimi g\xc3\xb6r\xc3\xbcn\xc3\xbcb.</p> | ||
171 | |||
172 | <h4>Bulgarian</h4> | ||
173 | <p>\xd0\x9f\xd0\xbe\xd1\x81\xd0\xbb\xd0\xb5\xd0\xb4\xd0\xbd\xd0\xb8\xd1\x82\xd0\xb5 \xd0\xb4\xd0\xbe\xd0\xbd\xd0\xb0\xd0\xb1\xd0\xbe\xd1\x80\xd0\xbd\xd0\xb8\xd1\x86\xd0\xb8 \xd0\xb2 \xd0\xb1\xd1\x8a\xd0\xbb\xd0\xb3\xd0\xb0\xd1\x80\xd1\x81\xd0\xba\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb0\xd1\x80\xd0\xbc\xd0\xb8\xd1\x8f \xd1\x89\xd0\xb5 \xd1\x81\xd0\xbb\xd1\x83\xd0\xb6\xd0\xb0\xd1\x82 9 \xd0\xbc\xd0\xb5\xd1\x81\xd0\xb5\xd1\x86\xd0\xb0, \xd0\xba\xd0\xb0\xd0\xba\xd1\x82\xd0\xbe \xd0\xbf\xd0\xbe\xd1\x81\xd1\x82\xd0\xb0\xd0\xbd\xd0\xbe\xd0\xb2\xd1\x8f\xd0\xb2\xd0\xb0 \xd0\xb7\xd0\xb0\xd0\xba\xd0\xbe\xd0\xbd\xd0\xb0 6 \xd0\xbc\xd0\xb5\xd1\x81\xd0\xb5\xd1\x86\xd0\xb0 \xd0\xb5 \xd1\x81\xd1\x8a\xd0\xba\xd1\x80\xd0\xb0\xd1\x82\xd0\xb5\xd0\xbd\xd0\xb8\xd1\x8f\xd1\x82 \xd1\x81\xd1\x80\xd0\xbe\xd0\xba \xd1\x81\xd0\xb0\xd0\xbc\xd0\xbe \xd0\xb7\xd0\xb0 \xd0\xb7\xd0\xb0\xd0\xb2\xd1\x8a\xd1\x80\xd1\x88\xd0\xb8\xd0\xbb\xd0\xb8\xd1\x82\xd0\xb5 \xd0\xb2\xd0\xb8\xd1\x81\xd1\x88\xd0\xb5 \xd0\xbe\xd0\xb1\xd1\x80\xd0\xb0\xd0\xb7\xd0\xbe\xd0\xb2\xd0\xb0\xd0\xbd\xd0\xb8\xd0\xb5 - \xd1\x82\xd0\xb0\xd0\xba\xd0\xb0 \xd0\xbc\xd0\xb8\xd0\xbd\xd0\xb8\xd1\x81\xd1\x82\xd1\x8a\xd1\x80 \xd0\x92\xd0\xb5\xd1\x81\xd0\xb5\xd0\xbb\xd0\xb8\xd0\xbd \xd0\x91\xd0\xbb\xd0\xb8\xd0\xb7\xd0\xbd\xd0\xb0\xd0\xba\xd0\xbe\xd0\xb2 \xd0\xbe\xd1\x82\xd1\x85\xd0\xb2\xd1\x8a\xd1\x80\xd0\xbb\xd0\xb8 \xd1\x80\xd0\xb0\xd0\xb7\xd0\xbb\xd0\xb8\xd1\x87\xd0\xbd\xd0\xb8\xd1\x82\xd0\xb5 \xd0\xb8\xd0\xbd\xd1\x82\xd0\xb5\xd1\x80\xd0\xbf\xd1\x80\xd0\xb5\xd1\x82\xd0\xb0\xd1\x86\xd0\xb8\xd0\xb8 \xd0\xb2 \xd0\xbf\xd1\x83\xd0\xb1\xd0\xbb\xd0\xb8\xd1\x87\xd0\xbd\xd0\xbe\xd1\x82\xd0\xbe \xd0\xbf\xd1\x80\xd0\xbe\xd1\x81\xd1\x82\xd1\x80\xd0\xb0\xd0\xbd\xd1\x81\xd1\x82\xd0\xb2\xd0\xbe \xd0\xbf\xd0\xbe \xd1\x82\xd0\xb5\xd0\xbc\xd0\xb0\xd1\x82\xd0\xb0. \xd0\x9c\xd0\xb8\xd0\xbd\xd0\xb8\xd1\x81\xd1\x82\xd1\x8a\xd1\x80\xd1\x8a\xd1\x82 \xd0\xbd\xd0\xb0 \xd0\xbe\xd1\x82\xd0\xb1\xd1\x80\xd0\xb0\xd0\xbd\xd0\xb0\xd1\x82\xd0\xb0 \xd1\x80\xd0\xb0\xd0\xb7\xd1\x84\xd0\xbe\xd1\x80\xd0\xbc\xd0\xb8\xd1\x80\xd0\xbe\xd0\xb2\xd0\xb0 \xd0\xb2 \xd0\x9a\xd0\xb0\xd0\xb7\xd0\xb0\xd0\xbd\xd0\xbb\xd1\x8a\xd0\xba \xd0\x92\xd1\x82\xd0\xbe\xd1\x80\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xbd\xd0\xb8 \xd1\x80\xd0\xbe\xd1\x82\xd0\xb0 \xd0\xbe\xd1\x82 \xd0\x90\xd1\x88\xd1\x80\xd0\xb0\xd1\x84 \xd0\xb8 \xd0\x92\xd1\x82\xd0\xbe\xd1\x80\xd0\xb8 \xd0\xbf\xd0\xb5\xd1\x85\xd0\xbe\xd1\x82\xd0\xb5\xd0\xbd \xd0\xb2\xd0\xb7\xd0\xb2\xd0\xbe\xd0\xb4, \xd0\xb7\xd0\xb0\xd0\xb2\xd1\x8a\xd1\x80\xd0\xbd\xd0\xb0\xd0\xbb \xd1\x81\xd0\xb5 \xd0\xbe\xd1\x82 \xd0\xbc\xd0\xb8\xd1\x80\xd0\xbe\xd1\x82\xd0\xb2\xd0\xbe\xd1\x80\xd1\x87\xd0\xb5\xd1\x81\xd0\xba\xd0\xb0 \xd0\xbc\xd0\xb8\xd1\x81\xd0\xb8\xd1\x8f \xd0\xbe\xd1\x82 \xd0\x91\xd0\xb0\xd0\xbd\xd1\x8f \xd0\x9b\xd1\x83\xd0\xba\xd0\xb0 \xd0\xb2 \xd0\x91\xd0\xbe\xd1\x81\xd0\xbd\xd0\xb0 \xd0\xb8 \xd0\xa5\xd0\xb5\xd1\x80\xd1\x86\xd0\xb5\xd0\xb3\xd0\xbe\xd0\xb2\xd0\xb8\xd0\xbd\xd0\xb0.</p> | ||
174 | |||
175 | <h4>Macedonian (mk)</h4> | ||
176 | <p>\xd0\x91\xd1\x83\xd1\x88 \xd1\x80\xd0\xb5\xd1\x87\xd0\xb5 \xd0\xbe\xd1\x82\xd0\xb8 \xd0\xb5 \xd1\x81\xd1\x83\xd1\x88\xd1\x82\xd0\xb8\xd0\xbd\xd1\x81\xd0\xba\xd0\xb8 \xd0\xb4\xd0\xb0 \xd1\x81\xd0\xb5 \xd0\xbe\xd1\x81\xd0\xb8\xd0\xb3\xd1\x83\xd1\x80\xd0\xb8 \xd0\xb1\xd0\xb5\xd0\xb7\xd0\xb1\xd0\xb5\xd0\xb4\xd0\xbd\xd0\xbe\xd1\x81\xd1\x82\xd0\xb0 \xd0\xbd\xd0\xb0 \xd0\x91\xd0\xb0\xd0\xb3\xd0\xb4\xd0\xb0\xd0\xb4 \xd0\xb8 \xd0\xb4\xd0\xb0 \xd1\x81\xd0\xb5 \xd0\xbe\xd0\xb1\xd0\xbd\xd0\xbe\xd0\xb2\xd0\xb8 \xd0\xbd\xd0\xbe\xd1\x80\xd0\xbc\xd0\xb0\xd0\xbb\xd0\xbd\xd0\xb8\xd0\xbe\xd1\x82 \xd0\xb6\xd0\xb8\xd0\xb2\xd0\xbe\xd1\x82 \xd0\xb2\xd0\xbe \xd0\xbe\xd1\x81\xd1\x82\xd0\xb0\xd1\x82\xd0\xbe\xd0\xba\xd0\xbe\xd1\x82 \xd0\xbe\xd0\xb4 \xd0\xb7\xd0\xb5\xd0\xbc\xd1\x98\xd0\xb0\xd1\x82\xd0\xb0.</p> | ||
177 | |||
178 | <p>\xd0\x9c\xd0\xb8\xd1\x82\xd1\x80\xd0\xb5\xd0\xb2\xd0\xb0 \xd1\x98\xd0\xb0 \xd0\xbf\xd1\x80\xd0\xbe\xd0\xb7\xd0\xb2\xd0\xb0 \xd0\xb2\xd0\xbb\xd0\xb0\xd0\xb4\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb7\xd0\xb0 \xd0\xb8\xd0\xbd\xd0\xb4\xd0\xbe\xd0\xbb\xd0\xb5\xd0\xbd\xd1\x82\xd0\xb5\xd0\xbd \xd0\xbe\xd0\xb4\xd0\xbd\xd0\xbe\xd1\x81 \xd0\xba\xd0\xbe\xd0\xbd \xd0\xbe\xd0\xb2\xd0\xb0 \xd0\xb1\xd0\xb8\xd1\x82\xd0\xba\xd0\xb0\xd1\x82\xd0\xb0 \xd0\xb7\xd0\xb0 \xd0\xb7\xd0\xb0\xd1\x87\xd1\x83\xd0\xb2\xd0\xb8\xd0\xb2\xd0\xb0\xd1\x9a\xd0\xb5 \xd0\xbd\xd0\xb0 \xd1\x83\xd1\x81\xd1\x82\xd0\xb0\xd0\xb2\xd0\xbd\xd0\xbe\xd1\x82\xd0\xbe \xd0\xb8\xd0\xbc\xd0\xb5 \xd0\xbd\xd0\xb0 \xd0\xb7\xd0\xb5\xd0\xbc\xd1\x98\xd0\xb0\xd1\x82\xd0\xb0.</p> | ||
179 | |||
180 | <h4>Uzbek (uz)</h4> | ||
181 | <p>\xd0\x98\xd1\x80\xd0\xbe\xd2\x9b\xd0\xbb\xd0\xb8\xd0\xba\xd0\xbb\xd0\xb0\xd1\x80 \xd0\xbe\xd1\x80\xd0\xb0\xd1\x81\xd0\xb8\xd0\xb4\xd0\xb0 \xd1\x82\xd1\x83\xd1\x88\xd0\xba\xd1\x83\xd0\xbd\xd0\xbb\xd0\xb8\xd0\xba \xd0\xbe\xd1\x80\xd1\x82\xd0\xb8\xd0\xb1 \xd0\xb1\xd0\xbe\xd1\x80\xd0\xb0\xd1\x8f\xd0\xbf\xd1\x82\xd0\xb8</p> | ||
182 | |||
183 | <p>\xd0\x98\xd1\x80\xd0\xbe\xd2\x9b\xd0\xb4\xd0\xb0 \xd1\x9e\xd1\x82\xd0\xba\xd0\xb0\xd0\xb7\xd0\xb8\xd0\xbb\xd0\xb3\xd0\xb0\xd0\xbd \xd1\x81\xd1\x9e\xd0\xbd\xd0\xb3\xd0\xb3\xd0\xb8 \xd0\xb6\xd0\xb0\xd0\xbc\xd0\xbe\xd0\xb0\xd1\x82\xd1\x87\xd0\xb8\xd0\xbb\xd0\xb8\xd0\xba \xd1\x84\xd0\xb8\xd0\xba\xd1\x80\xd0\xb8\xd0\xbd\xd0\xb8 \xd1\x9e\xd1\x80\xd0\xb3\xd0\xb0\xd0\xbd\xd0\xb8\xd1\x88 \xd0\xbd\xd0\xb0\xd1\x82\xd0\xb8\xd0\xb6\xd0\xb0\xd0\xbb\xd0\xb0\xd1\x80\xd0\xb8\xd0\xb3\xd0\xb0 \xd0\xba\xd1\x9e\xd1\x80\xd0\xb0, \xd0\xbc\xd0\xb0\xd0\xbc\xd0\xbb\xd0\xb0\xd0\xba\xd0\xb0\xd1\x82 \xd0\xba\xd0\xb5\xd0\xbb\xd0\xb0\xd0\xb6\xd0\xb0\xd0\xb3\xd0\xb8 \xd0\xb1\xd0\xbe\xd1\x80\xd0\xb0\xd1\x81\xd0\xb8\xd0\xb4\xd0\xb0 \xd1\x82\xd1\x83\xd1\x88\xd0\xba\xd1\x83\xd0\xbd \xd0\xba\xd0\xb0\xd0\xb9\xd1\x84\xd0\xb8\xd1\x8f\xd1\x82\xd0\xb4\xd0\xb0 \xd0\xb1\xd1\x9e\xd0\xbb\xd0\xb3\xd0\xb0\xd0\xbd \xd0\xb8\xd1\x80\xd0\xbe\xd2\x9b\xd0\xbb\xd0\xb8\xd0\xba\xd0\xbb\xd0\xb0\xd1\x80 \xd1\x81\xd0\xbe\xd0\xbd\xd0\xb8 \xd1\x82\xd0\xbe\xd0\xb1\xd0\xbe\xd1\x80\xd0\xb0 \xd0\xbe\xd1\x80\xd1\x82\xd0\xb8\xd0\xb1 \xd0\xb1\xd0\xbe\xd1\x80\xd0\xbc\xd0\xbe\xd2\x9b\xd0\xb4\xd0\xb0.</p> | ||
184 | |||
185 | <h4>Kyrgyz (ky)</h4> | ||
186 | <p>\xd0\x9a\xd0\xb0\xd0\xb7\xd0\xb0\xd0\xba\xd1\x81\xd1\x82\xd0\xb0\xd0\xbd\xd0\xb4\xd0\xb0 \xd0\xb0\xd0\xb9\xd1\x8b\xd0\xbb \xd1\x82\xd1\x83\xd1\x80\xd0\xb3\xd1\x83\xd0\xbd\xd0\xb4\xd0\xb0\xd1\x80\xd1\x8b \xd1\x83\xd1\x80\xd1\x83\xd1\x88\xd0\xb0 \xd0\xba\xd0\xb5\xd1\x82\xd0\xb8\xd0\xbf 3 \xd0\xba\xd0\xb8\xd1\x88\xd0\xb8 \xd0\xba\xd0\xb0\xd0\xb7\xd0\xb0 \xd1\x82\xd0\xb0\xd0\xbf\xd1\x82\xd1\x8b | ||
187 | \xd0\x9a\xd0\xb0\xd0\xb7\xd0\xb0\xd0\xba\xd1\x81\xd1\x82\xd0\xb0\xd0\xbd\xd0\xb4\xd1\x8b\xd0\xbd \xd0\x90\xd0\xbb\xd0\xbc\xd0\xb0\xd1\x82\xd1\x8b \xd1\x88\xd0\xb0\xd0\xb0\xd1\x80\xd1\x8b\xd0\xbd\xd1\x8b\xd0\xbd \xd1\x82\xd1\x83\xd1\x88\xd1\x83\xd0\xbd\xd0\xb4\xd0\xb0\xd0\xb3\xd1\x8b \xd0\xb0\xd0\xb9\xd1\x8b\xd0\xbb\xd0\xb4\xd0\xb0 \xd1\x8d\xd0\xba\xd0\xb8 \xd0\xba\xd0\xb8\xd1\x88\xd0\xb8 \xd0\xbe\xd1\x80\xd1\x82\xd0\xbe\xd1\x81\xd1\x83\xd0\xbd\xd0\xb4\xd0\xb0\xd0\xb3\xd1\x8b \xd1\x87\xd0\xb0\xd1\x82\xd0\xb0\xd0\xba \xd1\x87\xd0\xbe\xd2\xa3 \xd1\x83\xd1\x80\xd1\x83\xd1\x88\xd0\xba\xd0\xb0 \xd0\xb0\xd0\xb9\xd0\xbb\xd0\xb0\xd0\xbd\xd1\x8b\xd0\xbf, \xd0\xb0\xd0\xb3\xd0\xb0 \xd1\x8d\xd0\xbb\xd2\xaf\xd2\xaf \xd1\x87\xd0\xb0\xd0\xba\xd1\x82\xd1\x8b \xd0\xba\xd0\xb8\xd1\x88\xd0\xb8 \xd0\xb0\xd1\x80\xd0\xb0\xd0\xbb\xd0\xb0\xd1\x88\xd0\xba\xd0\xb0\xd0\xbd.</p> | ||
188 | |||
189 | |||
190 | |||
191 | <h4>Albanian (sq)</h4> | ||
192 | <p>Nj\xc3\xab anket\xc3\xab sugjeron se irakian\xc3\xabt kan\xc3\xab nj\xc3\xab pesimiz\xc3\xabm n\xc3\xab rritje p\xc3\xabr t\xc3\xab ardhmen e vendit t\xc3\xab tyre.</p> | ||
193 | |||
194 | <p>Presidenti shqiptar Alfred Moisiu dekretoi t\xc3\xab h\xc3\xabn\xc3\xabn ndryshimet e propozuara nga kryeministri Sali Berisha n\xc3\xab kabinetin e tij, pas zgjedhjeve lokale.</p> | ||
195 | |||
196 | |||
197 | <h4>Vietnamese (vi)</h4> | ||
198 | <p>M\xc3\xb4\xcc\xa3t kha\xcc\x89o sa\xcc\x81t m\xc6\xa1\xcc\x81i cho bi\xc3\xaa\xcc\x81t ng\xc6\xb0\xc6\xa1\xcc\x80i d\xc3\xa2n Iraq nga\xcc\x80y ca\xcc\x80ng ca\xcc\x89m th\xc3\xa2\xcc\x81y bi quan va\xcc\x80 kh\xc3\xb4ng tin t\xc6\xb0\xc6\xa1\xcc\x89ng va\xcc\x80o chi\xcc\x81nh phu\xcc\x89 cu\xcc\x83ng nh\xc6\xb0 li\xc3\xaan qu\xc3\xa2n</p> | ||
199 | |||
200 | <p>Nga \xc4\x91ang th\xc6\xb0\xcc\xa3c hi\xc3\xaa\xcc\xa3n chi\xc3\xaa\xcc\x81n di\xcc\xa3ch c\xc6\xb0\xcc\x81u h\xc3\xb4\xcc\xa3 sau khi co\xcc\x81 vu\xcc\xa3 n\xc3\xb4\xcc\x89 khi\xcc\x81 methane ta\xcc\xa3i m\xc3\xb4\xcc\xa3t mo\xcc\x89 than \xc6\xa1\xcc\x89 Siberia la\xcc\x80m i\xcc\x81t nh\xc3\xa2\xcc\x81t 61 ng\xc6\xb0\xc6\xa1\xcc\x80i thi\xc3\xaa\xcc\xa3t ma\xcc\xa3ng</p> | ||
201 | |||
202 | <h4>Thai (pangram)</h4> | ||
203 | <p>\xe0\xb9\x80\xe0\xb8\x9b\xe0\xb9\x87\xe0\xb8\x99\xe0\xb8\xa1\xe0\xb8\x99\xe0\xb8\xb8\xe0\xb8\xa9\xe0\xb8\xa2\xe0\xb9\x8c\xe0\xb8\xaa\xe0\xb8\xb8\xe0\xb8\x94\xe0\xb8\x9b\xe0\xb8\xa3\xe0\xb8\xb0\xe0\xb9\x80\xe0\xb8\xaa\xe0\xb8\xa3\xe0\xb8\xb4\xe0\xb8\x90\xe0\xb9\x80\xe0\xb8\xa5\xe0\xb8\xb4\xe0\xb8\xa8\xe0\xb8\x84\xe0\xb8\xb8\xe0\xb8\x93\xe0\xb8\x84\xe0\xb9\x88\xe0\xb8\xb2 \xe0\xb8\x81\xe0\xb8\xa7\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9a\xe0\xb8\xa3\xe0\xb8\xa3\xe0\xb8\x94\xe0\xb8\xb2\xe0\xb8\x9d\xe0\xb8\xb9\xe0\xb8\x87\xe0\xb8\xaa\xe0\xb8\xb1\xe0\xb8\x95\xe0\xb8\xa7\xe0\xb9\x8c\xe0\xb9\x80\xe0\xb8\x94\xe0\xb8\xa3\xe0\xb8\xb1\xe0\xb8\x88\xe0\xb8\x89\xe0\xb8\xb2\xe0\xb8\x99 \xe0\xb8\x88\xe0\xb8\x87\xe0\xb8\x9d\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9f\xe0\xb8\xb1\xe0\xb8\x99\xe0\xb8\x9e\xe0\xb8\xb1\xe0\xb8\x92\xe0\xb8\x99\xe0\xb8\xb2\xe0\xb8\xa7\xe0\xb8\xb4\xe0\xb8\x8a\xe0\xb8\xb2\xe0\xb8\x81\xe0\xb8\xb2\xe0\xb8\xa3 \xe0\xb8\xad\xe0\xb8\xa2\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\xa5\xe0\xb9\x89\xe0\xb8\xb2\xe0\xb8\x87\xe0\xb8\x9c\xe0\xb8\xa5\xe0\xb8\xb2\xe0\xb8\x8d\xe0\xb8\xa4\xe0\xb9\x85\xe0\xb9\x80\xe0\xb8\x82\xe0\xb9\x88\xe0\xb8\x99\xe0\xb8\x86\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9a\xe0\xb8\xb5\xe0\xb8\x91\xe0\xb8\xb2\xe0\xb9\x83\xe0\xb8\x84\xe0\xb8\xa3 \xe0\xb9\x84\xe0\xb8\xa1\xe0\xb9\x88\xe0\xb8\x96\xe0\xb8\xb7\xe0\xb8\xad\xe0\xb9\x82\xe0\xb8\x97\xe0\xb8\xa9\xe0\xb9\x82\xe0\xb8\x81\xe0\xb8\xa3\xe0\xb8\x98\xe0\xb9\x81\xe0\xb8\x8a\xe0\xb9\x88\xe0\xb8\x87\xe0\xb8\x8b\xe0\xb8\xb1\xe0\xb8\x94\xe0\xb8\xae\xe0\xb8\xb6\xe0\xb8\x94\xe0\xb8\xae\xe0\xb8\xb1\xe0\xb8\x94\xe0\xb8\x94\xe0\xb9\x88\xe0\xb8\xb2 \xe0\xb8\xab\xe0\xb8\xb1\xe0\xb8\x94\xe0\xb8\xad\xe0\xb8\xa0\xe0\xb8\xb1\xe0\xb8\xa2\xe0\xb9\x80\xe0\xb8\xab\xe0\xb8\xa1\xe0\xb8\xb7\xe0\xb8\xad\xe0\xb8\x99\xe0\xb8\x81\xe0\xb8\xb5\xe0\xb8\xac\xe0\xb8\xb2\xe0\xb8\xad\xe0\xb8\xb1\xe0\xb8\x8a\xe0\xb8\x8c\xe0\xb8\xb2\xe0\xb8\xaa\xe0\xb8\xb1\xe0\xb8\xa2 \xe0\xb8\x9b\xe0\xb8\x8f\xe0\xb8\xb4\xe0\xb8\x9a\xe0\xb8\xb1\xe0\xb8\x95\xe0\xb8\xb4\xe0\xb8\x9b\xe0\xb8\xa3\xe0\xb8\xb0\xe0\xb8\x9e\xe0\xb8\xa4\xe0\xb8\x95\xe0\xb8\xb4\xe0\xb8\x81\xe0\xb8\x8e\xe0\xb8\x81\xe0\xb8\xb3\xe0\xb8\xab\xe0\xb8\x99\xe0\xb8\x94\xe0\xb9\x83\xe0\xb8\x88 \xe0\xb8\x9e\xe0\xb8\xb9\xe0\xb8\x94\xe0\xb8\x88\xe0\xb8\xb2\xe0\xb9\x83\xe0\xb8\xab\xe0\xb9\x89\xe0\xb8\x88\xe0\xb9\x8a\xe0\xb8\xb0\xe0\xb9\x86 \xe0\xb8\x88\xe0\xb9\x8b\xe0\xb8\xb2 \xe0\xb8\x99\xe0\xb9\x88\xe0\xb8\xb2\xe0\xb8\x9f\xe0\xb8\xb1\xe0\xb8\x87\xe0\xb9\x80\xe0\xb8\xad\xe0\xb8\xa2\xe0\xb8\xaf </p> | ||
204 | |||
205 | |||
206 | <!-- RTL LANGUAGES --> | ||
207 | <div style=\"text-align: right;\"> | ||
208 | |||
209 | <h4>Hebrew (pangram)</h4> | ||
210 | <p>\xd7\x93\xd7\x92 \xd7\xa1\xd7\xa7\xd7\xa8\xd7\x9f \xd7\xa9\xd7\x98 \xd7\x91\xd7\x99\xd7\x9d \xd7\x9e\xd7\x90\xd7\x95\xd7\x9b\xd7\x96\xd7\x91 \xd7\x95\xd7\x9c\xd7\xa4\xd7\xaa\xd7\xa2 \xd7\x9e\xd7\xa6\xd7\x90 \xd7\x97\xd7\x91\xd7\xa8\xd7\x94 </p> | ||
211 | |||
212 | <p>\xd7\x90\xd7\x95 \xd7\x94\xd7\xa0\xd7\xa1\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9d, \xd7\x9c\xd7\x91\xd7\x95\xd7\x90 \xd7\x9c\xd7\xa7\xd7\x97\xd7\xaa \xd7\x9c\xd7\x95 \xd7\x92\xd7\x95\xd7\x99 \xd7\x9e\xd7\xa7\xd7\xa8\xd7\x91 \xd7\x92\xd7\x95\xd7\x99, \xd7\x91\xd7\x9e\xd7\xa1\xd7\xaa \xd7\x91\xd7\x90\xd7\xaa\xd7\xaa \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa4\xd7\xaa\xd7\x99\xd7\x9d \xd7\x95\xd7\x91\xd7\x9e\xd7\x9c\xd7\x97\xd7\x9e\xd7\x94 \xd7\x95\xd7\x91\xd7\x99\xd7\x93 \xd7\x97\xd7\x96\xd7\xa7\xd7\x94 \xd7\x95\xd7\x91\xd7\x96\xd7\xa8\xd7\x95\xd7\xa2 \xd7\xa0\xd7\x98\xd7\x95\xd7\x99\xd7\x94, \xd7\x95\xd7\x91\xd7\x9e\xd7\x95\xd7\xa8\xd7\x90\xd7\x99\xd7\x9d \xd7\x92\xd7\x93\xd7\x9c\xd7\x99\xd7\x9d: \xd7\x9b\xd7\x9b\xd7\x9c \xd7\x90\xd7\xa9\xd7\xa8-\xd7\xa2\xd7\xa9\xd7\x94 \xd7\x9c\xd7\x9b\xd7\x9d \xd7\x99\xd7\x94\xd7\x95\xd7\x94 \xd7\x90\xd7\x9c\xd7\x94\xd7\x99\xd7\x9b\xd7\x9d, \xd7\x91\xd7\x9e\xd7\xa6\xd7\xa8\xd7\x99\xd7\x9d--\xd7\x9c\xd7\xa2\xd7\x99\xd7\xa0\xd7\x99\xd7\x9a </p> | ||
213 | |||
214 | |||
215 | |||
216 | |||
217 | <h4>Arabic</h4> | ||
218 | <p>\xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9 \xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7 \xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82.</p> | ||
219 | |||
220 | <p>\xd9\x87\xd9\x84 \xd8\xb3\xd8\xaa\xd8\xb3\xd9\x81\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa8\xd9\x84\xd9\x88\xd9\x85\xd8\xa7\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xac\xd8\xa7\xd8\xb1\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 \xd8\xad\xd9\x84\xd9\x88\xd9\x84\xd8\x9f \xd9\x88\xd9\x83\xd9\x8a\xd9\x81 \xd8\xaa\xd9\x86\xd8\xb8\xd8\xb1 \xd9\x84\xd9\x84\xd8\xa7\xd8\xaa\xd9\x87\xd8\xa7\xd9\x85\xd8\xa7\xd8\xaa \xd9\x84\xd8\xa8\xd8\xb9\xd8\xb6 \xd9\x87\xd8\xb0\xd9\x87 \xd8\xa7\xd9\x84\xd8\xaf\xd9\x88\xd9\x84 \xd8\xa8\xd8\xa7\xd9\x84\xd8\xaa\xd8\xaf\xd8\xae\xd9\x84 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb4\xd8\xa3\xd9\x86 \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\x8c \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x88\xd8\xb1\xd8\xb7 \xd9\x81\xd9\x8a \xd8\xaf\xd8\xb9\xd9\x85 \xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xb9\xd9\x86\xd9\x81\xd8\x9f \xd9\x88\xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x8a \xd9\x85\xd8\xaf\xd9\x89 \xd9\x8a\xd8\xa8\xd8\xaf\xd9\x88 \xd8\xa7\xd9\x84\xd9\x88\xd8\xb6\xd8\xb9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86\xd8\xb9\xd9\x83\xd8\xa7\xd8\xb3\xd8\xa7 \xd9\x84\xd9\x84\xd8\xb5\xd8\xb1\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa5\xd9\x82\xd9\x84\xd9\x8a\xd9\x85\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd9\x85\xd9\x86\xd8\xb7\xd9\x82\xd8\xa9\xd8\x9f</p> | ||
221 | |||
222 | |||
223 | <h4>Persian / Farsi</h4> | ||
224 | <p>\xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xa8\xd8\xb1\xd8\xa7\xd8\xaf\xd8\xb9\xdb\x8c \xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa2\xda\x98\xd8\xa7\xd9\x86\xd8\xb3 \xd8\xa8\xd9\x8a\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd9\x84\xd9\x84\xdb\x8c \xd8\xa7\xd9\x86\xd8\xb1\xda\x98\xdb\x8c \xd8\xa7\xd8\xaa\xd9\x85\xdb\x8c \xd9\xbe\xd9\x8a\xd8\xb4\xd9\x86\xd9\x87\xd8\xa7\xd8\xaf \xda\xa9\xd8\xb1\xd8\xaf\xd9\x87 \xd8\xa7\xd8\xb3\xd8\xaa \xd8\xaa\xd9\x87\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xa8\xd8\xb1\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xac\xd9\x86\xd8\xac\xd8\xa7\xd9\x84\xdb\x8c \xd8\xba\xd9\x86\xdb\x8c \xd8\xb3\xd8\xa7\xd8\xb2\xdb\x8c \xd8\xa7\xd9\x88\xd8\xb1\xd8\xa7\xd9\x86\xd9\x8a\xd9\x88\xd9\x85 \xd8\xb1\xd8\xa7 \xd9\x85\xd8\xaa\xd9\x88\xd9\x82\xd9\x81 \xda\xa9\xd9\x86\xd8\xaf \xd9\x88 \xd8\xba\xd8\xb1\xd8\xa8 \xd9\x86\xd9\x8a\xd8\xb2 \xd8\xa7\xd8\xac\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xaa\xd8\xad\xd8\xb1\xd9\x8a\xd9\x85 \xd9\x87\xd8\xa7\xdb\x8c \xd8\xaa\xd9\x86\xd8\xa8\xd9\x8a\xd9\x87\xdb\x8c \xd9\x85\xd9\x88\xd8\xb1\xd8\xaf \xd8\xaa\xd8\xa7\xd8\xa6\xd9\x8a\xd8\xaf \xd8\xb3\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa7\xd9\x86 \xd9\x85\xd9\x84\xd9\x84 \xd9\x85\xd8\xaa\xd8\xad\xd8\xaf \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd8\xaa\xd8\xb9\xd9\x88\xd9\x8a\xd9\x82 \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd8\xaf\xd8\xa7\xd8\xb2\xd8\xaf.</p> | ||
225 | |||
226 | |||
227 | |||
228 | <h4>Urdu</h4> | ||
229 | <p>تمام انسان آزاد اور حقوق و عزت کے اعتبار سے برابر پیدا ہوۓ ہیں۔ انہیں ضمیر اور عقل ودیعت ہوئی ہی۔ اسلۓ انہیں ایک دوسرے کے ساتھ بھائی چارے کا سلوک کرنا چاہیۓ۔ | ||
230 | </p> | ||
231 | |||
232 | <h4>Pashto (ps)</h4> | ||
233 | <p>\xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a. | ||
234 | </p> | ||
235 | |||
236 | |||
237 | <h4>Sindhi (sd)</h4> | ||
238 | <p> | ||
239 | واشنگٽن (م ڊ) آمريڪا چيو آهي ته ڪيري لوگربل تي پاڪ فوج جي تحفظات سان پاڪستان ۾ جمهوري طور آيل زرداري جي حڪومت کي ڪوبه خطرو ناهي، ان سوال تي تي ڪيري لوگربل ۾ پاڪستان کي غير مشروط امداد ڏيڻ جي ڳالهه ڪئي وئي آهي، جڏهن ته فوجي امداد تي شرط لاڳو ڪيا | ||
240 | </p> | ||
241 | |||
242 | </div> | ||
243 | <!-- END RTL LANGUAGES --> | ||
244 | |||
245 | <h3>Indic Scripts</h3> | ||
246 | |||
247 | <h4> | ||
248 | Malayalam | ||
249 | </h4> | ||
250 | <p>സംസ്ഥാനത്ത് രാഷ്ട്രീയ പുകമറ സൃഷ്ടിക്കാനാണ് വോട്ടര്‍പട്ടിക വിവാദത്തിലൂടെ കോണ്‍ഗ്രസ് ശ്രമിക്കുന്നതെന്ന് സിപി‌എം സംസ്ഥാന സെക്രട്ടറി പിണറായി വിജയന്‍ കുറ്റപ്പെടുത്തി. ഉദ്യോഗസ്ഥരെ ഭീഷണിപ്പെടുത്തി വരുതിയില്‍ നിര്‍ത്താനാണ് വയലാര്‍ രവി ഉള്‍പ്പെടെയുള്ളവര്‍ ശ്രമിക്കുന്നതെന്നും പിണറാ‍യി പ്രസ്താവനയില്‍ ആരോപിച്ചു. | ||
251 | </p> | ||
252 | |||
253 | <h4>Kannada</h4> | ||
254 | <p> | ||
255 | ತಮ್ಮದೇ ಕುಟುಂಬದ ಯುವತಿಯೊಬ್ಬಳನ್ನು ಸತತ ಹಲವಾರು ವರ್ಷ ಭೋಗಿಸಿದ ಭಾರತೀಯ ಮೂಲದ ಮೂವರು ದುರುಳ ಸಂಬಂಧಿಕರು ಅಪರಾಧಿಗಳೆಂದು ಸಾಬೀತಾಗಿದ್ದು, ಇಂಗ್ಲೆಂಡ್ ನ್ಯಾಯಾಲಯವು ದೀರ್ಘಾವಧಿ ಕಠಿಣ ಶಿಕ್ಷೆ ವಿಧಿಸಿದೆ. | ||
256 | </p> | ||
257 | |||
258 | <h4>Telegu</h4> | ||
259 | <p>ఆగ్నేయ ఇరాన్‌లో ఆదివారం నాడు ఓ ఆత్మాహుతి దాడి జరగడంతో ఇరవై మంది మృతి చెందారు. | ||
260 | <br /> | ||
261 | |||
262 | ఆగ్నేయ ఇరాన్‌లో ఆత్మాహుతి దాడి జరగడంతో ఐదుగురు ఎలిట్ రెవల్యూషనరీ గార్డ్‌లతో సహా ప్రముఖ కమాండర్‌లతోసహా మొత్తం ఇరవై మంది మృతి చెందినట్లు ఇరాన్ లోక్‌సభ స్పీకర్ అలీ లారిజానీ తెలిపారు. | ||
263 | </p> | ||
264 | |||
265 | |||
266 | |||
267 | <h4>Tamil (ta)</h4> | ||
268 | <p>\xe0\xae\x87\xe0\xae\xb0\xe0\xae\xbe\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xaf \xe0\xae\xae\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d \xe0\xae\x85\xe0\xae\xb5\xe0\xae\xa8\xe0\xae\xae\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xaf\x88\xe0\xae\xaf\xe0\xaf\x81\xe0\xae\x9f\xe0\xae\xa9\xe0\xaf\x8d \xe0\xae\x87\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xa4\xe0\xae\xbe\xe0\xae\x95\xe0\xae\xb5\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d, \xe0\xae\xb7\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbe \xe0\xae\xae\xe0\xae\xb1\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\x9a\xe0\xaf\x81\xe0\xae\xa9\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d \xe0\xae\xae\xe0\xaf\x81\xe0\xae\xb0\xe0\xae\xa3\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\x9f \xe0\xae\x95\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x81\xe0\xae\x9f\xe0\xae\xa9\xe0\xaf\x8d \xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xb5\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\x9f \xe0\xae\xa8\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x88\xe0\xae\xaf\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d \xe0\xae\x87\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xa4\xe0\xae\xbe\xe0\xae\x95\xe0\xae\xb5\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\x95\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d \xe0\xae\x95\xe0\xae\xa3\xe0\xae\xbf\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xaf\x81 \xe0\xae\x92\xe0\xae\xa9\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81 \xe0\xae\x95\xe0\xaf\x82\xe0\xae\xb1\xe0\xaf\x81\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xb1\xe0\xae\xa4\xe0\xaf\x81.</p> | ||
269 | |||
270 | |||
271 | <h4>Oriya</h4> | ||
272 | <p>ଓଡ଼ିଆ ଉଇକିପେଡିଆ ଆପଣଙ୍କୁ ସ୍ବାଗତ କରୁଛି। ଏହି ଉନ୍ମୁକ୍ତ ଜ୍ଞାନକୋଷଟି ଇଣ୍ଟରନେଟ ଉପରେ ଆଧାରିତ ଏବଂ ଏହା ବିଶ୍ବର ୫୦ଟି ଭାଷାରେ ଉପଲବ୍ଧ । ଏହାକୁ ଆପଣ ମଧ୍ୟ ବର୍ଦ୍ଧିତ ଓ ପରିବର୍ତିତ କରିପାରିବେ ଏବଂ ଏହାକୁ ଉନ୍ନତ କରିବା ପାଇଁ ନିଜର ଅବଦାନ ଦେଇ ପାରିବେ । ଆପଣଙ୍କ ପସନ୍ଦର ବିଷୟ ଗୁଡିକୁ ଆପଣ ନୂତନ ଭାବେରେ ଯୋଗ କରିପାରିବେ କିମ୍ବା ଏହି ପୃଷ୍ଠାକୁ ସମ୍ପାଦନ କରି ଏହା ସହିତ ଯୋଗ କରିପାରିବ । ସମସ୍ତ ପାଠ ଗୁଡିକ GNU ମୁକ୍ତ ଦଲିଲକରଣ ଲାଇସେନ୍ସର ସର୍ତ୍ତ ଅଧୀନରେ ଉପଲବ୍ଧ । ତଥାପି, ଆପଣ ଏହାକୁ ମୁକ୍ତ ଭାବେର ଇଲେକ୍ଟ୍ରୋନିକ୍ସ ପ୍ରିଣ୍ଟ୍ କିମ୍ବା ଅନ୍ୟାନ୍ୟ ପ୍ରିଣ୍ଟର ମାଧ୍ୟମରେ ବ୍ୟବହାର କରିପାରିବ । | ||
273 | </p> | ||
274 | |||
275 | <h4>Punjabi</h4> | ||
276 | <p>ਕੇਂਦਰੀ ਗ੍ਰਹਿਮੰਤਰੀ ਪੀ.ਚਿਦੰਬਰਮ ਨੇ ਐਤਵਾਰ ਨੂੰ ਤਮਿਲਨਾਢੂ ਦੇ ਮੁੱਖਮੰਤਰੀ ਐਮ.ਕਰੁਣਾਨਿਧੀ ਨਾਲ ਮੁਲਾਕਾਤ ਕੀਤੀ।ਉਨ੍ਹਾ ਨੇ ਸ਼੍ਰੀਲੰਕਾ 'ਚ ਲਿੱਟੇ ਦੇ ਖਿਲਾਫ਼ ਯੁੱਧ ਦੌਰਾਨ ਉੱਝੜੇ ਹੋਏ ਲੱਗਭਗ ਢਾਈ ਲੱਖ ਤਮਿਲਾਂ ਦੀ ਮੁੜ ਰਿਹਾਇਸ਼ 'ਤੇ ਚਰਚਾ ਕੀਤੀ। | ||
277 | </p> | ||
278 | |||
279 | <h4>Gujarati (gu)</h4> | ||
280 | <p> | ||
281 | આ વાત હજાર વાર કહેવામાં આવી છે કે ફિલ્મ બનાવતી વખેત હંમેશા સૌથી વધુ ધ્યાન વાર્તા અને સ્ક્રીનપ્લે પર આપવુ જોઈએ. કારણ કે આ કોઈ પણ ફિલ્મની સફળતાનો મુખ્ય આધાર હોય છે. | ||
282 | <br /> | ||
283 | મોટા ફિલ્મ સ્ટાર્સ સાઈન કરવાથી, સ્ટંટ અને ગીતોથી પાણીની અંદર કે આકાશમાં કરોડો રૂપિયા ખર્ચ કરી ફિલ્માવેલા દ્રશ્યોથી કશુ જ નથી થતુ. પરંતુ આ બુનિયાદી વાત અત્યાર સુધી કોઈ લોકોને સમજાતી નથી. | ||
284 | </p> | ||
285 | |||
286 | |||
287 | <h4>Hindi (hi)</h4> | ||
288 | <p>\xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\x94\xe0\xa4\xb0 \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa5\x80\xe0\xa4\x9a \xe0\xa4\xac\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\xb6 \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa3 \xe0\xa4\xb0\xe0\xa5\x81\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa5\x88\xe0\xa4\x9a \xe0\xa4\xa6\xe0\xa5\x8b\xe0\xa4\xac\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xbe \xe0\xa4\xb6\xe0\xa5\x81\xe0\xa4\xb0\xe0\xa5\x81 \xe0\xa4\xb9\xe0\xa5\x8b \xe0\xa4\x97\xe0\xa4\xaf\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x88. \xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xb8\xe0\xa4\xbe\xe0\xa4\xae\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\x95\xe0\xa5\x89\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xa1 414 \xe0\xa4\xb0\xe0\xa4\xa8\xe0\xa5\x8b\xe0\xa4\x82 \xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xb2\xe0\xa4\x95\xe0\xa5\x8d\xe0\xa4\xb7\xe0\xa5\x8d\xe0\xa4\xaf \xe0\xa4\xb0\xe0\xa4\x96\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x88. \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xa6\xe0\xa5\x8b \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\x95\xe0\xa5\x87\xe0\xa4\x9f \xe0\xa4\x96\xe0\xa5\x8b \xe0\xa4\xa6\xe0\xa4\xbf\xe0\xa4\x8f \xe0\xa4\xb9\xe0\xa5\x88\xe0\xa4\x82.</p> | ||
289 | |||
290 | |||
291 | <h4>Nepali (ne) - Devanagari</h4> | ||
292 | <p>\xe0\xa4\x85\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\xae \xe0\xa4\xb8\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x97\xe0\xa4\xa0\xe0\xa4\xa8\xe0\xa4\xae\xe0\xa4\xbe \xe0\xa4\xa2\xe0\xa5\x80\xe0\xa4\xb2\xe0\xa4\xbe\xe0\xa4\x87 \xe0\xa4\xb9\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa5\x81\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xb8\xe0\xa4\xbe\xe0\xa4\xa5\xe0\xa5\x88 \xe0\xa4\x86\xe0\xa4\x89\xe0\xa4\x82\xe0\xa4\xa6\xe0\xa5\x8b \xe0\xa4\x9c\xe0\xa5\x87\xe0\xa4\xa0 \xe0\xa4\xae\xe0\xa4\xb9\xe0\xa4\xbf\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xad\xe0\xa4\xbf\xe0\xa4\xa4\xe0\xa5\x8d\xe0\xa4\xb0 \xe0\xa4\xb8\xe0\xa4\x82\xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xa7\xe0\xa4\xbe\xe0\xa4\xa8\xe0\xa4\xb8\xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x9a\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xb5 \xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa4\xbf \xe0\xa4\xa8\xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\xad\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa4\xb9\xe0\xa4\xb8 \xe0\xa4\x9a\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\x95\xe0\xa5\x80\xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa5\x87\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\x9a\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xb5\xe0\xa4\x95\xe0\xa5\x88 \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xb7\xe0\xa4\xaf\xe0\xa4\xae\xe0\xa4\xbe \xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\x9a\xe0\xa4\xa8 \xe0\xa4\x86\xe0\xa4\xaf\xe0\xa5\x8b\xe0\xa4\x97 \xe0\xa4\xb0 \xe0\xa4\x86\xe0\xa4\xa0 \xe0\xa4\xa6\xe0\xa4\xb2\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\x97\xe0\xa5\x8d\xe0\xa4\xb2\xe0\xa4\xbe, \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\x97\xe0\xa5\x8d\xe0\xa4\xb2\xe0\xa5\x88 \xe0\xa4\xad\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\x87 \xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa5\x87\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xa6\xe0\xa5\x87\xe0\xa4\x96\xe0\xa4\xbf\xe0\xa4\x8f\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x9b\xe0\xa5\xa4</p> | ||
293 | |||
294 | |||
295 | <h4>Bengali (bn)</h4> | ||
296 | <p> | ||
297 | দক্ষিণ ওয়াজিরিস্থানে কর্মরত স্বেচ্ছাসেবী ও ত্রাণ সংস্থাগুলো ধারণা করছে সেনা অভিযানের তীব্রতা বাড়লে এই সংখ্যাটা আরও অনেক বেড়ে যাবে | ||
298 | <br /> | ||
299 | শরণার্থীদের স্রোত সামলাতে তারা ইতিমধ্যেই হিমশিম খাচ্ছেন, ফলে লড়াই থেকে পালিয়ে আসা বেসামরিক মানুষজনের সংখ্যা আরও বাড়লে স্বভাবতই সঙ্কট আরও জটিল হয়ে উঠবে | ||
300 | </p> | ||
301 | |||
302 | |||
303 | <h4>Assamese</h4> | ||
304 | <p>অসমীয়া ৱিকিপিডিয়াৰ উদ্দেশ্য হ'ল সম্পূৰ্ণ অসমীয়া ভাষাত এখনি বিশ্বকোষ প্ৰণয়ন কৰা। অন্য কোনো ভাষাৰ প্ৰবন্ধ এই বিশ্বকোষৰ বাবে গ্ৰহন কৰা নহ'ব। বিশ্বকোষৰ অৱদানকাৰীসকললৈ সাদৰেৰে অনুৰোধ জনোৱা হ'ল যাতে তেখেতসকলে অসমীয়া ভাষাৰ প্ৰচলিত বানান পদ্ধতি মানি চলে। বিদেশী শব্দৰ অসমীয়া প্ৰতিৰূপৰ ক্ষেত্ৰত যিহেতু অসমীয়া সাহিত্যিকসকল এতিয়াও ঐক্যমতত উপনীত হ'ব পৰা নাই, ৱিকিপিডিয়াত বিদেশী শব্দৰ যিকোনো ধৰনৰ অসমীয়া ৰূপ গ্ৰাহ্য কৰা হ'ব। | ||
305 | </p> | ||
306 | |||
307 | |||
308 | |||
309 | |||
310 | <h4>Japanese (pangrams)</h4> | ||
311 | <h5>Iroha Uta SJIS</h5> | ||
312 | |||
313 | <p>\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80\xe3\x81\xa1\xe3\x82\x8a\xe3\x81\xac\xe3\x82\x8b\xe3\x82\x92\xe3\x80\x80\xe3\x82\x8f\xe3\x81\x8b\xe3\x82\x88\xe3\x81\x9f\xe3\x82\x8c\xe3\x81\x9d\xe3\x80\x80\xe3\x81\xa4\xe3\x81\xad\xe3\x81\xaa\xe3\x82\x89\xe3\x82\x80\xe3\x80\x80\xe3\x81\x86\xe3\x82\x90\xe3\x81\xae\xe3\x81\x8a\xe3\x81\x8f\xe3\x82\x84\xe3\x81\xbe\xe3\x80\x80\xe3\x81\x91\xe3\x81\xb5\xe3\x81\x93\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x81\x8d\xe3\x82\x86\xe3\x82\x81\xe3\x81\xbf\xe3\x81\x97\xe3\x80\x80\xe3\x82\x91\xe3\x81\xb2\xe3\x82\x82\xe3\x81\x9b\xe3\x81\x99 </p> | ||
314 | |||
315 | <h5>Tori Naku Uta </h5> | ||
316 | |||
317 | <p>\xe3\x81\xa8\xe3\x82\x8a\xe3\x81\xaa\xe3\x81\x8f\xe3\x81\x93\xe3\x82\x91\xe3\x81\x99\xe3\x80\x80\xe3\x82\x86\xe3\x82\x81\xe3\x81\x95\xe3\x81\xbe\xe3\x81\x9b\xe3\x80\x80\xe3\x81\xbf\xe3\x82\x88\xe3\x81\x82\xe3\x81\x91\xe3\x82\x8f\xe3\x81\x9f\xe3\x82\x8b\xe3\x80\x80\xe3\x81\xb2\xe3\x82\x93\xe3\x81\x8b\xe3\x81\x97\xe3\x82\x92\xe3\x80\x80\xe3\x81\x9d\xe3\x82\x89\xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\x88\xe3\x81\xa6\xe3\x80\x80\xe3\x81\x8a\xe3\x81\x8d\xe3\x81\xa4\xe3\x81\xb8\xe3\x81\xab\xe3\x80\x80\xe3\x81\xbb\xe3\x81\xb5\xe3\x81\xad\xe3\x82\x80\xe3\x82\x8c\xe3\x82\x90\xe3\x81\xac\xe3\x80\x80\xe3\x82\x82\xe3\x82\x84\xe3\x81\xae\xe3\x81\x86\xe3\x81\xa1 </p> | ||
318 | |||
319 | <h5>Ametsuchi No Uta </h5> | ||
320 | |||
321 | <p>\xe3\x81\x82\xe3\x82\x81 \xe3\x81\xa4\xe3\x81\xa1 \xe3\x81\xbb\xe3\x81\x97 \xe3\x81\x9d\xe3\x82\x89 / \xe3\x82\x84\xe3\x81\xbe \xe3\x81\x8b\xe3\x81\xaf \xe3\x81\xbf\xe3\x81\xad \xe3\x81\x9f\xe3\x81\xab / \xe3\x81\x8f\xe3\x82\x82 \xe3\x81\x8d\xe3\x82\x8a \xe3\x82\x80\xe3\x82\x8d \xe3\x81\x93\xe3\x81\x91 / \xe3\x81\xb2\xe3\x81\xa8 \xe3\x81\x84\xe3\x81\xac \xe3\x81\x86\xe3\x81\xb8 \xe3\x81\x99\xe3\x82\x91 / \xe3\x82\x86\xe3\x82\x8f \xe3\x81\x95\xe3\x82\x8b \xe3\x81\x8a\xe3\x81\xb5 \xe3\x81\x9b\xe3\x82\x88 / \xe3\x81\x88\xe3\x81\xae\xe3\x81\x88*\xe3\x82\x92 \xe3\x81\xaa\xe3\x82\x8c \xe3\x82\x90\xe3\x81\xa6 </p> | ||
322 | |||
323 | <h5>Taini no Uta </h5> | ||
324 | |||
325 | <p>\xe3\x81\x9f\xe3\x82\x90\xe3\x81\xab\xe3\x81\x84\xe3\x81\xa6\xe3\x80\x80\xe3\x81\xaa\xe3\x81\xa4\xe3\x82\x80\xe3\x82\x8f\xe3\x82\x8c\xe3\x82\x92\xe3\x81\x9d\xe3\x80\x80\xe3\x81\x8d\xe3\x81\xbf\xe3\x82\x81\xe3\x81\x99\xe3\x81\xa8\xe3\x80\x80\xe3\x81\x82\xe3\x81\x95\xe3\x82\x8a\xe3\x81\x8a\xe3\x81\xb2\xe3\x82\x86\xe3\x81\x8f\xe3\x80\x80\xe3\x82\x84\xe3\x81\xbe\xe3\x81\x97\xe3\x82\x8d\xe3\x81\xae\xe3\x80\x80\xe3\x81\x86\xe3\x81\xa1\xe3\x82\x91\xe3\x81\xb8\xe3\x82\x8b\xe3\x81\x93\xe3\x82\x89\xe3\x80\x80\xe3\x82\x82\xe3\x81\xaf\xe3\x81\xbb\xe3\x81\x9b\xe3\x82\x88\xe3\x80\x80\xe3\x81\x88\xe3\x81\xb5\xe3\x81\xad\xe3\x81\x8b\xe3\x81\x91\xe3\x81\xac </p> | ||
326 | |||
327 | <h4>Chinese (simplified) GB2312 GB</h4> | ||
328 | |||
329 | <p>\xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac\xe5\xae\xa4\xe7\x9a\x84\xe6\xb6\x88\xe6\x81\xaf\xe7\xa7\xb0\xef\xbc\x8c\xe4\xb8\xad\xe6\x96\xb9\xe5\x85\x8d\xe9\x99\xa4\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x84\xe6\x89\x80\xe6\x9c\x89\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x8f\x8a\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x94\xbf\xe5\xba\x9c\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x9c\x89\xe5\x85\xb3\xe9\x83\xa8\xe9\x97\xa8\xe5\xb7\xb2\xe5\xaf\xb9\xe7\x9b\xb8\xe5\x85\xb3\xe5\x80\xba\xe5\x8a\xa1\xe8\xbf\x9b\xe8\xa1\x8c\xe5\x85\xa8\xe9\x9d\xa2\xe6\xb8\x85\xe7\x90\x86\xe6\xa0\xb8\xe5\xaf\xb9\xef\xbc\x8c\xe5\xaf\xb9\xe4\xb8\x8e\xe4\xb8\xad\xe5\x9b\xbd\xe6\x9c\x89\xe5\xa4\x96\xe4\xba\xa4\xe5\x85\xb3\xe7\xb3\xbb\xe7\x9a\x8433\xe4\xb8\xaa\xe9\x9d\x9e\xe6\xb4\xb2\xe9\x87\x8d\xe5\x80\xba\xe7\xa9\xb7\xe5\x9b\xbd\xe5\x92\x8c\xe6\x9c\x80\xe4\xb8\x8d\xe5\x8f\x91\xe8\xbe\xbe\xe5\x9b\xbd\xe5\xae\xb6\xef\xbc\x8c\xe5\x85\x8d\xe9\x99\xa4\xe5\x85\xb6\xe6\x88\xaa\xe8\x87\xb32005\xe5\xb9\xb4\xe5\xba\x95168\xe7\xac\x94\xe5\xaf\xb9\xe5\x8d\x8e\xe5\x88\xb0\xe6\x9c\x9f\xe6\x97\xa0\xe6\x81\xaf\xe8\xb4\xb7\xe6\xac\xbe\xe5\x80\xba\xe5\x8a\xa1\xe3\x80\x82\xe6\x8b\x9f\xe4\xba\x8e2007\xe5\xb9\xb4\xe5\xba\x95\xe5\x89\x8d\xe4\xb8\x8e\xe5\x8f\x97\xe6\x8f\xb4\xe5\x9b\xbd\xe5\x8a\x9e\xe7\x90\x86\xe5\xae\x8c\xe5\x85\x8d\xe5\x80\xba\xe5\x8d\x8f\xe8\xae\xae\xe3\x80\x82</p> | ||
330 | |||
331 | |||
332 | <h4>Chinese (Traditional - Hong Kong) Big5</h4> | ||
333 | |||
334 | <p>\xe3\x80\x8c\xe6\x86\x82\xe9\xac\xb1\xe5\xb0\x8f\xe7\x8e\x8b\xe5\xad\x90\xe3\x80\x8d\xe6\x98\xaf\xe4\xb8\x80\xe5\x80\x8b\xe6\x95\x99\xe8\x82\xb2\xe7\xb6\xb2\xe7\xab\x99\xef\xbc\x8c\xe5\xae\x83\xe6\x88\x90\xe5\x8a\x9f\xe7\xb5\x90\xe5\x90\x88\xe4\xba\x86\xe9\xa6\x99\xe6\xb8\xaf\xe8\xb3\xbd\xe9\xa6\xac\xe6\x9c\x83\xe9\x98\xb2\xe6\xad\xa2\xe8\x87\xaa\xe6\xae\xba\xe7\xa0\x94\xe7\xa9\xb6\xe4\xb8\xad\xe5\xbf\x83\xe5\x90\x84\xe6\x96\xb9\xe9\x9d\xa2\xe7\x9a\x84\xe5\xb0\x88\xe6\x89\x8d\xef\xbc\x8c\xe7\x82\xba\xe9\x9d\x92\xe5\xb0\x91\xe5\xb9\xb4\xe4\xba\xba\xe6\x8f\x90\xe4\xbe\x9b\xe7\xb2\xbe\xe7\xa5\x9e\xe5\x81\xa5\xe5\xba\xb7\xe7\x9a\x84\xe8\xa8\x8a\xe6\x81\xaf\xef\xbc\x8c\xe5\xb0\x8d\xe6\x99\xae\xe5\x8f\x8a\xe6\x8a\x91\xe9\xac\xb1\xe7\x97\x87\xe7\x9f\xa5\xe8\xad\x98\xe7\x9a\x84\xe8\xb2\xa2\xe7\x8d\xbb\xe8\x89\xaf\xe5\xa4\x9a\xe3\x80\x82\xe5\x9c\xa8\xe9\xa6\x99\xe6\xb8\xaf\xef\xbc\x8c\xe5\xae\x83\xe6\x9b\xbe\xe7\x8d\xb2\xe9\x81\xb8\xe7\x82\xba\xe3\x80\x8c2004\xe5\xb9\xb4\xe5\x8d\x81\xe5\xa4\xa7\xe5\x81\xa5\xe5\xba\xb7\xe7\xb6\xb2\xe7\xab\x99\xe3\x80\x8d\xe4\xb9\x8b\xe4\xb8\x80\xef\xbc\x8c\xe8\xa9\xb2\xe9\xa0\x85\xe9\x81\xb8\xe8\x88\x89\xe8\x87\xaa2005\xe5\xb9\xb4\xe8\xb5\xb7\xe6\x94\xb9\xe5\x90\x8d\xe7\x8f\xbe\xe6\x99\x82\xe7\x9a\x84\xe3\x80\x8c\xe5\x84\xaa\xe7\xa7\x80\xe7\xb6\xb2\xe7\xab\x99\xe9\x81\xb8\xe8\x88\x89\xe3\x80\x8d\xe3\x80\x82\xe5\x85\xb6\xe8\xb2\xa2\xe7\x8d\xbb\xe5\x9c\xa8\xe5\x9c\x8b\xe9\x9a\x9b\xe9\x96\x93\xe4\xba\xa6\xe5\x82\x99\xe5\x8f\x97\xe8\x82\xaf\xe5\xae\x9a\xef\xbc\x8c2005\xe5\xb9\xb4\xef\xbc\x8c\xe8\xa9\xb2\xe7\xb6\xb2\xe7\xab\x99\xe6\xa6\xae\xe7\x8d\xb2\xe7\xac\xac\xe5\x85\xab\xe5\xb1\x86\xe3\x80\x8c\xe4\xba\x9e\xe6\xb4\xb2\xe5\x89\xb5\xe6\x96\xb0\xe5\xa4\xa7\xe7\x8d\x8e\xe3\x80\x8d\xe9\x8a\x80\xe7\x8d\x8e\xe3\x80\x82</p> | ||
335 | |||
336 | |||
337 | |||
338 | <h4>Korean UHC</h4> | ||
339 | |||
340 | <p>\xed\x82\xa4\xec\x8a\xa4\xec\x9d\x98 \xea\xb3\xa0\xec\x9c\xa0\xec\xa1\xb0\xea\xb1\xb4\xec\x9d\x80 \xec\x9e\x85\xec\x88\xa0\xeb\x81\xbc\xeb\xa6\xac \xeb\xa7\x8c\xeb\x82\x98\xec\x95\xbc \xed\x95\x98\xea\xb3\xa0 \xed\x8a\xb9\xeb\xb3\x84\xed\x95\x9c \xea\xb8\xb0\xec\x88\xa0\xec\x9d\x80 \xed\x95\x84\xec\x9a\x94\xec\xb9\x98 \xec\x95\x8a\xeb\x8b\xa4. </p> | ||
341 | |||
342 | |||
343 | <h4>Mixed</h4> | ||
344 | <p style=\"font-family: 'trebuchet ms';\">Distinguishes multiple languages enclosed in same element (tags): Arabic \xd9\x82\xd8\xa7\xd9\x84 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 | ||
345 | English Cat sat on the large mat | ||
346 | Tamil \xe0\xae\xb7\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbe | ||
347 | Hindi \xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\x94\xe0\xa4\xb0 | ||
348 | Japanese \xe3\x81\x84\xe3\x82\x8d\xe3\x81\xaf\xe3\x81\xab\xe3\x81\xbb\xe3\x81\xb8\xe3\x81\xa8\xe3\x80\x80 | ||
349 | Chinese \xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac | ||
350 | Thai \xe0\xb9\x80\xe0\xb8\x9b\xe0\xb9\x87\xe0\xb8\x99\xe0\xb8\xa1\xe0\xb8\x99\xe0\xb8\xb8\xe0\xb8\xa9\xe0\xb8\xa2 | ||
351 | Viet M\xc3\xb4\xcc\xa3t kha\xcc\x89o sa\xcc\x81t m\xc6\xa1\xcc\x81i cho bi\xc3\xaa\xcc\x81t ng\xc6\xb0\xc6\xa1\xcc\x80i d\xc3\xa2n | ||
352 | Tamil \xe0\xae\xb7\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbe | ||
353 | Chinese \xe6\x9d\xa5\xe8\x87\xaa\xe5\x95\x86\xe5\x8a\xa1\xe9\x83\xa8\xe6\x96\xb0\xe9\x97\xbb\xe5\x8a\x9e\xe5\x85\xac | ||
354 | English Cat sat on the large mat | ||
355 | </p> | ||
356 | |||
357 | |||
358 | <h4>Unicode Plane 2</h4> | ||
359 | <div> | ||
360 | Unicode Plane 0 (BMP U+0000 - U+FFFF): | ||
361 | \xe9\xbc\x82 \xe9\xbc\x88 \xe9\xbc\x97 \xe9\xbc\xa6 \xe9\xbc\xa7 \xe9\xbc\xb9 \xe9\xbd\x84 \xe9\xbd\x85 \xe9\xbd\x90 \xe9\xbd\x93 \xe9\xbd\x9a \xe9\xbd\xa2 \xe9\xbd\xa9 \xe9\xbd\xbf \xe9\xbe\x8e \xe9\xbe\x99 \xe9\xbe\x9f \xe9\xbe\xa5 | ||
362 | ------- | ||
363 | Unicode Plane 2 (SIP characters > U+20000): | ||
364 | \xf0\xa0\x80\xa1 \xf0\xa0\x80\xbe \xf0\xa0\x81\x86 \xf0\xa0\x81\x8e \xf0\xa0\x81\xa8 \xf0\xa0\x82\x86 \xf0\xa0\x82\x87 \xf0\xa0\x82\x8a \xf0\xa0\x82\x94 \xf0\xa0\x83\x8a \xf0\xa0\x83\x8b \xf0\xa0\x83\x8c \xf0\xa0\x83\x8d \xf0\xa0\x83\x91 \xf0\xa0\x83\xae \xf0\xa0\x84\x8c \xf0\xa0\x84\x8e \xf0\xa0\x84\x98 \xf0\xa0\x86\xa4 \xf0\xa0\x86\xa9 \xf0\xa0\x86\xab \xf0\xa0\x87\x81 \xf0\xa0\x87\x94 \xf0\xa0\x87\xb2 \xf0\xa0\x88\x84 \xf0\xa0\x88\x8c \xf0\xa0\x88\x94 \xf0\xa0\x88\xb9 \xf0\xa0\x89\x9b \xf0\xa0\x89\xb4 \xf0\xa0\x89\xb5 \xf0\xa0\x8a\x99 \xf0\xa0\x8a\x9e \xf0\xa0\x8a\xa0 \xf0\xa0\x8a\xb7 \xf0\xa0\x8a\xbf \xf0\xa0\x8b\x80 \xf0\xa0\x8b\xa5 \xf0\xa0\x8c\x8a | ||
365 | ------- | ||
366 | Unicode Plane 0 (BMPU+0000 - U+FFFF): | ||
367 | \xe9\xbc\x82 \xe9\xbc\x88 \xe9\xbc\x97 \xe9\xbc\xa6 \xe9\xbc\xa7 \xe9\xbc\xb9 \xe9\xbd\x84 \xe9\xbd\x85 \xe9\xbd\x90 \xe9\xbd\x93 \xe9\xbd\x9a \xe9\xbd\xa2 \xe9\xbd\xa9 \xe9\xbd\xbf \xe9\xbe\x8e \xe9\xbe\x99 \xe9\xbe\x9f \xe9\xbe\xa5 <br /> | ||
368 | </div> | ||
369 | |||
370 | |||
371 | "; | ||
372 | |||
373 | |||
374 | |||
375 | |||
376 | |||
377 | //============================================================== | ||
378 | //============================================================== | ||
379 | //============================================================== | ||
380 | include("../mpdf.php"); | ||
381 | |||
382 | $mpdf=new mPDF(); | ||
383 | |||
384 | $mpdf->useAdobeCJK = true; // Default setting in config.php | ||
385 | // You can set this to false if you have defined other CJK fonts | ||
386 | |||
387 | $mpdf->SetAutoFont(AUTOFONT_ALL); // AUTOFONT_CJK | AUTOFONT_THAIVIET | AUTOFONT_RTL | AUTOFONT_INDIC // AUTOFONT_ALL | ||
388 | // () = default ALL, 0 turns OFF (default initially) | ||
389 | |||
390 | $mpdf->WriteHTML($html); | ||
391 | |||
392 | $mpdf->Output(); | ||
393 | |||
394 | exit; | ||
395 | //============================================================== | ||
396 | //============================================================== | ||
397 | //============================================================== | ||
398 | |||
399 | |||
400 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example30_arabic.php b/inc/3rdparty/libraries/mpdf/examples/example30_arabic.php new file mode 100644 index 00000000..0793ac12 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example30_arabic.php | |||
@@ -0,0 +1,384 @@ | |||
1 | <?php | ||
2 | |||
3 | $html = " | ||
4 | <style> | ||
5 | body, p { direction: rtl; font-family: 'XB Zar'; font-size: 15pt; } | ||
6 | </style> | ||
7 | |||
8 | <h1>Arabic Languages and Fonts</h1> | ||
9 | |||
10 | <!-- Koranic | ||
11 | |||
12 | <p style=\"font-family: sans;\">Koranic<br /> | ||
13 | الحمد لله رب العالمين والصلاة والسلام على سيد المرسلين سيدنا ومولانا محمد وعلى آله وصحبه صلاة وسلاماً دائمين إلى يوم الدين. | ||
14 | <br /> | ||
15 | ٠.١.٢.٣.٤.٥.٦.٧.٨.٩ | ||
16 | <br /> | ||
17 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
18 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
19 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
20 | </p> | ||
21 | |||
22 | --> | ||
23 | |||
24 | |||
25 | <p style=\"font-family: 'XB Zar';\">Arabic<br /> | ||
26 | ٠.١.٢.٣.٤.٥.٦.٧.٨.٩ | ||
27 | <br /> | ||
28 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
29 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
30 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
31 | <br /> | ||
32 | \xc2\xa2\xe2\x82\xac\xc2\xa9\xc2\xae\xe2\x84\xa2\xe2\x80\xb0\xc2\xb5\xc2\xb7\xe2\x80\xa2\xe2\x80\xa6\xc2\xa7\xc3\x9f\xe2\x80\xb9\xe2\x80\xba\xc2\xab\xc2\xbb\xe2\x80\x98\xe2\x80\x99\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x9a\xe2\x80\x9e<>\xe2\x80\x93\xe2\x80\x94\xcb\x86\xcb\x9c | ||
33 | \xc2\xb0\xc2\xb1\xc3\xb7\xc3\x97\xc2\xbc\xc2\xbd\xc2\xbe\xc6\x92\xc2\xac\xe2\x80\xa0\xe2\x80\xa1 | ||
34 | <br /> | ||
35 | \xc3\x80\xc3\x81\xc3\x82\xc3\x83\xc3\x84\xc3\x85\xc3\x86\xc3\x87\xc3\x88\xc3\x89\xc3\x8a\xc3\x8b\xc3\x8c\xc3\x8d\xc3\x8e\xc3\x8f\xc3\x90\xc3\x91\xc3\x92\xc3\x93\xc3\x94\xc3\x95\xc3\x96\xc3\x98\xc5\x92\xc5\xa0\xc3\x99\xc3\x9a\xc3\x9b\xc3\x9c\xc3\x9d\xc5\xb8 | ||
36 | <br /> | ||
37 | \xc3\xa0\xc3\xa1\xc3\xa2\xc3\xa3\xc3\xa4\xc3\xa5\xc3\xa6\xc3\xa7\xc3\xa8\xc3\xa9\xc3\xaa\xc3\xab\xc3\xac\xc3\xad\xc3\xae\xc3\xaf\xc3\xb0\xc3\xb1\xc3\xb2\xc3\xb4\xc3\xb5\xc3\xb6\xc3\xb8\xc5\x93\xc5\xa1\xc3\xb9\xc3\xba\xc3\xbb\xc3\xbc\xc3\xbd\xc3\xbe\xc3\xbf | ||
38 | <br /> | ||
39 | الحمد لله رب العالمين والصلاة والسلام على سيد المرسلين سيدنا ومولانا محمد وعلى آله وصحبه صلاة وسلاماً دائمين إلى يوم الدين. | ||
40 | <br /> | ||
41 | ٠.١.٢.٣.٤.٥.٦.٧.٨.٩ | ||
42 | </p> | ||
43 | |||
44 | |||
45 | |||
46 | <p style=\"font-family: 'XB Riyaz';\">Arabic<br /> | ||
47 | ٠.١.٢.٣.٤.٥.٦.٧.٨.٩ | ||
48 | <br /> | ||
49 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
50 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
51 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
52 | <br /> | ||
53 | \xc2\xa2\xe2\x82\xac\xc2\xa9\xc2\xae\xe2\x84\xa2\xe2\x80\xb0\xc2\xb5\xc2\xb7\xe2\x80\xa2\xe2\x80\xa6\xc2\xa7\xc3\x9f\xe2\x80\xb9\xe2\x80\xba\xc2\xab\xc2\xbb\xe2\x80\x98\xe2\x80\x99\xe2\x80\x9c\xe2\x80\x9d\xe2\x80\x9a\xe2\x80\x9e<>\xe2\x80\x93\xe2\x80\x94\xcb\x86\xcb\x9c | ||
54 | \xc2\xb0\xc2\xb1\xc3\xb7\xc3\x97\xc2\xbc\xc2\xbd\xc2\xbe\xc6\x92\xc2\xac\xe2\x80\xa0\xe2\x80\xa1 | ||
55 | <br /> | ||
56 | \xc3\x80\xc3\x81\xc3\x82\xc3\x83\xc3\x84\xc3\x85\xc3\x86\xc3\x87\xc3\x88\xc3\x89\xc3\x8a\xc3\x8b\xc3\x8c\xc3\x8d\xc3\x8e\xc3\x8f\xc3\x90\xc3\x91\xc3\x92\xc3\x93\xc3\x94\xc3\x95\xc3\x96\xc3\x98\xc5\x92\xc5\xa0\xc3\x99\xc3\x9a\xc3\x9b\xc3\x9c\xc3\x9d\xc5\xb8 | ||
57 | <br /> | ||
58 | \xc3\xa0\xc3\xa1\xc3\xa2\xc3\xa3\xc3\xa4\xc3\xa5\xc3\xa6\xc3\xa7\xc3\xa8\xc3\xa9\xc3\xaa\xc3\xab\xc3\xac\xc3\xad\xc3\xae\xc3\xaf\xc3\xb0\xc3\xb1\xc3\xb2\xc3\xb4\xc3\xb5\xc3\xb6\xc3\xb8\xc5\x93\xc5\xa1\xc3\xb9\xc3\xba\xc3\xbb\xc3\xbc\xc3\xbd\xc3\xbe\xc3\xbf | ||
59 | <br /> | ||
60 | الحمد لله رب العالمين والصلاة والسلام على سيد المرسلين سيدنا ومولانا محمد وعلى آله وصحبه صلاة وسلاماً دائمين إلى يوم الدين. | ||
61 | <br /> | ||
62 | ٠.١.٢.٣.٤.٥.٦.٧.٨.٩ | ||
63 | </p> | ||
64 | |||
65 | |||
66 | |||
67 | |||
68 | |||
69 | |||
70 | <p style=\"font-family: 'XB Zar';\">Farsi<br /> | ||
71 | همهٔ افراد بشر آزاد به دنیا می‌آیند و از دید حیثیت و حقوق با هم برابرند، همه دارای اندیشه و وجدان هستند و باید در برابر یکدیگر با روح برادری رفتار کنند. | ||
72 | <br /> | ||
73 | ٠.١.٢.٣.٤.٥.٦.٧.٨.٩ | ||
74 | </p> | ||
75 | |||
76 | |||
77 | |||
78 | |||
79 | |||
80 | <p style=\"font-family: 'XB Zar';\">Urdu<br /> | ||
81 | \xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xd8\xa7\xd9\x81\xd8\xaa\xd8\xae\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x8c \xd8\xac\xd8\xa8\xd8\xb1\xdb\x8c \xd8\xb1\xd8\xae\xd8\xb5\xd8\xaa \xd9\xbe\xd8\xb1 \xd9\x84\xd8\xa7\xdb\x81\xd9\x88\xd8\xb1\xdb\x81\xd8\xa7\xd8\xa6\xdb\x8c \xda\xa9\xd9\x88\xd8\xb1\xd9\xb9 \xda\xa9\xdb\x92 \xd8\xa7\xdb\x8c\xda\xa9 \xd8\xa7\xd9\x88\xd8\xb1 \xd8\xb3\xd9\x86\xd8\xaf\xda\xbe \xd9\x85\xdb\x8c\xda\xba \xda\xa9\xd8\xa6\xdb\x8c \xd8\xb3\xd9\x88\xd9\x84 \xd8\xac\xd8\xac \xd9\x85\xd8\xb3\xd8\xaa\xd8\xb9\xd9\x81\xdb\x8c \xdb\x81\xd9\x88\xda\xaf\xd8\xa6\xdb\x92 \xdb\x81\xdb\x8c\xda\xba\xdb\x94 | ||
82 | <br /> | ||
83 | \xda\x86\xdb\x8c\xd9\x81 \xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xda\xa9\xdb\x8c \xd8\xb3\xd8\xb1\xda\xaf\xd8\xb1\xd9\x85\xdb\x8c\xd8\xa7\xda\xba \xd9\x85\xd8\xad\xd8\xaf\xd9\x88\xd8\xaf \xda\xa9\xd8\xb1\xd9\x86\xdb\x92 \xd8\xa7\xd9\x88\xd8\xb1 \xd9\xbe\xd9\x88\xd9\x84\xdb\x8c\xd8\xb3 \xd8\xaa\xd8\xb9\xdb\x8c\xd9\x86\xd8\xa7\xd8\xaa\xdb\x8c \xda\xa9\xdb\x92 \xd8\xad\xda\xa9\xd9\x85 \xd9\x86\xd8\xa7\xd9\x85\xdb\x92 \xd9\xbe\xd8\xb1 \xd8\xaf\xd8\xb3\xd8\xaa\xd8\xae\xd8\xb7 \xda\xa9\xd8\xb1\xda\xa9\xdb\x92 \xd8\xba\xd9\x84\xd8\xb7 \xda\xa9\xdb\x8c\xd8\xa7: \xd8\xac\xd9\x86\xd8\xb1\xd9\x84 \xd9\x85\xd8\xb4\xd8\xb1\xd9\x81 | ||
84 | </p> | ||
85 | |||
86 | |||
87 | |||
88 | <p style=\"font-family: 'XB Zar';\">Pashto<br /> | ||
89 | \xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a. | ||
90 | <br /> | ||
91 | \xd9\x87 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xda\xa9\xdb\x90 \xd9\x8a\xd9\x88\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd9\x86\xd8\xb8\xd8\xb1 \xd8\xb4\xd9\x85\xdb\x90\xd8\xb1\xd9\x86\xd9\x87 \xda\x9a\xd9\x8a\xd9\x8a \xda\x86\xdb\x90 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\xa7\xd9\x86 \xd9\xbe\xd9\x87 \xd8\xb2\xd9\x8a\xd8\xa7\xd8\xaa\xdb\x90\xd8\xaf\xd9\x88\xd9\x86\xda\xa9\xd9\x8a \xd8\xaa\xd9\x88\xda\xaf\xd9\x87 \xd8\xaf \xd8\xad\xd8\xa7\xd9\x84\xd8\xa7\xd8\xaa\xd9\x88 \xd9\xbe\xd9\x87 \xd8\xa7\xda\x93\xd9\x87 \xd8\xa8\xd8\xaf\xd8\xa8\xd9\x8a\xd9\x86\xd9\x87 \xd8\xaf\xd9\x8a \xd8\xa7\xd9\x88 \xd8\xaf \xd8\xa8\xdb\x90 \xd8\xa8\xd8\xa7\xd9\x88\xd8\xb1\xd9\x8a \xd8\xa7\xd8\xad\xd8\xb3\xd8\xa7\xd8\xb3 \xda\xa9\xd9\x88\xd9\x8a\xd8\x8c \xd8\xae\xd9\x88 \xd8\xae\xd9\xbe\xd9\x84 \xd9\x87\xd9\x8a\xd9\x88\xd8\xa7\xd8\xaf \xd9\x8a\xd9\x88\xd9\x85\xd9\x88\xd9\xbc\xd9\x89 \xd8\xba\xd9\x88\xd8\xa7\xda\x93\xd9\x8a. | ||
92 | </p> | ||
93 | |||
94 | |||
95 | |||
96 | |||
97 | <p style=\"font-family: Arial;\">Sindhi<br /> | ||
98 | فوج طرفان ڪيري لوگربل جي مخالفت سبب زرداري حڪومت کي خطرو ناهي:آمريڪا | ||
99 | <br /> | ||
100 | واشنگٽن (م ڊ) آمريڪا چيو آهي ته ڪيري لوگربل تي پاڪ فوج جي تحفظات سان پاڪستان ۾ جمهوري طور آيل زرداري جي حڪومت کي ڪوبه خطرو ناهي، ان سوال تي تي ڪيري لوگربل ۾ پاڪستان کي غير مشروط امداد ڏيڻ جي ڳالهه ڪئي وئي آهي، جڏهن ته فوجي امداد تي شرط لاڳو ڪيا | ||
101 | <br /> | ||
102 | ٠.١.٢.٣.٤.٥.٦.٧.٨.٩ | ||
103 | <br /> | ||
104 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
105 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
106 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
107 | </p> | ||
108 | |||
109 | |||
110 | |||
111 | |||
112 | From http://titus.uni-frankfurt.de/unicode/alphabet/arabtest.htm | ||
113 | <br /> | ||
114 | |||
115 | 1. Arabic: | ||
116 | <br /> | ||
117 | ا ـا ـاـ اـ | ||
118 | <br /> | ||
119 | ب ـب ـبـ بـ | ||
120 | <br /> | ||
121 | ت ـت ـتـ تـ | ||
122 | <br /> | ||
123 | ج ـج ـجـ جـ | ||
124 | <br /> | ||
125 | ح ـح ـحـ حـ | ||
126 | <br /> | ||
127 | خ ـخ ـخـ خـ | ||
128 | <br /> | ||
129 | د ـد ـد د | ||
130 | <br /> | ||
131 | ذ ـذ ـذ ذ | ||
132 | <br /> | ||
133 | ر ـر ـر ر | ||
134 | <br /> | ||
135 | ز ـز ـز ز | ||
136 | <br /> | ||
137 | س ـس ـسـ سـ | ||
138 | <br /> | ||
139 | ش ـش ـشـ شـ | ||
140 | <br /> | ||
141 | ص ـص ـصـ صـ | ||
142 | <br /> | ||
143 | ض ـض ـضـ ضـ | ||
144 | <br /> | ||
145 | ط ـط ـطـ طـ | ||
146 | <br /> | ||
147 | ظ ـظ ـظـ ظـ | ||
148 | <br /> | ||
149 | ع ـع ـعـ عـ | ||
150 | <br /> | ||
151 | غ ـغ ـغـ غـ | ||
152 | <br /> | ||
153 | ف ـف ـفـ فـ | ||
154 | <br /> | ||
155 | ق ـق ـقـ قـ | ||
156 | <br /> | ||
157 | ك ـك ـكـ كـ | ||
158 | <br /> | ||
159 | ل ـل ـلـ لـ | ||
160 | <br /> | ||
161 | م ـم ـمـ مـ | ||
162 | <br /> | ||
163 | ن ـن ـنـ نـ | ||
164 | <br /> | ||
165 | ه ـه ـهـ هـ | ||
166 | <br /> | ||
167 | و ـو ـوـ وـ | ||
168 | <br /> | ||
169 | ي ـي ـيـ يـ | ||
170 | <br /> | ||
171 | <br /> | ||
172 | |||
173 | 2. Persian: | ||
174 | <br /> | ||
175 | Four extra letters: پ چ ژ گ | ||
176 | <br /> | ||
177 | ـپ ـپـ پـ | ||
178 | <br /> | ||
179 | ـچ ـچـ پچ | ||
180 | <br /> | ||
181 | ـژ ـژـ ژـ | ||
182 | <br /> | ||
183 | ـگ ـگـ گـ | ||
184 | <br /> | ||
185 | Original Arabic letter ك | ||
186 | modified Persian letter ک | ||
187 | <br /> | ||
188 | Original Arabic letter ي | ||
189 | modified Persian letter ى<br /> | ||
190 | <br /> | ||
191 | همهٔ افراد بشر آزاد به دنیا می‌آیند و از دید حیثیت و حقوق با هم برابرند، همه دارای اندیشه و وجدان هستند و باید در برابر یکدیگر با روح برادری رفتار کنند. | ||
192 | <br /> | ||
193 | <br /> | ||
194 | |||
195 | 3. Pashto: | ||
196 | <br /> | ||
197 | <div style=\"font-family: 'XB Zar';\"> | ||
198 | ا ـا ـاـ اـ | ||
199 | ب ـب ـبـ بـ | ||
200 | پ ـپ ـپـ پـ | ||
201 | ت ـت ـتـ تـ | ||
202 | ټ ـټ ـټـ ټـ | ||
203 | ث ـث ـثـ ثـ | ||
204 | ج ـج ـجـ جـ | ||
205 | ځ ـځ ـځـ ځـ | ||
206 | چ ـچ ـچـ چـ | ||
207 | څ ـڅ ـڅـ څـ | ||
208 | ح ـح ـحـ حـ | ||
209 | خ ـخ ـخـ خـ | ||
210 | |||
211 | د ـد ـدـ دـ | ||
212 | ډ ـډ ـډـ ډـ | ||
213 | ذ ـذ ـذـ ذـ | ||
214 | ر ـر ـرـ رـ | ||
215 | ړ ـړ ـړـ ړـ | ||
216 | ز ـز ـزـ زـ | ||
217 | ژ ـژ ـژـ ژـ | ||
218 | ږ ـږ ـږـ ږـ | ||
219 | س ـس ـسـ سـ | ||
220 | ش ـش ـشـ شـ | ||
221 | ښ ـښ ـښـ ښـ | ||
222 | |||
223 | ص ـص ـصـ صـ | ||
224 | ض ـض ـضـ ضـ | ||
225 | ط ـط ـطـ طـ | ||
226 | ظ ـظ ـظـ ظـ | ||
227 | ع ـع ـعـ عـ | ||
228 | غ ـغ ـغـ غـ | ||
229 | ف ـف ـفـ فـ | ||
230 | ق ـق ـقـ قـ | ||
231 | ک ـک ـکـ کـ | ||
232 | ګ ـګ ـګـ ګـ | ||
233 | ل ـل ـلـ لـ | ||
234 | م ـم ـمـ مـ | ||
235 | |||
236 | ن ـن ـنـ نـ | ||
237 | ڼ ـڼ ـڼـ ڼـ | ||
238 | ڼ ـڼ ـڼـ ڼـ | ||
239 | ؤ ـؤ ـؤـ ؤـ | ||
240 | ه ـه ـهـ هـ | ||
241 | ۀ ـۀ ـۀـ ۀـ | ||
242 | ی ـی ـیـ یـ | ||
243 | ي ـي ـيـ يـ | ||
244 | ې ـې ـېـ ېـ | ||
245 | ۍ ـۍ ـۍـ ۍـ | ||
246 | ئ ـئ ـئـ ئـ | ||
247 | <br /> | ||
248 | <br /> | ||
249 | </div> | ||
250 | |||
251 | |||
252 | 4. Urdu: | ||
253 | <br /> | ||
254 | <div style=\"font-family: 'XB Zar';\"> | ||
255 | ا ـا ـاـ اـ | ||
256 | ب ـب ـبـ بـ | ||
257 | پ ـپ ـپـ پـ | ||
258 | ت ـت ـتـ تـ | ||
259 | ٹ ـٹ ـٹـ ٹـ | ||
260 | ث ـث ـثـ ثـ | ||
261 | ج ـج ـجـ جـ | ||
262 | ح ـح ـحـ حـ | ||
263 | خ ـخ ـخـ خـ | ||
264 | د ـد ـدـ دـ | ||
265 | ڈ ـڈ ـڈـ ڈـ | ||
266 | ذ ـذ ـذـ ذـ | ||
267 | ر ـر ـرـ رـ | ||
268 | ڑ ـڑ ـڑـ ڑـ | ||
269 | ژ ـژ ـژـ ژـ | ||
270 | س ـس ـسـ سـ | ||
271 | ش ـش ـشـ شـ | ||
272 | ص ـص ـصـ صـ | ||
273 | ض ـض ـضـ ضـ | ||
274 | ط ـط ـطـ طـ | ||
275 | ظ ـظ ـظـ ظـ | ||
276 | ع ـع ـعـ عـ | ||
277 | غ ـغ ـغـ غـ | ||
278 | ف ـف ـفـ فـ | ||
279 | ق ـق ـقـ قـ | ||
280 | ک ـک ـکـ کـ | ||
281 | گ ـگ ـگـ گـ | ||
282 | ل ـل ـلـ لـ | ||
283 | م ـم ـمـ مـ | ||
284 | ن ـن ـنـ نـ | ||
285 | و ـو ـوـ وـ | ||
286 | ہ ﮩ ﮨ | ||
287 | ھ ـھ ـھـ ھـ | ||
288 | ء ـء ـءـ ءـ | ||
289 | ی ـی ـیـ یـ | ||
290 | ے ـے ـےـ ےـ | ||
291 | <br /> | ||
292 | تمام انسان آزاد اور حقوق و عزت کے اعتبار سے برابر پیدا ہوۓ ہیں۔ انہیں ضمیر اور عقل ودیعت ہوئی ہی۔ اسلۓ انہیں ایک دوسرے کے ساتھ بھائی چارے کا سلوک کرنا چاہیۓ۔ | ||
293 | <br /> | ||
294 | <br /> | ||
295 | </div> | ||
296 | |||
297 | |||
298 | 5. Sindhi: | ||
299 | <br /> | ||
300 | <div style=\"font-family: Arial;\"> | ||
301 | ڄ ـڄ ـڄـ ڄـ | ||
302 | ٺ ـٺ ـٺـ ٺـ | ||
303 | ٽ ـٽ ـٽـ ٽـ | ||
304 | ٿ ـٿ ـٿـ ٿـ | ||
305 | ڀ ـڀ ـڀـ ڀـ | ||
306 | ٻ ـٻ ـٻـ ٻـ | ||
307 | ڙ ـڙ ـڙـ ڙـ | ||
308 | ڍ ـڍ ـڍـ ڍـ | ||
309 | ڊ ـڊ ـڊـ ڊـ | ||
310 | ڏ ـڏ ـڏـ ڏـ | ||
311 | ڌ ـڌ ـڌـ ڌـ | ||
312 | ڇ ـڇ ـڇـ ڇـ | ||
313 | ڃ ـڃ ـڃـ ڃـ | ||
314 | ڦ ـڦ ـڦـ ڦـ | ||
315 | ڻ ـڻ ـڻـ ڻـ | ||
316 | ڱ ـڱ ـڱـ ڱـ | ||
317 | ڳ ـڳ ـڳـ ڳـ | ||
318 | ڪ ـڪ ـڪـ ڪـ | ||
319 | <br /> | ||
320 | |||
321 | ج ھ ڄ ج پ ث ٺ ٽ ٿ ت ڀ ٻ ب ا | ||
322 | ڙ ر ذ ڍ ڊ ڏ ڌ د خ ح ڇ چ ڃ | ||
323 | ق ڦ ف غ ع ظ ط ض ص ش س ز ڙھ | ||
324 | ي ه و ڻ ن م ل ڱ گھ ڳ گ ک ڪ | ||
325 | <br /> | ||
326 | <br /> | ||
327 | </div> | ||
328 | |||
329 | |||
330 | |||
331 | <h4>Arabic</h4> | ||
332 | <p>\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4 \xd9\x81\xd9\x8a \xd8\xad\xd8\xaf\xd9\x8a\xd8\xab \xd9\x85\xd8\xaa\xd9\x84\xd9\x81\xd8\xb2<annotation content=\"\xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" subject=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" icon=\"Comment\" color=\"#FE88EF\" author=\"\xd8\xac\xd9\x88\xd8\xb1\xd8\xac\" /> | ||
333 | \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb0\xd9\x83\xd8\xb1\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb1\xd8\xa7\xd8\xa8\xd8\xb9\xd8\xa9 \xd9\x84\xd9\x84\xd8\xba\xd8\xb2\xd9\x88 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xb1\xd9\x8a\xd9\x83\xd9\x8a \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd9\x84\xd9\x88\xd9\x8a\xd8\xa9 \xd8\xad\xd8\xa7\xd9\x84\xd9\x8a\xd8\xa7 \xd9\x84\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x86 \xd9\x84\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82.</p> | ||
334 | |||
335 | <p>\xd9\x87\xd9\x84 \xd8\xb3\xd8\xaa\xd8\xb3\xd9\x81\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa8\xd9\x84\xd9\x88\xd9\x85\xd8\xa7\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xac\xd8\xa7\xd8\xb1\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 \xd8\xad\xd9\x84\xd9\x88\xd9\x84\xd8\x9f \xd9\x88\xd9\x83\xd9\x8a\xd9\x81 \xd8\xaa\xd9\x86\xd8\xb8\xd8\xb1 \xd9\x84\xd9\x84\xd8\xa7\xd8\xaa\xd9\x87\xd8\xa7\xd9\x85\xd8\xa7\xd8\xaa \xd9\x84\xd8\xa8\xd8\xb9\xd8\xb6 \xd9\x87\xd8\xb0\xd9\x87 \xd8\xa7\xd9\x84\xd8\xaf\xd9\x88\xd9\x84 \xd8\xa8\xd8\xa7\xd9\x84\xd8\xaa\xd8\xaf\xd8\xae\xd9\x84 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb4\xd8\xa3\xd9\x86 \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82\xd9\x8a\xd8\x8c \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x88\xd8\xb1\xd8\xb7 \xd9\x81\xd9\x8a \xd8\xaf\xd8\xb9\xd9\x85 \xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xb9\xd9\x86\xd9\x81\xd8\x9f \xd9\x88\xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x8a \xd9\x85\xd8\xaf\xd9\x89 \xd9\x8a\xd8\xa8\xd8\xaf\xd9\x88 \xd8\xa7\xd9\x84\xd9\x88\xd8\xb6\xd8\xb9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd8\xa7\xd9\x86\xd8\xb9\xd9\x83\xd8\xa7\xd8\xb3\xd8\xa7 \xd9\x84\xd9\x84\xd8\xb5\xd8\xb1\xd8\xa7\xd8\xb9\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa5\xd9\x82\xd9\x84\xd9\x8a\xd9\x85\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa7\xd9\x84\xd9\x85\xd9\x86\xd8\xb7\xd9\x82\xd8\xa9\xd8\x9f</p> | ||
336 | |||
337 | <p>\xd9\x88\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd8\xa8\xd9\x8a\xd8\xaa \xd8\xa7\xd9\x84\xd8\xa7\xd8\xa8\xd9\x8a\xd8\xb6 "\xd8\xa8\xd8\xb4\xd8\xaf\xd8\xa9" \xd8\xaa\xd9\x81\xd8\xac\xd9\x8a\xd8\xb1 \xd8\xa7\xd9\x8a\xd9\x84\xd8\xa7\xd8\xaa \xd9\x81\xd9\x8a\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xb9\xd8\xb1\xd8\xa8\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd8\xb9\xd9\x86 "\xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86\xd8\xaa\xd9\x87\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xaf\xd9\x8a\xd8\xaf\xd8\xa9" \xd9\x84\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab" \xd9\x88\xd8\xa7\xd8\xb5\xd9\x81\xd8\xa9 \xd8\xa7\xd9\x8a\xd8\xa7\xd9\x87 \xd8\xa8\xd9\x80"\xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81" \xd8\xa7\xd9\x84\xd8\xb0\xd9\x8a \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x87\xd8\xaf\xd9\x81 "\xd9\x85\xd8\xaf\xd9\x86\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x85\xd8\xb3\xd8\xa7\xd9\x84\xd9\x85\xd9\x8a\xd9\x86".</p> | ||
338 | |||
339 | <p>\xd9\x88\xd8\xa7\xd8\xb6\xd8\xa7\xd9\x81\xd8\xaa \xd9\x88\xd8\xb2\xd8\xa7\xd8\xb1\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb1\xd8\xac\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xb1\xd9\x88\xd8\xb3\xd9\x8a\xd8\xa9 \xd9\x81\xd9\x8a \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd9\x87\xd8\xa7: "\xd9\x85\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd8\xa4\xd8\xb3\xd9\x81 \xd8\xa7\xd9\x86 \xd9\x8a\xd8\xa3\xd8\xaa\xd9\x8a \xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x84\xd8\xad\xd8\xa7\xd8\xaf\xd8\xab \xd8\xa8\xd9\x8a\xd9\x86\xd9\x85\xd8\xa7 \xd8\xaa\xd8\xa8\xd8\xb0\xd9\x84 \xd8\xa7\xd9\x84\xd8\xac\xd9\x87\xd9\x88\xd8\xaf \xd9\x84\xd8\xaa\xd8\xae\xd8\xb7\xd9\x8a \xd8\xa7\xd9\x84\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xaf\xd8\xa7\xd8\xae\xd9\x84\xd9\x8a\xd8\xa9".</p> | ||
340 | |||
341 | <p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84 \xd8\xa7\xd8\xad\xd8\xaa\xd9\x88\xd8\xa7\xd8\xa1 \xd9\x85\xd8\xb8\xd8\xa7\xd9\x87\xd8\xb1 \xd8\xa7\xd9\x84\xd8\xaa\xd8\xb7\xd8\xb1\xd9\x81 \xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd9\x85\xd8\xa8\xd8\xb1\xd8\xb1 \xd9\x84\xd9\x87\xd8\xa7 \xd9\x88\xd8\xa7\xd9\x84\xd8\xaa\xd9\x8a \xd9\x84\xd8\xa7 \xd8\xaa\xd9\x81\xd9\x8a\xd8\xaf \xd9\x85\xd8\xb5\xd8\xa7\xd9\x84\xd8\xad \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb9\xd8\xa8 \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xb7\xd9\x88\xd9\x8a\xd9\x84".</p> | ||
342 | |||
343 | <p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 </p> | ||
344 | |||
345 | <p>\xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 \xd9\x88\xd8\xaf\xd8\xb9\xd8\xaa \xd9\x85\xd9\x88\xd8\xb3\xd9\x83\xd9\x88 \xd8\xa7\xd9\x84\xd8\xb3\xd9\x84\xd8\xb7\xd8\xa7\xd8\xaa \xd8\xa7\xd9\x84\xd9\x81\xd9\x84\xd8\xb3\xd8\xb7\xd9\x8a\xd9\x86\xd9\x8a\xd8\xa9 \xd8\xa7\xd9\x84\xd9\x89 "\xd8\xa8\xd8\xb0\xd9\x84 \xd9\x83\xd9\x84 \xd9\x85\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd9\x85\xd9\x86 \xd8\xa7\xd8\xac\xd9\x84</p> | ||
346 | |||
347 | |||
348 | <p>\xd9\x83\xd9\x85\xd8\xa7 \xd8\xa7\xd8\xaf\xd8\xa7\xd9\x86 \xd8\xa7\xd9\x84\xd9\x81\xd8\xa7\xd8\xb1\xd9\x88 \xd8\xaf\xd9\x8a \xd8\xb3\xd9\x88\xd8\xaa\xd9\x88 \xd9\x85\xd8\xa8\xd8\xb9\xd9\x88\xd8\xab \xd8\xa7\xd9\x84\xd8\xa7\xd9\x85\xd9\x85 \xd8\xa7\xd9\x84\xd9\x85\xd8\xaa\xd8\xad\xd8\xaf\xd8\xa9 \xd8\xa7\xd9\x84\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xa7\xd9\x84\xd9\x89 \xd8\xa7\xd9\x84\xd8\xb4\xd8\xb1\xd9\x82 \xd8\xa7\xd9\x84\xd8\xa7\xd9\x88\xd8\xb3\xd8\xb7 \xd8\xa7\xd9\x84\xd8\xb9\xd9\x85\xd9\x84\xd9\x8a\xd8\xa9 \xd9\x88\xd9\x82\xd8\xa7\xd9\x84 "\xd8\xa7\xd9\x86\xd9\x87 \xd9\x83\xd8\xa7\xd9\x86 \xd9\x87\xd8\xac\xd9\x88\xd9\x85\xd8\xa7 \xd8\xb9\xd9\x84\xd9\x89 \xd8\xa7\xd8\xb4\xd8\xae\xd8\xa7\xd8\xb5 \xd8\xb9\xd8\xa7\xd8\xaf\xd9\x8a\xd9\x8a\xd9\x86 \xd9\x83\xd8\xa7\xd9\x86\xd9\x88\xd8\xa7 \xd9\x8a\xd9\x82\xd9\x88\xd9\x85\xd9\x88\xd9\x86 \xd8\xa8\xd9\x86\xd8\xb4\xd8\xa7\xd8\xb7\xd9\x87\xd9\x85 \xd8\xa7\xd9\x84\xd9\x8a\xd9\x88\xd9\x85\xd9\x8a \xd9\x88\xd9\x87\xd8\xb0\xd8\xa7 \xd8\xa7\xd9\x85\xd8\xb1 \xd9\x84\xd8\xa7 \xd9\x8a\xd9\x85\xd9\x83\xd9\x86 \xd8\xaa\xd8\xa8\xd8\xb1\xd9\x8a\xd8\xb1\xd9\x87".</p> | ||
349 | |||
350 | <h4>Farsi / Persian (fa)</h4> | ||
351 | <p>\xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xa7\xd9\x84\xd8\xa8\xd8\xb1\xd8\xa7\xd8\xaf\xd8\xb9\xdb\x8c \xd8\xb1\xd8\xa6\xd9\x8a\xd8\xb3 \xd8\xa2\xda\x98\xd8\xa7\xd9\x86\xd8\xb3 \xd8\xa8\xd9\x8a\xd9\x86 \xd8\xa7\xd9\x84\xd9\x85\xd9\x84\xd9\x84\xdb\x8c \xd8\xa7\xd9\x86\xd8\xb1\xda\x98\xdb\x8c \xd8\xa7\xd8\xaa\xd9\x85\xdb\x8c \xd9\xbe\xd9\x8a\xd8\xb4\xd9\x86\xd9\x87\xd8\xa7\xd8\xaf \xda\xa9\xd8\xb1\xd8\xaf\xd9\x87 \xd8\xa7\xd8\xb3\xd8\xaa \xd8\xaa\xd9\x87\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xa8\xd8\xb1\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xac\xd9\x86\xd8\xac\xd8\xa7\xd9\x84\xdb\x8c \xd8\xba\xd9\x86\xdb\x8c \xd8\xb3\xd8\xa7\xd8\xb2\xdb\x8c \xd8\xa7\xd9\x88\xd8\xb1\xd8\xa7\xd9\x86\xd9\x8a\xd9\x88\xd9\x85 \xd8\xb1\xd8\xa7 \xd9\x85\xd8\xaa\xd9\x88\xd9\x82\xd9\x81 \xda\xa9\xd9\x86\xd8\xaf \xd9\x88 \xd8\xba\xd8\xb1\xd8\xa8 \xd9\x86\xd9\x8a\xd8\xb2 \xd8\xa7\xd8\xac\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xaa\xd8\xad\xd8\xb1\xd9\x8a\xd9\x85 \xd9\x87\xd8\xa7\xdb\x8c \xd8\xaa\xd9\x86\xd8\xa8\xd9\x8a\xd9\x87\xdb\x8c \xd9\x85\xd9\x88\xd8\xb1\xd8\xaf \xd8\xaa\xd8\xa7\xd8\xa6\xd9\x8a\xd8\xaf \xd8\xb3\xd8\xa7\xd8\xb2\xd9\x85\xd8\xa7\xd9\x86 \xd9\x85\xd9\x84\xd9\x84 \xd9\x85\xd8\xaa\xd8\xad\xd8\xaf \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd8\xaa\xd8\xb9\xd9\x88\xd9\x8a\xd9\x82 \xd8\xa8\xd9\x8a\xd8\xa7\xd9\x86\xd8\xaf\xd8\xa7\xd8\xb2\xd8\xaf.</p> | ||
352 | |||
353 | <p>\xd8\xac\xd9\x88\xd8\xb1\xd8\xac \xd8\xa8\xd9\x88\xd8\xb4\xd8\x8c \xd8\xaf\xd8\xb1 \xda\x86\xd9\x87\xd8\xa7\xd8\xb1\xd9\x85\xdb\x8c\xd9\x86 \xd8\xb3\xd8\xa7\xd9\x84\xda\xaf\xd8\xb1\xd8\xaf \xd8\xa7\xd8\xb4\xd8\xba\xd8\xa7\xd9\x84 \xd8\xb9\xd8\xb1\xd8\xa7\xd9\x82 \xd9\x85\xdb\x8c \xda\xaf\xd9\x88\xdb\x8c\xd8\xaf \xd8\xa7\xd8\xb3\xd8\xaa\xd8\xb1\xd8\xa7\xd8\xaa\xda\x98\xdb\x8c \xd8\xa7\xd8\xb3\xd8\xaa\xd9\x82\xd8\xb1\xd8\xa7\xd8\xb1 \xd9\x86\xdb\x8c\xd8\xb1\xd9\x88\xd9\x87\xd8\xa7\xdb\x8c \xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7\xdb\x8c\xdb\x8c \xd8\xa8\xdb\x8c\xd8\xb4\xd8\xaa\xd8\xb1\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xa8\xd8\xba\xd8\xaf\xd8\xa7\xd8\xaf\xd8\x8c \xd9\x85\xd8\xaf\xd8\xaa\xdb\x8c \xd8\xb7\xd9\x88\xd9\x84 \xd8\xae\xd9\x88\xd8\xa7\xd9\x87\xd8\xaf \xda\xa9\xd8\xb4\xdb\x8c\xd8\xaf.</p> | ||
354 | |||
355 | <p>\xd8\xa2\xd9\x85\xd8\xb1\xdb\x8c\xda\xa9\xd8\xa7 \xd9\x88\xdb\x8c\xd8\xb2\xd8\xa7\xdb\x8c \xd8\xb1\xd8\xa6\xdb\x8c\xd8\xb3 \xd8\xac\xd9\x85\xd9\x87\xd9\x88\xd8\xb1 \xd8\xa7\xdb\x8c\xd8\xb1\xd8\xa7\xd9\x86 \xd8\xb1\xd8\xa7 \xd8\xa8\xd9\x87 \xd9\x85\xd9\x86\xd8\xb8\xd9\x88\xd8\xb1 \xd8\xad\xd8\xb6\xd9\x88\xd8\xb1 \xd9\x88\xdb\x8c \xd8\xaf\xd8\xb1 \xd8\xac\xd9\x84\xd8\xb3\xd9\x87 \xd8\xb1\xd8\xa7\xdb\x8c \xda\xaf\xdb\x8c\xd8\xb1\xdb\x8c \xd8\xb4\xd9\x88\xd8\xb1\xd8\xa7\xdb\x8c \xd8\xa7\xd9\x85\xd9\x86\xdb\x8c\xd8\xaa \xd8\xa8\xd8\xb1\xd8\xa7\xdb\x8c \xd9\x82\xd8\xb7\xd8\xb9\xd9\x86\xd8\xa7\xd9\x85\xd9\x87 \xd8\xaa\xd8\xa7\xd8\xb2\xd9\x87 \xd8\xb9\xd9\x84\xdb\x8c\xd9\x87 \xd8\xa7\xdb\x8c\xd9\x86 \xda\xa9\xd8\xb4\xd9\x88\xd8\xb1 \xd8\xb5\xd8\xa7\xd8\xaf\xd8\xb1 \xda\xa9\xd8\xb1\xd8\xaf.</p> | ||
356 | |||
357 | |||
358 | <h4>Urdu</h4> | ||
359 | <p style=\"font-family: 'XB Zar';\">\xd8\xac\xd8\xb3\xd9\xb9\xd8\xb3 \xd8\xa7\xd9\x81\xd8\xaa\xd8\xae\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x8c \xd8\xac\xd8\xa8\xd8\xb1\xdb\x8c \xd8\xb1\xd8\xae\xd8\xb5\xd8\xaa \xd9\xbe\xd8\xb1 \xd9\x84\xd8\xa7\xdb\x81\xd9\x88\xd8\xb1\xdb\x81\xd8\xa7\xd8\xa6\xdb\x8c \xda\xa9\xd9\x88\xd8\xb1\xd9\xb9 \xda\xa9\xdb\x92 \xd8\xa7\xdb\x8c\xda\xa9 \xd8\xa7\xd9\x88\xd8\xb1 \xd8\xb3\xd9\x86\xd8\xaf\xda\xbe \xd9\x85\xdb\x8c\xda\xba \xda\xa9\xd8\xa6\xdb\x8c \xd8\xb3\xd9\x88\xd9\x84 \xd8\xac\xd8\xac \xd9\x85\xd8\xb3\xd8\xaa\xd8\xb9\xd9\x81\xdb\x8c \xdb\x81\xd9\x88\xda\xaf\xd8\xa6\xdb\x92 \xdb\x81\xdb\x8c\xda\xba\xdb\x94</p> | ||
360 | |||
361 | |||
362 | <h4>Pashto (ps)</h4> | ||
363 | <p style=\"font-family: 'XB Zar';\">\xd9\xbe\xd9\x87 \xda\xa9\xd8\xa7\xd8\xa8\xd9\x84 \xd8\xa7\xd9\x88 \xda\xa9\xd9\x86\xd8\xaf\xd9\x87\xd8\xa7\xd8\xb1 \xda\xa9\xdb\x90 \xd8\xaf\xd9\x88\xd9\x88 \xda\x81\xd8\xa7\xd9\x86\xd9\x85\xd8\xb1\xda\xaf\xd9\x88 \xd8\xa8\xd8\xb1\xd9\x8a\xd8\xaf\xd9\x88\xd9\x86\xd9\x88 \xd9\x84\xda\x96 \xd8\xaa\xd8\xb1 \xd9\x84\xda\x96\xd9\x87 \xd9\x8a\xd9\x88 \xd9\x85\xd8\xa7\xd8\xb4\xd9\x88\xd9\x85 \xd9\x88\xda\x98\xd9\x84\xd9\x89 \xd8\xa7\xd9\x88 \xd8\xa7\xd8\xaa\xd9\x87 \xd8\xaa\xd9\x86\xd9\x87 \xd9\x86\xd9\x88\xd8\xb1 \xd9\x89\xdb\x90 \xd9\xbc\xd9\xbe\xd9\x8a\xd8\xa7\xd9\x86 \xda\xa9\xda\x93\xd9\x8a.</p> | ||
364 | |||
365 | "; | ||
366 | //============================================================== | ||
367 | //============================================================== | ||
368 | //============================================================== | ||
369 | include("../mpdf.php"); | ||
370 | |||
371 | $mpdf=new mPDF(); | ||
372 | |||
373 | $mpdf->WriteHTML($html); | ||
374 | |||
375 | $mpdf->Output(); | ||
376 | |||
377 | exit; | ||
378 | |||
379 | //============================================================== | ||
380 | //============================================================== | ||
381 | //============================================================== | ||
382 | |||
383 | |||
384 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example32_indic.php b/inc/3rdparty/libraries/mpdf/examples/example32_indic.php new file mode 100644 index 00000000..9bfdee78 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example32_indic.php | |||
@@ -0,0 +1,219 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = " | ||
5 | <style> | ||
6 | body, p { font-size: 15pt;} | ||
7 | h3 { font-size: 15pt; margin-bottom:0; } | ||
8 | </style> | ||
9 | |||
10 | <h1> Indic Fonts and Languages</h1> | ||
11 | |||
12 | <h3 style=\"font-family: sans;\"> | ||
13 | Malayalam | ||
14 | </h3> | ||
15 | <p style=\"font-family:ind_ml_1_001\">സംസ്ഥാനത്ത് രാഷ്ട്രീയ പുകമറ സൃഷ്ടിക്കാനാണ് വോട്ടര്‍പട്ടിക വിവാദത്തിലൂടെ കോണ്‍ഗ്രസ് ശ്രമിക്കുന്നതെന്ന് സിപി‌എം സംസ്ഥാന സെക്രട്ടറി പിണറായി വിജയന്‍ കുറ്റപ്പെടുത്തി. ഉദ്യോഗസ്ഥരെ ഭീഷണിപ്പെടുത്തി വരുതിയില്‍ നിര്‍ത്താനാണ് വയലാര്‍ രവി ഉള്‍പ്പെടെയുള്ളവര്‍ ശ്രമിക്കുന്നതെന്നും പിണറാ‍യി പ്രസ്താവനയില്‍ ആരോപിച്ചു. | ||
16 | <br /> | ||
17 | |||
18 | വയലാര്‍ രവിക്കെതിരെ ഇതിന് നടപടി സ്വീകരിക്കണമെന്നും പിണറായി ആവശ്യപ്പെട്ടു. അക്രമപ്രവര്‍ത്തനങ്ങളെ പ്രോത്സാഹിപ്പിക്കുന്നതാണ് രവിയുടെ വാക്കുകള്‍. അധികാരത്തിന്‍റെ മത്ത് തലയ്ക്ക് പിടിച്ചിരിക്കുന്നത് കൊണ്ടാണ് കോണ്‍ഗ്രസുകാര്‍ ഇങ്ങനെ പെരുമാറുന്നതെന്നും പിണറായി ചൂണ്ടിക്കാട്ടി. | ||
19 | <br /> | ||
20 | |||
21 | സ്വതന്ത്രമായി നടക്കുന്ന കണ്ണൂരിലെ തെരഞ്ഞെടുപ്പിനെ അട്ടിമറിക്കാനാണ് യു‌ഡി‌എഫ് ശ്രമിക്കുന്നതെന്നും പിണറായി ആരോപിച്ചു. | ||
22 | <br /> | ||
23 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
24 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
25 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
26 | <br /> | ||
27 | ൦൧൨൩൪൫൬൭൮൯ | ||
28 | </p> | ||
29 | |||
30 | <h3 style=\"font-family:sans\">Kannada</h3> | ||
31 | <p style=\"font-family:ind_kn_1_001\"> | ||
32 | ತಮ್ಮದೇ ಕುಟುಂಬದ ಯುವತಿಯೊಬ್ಬಳನ್ನು ಸತತ ಹಲವಾರು ವರ್ಷ ಭೋಗಿಸಿದ ಭಾರತೀಯ ಮೂಲದ ಮೂವರು ದುರುಳ ಸಂಬಂಧಿಕರು ಅಪರಾಧಿಗಳೆಂದು ಸಾಬೀತಾಗಿದ್ದು, ಇಂಗ್ಲೆಂಡ್ ನ್ಯಾಯಾಲಯವು ದೀರ್ಘಾವಧಿ ಕಠಿಣ ಶಿಕ್ಷೆ ವಿಧಿಸಿದೆ. | ||
33 | <br /> | ||
34 | |||
35 | 27ರ ಹರೆಯದ ಯುವತಿಯನ್ನು ಆಕೆಯ ಮಲತಂದೆ, ಮಲದೊಡ್ಡಪ್ಪ ಮತ್ತು ಭಾವ ಅತ್ಯಾಚಾರ ನಡೆಸಿದ್ದು ಕಾರ್ಡಿಫ್ ಕ್ರೌನ್ ನ್ಯಾಯಾಲಯದಲ್ಲಿ ರುಜುವಾತಾದ ಕಾರಣ ಶಿಕ್ಷೆ ಘೋಷಿಸಲಾಗಿದೆ. ಅಪರಾಧಿಗಳಲ್ಲಿ ಮಲತಂದೆ ಮತ್ತು ಮಲದೊಡ್ಡಪ್ಪ ಅಕ್ರಮ ವಲಸಿಗರಾಗಿದ್ದು, ಶಿಕ್ಷೆಯ ಅವಧಿ ಮುಗಿದ ನಂತರ ಅವರನ್ನು ಭಾರತಕ್ಕೆ ಗಡಿಪಾರು ಮಾಡಲಾಗುತ್ತದೆ. | ||
36 | <br /> | ||
37 | |||
38 | 55ರ ಹರೆಯದ ಮಲದೊಡ್ಡಪ್ಪ ಮತ್ತು 50ರ ಹರೆಯದ ಮಲತಂದೆಗೆ ಕ್ರಮವಾಗಿ 20 ಮತ್ತು 15 ವರ್ಷಗಳ ಕಾಲ ಜೈಲು ಶಿಕ್ಷೆ ವಿಧಿಸಲಾಗಿದೆ. 27ರ ಹರೆಯದ ಆಕೆಯ ಭಾವನಿಗೆ 12 ವರ್ಷಗಳ ದಂಡನೆ ನೀಡಲಾಗಿದೆ. | ||
39 | <br /> | ||
40 | |||
41 | ಬಾಲಕಿಯನ್ನೇ ಅತ್ಯಾಚಾರ ಮಾಡಿದ್ದರು.. | ||
42 | ಯುವತಿಗೆ 14 ವರ್ಷವಿದ್ದಾಗ ಆಕೆಯ ಗರ್ಭಕ್ಕೆ ತಾನೇ ಕಾರಣವಾಗಿರುವುದನ್ನೂ ಮಲ ದೊಡ್ಡಪ್ಪ ವಿಚಾರಣೆ ಅವಧಿಯಲ್ಲಿ ಒಪ್ಪಿಕೊಂಡಿದ್ದಾನೆ. ಆತ ಏಳು ಬಾರಿ ಆಕೆಯನ್ನು ಅತ್ಯಾಚಾರ ಮಾಡಿದ್ದು, ಮೂರು ಬಾರಿ ಮಗುವಾಗಿದ್ದಾಗ ಅನುಚಿತ ವರ್ತನೆ ತೋರಿಸಿದ್ದ. ಅಲ್ಲದೆ ಹಲ್ಲೆ ಕೂಡ ನಡೆಸಿದ್ದ ಎಂದು ನ್ಯಾಯಾಲಯ ವಿವರಣೆ ನೀಡಿದೆ. | ||
43 | <br /> | ||
44 | |||
45 | ಯುವತಿಗೆ ಆಕೆ ಬಾಲಕಿಯಾಗಿದ್ದಾಗಲೇ ಇವರು ಲೈಂಗಿಕ ಹಿಂಸೆ ನೀಡಲು ಆರಂಭಿಸಿದ್ದನ್ನು ನ್ಯಾಯಾಲಯ ಹೊರಗೆಳೆದಿತ್ತು. ಆಕೆ ಐದರ ಹರೆಯದ ಬಾಲಕಿಯಾಗಿದ್ದಾಗ ಮಲದೊಡ್ಡಪ್ಪ ಅತ್ಯಾಚಾರ ಮಾಡಿದ್ದ. 14ನೇ ವರ್ಷದಲ್ಲಿ ಆಕೆ ಗರ್ಭಿಣಿಯಾಗಿದ್ದಳು. ಆ ಸಂದರ್ಭದಲ್ಲಿ ಆಕೆಯನ್ನು ಕೂಡಿ ಹಾಕಿದ್ದ ಕಾರಣ ಮನೆಗೆ ಭೇಟಿ ನೀಡುವವರಿಗೆ ಯಾವುದೇ ವಿಚಾರಗಳು ತಿಳಿಯುತ್ತಿರಲಿಲ್ಲ. | ||
46 | <br /> | ||
47 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
48 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
49 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
50 | <br /> | ||
51 | ೦೧೨೩೪೫೬೭೮೯ | ||
52 | </p> | ||
53 | |||
54 | <h3 style=\"font-family:ind_te_1_001\">Telegu</h3> | ||
55 | <p style=\"font-family:ind_te_1_001\">ఆగ్నేయ ఇరాన్‌లో ఆదివారం నాడు ఓ ఆత్మాహుతి దాడి జరగడంతో ఇరవై మంది మృతి చెందారు. | ||
56 | <br /> | ||
57 | |||
58 | ఆగ్నేయ ఇరాన్‌లో ఆత్మాహుతి దాడి జరగడంతో ఐదుగురు ఎలిట్ రెవల్యూషనరీ గార్డ్‌లతో సహా ప్రముఖ కమాండర్‌లతోసహా మొత్తం ఇరవై మంది మృతి చెందినట్లు ఇరాన్ లోక్‌సభ స్పీకర్ అలీ లారిజానీ తెలిపారు. | ||
59 | <br /> | ||
60 | |||
61 | ఆదివారం జరిగిన దాడుల్లో భద్రతాదళాలకు చెందిన కమాండర్ జనరల్ నూర్ అలీ శుశాత్రీ, మరో కమాండర్ రజబ్ అలీ మొహమ్మద్‌ జాదేహ్ తదితరులున్నారని, వీరితోపాటు పలువురు తీవ్రగాయాలపాలైనారని ఆయన చెప్పారు. | ||
62 | <br /> | ||
63 | |||
64 | మృతి చెందిన కమాండర్లు పాకిస్థాన్‌ సరిహద్దుల్లోనున్న పిశిన్ ప్రాంతంలో ఓ సమావేశంలో పాల్గొనేందుకు కారులో బయలు దేరి వెళ్ళారని, ఆ సమయంలో ఆత్మాహుతి దళానికి చెందిన సభ్యుడు తనను తాను పేల్చేసుకోవడంతో ఈ దుర్ఘటన జరిగిందని ఆయన వివరించారు. | ||
65 | <br /> | ||
66 | |||
67 | ఇదిలావుండగా ఇప్పటివరకు ఈ దాడులకు బాధ్యత వహిస్తూ ఏ సంస్థ ప్రకటించలేదు. కాని ఈ దుర్ఘటన వెనుక సున్నీ ఉగ్రవాద సంస్థ జుందల్లా హస్తం ఉండొచ్చని, ఈ సంస్థ ఆగ్నేయ ఇరాన్‌లో రెవల్యూషనరీ గార్డ్, షియాలపై దాడులు చేసేందుకు పూనుకునుంటుందని భద్రతా దళాలు అనుమానం వ్యక్తం చేసాయి. | ||
68 | <br /> | ||
69 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
70 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
71 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
72 | <br /> | ||
73 | ౦౧౨౩౪౫౬౭౮౯ | ||
74 | </p> | ||
75 | |||
76 | |||
77 | |||
78 | <h3 style=\"font-family:ind_ta_1_001\">Tamil (ta)</h3> | ||
79 | <p lang=\"ta\">\xe0\xae\x87\xe0\xae\xb0\xe0\xae\xbe\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xaf \xe0\xae\xae\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d \xe0\xae\x85\xe0\xae\xb5\xe0\xae\xa8\xe0\xae\xae\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xaf\x88\xe0\xae\xaf\xe0\xaf\x81\xe0\xae\x9f\xe0\xae\xa9\xe0\xaf\x8d \xe0\xae\x87\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xa4\xe0\xae\xbe\xe0\xae\x95\xe0\xae\xb5\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d, \xe0\xae\xb7\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbe \xe0\xae\xae\xe0\xae\xb1\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\x9a\xe0\xaf\x81\xe0\xae\xa9\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d \xe0\xae\xae\xe0\xaf\x81\xe0\xae\xb0\xe0\xae\xa3\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\x9f \xe0\xae\x95\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x81\xe0\xae\x9f\xe0\xae\xa9\xe0\xaf\x8d \xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xb5\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\x9f \xe0\xae\xa8\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x88\xe0\xae\xaf\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d \xe0\xae\x87\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xa4\xe0\xae\xbe\xe0\xae\x95\xe0\xae\xb5\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\x95\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d \xe0\xae\x95\xe0\xae\xa3\xe0\xae\xbf\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xaf\x81 \xe0\xae\x92\xe0\xae\xa9\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81 \xe0\xae\x95\xe0\xaf\x82\xe0\xae\xb1\xe0\xaf\x81\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xb1\xe0\xae\xa4\xe0\xaf\x81.</p> | ||
80 | |||
81 | <p style=\"font-family:ind_ta_1_001\">\xe0\xae\x87\xe0\xae\xb2\xe0\xae\x99\xe0\xaf\x8d\xe0\xae\x95\xe0\xaf\x88 \xe0\xae\xb5\xe0\xaf\x86\xe0\xae\xb3\xe0\xae\xbf\xe0\xae\xaf\xe0\xaf\x81\xe0\xae\xb1\xe0\xae\xb5\xe0\xaf\x81 \xe0\xae\x85\xe0\xae\xae\xe0\xaf\x88\xe0\xae\x9a\xe0\xaf\x8d\xe0\xae\x9a\xe0\xae\xb0\xe0\xaf\x8d \xe0\xae\xb0\xe0\xaf\x8b\xe0\xae\xb9\xe0\xae\xbf\xe0\xae\xa4 \xe0\xae\xaa\xe0\xaf\x8b\xe0\xae\x95\xe0\xaf\x8a\xe0\xae\xb2\xe0\xaf\x8d\xe0\xae\xb2\xe0\xae\xbe\xe0\xae\x95\xe0\xae\xae \xe0\xae\x85\xe0\xae\xb5\xe0\xae\xb0\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d, \xe0\xae\x87\xe0\xae\xa9\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81 \xe0\xae\xaa\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\x9f\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d\xe0\xae\xb2\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d \xe0\xae\x87\xe0\xae\xa8\xe0\xaf\x8d\xe0\xae\xa4\xe0\xae\xbf\xe0\xae\xaf \xe0\xae\xb5\xe0\xaf\x86\xe0\xae\xb3\xe0\xae\xbf\xe0\xae\xaf\xe0\xaf\x81\xe0\xae\xb1\xe0\xae\xb5\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xb1\xe0\xaf\x88 \xe0\xae\x85\xe0\xae\xae\xe0\xaf\x88\xe0\xae\x9a\xe0\xaf\x8d\xe0\xae\x9a\xe0\xae\xb0\xe0\xaf\x8d \xe0\xae\xaa\xe0\xae\xbf\xe0\xae\xb0\xe0\xae\xa3\xe0\xae\xbe\xe0\xae\xaa\xe0\xaf\x8d \xe0\xae\xae\xe0\xaf\x81\xe0\xae\x95\xe0\xae\xb0\xe0\xaf\x8d\xe0\xae\x9c\xe0\xae\xbf \xe0\xae\x89\xe0\xae\xb3\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f \xe0\xae\xae\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xa4\xe0\xaf\x8d \xe0\xae\xa4\xe0\xae\xb2\xe0\xaf\x88\xe0\xae\xb5\xe0\xae\xb0\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x88\xe0\xae\x9a\xe0\xaf\x8d \xe0\xae\x9a\xe0\xae\xa8\xe0\xaf\x8d\xe0\xae\xa4\xe0\xae\xbf\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d \xe0\xae\xaa\xe0\xaf\x87\xe0\xae\x9a\xe0\xaf\x8d\xe0\xae\x9a\xe0\xaf\x81 \xe0\xae\xa8\xe0\xae\x9f\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xae\xbf\xe0\xae\xaf\xe0\xaf\x81\xe0\xae\xb3\xe0\xaf\x8d\xe0\xae\xb3\xe0\xae\xbe\xe0\xae\xb0\xe0\xaf\x8d.</p> | ||
82 | |||
83 | <p style=\"font-family:ind_ta_1_001\">\xe0\xae\x87\xe0\xae\xb0\xe0\xae\xbe\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d \xe0\xae\x85\xe0\xae\xae\xe0\xaf\x86\xe0\xae\xb0\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95 \xe0\xae\xae\xe0\xae\xb1\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\xaa\xe0\xae\xbf\xe0\xae\xb0\xe0\xae\xbf\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\x9f\xe0\xae\xbf\xe0\xae\xb7\xe0\xaf\x8d \xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xaa\xe0\xaf\x8d\xe0\xae\xaa\xe0\xaf\x81\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x88\xe0\xae\x95\xe0\xaf\x8d \xe0\xae\x95\xe0\xaf\x8a\xe0\xae\xa9\xe0\xaf\x8d\xe0\xae\xb1 \xe0\xae\xb5\xe0\xaf\x86\xe0\xae\x9f\xe0\xae\xbf\xe0\xae\xae\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xa8\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d \xe0\xae\xa4\xe0\xaf\x8a\xe0\xae\xb4\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d \xe0\xae\xa8\xe0\xaf\x81\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\xae\xe0\xaf\x8d \xe0\xae\x89\xe0\xae\x9f\xe0\xaf\x8d\xe0\xae\xaa\xe0\xae\x9f \xe0\xae\xaa\xe0\xae\xb2\xe0\xaf\x8d\xe0\xae\xb5\xe0\xaf\x87\xe0\xae\xb1\xe0\xaf\x81 \xe0\xae\x89\xe0\xae\xa4\xe0\xae\xb5\xe0\xae\xbf\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x88 \xe0\xae\x87\xe0\xae\xb0\xe0\xae\xbe\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xb2\xe0\xaf\x8d \xe0\xae\x89\xe0\xae\xb3\xe0\xaf\x8d\xe0\xae\xb3 \xe0\xae\xa4\xe0\xaf\x80\xe0\xae\xb5\xe0\xae\xbf\xe0\xae\xb0\xe0\xae\xb5\xe0\xae\xbe\xe0\xae\xa4\xe0\xae\xbf\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xaf\x81 \xe0\xae\x87\xe0\xae\xb0\xe0\xae\xbe\xe0\xae\xa9\xe0\xaf\x8d \xe0\xae\xb5\xe0\xae\xb4\xe0\xae\x99\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xa4\xe0\xae\xb1\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbe\xe0\xae\xa9 \xe0\xae\x86\xe0\xae\xa4\xe0\xae\xbe\xe0\xae\xb0\xe0\xae\x99\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb3\xe0\xaf\x8d \xe0\xae\x85\xe0\xae\xa4\xe0\xae\xbf\xe0\xae\x95\xe0\xae\xb0\xe0\xae\xbf\xe0\xae\xa4\xe0\xaf\x8d\xe0\xae\xa4\xe0\xaf\x81 \xe0\xae\xb5\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\xb5\xe0\xae\xa4\xe0\xaf\x88 \xe0\xae\x85\xe0\xae\xae\xe0\xaf\x86\xe0\xae\xb0\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbe \xe0\xae\x95\xe0\xae\xb5\xe0\xae\xa9\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xb1\xe0\xae\xa4\xe0\xaf\x81 \xe0\xae\x8e\xe0\xae\xa9\xe0\xaf\x8d\xe0\xae\xb1\xe0\xaf\x81 \xe0\xae\x85\xe0\xae\xae\xe0\xaf\x86\xe0\xae\xb0\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95 \xe0\xae\x85\xe0\xae\xb0\xe0\xae\x9a\xe0\xaf\x81\xe0\xae\xa4\xe0\xaf\x8d \xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xb1\xe0\xaf\x88\xe0\xae\xa4\xe0\xaf\x8d \xe0\xae\xa4\xe0\xaf\x81\xe0\xae\xa3\xe0\xaf\x88\xe0\xae\x9a\xe0\xaf\x8d \xe0\xae\x9a\xe0\xaf\x86\xe0\xae\xaf\xe0\xae\xb2\xe0\xae\xb0\xe0\xaf\x8d \xe0\xae\xa8\xe0\xae\xbf\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xb2\xe0\xae\xb8\xe0\xaf\x8d \xe0\xae\xaa\xe0\xaf\x87\xe0\xae\xb0\xe0\xaf\x8d\xe0\xae\xa3\xe0\xaf\x8d\xe0\xae\xb8\xe0\xaf\x8d \xe0\xae\x95\xe0\xaf\x82\xe0\xae\xb1\xe0\xae\xbf\xe0\xae\xaf\xe0\xae\xbf\xe0\xae\xb0\xe0\xaf\x81\xe0\xae\x95\xe0\xaf\x8d\xe0\xae\x95\xe0\xae\xbf\xe0\xae\xb1\xe0\xae\xbe\xe0\xae\xb0\xe0\xaf\x8d. | ||
84 | <br /> | ||
85 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
86 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
87 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
88 | <br /> | ||
89 | ௦௧௨௩௪௫௬௭௮௯ | ||
90 | </p> | ||
91 | |||
92 | |||
93 | <h3 style=\"font-family:ind_or_1_001\">Oriya</h3> | ||
94 | <p style=\"font-family:ind_or_1_001\">ଓଡ଼ିଆ ଉଇକିପେଡିଆ ଆପଣଙ୍କୁ ସ୍ବାଗତ କରୁଛି। ଏହି ଉନ୍ମୁକ୍ତ ଜ୍ଞାନକୋଷଟି ଇଣ୍ଟରନେଟ ଉପରେ ଆଧାରିତ ଏବଂ ଏହା ବିଶ୍ବର ୫୦ଟି ଭାଷାରେ ଉପଲବ୍ଧ । ଏହାକୁ ଆପଣ ମଧ୍ୟ ବର୍ଦ୍ଧିତ ଓ ପରିବର୍ତିତ କରିପାରିବେ ଏବଂ ଏହାକୁ ଉନ୍ନତ କରିବା ପାଇଁ ନିଜର ଅବଦାନ ଦେଇ ପାରିବେ । ଆପଣଙ୍କ ପସନ୍ଦର ବିଷୟ ଗୁଡିକୁ ଆପଣ ନୂତନ ଭାବେରେ ଯୋଗ କରିପାରିବେ କିମ୍ବା ଏହି ପୃଷ୍ଠାକୁ ସମ୍ପାଦନ କରି ଏହା ସହିତ ଯୋଗ କରିପାରିବ । ସମସ୍ତ ପାଠ ଗୁଡିକ GNU ମୁକ୍ତ ଦଲିଲକରଣ ଲାଇସେନ୍ସର ସର୍ତ୍ତ ଅଧୀନରେ ଉପଲବ୍ଧ । ତଥାପି, ଆପଣ ଏହାକୁ ମୁକ୍ତ ଭାବେର ଇଲେକ୍ଟ୍ରୋନିକ୍ସ ପ୍ରିଣ୍ଟ୍ କିମ୍ବା ଅନ୍ୟାନ୍ୟ ପ୍ରିଣ୍ଟର ମାଧ୍ୟମରେ ବ୍ୟବହାର କରିପାରିବ । | ||
95 | <br /> | ||
96 | |||
97 | ଓଡ଼ିଆ ଉଇକିପେଡିଆରେ ଏ ପର୍ଯ୍ୟନ୍ତ ୫୫୩ଟି ପ୍ରସଙ୍ଗ ଯୋଗ କରାଯାଇଛି। | ||
98 | <br /> | ||
99 | |||
100 | ଉଇକିପେଡିଆର ଓଡ଼ିଆ ସଂସ୍କରଣର କାର୍ଯ୍ୟ ପ୍ରଥମ ଥର ପାଇଁ ୨୦୦୪ ମସିହାରେ ପ୍ରାରମ୍ଭ ହୋଇଥିଲା ଏହା ଏବେ ମଧ୍ୟ ନିର୍ମାଣଧୀନ । ଆମେ ଏହା ଆଶା କରୁଛୁ ଯେ ବ୍ୟବାହାରକାରୀ ମାନେ ଏହାକୁ ସମୃଦ୍ଧ କରିପାରିବେ । ଓଡ଼ିଆ ଉଇକିପେଡିଆରେ ଆପଣ କିଛି ଯୋଗ କିମ୍ବା ସମ୍ପାଦନା କରିବା ପାଇଁ ଚାହିଁଲେ, ସର୍ବ ପ୍ରଥମେ ଆପଣଙ୍କ ନିକଟରେ ଗୋଟିଏ ୟୁନିକୋଡ୍ ଭିତ୍ତିକ ଓଡ଼ିଆ ଅନ୍ତରା ପୃଷ୍ଠ ଥିବା ଉଚିତ୍ । ଏହା ମୁକ୍ତ ସଙ୍କେତ ହୋଇଥିବାରୁ ଏହାକୁ ଆପଣ ଇଣ୍ଟରନେଟରୁ ମାଗଣାରେ ପାଇପାରିବେ । ଆପଣ ଇଂରାଜୀ ଉଇକିପେଡିଆକୁ ଅନୁବାଦ କରି କିମ୍ବା ନିକଟ ଅତୀତରେ ହୋଇଥିବା ଗୁରୁତ୍ଵପୂର୍ଣ୍ଣ ଘଟଣା ମାନଙ୍କୁ ଯୋଗ କରି, ଓଡ଼ିଆ ୱିକିପେଡିଆକୁ ସମୃଦ୍ଧ କରିପାରିବ । କୌଣସି ନୂତନ ପାଠ୍ୟ ଯୋଗ କରିବା ପୂର୍ବରୁ ଆପଣଙ୍କୁ ଏହା ଧ୍ୟାନ ରଖିବା ପାଇଁ ହେବ ଯେ, ଏହି ପୃଷ୍ଠାରେ ଅନ୍ୟ ବ୍ୟବାହାରକାରୀ ମାନଙ୍କ ପାଇଁ ସମ୍ପାଦନର ସୁଯୋଗ ରହିବା ଉଚିତ । କୌଣସି ବିଷୟବସ୍ତୁର ସ୍ବତଃ ସଂରକ୍ଷଣ ଉଇକିପେଡିଆର ନିୟମକୁ ଅବମାନନା କରିଥାଏ । ବ୍ୟବାହାରକାରୀ ମାନେ କେବଳ ତାଙ୍କର ନିଜ ଲେଖାକୁ ସମ୍ପାଦନ କରିପାରିବେ । ଉଇକିପେଡିଆର ନିୟମ, କର୍ମ ପଦ୍ଧତି ଏବଂ ଅନ୍ୟାନ୍ୟ ସୂଚନା ପାଇଁ Wikipedia:ଆଲୋଚନା ସଭା-- କୁ ଯାଇ ଆଲୋଚନା କରନ୍ତୁ। | ||
101 | <br /> | ||
102 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
103 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
104 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
105 | <br /> | ||
106 | ୦୧୨୩୪୫୬୭୮୯ | ||
107 | </p> | ||
108 | |||
109 | <h3 style=\"font-family:ind_pa_1_001\">Punjabi</h3> | ||
110 | <p style=\"font-family:ind_pa_1_001\">ਕੇਂਦਰੀ ਗ੍ਰਹਿਮੰਤਰੀ ਪੀ.ਚਿਦੰਬਰਮ ਨੇ ਐਤਵਾਰ ਨੂੰ ਤਮਿਲਨਾਢੂ ਦੇ ਮੁੱਖਮੰਤਰੀ ਐਮ.ਕਰੁਣਾਨਿਧੀ ਨਾਲ ਮੁਲਾਕਾਤ ਕੀਤੀ।ਉਨ੍ਹਾ ਨੇ ਸ਼੍ਰੀਲੰਕਾ 'ਚ ਲਿੱਟੇ ਦੇ ਖਿਲਾਫ਼ ਯੁੱਧ ਦੌਰਾਨ ਉੱਝੜੇ ਹੋਏ ਲੱਗਭਗ ਢਾਈ ਲੱਖ ਤਮਿਲਾਂ ਦੀ ਮੁੜ ਰਿਹਾਇਸ਼ 'ਤੇ ਚਰਚਾ ਕੀਤੀ। | ||
111 | <br /> | ||
112 | |||
113 | ਦ੍ਰਮੁਕ ਨੇਤਾ ਦੇ ਨਾਲ ਸੰਖੇਪ ਮੁਲਾਕਾਤ ਬਾਅਦ ਚਿਦੰਬਰਮ ਨੇ ਕਿਹਾ ਹੈ ਕਿ ਕੇਂਦਰ ਤਮਿਲਾਂ ਦੀ ਮੁੜ ਰਿਹਾਇਸ਼ ਲਈ ਜਰੂਰਤ ਪੈਣ 'ਤੇ ਸ਼੍ਰੀਲੰਕਾ ਨੂੰ ਹੋਰ ਜ਼ਿਆਦਾ ਧਨ ਦੇਵੇਗਾ।ਅਸੀਂ ਪਹਿਲਾ ਹੀ 500 ਕਰੋੜ ਰੁੱਪਏ ਦੇ ਚੁੱਕੇ ਹਾਂ। | ||
114 | <br /> | ||
115 | |||
116 | ਚਿਦੰਬਰਮ ਨੇ ਕਿਹਾ ਹੈ ਕਿ ਕਰੁਣਾਨਿਧੀ ਦੇ ਨਾਲ ਉਨ੍ਹਾ ਦੀ ਚਰਚਾ ਪਿੱਛਲੇ ਹਫ਼ਤੇ ਦਸ ਸਾਂਸਦਾਂ ਦੇ ਪ੍ਰਤਿਨਿਧੀਮੰਡਲ ਦੇ ਸ਼੍ਰੀਲੰਕਾ ਦੌਰੇ 'ਤੇ ਕੇਂਦਰਤ ਸੀ,ਜੋ ਜਾਤੀ ਤਮਿਲਾ ਨੂੰ ਮਿਲੀ ਅਤੇ ਉਨ੍ਹਾ ਦੀ ਦਸ਼ਾ ਬਾਰੇ ਜਾਣਿਆ। | ||
117 | <br /> | ||
118 | |||
119 | ਉਨ੍ਹਾ ਨੇ ਕਿਹਾ ਕਿ ਸ਼੍ਰੀਲਕਾ ਦੇ ਤਮਿਲਾਂ ਨੂੰ ਉਨ੍ਹਾ ਦੇ ਮੂਲ ਸਥਾਨਾਂ 'ਤੇ ਬਸਾਉਣ ਦੇ ਤੌਰ ਤਰੀਕਿਆਂ 'ਤੇ ਚਰਚਾ ਹੋਈ ਅਤੇ ਸਾਂਸਦਾ ਦੀ ਟੀਮ ਨੂੰ ਦਿੱਤੇ ਭਰੋਸੇ ਬਾਅਦ ਕੋਲੰਬੋ ਦੁਆਰਾ ਪਿੱਛਲੇ ਹਫ਼ਤੇ ਮੁੜ ਰਿਹਾਇਸ਼ ਪ੍ਰਕ੍ਰਿਆ ਸ਼ੁਰੂ ਕੀਤੇ ਜਾਣ ਬਾਅਦ ਤੋਂ ਲੱਗਭਗ ਪੰਜ ਹਜ਼ਾਰ ਲੋਕਾਂ ਨੂੰ ਉਨ੍ਹਾ ਦੇ ਘਰਾਂ ਨੂੰ ਵਾਪਸ ਭੇਜਿਆ ਜਾ ਚੁੱਕਿਆ ਹੈ।ਚਿਦੰਬਰਮ ਨੇ ਕਿਹਾ ਹੈ ਕਿ ਹਾਲਾਂਕਿ ਪ੍ਰਕ੍ਰਿਆ ਧੀਮੀ ਹੈ,ਲੇਕਿਨ ਗਤੀ ਪਕੜ ਲਵੇਗੀ। | ||
120 | <br /> | ||
121 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
122 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
123 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
124 | <br /> | ||
125 | ੦੧੨੩੪੫੬੭੮੯ | ||
126 | |||
127 | </p> | ||
128 | |||
129 | <h3 style=\"font-family:ind_gu_1_001\">Gujarati (gu)</h3> | ||
130 | <p style=\"font-family:ind_gu_1_001\">Examples at: http://in.gujarati.yahoo.com/</p> | ||
131 | <p style=\"font-family:ind_gu_1_001\">http://gujarati.webdunia.com/entertainment/bollywood/filmreview/0910/17/1091017017_1.htm</p> | ||
132 | <p style=\"font-family:ind_gu_1_001\"> | ||
133 | આ વાત હજાર વાર કહેવામાં આવી છે કે ફિલ્મ બનાવતી વખેત હંમેશા સૌથી વધુ ધ્યાન વાર્તા અને સ્ક્રીનપ્લે પર આપવુ જોઈએ. કારણ કે આ કોઈ પણ ફિલ્મની સફળતાનો મુખ્ય આધાર હોય છે. | ||
134 | <br /> | ||
135 | મોટા ફિલ્મ સ્ટાર્સ સાઈન કરવાથી, સ્ટંટ અને ગીતોથી પાણીની અંદર કે આકાશમાં કરોડો રૂપિયા ખર્ચ કરી ફિલ્માવેલા દ્રશ્યોથી કશુ જ નથી થતુ. પરંતુ આ બુનિયાદી વાત અત્યાર સુધી કોઈ લોકોને સમજાતી નથી. | ||
136 | <br /> | ||
137 | |||
138 | કરોડો રૂપિયાના ખર્ચ પર બનાવેલ 'બ્લૂ' આનુ તાજુ ઉદાહરણ છે. પૈસા એના પર ખર્ચ કરવામાં આવે જ્યા બચાવી શકાતો હતો અને ત્યાં બચાવ્યો જ્યા ખર્ચ કરવો જોઈતો હતો. એક સારી વાર્તા તેની સાથે સંકળાયેલા નિર્માતા-નિર્દેશક ન શોધી શક્યા. | ||
139 | <br /> | ||
140 | |||
141 | વર્ષો પહેલા ખજાનાથી લદાયેલુ એક જહાજ ડૂબી ગયુ હતુ. આરવ (અક્ષય કુમાર)તેને શોધીને શ્રીમંત બનવા માંગે છે. આ કામમાં તેને સાગર (સંજય દત્ત)ની મદદ જોઈએ, જે તેને માતે કામ કરે છે. સાગર એ માટે તૈયાર નથી. બાળપણમાં સાગર અને તેના પિતાએ એ ડૂબેલા જહાજને શોધી લીધુ હતુ, પરંતુ સાગરની ભૂલથી તેના પિતાનુ મૃત્યુ થઈ ગયુ હતુ. સાગર એ આધાતથી બહાર ન આવી શક્યો. સાગરનો એક ભાઈ સૈમ(જાયદ ખાન) છે, જેને રિસ્ક લેવાનો નશો છે. ગેરકાયદેસર કામ દરમિયાન એ ફંસાય જાય છે અને કેટલાક લોકો તેના જીવના દુશ્મન બની જાય છે. તેઓ તેની પાસે પૈસા માંગે છે. પોતાના ભાઈને મુસીબતમાં જોઈએ આરવની વાત સાગર માની લે છે અને તે એ છુપા ખજાનાને શોધવા નીકળે છે. છેવટે એ રહસ્ય બહાર પડે છે કે સૈમને ફસાવવા પાછળ આરવનો જ હાથ હતો, જેથી સાગર ખજાનાની શોધ કાઢવામાં તેની મદદ કરે. | ||
142 | <br /> | ||
143 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
144 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
145 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
146 | <br /> | ||
147 | ૦૧૨૩૪૫૬૭૮૯ | ||
148 | </p> | ||
149 | |||
150 | |||
151 | <h3 style=\"font-family:ind_hi_1_001\">Hindi (hi)</h3> | ||
152 | <p style=\"font-family:ind_hi_1_001\">\xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\x94\xe0\xa4\xb0 \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa5\x80\xe0\xa4\x9a \xe0\xa4\xac\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\xb6 \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa3 \xe0\xa4\xb0\xe0\xa5\x81\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa5\x88\xe0\xa4\x9a \xe0\xa4\xa6\xe0\xa5\x8b\xe0\xa4\xac\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xbe \xe0\xa4\xb6\xe0\xa5\x81\xe0\xa4\xb0\xe0\xa5\x81 \xe0\xa4\xb9\xe0\xa5\x8b \xe0\xa4\x97\xe0\xa4\xaf\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x88. \xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\xa4 \xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xb8\xe0\xa4\xbe\xe0\xa4\xae\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\x95\xe0\xa5\x89\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xa1 414 \xe0\xa4\xb0\xe0\xa4\xa8\xe0\xa5\x8b\xe0\xa4\x82 \xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xb2\xe0\xa4\x95\xe0\xa5\x8d\xe0\xa4\xb7\xe0\xa5\x8d\xe0\xa4\xaf \xe0\xa4\xb0\xe0\xa4\x96\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x88. \xe0\xa4\xac\xe0\xa4\xb0\xe0\xa4\xae\xe0\xa5\x82\xe0\xa4\xa1\xe0\xa4\xbe \xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xa6\xe0\xa5\x8b \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\x95\xe0\xa5\x87\xe0\xa4\x9f \xe0\xa4\x96\xe0\xa5\x8b \xe0\xa4\xa6\xe0\xa4\xbf\xe0\xa4\x8f \xe0\xa4\xb9\xe0\xa5\x88\xe0\xa4\x82.</p> | ||
153 | |||
154 | <p style=\"font-family:ind_hi_1_001\">\xe0\xa4\xaa\xe0\xa4\xbe\xe0\xa4\x95\xe0\xa4\xbf\xe0\xa4\xb8\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\xbe\xe0\xa4\xa8 \xe0\xa4\xae\xe0\xa5\x87\xe0\xa4\x82 \xe0\xa4\xb8\xe0\xa5\x81\xe0\xa4\xaa\xe0\xa5\x8d\xe0\xa4\xb0\xe0\xa5\x80\xe0\xa4\xae \xe0\xa4\x95\xe0\xa5\x8b\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\x9f \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xae\xe0\xa5\x81\xe0\xa4\x96\xe0\xa5\x8d\xe0\xa4\xaf \xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xaf\xe0\xa4\xbe\xe0\xa4\xaf\xe0\xa4\xbe\xe0\xa4\xa7\xe0\xa5\x80\xe0\xa4\xb6 \xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\xb2\xe0\xa4\x82\xe0\xa4\xac\xe0\xa4\xbf\xe0\xa4\xa4 \xe0\xa4\x95\xe0\xa4\xbf\xe0\xa4\x8f \xe0\xa4\x9c\xe0\xa4\xbe\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xb0\xe0\xa5\x8b\xe0\xa4\xa7 \xe0\xa4\xae\xe0\xa5\x87\xe0\xa4\x82 \xe0\xa4\x95\xe0\xa4\x88 \xe0\xa4\x9c\xe0\xa4\x9c\xe0\xa5\x8b\xe0\xa4\x82 \xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\x85\xe0\xa4\xaa\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xaa\xe0\xa4\xa6 \xe0\xa4\xb8\xe0\xa5\x87 \xe0\xa4\x87\xe0\xa4\xb8\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa5\x80\xe0\xa4\xab\xe0\xa4\xbc\xe0\xa4\xbe \xe0\xa4\xa6\xe0\xa5\x87 \xe0\xa4\xa6\xe0\xa4\xbf\xe0\xa4\xaf\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x88.</p> | ||
155 | |||
156 | <p style=\"font-family:ind_hi_1_001\">\xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\x98\xe0\xa5\x8d\xe0\xa4\xaf\xe0\xa4\xbe\xe0\xa4\x9a\xe0\xa4\xb2 \xe0\xa4\xaa\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa4\xa4 \xe0\xa4\xae\xe0\xa4\xa7\xe0\xa5\x8d\xe0\xa4\xaf\xe0\xa4\xb0\xe0\xa4\xbe\xe0\xa4\xa4\xe0\xa5\x8d\xe0\xa4\xb0\xe0\xa4\xbf \xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xa1\xe0\xa4\xbc \xe0\xa4\x85\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa7\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0 \xe0\xa4\xae\xe0\xa5\x87\xe0\xa4\x82 \xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb2 \xe0\xa4\xa6\xe0\xa5\x87\xe0\xa4\xb5 \xe0\xa4\x95\xe0\xa5\x80 \xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\x82\xe0\xa4\xa4\xe0\xa4\xbf \xe0\xa4\x96\xe0\xa4\xa1\xe0\xa4\xbc\xe0\xa4\xbe \xe0\xa4\xa5\xe0\xa4\xbe\xe0\xa5\xa4 \xe0\xa4\x89\xe0\xa4\xb8 \xe0\xa4\xaa\xe0\xa4\xb0 \xe0\xa4\x89\xe0\xa4\x97\xe0\xa5\x87 \xe0\xa4\xb9\xe0\xa5\x81\xe0\xa4\x8f \xe0\xa4\x9b\xe0\xa5\x8b\xe0\xa4\x9f\xe0\xa5\x87-\xe0\xa4\x9b\xe0\xa5\x8b\xe0\xa4\x9f\xe0\xa5\x87 \xe0\xa4\xb5\xe0\xa5\x83\xe0\xa4\x95\xe0\xa5\x8d\xe0\xa4\xb7 \xe0\xa4\x87\xe0\xa4\xb8 \xe0\xa4\xaa\xe0\xa5\x8d\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0 \xe0\xa4\xa6\xe0\xa4\xb7\xe0\xa5\x8d\xe0\xa4\x9f\xe0\xa4\xbf\xe0\xa4\x97\xe0\xa5\x8b\xe0\xa4\x9a\xe0\xa4\xb0 \xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\xa4\xe0\xa5\x87 \xe0\xa4\xa5\xe0\xa5\x87, \xe0\xa4\xae\xe0\xa4\xbe\xe0\xa4\xa8\xe0\xa5\x8b \xe0\xa4\xaf\xe0\xa5\x87 \xe0\xa4\x89\xe0\xa4\xb8\xe0\xa4\x95\xe0\xa5\x80 \xe0\xa4\x9c\xe0\xa4\x9f\xe0\xa4\xbe\xe0\xa4\x8f\xe0\xa4\x82 \xe0\xa4\xb9\xe0\xa5\x88 \xe0\xa4\x94\xe0\xa4\xb0 \xe0\xa4\x85\xe0\xa4\xb7\xe0\xa5\x8d\xe0\xa4\x9f\xe0\xa4\xad\xe0\xa5\x81\xe0\xa4\x9c\xe0\xa4\xbe \xe0\xa4\xa6\xe0\xa5\x87\xe0\xa4\xb5\xe0\xa5\x80 \xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa6\xe0\xa4\xbf\xe0\xa4\xb0 \xe0\xa4\x9c\xe0\xa4\xbf\xe0\xa4\xb8\xe0\xa4\x95\xe0\xa5\x87 \xe0\xa4\x95\xe0\xa4\xb2\xe0\xa4\xb6 \xe0\xa4\xaa\xe0\xa4\xb0 \xe0\xa4\xb6\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa5\x87\xe0\xa4\xa4 \xe0\xa4\xaa\xe0\xa4\xa4\xe0\xa4\xbe\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\x8f\xe0\xa4\x82 \xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\xaf\xe0\xa5\x81 \xe0\xa4\x95\xe0\xa5\x80 \xe0\xa4\xae\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa6-\xe0\xa4\xae\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa6 \xe0\xa4\xa4\xe0\xa4\xb0\xe0\xa4\x82\xe0\xa4\x97\xe0\xa5\x8b\xe0\xa4\x82 \xe0\xa4\xae\xe0\xa5\x87\xe0\xa4\x82 \xe0\xa4\xb2\xe0\xa4\xb9\xe0\xa4\xb0\xe0\xa4\xbe \xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa5\x80 \xe0\xa4\xa5\xe0\xa5\x80\xe0\xa4\x82, \xe0\xa4\x89\xe0\xa4\xb8 \xe0\xa4\xa6\xe0\xa5\x87\xe0\xa4\xb5 \xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa4\xb8\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\x95 \xe0\xa4\xb9\xe0\xa5\x88 \xe0\xa4\xae\xe0\xa4\x82\xe0\xa4\xa6\xe0\xa4\xbf\xe0\xa4\xb0 \xe0\xa4\xae\xe0\xa5\x87\xe0\xa4\x82 \xe0\xa4\x8f\xe0\xa4\x95 \xe0\xa4\x9d\xe0\xa4\xbf\xe0\xa4\xb2\xe0\xa4\xae\xe0\xa4\xbf\xe0\xa4\xb2\xe0\xa4\xbe\xe0\xa4\xa4\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x81\xe0\xa4\x86 \xe0\xa4\xa6\xe0\xa5\x80\xe0\xa4\xaa\xe0\xa4\x95 \xe0\xa4\xa5\xe0\xa4\xbe, \xe0\xa4\x9c\xe0\xa4\xbf\xe0\xa4\xb8\xe0\xa5\x87 \xe0\xa4\xa6\xe0\xa5\x87\xe0\xa4\x96\xe0\xa4\x95\xe0\xa4\xb0 \xe0\xa4\x95\xe0\xa4\xbf\xe0\xa4\xb8\xe0\xa5\x80 \xe0\xa4\xa7\xe0\xa5\x81\xe0\xa4\x82\xe0\xa4\xa7\xe0\xa4\xb2\xe0\xa5\x87 \xe0\xa4\xa4\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa5\x87 \xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa4\xbe\xe0\xa4\xa8 \xe0\xa4\xb9\xe0\xa5\x8b \xe0\xa4\x9c\xe0\xa4\xbe\xe0\xa4\xa4\xe0\xa4\xbe \xe0\xa4\xa5\xe0\xa4\xbe\xe0\xa5\xa4 | ||
157 | <br /> | ||
158 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
159 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
160 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
161 | <br /> | ||
162 | ०१२३४५६७८९ | ||
163 | </p> | ||
164 | |||
165 | <h3 style=\"font-family:ind_hi_1_001\">Nepali (ne) - Devanagari</h3> | ||
166 | <p style=\"font-family:ind_hi_1_001\">\xe0\xa4\x85\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\xae \xe0\xa4\xb8\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x97\xe0\xa4\xa0\xe0\xa4\xa8\xe0\xa4\xae\xe0\xa4\xbe \xe0\xa4\xa2\xe0\xa5\x80\xe0\xa4\xb2\xe0\xa4\xbe\xe0\xa4\x87 \xe0\xa4\xb9\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa5\x81\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xb8\xe0\xa4\xbe\xe0\xa4\xa5\xe0\xa5\x88 \xe0\xa4\x86\xe0\xa4\x89\xe0\xa4\x82\xe0\xa4\xa6\xe0\xa5\x8b \xe0\xa4\x9c\xe0\xa5\x87\xe0\xa4\xa0 \xe0\xa4\xae\xe0\xa4\xb9\xe0\xa4\xbf\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xad\xe0\xa4\xbf\xe0\xa4\xa4\xe0\xa5\x8d\xe0\xa4\xb0 \xe0\xa4\xb8\xe0\xa4\x82\xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xa7\xe0\xa4\xbe\xe0\xa4\xa8\xe0\xa4\xb8\xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x9a\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xb5 \xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\x95\xe0\xa4\xbf \xe0\xa4\xa8\xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\xad\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xac\xe0\xa4\xb9\xe0\xa4\xb8 \xe0\xa4\x9a\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\x95\xe0\xa5\x80\xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa5\x87\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\xb2\xe0\xa4\xbe \xe0\xa4\x9a\xe0\xa5\x81\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\xb5\xe0\xa4\x95\xe0\xa5\x88 \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xb7\xe0\xa4\xaf\xe0\xa4\xae\xe0\xa4\xbe \xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\x9a\xe0\xa4\xa8 \xe0\xa4\x86\xe0\xa4\xaf\xe0\xa5\x8b\xe0\xa4\x97 \xe0\xa4\xb0 \xe0\xa4\x86\xe0\xa4\xa0 \xe0\xa4\xa6\xe0\xa4\xb2\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\x97\xe0\xa5\x8d\xe0\xa4\xb2\xe0\xa4\xbe, \xe0\xa4\xac\xe0\xa5\x87\xe0\xa4\x97\xe0\xa5\x8d\xe0\xa4\xb2\xe0\xa5\x88 \xe0\xa4\xad\xe0\xa4\xa8\xe0\xa4\xbe\xe0\xa4\x87 \xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa5\x87\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xa6\xe0\xa5\x87\xe0\xa4\x96\xe0\xa4\xbf\xe0\xa4\x8f\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x9b\xe0\xa5\xa4</p> | ||
167 | |||
168 | <p style=\"font-family:ind_hi_1_001\">\xe0\xa4\xb8\xe0\xa4\x82\xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xa7\xe0\xa4\xbe\xe0\xa4\xa8 \xe0\xa4\xb8\xe0\xa4\xad\xe0\xa4\xbe\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\x9a\xe0\xa4\xa8\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xb2\xe0\xa4\xbe\xe0\xa4\x97\xe0\xa4\xbf \xe0\xa4\xa8\xe0\xa5\x87\xe0\xa4\x95\xe0\xa4\xaa\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa4\xbe\xe0\xa4\x93\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\xa6\xe0\xa5\x80\xe0\xa4\xb2\xe0\xa4\xbe\xe0\xa4\x88 \xe0\xa4\xb8\xe0\xa4\xae\xe0\xa5\x87\xe0\xa4\x9f\xe0\xa5\x87\xe0\xa4\xb0 \xe0\xa4\x85\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\xb0\xe0\xa4\xbf\xe0\xa4\xae \xe0\xa4\xb8\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0 \xe0\xa4\x97\xe0\xa4\xa0\xe0\xa4\xa8\xe0\xa4\x97\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xa8\xe0\xa5\x87 \xe0\xa4\xa4\xe0\xa4\xaf\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa5\x80 \xe0\xa4\xad\xe0\xa5\x88\xe0\xa4\xb0\xe0\xa4\xb9\xe0\xa4\x81\xe0\xa4\xa6\xe0\xa4\xbe \xe0\xa4\xae\xe0\xa4\xbe\xe0\xa4\x93\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\xa6\xe0\xa5\x80 \xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xaf\xe0\xa4\x95\xe0\xa4\xb0\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\xbe\xe0\xa4\xb9\xe0\xa4\xb0\xe0\xa5\x82\xe0\xa4\xb2\xe0\xa5\x87 \xe0\xa4\x8f\xe0\xa4\x95\xe0\xa4\x9c\xe0\xa4\xa8\xe0\xa4\xbe \xe0\xa4\xb9\xe0\xa5\x8b\xe0\xa4\x9f\xe0\xa4\xb2 \xe0\xa4\xae\xe0\xa4\xbe\xe0\xa4\xb2\xe0\xa4\xbf\xe0\xa4\x95\xe0\xa4\xae\xe0\xa4\xbe\xe0\xa4\xa5\xe0\xa4\xbf \xe0\xa4\x97\xe0\xa4\xb0\xe0\xa5\x87\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\xad\xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\x8f\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\x85\xe0\xa4\xad\xe0\xa4\xa6\xe0\xa5\x8d\xe0\xa4\xb0 \xe0\xa4\xb5\xe0\xa5\x8d\xe0\xa4\xaf\xe0\xa4\xb5\xe0\xa4\xb9\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa4\x95\xe0\xa5\x8b \xe0\xa4\xb5\xe0\xa4\xbf\xe0\xa4\xb0\xe0\xa5\x8b\xe0\xa4\xa7\xe0\xa4\xae\xe0\xa4\xbe \xe0\xa4\xb5\xe0\xa5\x8d\xe0\xa4\xaf\xe0\xa4\xbe\xe0\xa4\xaa\xe0\xa4\xbe\xe0\xa4\xb0\xe0\xa5\x80\xe0\xa4\xb9\xe0\xa4\xb0\xe0\xa5\x81\xe0\xa4\xb2\xe0\xa5\x87 \xe0\xa4\x85\xe0\xa4\xa8\xe0\xa4\xbf\xe0\xa4\xb6\xe0\xa5\x8d\xe0\xa4\x9a\xe0\xa4\xbf\xe0\xa4\xa4\xe0\xa4\x95\xe0\xa4\xbe\xe0\xa4\xb2\xe0\xa4\xbf\xe0\xa4\xa8 \xe0\xa4\xb9\xe0\xa4\xa1\xe0\xa5\x8d\xe0\xa4\xa4\xe0\xa4\xbe\xe0\xa4\xb2 \xe0\xa4\x86\xe0\xa4\xb9\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\xa8 \xe0\xa4\x97\xe0\xa4\xb0\xe0\xa5\x87\xe0\xa4\x95\xe0\xa4\xbe \xe0\xa4\x9b\xe0\xa4\xa8\xe0\xa5\x8d\xe0\xa5\xa4</p> | ||
169 | |||
170 | <h3 style=\"font-family:ind_bn_1_001\">Bengali (bn)</h3> | ||
171 | <p style=\"font-family:ind_bn_1_001\"> | ||
172 | দক্ষিণ ওয়াজিরিস্থানে কর্মরত স্বেচ্ছাসেবী ও ত্রাণ সংস্থাগুলো ধারণা করছে সেনা অভিযানের তীব্রতা বাড়লে এই সংখ্যাটা আরও অনেক বেড়ে যাবে | ||
173 | <br /> | ||
174 | শরণার্থীদের স্রোত সামলাতে তারা ইতিমধ্যেই হিমশিম খাচ্ছেন, ফলে লড়াই থেকে পালিয়ে আসা বেসামরিক মানুষজনের সংখ্যা আরও বাড়লে স্বভাবতই সঙ্কট আরও জটিল হয়ে উঠবে | ||
175 | <br /> | ||
176 | দক্ষিণ ওয়াজিরিস্তান থেকে পাওয়া খবরে বলা হচ্ছে সেনাবাহিনী সেখানে তিনদিক থেকে আক্রমণ চালাচ্ছে এবং ওই অঞ্চলে প্রবেশ করা আর বেরোনোর পথ তারাই নিয়ন্ত্রণ করছে - আর তালেবানের ঘাঁটিগুলোর ওপর হামলা চালানো হচ্ছে আকাশপথে এবং অর্টিলারি বাহিনীর সাহায্যে | ||
177 | <br /> | ||
178 | তালেবান জঙ্গীরা ইতিমধ্যেই হুঁশিয়ারি দিয়েছে এক ইঞ্চি জমিও তারা বিনা যুদ্ধে ছেড়ে দেবে না - আর ইসলামাবাদ থেকে বিবিসির ওরলা গুয়েরিন বলছেন তারা সে-কথা অক্ষরে অক্ষরে পালন করছে | ||
179 | <br /> | ||
180 | !\"#$%&'()*+,-./0123456789:;<=>?<br /> | ||
181 | @ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_<br /> | ||
182 | `abcdefghijklmnopqrstuvwxyz{|}~ | ||
183 | <br />০১২৩৪৫৬৭৮৯ | ||
184 | </p> | ||
185 | |||
186 | |||
187 | <h3 style=\"font-family:ind_bn_1_001\">Assamese</h3> | ||
188 | <p style=\"font-family:ind_bn_1_001\">অসমীয়া ৱিকিপিডিয়াৰ উদ্দেশ্য হ'ল সম্পূৰ্ণ অসমীয়া ভাষাত এখনি বিশ্বকোষ প্ৰণয়ন কৰা। অন্য কোনো ভাষাৰ প্ৰবন্ধ এই বিশ্বকোষৰ বাবে গ্ৰহন কৰা নহ'ব। বিশ্বকোষৰ অৱদানকাৰীসকললৈ সাদৰেৰে অনুৰোধ জনোৱা হ'ল যাতে তেখেতসকলে অসমীয়া ভাষাৰ প্ৰচলিত বানান পদ্ধতি মানি চলে। বিদেশী শব্দৰ অসমীয়া প্ৰতিৰূপৰ ক্ষেত্ৰত যিহেতু অসমীয়া সাহিত্যিকসকল এতিয়াও ঐক্যমতত উপনীত হ'ব পৰা নাই, ৱিকিপিডিয়াত বিদেশী শব্দৰ যিকোনো ধৰনৰ অসমীয়া ৰূপ গ্ৰাহ্য কৰা হ'ব। | ||
189 | <br /> | ||
190 | |||
191 | গণবিশ্বকোষৰ সফলতাৰ নেপথ্যৰ আটাইতকৈ শক্তিশালী ধাৰণাটো হৈছে সহযোগিতামূলক সংকলন, যি মানৱ জাতিৰ সাফল্যৰ মূল চাবিকাঠি পাৰস্পৰিক সহযোগিতাক আৰু এখোপ ওপৰলৈ উঠাই নিছে| এই গণবিশ্বকোষবিলাকৰ বিভিন্ন নিবন্ধৰ লেখকসকল সম্পূৰ্ণ অপেচাদাৰী ইন্টাৰনেট ব্যৱহাৰকৰোঁতা। এই লেখকসকলে নিজৰ নিজৰ ৰাপ বা পাৰদৰ্শীতা থকা বিষয় সম্পৰ্কে বিভিন্ন নিবন্ধ লিখি আন পাঠকক উপকৃত কৰে আৰু নিজেও উপকৃত হয়। | ||
192 | <br /> | ||
193 | |||
194 | অসমীয়া গণবিশ্বকোষ (যাৰ মুখ্য পৃষ্ঠাটো বৰ্তমান আপুনি পঢ়ি আছে) হৈছে এখন অসমীয়া বিশ্বকোষ প্ৰস্তুত কৰাৰ এক অভূতপূৰ্ব তথা অভিনৱ প্ৰয়াস, যাক যিকোনো পাঠকে পৃথিৱীৰ যিকোনো ঠাইৰ পৰা ইন্টাৰনেটৰ জৰিয়তে বিনামূল্যে ব্যৱহাৰ কৰিব পাৰিব। এই প্ৰকল্প আচলতে \"ৱিকিপেডিয়া\" নামৰ এক বৃহত্তৰ প্ৰকল্পৰ অংশ| পৃথিবীৰ বিভিন্ন ভাষাত সকলোৱে বিনামূল্যে ব্যৱহাৰ তথা সম্পাদনা কৰিব পৰা বিশ্বকোষ প্ৰস্তুত কৰাৰ উদ্দেশ্যেৰে ৱিকিপিডিয়া নামৰ ইন্টাৰনেট-পৃষ্ঠাত ২০০১ চনত আৰম্ভ কৰা মুখ্য প্ৰকল্পৰ অধীনত বৰ্ত্তমান প্ৰায় শতাধিক ভাষাৰ যোগদানেৰে সম্বৃদ্ধ হোৱা এইলানি গণবিশ্বকোষে আজি প্ৰায় পাঁচলাখতকৈও অধিক প্ৰবন্ধৰে পৃথিৱীৰ বিভিন্ন প্ৰান্তৰ পাঠকক ইন্টাৰনেটৰ জৰিয়তে বিশ্বকোষ সেৱা আগবঢ়াইছে। | ||
195 | </p> | ||
196 | |||
197 | |||
198 | "; | ||
199 | |||
200 | //============================================================== | ||
201 | //============================================================== | ||
202 | //============================================================== | ||
203 | include("../mpdf.php"); | ||
204 | |||
205 | $mpdf=new mPDF('-s','A4','','',32,25,27,25,16,13); | ||
206 | |||
207 | $mpdf->SetDisplayMode('fullpage'); | ||
208 | |||
209 | //$mpdf->useSubstitutionsMB = true; | ||
210 | |||
211 | $mpdf->WriteHTML($html); | ||
212 | |||
213 | $mpdf->Output(); | ||
214 | exit; | ||
215 | //============================================================== | ||
216 | //============================================================== | ||
217 | |||
218 | |||
219 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example35_watermarks.php b/inc/3rdparty/libraries/mpdf/examples/example35_watermarks.php new file mode 100644 index 00000000..02337f8b --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example35_watermarks.php | |||
@@ -0,0 +1,59 @@ | |||
1 | <?php | ||
2 | |||
3 | $html = ' | ||
4 | <h1>mPDF</h1> | ||
5 | <h2>Watermarks</h2> | ||
6 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
7 | |||
8 | <hr /> | ||
9 | |||
10 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
11 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
12 | |||
13 | <blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote> | ||
14 | |||
15 | <address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address> | ||
16 | |||
17 | '; | ||
18 | |||
19 | |||
20 | //============================================================== | ||
21 | //============================================================== | ||
22 | //============================================================== | ||
23 | |||
24 | include("../mpdf.php"); | ||
25 | |||
26 | $mpdf=new mPDF('c'); | ||
27 | |||
28 | $mpdf->SetDisplayMode('fullpage'); | ||
29 | |||
30 | $mpdf->SetWatermarkText('DRAFT'); | ||
31 | $mpdf->watermark_font = 'DejaVuSansCondensed'; | ||
32 | $mpdf->showWatermarkText = true; | ||
33 | |||
34 | |||
35 | $mpdf->WriteHTML($html); | ||
36 | $mpdf->AddPage(); | ||
37 | |||
38 | $mpdf->SetWatermarkImage('tiger.wmf', 1, '', array(160,10)); | ||
39 | $mpdf->showWatermarkImage = true; | ||
40 | |||
41 | $mpdf->WriteHTML('<h2>Using a Watermark as a Header</h2>'); | ||
42 | $mpdf->WriteHTML($html); | ||
43 | $mpdf->AddPage(); | ||
44 | |||
45 | $mpdf->SetWatermarkImage('tiger.wmf', 0.15, 'F'); | ||
46 | |||
47 | $mpdf->WriteHTML('<h2>Using a Watermark Image as Background</h2>'); | ||
48 | $mpdf->WriteHTML($html); | ||
49 | |||
50 | |||
51 | $mpdf->Output(); | ||
52 | exit; | ||
53 | |||
54 | //============================================================== | ||
55 | //============================================================== | ||
56 | //============================================================== | ||
57 | |||
58 | |||
59 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example36_annotations_and_Attached_files.php b/inc/3rdparty/libraries/mpdf/examples/example36_annotations_and_Attached_files.php new file mode 100644 index 00000000..63e8c5d2 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example36_annotations_and_Attached_files.php | |||
@@ -0,0 +1,36 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <h1>mPDF</h1> | ||
7 | <h2>Annotations</h2> | ||
8 | <h5>Heading 5<annotation content="This is an annotation'."\n".'in the middle of the text" subject="My Subject" icon="Comment" color="#FE88EF" author="Ian Back" /></h5> | ||
9 | <h6>Heading 6</h6> | ||
10 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. <i>Fusce</i><annotation content="Fusce is a funny word!" subject="Idle Comments" icon="Note" author="Ian Back" pos-x="195" /> eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at <span title="This annotation was automatically defined from the title attribute of a span element">eleifend</span> lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada<annotation file="tiger.jpg" content="This is a file attachment (embedded file) | ||
11 | Double-click to open attached file | ||
12 | Right-click to save file on your computer" icon="Graph" title="Attached File: tiger.jpg" pos-x="195" /> sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
13 | |||
14 | '; | ||
15 | //============================================================== | ||
16 | //============================================================== | ||
17 | //============================================================== | ||
18 | include("../mpdf.php"); | ||
19 | |||
20 | $mpdf=new mPDF('c'); | ||
21 | |||
22 | $mpdf->title2annots = true; | ||
23 | |||
24 | $mpdf->WriteHTML($html); | ||
25 | |||
26 | $mpdf->Output(); | ||
27 | |||
28 | exit; | ||
29 | //============================================================== | ||
30 | //============================================================== | ||
31 | //============================================================== | ||
32 | //============================================================== | ||
33 | //============================================================== | ||
34 | |||
35 | |||
36 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example37_barcodes.php b/inc/3rdparty/libraries/mpdf/examples/example37_barcodes.php new file mode 100644 index 00000000..34ec8829 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example37_barcodes.php | |||
@@ -0,0 +1,437 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <html> | ||
6 | <head> | ||
7 | <style> | ||
8 | body {font-family: sans-serif; | ||
9 | font-size: 9pt; | ||
10 | background: transparent url(\'bgbarcode.png\') repeat-y scroll left top; | ||
11 | } | ||
12 | h5, p { margin: 0pt; | ||
13 | } | ||
14 | table.items { | ||
15 | font-size: 9pt; | ||
16 | border-collapse: collapse; | ||
17 | border: 3px solid #880000; | ||
18 | } | ||
19 | td { vertical-align: top; | ||
20 | } | ||
21 | table thead td { background-color: #EEEEEE; | ||
22 | text-align: center; | ||
23 | } | ||
24 | table tfoot td { background-color: #AAFFEE; | ||
25 | text-align: center; | ||
26 | } | ||
27 | .barcode { | ||
28 | padding: 1.5mm; | ||
29 | margin: 0; | ||
30 | vertical-align: top; | ||
31 | color: #000000; | ||
32 | } | ||
33 | .barcodecell { | ||
34 | text-align: center; | ||
35 | vertical-align: middle; | ||
36 | padding: 0; | ||
37 | } | ||
38 | </style> | ||
39 | </head> | ||
40 | <body> | ||
41 | |||
42 | <!--mpdf | ||
43 | <htmlpagefooter name="myfooter"> | ||
44 | <div style="border-top: 1px solid #000000; font-size: 9pt; text-align: center; padding-top: 3mm; "> | ||
45 | Page {PAGENO} of {nb} | ||
46 | </div> | ||
47 | </htmlpagefooter> | ||
48 | |||
49 | <sethtmlpagefooter name="myfooter" value="on" /> | ||
50 | mpdf--> | ||
51 | |||
52 | <h1>mPDF</h1> | ||
53 | <h2>Barcodes</h2> | ||
54 | <p>NB <b>Quiet zones</b> - The barcode object includes space to the right/left or top/bottom only when the specification states a \'quiet zone\' or \'light margin\'. All the examples below also have CSS property set on the barcode object i.e. padding: 1.5mm; </p> | ||
55 | |||
56 | <h3>EAN-13 Barcodes (EAN-2 and EAN-5)</h3> | ||
57 | <p>NB EAN-13, UPC-A, UPC-E, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p> | ||
58 | <p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p> | ||
59 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
60 | <thead> | ||
61 | <tr> | ||
62 | <td width="10%">CODE</td> | ||
63 | <td>DESCRIPTION</td> | ||
64 | <td>BARCODE</td> | ||
65 | </tr> | ||
66 | </thead> | ||
67 | <tbody> | ||
68 | <!-- ITEMS HERE --> | ||
69 | <tr> | ||
70 | <td align="center">EAN13</td> | ||
71 | <td>Standard EAN-13 barcode. Accepts 12 or 13 characters (creating checksum digit if required). [0-9] numeric only.</td> | ||
72 | <td class="barcodecell"><barcode code="978-0-9542246-0" text="1" class="barcode" /></td> | ||
73 | </tr> | ||
74 | <tr> | ||
75 | <td align="center">ISBN</td> | ||
76 | <td>Standard EAN-13 barcode with \'ISBN\' number shown above [shown at height="0.66"]</td> | ||
77 | <td class="barcodecell"><barcode code="978-0-9542246-0" type="ISBN" class="barcode" height="0.66" text="1" /></td> | ||
78 | </tr> | ||
79 | <tr> | ||
80 | <td align="center">ISSN</td> | ||
81 | <td>Standard EAN-13 barcode with \'ISSN\' number shown above [shown at size="0.8"]</td> | ||
82 | <td class="barcodecell"><barcode code="978-0-9542246-0-8" type="ISSN" size="0.8" class="barcode" text="1" /></td> | ||
83 | </tr> | ||
84 | </tbody> | ||
85 | </table> | ||
86 | |||
87 | <h3>EAN-8, UPC-A and UPC-E Barcodes</h3> | ||
88 | <p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p> | ||
89 | <p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p> | ||
90 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
91 | <thead> | ||
92 | <tr> | ||
93 | <td width="10%">CODE</td> | ||
94 | <td>DESCRIPTION</td> | ||
95 | <td>BARCODE</td> | ||
96 | </tr> | ||
97 | </thead> | ||
98 | <tbody> | ||
99 | <!-- ITEMS HERE --> | ||
100 | <tr> | ||
101 | <td align="center">UPCA</td> | ||
102 | <td>UPC-A barcode. This is a subset of the EAN-13. (098277211236) Accepts 11 or 12 characters (creating checksum digit if required). [0-9] numeric only</td> | ||
103 | <td class="barcodecell"><barcode code="09827721123" type="UPCA" class="barcode" /></td> | ||
104 | </tr> | ||
105 | <tr> | ||
106 | <td align="center">UPCE</td> | ||
107 | <td>UPC-E barcode. Requires the UPC-A code to be entered as above (e.g. 042100005264 to give 425261). NB mPDF will die with an error message if the code is not valid, as only some UPC-A codes can be converted into valid UPC-E codes. UPC-E doesn\'t have a check digit encoded explicity, rather the check digit is encoded in the parity of the other six characters. The check digit that is encoded is the check digit from the original UPC-A barcode.</td> | ||
108 | <td class="barcodecell"><barcode code="04210000526" type="UPCE" class="barcode" /></td> | ||
109 | </tr> | ||
110 | <tr> | ||
111 | <td align="center">EAN8</td> | ||
112 | <td>EAN-8. Accepts 7 or 8 characters (creating checksum digit if required). [0-9] numeric only</td> | ||
113 | <td class="barcodecell"><barcode code="2468123" type="EAN8" class="barcode" /></td> | ||
114 | </tr> | ||
115 | </tbody> | ||
116 | </table> | ||
117 | |||
118 | <h3>EAN-2 and EAN-5 supplements, and combined forms</h3> | ||
119 | <p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code.</p> | ||
120 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
121 | <thead> | ||
122 | <tr> | ||
123 | <td width="10%">CODE</td> | ||
124 | <td>DESCRIPTION</td> | ||
125 | <td>BARCODE</td> | ||
126 | </tr> | ||
127 | </thead> | ||
128 | <tbody> | ||
129 | <!-- ITEMS HERE --> | ||
130 | <tr> | ||
131 | <td align="center">EAN2</td> | ||
132 | <td colspan="2">EAN-2 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Used to denote an issue of a periodical. EAN-2 supplement accepts 2 digits [0-9] only, EAN-5 five.</td> | ||
133 | </tr> | ||
134 | <tr> | ||
135 | <td align="center">EAN5</td> | ||
136 | <td colspan="2">EAN-5 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Usually used in conjunction with EAN-13 for the price of books. 90000 is the code for no price. </td> | ||
137 | </tr> | ||
138 | <tr> | ||
139 | <td align="center">EAN13P2</td> | ||
140 | <td>Standard EAN-13 barcode with 2-digit UPC supplement (07)</td> | ||
141 | <td class="barcodecell"><barcode code="978-0-9542246-0 07" type="EAN13P2" class="barcode" /></td> | ||
142 | </tr> | ||
143 | <tr> | ||
144 | <td align="center">ISBNP2</td> | ||
145 | <td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 2-digit EAN-2 supplement</td> | ||
146 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISBNP2" class="barcode" text="1" /></td> | ||
147 | </tr> | ||
148 | <tr> | ||
149 | <td align="center">ISSNP2</td> | ||
150 | <td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 2-digit EAN-2 supplement</td> | ||
151 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISSNP2" class="barcode" text="1" /></td> | ||
152 | </tr> | ||
153 | <tr> | ||
154 | <td align="center">UPCAP2</td> | ||
155 | <td>UPC-A barcode with 2-digit EAN-2 supplement. This is a subset of the EAN-13. </td> | ||
156 | <td class="barcodecell"><barcode code="00633895260 24" type="UPCAP2" class="barcode" /></td> | ||
157 | </tr> | ||
158 | <tr> | ||
159 | <td align="center">UPCEP2</td> | ||
160 | <td>UPC-E barcode with 2-digit EAN-2 supplement. </td> | ||
161 | <td class="barcodecell"><barcode code="042100005264 07" type="UPCEP2" class="barcode" /></td> | ||
162 | </tr> | ||
163 | <tr> | ||
164 | <td align="center">EAN8P2</td> | ||
165 | <td>EAN-8 barcode with 2-digit EAN-2 supplement</td> | ||
166 | <td class="barcodecell"><barcode code="5512345 07" type="EAN8P2" class="barcode" /></td> | ||
167 | </tr> | ||
168 | <tr> | ||
169 | <td align="center">EAN13P5</td> | ||
170 | <td>Standard EAN-13 barcode with 5-digit UPC supplement (90000)</td> | ||
171 | <td class="barcodecell"><barcode code="978-0-9542246-0 90000" type="EAN13P5" class="barcode" /></td> | ||
172 | </tr> | ||
173 | <tr> | ||
174 | <td align="center">ISBNP5</td> | ||
175 | <td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 5-digit EAN-5 supplement</td> | ||
176 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISBNP5" class="barcode" text="1" /></td> | ||
177 | </tr> | ||
178 | <tr> | ||
179 | <td align="center">ISSNP5</td> | ||
180 | <td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 5-digit EAN-5 supplement</td> | ||
181 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISSNP5" class="barcode" text="1" /></td> | ||
182 | </tr> | ||
183 | <tr> | ||
184 | <td align="center">UPCAP5</td> | ||
185 | <td>UPC-A barcode with 5-digit EAN-5 supplement. This is a subset of the EAN-13</td> | ||
186 | <td class="barcodecell"><barcode code="07567816412 90000" type="UPCAP5" class="barcode" /></td> | ||
187 | </tr> | ||
188 | <tr> | ||
189 | <td align="center">UPCEP5</td> | ||
190 | <td>UPC-E barcode with 5-digit EAN-5 supplement. (042100005264 90000)</td> | ||
191 | <td class="barcodecell"><barcode code="042100005264 90000" type="UPCEP5" class="barcode" /></td> | ||
192 | </tr> | ||
193 | <tr> | ||
194 | <td align="center">EAN8P5</td> | ||
195 | <td>EAN-8 barcode with 5-digit EAN-5 supplement (55123457 90000)</td> | ||
196 | <td class="barcodecell"><barcode code="55123457 90000" type="EAN8P5" class="barcode" /></td> | ||
197 | </tr> | ||
198 | </tbody> | ||
199 | </table> | ||
200 | |||
201 | <h3>Postcode Barcodes</h3> | ||
202 | <p>These all have sizes fixed by their specification. Although they can be altered using \'size\' it is not recommended. \'height\' is ignored.</p> | ||
203 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
204 | <thead> | ||
205 | <tr> | ||
206 | <td width="10%">CODE</td> | ||
207 | <td>DESCRIPTION</td> | ||
208 | <td>BARCODE</td> | ||
209 | </tr> | ||
210 | </thead> | ||
211 | <tbody> | ||
212 | <!-- ITEMS HERE --> | ||
213 | <tr> | ||
214 | <td align="center">IMB</td> | ||
215 | <td>Intelligent Mail Barcode - also known as: USPS OneCode 4-State Customer Barcode, OneCode 4CB, USPS 4CB, 4-CB, 4-State Customer Barcode, USPS OneCode Solution Barcode. (01234567094987654321-01234567891) Accepts: Up to 31 digits (required 20-digit Tracking Code, and up to 11-digit Routing Code; this may be 0, 5, 9, or 11 digits). If the Routing code is included, it should be spearated by a hyphen - like this example.</td> | ||
216 | <td class="barcodecell"><barcode code="01234567094987654321-01234567891" type="IMB" class="barcode" /></td> | ||
217 | </tr> | ||
218 | <tr> | ||
219 | <td align="center">RM4SCC</td> | ||
220 | <td>Royal Mail 4-state Customer barcode (SN34RD1A). Accepts: max. 9 characters. Valid characters: [A-Z,0-9] Checksum digit: automatic.</td> | ||
221 | <td class="barcodecell"><barcode code="SN34RD1A" type="RM4SCC" class="barcode" /></td> | ||
222 | </tr> | ||
223 | <tr> | ||
224 | <td align="center">KIX</td> | ||
225 | <td>Dutch KIX version of Royal Mail 4-state Customer barcode (SN34RD1A). Valid characters: [A-Z,0-9]. Checksum digit: automatic.</td> | ||
226 | <td class="barcodecell"><barcode code="SN34RD1A" type="KIX" class="barcode" /></td> | ||
227 | </tr> | ||
228 | <tr> | ||
229 | <td align="center">POSTNET</td> | ||
230 | <td>POSTNET barcode. Accepts 5, 9 or 11 digits. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
231 | <td class="barcodecell"><barcode code="123456789" type="POSTNET" class="barcode" /></td> | ||
232 | </tr> | ||
233 | <tr> | ||
234 | <td align="center">PLANET</td> | ||
235 | <td>PLANET barcode. Accepts 11 or 13 digits. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
236 | <td class="barcodecell"><barcode code="00123456789" type="PLANET" class="barcode" /></td> | ||
237 | </tr> | ||
238 | </tbody> | ||
239 | </table> | ||
240 | |||
241 | |||
242 | <h3>Variable width Barcodes</h3> | ||
243 | <p>These barcodes are all of variable length depending on the code entered. There is no recommended maximum size for any of these specs, but all recommend a minimum X-dimension (width of narrowest bar) as 7.5mil (=0.19mm). The default used here is twice the minimum i.e. X-dim = 0.38mm.</p> | ||
244 | <p>The specifications give a minimum height of 15% of the barcode length (which can be variable). The bar height in mPDF is set to a default value of 10mm. </p> | ||
245 | <p>\'size\' will scale the barcode in both dimensions. mPDF will accept any number, but bear in mind that size="0.5" will set the bar width to the minimum. The \'height\' attribute further allows scaling - this factor is applied to already scaled barcode. Thus size="2" height="0.5" will give a barcode twice the default width (X-dim=0.76mm) and at the default height set in mPDF i.e. 10mm.</p> | ||
246 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
247 | <thead> | ||
248 | <tr> | ||
249 | <td width="10%">CODE</td> | ||
250 | <td>DESCRIPTION</td> | ||
251 | <td>BARCODE</td> | ||
252 | </tr> | ||
253 | </thead> | ||
254 | <tbody> | ||
255 | <tr> | ||
256 | <td align="center">C128A</td> | ||
257 | <td>CODE 128 A. Valid characters: [A-Z uppercase and control chars ASCII 0-31]. Checksum digit: automatic.</td> | ||
258 | <td class="barcodecell"><barcode code="CODE 128 A" type="C128A" class="barcode" /></td> | ||
259 | </tr> | ||
260 | <tr> | ||
261 | <td align="center">C128B</td> | ||
262 | <td>CODE 128 B. Valid characters: [Upper / Lower Case + All ASCII Printable Characters]. Checksum digit: automatic.</td> | ||
263 | <td class="barcodecell"><barcode code="ABC123abc@456" type="C128B" class="barcode" /></td> | ||
264 | </tr> | ||
265 | <tr> | ||
266 | <td align="center">C128C</td> | ||
267 | <td>CODE 128 C. Valid characters: [0-9]. Must be an even number of digits. Checksum digit: automatic.</td> | ||
268 | <td class="barcodecell"><barcode code="0123456789" type="C128C" class="barcode" /></td> | ||
269 | </tr> | ||
270 | |||
271 | <tr> | ||
272 | <td align="center">EAN128C [A/B/C]</td> | ||
273 | <td>EAN128 (A, B, and C). Specified variant of Code 128, utilising an FNC1 start code. Also known as UCC/EAN-128 or GS1-128. Valid characters: [cf. Code 128]. Checksum digit: automatic.</td> | ||
274 | <td class="barcodecell"><barcode code="0112345678912343" type="EAN128C" class="barcode" /></td> | ||
275 | </tr> | ||
276 | |||
277 | <tr> | ||
278 | <td align="center">C39</td> | ||
279 | <td>CODE 39 - ANSI MH10.8M-1983 - USD-3 - 3 of 9. Valid characters: [0-9 A-Z \'-\' . Space $/+%]</td> | ||
280 | <td class="barcodecell"><barcode code="TEC-IT" type="C39" class="barcode" /></td> | ||
281 | </tr> | ||
282 | <tr> | ||
283 | <td align="center">C39+</td> | ||
284 | <td>CODE 39 + CHECKSUM. Checksum digit: automatic.</td> | ||
285 | <td class="barcodecell"><barcode code="39OR93" type="C39+" class="barcode" /></td> | ||
286 | </tr> | ||
287 | <tr> | ||
288 | <td align="center">C39E</td> | ||
289 | <td>CODE 39 EXTENDED. Valid characters: [ASCII-characters between 0..127]</td> | ||
290 | <td class="barcodecell"><barcode code="CODE 39 E" type="C39E" class="barcode" /></td> | ||
291 | </tr> | ||
292 | <tr> | ||
293 | <td align="center">C39E+</td> | ||
294 | <td>CODE 39 EXTENDED + CHECKSUM. Checksum digit: automatic.</td> | ||
295 | <td class="barcodecell"><barcode code="CODE 39 E+" type="C39E+" class="barcode" /></td> | ||
296 | </tr> | ||
297 | |||
298 | <tr> | ||
299 | <td align="center">S25</td> | ||
300 | <td>Standard 2 of 5. Valid characters: [0-9]</td> | ||
301 | <td class="barcodecell"><barcode code="54321068" type="S25" class="barcode" /></td> | ||
302 | </tr> | ||
303 | <tr> | ||
304 | <td align="center">S25+</td> | ||
305 | <td>Standard 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
306 | <td class="barcodecell"><barcode code="54321068" type="S25+" class="barcode" /></td> | ||
307 | </tr> | ||
308 | <tr> | ||
309 | <td align="center">I25</td> | ||
310 | <td>Interleaved 2 of 5. Valid characters: [0-9]</td> | ||
311 | <td class="barcodecell"><barcode code="54321068" type="I25" class="barcode" /></td> | ||
312 | </tr> | ||
313 | <tr> | ||
314 | <td align="center">I25+</td> | ||
315 | <td>Interleaved 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
316 | <td class="barcodecell"><barcode code="54321068" type="I25+" class="barcode" /></td> | ||
317 | </tr> | ||
318 | <tr> | ||
319 | <td align="center">I25B</td> | ||
320 | <td>Interleaved 2 of 5 with bearer bars. Valid characters: [0-9]</td> | ||
321 | <td class="barcodecell"><barcode code="1234567" type="I25B" class="barcode" /></td> | ||
322 | </tr> | ||
323 | <tr> | ||
324 | <td align="center">I25B+</td> | ||
325 | <td>Interleaved 2 of 5 + CHECKSUM with bearer bars. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
326 | <td class="barcodecell"><barcode code="1234567" type="I25B+" class="barcode" /></td> | ||
327 | </tr> | ||
328 | |||
329 | <tr> | ||
330 | <td align="center">C93</td> | ||
331 | <td>CODE 93 - USS-93 (extended). Valid characters: [ASCII-characters between 0..127]. Checksum digits: automatic.</td> | ||
332 | <td class="barcodecell"><barcode code="39OR93" type="C93" class="barcode" /></td> | ||
333 | </tr> | ||
334 | |||
335 | <tr> | ||
336 | <td align="center">MSI</td> | ||
337 | <td>MSI. Modified Plessey. Valid characters: [0-9]</td> | ||
338 | <td class="barcodecell"><barcode code="01234567897" type="MSI" class="barcode" /></td> | ||
339 | </tr> | ||
340 | <tr> | ||
341 | <td align="center">MSI+</td> | ||
342 | <td>MSI + CHECKSUM (module 11). Checksum digit: automatic.</td> | ||
343 | <td class="barcodecell"><barcode code="0123456789" type="MSI+" class="barcode" /></td> | ||
344 | </tr> | ||
345 | |||
346 | <tr> | ||
347 | <td align="center">CODABAR</td> | ||
348 | <td>CODABAR. Valid characters: [0-9 \'-\' $:/.+ ABCD] ABCD are used as stop and start characters e.g. A34698735B</td> | ||
349 | <td class="barcodecell"><barcode code="A34698735B" type="CODABAR" class="barcode" /></td> | ||
350 | </tr> | ||
351 | |||
352 | <tr> | ||
353 | <td align="center">CODE11</td> | ||
354 | <td>CODE 11. Valid characters: [0-9 and \'-\']. Checksum digits: 1 (or 2 if length of code is > 10 characters) - automatic.</td> | ||
355 | <td class="barcodecell"><barcode code="123-456-789" type="CODE11" class="barcode" /></td> | ||
356 | </tr> | ||
357 | |||
358 | |||
359 | </tbody> | ||
360 | </table> | ||
361 | |||
362 | <!-- QR-CODE | ||
363 | <h3>2D Code (QR-code)</h3> | ||
364 | <p>A nominal height and width for these barcodes is set as 25mm. \'size\' will scale both the height and width.</p> | ||
365 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
366 | <thead> | ||
367 | <tr> | ||
368 | <td width="10%">CODE</td> | ||
369 | <td>DESCRIPTION</td> | ||
370 | <td>BARCODE</td> | ||
371 | </tr> | ||
372 | </thead> | ||
373 | <tbody> | ||
374 | <tr> | ||
375 | <td align="center">QR-code</td> | ||
376 | <td>QR-code. Accepts numeric, alphanumeric or binary input, with specified error level: L, M, Q, H.</td> | ||
377 | <td class="barcodecell"><barcode code="Your message here" type="QR" class="barcode" size="0.8" error="M" /></td> | ||
378 | </tr> | ||
379 | </tbody> | ||
380 | </table> | ||
381 | --> | ||
382 | |||
383 | |||
384 | <br /> | ||
385 | |||
386 | <div> | ||
387 | <h5>Useful links</h5> | ||
388 | <p><a href="http://www.adams1.com">http://www.adams1.com</a></p> | ||
389 | <p><a href="http://www.tec-it.com/Download/PDF/Barcode_Reference_EN.pdf">http://www.tec-it.com/Download/PDF/Barcode_Reference_EN.pdf</a></p> | ||
390 | <p><a href="http://www.tec-it.com/en/support/knowbase/symbologies/barcode-overview/linear/Default.aspx">http://www.tec-it.com/en/support/knowbase/symbologies/barcode-overview/linear/Default.aspx</a></p> | ||
391 | <p><a href="http://www.gs1uk.org/downloads/bar_code/Bar%20coding%20getting%20it%20right.pdf">http://www.gs1uk.org/downloads/bar_code/Bar%20coding%20getting%20it%20right.pdf</a></p> | ||
392 | <p><a href="http://web.archive.org/web/19990501035133/http://www.uc-council.org/d36-d.htm">http://web.archive.org/web/19990501035133/http://www.uc-council.org/d36-d.htm (EAN2 and EAN5)</a></p> | ||
393 | <p><a href="http://www.barcodeisland.com/ean13.phtml">http://www.barcodeisland.com/ean13.phtml (UPC-A)</a></p> | ||
394 | <p><a href="http://www.idautomation.com/fonts/postnet/#Specifications">http://www.idautomation.com/fonts/postnet/#Specifications</a></p> | ||
395 | <p><a href="http://www.outputlinks.com/sites/AFP/ibm_bcocafaq.pdf">http://www.outputlinks.com/sites/AFP/ibm_bcocafaq.pdf</a></p> | ||
396 | <p><a href="https://ribbs.usps.gov/intelligentmail_mailpieces/documents/tech_guides/USPSIMB_Tech_Resource_Guide.pdf">https://ribbs.usps.gov/intelligentmail_mailpieces/documents/tech_guides/USPSIMB_Tech_Resource_Guide.pdf (Intelligent Mail)</a></p> | ||
397 | <p><a href="http://www.mailsorttechnical.com/downloads_mailsort_user_guide.cfm">http://www.mailsorttechnical.com/downloads_mailsort_user_guide.cfm</a></p> | ||
398 | |||
399 | <p><a href="http://www.mailsorttechnical.com/docs/mug_jun_2009/MUG_10_2008_Mailsort_700.pdf">http://www.mailsorttechnical.com/docs/mug_jun_2009/MUG_10_2008_Mailsort_700.pdf</a> page 20</p> | ||
400 | |||
401 | |||
402 | </div> | ||
403 | |||
404 | <pagebreak /> | ||
405 | <div> | ||
406 | <h3>Human-readable text</h3> | ||
407 | Human-readable text is only produced as part of the barcode object in EAN-13, ISBN, ISSN, EAN-8, UPC-A and UPC-E. Here is an example to add text to a barcode: | ||
408 | </div> | ||
409 | |||
410 | <div style="border:1px solid #555555; background-color: #DDDDDD; padding: 1em; font-size:8pt; font-family: lucidaconsole, mono;"> | ||
411 | |||
412 | <div style="position:fixed; right: 50mm; top: 60mm; border: 0.2mm solid #000000; text-align: center; padding: 0.5mm; padding-top: 2mm;"><br /> | ||
413 | <barcode code="00034698735346987355" type="EAN128C" /><br /><br /> | ||
414 | <div style="font-family: ocrb;">(00) 0346987 35346987 355</div><br /> | ||
415 | </div> | ||
416 | |||
417 | </div> | ||
418 | |||
419 | <div style="position:fixed; right: 50mm; top: 60mm; border: 0.2mm solid #000000; text-align: center; padding: 0.5mm; padding-top: 2mm;"> | ||
420 | <barcode code="00034698735346987355" type="EAN128C" /><br /> | ||
421 | <div style="font-family: ocrb;">(00) 0346987 35346987 355</div> | ||
422 | </div> | ||
423 | |||
424 | </body> | ||
425 | </html> | ||
426 | '; | ||
427 | //============================================================== | ||
428 | //============================================================== | ||
429 | include("../mpdf.php"); | ||
430 | |||
431 | $mpdf=new mPDF('','','','',20,15,25,25,10,10); | ||
432 | $mpdf->WriteHTML($html); | ||
433 | $mpdf->Output(); | ||
434 | |||
435 | exit; | ||
436 | |||
437 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example38_dot_tab.php b/inc/3rdparty/libraries/mpdf/examples/example38_dot_tab.php new file mode 100644 index 00000000..7342cc82 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example38_dot_tab.php | |||
@@ -0,0 +1,43 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | $html = ' | ||
5 | <style> | ||
6 | dottab.menu { | ||
7 | outdent: 4em; | ||
8 | } | ||
9 | p.menu { | ||
10 | text-align: left; | ||
11 | padding-right: 4em; | ||
12 | } | ||
13 | </style> | ||
14 | |||
15 | <h3>Menu</h3> | ||
16 | |||
17 | <div style="border: 0.2mm solid #000088; padding: 1em;"> | ||
18 | <p class="menu">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus <dottab class="menu" /> £37.00</p> | ||
19 | |||
20 | <p class="menu">Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat <dottab class="menu" /> £3700.00</p> | ||
21 | |||
22 | <p class="menu">Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus <dottab class="menu" /> £27.00</p> | ||
23 | |||
24 | <p class="menu">Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod <dottab class="menu" /> £7.00</p> | ||
25 | |||
26 | <p class="menu">Donec et nulla. Sed quis orci <dottab class="menu" /> £1137.00</p> | ||
27 | </div> | ||
28 | '; | ||
29 | |||
30 | |||
31 | include("../mpdf.php"); | ||
32 | |||
33 | $mpdf=new mPDF(); | ||
34 | |||
35 | $mpdf->WriteHTML($html); | ||
36 | |||
37 | $mpdf->Output(); | ||
38 | |||
39 | exit; | ||
40 | |||
41 | |||
42 | |||
43 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example39_PDFA_compliance.php b/inc/3rdparty/libraries/mpdf/examples/example39_PDFA_compliance.php new file mode 100644 index 00000000..f43b0231 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example39_PDFA_compliance.php | |||
@@ -0,0 +1,31 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <h1>mPDF</h1> | ||
7 | <h2>PDFA Compliance</h2> | ||
8 | <p>PDF/A1-b is a file format for the long-term archiving of electronic documents. This is an example of a PDF/A1-b compliant files.</p> | ||
9 | '; | ||
10 | //============================================================== | ||
11 | //============================================================== | ||
12 | //============================================================== | ||
13 | include("../mpdf.php"); | ||
14 | |||
15 | $mpdf=new mPDF(); | ||
16 | |||
17 | $mpdf->PDFA = true; | ||
18 | $mpdf->PDFAauto = true; | ||
19 | $mpdf->WriteHTML($html); | ||
20 | |||
21 | $mpdf->Output(); | ||
22 | |||
23 | exit; | ||
24 | //============================================================== | ||
25 | //============================================================== | ||
26 | //============================================================== | ||
27 | //============================================================== | ||
28 | //============================================================== | ||
29 | |||
30 | |||
31 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example40_MPDFI_thumbnails.php b/inc/3rdparty/libraries/mpdf/examples/example40_MPDFI_thumbnails.php new file mode 100644 index 00000000..709ea8d1 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example40_MPDFI_thumbnails.php | |||
@@ -0,0 +1,20 @@ | |||
1 | <?php | ||
2 | |||
3 | include("../mpdf.php"); | ||
4 | |||
5 | $mpdf=new mPDF(); | ||
6 | $mpdf->SetImportUse(); | ||
7 | |||
8 | $mpdf->Thumbnail('sample_orientation2.pdf', 4, 5); // number per row // spacing in mm | ||
9 | |||
10 | $mpdf->WriteHTML('<pagebreak /><div>Now with rotated pages</div>'); | ||
11 | |||
12 | $mpdf->Thumbnail('sample_orientation3.pdf', 4); // number per row // spacing in mm | ||
13 | |||
14 | |||
15 | $mpdf->Output(); | ||
16 | |||
17 | exit; | ||
18 | |||
19 | |||
20 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example41_MPDFI_template.php b/inc/3rdparty/libraries/mpdf/examples/example41_MPDFI_template.php new file mode 100644 index 00000000..12f592db --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example41_MPDFI_template.php | |||
@@ -0,0 +1,36 @@ | |||
1 | <?php | ||
2 | |||
3 | include("../mpdf.php"); | ||
4 | |||
5 | $mpdf=new mPDF('','','','',15,15,57,16,9,9); | ||
6 | $mpdf->SetImportUse(); | ||
7 | |||
8 | $mpdf->SetDisplayMode('fullpage'); | ||
9 | |||
10 | $mpdf->SetCompression(false); | ||
11 | |||
12 | // Add First page | ||
13 | $pagecount = $mpdf->SetSourceFile('sample_basic.pdf'); | ||
14 | |||
15 | $crop_x = 50; | ||
16 | $crop_y = 50; | ||
17 | $crop_w = 100; | ||
18 | $crop_h = 100; | ||
19 | |||
20 | $tplIdx = $mpdf->ImportPage(2, $crop_x, $crop_y, $crop_w, $crop_h); | ||
21 | |||
22 | $x = 50; | ||
23 | $y = 50; | ||
24 | $w = 100; | ||
25 | $h = 100; | ||
26 | |||
27 | $mpdf->UseTemplate($tplIdx, $x, $y, $w, $h); | ||
28 | |||
29 | $mpdf->Rect($x, $y, $w, $h); | ||
30 | |||
31 | $mpdf->Output('newpdf.pdf', 'I'); | ||
32 | |||
33 | exit; | ||
34 | |||
35 | |||
36 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example42_MPDFI_templatedoc.php b/inc/3rdparty/libraries/mpdf/examples/example42_MPDFI_templatedoc.php new file mode 100644 index 00000000..2b670ca3 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example42_MPDFI_templatedoc.php | |||
@@ -0,0 +1,35 @@ | |||
1 | <?php | ||
2 | |||
3 | include("../mpdf.php"); | ||
4 | |||
5 | $mpdf=new mPDF('','','','',15,15,47,16,9,9); | ||
6 | $mpdf->SetImportUse(); | ||
7 | |||
8 | $mpdf->SetDocTemplate('sample_logoheader2.pdf',1); // 1|0 to continue after end of document or not - used on matching page numbers | ||
9 | |||
10 | //=================================================== | ||
11 | $mpdf->AddPage(); | ||
12 | $mpdf->WriteHTML('Hallo World'); | ||
13 | $mpdf->AddPage(); | ||
14 | $mpdf->WriteHTML('Hallo World'); | ||
15 | $mpdf->AddPage(); | ||
16 | $mpdf->WriteHTML('Hallo World'); | ||
17 | //=================================================== | ||
18 | |||
19 | $mpdf->RestartDocTemplate(); | ||
20 | |||
21 | //=================================================== | ||
22 | $mpdf->AddPage(); | ||
23 | $mpdf->WriteHTML('Hallo World'); | ||
24 | $mpdf->AddPage(); | ||
25 | $mpdf->WriteHTML('Hallo World'); | ||
26 | $mpdf->AddPage(); | ||
27 | $mpdf->WriteHTML('Hallo World'); | ||
28 | //=================================================== | ||
29 | |||
30 | |||
31 | $mpdf->Output(); | ||
32 | |||
33 | exit; | ||
34 | |||
35 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example43_MPDFI_booklet.php b/inc/3rdparty/libraries/mpdf/examples/example43_MPDFI_booklet.php new file mode 100644 index 00000000..8144a3a0 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example43_MPDFI_booklet.php | |||
@@ -0,0 +1,121 @@ | |||
1 | <?php | ||
2 | |||
3 | $html = ' | ||
4 | <html><head> | ||
5 | <meta http-equiv="Content-Language" content="en-GB"> | ||
6 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
7 | <style> | ||
8 | body { font-family:"Times New Roman"; font-size:14pt; } | ||
9 | p { margin: 0; } | ||
10 | </style> | ||
11 | </head><body> | ||
12 | |||
13 | <!-- SECTION 1 --> | ||
14 | <h1>mPDF Example Booklet</h1> | ||
15 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
16 | |||
17 | |||
18 | <p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
19 | |||
20 | <h4>Little Women - Chapter One - Playing Pilgrims</h4> | ||
21 | |||
22 | <p> Christmas won\'t be Christmas without any presents, grumbled Jo, lying on the rug.</p><p> It\'s so dreadful to be poor! sighed Meg, looking down at her old dress.</p><p> I don\'t think it\'s fair for some girls to have plenty of pretty things, and other girls nothing at all, added little Amy, with an injured sniff.</p><p> We\'ve got Father and Mother, and each other, said Beth contentedly from her corner.</p><p>The four young faces on which the firelight shone brightened at the cheerful words, but darkened again as Jo said sadly, We haven\'t got Father, and shall not have him for a long time. She didn\'t say perhaps never, but each silently added it, thinking of Father far away, where the fighting was.</p><p>Nobody spoke for a minute; then Meg said in an altered tone, You know the reason Mother proposed not having any presents this Christmas was because it is going to be a hard winter for everyone; and she thinks we ought not to spend money for pleasure, when our men are suffering so in the army. We can\'t do much, but we can make our little sacrifices, and ought to do it gladly. But I am afraid I don\'t And Meg shook her head, as she thought regretfully of all the pretty things she wanted.</p><p> But I don\'t think the little we should spend would do any good. We\'ve each got a dollar, and the army wouldn\'t be much helped by our giving that. I agree not to expect anything from Mother or you, but I do want to buy UNDINE AND SINTRAM for myself. I\'ve wanted it so long, said Jo, who was a bookworm.</p><p> I planned to spend mine in new music, said Beth, with a little sigh, which no one heard but the hearth brush and kettle holder.</p><p> I shall get a nice box of Faber\'s drawing pencils. I really need them, said Amy decidedly.</p><p> Mother didn\'t say anything about our money, and she won\'t wish us to give up everything. Let\'s each buy what we want, and have a little fun. I\'m sure we work hard enough to earn it, cried Jo, examining the heels of her shoes in a gentlemanly manner.</p><p> I know I do—teaching those tiresome children nearly all day, when I\'m longing to enjoy myself at home, began Meg, in the complaining tone again.</p><p> You don\'t have half such a hard time as I do, said Jo. How would you like to be shut up for hours with a nervous, fussy old lady, who keeps you trotting, is never satisfied, and worries you till you you\'re ready to fly out the window or cry? </p><p> It\'s naughty to fret, but I do think washing dishes and keeping things tidy is the worst work in the world. It makes me cross, and my hands get so stiff, I can\'t practice well at all. And Beth looked at her rough hands with a sigh that any one could hear that time.</p><p> I don\'t believe any of you suffer as I do, cried Amy, for you don\'t have to go to school with impertinent girls, who plague you if you don\'t know your lessons, and laugh at your dresses, and label your father if he isn\'t rich, and insult you when your nose isn\'t nice. </p><p> If you mean libel, I\'d say so, and not talk about labels, as if Papa was a pickle bottle, advised Jo, laughing.</p><p> I know what I mean, and you needn\'t be satirical about it. It\'s proper to use good words, and improve your vocabulary, returned Amy, with dignity.</p><p> Don\'t peck at one another, children. Don\'t you wish we had the money Papa lost when we were little, Jo? Dear me! How happy and good we\'d be, if we had no worries! said Meg, who could remember better times.</p><p> You said the other day you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money. </p><p> So I did, Beth. Well, I think we are. For though we do have to work, we make fun of ourselves, and are a pretty jolly set, as Jo would say. </p><p> Jo does use such slang words! observed Amy, with a reproving look at the long figure stretched on the rug.</p><p>Jo immediately sat up, put her hands in her pockets, and began to whistle.</p><p> Don\'t, Jo. It\'s so boyish! </p><p> That\'s why I do it. </p><p> I detest rude, unladylike girls! </p><p> I hate affected, niminy-piminy chits! </p><p> Birds in their little nests agree, sang Beth, the peacemaker, with such a funny face that both sharp voices softened to a laugh, and the pecking ended for that time.</p><p> Really, girls, you are both to be blamed, said Meg, beginning to lecture in her elder-sisterly fashion. You are old enough to leave off boyish tricks, and to behave better, Josephine. It didn\'t matter so much when you were a little girl, but now you are so tall, and turn up your hair, you should remember that you are a young lady. </p><p> I\'m not! And if turning up my hair makes me one, I\'ll wear it in two tails till I\'m twenty, cried Jo, pulling off her net, and shaking down a chestnut mane. I hate to think I\'ve got to grow up, and be Miss March, and wear long gowns, and look as prim as a China Aster! It\'s bad enough to be a girl, anyway, when I like boy\'s games and work and manners! I can\'t get over my disappointment in not being a boy. And it\'s worse than ever now, for I\'m dying to go and fight with Papa. And I can only stay home and knit, like a poky old woman! </p><p>And Jo shook the blue army sock till the needles rattled like castanets, and her ball bounded across the room.</p><p> Poor Jo! It\'s too bad, but it can\'t be helped. So you must try to be contented with making your name boyish, and playing brother to us girls, said Beth, stroking the rough head with a hand that all the dish washing and dusting in the world could not make ungentle in its touch.</p><p> As for you, Amy, continued Meg, you are altogether to particular and prim. Your airs are funny now, but you\'ll grow up an affected little goose, if you don\'t take care. I I like your nice manners and refined ways of speaking, when you don\'t try to be elegant. But your absurd words are as bad as Jo\'s slang. </p><p> If Jo is a tomboy and Amy a goose, what am I, please? asked Beth, ready to share the lecture.</p><p> You\'re a dear, and nothing else, answered Meg warmly, and no one contradicted her, for the \'Mouse\' was the pet of the family.</p> | ||
23 | |||
24 | <h4>Little Women - Chapter One - Playing Pilgrims</h4> | ||
25 | |||
26 | <p> Christmas won\'t be Christmas without any presents, grumbled Jo, lying on the rug.</p><p> It\'s so dreadful to be poor! sighed Meg, looking down at her old dress.</p><p> I don\'t think it\'s fair for some girls to have plenty of pretty things, and other girls nothing at all, added little Amy, with an injured sniff.</p><p> We\'ve got Father and Mother, and each other, said Beth contentedly from her corner.</p><p>The four young faces on which the firelight shone brightened at the cheerful words, but darkened again as Jo said sadly, We haven\'t got Father, and shall not have him for a long time. She didn\'t say perhaps never, but each silently added it, thinking of Father far away, where the fighting was.</p><p>Nobody spoke for a minute; then Meg said in an altered tone, You know the reason Mother proposed not having any presents this Christmas was because it is going to be a hard winter for everyone; and she thinks we ought not to spend money for pleasure, when our men are suffering so in the army. We can\'t do much, but we can make our little sacrifices, and ought to do it gladly. But I am afraid I don\'t And Meg shook her head, as she thought regretfully of all the pretty things she wanted.</p><p> But I don\'t think the little we should spend would do any good. We\'ve each got a dollar, and the army wouldn\'t be much helped by our giving that. I agree not to expect anything from Mother or you, but I do want to buy UNDINE AND SINTRAM for myself. I\'ve wanted it so long, said Jo, who was a bookworm.</p><p> I planned to spend mine in new music, said Beth, with a little sigh, which no one heard but the hearth brush and kettle holder.</p><p> I shall get a nice box of Faber\'s drawing pencils. I really need them, said Amy decidedly.</p><p> Mother didn\'t say anything about our money, and she won\'t wish us to give up everything. Let\'s each buy what we want, and have a little fun. I\'m sure we work hard enough to earn it, cried Jo, examining the heels of her shoes in a gentlemanly manner.</p><p> I know I do—teaching those tiresome children nearly all day, when I\'m longing to enjoy myself at home, began Meg, in the complaining tone again.</p><p> You don\'t have half such a hard time as I do, said Jo. How would you like to be shut up for hours with a nervous, fussy old lady, who keeps you trotting, is never satisfied, and worries you till you you\'re ready to fly out the window or cry? </p><p> It\'s naughty to fret, but I do think washing dishes and keeping things tidy is the worst work in the world. It makes me cross, and my hands get so stiff, I can\'t practice well at all. And Beth looked at her rough hands with a sigh that any one could hear that time.</p><p> I don\'t believe any of you suffer as I do, cried Amy, for you don\'t have to go to school with impertinent girls, who plague you if you don\'t know your lessons, and laugh at your dresses, and label your father if he isn\'t rich, and insult you when your nose isn\'t nice. </p><p> If you mean libel, I\'d say so, and not talk about labels, as if Papa was a pickle bottle, advised Jo, laughing.</p><p> I know what I mean, and you needn\'t be satirical about it. It\'s proper to use good words, and improve your vocabulary, returned Amy, with dignity.</p><p> Don\'t peck at one another, children. Don\'t you wish we had the money Papa lost when we were little, Jo? Dear me! How happy and good we\'d be, if we had no worries! said Meg, who could remember better times.</p><p> You said the other day you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money. </p><p> So I did, Beth. Well, I think we are. For though we do have to work, we make fun of ourselves, and are a pretty jolly set, as Jo would say. </p><p> Jo does use such slang words! observed Amy, with a reproving look at the long figure stretched on the rug.</p><p>Jo immediately sat up, put her hands in her pockets, and began to whistle.</p><p> Don\'t, Jo. It\'s so boyish! </p><p> That\'s why I do it. </p><p> I detest rude, unladylike girls! </p><p> I hate affected, niminy-piminy chits! </p><p> Birds in their little nests agree, sang Beth, the peacemaker, with such a funny face that both sharp voices softened to a laugh, and the pecking ended for that time.</p><p> Really, girls, you are both to be blamed, said Meg, beginning to lecture in her elder-sisterly fashion. You are old enough to leave off boyish tricks, and to behave better, Josephine. It didn\'t matter so much when you were a little girl, but now you are so tall, and turn up your hair, you should remember that you are a young lady. </p><p> I\'m not! And if turning up my hair makes me one, I\'ll wear it in two tails till I\'m twenty, cried Jo, pulling off her net, and shaking down a chestnut mane. I hate to think I\'ve got to grow up, and be Miss March, and wear long gowns, and look as prim as a China Aster! It\'s bad enough to be a girl, anyway, when I like boy\'s games and work and manners! I can\'t get over my disappointment in not being a boy. And it\'s worse than ever now, for I\'m dying to go and fight with Papa. And I can only stay home and knit, like a poky old woman! </p><p>And Jo shook the blue army sock till the needles rattled like castanets, and her ball bounded across the room.</p><p> Poor Jo! It\'s too bad, but it can\'t be helped. So you must try to be contented with making your name boyish, and playing brother to us girls, said Beth, stroking the rough head with a hand that all the dish washing and dusting in the world could not make ungentle in its touch.</p><p> As for you, Amy, continued Meg, you are altogether to particular and prim. Your airs are funny now, but you\'ll grow up an affected little goose, if you don\'t take care. I I like your nice manners and refined ways of speaking, when you don\'t try to be elegant. But your absurd words are as bad as Jo\'s slang. </p><p> If Jo is a tomboy and Amy a goose, what am I, please? asked Beth, ready to share the lecture.</p><p> You\'re a dear, and nothing else, answered Meg warmly, and no one contradicted her, for the \'Mouse\' was the pet of the family.</p> | ||
27 | |||
28 | </body></html>'; | ||
29 | |||
30 | //============================================================== | ||
31 | //============================================================== | ||
32 | //============================================================== | ||
33 | |||
34 | |||
35 | include("../mpdf.php"); | ||
36 | |||
37 | $mpdf=new mPDF('c','A4','','',32,25,27,25,16,13); | ||
38 | |||
39 | $mpdf->mirrorMargins = 1; | ||
40 | $mpdf->SetDisplayMode('fullpage','two'); | ||
41 | $mpdf->useOnlyCoreFonts = true; | ||
42 | $mpdf->defaultfooterfontsize = 13; | ||
43 | $mpdf->AddPage(); | ||
44 | $mpdf->Image('clematis.jpg',0,0,210,297,'jpg','',true, false); // e.g. the last "false" allows a full page picture | ||
45 | $mpdf->y = 70; | ||
46 | $mpdf->Shaded_box('mPDF Example File', 'Arial', '', 28, '70%', 'DF', 3, '#FFFFFF', '#000044', 10); | ||
47 | |||
48 | $mpdf->AddPage(); | ||
49 | $mpdf->SetFooter('{PAGENO}'); | ||
50 | $mpdf->WriteHTML($html); | ||
51 | |||
52 | |||
53 | $mpdf->AddPage('','NEXT-EVEN'); | ||
54 | $mpdf->SetFooter(); | ||
55 | $mpdf->SetAlpha(0.5); | ||
56 | $mpdf->Image('clematis.jpg',0,0,210,297,'jpg','',true, false); // e.g. the last "false" allows a full page picture | ||
57 | $mpdf->SetAlpha(1); | ||
58 | |||
59 | $mpdf->writeBarcode('978-0-9542246-0-8', 1, 130, 230, 1,0, 3,3,4,4); | ||
60 | |||
61 | // Save the pages to a file | ||
62 | $mpdf->Output('test.pdf','F'); | ||
63 | //============================================================== | ||
64 | //============================================================== | ||
65 | //============================================================== | ||
66 | //============================================================== | ||
67 | //============================================================== | ||
68 | //============================================================== | ||
69 | //============================================================== | ||
70 | |||
71 | function GetBookletPages($np, $backcover=true) { | ||
72 | $lastpage = $np; | ||
73 | $np = 4*ceil($np/4); | ||
74 | $pp = array(); | ||
75 | for ($i=1; $i<=$np/2; $i++) { | ||
76 | $p1 = $np - $i + 1; | ||
77 | if ($backcover) { | ||
78 | if ($i == 1) { $p1 = $lastpage; } | ||
79 | else if ($p1 >= $lastpage) { $p1 = 0; } | ||
80 | } | ||
81 | if ($i % 2 == 1) { | ||
82 | $pp[] = array( $p1, $i ); | ||
83 | } | ||
84 | else { | ||
85 | $pp[] = array( $i, $p1 ); | ||
86 | } | ||
87 | } | ||
88 | return $pp; | ||
89 | } | ||
90 | |||
91 | |||
92 | |||
93 | $mpdf=new mPDF('','A4-L','','',0,0,0,0,0,0); | ||
94 | $mpdf->SetImportUse(); | ||
95 | $ow = $mpdf->h; | ||
96 | $oh = $mpdf->w; | ||
97 | $pw = $mpdf->w / 2; | ||
98 | $ph = $mpdf->h; | ||
99 | |||
100 | $mpdf->SetDisplayMode('fullpage'); | ||
101 | |||
102 | $pagecount = $mpdf->SetSourceFile('test.pdf'); | ||
103 | $pp = GetBookletPages($pagecount); | ||
104 | |||
105 | foreach($pp AS $v) { | ||
106 | $mpdf->AddPage(); | ||
107 | if ($v[0]>0 && $v[0]<=$pagecount) { | ||
108 | $tplIdx = $mpdf->ImportPage($v[0], 0,0,$ow,$oh); | ||
109 | $mpdf->UseTemplate($tplIdx, 0, 0, $pw, $ph); | ||
110 | } | ||
111 | if ($v[1]>0 && $v[1]<=$pagecount) { | ||
112 | $tplIdx = $mpdf->ImportPage($v[1], 0,0,$ow,$oh); | ||
113 | $mpdf->UseTemplate($tplIdx, $pw, 0, $pw, $ph); | ||
114 | } | ||
115 | } | ||
116 | |||
117 | $mpdf->Output(); | ||
118 | |||
119 | exit; | ||
120 | |||
121 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example44_MPDFI_yearbook.php b/inc/3rdparty/libraries/mpdf/examples/example44_MPDFI_yearbook.php new file mode 100644 index 00000000..2420b9f3 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example44_MPDFI_yearbook.php | |||
@@ -0,0 +1,150 @@ | |||
1 | <?php | ||
2 | |||
3 | // First write all your entries to a PDF file, forcing each entry to fit on one page | ||
4 | include("../mpdf.php"); | ||
5 | |||
6 | // Define the maximum containing box width & height for each text box as it will appear on the final page (no padding or margin here) | ||
7 | $pw = 80; | ||
8 | $ph = 110; | ||
9 | $minK = 0.7; // Maximum scaling factor 0.7 = 70% | ||
10 | $inc = 0.01; // Increment to change scaling factor 0.05 = 5% | ||
11 | $spacing = 10; // millimetres (vertically and horizonatlly between boxes in output) shrinks if boxes too big | ||
12 | $border = 3; // millimetres round final boxes (-1 for no border) | ||
13 | $align = 'T'; // T(op) or M(iddle) for content of final output boxes | ||
14 | |||
15 | // Only change the first parameter of the next line e.g. utf-8 | ||
16 | $mpdf = new mPDF('', array(($pw*(1/$minK)),($ph*(1/$minK))), '','', 0,($pw*(1/$minK))-$pw,0,($ph*(1/$minK))-$ph,0,0); | ||
17 | |||
18 | $pph = array(); | ||
19 | |||
20 | |||
21 | // FOR EACH ENTRY FOR YOUR YEARBOOK saving the page height in $pph (where $html is the HTML code for the entry): | ||
22 | // $pph[$i] = SinglePage($html, $pw, $ph, $minK); | ||
23 | |||
24 | //============================================================== | ||
25 | // .. but we will use this for an example | ||
26 | |||
27 | $html1 = ' | ||
28 | <style> | ||
29 | div { text-align: justify; } | ||
30 | </style> | ||
31 | <h2>Joanne Smith 2002-2007</h2><div>This is the normal text in the div: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque, <img src="tiger.wmf" width="100" style="float: right; margin: 4px; " /> risus at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed,<img src="tiger.jpg" width="100" style="float: left; margin: 4px; " /> nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </div> | ||
32 | '; | ||
33 | |||
34 | $html2 = ' | ||
35 | <style> | ||
36 | div { text-align: justify; } | ||
37 | </style> | ||
38 | <h2>Tim Another 2001-2007</h2><div>This is the normal text in the div: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque, <img src="tiger.jpg" width="100" style="float: right; margin: 4px; " /> risus at eleifend lacus sapien et risus. Phasellus metus, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. <br /> | ||
39 | Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </div> | ||
40 | '; | ||
41 | |||
42 | for($i=1; $i<=10; $i++) { | ||
43 | // $html = $html; | ||
44 | if ($i % 3 == 1) { $html = $html2; } | ||
45 | else { $html = $html1; } | ||
46 | $pph[$i] = SinglePage($html, $pw, $ph, $minK) ; // $pph saves the actual height of each page | ||
47 | } | ||
48 | //============================================================== | ||
49 | // Save the pages to a file | ||
50 | $mpdf->Output('test.pdf','F'); | ||
51 | |||
52 | // Now collate those pages using IMPORT - 4 pages to one page | ||
53 | |||
54 | $mpdf=new mPDF(); | ||
55 | $mpdf->SetImportUse(); | ||
56 | $mpdf->SetDisplayMode('fullpage'); | ||
57 | |||
58 | $mpdf->SetHeader('{DATE j-m-Y}|My Yearbook 2005|{PAGENO}'); | ||
59 | $mpdf->SetFooter('|Printed using mPDF|'); | ||
60 | |||
61 | $pagecount = $mpdf->SetSourceFile('test.pdf'); | ||
62 | for($i=1; $i<=$pagecount; $i++) { | ||
63 | if ($i % 4 == 1) { $mpdf->AddPage(); } | ||
64 | $pgheight = $mpdf->h - $mpdf->tMargin - $mpdf->bMargin; | ||
65 | $hspacing = min($spacing,($mpdf->pgwidth - $pw*2) ); | ||
66 | $vspacing = min($spacing,($pgheight - $ph*2) ); | ||
67 | $x1 = $mpdf->lMargin + ($mpdf->pgwidth/2 - $hspacing/2 - $pw)/2; | ||
68 | $x2 = $mpdf->lMargin + $mpdf->pgwidth/2 + $hspacing/2 + ($mpdf->pgwidth/2 - $hspacing/2 - $pw)/2; | ||
69 | $y1 = $mpdf->tMargin + ($pgheight /2 - $vspacing/2 - $ph)/2; | ||
70 | $y2 = $mpdf->tMargin + $pgheight /2 + $vspacing/2 + ($pgheight /2 - $vspacing/2 - $ph)/2; | ||
71 | if ($i % 4 == 1) { $x = $x1; $y = $y1; } | ||
72 | else if ($i % 4 == 2) { $x = $x2; $y = $y1; } | ||
73 | else if ($i % 4 == 3) { $x = $x1; $y = $y2; } | ||
74 | else if ($i % 4 == 0) { $x = $x2; $y = $y2; } | ||
75 | $tplIdx = $mpdf->ImportPage($i, 0,0,$pw,$pph[$i]); | ||
76 | |||
77 | if ($align=='T') { $mpdf->UseTemplate($tplIdx, $x, $y, $pw, $pph[$i]); } | ||
78 | else { $mpdf->UseTemplate($tplIdx, $x, ($y + (($ph - $pph[$i])/2)), $pw, $pph[$i]); } | ||
79 | |||
80 | if ($border >= 0) { $mpdf->Rect($x-$border, $y-$border, $pw+2*$border, $ph+2*$border); } | ||
81 | } | ||
82 | |||
83 | $mpdf->Output(); | ||
84 | |||
85 | exit; | ||
86 | |||
87 | //============================================================== | ||
88 | function SinglePage($html, $pw, $ph, $minK=1, $inc=0.1) { | ||
89 | // returns height of page | ||
90 | global $mpdf; | ||
91 | $mpdf->AddPage('','','','','','',($mpdf->w - $pw),'',($mpdf->h - $ph),0,0); | ||
92 | $k = 1; | ||
93 | |||
94 | $currpage = $mpdf->page; | ||
95 | $mpdf->WriteHTML($html); | ||
96 | |||
97 | $newpage = $mpdf->page; | ||
98 | while($currpage != $newpage) { | ||
99 | for($u=0;$u<=($newpage-$currpage);$u++) { | ||
100 | // DELETE PAGE - the added page | ||
101 | unset($mpdf->pages[$mpdf->page]); | ||
102 | if (isset($mpdf->ktAnnots[$mpdf->page])) { unset( $mpdf->ktAnnots[$mpdf->page] ); } | ||
103 | if (isset($mpdf->tbrot_Annots[$mpdf->page])) { unset( $mpdf->tbrot_Annots[$mpdf->page] ); } | ||
104 | if (isset($mpdf->kwt_Annots[$mpdf->page])) { unset( $mpdf->kwt_Annots[$mpdf->page] ); } | ||
105 | if (isset($mpdf->PageAnnots[$mpdf->page])) { unset( $mpdf->PageAnnots[$mpdf->page] ); } | ||
106 | if (isset($mpdf->ktBlock[$mpdf->page])) { unset( $mpdf->ktBlock[$mpdf->page] ); } | ||
107 | if (isset($mpdf->PageLinks[$mpdf->page])) { unset( $mpdf->PageLinks[$mpdf->page] ); } | ||
108 | if (isset($mpdf->pageoutput[$mpdf->page])) { unset( $mpdf->pageoutput[$mpdf->page] ); } | ||
109 | // Go to page before - so can addpage | ||
110 | $mpdf->page--; | ||
111 | } | ||
112 | // mPDF 2.4 Float Images | ||
113 | if (count($mpdf->floatbuffer)) { | ||
114 | $mpdf->objectbuffer[] = $mpdf->floatbuffer['objattr']; | ||
115 | $mpdf->printobjectbuffer(false); | ||
116 | $mpdf->objectbuffer = array(); | ||
117 | $mpdf->floatbuffer = array(); | ||
118 | $mpdf->float = false; | ||
119 | } | ||
120 | |||
121 | |||
122 | $k += $inc; | ||
123 | if ((1/$k) < $minK) { die("Page no. ".$mpdf->page." is too large to fit"); } | ||
124 | $w = $pw * $k; | ||
125 | $h = $ph * $k; | ||
126 | $mpdf->_beginpage('','',($mpdf->w - $w),'',($mpdf->h - $h)); | ||
127 | $currpage = $mpdf->page; | ||
128 | |||
129 | $mpdf->_out('2 J'); | ||
130 | $mpdf->_out(sprintf('%.2f w',0.1*$mpdf->k)); | ||
131 | $mpdf->SetFont($mpdf->default_font,'',$mpdf->default_font_size ,true,true); // forces write | ||
132 | $mpdf->SetDrawColor(0); | ||
133 | $mpdf->SetFillColor(255); | ||
134 | $mpdf->SetTextColor(0); | ||
135 | $mpdf->ColorFlag=false; | ||
136 | |||
137 | // Start Transformation | ||
138 | $mpdf->StartTransform(); | ||
139 | $mpdf->transformScale((100/$k), (100/$k), 0, 0); | ||
140 | |||
141 | $mpdf->WriteHTML($html); | ||
142 | |||
143 | $newpage = $mpdf->page; | ||
144 | |||
145 | //Stop Transformation | ||
146 | $mpdf->StopTransform(); | ||
147 | } | ||
148 | return ($mpdf->y / $k); | ||
149 | } | ||
150 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example46_progress_bars_simple.php b/inc/3rdparty/libraries/mpdf/examples/example46_progress_bars_simple.php new file mode 100644 index 00000000..a0bddac8 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example46_progress_bars_simple.php | |||
@@ -0,0 +1,1595 @@ | |||
1 | <?php | ||
2 | |||
3 | //============================================================== | ||
4 | //============================================================== | ||
5 | define("_JPGRAPH_PATH", '../../jpgraph_5/jpgraph/'); // must define this before including mpdf.php file | ||
6 | $JpgUseSVGFormat = true; | ||
7 | |||
8 | define('_MPDF_URI','../'); // must be a relative or absolute URI - not a file system path | ||
9 | //============================================================== | ||
10 | //============================================================== | ||
11 | |||
12 | |||
13 | ini_set("memory_limit","64M"); | ||
14 | |||
15 | $html = ' | ||
16 | <html><head> | ||
17 | <meta http-equiv="Content-Language" content="en-GB"> | ||
18 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
19 | <style> | ||
20 | body { font-family:"Times New Roman"; font-size:10pt; } | ||
21 | p.littlewomen { margin: 0; font-family: sans-serif; text-align: justify; } | ||
22 | |||
23 | h1, h2, h3, h4, h5, h6 { font-family: DejaVuSansCondensed; } | ||
24 | table {font-family: DejaVuSansCondensed; font-size: 9pt; line-height: 1.2; | ||
25 | vertical-align: top; | ||
26 | margin-top: 2pt; margin-bottom: 5pt; | ||
27 | border-collapse: collapse; } | ||
28 | |||
29 | thead { font-weight: bold; vertical-align: bottom; } | ||
30 | |||
31 | th { font-weight: bold; | ||
32 | text-align:left; | ||
33 | padding-left: 2mm; | ||
34 | padding-right: 2mm; | ||
35 | padding-top: 0.5mm; | ||
36 | padding-bottom: 0.5mm; | ||
37 | } | ||
38 | |||
39 | td { padding-left: 2mm; | ||
40 | text-align:left; | ||
41 | padding-right: 2mm; | ||
42 | padding-top: 0.5mm; | ||
43 | padding-bottom: 0.5mm; | ||
44 | } | ||
45 | |||
46 | th p { text-align: left; margin:0pt; } | ||
47 | td p { text-align: left; margin:0pt; } | ||
48 | |||
49 | table.widecells td { | ||
50 | padding-left: 5mm; | ||
51 | padding-right: 5mm; | ||
52 | } | ||
53 | table.tallcells td { | ||
54 | padding-top: 3mm; | ||
55 | padding-bottom: 3mm; | ||
56 | } .sub td { vertical-align:top; border-top:0px; border-bottom:0px; padding:2px; padding-right:8px; | ||
57 | margin:0; font-size:9pt; } | ||
58 | .sub { align:center; border:#888888 1px solid; } | ||
59 | thead td { font-weight: bold; } | ||
60 | |||
61 | table.nested { | ||
62 | border-collapse: separate; | ||
63 | border: 4px solid #880000; | ||
64 | padding: 3px; | ||
65 | margin: 0px 20px 0px 20px; | ||
66 | empty-cells: hide; | ||
67 | background-color:#FFFFCC; | ||
68 | } | ||
69 | table.nested td { | ||
70 | border: 1px solid #008800; | ||
71 | padding: 0px; | ||
72 | background-color:#ECFFDF; | ||
73 | } | ||
74 | table.outer2 { | ||
75 | border-collapse: separate; | ||
76 | border: 4px solid #088000; | ||
77 | padding: 3px; | ||
78 | margin: 10px 0px; | ||
79 | empty-cells: hide; | ||
80 | background-color: yellow; | ||
81 | } | ||
82 | table.outer2 td { | ||
83 | font-family: Times; | ||
84 | border: 1px solid #008800; | ||
85 | padding: 0px; | ||
86 | background-color:#ECFFDF; | ||
87 | } | ||
88 | table.inner { | ||
89 | border-collapse: collapse; | ||
90 | border: 2px solid #000088; | ||
91 | padding: 3px; | ||
92 | margin: 5px; | ||
93 | empty-cells: show; | ||
94 | background-color:#FFCCFF; | ||
95 | } | ||
96 | table.inner td { | ||
97 | border: 1px solid #000088; | ||
98 | padding: 0px; | ||
99 | font-family: monospace; | ||
100 | font-style: italic; | ||
101 | font-weight: bold; | ||
102 | color: #880000; | ||
103 | background-color:#FFECDF; | ||
104 | } | ||
105 | table.collapsed { | ||
106 | border-collapse: collapse; | ||
107 | } | ||
108 | table.collapsed td { | ||
109 | background-color:#EDFCFF; | ||
110 | } | ||
111 | .headerrow td, .headerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
112 | .footerrow td, .footerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
113 | |||
114 | .evenrow td, .evenrow th { background-color: #f5f8f5; } | ||
115 | .oddrow td, .oddrow th { background-color: #e3ece4; } | ||
116 | |||
117 | .bpmTopic { background-color: #e3ece4; } | ||
118 | .bpmTopicC { background-color: #e3ece4; } | ||
119 | .bpmNoLines { background-color: #e3ece4; } | ||
120 | .bpmNoLinesC { background-color: #e3ece4; } | ||
121 | .bpmClear { } | ||
122 | .bpmClearC { text-align: center; } | ||
123 | .bpmTopnTail { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
124 | .bpmTopnTailC { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
125 | .bpmTopnTailClear { topntail: 0.02cm solid #495b4a; } | ||
126 | .bpmTopnTailClearC { topntail: 0.02cm solid #495b4a; } | ||
127 | |||
128 | .bpmTopicC td, .bpmTopicC td p { text-align: center; } | ||
129 | .bpmNoLinesC td, .bpmNoLinesC td p { text-align: center; } | ||
130 | .bpmClearC td, .bpmClearC td p { text-align: center; } | ||
131 | .bpmTopnTailC td, .bpmTopnTailC td p { text-align: center; } | ||
132 | .bpmTopnTailClearC td, .bpmTopnTailClearC td p { text-align: center; } | ||
133 | |||
134 | .pmhMiddleCenter { text-align:center; vertical-align:middle; } | ||
135 | .pmhMiddleRight { text-align:right; vertical-align:middle; } | ||
136 | .pmhBottomCenter { text-align:center; vertical-align:bottom; } | ||
137 | .pmhBottomRight { text-align:right; vertical-align:bottom; } | ||
138 | .pmhTopCenter { text-align:center; vertical-align:top; } | ||
139 | .pmhTopRight { text-align:right; vertical-align:top; } | ||
140 | .pmhTopLeft { text-align:left; vertical-align:top; } | ||
141 | .pmhBottomLeft { text-align:left; vertical-align:bottom; } | ||
142 | .pmhMiddleLeft { text-align:left; vertical-align:middle; } | ||
143 | |||
144 | .bpmTopic td, .bpmTopic th { border-top: 1px solid #FFFFFF; } | ||
145 | .bpmTopicC td, .bpmTopicC th { border-top: 1px solid #FFFFFF; } | ||
146 | .bpmTopnTail td, .bpmTopnTail th { border-top: 1px solid #FFFFFF; } | ||
147 | .bpmTopnTailC td, .bpmTopnTailC th { border-top: 1px solid #FFFFFF; } | ||
148 | .lista { list-style-type: upper-roman; } | ||
149 | .listb{ list-style-type: decimal; font-family: sans-serif; color: blue; font-weight: bold; font-style: italic; font-size: 19pt; } | ||
150 | .listc{ list-style-type: upper-alpha; text-indent: 25mm; } | ||
151 | .listd{ list-style-type: lower-alpha; color: teal; line-height: 2; } | ||
152 | .liste{ list-style-type: disc; } | ||
153 | |||
154 | .roundgradient { | ||
155 | border:0.05mm solid #220044; | ||
156 | background-color: #f0f2ff; | ||
157 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
158 | border-radius: 10mm / 10mm; | ||
159 | background-clip: border-box; | ||
160 | padding: 3.3mm; | ||
161 | } | ||
162 | .phpcode { | ||
163 | border:1px solid #555555; | ||
164 | background-color: #DDDDDD; | ||
165 | padding: 1em; | ||
166 | font-size:8pt; | ||
167 | font-family: lucidaconsole, mono; | ||
168 | } | ||
169 | </style> | ||
170 | </head><body> | ||
171 | |||
172 | <!-- DEFINE HEADERS & FOOTERS --> | ||
173 | <htmlpageheader name="myHTMLHeaderOdd"> | ||
174 | <div style="font-family:sans-serif; background-color:#BBEEFF" align="center"><b>mPDF Example File</b></div> | ||
175 | </htmlpageheader> | ||
176 | <htmlpageheader name="myHTMLHeaderEven"> | ||
177 | <div style="font-family:sans-serif; background-color:#EFFBBE" align="center"><b><i>mPDF Example File</i></b></div> | ||
178 | </htmlpageheader> | ||
179 | <htmlpagefooter name="myHTMLFooterOdd" style="display:none"> | ||
180 | <div style="font-family:sans-serif; background-color:#CFFFFC" align="center"><b>{PAGENO}/{nbpg}</b></div> | ||
181 | </htmlpagefooter> | ||
182 | <htmlpagefooter name="myHTMLFooterEven" style="display:none"> | ||
183 | <div style="font-family:sans-serif; background-color:#FFCCFF" align="center"><b><i>{PAGENO}/{nbpg}</i></b></div> | ||
184 | </htmlpagefooter> | ||
185 | |||
186 | <pagefooter name="myFooter2Odd" content-left="" content-center="mPDF Example File" content-right="{PAGENO}/{nbpg}" footer-style="font-family:sans-serif; font-size:9pt; font-weight:bold; color:#000088;" footer-style-right="font-weight: bold;" line="on" /> | ||
187 | |||
188 | <pagefooter name="myFooter2Even" content-left="{PAGENO}/{nbpg}" content-center="mPDF Example File" content-right="{DATE j-m-Y}" footer-style="font-family:sans-serif; font-size:10pt; color:#880000;" footer-style-left="font-weight:bold;" line="on" /> | ||
189 | |||
190 | |||
191 | <!-- FRONT COVER --> | ||
192 | <div style="position: absolute; left:0; right: 0; top: 0; bottom: 0;"> | ||
193 | <img src="clematis.jpg" style="width: 210mm; height: 297mm; margin: 0;" /> | ||
194 | </div> | ||
195 | |||
196 | <div style="position: absolute; left:32mm; right: 25mm; top: 70mm; width: 58%; margin-right: auto; margin-left:auto; "> | ||
197 | <div style="padding: 1em; font-family: Arial; font-weight: bold; font-size: 28pt; border: 3px solid #000044; border-radius: 5mm; background-clip: border-box; color: #000044; background-color: #FFFFFF;"> | ||
198 | mPDF Example File | ||
199 | </div> | ||
200 | </div> | ||
201 | |||
202 | <pagebreak /> | ||
203 | |||
204 | <p>The front cover can also be produced like this:</p> | ||
205 | <!-- EXAMPLE PHP CODE --> | ||
206 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
207 | $mpdf->Image(\'clematis.jpg\',0,0,210,297,\'jpg\',\'\',true, false); | ||
208 | // the last "false" allows a full page picture | ||
209 | |||
210 | $mpdf->y = 70; | ||
211 | $mpdf->Shaded_box(\'mPDF Example File\', \'Trebuchet\', \'\', 28, \'70%\', \'DF\', 3, \'#FFFFFF\', \'#000044\', 10); | ||
212 | ')) .'</div> | ||
213 | <!-- END EXAMPLE PHP CODE --> | ||
214 | |||
215 | |||
216 | <!-- TABLES OF CONTENTS --> | ||
217 | <tocpagebreak toc-preHTML="<h2>CONTENTS</h2>" links="1" toc-bookmarkText="Contents" resetpagenum="1" pagenumstyle="1" | ||
218 | odd-header-name="html_myHTMLHeaderOdd" odd-header-value="1" even-header-name="html_myHTMLHeaderEven" even-header-value="1" odd-footer-name="myFooter2Odd" odd-footer-value="1" even-footer-name="myFooter2Even" even-footer-value="1" /> | ||
219 | |||
220 | <tocpagebreak name="Figures" toc-preHTML="<h2>FIGURES</h2>" links="1" toc-bookmarkText="Figures" /> | ||
221 | |||
222 | <tocpagebreak name="Tables" toc-preHTML="<h2>TABLES</h2>" links="1" toc-bookmarkText="Tables" /> | ||
223 | |||
224 | |||
225 | |||
226 | <!-- SECTION 1 --> | ||
227 | <h1>(H1) mPDF</h1> | ||
228 | <h2>(H2) Section 1<bookmark content="Section 1" level="0" /></h2> | ||
229 | <h3>(H3) HTML Markup<bookmark content="HTML Markup" level="1" /><tocentry name="" content="HTML Markup" level="0" /><indexentry content="HTML Markup" /></h3> | ||
230 | |||
231 | <tocentry name="" content="HTML Markup" level="1" /> | ||
232 | <tocentry name="" content="HTML Markup" level="2" /> | ||
233 | |||
234 | <h4>Heading 4</h4> | ||
235 | <h5>Heading 5</h5> | ||
236 | <h6>Heading 6</h6> | ||
237 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
238 | |||
239 | <hr /> | ||
240 | |||
241 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
242 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
243 | |||
244 | <blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote> | ||
245 | |||
246 | <address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address> | ||
247 | |||
248 | <pre>PRE: Cum sociis natoque penatibus et magnis dis parturient montes, | ||
249 | nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis | ||
250 | dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras | ||
251 | sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. | ||
252 | Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, | ||
253 | ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui.</pre> | ||
254 | |||
255 | <div><a href="http://mpdf.bpm1.com/manual/">Hyperlink (<a>)</a></div> | ||
256 | |||
257 | <div>Styles - <tt>tt(teletype)</tt> <i>italic</i> <b>bold</b> <big>big</big> <small>small</small> <em>emphasis</em> <strong>strong</strong> <br />new lines<br> | ||
258 | <code>code</code> <samp>sample</samp> <kbd>keyboard</kbd> <var>variable</var> <cite>citation</cite> <abbr>abbr.</abbr> <acronym>ACRONYM</acronym> <sup>sup</sup> <sub>sub</sub> <strike>strike</strike> <s>strike-s</s> <u>underline</u> <del>delete</del> <ins>insert</ins> <q>To be or not to be</q> <font face="sans-serif" color="#880000" size="5">font changing face, size and color</font> | ||
259 | </div> | ||
260 | |||
261 | <p style="font-size:15pt; color:#440066">Paragraph using the in-line style to determine the font-size (15pt) and colour</p> | ||
262 | |||
263 | |||
264 | <h3>Testing BIG, SMALL, UNDERLINE, STRIKETHROUGH, FONT color, ACRONYM, SUPERSCRIPT and SUBSCRIPT</h3> | ||
265 | <p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline and <s>strikethrough and <sup>sup</sup></s></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
266 | |||
267 | <p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
268 | |||
269 | <p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
270 | |||
271 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
272 | |||
273 | <p>The above repeated, but starting with a paragraph with font-size specified (7pt)</p> | ||
274 | |||
275 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <small>small <s>strikethrough</s> in small span</small> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
276 | |||
277 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
278 | |||
279 | <p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
280 | |||
281 | <p><small>This tests <u>underline</u> and <s>strikethrough</s> when they are <s><u>used together</u></s> as they both use text-decoration</small></p> | ||
282 | |||
283 | |||
284 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
285 | |||
286 | <p style="font-size:7pt;"><big>Repeated in BIG but with font-size set to 7pt by in-line css: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
287 | |||
288 | <ol> | ||
289 | <li>Item <b><u>1</u></b></li> | ||
290 | <li>Item 2<sup>32</sup></li> | ||
291 | <li><small>Item</small> 3</li> | ||
292 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. | ||
293 | <ul> | ||
294 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. </li> | ||
295 | <li>Subitem 2 | ||
296 | <ul> | ||
297 | <li> | ||
298 | Level 3 subitem | ||
299 | </li> | ||
300 | </ul> | ||
301 | </li> | ||
302 | </ul> | ||
303 | </li> | ||
304 | <li>Item 5</li> | ||
305 | </ol> | ||
306 | |||
307 | <p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
308 | <tocentry name="Tables" content="Basic table" level="0" /> | ||
309 | <table border="1" cellpadding="5"> | ||
310 | <thead> | ||
311 | <tr> | ||
312 | <th>Data</th> | ||
313 | <th>Data</th> | ||
314 | <td>Data</td> | ||
315 | <td>Data<br />2nd line</td> | ||
316 | </tr> | ||
317 | </thead> | ||
318 | <tbody> | ||
319 | <tr> | ||
320 | <th>More Data</th> | ||
321 | <td>More Data</td> | ||
322 | <td>More Data</td> | ||
323 | <td>Data<br />2nd line</td> | ||
324 | </tr> | ||
325 | <tr> | ||
326 | <th>Data</th> | ||
327 | <td>Data</td> | ||
328 | <td>Data</td> | ||
329 | <td>Data<br />2nd line</td> | ||
330 | </tr> | ||
331 | <tr> | ||
332 | <th>Data</th> | ||
333 | <td>Data</td> | ||
334 | <td>Data</td> | ||
335 | <td>Data<br />2nd line</td> | ||
336 | </tr> | ||
337 | </tbody> | ||
338 | </table> | ||
339 | |||
340 | This paragraph has border-radius and background-gradient set. Minimum padding is recommended as 1/3rd of the border-radius. Or can use $mpdf->autoPadding. | ||
341 | <p class="roundgradient">Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
342 | |||
343 | |||
344 | |||
345 | <!-- HYPHENATION --> | ||
346 | <pagebreak /> | ||
347 | <h3>Hyphenation<bookmark content="Hyphenation" level="1" /><tocentry name="" content="Hyphenation" level="0" /><indexentry content="Hyphenation" /></h3> | ||
348 | |||
349 | <h4>Little Women - Chapter One - Playing Pilgrims</h4> | ||
350 | <columns column-count="4" vAlign="J" column-gap="7" /> | ||
351 | |||
352 | <p class="littlewomen"> Christmas won\'t be Christmas without any presents, grumbled Jo, lying on the rug.</p><p class="littlewomen"> It\'s so dreadful to be poor! sighed Meg, looking down at her old dress.</p><p class="littlewomen"> I don\'t think it\'s fair for some girls to have plenty of pretty things, and other girls nothing at all, added little Amy, with an injured sniff.</p><p class="littlewomen"> We\'ve got Father and Mother, and each other, said Beth contentedly from her corner.</p><p class="littlewomen">The four young faces on which the firelight shone brightened at the cheerful words, but darkened again as Jo said sadly, We haven\'t got Father, and shall not have him for a long time. She didn\'t say perhaps never, but each silently added it, thinking of Father far away, where the fighting was.</p><p class="littlewomen">Nobody spoke for a minute; then Meg said in an altered tone, You know the reason Mother proposed not having any presents this Christmas was because it is going to be a hard winter for everyone; and she thinks we ought not to spend money for pleasure, when our men are suffering so in the army. We can\'t do much, but we can make our little sacrifices, and ought to do it gladly. But I am afraid I don\'t And Meg shook her head, as she thought regretfully of all the pretty things she wanted.</p><p class="littlewomen"> But I don\'t think the little we should spend would do any good. We\'ve each got a dollar, and the army wouldn\'t be much helped by our giving that. I agree not to expect anything from Mother or you, but I do want to buy UNDINE AND SINTRAM for myself. I\'ve wanted it so long, said Jo, who was a bookworm.</p><p class="littlewomen"> I planned to spend mine in new music, said Beth, with a little sigh, which no one heard but the hearth brush and kettle holder.</p><p class="littlewomen"> I shall get a nice box of Faber\'s drawing pencils. I really need them, said Amy decidedly.</p><p class="littlewomen"> Mother didn\'t say anything about our money, and she won\'t wish us to give up everything. Let\'s each buy what we want, and have a little fun. I\'m sure we work hard enough to earn it, cried Jo, examining the heels of her shoes in a gentlemanly manner.</p><p class="littlewomen"> I know I do—teaching those tiresome children nearly all day, when I\'m longing to enjoy myself at home, began Meg, in the complaining tone again.</p><p class="littlewomen"> You don\'t have half such a hard time as I do, said Jo. How would you like to be shut up for hours with a nervous, fussy old lady, who keeps you trotting, is never satisfied, and worries you till you you\'re ready to fly out the window or cry? </p><p class="littlewomen"> It\'s naughty to fret, but I do think washing dishes and keeping things tidy is the worst work in the world. It makes me cross, and my hands get so stiff, I can\'t practice well at all. And Beth looked at her rough hands with a sigh that any one could hear that time.</p><p class="littlewomen"> I don\'t believe any of you suffer as I do, cried Amy, for you don\'t have to go to school with impertinent girls, who plague you if you don\'t know your lessons, and laugh at your dresses, and label your father if he isn\'t rich, and insult you when your nose isn\'t nice. </p><p class="littlewomen"> If you mean libel, I\'d say so, and not talk about labels, as if Papa was a pickle bottle, advised Jo, laughing.</p><p class="littlewomen"> I know what I mean, and you needn\'t be satirical about it. It\'s proper to use good words, and improve your vocabulary, returned Amy, with dignity.</p><p class="littlewomen"> Don\'t peck at one another, children. Don\'t you wish we had the money Papa lost when we were little, Jo? Dear me! How happy and good we\'d be, if we had no worries! said Meg, who could remember better times.</p><p class="littlewomen"> You said the other day you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money. </p><p class="littlewomen"> So I did, Beth. Well, I think we are. For though we do have to work, we make fun of ourselves, and are a pretty jolly set, as Jo would say. </p><p class="littlewomen"> Jo does use such slang words! observed Amy, with a reproving look at the long figure stretched on the rug.</p><p class="littlewomen">Jo immediately sat up, put her hands in her pockets, and began to whistle.</p><p class="littlewomen"> Don\'t, Jo. It\'s so boyish! </p><p class="littlewomen"> That\'s why I do it. </p><p class="littlewomen"> I detest rude, unladylike girls! </p><p class="littlewomen"> I hate affected, niminy-piminy chits! </p><p class="littlewomen"> Birds in their little nests agree, sang Beth, the peacemaker, with such a funny face that both sharp voices softened to a laugh, and the pecking ended for that time.</p><p class="littlewomen"> Really, girls, you are both to be blamed, said Meg, beginning to lecture in her elder-sisterly fashion. You are old enough to leave off boyish tricks, and to behave better, Josephine. It didn\'t matter so much when you were a little girl, but now you are so tall, and turn up your hair, you should remember that you are a young lady. </p><p class="littlewomen"> I\'m not! And if turning up my hair makes me one, I\'ll wear it in two tails till I\'m twenty, cried Jo, pulling off her net, and shaking down a chestnut mane. I hate to think I\'ve got to grow up, and be Miss March, and wear long gowns, and look as prim as a China Aster! It\'s bad enough to be a girl, anyway, when I like boy\'s games and work and manners! I can\'t get over my disappointment in not being a boy. And it\'s worse than ever now, for I\'m dying to go and fight with Papa. And I can only stay home and knit, like a poky old woman! </p><p class="littlewomen">And Jo shook the blue army sock till the needles rattled like castanets, and her ball bounded across the room.</p><p class="littlewomen"> Poor Jo! It\'s too bad, but it can\'t be helped. So you must try to be contented with making your name boyish, and playing brother to us girls, said Beth, stroking the rough head with a hand that all the dish washing and dusting in the world could not make ungentle in its touch.</p><p class="littlewomen"> As for you, Amy, continued Meg, you are altogether to particular and prim. Your airs are funny now, but you\'ll grow up an affected little goose, if you don\'t take care. I I like your nice manners and refined ways of speaking, when you don\'t try to be elegant. But your absurd words are as bad as Jo\'s slang. </p><p class="littlewomen"> If Jo is a tomboy and Amy a goose, what am I, please? asked Beth, ready to share the lecture.</p><p class="littlewomen"> You\'re a dear, and nothing else, answered Meg warmly, and no one contradicted her, for the \'Mouse\' was the pet of the family.</p> | ||
353 | |||
354 | <columns column-count="1" /> | ||
355 | |||
356 | |||
357 | |||
358 | |||
359 | |||
360 | |||
361 | <!-- LISTS --> | ||
362 | <pagebreak /> | ||
363 | <h3>Lists<bookmark content="Lists" level="1" /><tocentry name="" content="Lists" level="0" /><indexentry content="Lists" /></h3> | ||
364 | <div style="background-color:#ddccff; padding:0pt; border: 1px solid #555555;"> | ||
365 | <ol class="lista"> | ||
366 | <li>Text here lorem ipsum ibisque totum.</li> | ||
367 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
368 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
369 | <li>Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum.</li> | ||
370 | <li>Text here lorem ipsum ibisque totum.</li> | ||
371 | <li>Text here lorem ipsum ibisque totum. | ||
372 | <ol class="listb"> | ||
373 | <li>Text here lorem ipsum ibisque totum.</li> | ||
374 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
375 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
376 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
377 | <li>Text here lorem ipsum ibisque totum.</li> | ||
378 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
379 | <ol class="listc"> | ||
380 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
381 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum. | ||
382 | </li> | ||
383 | <li>Text here lorem ipsum ibisque totum. | ||
384 | <ol class="listd"> | ||
385 | <li>Text here lorem ipsum ibisque totum.</li> | ||
386 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
387 | <li>Text here lorem ipsum ibisque totum.</li> | ||
388 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
389 | <li>Text here lorem ipsum ibisque totum. | ||
390 | <ol class="liste"> | ||
391 | <li>Text here lorem ipsum ibisque totum.</li> | ||
392 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
393 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
394 | <li>Text here lorem ipsum ibisque totum.</li> | ||
395 | <li>Text here lorem ipsum ibisque totum.</li> | ||
396 | </ol> | ||
397 | </li> | ||
398 | <li>Text here lorem ipsum ibisque totum.</li> | ||
399 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
400 | <li>Text here lorem ipsum ibisque totum.</li> | ||
401 | <li>Text here lorem ipsum ibisque totum.</li> | ||
402 | </ol> | ||
403 | </li> | ||
404 | <li>Text here lorem ipsum ibisque totum.</li> | ||
405 | </ol> | ||
406 | </li> | ||
407 | <li>Text here lorem ipsum ibisque totum.</li> | ||
408 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
409 | <li>Text here lorem ipsum ibisque totum.</li> | ||
410 | <li>Text here lorem ipsum ibisque totum.</li> | ||
411 | </ol> | ||
412 | </li> | ||
413 | <li>Text here lorem ipsum ibisque totum.</li> | ||
414 | <li>Text here lorem ipsum ibisque totum. | ||
415 | <ol class="listc"> | ||
416 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
417 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
418 | <li>Text here lorem ipsum ibisque totum. | ||
419 | <ol class="listd"> | ||
420 | <li>Text here lorem ipsum ibisque totum.</li> | ||
421 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
422 | <li>Text here lorem ipsum ibisque totum.</li> | ||
423 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
424 | <ol class="liste"> | ||
425 | <li>Text here lorem ipsum ibisque totum.</li> | ||
426 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
427 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
428 | <li>Text here lorem ipsum ibisque totum.</li> | ||
429 | <li>Text here lorem ipsum ibisque totum.</li> | ||
430 | </ol> | ||
431 | </li> | ||
432 | <li>Text here lorem ipsum ibisque totum.</li> | ||
433 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
434 | <li>Text here lorem ipsum ibisque totum. | ||
435 | <ol> | ||
436 | <li>No class specified. Text here lorem ipsum ibisque totum.</li> | ||
437 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
438 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
439 | <li>Text here lorem ipsum ibisque totum.</li> | ||
440 | <li>Text here lorem ipsum ibisque totum.</li> | ||
441 | </ol> | ||
442 | </li> | ||
443 | </ol> | ||
444 | </li> | ||
445 | </ol> | ||
446 | </li> | ||
447 | <li>Text here lorem ipsum ibisque totum.</li> | ||
448 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
449 | <li>Text here lorem ipsum ibisque totum.</li> | ||
450 | <li>Text here lorem ipsum ibisque totum.</li> | ||
451 | <li>Text here lorem ipsum ibisque totum.</li> | ||
452 | <li>Text here lorem ipsum ibisque totum.</li> | ||
453 | <li>Text here lorem ipsum ibisque totum.</li> | ||
454 | </ol> | ||
455 | </div> | ||
456 | |||
457 | <!-- TABLES --> | ||
458 | <pagebreak /> | ||
459 | <h3>Tables<bookmark content="Tables" level="1" /><tocentry name="" content="Tables" level="0" /><tocentry name="Tables" content="Tables - general" level="0" /><indexentry content="Tables" /></h3> | ||
460 | <p>mPDF supports all in-line properties inside tables.</p> | ||
461 | <table border="1"> | ||
462 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
463 | <tr><td>Row 2</td> | ||
464 | <td> | ||
465 | <p>This is data p</p> | ||
466 | This is data out of p | ||
467 | <p style="font-weight:bold; font-size:20pt; background-color:#FFBBFF;">This is bold data p</p> | ||
468 | <b>This is bold data out of p</b><br /> | ||
469 | This is normal data after br | ||
470 | <h3>Heading 3 inside a table</h3> | ||
471 | Text here lorem <i>ipsum</i> ibisque totum.<sup>32</sup> | ||
472 | <div>This is data div</div> | ||
473 | This is data out of div | ||
474 | <div style="font-weight:bold;">This is data div (bold)</div> | ||
475 | This is data out of div | ||
476 | </td> | ||
477 | |||
478 | <td>Also data</td></tr> | ||
479 | </tbody></table> | ||
480 | |||
481 | <p>This table has padding-top and -bottom set to 3mm i.e. padding within the cells. Also background-, border colour and style, font family and size are set by in-line <acronym>CSS</acronym>.</p> | ||
482 | <table style="border: 1px solid #880000; background-color: #BBCCDD; font-family: Mono; font-size: 7pt; " class="tallcells"> | ||
483 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
484 | <tr><td>Row 2</td><td><p>This is data p</p></td><td><p>More data</p></td></tr> | ||
485 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
486 | </tbody></table> | ||
487 | |||
488 | |||
489 | <h4>Tables<bookmark content="Table styles" level="2" /><tocentry name="Tables" content="Table styles" level="0" /><indexentry content="Table:styles" /></h4> | ||
490 | <p>The style sheet used for these examples shows some of the table styles I use on my website. The property \'topntail\' defined by a border-type definition e.g. "1px solid #880000" puts a border at the top and bottom of the table, and also below a header row (thead) if defined. Note also that <thead> will automatically turn on the header-repeat i.e. reproduce the header row at the top of each page.</p> | ||
491 | <p>bpmTopic Class</p> | ||
492 | <table class="bpmTopic"><thead></thead><tbody> | ||
493 | <tr> | ||
494 | <td>Row 1</td> | ||
495 | <td>This is data</td> | ||
496 | <td>This is data</td> | ||
497 | </tr> | ||
498 | <tr> | ||
499 | <td>Row 2</td> | ||
500 | <td> | ||
501 | <p>This is data p</p> | ||
502 | </td> | ||
503 | <td> | ||
504 | <p>More data</p> | ||
505 | </td> | ||
506 | </tr> | ||
507 | <tr> | ||
508 | <td> | ||
509 | <p>Row 3</p> | ||
510 | </td> | ||
511 | <td> | ||
512 | <p>This is long data</p> | ||
513 | </td> | ||
514 | <td>This is data</td> | ||
515 | </tr> | ||
516 | <tr> | ||
517 | <td> | ||
518 | <p>Row 4 <td> cell</p> | ||
519 | </td> | ||
520 | <td>This is data</td> | ||
521 | <td> | ||
522 | <p>This is data</p> | ||
523 | </td> | ||
524 | </tr> | ||
525 | <tr> | ||
526 | <td>Row 5</td> | ||
527 | <td>Also data</td> | ||
528 | <td>Also data</td> | ||
529 | </tr> | ||
530 | <tr> | ||
531 | <td>Row 6</td> | ||
532 | <td>Also data</td> | ||
533 | <td>Also data</td> | ||
534 | </tr> | ||
535 | <tr> | ||
536 | <td>Row 7</td> | ||
537 | <td>Also data</td> | ||
538 | <td>Also data</td> | ||
539 | </tr> | ||
540 | <tr> | ||
541 | <td>Row 8</td> | ||
542 | <td>Also data</td> | ||
543 | <td>Also data</td> | ||
544 | </tr> | ||
545 | </tbody></table> | ||
546 | |||
547 | <p> </p> | ||
548 | |||
549 | <p>bpmTopic<b>C</b> Class (centered) Odd and Even rows</p> | ||
550 | <table class="bpmTopicC"><thead> | ||
551 | <tr class="headerrow"><th>Col/Row Header</th> | ||
552 | <td> | ||
553 | <p>Second column header p</p> | ||
554 | </td> | ||
555 | <td>Third column header</td> | ||
556 | </tr> | ||
557 | </thead><tbody> | ||
558 | <tr class="oddrow"><th>Row header 1</th> | ||
559 | <td>This is data</td> | ||
560 | <td>This is data</td> | ||
561 | </tr> | ||
562 | <tr class="evenrow"><th>Row header 2</th> | ||
563 | <td> | ||
564 | <p>This is data p</p> | ||
565 | </td> | ||
566 | <td> | ||
567 | <p>This is data</p> | ||
568 | </td> | ||
569 | </tr> | ||
570 | <tr class="oddrow"><th> | ||
571 | <p>Row header 3</p> | ||
572 | </th> | ||
573 | <td> | ||
574 | <p>This is long data</p> | ||
575 | </td> | ||
576 | <td>This is data</td> | ||
577 | </tr> | ||
578 | <tr class="evenrow"><th> | ||
579 | <p>Row header 4</p> | ||
580 | <p><th> cell acting as header</p> | ||
581 | </th> | ||
582 | <td>This is data</td> | ||
583 | <td> | ||
584 | <p>This is data</p> | ||
585 | </td> | ||
586 | </tr> | ||
587 | <tr class="oddrow"><th>Row header 5</th> | ||
588 | <td>Also data</td> | ||
589 | <td>Also data</td> | ||
590 | </tr> | ||
591 | <tr class="evenrow"><th>Row header 6</th> | ||
592 | <td>Also data</td> | ||
593 | <td>Also data</td> | ||
594 | </tr> | ||
595 | <tr class="oddrow"><th>Row header 7</th> | ||
596 | <td>Also data</td> | ||
597 | <td>Also data</td> | ||
598 | </tr> | ||
599 | <tr class="evenrow"><th>Row header 8</th> | ||
600 | <td>Also data</td> | ||
601 | <td>Also data</td> | ||
602 | </tr> | ||
603 | </tbody></table> | ||
604 | |||
605 | <p> </p> | ||
606 | |||
607 | <p>bpmTopnTail Class </p> | ||
608 | <table class="bpmTopnTail"><thead></thead><tbody> | ||
609 | <tr> | ||
610 | <td>Row 1</td> | ||
611 | <td>This is data</td> | ||
612 | <td>This is data</td> | ||
613 | </tr> | ||
614 | <tr> | ||
615 | <td>Row 2</td> | ||
616 | <td> | ||
617 | <p>This is data p</p> | ||
618 | </td> | ||
619 | <td> | ||
620 | <p>This is data</p> | ||
621 | </td> | ||
622 | </tr> | ||
623 | <tr> | ||
624 | <td> | ||
625 | <p>Row 3</p> | ||
626 | </td> | ||
627 | <td> | ||
628 | <p>This is long data</p> | ||
629 | </td> | ||
630 | <td>This is data</td> | ||
631 | </tr> | ||
632 | <tr> | ||
633 | <td> | ||
634 | <p>Row 4 <td> cell</p> | ||
635 | </td> | ||
636 | <td>This is data</td> | ||
637 | <td> | ||
638 | <p>This is data</p> | ||
639 | </td> | ||
640 | </tr> | ||
641 | <tr> | ||
642 | <td>Row 5</td> | ||
643 | <td>Also data</td> | ||
644 | <td>Also data</td> | ||
645 | </tr> | ||
646 | <tr> | ||
647 | <td>Row 6</td> | ||
648 | <td>Also data</td> | ||
649 | <td>Also data</td> | ||
650 | </tr> | ||
651 | <tr> | ||
652 | <td>Row 7</td> | ||
653 | <td>Also data</td> | ||
654 | <td>Also data</td> | ||
655 | </tr> | ||
656 | <tr> | ||
657 | <td>Row 8</td> | ||
658 | <td>Also data</td> | ||
659 | <td>Also data</td> | ||
660 | </tr> | ||
661 | </tbody></table> | ||
662 | <p> </p> | ||
663 | <p>bpmTopnTail<b>C</b> Class (centered) Odd and Even rows</p> | ||
664 | <table class="bpmTopnTailC"><thead> | ||
665 | <tr class="headerrow"><th>Col/Row Header</th> | ||
666 | <td> | ||
667 | <p>Second column header p</p> | ||
668 | </td> | ||
669 | <td>Third column header</td> | ||
670 | </tr> | ||
671 | </thead><tbody> | ||
672 | <tr class="oddrow"><th>Row header 1</th> | ||
673 | <td>This is data</td> | ||
674 | <td>This is data</td> | ||
675 | </tr> | ||
676 | <tr class="evenrow"><th>Row header 2</th> | ||
677 | <td> | ||
678 | <p>This is data p</p> | ||
679 | </td> | ||
680 | <td> | ||
681 | <p>This is data</p> | ||
682 | </td> | ||
683 | </tr> | ||
684 | <tr class="oddrow"><th> | ||
685 | <p>Row header 3</p> | ||
686 | </th> | ||
687 | <td> | ||
688 | <p>This is long data</p> | ||
689 | </td> | ||
690 | <td>This is data</td> | ||
691 | </tr> | ||
692 | <tr class="evenrow"><th> | ||
693 | <p>Row header 4</p> | ||
694 | <p><th> cell acting as header</p> | ||
695 | </th> | ||
696 | <td>This is data</td> | ||
697 | <td> | ||
698 | <p>This is data</p> | ||
699 | </td> | ||
700 | </tr> | ||
701 | <tr class="oddrow"><th>Row header 5</th> | ||
702 | <td>Also data</td> | ||
703 | <td>Also data</td> | ||
704 | </tr> | ||
705 | <tr class="evenrow"><th>Row header 6</th> | ||
706 | <td>Also data</td> | ||
707 | <td>Also data</td> | ||
708 | </tr> | ||
709 | <tr class="oddrow"><th>Row header 7</th> | ||
710 | <td>Also data</td> | ||
711 | <td>Also data</td> | ||
712 | </tr> | ||
713 | <tr class="evenrow"><th>Row header 8</th> | ||
714 | <td>Also data</td> | ||
715 | <td>Also data</td> | ||
716 | </tr> | ||
717 | </tbody></table> | ||
718 | |||
719 | <p> </p> | ||
720 | |||
721 | <p>TopnTail Class</p> | ||
722 | <table class="bpmTopnTail"><thead> | ||
723 | <tr class="headerrow"><th>Col and Row Header</th> | ||
724 | <td> | ||
725 | <p>Second</p> | ||
726 | <p>column</p> | ||
727 | </td> | ||
728 | <td class="pmhTopRight">Top right align</td> | ||
729 | </tr> | ||
730 | </thead><tbody> | ||
731 | <tr class="oddrow"><th> | ||
732 | <p>Row header 1 p</p> | ||
733 | </th> | ||
734 | <td>This is data</td> | ||
735 | <td>This is data</td> | ||
736 | </tr> | ||
737 | <tr class="evenrow"><th>Row header 2</th> | ||
738 | <td class="pmhBottomRight"><b><i>Bottom right align</i></b></td> | ||
739 | <td> | ||
740 | <p>This is data. Can use</p> | ||
741 | <p><b>bold</b> <i>italic </i><sub>sub</sub> or <sup>sup</sup> text</p> | ||
742 | </td> | ||
743 | </tr> | ||
744 | <tr class="oddrow"><th class="pmhBottomRight"> | ||
745 | <p>Bottom right align</p> | ||
746 | </th> | ||
747 | <td class="pmhMiddleCenter" style="border: #000000 1px solid"> | ||
748 | <p>This is data. This cell</p> | ||
749 | <p>uses Cell Styles to set</p> | ||
750 | <p>the borders.</p> | ||
751 | <p>All borders are collapsible</p> | ||
752 | <p>in mPDF.</p> | ||
753 | </td> | ||
754 | <td>This is data</td> | ||
755 | </tr> | ||
756 | <tr class="evenrow"><th>Row header 4</th> | ||
757 | <td> | ||
758 | <p>This is data p</p> | ||
759 | </td> | ||
760 | <td>More data</td> | ||
761 | </tr> | ||
762 | <tr class="oddrow"><th>Row header 5</th> | ||
763 | <td colspan="2" class="pmhTopCenter">Also data merged and centered</td> | ||
764 | </tr> | ||
765 | </tbody></table> | ||
766 | |||
767 | <p> </p> | ||
768 | |||
769 | <h4>Lists in a Table<bookmark content="Lists in a table" level="2" /><tocentry name="Tables" content="Lists in a table" level="0" /><indexentry content="Table:lists inside" /></h4> | ||
770 | <table class="bpmTopnTail"><thead> | ||
771 | <tr class="headerrow"><th>Col and Row Header</th> | ||
772 | <td> | ||
773 | <p>Second</p> | ||
774 | <p>column</p> | ||
775 | </td> | ||
776 | <td class="pmhTopRight">Top right align</td> | ||
777 | </tr> | ||
778 | </thead><tbody> | ||
779 | <tr class="oddrow"><th> | ||
780 | <p>Row header 1 p</p> | ||
781 | </th> | ||
782 | <td>This is data</td> | ||
783 | <td>This is data</td> | ||
784 | </tr> | ||
785 | <tr class="evenrow"><th>Row header 2</th> | ||
786 | <td> | ||
787 | <ol> | ||
788 | <li>Item 1</li> | ||
789 | <li>Item 2 | ||
790 | <ol type="a"> | ||
791 | <li>Subitem of ordered list</li> | ||
792 | <li>Subitem 2 | ||
793 | <ol type="i"> | ||
794 | <li>Level 3 subitem</li> | ||
795 | <li>Level 3 subitem</li> | ||
796 | </ol> | ||
797 | </li> | ||
798 | </ol> | ||
799 | </li> | ||
800 | <li>Item 3</li> | ||
801 | <li>Another Item</li> | ||
802 | <li>Subitem | ||
803 | <ol> | ||
804 | <li>Level 3 subitem</li> | ||
805 | </ol> | ||
806 | </li> | ||
807 | <li>Another Item</li> | ||
808 | </ol> | ||
809 | </td> | ||
810 | <td> | ||
811 | Unordered list: | ||
812 | <ul> | ||
813 | <li>Item 1</li> | ||
814 | <li>Item 2 | ||
815 | <ul> | ||
816 | <li>Subitem of unordered list</li> | ||
817 | <li>Subitem 2 | ||
818 | <ul> | ||
819 | <li>Level 3 subitem</li> | ||
820 | <li>Level 3 subitem</li> | ||
821 | <li>Level 3 subitem</li> | ||
822 | </ul> | ||
823 | </li> | ||
824 | </ul> | ||
825 | </li> | ||
826 | <li>Item 3</li> | ||
827 | </ul> | ||
828 | </td> | ||
829 | </tr> | ||
830 | </tbody></table> | ||
831 | <p> </p> | ||
832 | |||
833 | |||
834 | <h4>Automatic Column Width<bookmark content="Automatic Column Width" level="2" /><tocentry name="Tables" content="Automatic column width" level="0" /><indexentry content="Table:automatic column width" /></h4> | ||
835 | <table class="bpmTopnTail"><tbody> | ||
836 | <tr> | ||
837 | <td>Causes</td> | ||
838 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
839 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
840 | Suspendisse potenti</td> | ||
841 | </tr> | ||
842 | <tr> | ||
843 | <td>Mechanisms</td> | ||
844 | <td>Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing.</td> | ||
845 | </tr> | ||
846 | </tbody></table> | ||
847 | |||
848 | |||
849 | <h4>Column span<bookmark content="Column span" level="2" /><tocentry name="Tables" content="Column span" level="0" /><indexentry content="Table:column span" /></h4> | ||
850 | <table class="bpmTopnTail"><tbody> | ||
851 | <tr> | ||
852 | <td>Causes</td> | ||
853 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
854 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
855 | Suspendisse potenti</td> | ||
856 | </tr> | ||
857 | <tr> | ||
858 | <td>Mechanisms</td> | ||
859 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
860 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
861 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
862 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
863 | </tr> | ||
864 | </tbody></table> | ||
865 | |||
866 | |||
867 | |||
868 | <h4>Header & Footer Rows<bookmark content="Header Rows" level="2" /><tocentry name="Tables" content="Header rows" level="0" /><indexentry content="Table:header rows" /></h4> | ||
869 | <p>A table using a header or footer row should repeat the header/footer row across pages:</p> | ||
870 | <p>bpmTopic<b>C</b> Class</p> | ||
871 | <table class="bpmTopicC"> | ||
872 | <thead> | ||
873 | <tr class="headerrow"><th>Col and Row Header</th> | ||
874 | <td> | ||
875 | <p>Second column header</p> | ||
876 | </td> | ||
877 | <td>Third column header</td> | ||
878 | </tr> | ||
879 | </thead> | ||
880 | <tfoot> | ||
881 | <tr class="headerrow"><th>Col and Row Footer</th> | ||
882 | <td> | ||
883 | <p>Second column footer</p> | ||
884 | </td> | ||
885 | <td>Third column footer</td> | ||
886 | </tr> | ||
887 | </tfoot> | ||
888 | <tbody> | ||
889 | <tr><th>Row header 1</th> | ||
890 | <td>This is data</td> | ||
891 | <td>This is data</td> | ||
892 | </tr> | ||
893 | <tr><th>Row header 2</th> | ||
894 | <td>This is data</td> | ||
895 | <td> | ||
896 | <p>This is data</p> | ||
897 | </td> | ||
898 | </tr> | ||
899 | <tr><th> | ||
900 | <p>Row header 3</p> | ||
901 | </th> | ||
902 | <td> | ||
903 | <p>This is data</p> | ||
904 | </td> | ||
905 | <td>This is data</td> | ||
906 | </tr> | ||
907 | <tr><th>Row header 4</th> | ||
908 | <td>This is data</td> | ||
909 | <td> | ||
910 | <p>This is data</p> | ||
911 | </td> | ||
912 | </tr> | ||
913 | <tr><th>Row header 5</th> | ||
914 | <td>Also data</td> | ||
915 | <td>Also data</td> | ||
916 | </tr> | ||
917 | <tr><th>Row header 6</th> | ||
918 | <td>Also data</td> | ||
919 | <td>Also data</td> | ||
920 | </tr> | ||
921 | <tr><th>Row header 7</th> | ||
922 | <td>Also data</td> | ||
923 | <td>Also data</td> | ||
924 | </tr> | ||
925 | <tr><th>Row header 8</th> | ||
926 | <td>Also data</td> | ||
927 | <td>Also data</td> | ||
928 | </tr> | ||
929 | <tr><th>Row header 9</th> | ||
930 | <td>Also data</td> | ||
931 | <td>Also data</td> | ||
932 | </tr> | ||
933 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
934 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
935 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
936 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
937 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
938 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
939 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
940 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
941 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
942 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
943 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
944 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
945 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
946 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
947 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
948 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
949 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
950 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
951 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
952 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
953 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
954 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
955 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
956 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
957 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
958 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
959 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
960 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
961 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
962 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
963 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
964 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
965 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
966 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
967 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
968 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
969 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
970 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
971 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
972 | </tbody></table> | ||
973 | <p> </p> | ||
974 | |||
975 | <h4>Autosizing Tables<bookmark content="Autosizing Tables" level="2" /><tocentry name="Tables" content="Autosizing tables" level="0" /><indexentry content="Table:autosizing" /></h4> | ||
976 | <p>Periodic Table of elements. Tables are set by default to reduce font size if complete words will not fit inside each cell, to a maximum of 1/1.4 * the set font-size. This value can be changed by setting $mpdf->shrink_tables_to_fit=1.8 or using html attribute <table autosize="1.8">.</p> | ||
977 | |||
978 | <h5>Periodic Table</h5> | ||
979 | |||
980 | <table style="border:1px solid #000000;" cellPadding="14"><thead> | ||
981 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
982 | <tr> | ||
983 | <td colspan="18"></td> | ||
984 | </tr> | ||
985 | <tr> | ||
986 | <td>H </td><td colspan="16"></td><td>He </td> | ||
987 | </tr> | ||
988 | <tr> | ||
989 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
990 | </tr> | ||
991 | <tr> | ||
992 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
993 | </tr> | ||
994 | <tr> | ||
995 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td>Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td> | ||
996 | <td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
997 | </tr> | ||
998 | <tr> | ||
999 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td><td>Rh </td><td>Pd </td><td>Ag </td><td>Cd </td> | ||
1000 | <td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1001 | </tr> | ||
1002 | <tr> | ||
1003 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td><td>Au </td> | ||
1004 | <td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1005 | </tr> | ||
1006 | <tr> | ||
1007 | <td>Fr </td><td>Ra </td><td>Ac </td><td colspan="15"></td> | ||
1008 | </tr> | ||
1009 | <tr> | ||
1010 | <td colspan="18"></td></tr> | ||
1011 | <tr> | ||
1012 | <td colspan="3"></td><td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td> | ||
1013 | <td>Dy </td><td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1014 | </tr> | ||
1015 | <tr> | ||
1016 | <td colspan="3"></td><td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td><td>Cf </td> | ||
1017 | <td>Es </td><td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1018 | </tr> | ||
1019 | </tbody></table> | ||
1020 | |||
1021 | <pagebreak /> | ||
1022 | |||
1023 | <h4>Rotated Tables<bookmark content="Rotated Tables" level="2" /><tocentry name="Tables" content="Rotated table" level="0" /><indexentry content="Table:rotated" /></h4> | ||
1024 | <p>This is set to rotate -90 degrees (counterclockwise).</p> | ||
1025 | |||
1026 | <h5>Periodic Table</h5> | ||
1027 | <p> | ||
1028 | <table rotate="-90" class="bpmClearC"><thead> | ||
1029 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
1030 | <tr> | ||
1031 | <td></td> | ||
1032 | <td colspan="18"></td> | ||
1033 | </tr> | ||
1034 | <tr> | ||
1035 | <td>H </td><td colspan="15"></td><td></td><td>He </td> | ||
1036 | </tr> | ||
1037 | <tr> | ||
1038 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
1039 | </tr> | ||
1040 | <tr> | ||
1041 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
1042 | </tr> | ||
1043 | <tr> | ||
1044 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td>Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td><td>Cu </td> | ||
1045 | <td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
1046 | </tr> | ||
1047 | <tr> | ||
1048 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td><td>Rh </td><td>Pd </td> | ||
1049 | <td>Ag </td><td>Cd </td><td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1050 | </tr> | ||
1051 | <tr> | ||
1052 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td><td>Au </td> | ||
1053 | <td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1054 | </tr> | ||
1055 | <tr> | ||
1056 | <td>Fr </td><td>Ra </td><td>Ac </td> | ||
1057 | </tr> | ||
1058 | <tr> | ||
1059 | <td></td> | ||
1060 | <td colspan="18"></td> | ||
1061 | </tr> | ||
1062 | <tr> | ||
1063 | <td colspan="3"></td><td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td><td>Dy </td> | ||
1064 | <td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1065 | </tr> | ||
1066 | <tr> | ||
1067 | <td colspan="3"></td><td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td> | ||
1068 | <td>Cf </td><td>Es </td><td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1069 | </tr> | ||
1070 | </tbody></table> | ||
1071 | <p> </p> | ||
1072 | |||
1073 | <pagebreak /> | ||
1074 | <h4>Rotated text in Tables<bookmark content="Rotated text in Tables" level="2" /><tocentry name="Tables" content="Rotated text in table" level="0" /><indexentry content="Table:rotated text" /></h4> | ||
1075 | |||
1076 | <h5>Periodic Table</h5> | ||
1077 | <table> | ||
1078 | <thead> | ||
1079 | <tr text-rotate="45"> | ||
1080 | <th><p>Element type 1A</p><p>Second line</p><th><p>Element type longer 2A</p></th> | ||
1081 | <th>Element type 3B</th><th>Element type 4B</th><th>Element type 5B</th><th>Element type 6B</th><th>7B</th><th>8B</th> | ||
1082 | <th>Element type 8B R</th><th>8B</th><th>Element <span>type</span> 1B</th><th>2B</th> | ||
1083 | <th>Element type 3A</th><th>Element type 4A</th><th>Element type 5A</th><th>Element type 6A</th><th>7A</th><th>Element type 8A</th> | ||
1084 | </tr> | ||
1085 | </thead> | ||
1086 | |||
1087 | <tbody> | ||
1088 | <tr> | ||
1089 | <td>H</td><td colspan="15"></td><td></td><td>He </td> | ||
1090 | </tr> | ||
1091 | <tr> | ||
1092 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
1093 | </tr> | ||
1094 | <tr> | ||
1095 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
1096 | </tr> | ||
1097 | <tr style="text-rotate: 45"> | ||
1098 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti</td><td>Va</td><td>Cr</td><td>Mn</td><td>Fe</td><td>Co</td><td>Ni </td> | ||
1099 | <td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
1100 | </tr> | ||
1101 | <tr> | ||
1102 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td> | ||
1103 | <td style="text-align:right; ">Rh</td><td>Pd </td><td>Ag </td><td>Cd </td><td>In </td><td>Sn </td> | ||
1104 | <td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1105 | </tr> | ||
1106 | <tr> | ||
1107 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td> | ||
1108 | <td>Pt </td><td>Au </td><td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1109 | </tr> | ||
1110 | <tr> | ||
1111 | <td>Fr </td><td>Ra </td><td colspan="16">Ac </td> | ||
1112 | </tr> | ||
1113 | <tr> | ||
1114 | <td colspan="3"></td> | ||
1115 | <td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td><td>Dy </td> | ||
1116 | <td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1117 | </tr> | ||
1118 | <tr> | ||
1119 | <td colspan="3"></td> | ||
1120 | <td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td><td>Cf </td><td>Es </td> | ||
1121 | <td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1122 | </tr> | ||
1123 | </tbody></table> | ||
1124 | |||
1125 | |||
1126 | <pagebreak /> | ||
1127 | |||
1128 | |||
1129 | |||
1130 | <h4>Nested Tables<bookmark content="Nested Tables" level="2" /><tocentry name="Tables" content="Nested tables" level="0" /><indexentry content="Table:nested" /></h4> | ||
1131 | |||
1132 | <div style="border: 2px solid #000088; background-color: #DDDDFF; padding: 2mm;"> | ||
1133 | Text before table | ||
1134 | |||
1135 | <div style="border: 2px solid #008888; background-color: #DCAFCF; padding: 2mm;"> | ||
1136 | |||
1137 | <table cellSpacing="2" rotate="-90" align="center" autosize="1.5" class="nested" style="page-break-inside: avoid; "> | ||
1138 | <tbody> | ||
1139 | <tr> | ||
1140 | <td>This is data</td> | ||
1141 | <td>This is data</td> | ||
1142 | <td> | ||
1143 | <table cellSpacing="2" class="nested"> | ||
1144 | <tbody> | ||
1145 | <tr> | ||
1146 | <td>Row A</td> | ||
1147 | <td>A2</td> | ||
1148 | <td>A3</td> | ||
1149 | <td>A4</td> | ||
1150 | </tr> | ||
1151 | <tr> | ||
1152 | <td>Row B</td> | ||
1153 | <td>B2</td> | ||
1154 | <td>B3</td> | ||
1155 | <td>B4</td> | ||
1156 | </tr> | ||
1157 | <tr> | ||
1158 | <td>Row C</td> | ||
1159 | <td>C2</td> | ||
1160 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id <a href="http://www.dummy.com">euismod auctor</a>, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1161 | <td>C4</td> | ||
1162 | </tr> | ||
1163 | <tr> | ||
1164 | <td>Row D</td> | ||
1165 | <td>D2</td> | ||
1166 | <td>D3</td> | ||
1167 | <td>D4</td> | ||
1168 | </tr> | ||
1169 | </tbody></table> | ||
1170 | </td> | ||
1171 | <td>This is data</td> | ||
1172 | </tr> | ||
1173 | <tr> | ||
1174 | <td>This is data</td> | ||
1175 | <td>This is data</td> | ||
1176 | <td> | ||
1177 | <table cellSpacing="2" class="nested"> | ||
1178 | <tbody> | ||
1179 | <tr> | ||
1180 | <td>Row A</td> | ||
1181 | <td>A2</td> | ||
1182 | <td>A3</td> | ||
1183 | <td>A4</td> | ||
1184 | </tr> | ||
1185 | <tr> | ||
1186 | <td>Row B</td> | ||
1187 | <td>B2</td> | ||
1188 | <td>B3</td> | ||
1189 | <td>B4</td> | ||
1190 | </tr> | ||
1191 | <tr> | ||
1192 | <td>Row C</td> | ||
1193 | <td>C2</td> | ||
1194 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1195 | <td>C4</td> | ||
1196 | </tr> | ||
1197 | <tr> | ||
1198 | <td>Row D</td> | ||
1199 | <td>D2</td> | ||
1200 | <td>D3</td> | ||
1201 | <td>D4</td> | ||
1202 | </tr> | ||
1203 | </tbody></table> | ||
1204 | </td> | ||
1205 | <td>This is data</td> | ||
1206 | </tr> | ||
1207 | <tr> | ||
1208 | <td>This is data</td> | ||
1209 | <td>This is data</td> | ||
1210 | <td> | ||
1211 | <table cellSpacing="2" class="nested"> | ||
1212 | <tbody> | ||
1213 | <tr> | ||
1214 | <td>Row A</td> | ||
1215 | <td>A2</td> | ||
1216 | <td>A3</td> | ||
1217 | <td>A4</td> | ||
1218 | </tr> | ||
1219 | <tr> | ||
1220 | <td>Row B</td> | ||
1221 | <td>B2</td> | ||
1222 | <td>B3</td> | ||
1223 | <td>B4</td> | ||
1224 | </tr> | ||
1225 | <tr> | ||
1226 | <td>Row C</td> | ||
1227 | <td>C2</td> | ||
1228 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1229 | <td>C4</td> | ||
1230 | </tr> | ||
1231 | <tr> | ||
1232 | <td>Row D</td> | ||
1233 | <td>D2</td> | ||
1234 | <td>D3</td> | ||
1235 | <td>D4</td> | ||
1236 | </tr> | ||
1237 | </tbody></table> | ||
1238 | </td> | ||
1239 | <td>This is data</td> | ||
1240 | </tr> | ||
1241 | <tr> | ||
1242 | <td>This is data</td> | ||
1243 | <td>This is data</td> | ||
1244 | <td> | ||
1245 | <table cellSpacing="2" class="nested"> | ||
1246 | <tbody> | ||
1247 | <tr> | ||
1248 | <td>Row A</td> | ||
1249 | <td>A2</td> | ||
1250 | <td>A3</td> | ||
1251 | <td>A4</td> | ||
1252 | </tr> | ||
1253 | <tr> | ||
1254 | <td>Row B</td> | ||
1255 | <td>B2</td> | ||
1256 | <td>B3</td> | ||
1257 | <td>B4</td> | ||
1258 | </tr> | ||
1259 | <tr> | ||
1260 | <td>Row C</td> | ||
1261 | <td>C2</td> | ||
1262 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1263 | <td>C4</td> | ||
1264 | </tr> | ||
1265 | <tr> | ||
1266 | <td>Row D</td> | ||
1267 | <td>D2</td> | ||
1268 | <td>D3</td> | ||
1269 | <td>D4</td> | ||
1270 | </tr> | ||
1271 | </tbody></table> | ||
1272 | </td> | ||
1273 | <td>This is data</td> | ||
1274 | </tr> | ||
1275 | <tr> | ||
1276 | <td>This is data</td> | ||
1277 | <td>This is data</td> | ||
1278 | <td>This is data</td> | ||
1279 | <td>This is data</td> | ||
1280 | </tr> | ||
1281 | <tr> | ||
1282 | <td>This is data</td> | ||
1283 | <td></td> | ||
1284 | <td>This is data</td> | ||
1285 | <td>This is data</td> | ||
1286 | </tr> | ||
1287 | <tr> | ||
1288 | <td>This is data</td> | ||
1289 | <td>This is data</td> | ||
1290 | <td>This is data</td> | ||
1291 | <td>This is data</td> | ||
1292 | </tr> | ||
1293 | </tbody></table> | ||
1294 | |||
1295 | </div> | ||
1296 | |||
1297 | |||
1298 | |||
1299 | <p>Text before table</p> | ||
1300 | |||
1301 | <table cellSpacing="2" class="outer2" autosize="3" style="page-break-inside:avoid"> | ||
1302 | <tbody> | ||
1303 | <tr> | ||
1304 | <td>Row 1</td> | ||
1305 | <td>This is data</td> | ||
1306 | <td style="text-align: right;"> | ||
1307 | Text before table | ||
1308 | <table cellSpacing="2" class="inner" width="80%"> | ||
1309 | <tbody> | ||
1310 | <tr> | ||
1311 | <td>Row A</td> | ||
1312 | <td>A2</td> | ||
1313 | <td>A3</td> | ||
1314 | <td>A4</td> | ||
1315 | </tr> | ||
1316 | <tr> | ||
1317 | <td>Row B</td> | ||
1318 | <td>B2</td> | ||
1319 | <td>B3</td> | ||
1320 | <td>B4</td> | ||
1321 | </tr> | ||
1322 | <tr> | ||
1323 | <td>Row C</td> | ||
1324 | <td>C2</td> | ||
1325 | <td>C3</td> | ||
1326 | <td>C4</td> | ||
1327 | </tr> | ||
1328 | <tr> | ||
1329 | <td>Row D</td> | ||
1330 | <td>D2</td> | ||
1331 | <td>D3</td> | ||
1332 | <td>D4</td> | ||
1333 | </tr> | ||
1334 | </tbody></table> | ||
1335 | <p>Text after table</p> | ||
1336 | </td> | ||
1337 | <td>This is data</td> | ||
1338 | </tr> | ||
1339 | <tr> | ||
1340 | <td>Row 2</td> | ||
1341 | <td>This is data</td> | ||
1342 | <td>This is data</td> | ||
1343 | <td>This is data</td> | ||
1344 | </tr> | ||
1345 | <tr> | ||
1346 | <td>Row 3</td> | ||
1347 | <td style="text-align: center; vertical-align: middle;"> | ||
1348 | <table cellSpacing="2" class="inner" width="80%"> | ||
1349 | <tbody> | ||
1350 | <tr> | ||
1351 | <td>Row A</td> | ||
1352 | <td>A2</td> | ||
1353 | <td>A3</td> | ||
1354 | <td>A4</td> | ||
1355 | </tr> | ||
1356 | <tr> | ||
1357 | <td>Row B</td> | ||
1358 | <td>B2</td> | ||
1359 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
1360 | <td>B4</td> | ||
1361 | </tr> | ||
1362 | <tr> | ||
1363 | <td>Row C</td> | ||
1364 | <td>C2</td> | ||
1365 | <td> | ||
1366 | <table cellSpacing="2"> | ||
1367 | <tbody> | ||
1368 | <tr> | ||
1369 | <td>F1</td> | ||
1370 | <td>F2</td> | ||
1371 | </tr> | ||
1372 | <tr> | ||
1373 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
1374 | <td>G2</td> | ||
1375 | </tr> | ||
1376 | </tbody></table> | ||
1377 | </td> | ||
1378 | <td>C4</td> | ||
1379 | </tr> | ||
1380 | <tr> | ||
1381 | <td>Row D</td> | ||
1382 | <td>D2</td> | ||
1383 | <td>D3</td> | ||
1384 | <td>D4</td> | ||
1385 | </tr> | ||
1386 | </tbody></table> | ||
1387 | </td> | ||
1388 | <td style="vertical-align: bottom; "> | ||
1389 | <table cellSpacing="2" class="inner" align="right"> | ||
1390 | <tbody> | ||
1391 | <tr> | ||
1392 | <td>Row A</td> | ||
1393 | <td>A2</td> | ||
1394 | <td>A3</td> | ||
1395 | <td>A4</td> | ||
1396 | </tr> | ||
1397 | <tr> | ||
1398 | <td>Row B</td> | ||
1399 | <td>B2</td> | ||
1400 | <td>B3</td> | ||
1401 | <td>B4</td> | ||
1402 | </tr> | ||
1403 | <tr> | ||
1404 | <td>Row C</td> | ||
1405 | <td>C2</td> | ||
1406 | <td>C3</td> | ||
1407 | <td>C4</td> | ||
1408 | </tr> | ||
1409 | <tr> | ||
1410 | <td>Row D</td> | ||
1411 | <td>D2</td> | ||
1412 | <td>D3</td> | ||
1413 | <td>D4</td> | ||
1414 | </tr> | ||
1415 | </tbody></table> | ||
1416 | </td> | ||
1417 | <td>This is data</td> | ||
1418 | </tr> | ||
1419 | <tr> | ||
1420 | <td>Row 4</td> | ||
1421 | <td>This is data</td> | ||
1422 | <td><table cellSpacing="2" class="inner"> | ||
1423 | <tbody> | ||
1424 | <tr> | ||
1425 | <td>Row A</td> | ||
1426 | <td>A2</td> | ||
1427 | <td>A3</td> | ||
1428 | <td>A4</td> | ||
1429 | </tr> | ||
1430 | <tr> | ||
1431 | <td>Row B</td> | ||
1432 | <td>B2</td> | ||
1433 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
1434 | <td>B4</td> | ||
1435 | </tr> | ||
1436 | <tr> | ||
1437 | <td>Row C</td> | ||
1438 | <td>C2</td> | ||
1439 | <td> | ||
1440 | <table cellSpacing="2"> | ||
1441 | <tbody> | ||
1442 | <tr> | ||
1443 | <td>F1</td> | ||
1444 | <td>F2</td> | ||
1445 | </tr> | ||
1446 | <tr> | ||
1447 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
1448 | <td>G2</td> | ||
1449 | </tr> | ||
1450 | </tbody></table> | ||
1451 | </td> | ||
1452 | <td>C4</td> | ||
1453 | </tr> | ||
1454 | <tr> | ||
1455 | <td>Row D</td> | ||
1456 | <td>D2</td> | ||
1457 | <td>D3</td> | ||
1458 | <td>D4</td> | ||
1459 | </tr> | ||
1460 | </tbody></table> | ||
1461 | </td> | ||
1462 | <td>This is data</td> | ||
1463 | </tr> | ||
1464 | </tbody></table> | ||
1465 | |||
1466 | |||
1467 | </div> | ||
1468 | |||
1469 | |||
1470 | <!-- FORMS --> | ||
1471 | <pagebreak /> | ||
1472 | <h3>Forms<bookmark content="Forms" level="1" /><tocentry name="" content="Forms" level="0" /><indexentry content="Forms" /></h3> | ||
1473 | <form> | ||
1474 | <b>Textarea</b> | ||
1475 | <textarea name="authors" rows="5" cols="80" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. | ||
1476 | Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
1477 | <br /><br /> | ||
1478 | <b>Select</b> | ||
1479 | <select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> followed by text | ||
1480 | <br /><br /> | ||
1481 | <b>Input Radio</b> | ||
1482 | <input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice | ||
1483 | <br /><br /> | ||
1484 | <b>Input Text</b> | ||
1485 | <input type="text" size="190" name="doi" value="10.1258/jrsm.100.5.211"> | ||
1486 | <br /><br /> | ||
1487 | <b>Input Password</b> | ||
1488 | <input type="password" size="40" name="password" value="secret"> | ||
1489 | <br /><br /> | ||
1490 | <input type="checkbox" name="QPC" value="ON" > Checkboxes<br> | ||
1491 | <input type="checkbox" name="QPA" value="ON" > Not selected<br> | ||
1492 | <input type="checkbox" name="QPA" value="ON" disabled="disabled"> Disabled<br> | ||
1493 | <input type="checkbox" name="QLY" value="ON" checked="checked" > Selected | ||
1494 | <br /><br /> | ||
1495 | <input type="submit" name="submit" value="Submit" /> | ||
1496 | <input type="image" name="submit" src="goto.gif" /> | ||
1497 | <input type="button" name="submit" value="Button" /> | ||
1498 | <input type="reset" name="submit" value="Reset" /> | ||
1499 | <br /><br /> | ||
1500 | </form> | ||
1501 | |||
1502 | |||
1503 | <!-- ANNOTATIONS --> | ||
1504 | <pagebreak /> | ||
1505 | <h3>Annotations<bookmark content="Annotations" level="1" /><tocentry name="" content="Annotations" level="0" /><indexentry content="Annotations" /></h3> | ||
1506 | <p>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate.<annotation content="This is an annotation'."\n".'in the middle of the text" subject="My Subject" icon="Comment" color="#FE88EF" author="Ian Back" /> Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p> | ||
1507 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. <i>Fusce</i><annotation content="Fusce is a funny word!" subject="Idle Comments" icon="Note" author="Ian Back" pos-x="198" /> eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
1508 | |||
1509 | |||
1510 | <!-- FULL IMAGES & BARCODE --> | ||
1511 | <pagebreak /> | ||
1512 | <h3>Full Images & Barcode<bookmark content="Full Images & Barcode" level="1" /><tocentry name="Figures" content="Full size image & Barcode" level="0" /><indexentry content="Image:full-size" /><tocentry name="" content="Barcode" level="0" /><indexentry content="Barcode" /></h3> | ||
1513 | <p>On the first and last page of this document, an image is reproduced full page size by placing it inside a DIV element with CSS "position:absolute". In all other situations, images are constrained to the width and height of the printable page (i.e. inside the margins). The image on the back page has CSS "opacity:0.5".</p> | ||
1514 | |||
1515 | |||
1516 | <!-- EXAMPLE PHP CODE --> | ||
1517 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1518 | $mpdf->SetAlpha(0.5); | ||
1519 | $mpdf->Image(\'clematis.jpg\',0,0,210,297,\'jpg\',\'\',true, false); | ||
1520 | // the last "false" allows a full page picture | ||
1521 | $mpdf->SetAlpha(1); | ||
1522 | ')) .'</div> | ||
1523 | <!-- END EXAMPLE PHP CODE --> | ||
1524 | |||
1525 | <p>The back cover also has an ISBN barcode</p> | ||
1526 | |||
1527 | <!-- EXAMPLE PHP CODE --> | ||
1528 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1529 | $mpdf->writeBarcode(\'978-0-9542246-0-8\', 1, 130, 230, 1,0, 3,3,4,4); | ||
1530 | ')) .'</div> | ||
1531 | <!-- END EXAMPLE PHP CODE --> | ||
1532 | |||
1533 | <p>But next is inserted the Index, which can also be done like this:</p> | ||
1534 | |||
1535 | <!-- EXAMPLE PHP CODE --> | ||
1536 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1537 | $mpdf->AddPage(\'\',NEXT-ODD\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',-1,-1,-1,-1); | ||
1538 | $mpdf->WriteHTML(\'<h2>Index<bookmark content="Index" /></h2>\'); | ||
1539 | $mpdf->WriteHTML(\'<indexinsert cols="2" font="serif" div-font="sans-serif" links="on" />\'); | ||
1540 | ')) .'</div> | ||
1541 | <!-- END EXAMPLE PHP CODE --> | ||
1542 | |||
1543 | |||
1544 | |||
1545 | <!-- INDEX --> | ||
1546 | <pagebreak type="NEXT-ODD" odd-header-value="-1" even-header-value="-1" odd-footer-value="-1" even-footer-value="-1" /> | ||
1547 | <h2>Index<bookmark content="Index" /></h2> | ||
1548 | <indexinsert cols="2" font="serif" div-font="sans-serif" links="on" /> | ||
1549 | |||
1550 | |||
1551 | |||
1552 | <!-- BACK COVER & BARCODE --> | ||
1553 | <pagebreak type="NEXT-EVEN" /> | ||
1554 | <div style="position: absolute; left:0; right: 0; top: 0; bottom: 0;"> | ||
1555 | <img src="clematis.jpg" style="width: 210mm; height: 297mm; margin: 0; opacity: 0.5;" /> | ||
1556 | </div> | ||
1557 | |||
1558 | <div style="position: absolute; right: 35mm; bottom: 35mm; "> | ||
1559 | <barcode code="978-0-9542246-0" type="ISBN" style="padding: 2.5mm; border: 0.1mm solid #000000;" height="0.66" text="1" /> | ||
1560 | </div> | ||
1561 | |||
1562 | |||
1563 | |||
1564 | </body></html>'; | ||
1565 | |||
1566 | //============================================================== | ||
1567 | //============================================================== | ||
1568 | //============================================================== | ||
1569 | |||
1570 | include("../mpdf.php"); | ||
1571 | |||
1572 | $mpdf=new mPDF('s','A4','','',25,15,21,22,10,10); | ||
1573 | |||
1574 | $mpdf->StartProgressBarOutput(); | ||
1575 | |||
1576 | $mpdf->mirrorMargins = 1; | ||
1577 | $mpdf->SetDisplayMode('fullpage','two'); | ||
1578 | $mpdf->list_number_suffix = ')'; | ||
1579 | $mpdf->hyphenate = true; | ||
1580 | |||
1581 | $mpdf->debug = true; | ||
1582 | |||
1583 | $mpdf->WriteHTML($html); | ||
1584 | |||
1585 | $mpdf->Output(); | ||
1586 | |||
1587 | exit; | ||
1588 | //============================================================== | ||
1589 | //============================================================== | ||
1590 | //============================================================== | ||
1591 | //============================================================== | ||
1592 | //============================================================== | ||
1593 | |||
1594 | |||
1595 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example47_progress_bars_simple_custom.php b/inc/3rdparty/libraries/mpdf/examples/example47_progress_bars_simple_custom.php new file mode 100644 index 00000000..69f11e8c --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example47_progress_bars_simple_custom.php | |||
@@ -0,0 +1,1609 @@ | |||
1 | <?php | ||
2 | |||
3 | //============================================================== | ||
4 | //============================================================== | ||
5 | define("_JPGRAPH_PATH", '../../jpgraph_5/jpgraph/'); // must define this before including mpdf.php file | ||
6 | $JpgUseSVGFormat = true; | ||
7 | |||
8 | define('_MPDF_URI','../'); // must be a relative or absolute URI - not a file system path | ||
9 | //============================================================== | ||
10 | //============================================================== | ||
11 | |||
12 | |||
13 | ini_set("memory_limit","64M"); | ||
14 | |||
15 | $html = ' | ||
16 | <html><head> | ||
17 | <meta http-equiv="Content-Language" content="en-GB"> | ||
18 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
19 | <style> | ||
20 | body { font-family:"Times New Roman"; font-size:10pt; } | ||
21 | p.littlewomen { margin: 0; font-family: sans-serif; text-align: justify; } | ||
22 | |||
23 | h1, h2, h3, h4, h5, h6 { font-family: DejaVuSansCondensed; } | ||
24 | table {font-family: DejaVuSansCondensed; font-size: 9pt; line-height: 1.2; | ||
25 | vertical-align: top; | ||
26 | margin-top: 2pt; margin-bottom: 5pt; | ||
27 | border-collapse: collapse; } | ||
28 | |||
29 | thead { font-weight: bold; vertical-align: bottom; } | ||
30 | |||
31 | th { font-weight: bold; | ||
32 | text-align:left; | ||
33 | padding-left: 2mm; | ||
34 | padding-right: 2mm; | ||
35 | padding-top: 0.5mm; | ||
36 | padding-bottom: 0.5mm; | ||
37 | } | ||
38 | |||
39 | td { padding-left: 2mm; | ||
40 | text-align:left; | ||
41 | padding-right: 2mm; | ||
42 | padding-top: 0.5mm; | ||
43 | padding-bottom: 0.5mm; | ||
44 | } | ||
45 | |||
46 | th p { text-align: left; margin:0pt; } | ||
47 | td p { text-align: left; margin:0pt; } | ||
48 | |||
49 | table.widecells td { | ||
50 | padding-left: 5mm; | ||
51 | padding-right: 5mm; | ||
52 | } | ||
53 | table.tallcells td { | ||
54 | padding-top: 3mm; | ||
55 | padding-bottom: 3mm; | ||
56 | } .sub td { vertical-align:top; border-top:0px; border-bottom:0px; padding:2px; padding-right:8px; | ||
57 | margin:0; font-size:9pt; } | ||
58 | .sub { align:center; border:#888888 1px solid; } | ||
59 | thead td { font-weight: bold; } | ||
60 | |||
61 | table.nested { | ||
62 | border-collapse: separate; | ||
63 | border: 4px solid #880000; | ||
64 | padding: 3px; | ||
65 | margin: 0px 20px 0px 20px; | ||
66 | empty-cells: hide; | ||
67 | background-color:#FFFFCC; | ||
68 | } | ||
69 | table.nested td { | ||
70 | border: 1px solid #008800; | ||
71 | padding: 0px; | ||
72 | background-color:#ECFFDF; | ||
73 | } | ||
74 | table.outer2 { | ||
75 | border-collapse: separate; | ||
76 | border: 4px solid #088000; | ||
77 | padding: 3px; | ||
78 | margin: 10px 0px; | ||
79 | empty-cells: hide; | ||
80 | background-color: yellow; | ||
81 | } | ||
82 | table.outer2 td { | ||
83 | font-family: Times; | ||
84 | border: 1px solid #008800; | ||
85 | padding: 0px; | ||
86 | background-color:#ECFFDF; | ||
87 | } | ||
88 | table.inner { | ||
89 | border-collapse: collapse; | ||
90 | border: 2px solid #000088; | ||
91 | padding: 3px; | ||
92 | margin: 5px; | ||
93 | empty-cells: show; | ||
94 | background-color:#FFCCFF; | ||
95 | } | ||
96 | table.inner td { | ||
97 | border: 1px solid #000088; | ||
98 | padding: 0px; | ||
99 | font-family: monospace; | ||
100 | font-style: italic; | ||
101 | font-weight: bold; | ||
102 | color: #880000; | ||
103 | background-color:#FFECDF; | ||
104 | } | ||
105 | table.collapsed { | ||
106 | border-collapse: collapse; | ||
107 | } | ||
108 | table.collapsed td { | ||
109 | background-color:#EDFCFF; | ||
110 | } | ||
111 | .headerrow td, .headerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
112 | .footerrow td, .footerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
113 | |||
114 | .evenrow td, .evenrow th { background-color: #f5f8f5; } | ||
115 | .oddrow td, .oddrow th { background-color: #e3ece4; } | ||
116 | |||
117 | .bpmTopic { background-color: #e3ece4; } | ||
118 | .bpmTopicC { background-color: #e3ece4; } | ||
119 | .bpmNoLines { background-color: #e3ece4; } | ||
120 | .bpmNoLinesC { background-color: #e3ece4; } | ||
121 | .bpmClear { } | ||
122 | .bpmClearC { text-align: center; } | ||
123 | .bpmTopnTail { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
124 | .bpmTopnTailC { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
125 | .bpmTopnTailClear { topntail: 0.02cm solid #495b4a; } | ||
126 | .bpmTopnTailClearC { topntail: 0.02cm solid #495b4a; } | ||
127 | |||
128 | .bpmTopicC td, .bpmTopicC td p { text-align: center; } | ||
129 | .bpmNoLinesC td, .bpmNoLinesC td p { text-align: center; } | ||
130 | .bpmClearC td, .bpmClearC td p { text-align: center; } | ||
131 | .bpmTopnTailC td, .bpmTopnTailC td p { text-align: center; } | ||
132 | .bpmTopnTailClearC td, .bpmTopnTailClearC td p { text-align: center; } | ||
133 | |||
134 | .pmhMiddleCenter { text-align:center; vertical-align:middle; } | ||
135 | .pmhMiddleRight { text-align:right; vertical-align:middle; } | ||
136 | .pmhBottomCenter { text-align:center; vertical-align:bottom; } | ||
137 | .pmhBottomRight { text-align:right; vertical-align:bottom; } | ||
138 | .pmhTopCenter { text-align:center; vertical-align:top; } | ||
139 | .pmhTopRight { text-align:right; vertical-align:top; } | ||
140 | .pmhTopLeft { text-align:left; vertical-align:top; } | ||
141 | .pmhBottomLeft { text-align:left; vertical-align:bottom; } | ||
142 | .pmhMiddleLeft { text-align:left; vertical-align:middle; } | ||
143 | |||
144 | .bpmTopic td, .bpmTopic th { border-top: 1px solid #FFFFFF; } | ||
145 | .bpmTopicC td, .bpmTopicC th { border-top: 1px solid #FFFFFF; } | ||
146 | .bpmTopnTail td, .bpmTopnTail th { border-top: 1px solid #FFFFFF; } | ||
147 | .bpmTopnTailC td, .bpmTopnTailC th { border-top: 1px solid #FFFFFF; } | ||
148 | .lista { list-style-type: upper-roman; } | ||
149 | .listb{ list-style-type: decimal; font-family: sans-serif; color: blue; font-weight: bold; font-style: italic; font-size: 19pt; } | ||
150 | .listc{ list-style-type: upper-alpha; text-indent: 25mm; } | ||
151 | .listd{ list-style-type: lower-alpha; color: teal; line-height: 2; } | ||
152 | .liste{ list-style-type: disc; } | ||
153 | |||
154 | .roundgradient { | ||
155 | border:0.05mm solid #220044; | ||
156 | background-color: #f0f2ff; | ||
157 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
158 | border-radius: 10mm / 10mm; | ||
159 | background-clip: border-box; | ||
160 | padding: 3.3mm; | ||
161 | } | ||
162 | .phpcode { | ||
163 | border:1px solid #555555; | ||
164 | background-color: #DDDDDD; | ||
165 | padding: 1em; | ||
166 | font-size:8pt; | ||
167 | font-family: lucidaconsole, mono; | ||
168 | } | ||
169 | </style> | ||
170 | </head><body> | ||
171 | |||
172 | <!-- DEFINE HEADERS & FOOTERS --> | ||
173 | <htmlpageheader name="myHTMLHeaderOdd"> | ||
174 | <div style="font-family:sans-serif; background-color:#BBEEFF" align="center"><b>mPDF Example File</b></div> | ||
175 | </htmlpageheader> | ||
176 | <htmlpageheader name="myHTMLHeaderEven"> | ||
177 | <div style="font-family:sans-serif; background-color:#EFFBBE" align="center"><b><i>mPDF Example File</i></b></div> | ||
178 | </htmlpageheader> | ||
179 | <htmlpagefooter name="myHTMLFooterOdd" style="display:none"> | ||
180 | <div style="font-family:sans-serif; background-color:#CFFFFC" align="center"><b>{PAGENO}/{nbpg}</b></div> | ||
181 | </htmlpagefooter> | ||
182 | <htmlpagefooter name="myHTMLFooterEven" style="display:none"> | ||
183 | <div style="font-family:sans-serif; background-color:#FFCCFF" align="center"><b><i>{PAGENO}/{nbpg}</i></b></div> | ||
184 | </htmlpagefooter> | ||
185 | |||
186 | <pagefooter name="myFooter2Odd" content-left="" content-center="mPDF Example File" content-right="{PAGENO}/{nbpg}" footer-style="font-family:sans-serif; font-size:9pt; font-weight:bold; color:#000088;" footer-style-right="font-weight: bold;" line="on" /> | ||
187 | |||
188 | <pagefooter name="myFooter2Even" content-left="{PAGENO}/{nbpg}" content-center="mPDF Example File" content-right="{DATE j-m-Y}" footer-style="font-family:sans-serif; font-size:10pt; color:#880000;" footer-style-left="font-weight:bold;" line="on" /> | ||
189 | |||
190 | |||
191 | <!-- FRONT COVER --> | ||
192 | <div style="position: absolute; left:0; right: 0; top: 0; bottom: 0;"> | ||
193 | <img src="clematis.jpg" style="width: 210mm; height: 297mm; margin: 0;" /> | ||
194 | </div> | ||
195 | |||
196 | <div style="position: absolute; left:32mm; right: 25mm; top: 70mm; width: 58%; margin-right: auto; margin-left:auto; "> | ||
197 | <div style="padding: 1em; font-family: Arial; font-weight: bold; font-size: 28pt; border: 3px solid #000044; border-radius: 5mm; background-clip: border-box; color: #000044; background-color: #FFFFFF;"> | ||
198 | mPDF Example File | ||
199 | </div> | ||
200 | </div> | ||
201 | |||
202 | <pagebreak /> | ||
203 | |||
204 | <p>The front cover can also be produced like this:</p> | ||
205 | <!-- EXAMPLE PHP CODE --> | ||
206 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
207 | $mpdf->Image(\'clematis.jpg\',0,0,210,297,\'jpg\',\'\',true, false); | ||
208 | // the last "false" allows a full page picture | ||
209 | |||
210 | $mpdf->y = 70; | ||
211 | $mpdf->Shaded_box(\'mPDF Example File\', \'Trebuchet\', \'\', 28, \'70%\', \'DF\', 3, \'#FFFFFF\', \'#000044\', 10); | ||
212 | ')) .'</div> | ||
213 | <!-- END EXAMPLE PHP CODE --> | ||
214 | |||
215 | |||
216 | <!-- TABLES OF CONTENTS --> | ||
217 | <tocpagebreak toc-preHTML="<h2>CONTENTS</h2>" links="1" toc-bookmarkText="Contents" resetpagenum="1" pagenumstyle="1" | ||
218 | odd-header-name="html_myHTMLHeaderOdd" odd-header-value="1" even-header-name="html_myHTMLHeaderEven" even-header-value="1" odd-footer-name="myFooter2Odd" odd-footer-value="1" even-footer-name="myFooter2Even" even-footer-value="1" /> | ||
219 | |||
220 | <tocpagebreak name="Figures" toc-preHTML="<h2>FIGURES</h2>" links="1" toc-bookmarkText="Figures" /> | ||
221 | |||
222 | <tocpagebreak name="Tables" toc-preHTML="<h2>TABLES</h2>" links="1" toc-bookmarkText="Tables" /> | ||
223 | |||
224 | |||
225 | |||
226 | <!-- SECTION 1 --> | ||
227 | <h1>(H1) mPDF</h1> | ||
228 | <h2>(H2) Section 1<bookmark content="Section 1" level="0" /></h2> | ||
229 | <h3>(H3) HTML Markup<bookmark content="HTML Markup" level="1" /><tocentry name="" content="HTML Markup" level="0" /><indexentry content="HTML Markup" /></h3> | ||
230 | |||
231 | <tocentry name="" content="HTML Markup" level="1" /> | ||
232 | <tocentry name="" content="HTML Markup" level="2" /> | ||
233 | |||
234 | <h4>Heading 4</h4> | ||
235 | <h5>Heading 5</h5> | ||
236 | <h6>Heading 6</h6> | ||
237 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
238 | |||
239 | <hr /> | ||
240 | |||
241 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
242 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
243 | |||
244 | <blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote> | ||
245 | |||
246 | <address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address> | ||
247 | |||
248 | <pre>PRE: Cum sociis natoque penatibus et magnis dis parturient montes, | ||
249 | nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis | ||
250 | dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras | ||
251 | sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. | ||
252 | Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, | ||
253 | ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui.</pre> | ||
254 | |||
255 | <div><a href="http://mpdf.bpm1.com/manual/">Hyperlink (<a>)</a></div> | ||
256 | |||
257 | <div>Styles - <tt>tt(teletype)</tt> <i>italic</i> <b>bold</b> <big>big</big> <small>small</small> <em>emphasis</em> <strong>strong</strong> <br />new lines<br> | ||
258 | <code>code</code> <samp>sample</samp> <kbd>keyboard</kbd> <var>variable</var> <cite>citation</cite> <abbr>abbr.</abbr> <acronym>ACRONYM</acronym> <sup>sup</sup> <sub>sub</sub> <strike>strike</strike> <s>strike-s</s> <u>underline</u> <del>delete</del> <ins>insert</ins> <q>To be or not to be</q> <font face="sans-serif" color="#880000" size="5">font changing face, size and color</font> | ||
259 | </div> | ||
260 | |||
261 | <p style="font-size:15pt; color:#440066">Paragraph using the in-line style to determine the font-size (15pt) and colour</p> | ||
262 | |||
263 | |||
264 | <h3>Testing BIG, SMALL, UNDERLINE, STRIKETHROUGH, FONT color, ACRONYM, SUPERSCRIPT and SUBSCRIPT</h3> | ||
265 | <p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline and <s>strikethrough and <sup>sup</sup></s></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
266 | |||
267 | <p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
268 | |||
269 | <p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
270 | |||
271 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
272 | |||
273 | <p>The above repeated, but starting with a paragraph with font-size specified (7pt)</p> | ||
274 | |||
275 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <small>small <s>strikethrough</s> in small span</small> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
276 | |||
277 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
278 | |||
279 | <p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
280 | |||
281 | <p><small>This tests <u>underline</u> and <s>strikethrough</s> when they are <s><u>used together</u></s> as they both use text-decoration</small></p> | ||
282 | |||
283 | |||
284 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
285 | |||
286 | <p style="font-size:7pt;"><big>Repeated in BIG but with font-size set to 7pt by in-line css: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
287 | |||
288 | <ol> | ||
289 | <li>Item <b><u>1</u></b></li> | ||
290 | <li>Item 2<sup>32</sup></li> | ||
291 | <li><small>Item</small> 3</li> | ||
292 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. | ||
293 | <ul> | ||
294 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. </li> | ||
295 | <li>Subitem 2 | ||
296 | <ul> | ||
297 | <li> | ||
298 | Level 3 subitem | ||
299 | </li> | ||
300 | </ul> | ||
301 | </li> | ||
302 | </ul> | ||
303 | </li> | ||
304 | <li>Item 5</li> | ||
305 | </ol> | ||
306 | |||
307 | <p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
308 | <tocentry name="Tables" content="Basic table" level="0" /> | ||
309 | <table border="1" cellpadding="5"> | ||
310 | <thead> | ||
311 | <tr> | ||
312 | <th>Data</th> | ||
313 | <th>Data</th> | ||
314 | <td>Data</td> | ||
315 | <td>Data<br />2nd line</td> | ||
316 | </tr> | ||
317 | </thead> | ||
318 | <tbody> | ||
319 | <tr> | ||
320 | <th>More Data</th> | ||
321 | <td>More Data</td> | ||
322 | <td>More Data</td> | ||
323 | <td>Data<br />2nd line</td> | ||
324 | </tr> | ||
325 | <tr> | ||
326 | <th>Data</th> | ||
327 | <td>Data</td> | ||
328 | <td>Data</td> | ||
329 | <td>Data<br />2nd line</td> | ||
330 | </tr> | ||
331 | <tr> | ||
332 | <th>Data</th> | ||
333 | <td>Data</td> | ||
334 | <td>Data</td> | ||
335 | <td>Data<br />2nd line</td> | ||
336 | </tr> | ||
337 | </tbody> | ||
338 | </table> | ||
339 | |||
340 | This paragraph has border-radius and background-gradient set. Minimum padding is recommended as 1/3rd of the border-radius. Or can use $mpdf->autoPadding. | ||
341 | <p class="roundgradient">Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
342 | |||
343 | |||
344 | |||
345 | <!-- HYPHENATION --> | ||
346 | <pagebreak /> | ||
347 | <h3>Hyphenation<bookmark content="Hyphenation" level="1" /><tocentry name="" content="Hyphenation" level="0" /><indexentry content="Hyphenation" /></h3> | ||
348 | |||
349 | <h4>Little Women - Chapter One - Playing Pilgrims</h4> | ||
350 | <columns column-count="4" vAlign="J" column-gap="7" /> | ||
351 | |||
352 | <p class="littlewomen"> Christmas won\'t be Christmas without any presents, grumbled Jo, lying on the rug.</p><p class="littlewomen"> It\'s so dreadful to be poor! sighed Meg, looking down at her old dress.</p><p class="littlewomen"> I don\'t think it\'s fair for some girls to have plenty of pretty things, and other girls nothing at all, added little Amy, with an injured sniff.</p><p class="littlewomen"> We\'ve got Father and Mother, and each other, said Beth contentedly from her corner.</p><p class="littlewomen">The four young faces on which the firelight shone brightened at the cheerful words, but darkened again as Jo said sadly, We haven\'t got Father, and shall not have him for a long time. She didn\'t say perhaps never, but each silently added it, thinking of Father far away, where the fighting was.</p><p class="littlewomen">Nobody spoke for a minute; then Meg said in an altered tone, You know the reason Mother proposed not having any presents this Christmas was because it is going to be a hard winter for everyone; and she thinks we ought not to spend money for pleasure, when our men are suffering so in the army. We can\'t do much, but we can make our little sacrifices, and ought to do it gladly. But I am afraid I don\'t And Meg shook her head, as she thought regretfully of all the pretty things she wanted.</p><p class="littlewomen"> But I don\'t think the little we should spend would do any good. We\'ve each got a dollar, and the army wouldn\'t be much helped by our giving that. I agree not to expect anything from Mother or you, but I do want to buy UNDINE AND SINTRAM for myself. I\'ve wanted it so long, said Jo, who was a bookworm.</p><p class="littlewomen"> I planned to spend mine in new music, said Beth, with a little sigh, which no one heard but the hearth brush and kettle holder.</p><p class="littlewomen"> I shall get a nice box of Faber\'s drawing pencils. I really need them, said Amy decidedly.</p><p class="littlewomen"> Mother didn\'t say anything about our money, and she won\'t wish us to give up everything. Let\'s each buy what we want, and have a little fun. I\'m sure we work hard enough to earn it, cried Jo, examining the heels of her shoes in a gentlemanly manner.</p><p class="littlewomen"> I know I do—teaching those tiresome children nearly all day, when I\'m longing to enjoy myself at home, began Meg, in the complaining tone again.</p><p class="littlewomen"> You don\'t have half such a hard time as I do, said Jo. How would you like to be shut up for hours with a nervous, fussy old lady, who keeps you trotting, is never satisfied, and worries you till you you\'re ready to fly out the window or cry? </p><p class="littlewomen"> It\'s naughty to fret, but I do think washing dishes and keeping things tidy is the worst work in the world. It makes me cross, and my hands get so stiff, I can\'t practice well at all. And Beth looked at her rough hands with a sigh that any one could hear that time.</p><p class="littlewomen"> I don\'t believe any of you suffer as I do, cried Amy, for you don\'t have to go to school with impertinent girls, who plague you if you don\'t know your lessons, and laugh at your dresses, and label your father if he isn\'t rich, and insult you when your nose isn\'t nice. </p><p class="littlewomen"> If you mean libel, I\'d say so, and not talk about labels, as if Papa was a pickle bottle, advised Jo, laughing.</p><p class="littlewomen"> I know what I mean, and you needn\'t be satirical about it. It\'s proper to use good words, and improve your vocabulary, returned Amy, with dignity.</p><p class="littlewomen"> Don\'t peck at one another, children. Don\'t you wish we had the money Papa lost when we were little, Jo? Dear me! How happy and good we\'d be, if we had no worries! said Meg, who could remember better times.</p><p class="littlewomen"> You said the other day you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money. </p><p class="littlewomen"> So I did, Beth. Well, I think we are. For though we do have to work, we make fun of ourselves, and are a pretty jolly set, as Jo would say. </p><p class="littlewomen"> Jo does use such slang words! observed Amy, with a reproving look at the long figure stretched on the rug.</p><p class="littlewomen">Jo immediately sat up, put her hands in her pockets, and began to whistle.</p><p class="littlewomen"> Don\'t, Jo. It\'s so boyish! </p><p class="littlewomen"> That\'s why I do it. </p><p class="littlewomen"> I detest rude, unladylike girls! </p><p class="littlewomen"> I hate affected, niminy-piminy chits! </p><p class="littlewomen"> Birds in their little nests agree, sang Beth, the peacemaker, with such a funny face that both sharp voices softened to a laugh, and the pecking ended for that time.</p><p class="littlewomen"> Really, girls, you are both to be blamed, said Meg, beginning to lecture in her elder-sisterly fashion. You are old enough to leave off boyish tricks, and to behave better, Josephine. It didn\'t matter so much when you were a little girl, but now you are so tall, and turn up your hair, you should remember that you are a young lady. </p><p class="littlewomen"> I\'m not! And if turning up my hair makes me one, I\'ll wear it in two tails till I\'m twenty, cried Jo, pulling off her net, and shaking down a chestnut mane. I hate to think I\'ve got to grow up, and be Miss March, and wear long gowns, and look as prim as a China Aster! It\'s bad enough to be a girl, anyway, when I like boy\'s games and work and manners! I can\'t get over my disappointment in not being a boy. And it\'s worse than ever now, for I\'m dying to go and fight with Papa. And I can only stay home and knit, like a poky old woman! </p><p class="littlewomen">And Jo shook the blue army sock till the needles rattled like castanets, and her ball bounded across the room.</p><p class="littlewomen"> Poor Jo! It\'s too bad, but it can\'t be helped. So you must try to be contented with making your name boyish, and playing brother to us girls, said Beth, stroking the rough head with a hand that all the dish washing and dusting in the world could not make ungentle in its touch.</p><p class="littlewomen"> As for you, Amy, continued Meg, you are altogether to particular and prim. Your airs are funny now, but you\'ll grow up an affected little goose, if you don\'t take care. I I like your nice manners and refined ways of speaking, when you don\'t try to be elegant. But your absurd words are as bad as Jo\'s slang. </p><p class="littlewomen"> If Jo is a tomboy and Amy a goose, what am I, please? asked Beth, ready to share the lecture.</p><p class="littlewomen"> You\'re a dear, and nothing else, answered Meg warmly, and no one contradicted her, for the \'Mouse\' was the pet of the family.</p> | ||
353 | |||
354 | <columns column-count="1" /> | ||
355 | |||
356 | |||
357 | |||
358 | |||
359 | |||
360 | |||
361 | <!-- LISTS --> | ||
362 | <pagebreak /> | ||
363 | <h3>Lists<bookmark content="Lists" level="1" /><tocentry name="" content="Lists" level="0" /><indexentry content="Lists" /></h3> | ||
364 | <div style="background-color:#ddccff; padding:0pt; border: 1px solid #555555;"> | ||
365 | <ol class="lista"> | ||
366 | <li>Text here lorem ipsum ibisque totum.</li> | ||
367 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
368 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
369 | <li>Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum.</li> | ||
370 | <li>Text here lorem ipsum ibisque totum.</li> | ||
371 | <li>Text here lorem ipsum ibisque totum. | ||
372 | <ol class="listb"> | ||
373 | <li>Text here lorem ipsum ibisque totum.</li> | ||
374 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
375 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
376 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
377 | <li>Text here lorem ipsum ibisque totum.</li> | ||
378 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
379 | <ol class="listc"> | ||
380 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
381 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum. | ||
382 | </li> | ||
383 | <li>Text here lorem ipsum ibisque totum. | ||
384 | <ol class="listd"> | ||
385 | <li>Text here lorem ipsum ibisque totum.</li> | ||
386 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
387 | <li>Text here lorem ipsum ibisque totum.</li> | ||
388 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
389 | <li>Text here lorem ipsum ibisque totum. | ||
390 | <ol class="liste"> | ||
391 | <li>Text here lorem ipsum ibisque totum.</li> | ||
392 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
393 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
394 | <li>Text here lorem ipsum ibisque totum.</li> | ||
395 | <li>Text here lorem ipsum ibisque totum.</li> | ||
396 | </ol> | ||
397 | </li> | ||
398 | <li>Text here lorem ipsum ibisque totum.</li> | ||
399 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
400 | <li>Text here lorem ipsum ibisque totum.</li> | ||
401 | <li>Text here lorem ipsum ibisque totum.</li> | ||
402 | </ol> | ||
403 | </li> | ||
404 | <li>Text here lorem ipsum ibisque totum.</li> | ||
405 | </ol> | ||
406 | </li> | ||
407 | <li>Text here lorem ipsum ibisque totum.</li> | ||
408 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
409 | <li>Text here lorem ipsum ibisque totum.</li> | ||
410 | <li>Text here lorem ipsum ibisque totum.</li> | ||
411 | </ol> | ||
412 | </li> | ||
413 | <li>Text here lorem ipsum ibisque totum.</li> | ||
414 | <li>Text here lorem ipsum ibisque totum. | ||
415 | <ol class="listc"> | ||
416 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
417 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
418 | <li>Text here lorem ipsum ibisque totum. | ||
419 | <ol class="listd"> | ||
420 | <li>Text here lorem ipsum ibisque totum.</li> | ||
421 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
422 | <li>Text here lorem ipsum ibisque totum.</li> | ||
423 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
424 | <ol class="liste"> | ||
425 | <li>Text here lorem ipsum ibisque totum.</li> | ||
426 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
427 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
428 | <li>Text here lorem ipsum ibisque totum.</li> | ||
429 | <li>Text here lorem ipsum ibisque totum.</li> | ||
430 | </ol> | ||
431 | </li> | ||
432 | <li>Text here lorem ipsum ibisque totum.</li> | ||
433 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
434 | <li>Text here lorem ipsum ibisque totum. | ||
435 | <ol> | ||
436 | <li>No class specified. Text here lorem ipsum ibisque totum.</li> | ||
437 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
438 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
439 | <li>Text here lorem ipsum ibisque totum.</li> | ||
440 | <li>Text here lorem ipsum ibisque totum.</li> | ||
441 | </ol> | ||
442 | </li> | ||
443 | </ol> | ||
444 | </li> | ||
445 | </ol> | ||
446 | </li> | ||
447 | <li>Text here lorem ipsum ibisque totum.</li> | ||
448 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
449 | <li>Text here lorem ipsum ibisque totum.</li> | ||
450 | <li>Text here lorem ipsum ibisque totum.</li> | ||
451 | <li>Text here lorem ipsum ibisque totum.</li> | ||
452 | <li>Text here lorem ipsum ibisque totum.</li> | ||
453 | <li>Text here lorem ipsum ibisque totum.</li> | ||
454 | </ol> | ||
455 | </div> | ||
456 | |||
457 | <!-- TABLES --> | ||
458 | <pagebreak /> | ||
459 | <h3>Tables<bookmark content="Tables" level="1" /><tocentry name="" content="Tables" level="0" /><tocentry name="Tables" content="Tables - general" level="0" /><indexentry content="Tables" /></h3> | ||
460 | <p>mPDF supports all in-line properties inside tables.</p> | ||
461 | <table border="1"> | ||
462 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
463 | <tr><td>Row 2</td> | ||
464 | <td> | ||
465 | <p>This is data p</p> | ||
466 | This is data out of p | ||
467 | <p style="font-weight:bold; font-size:20pt; background-color:#FFBBFF;">This is bold data p</p> | ||
468 | <b>This is bold data out of p</b><br /> | ||
469 | This is normal data after br | ||
470 | <h3>Heading 3 inside a table</h3> | ||
471 | Text here lorem <i>ipsum</i> ibisque totum.<sup>32</sup> | ||
472 | <div>This is data div</div> | ||
473 | This is data out of div | ||
474 | <div style="font-weight:bold;">This is data div (bold)</div> | ||
475 | This is data out of div | ||
476 | </td> | ||
477 | |||
478 | <td>Also data</td></tr> | ||
479 | </tbody></table> | ||
480 | |||
481 | <p>This table has padding-top and -bottom set to 3mm i.e. padding within the cells. Also background-, border colour and style, font family and size are set by in-line <acronym>CSS</acronym>.</p> | ||
482 | <table style="border: 1px solid #880000; background-color: #BBCCDD; font-family: Mono; font-size: 7pt; " class="tallcells"> | ||
483 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
484 | <tr><td>Row 2</td><td><p>This is data p</p></td><td><p>More data</p></td></tr> | ||
485 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
486 | </tbody></table> | ||
487 | |||
488 | |||
489 | <h4>Tables<bookmark content="Table styles" level="2" /><tocentry name="Tables" content="Table styles" level="0" /><indexentry content="Table:styles" /></h4> | ||
490 | <p>The style sheet used for these examples shows some of the table styles I use on my website. The property \'topntail\' defined by a border-type definition e.g. "1px solid #880000" puts a border at the top and bottom of the table, and also below a header row (thead) if defined. Note also that <thead> will automatically turn on the header-repeat i.e. reproduce the header row at the top of each page.</p> | ||
491 | <p>bpmTopic Class</p> | ||
492 | <table class="bpmTopic"><thead></thead><tbody> | ||
493 | <tr> | ||
494 | <td>Row 1</td> | ||
495 | <td>This is data</td> | ||
496 | <td>This is data</td> | ||
497 | </tr> | ||
498 | <tr> | ||
499 | <td>Row 2</td> | ||
500 | <td> | ||
501 | <p>This is data p</p> | ||
502 | </td> | ||
503 | <td> | ||
504 | <p>More data</p> | ||
505 | </td> | ||
506 | </tr> | ||
507 | <tr> | ||
508 | <td> | ||
509 | <p>Row 3</p> | ||
510 | </td> | ||
511 | <td> | ||
512 | <p>This is long data</p> | ||
513 | </td> | ||
514 | <td>This is data</td> | ||
515 | </tr> | ||
516 | <tr> | ||
517 | <td> | ||
518 | <p>Row 4 <td> cell</p> | ||
519 | </td> | ||
520 | <td>This is data</td> | ||
521 | <td> | ||
522 | <p>This is data</p> | ||
523 | </td> | ||
524 | </tr> | ||
525 | <tr> | ||
526 | <td>Row 5</td> | ||
527 | <td>Also data</td> | ||
528 | <td>Also data</td> | ||
529 | </tr> | ||
530 | <tr> | ||
531 | <td>Row 6</td> | ||
532 | <td>Also data</td> | ||
533 | <td>Also data</td> | ||
534 | </tr> | ||
535 | <tr> | ||
536 | <td>Row 7</td> | ||
537 | <td>Also data</td> | ||
538 | <td>Also data</td> | ||
539 | </tr> | ||
540 | <tr> | ||
541 | <td>Row 8</td> | ||
542 | <td>Also data</td> | ||
543 | <td>Also data</td> | ||
544 | </tr> | ||
545 | </tbody></table> | ||
546 | |||
547 | <p> </p> | ||
548 | |||
549 | <p>bpmTopic<b>C</b> Class (centered) Odd and Even rows</p> | ||
550 | <table class="bpmTopicC"><thead> | ||
551 | <tr class="headerrow"><th>Col/Row Header</th> | ||
552 | <td> | ||
553 | <p>Second column header p</p> | ||
554 | </td> | ||
555 | <td>Third column header</td> | ||
556 | </tr> | ||
557 | </thead><tbody> | ||
558 | <tr class="oddrow"><th>Row header 1</th> | ||
559 | <td>This is data</td> | ||
560 | <td>This is data</td> | ||
561 | </tr> | ||
562 | <tr class="evenrow"><th>Row header 2</th> | ||
563 | <td> | ||
564 | <p>This is data p</p> | ||
565 | </td> | ||
566 | <td> | ||
567 | <p>This is data</p> | ||
568 | </td> | ||
569 | </tr> | ||
570 | <tr class="oddrow"><th> | ||
571 | <p>Row header 3</p> | ||
572 | </th> | ||
573 | <td> | ||
574 | <p>This is long data</p> | ||
575 | </td> | ||
576 | <td>This is data</td> | ||
577 | </tr> | ||
578 | <tr class="evenrow"><th> | ||
579 | <p>Row header 4</p> | ||
580 | <p><th> cell acting as header</p> | ||
581 | </th> | ||
582 | <td>This is data</td> | ||
583 | <td> | ||
584 | <p>This is data</p> | ||
585 | </td> | ||
586 | </tr> | ||
587 | <tr class="oddrow"><th>Row header 5</th> | ||
588 | <td>Also data</td> | ||
589 | <td>Also data</td> | ||
590 | </tr> | ||
591 | <tr class="evenrow"><th>Row header 6</th> | ||
592 | <td>Also data</td> | ||
593 | <td>Also data</td> | ||
594 | </tr> | ||
595 | <tr class="oddrow"><th>Row header 7</th> | ||
596 | <td>Also data</td> | ||
597 | <td>Also data</td> | ||
598 | </tr> | ||
599 | <tr class="evenrow"><th>Row header 8</th> | ||
600 | <td>Also data</td> | ||
601 | <td>Also data</td> | ||
602 | </tr> | ||
603 | </tbody></table> | ||
604 | |||
605 | <p> </p> | ||
606 | |||
607 | <p>bpmTopnTail Class </p> | ||
608 | <table class="bpmTopnTail"><thead></thead><tbody> | ||
609 | <tr> | ||
610 | <td>Row 1</td> | ||
611 | <td>This is data</td> | ||
612 | <td>This is data</td> | ||
613 | </tr> | ||
614 | <tr> | ||
615 | <td>Row 2</td> | ||
616 | <td> | ||
617 | <p>This is data p</p> | ||
618 | </td> | ||
619 | <td> | ||
620 | <p>This is data</p> | ||
621 | </td> | ||
622 | </tr> | ||
623 | <tr> | ||
624 | <td> | ||
625 | <p>Row 3</p> | ||
626 | </td> | ||
627 | <td> | ||
628 | <p>This is long data</p> | ||
629 | </td> | ||
630 | <td>This is data</td> | ||
631 | </tr> | ||
632 | <tr> | ||
633 | <td> | ||
634 | <p>Row 4 <td> cell</p> | ||
635 | </td> | ||
636 | <td>This is data</td> | ||
637 | <td> | ||
638 | <p>This is data</p> | ||
639 | </td> | ||
640 | </tr> | ||
641 | <tr> | ||
642 | <td>Row 5</td> | ||
643 | <td>Also data</td> | ||
644 | <td>Also data</td> | ||
645 | </tr> | ||
646 | <tr> | ||
647 | <td>Row 6</td> | ||
648 | <td>Also data</td> | ||
649 | <td>Also data</td> | ||
650 | </tr> | ||
651 | <tr> | ||
652 | <td>Row 7</td> | ||
653 | <td>Also data</td> | ||
654 | <td>Also data</td> | ||
655 | </tr> | ||
656 | <tr> | ||
657 | <td>Row 8</td> | ||
658 | <td>Also data</td> | ||
659 | <td>Also data</td> | ||
660 | </tr> | ||
661 | </tbody></table> | ||
662 | <p> </p> | ||
663 | <p>bpmTopnTail<b>C</b> Class (centered) Odd and Even rows</p> | ||
664 | <table class="bpmTopnTailC"><thead> | ||
665 | <tr class="headerrow"><th>Col/Row Header</th> | ||
666 | <td> | ||
667 | <p>Second column header p</p> | ||
668 | </td> | ||
669 | <td>Third column header</td> | ||
670 | </tr> | ||
671 | </thead><tbody> | ||
672 | <tr class="oddrow"><th>Row header 1</th> | ||
673 | <td>This is data</td> | ||
674 | <td>This is data</td> | ||
675 | </tr> | ||
676 | <tr class="evenrow"><th>Row header 2</th> | ||
677 | <td> | ||
678 | <p>This is data p</p> | ||
679 | </td> | ||
680 | <td> | ||
681 | <p>This is data</p> | ||
682 | </td> | ||
683 | </tr> | ||
684 | <tr class="oddrow"><th> | ||
685 | <p>Row header 3</p> | ||
686 | </th> | ||
687 | <td> | ||
688 | <p>This is long data</p> | ||
689 | </td> | ||
690 | <td>This is data</td> | ||
691 | </tr> | ||
692 | <tr class="evenrow"><th> | ||
693 | <p>Row header 4</p> | ||
694 | <p><th> cell acting as header</p> | ||
695 | </th> | ||
696 | <td>This is data</td> | ||
697 | <td> | ||
698 | <p>This is data</p> | ||
699 | </td> | ||
700 | </tr> | ||
701 | <tr class="oddrow"><th>Row header 5</th> | ||
702 | <td>Also data</td> | ||
703 | <td>Also data</td> | ||
704 | </tr> | ||
705 | <tr class="evenrow"><th>Row header 6</th> | ||
706 | <td>Also data</td> | ||
707 | <td>Also data</td> | ||
708 | </tr> | ||
709 | <tr class="oddrow"><th>Row header 7</th> | ||
710 | <td>Also data</td> | ||
711 | <td>Also data</td> | ||
712 | </tr> | ||
713 | <tr class="evenrow"><th>Row header 8</th> | ||
714 | <td>Also data</td> | ||
715 | <td>Also data</td> | ||
716 | </tr> | ||
717 | </tbody></table> | ||
718 | |||
719 | <p> </p> | ||
720 | |||
721 | <p>TopnTail Class</p> | ||
722 | <table class="bpmTopnTail"><thead> | ||
723 | <tr class="headerrow"><th>Col and Row Header</th> | ||
724 | <td> | ||
725 | <p>Second</p> | ||
726 | <p>column</p> | ||
727 | </td> | ||
728 | <td class="pmhTopRight">Top right align</td> | ||
729 | </tr> | ||
730 | </thead><tbody> | ||
731 | <tr class="oddrow"><th> | ||
732 | <p>Row header 1 p</p> | ||
733 | </th> | ||
734 | <td>This is data</td> | ||
735 | <td>This is data</td> | ||
736 | </tr> | ||
737 | <tr class="evenrow"><th>Row header 2</th> | ||
738 | <td class="pmhBottomRight"><b><i>Bottom right align</i></b></td> | ||
739 | <td> | ||
740 | <p>This is data. Can use</p> | ||
741 | <p><b>bold</b> <i>italic </i><sub>sub</sub> or <sup>sup</sup> text</p> | ||
742 | </td> | ||
743 | </tr> | ||
744 | <tr class="oddrow"><th class="pmhBottomRight"> | ||
745 | <p>Bottom right align</p> | ||
746 | </th> | ||
747 | <td class="pmhMiddleCenter" style="border: #000000 1px solid"> | ||
748 | <p>This is data. This cell</p> | ||
749 | <p>uses Cell Styles to set</p> | ||
750 | <p>the borders.</p> | ||
751 | <p>All borders are collapsible</p> | ||
752 | <p>in mPDF.</p> | ||
753 | </td> | ||
754 | <td>This is data</td> | ||
755 | </tr> | ||
756 | <tr class="evenrow"><th>Row header 4</th> | ||
757 | <td> | ||
758 | <p>This is data p</p> | ||
759 | </td> | ||
760 | <td>More data</td> | ||
761 | </tr> | ||
762 | <tr class="oddrow"><th>Row header 5</th> | ||
763 | <td colspan="2" class="pmhTopCenter">Also data merged and centered</td> | ||
764 | </tr> | ||
765 | </tbody></table> | ||
766 | |||
767 | <p> </p> | ||
768 | |||
769 | <h4>Lists in a Table<bookmark content="Lists in a table" level="2" /><tocentry name="Tables" content="Lists in a table" level="0" /><indexentry content="Table:lists inside" /></h4> | ||
770 | <table class="bpmTopnTail"><thead> | ||
771 | <tr class="headerrow"><th>Col and Row Header</th> | ||
772 | <td> | ||
773 | <p>Second</p> | ||
774 | <p>column</p> | ||
775 | </td> | ||
776 | <td class="pmhTopRight">Top right align</td> | ||
777 | </tr> | ||
778 | </thead><tbody> | ||
779 | <tr class="oddrow"><th> | ||
780 | <p>Row header 1 p</p> | ||
781 | </th> | ||
782 | <td>This is data</td> | ||
783 | <td>This is data</td> | ||
784 | </tr> | ||
785 | <tr class="evenrow"><th>Row header 2</th> | ||
786 | <td> | ||
787 | <ol> | ||
788 | <li>Item 1</li> | ||
789 | <li>Item 2 | ||
790 | <ol type="a"> | ||
791 | <li>Subitem of ordered list</li> | ||
792 | <li>Subitem 2 | ||
793 | <ol type="i"> | ||
794 | <li>Level 3 subitem</li> | ||
795 | <li>Level 3 subitem</li> | ||
796 | </ol> | ||
797 | </li> | ||
798 | </ol> | ||
799 | </li> | ||
800 | <li>Item 3</li> | ||
801 | <li>Another Item</li> | ||
802 | <li>Subitem | ||
803 | <ol> | ||
804 | <li>Level 3 subitem</li> | ||
805 | </ol> | ||
806 | </li> | ||
807 | <li>Another Item</li> | ||
808 | </ol> | ||
809 | </td> | ||
810 | <td> | ||
811 | Unordered list: | ||
812 | <ul> | ||
813 | <li>Item 1</li> | ||
814 | <li>Item 2 | ||
815 | <ul> | ||
816 | <li>Subitem of unordered list</li> | ||
817 | <li>Subitem 2 | ||
818 | <ul> | ||
819 | <li>Level 3 subitem</li> | ||
820 | <li>Level 3 subitem</li> | ||
821 | <li>Level 3 subitem</li> | ||
822 | </ul> | ||
823 | </li> | ||
824 | </ul> | ||
825 | </li> | ||
826 | <li>Item 3</li> | ||
827 | </ul> | ||
828 | </td> | ||
829 | </tr> | ||
830 | </tbody></table> | ||
831 | <p> </p> | ||
832 | |||
833 | |||
834 | <h4>Automatic Column Width<bookmark content="Automatic Column Width" level="2" /><tocentry name="Tables" content="Automatic column width" level="0" /><indexentry content="Table:automatic column width" /></h4> | ||
835 | <table class="bpmTopnTail"><tbody> | ||
836 | <tr> | ||
837 | <td>Causes</td> | ||
838 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
839 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
840 | Suspendisse potenti</td> | ||
841 | </tr> | ||
842 | <tr> | ||
843 | <td>Mechanisms</td> | ||
844 | <td>Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing.</td> | ||
845 | </tr> | ||
846 | </tbody></table> | ||
847 | |||
848 | |||
849 | <h4>Column span<bookmark content="Column span" level="2" /><tocentry name="Tables" content="Column span" level="0" /><indexentry content="Table:column span" /></h4> | ||
850 | <table class="bpmTopnTail"><tbody> | ||
851 | <tr> | ||
852 | <td>Causes</td> | ||
853 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
854 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
855 | Suspendisse potenti</td> | ||
856 | </tr> | ||
857 | <tr> | ||
858 | <td>Mechanisms</td> | ||
859 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
860 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
861 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
862 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
863 | </tr> | ||
864 | </tbody></table> | ||
865 | |||
866 | |||
867 | |||
868 | <h4>Header & Footer Rows<bookmark content="Header Rows" level="2" /><tocentry name="Tables" content="Header rows" level="0" /><indexentry content="Table:header rows" /></h4> | ||
869 | <p>A table using a header or footer row should repeat the header/footer row across pages:</p> | ||
870 | <p>bpmTopic<b>C</b> Class</p> | ||
871 | <table class="bpmTopicC"> | ||
872 | <thead> | ||
873 | <tr class="headerrow"><th>Col and Row Header</th> | ||
874 | <td> | ||
875 | <p>Second column header</p> | ||
876 | </td> | ||
877 | <td>Third column header</td> | ||
878 | </tr> | ||
879 | </thead> | ||
880 | <tfoot> | ||
881 | <tr class="headerrow"><th>Col and Row Footer</th> | ||
882 | <td> | ||
883 | <p>Second column footer</p> | ||
884 | </td> | ||
885 | <td>Third column footer</td> | ||
886 | </tr> | ||
887 | </tfoot> | ||
888 | <tbody> | ||
889 | <tr><th>Row header 1</th> | ||
890 | <td>This is data</td> | ||
891 | <td>This is data</td> | ||
892 | </tr> | ||
893 | <tr><th>Row header 2</th> | ||
894 | <td>This is data</td> | ||
895 | <td> | ||
896 | <p>This is data</p> | ||
897 | </td> | ||
898 | </tr> | ||
899 | <tr><th> | ||
900 | <p>Row header 3</p> | ||
901 | </th> | ||
902 | <td> | ||
903 | <p>This is data</p> | ||
904 | </td> | ||
905 | <td>This is data</td> | ||
906 | </tr> | ||
907 | <tr><th>Row header 4</th> | ||
908 | <td>This is data</td> | ||
909 | <td> | ||
910 | <p>This is data</p> | ||
911 | </td> | ||
912 | </tr> | ||
913 | <tr><th>Row header 5</th> | ||
914 | <td>Also data</td> | ||
915 | <td>Also data</td> | ||
916 | </tr> | ||
917 | <tr><th>Row header 6</th> | ||
918 | <td>Also data</td> | ||
919 | <td>Also data</td> | ||
920 | </tr> | ||
921 | <tr><th>Row header 7</th> | ||
922 | <td>Also data</td> | ||
923 | <td>Also data</td> | ||
924 | </tr> | ||
925 | <tr><th>Row header 8</th> | ||
926 | <td>Also data</td> | ||
927 | <td>Also data</td> | ||
928 | </tr> | ||
929 | <tr><th>Row header 9</th> | ||
930 | <td>Also data</td> | ||
931 | <td>Also data</td> | ||
932 | </tr> | ||
933 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
934 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
935 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
936 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
937 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
938 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
939 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
940 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
941 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
942 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
943 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
944 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
945 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
946 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
947 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
948 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
949 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
950 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
951 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
952 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
953 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
954 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
955 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
956 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
957 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
958 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
959 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
960 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
961 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
962 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
963 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
964 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
965 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
966 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
967 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
968 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
969 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
970 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
971 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
972 | </tbody></table> | ||
973 | <p> </p> | ||
974 | |||
975 | <h4>Autosizing Tables<bookmark content="Autosizing Tables" level="2" /><tocentry name="Tables" content="Autosizing tables" level="0" /><indexentry content="Table:autosizing" /></h4> | ||
976 | <p>Periodic Table of elements. Tables are set by default to reduce font size if complete words will not fit inside each cell, to a maximum of 1/1.4 * the set font-size. This value can be changed by setting $mpdf->shrink_tables_to_fit=1.8 or using html attribute <table autosize="1.8">.</p> | ||
977 | |||
978 | <h5>Periodic Table</h5> | ||
979 | |||
980 | <table style="border:1px solid #000000;" cellPadding="14"><thead> | ||
981 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
982 | <tr> | ||
983 | <td colspan="18"></td> | ||
984 | </tr> | ||
985 | <tr> | ||
986 | <td>H </td><td colspan="16"></td><td>He </td> | ||
987 | </tr> | ||
988 | <tr> | ||
989 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
990 | </tr> | ||
991 | <tr> | ||
992 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
993 | </tr> | ||
994 | <tr> | ||
995 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td>Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td> | ||
996 | <td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
997 | </tr> | ||
998 | <tr> | ||
999 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td><td>Rh </td><td>Pd </td><td>Ag </td><td>Cd </td> | ||
1000 | <td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1001 | </tr> | ||
1002 | <tr> | ||
1003 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td><td>Au </td> | ||
1004 | <td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1005 | </tr> | ||
1006 | <tr> | ||
1007 | <td>Fr </td><td>Ra </td><td>Ac </td><td colspan="15"></td> | ||
1008 | </tr> | ||
1009 | <tr> | ||
1010 | <td colspan="18"></td></tr> | ||
1011 | <tr> | ||
1012 | <td colspan="3"></td><td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td> | ||
1013 | <td>Dy </td><td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1014 | </tr> | ||
1015 | <tr> | ||
1016 | <td colspan="3"></td><td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td><td>Cf </td> | ||
1017 | <td>Es </td><td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1018 | </tr> | ||
1019 | </tbody></table> | ||
1020 | |||
1021 | <pagebreak /> | ||
1022 | |||
1023 | <h4>Rotated Tables<bookmark content="Rotated Tables" level="2" /><tocentry name="Tables" content="Rotated table" level="0" /><indexentry content="Table:rotated" /></h4> | ||
1024 | <p>This is set to rotate -90 degrees (counterclockwise).</p> | ||
1025 | |||
1026 | <h5>Periodic Table</h5> | ||
1027 | <p> | ||
1028 | <table rotate="-90" class="bpmClearC"><thead> | ||
1029 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
1030 | <tr> | ||
1031 | <td></td> | ||
1032 | <td colspan="18"></td> | ||
1033 | </tr> | ||
1034 | <tr> | ||
1035 | <td>H </td><td colspan="15"></td><td></td><td>He </td> | ||
1036 | </tr> | ||
1037 | <tr> | ||
1038 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
1039 | </tr> | ||
1040 | <tr> | ||
1041 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
1042 | </tr> | ||
1043 | <tr> | ||
1044 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td>Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td><td>Cu </td> | ||
1045 | <td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
1046 | </tr> | ||
1047 | <tr> | ||
1048 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td><td>Rh </td><td>Pd </td> | ||
1049 | <td>Ag </td><td>Cd </td><td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1050 | </tr> | ||
1051 | <tr> | ||
1052 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td><td>Au </td> | ||
1053 | <td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1054 | </tr> | ||
1055 | <tr> | ||
1056 | <td>Fr </td><td>Ra </td><td>Ac </td> | ||
1057 | </tr> | ||
1058 | <tr> | ||
1059 | <td></td> | ||
1060 | <td colspan="18"></td> | ||
1061 | </tr> | ||
1062 | <tr> | ||
1063 | <td colspan="3"></td><td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td><td>Dy </td> | ||
1064 | <td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1065 | </tr> | ||
1066 | <tr> | ||
1067 | <td colspan="3"></td><td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td> | ||
1068 | <td>Cf </td><td>Es </td><td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1069 | </tr> | ||
1070 | </tbody></table> | ||
1071 | <p> </p> | ||
1072 | |||
1073 | <pagebreak /> | ||
1074 | <h4>Rotated text in Tables<bookmark content="Rotated text in Tables" level="2" /><tocentry name="Tables" content="Rotated text in table" level="0" /><indexentry content="Table:rotated text" /></h4> | ||
1075 | |||
1076 | <h5>Periodic Table</h5> | ||
1077 | <table> | ||
1078 | <thead> | ||
1079 | <tr text-rotate="45"> | ||
1080 | <th><p>Element type 1A</p><p>Second line</p><th><p>Element type longer 2A</p></th> | ||
1081 | <th>Element type 3B</th><th>Element type 4B</th><th>Element type 5B</th><th>Element type 6B</th><th>7B</th><th>8B</th> | ||
1082 | <th>Element type 8B R</th><th>8B</th><th>Element <span>type</span> 1B</th><th>2B</th> | ||
1083 | <th>Element type 3A</th><th>Element type 4A</th><th>Element type 5A</th><th>Element type 6A</th><th>7A</th><th>Element type 8A</th> | ||
1084 | </tr> | ||
1085 | </thead> | ||
1086 | |||
1087 | <tbody> | ||
1088 | <tr> | ||
1089 | <td>H</td><td colspan="15"></td><td></td><td>He </td> | ||
1090 | </tr> | ||
1091 | <tr> | ||
1092 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
1093 | </tr> | ||
1094 | <tr> | ||
1095 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
1096 | </tr> | ||
1097 | <tr style="text-rotate: 45"> | ||
1098 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti</td><td>Va</td><td>Cr</td><td>Mn</td><td>Fe</td><td>Co</td><td>Ni </td> | ||
1099 | <td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
1100 | </tr> | ||
1101 | <tr> | ||
1102 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td> | ||
1103 | <td style="text-align:right; ">Rh</td><td>Pd </td><td>Ag </td><td>Cd </td><td>In </td><td>Sn </td> | ||
1104 | <td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1105 | </tr> | ||
1106 | <tr> | ||
1107 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td> | ||
1108 | <td>Pt </td><td>Au </td><td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1109 | </tr> | ||
1110 | <tr> | ||
1111 | <td>Fr </td><td>Ra </td><td colspan="16">Ac </td> | ||
1112 | </tr> | ||
1113 | <tr> | ||
1114 | <td colspan="3"></td> | ||
1115 | <td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td><td>Dy </td> | ||
1116 | <td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1117 | </tr> | ||
1118 | <tr> | ||
1119 | <td colspan="3"></td> | ||
1120 | <td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td><td>Cf </td><td>Es </td> | ||
1121 | <td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1122 | </tr> | ||
1123 | </tbody></table> | ||
1124 | |||
1125 | |||
1126 | <pagebreak /> | ||
1127 | |||
1128 | |||
1129 | |||
1130 | <h4>Nested Tables<bookmark content="Nested Tables" level="2" /><tocentry name="Tables" content="Nested tables" level="0" /><indexentry content="Table:nested" /></h4> | ||
1131 | |||
1132 | <div style="border: 2px solid #000088; background-color: #DDDDFF; padding: 2mm;"> | ||
1133 | Text before table | ||
1134 | |||
1135 | <div style="border: 2px solid #008888; background-color: #DCAFCF; padding: 2mm;"> | ||
1136 | |||
1137 | <table cellSpacing="2" rotate="-90" align="center" autosize="1.5" class="nested" style="page-break-inside: avoid; "> | ||
1138 | <tbody> | ||
1139 | <tr> | ||
1140 | <td>This is data</td> | ||
1141 | <td>This is data</td> | ||
1142 | <td> | ||
1143 | <table cellSpacing="2" class="nested"> | ||
1144 | <tbody> | ||
1145 | <tr> | ||
1146 | <td>Row A</td> | ||
1147 | <td>A2</td> | ||
1148 | <td>A3</td> | ||
1149 | <td>A4</td> | ||
1150 | </tr> | ||
1151 | <tr> | ||
1152 | <td>Row B</td> | ||
1153 | <td>B2</td> | ||
1154 | <td>B3</td> | ||
1155 | <td>B4</td> | ||
1156 | </tr> | ||
1157 | <tr> | ||
1158 | <td>Row C</td> | ||
1159 | <td>C2</td> | ||
1160 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id <a href="http://www.dummy.com">euismod auctor</a>, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1161 | <td>C4</td> | ||
1162 | </tr> | ||
1163 | <tr> | ||
1164 | <td>Row D</td> | ||
1165 | <td>D2</td> | ||
1166 | <td>D3</td> | ||
1167 | <td>D4</td> | ||
1168 | </tr> | ||
1169 | </tbody></table> | ||
1170 | </td> | ||
1171 | <td>This is data</td> | ||
1172 | </tr> | ||
1173 | <tr> | ||
1174 | <td>This is data</td> | ||
1175 | <td>This is data</td> | ||
1176 | <td> | ||
1177 | <table cellSpacing="2" class="nested"> | ||
1178 | <tbody> | ||
1179 | <tr> | ||
1180 | <td>Row A</td> | ||
1181 | <td>A2</td> | ||
1182 | <td>A3</td> | ||
1183 | <td>A4</td> | ||
1184 | </tr> | ||
1185 | <tr> | ||
1186 | <td>Row B</td> | ||
1187 | <td>B2</td> | ||
1188 | <td>B3</td> | ||
1189 | <td>B4</td> | ||
1190 | </tr> | ||
1191 | <tr> | ||
1192 | <td>Row C</td> | ||
1193 | <td>C2</td> | ||
1194 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1195 | <td>C4</td> | ||
1196 | </tr> | ||
1197 | <tr> | ||
1198 | <td>Row D</td> | ||
1199 | <td>D2</td> | ||
1200 | <td>D3</td> | ||
1201 | <td>D4</td> | ||
1202 | </tr> | ||
1203 | </tbody></table> | ||
1204 | </td> | ||
1205 | <td>This is data</td> | ||
1206 | </tr> | ||
1207 | <tr> | ||
1208 | <td>This is data</td> | ||
1209 | <td>This is data</td> | ||
1210 | <td> | ||
1211 | <table cellSpacing="2" class="nested"> | ||
1212 | <tbody> | ||
1213 | <tr> | ||
1214 | <td>Row A</td> | ||
1215 | <td>A2</td> | ||
1216 | <td>A3</td> | ||
1217 | <td>A4</td> | ||
1218 | </tr> | ||
1219 | <tr> | ||
1220 | <td>Row B</td> | ||
1221 | <td>B2</td> | ||
1222 | <td>B3</td> | ||
1223 | <td>B4</td> | ||
1224 | </tr> | ||
1225 | <tr> | ||
1226 | <td>Row C</td> | ||
1227 | <td>C2</td> | ||
1228 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1229 | <td>C4</td> | ||
1230 | </tr> | ||
1231 | <tr> | ||
1232 | <td>Row D</td> | ||
1233 | <td>D2</td> | ||
1234 | <td>D3</td> | ||
1235 | <td>D4</td> | ||
1236 | </tr> | ||
1237 | </tbody></table> | ||
1238 | </td> | ||
1239 | <td>This is data</td> | ||
1240 | </tr> | ||
1241 | <tr> | ||
1242 | <td>This is data</td> | ||
1243 | <td>This is data</td> | ||
1244 | <td> | ||
1245 | <table cellSpacing="2" class="nested"> | ||
1246 | <tbody> | ||
1247 | <tr> | ||
1248 | <td>Row A</td> | ||
1249 | <td>A2</td> | ||
1250 | <td>A3</td> | ||
1251 | <td>A4</td> | ||
1252 | </tr> | ||
1253 | <tr> | ||
1254 | <td>Row B</td> | ||
1255 | <td>B2</td> | ||
1256 | <td>B3</td> | ||
1257 | <td>B4</td> | ||
1258 | </tr> | ||
1259 | <tr> | ||
1260 | <td>Row C</td> | ||
1261 | <td>C2</td> | ||
1262 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1263 | <td>C4</td> | ||
1264 | </tr> | ||
1265 | <tr> | ||
1266 | <td>Row D</td> | ||
1267 | <td>D2</td> | ||
1268 | <td>D3</td> | ||
1269 | <td>D4</td> | ||
1270 | </tr> | ||
1271 | </tbody></table> | ||
1272 | </td> | ||
1273 | <td>This is data</td> | ||
1274 | </tr> | ||
1275 | <tr> | ||
1276 | <td>This is data</td> | ||
1277 | <td>This is data</td> | ||
1278 | <td>This is data</td> | ||
1279 | <td>This is data</td> | ||
1280 | </tr> | ||
1281 | <tr> | ||
1282 | <td>This is data</td> | ||
1283 | <td></td> | ||
1284 | <td>This is data</td> | ||
1285 | <td>This is data</td> | ||
1286 | </tr> | ||
1287 | <tr> | ||
1288 | <td>This is data</td> | ||
1289 | <td>This is data</td> | ||
1290 | <td>This is data</td> | ||
1291 | <td>This is data</td> | ||
1292 | </tr> | ||
1293 | </tbody></table> | ||
1294 | |||
1295 | </div> | ||
1296 | |||
1297 | |||
1298 | |||
1299 | <p>Text before table</p> | ||
1300 | |||
1301 | <table cellSpacing="2" class="outer2" autosize="3" style="page-break-inside:avoid"> | ||
1302 | <tbody> | ||
1303 | <tr> | ||
1304 | <td>Row 1</td> | ||
1305 | <td>This is data</td> | ||
1306 | <td style="text-align: right;"> | ||
1307 | Text before table | ||
1308 | <table cellSpacing="2" class="inner" width="80%"> | ||
1309 | <tbody> | ||
1310 | <tr> | ||
1311 | <td>Row A</td> | ||
1312 | <td>A2</td> | ||
1313 | <td>A3</td> | ||
1314 | <td>A4</td> | ||
1315 | </tr> | ||
1316 | <tr> | ||
1317 | <td>Row B</td> | ||
1318 | <td>B2</td> | ||
1319 | <td>B3</td> | ||
1320 | <td>B4</td> | ||
1321 | </tr> | ||
1322 | <tr> | ||
1323 | <td>Row C</td> | ||
1324 | <td>C2</td> | ||
1325 | <td>C3</td> | ||
1326 | <td>C4</td> | ||
1327 | </tr> | ||
1328 | <tr> | ||
1329 | <td>Row D</td> | ||
1330 | <td>D2</td> | ||
1331 | <td>D3</td> | ||
1332 | <td>D4</td> | ||
1333 | </tr> | ||
1334 | </tbody></table> | ||
1335 | <p>Text after table</p> | ||
1336 | </td> | ||
1337 | <td>This is data</td> | ||
1338 | </tr> | ||
1339 | <tr> | ||
1340 | <td>Row 2</td> | ||
1341 | <td>This is data</td> | ||
1342 | <td>This is data</td> | ||
1343 | <td>This is data</td> | ||
1344 | </tr> | ||
1345 | <tr> | ||
1346 | <td>Row 3</td> | ||
1347 | <td style="text-align: center; vertical-align: middle;"> | ||
1348 | <table cellSpacing="2" class="inner" width="80%"> | ||
1349 | <tbody> | ||
1350 | <tr> | ||
1351 | <td>Row A</td> | ||
1352 | <td>A2</td> | ||
1353 | <td>A3</td> | ||
1354 | <td>A4</td> | ||
1355 | </tr> | ||
1356 | <tr> | ||
1357 | <td>Row B</td> | ||
1358 | <td>B2</td> | ||
1359 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
1360 | <td>B4</td> | ||
1361 | </tr> | ||
1362 | <tr> | ||
1363 | <td>Row C</td> | ||
1364 | <td>C2</td> | ||
1365 | <td> | ||
1366 | <table cellSpacing="2"> | ||
1367 | <tbody> | ||
1368 | <tr> | ||
1369 | <td>F1</td> | ||
1370 | <td>F2</td> | ||
1371 | </tr> | ||
1372 | <tr> | ||
1373 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
1374 | <td>G2</td> | ||
1375 | </tr> | ||
1376 | </tbody></table> | ||
1377 | </td> | ||
1378 | <td>C4</td> | ||
1379 | </tr> | ||
1380 | <tr> | ||
1381 | <td>Row D</td> | ||
1382 | <td>D2</td> | ||
1383 | <td>D3</td> | ||
1384 | <td>D4</td> | ||
1385 | </tr> | ||
1386 | </tbody></table> | ||
1387 | </td> | ||
1388 | <td style="vertical-align: bottom; "> | ||
1389 | <table cellSpacing="2" class="inner" align="right"> | ||
1390 | <tbody> | ||
1391 | <tr> | ||
1392 | <td>Row A</td> | ||
1393 | <td>A2</td> | ||
1394 | <td>A3</td> | ||
1395 | <td>A4</td> | ||
1396 | </tr> | ||
1397 | <tr> | ||
1398 | <td>Row B</td> | ||
1399 | <td>B2</td> | ||
1400 | <td>B3</td> | ||
1401 | <td>B4</td> | ||
1402 | </tr> | ||
1403 | <tr> | ||
1404 | <td>Row C</td> | ||
1405 | <td>C2</td> | ||
1406 | <td>C3</td> | ||
1407 | <td>C4</td> | ||
1408 | </tr> | ||
1409 | <tr> | ||
1410 | <td>Row D</td> | ||
1411 | <td>D2</td> | ||
1412 | <td>D3</td> | ||
1413 | <td>D4</td> | ||
1414 | </tr> | ||
1415 | </tbody></table> | ||
1416 | </td> | ||
1417 | <td>This is data</td> | ||
1418 | </tr> | ||
1419 | <tr> | ||
1420 | <td>Row 4</td> | ||
1421 | <td>This is data</td> | ||
1422 | <td><table cellSpacing="2" class="inner"> | ||
1423 | <tbody> | ||
1424 | <tr> | ||
1425 | <td>Row A</td> | ||
1426 | <td>A2</td> | ||
1427 | <td>A3</td> | ||
1428 | <td>A4</td> | ||
1429 | </tr> | ||
1430 | <tr> | ||
1431 | <td>Row B</td> | ||
1432 | <td>B2</td> | ||
1433 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
1434 | <td>B4</td> | ||
1435 | </tr> | ||
1436 | <tr> | ||
1437 | <td>Row C</td> | ||
1438 | <td>C2</td> | ||
1439 | <td> | ||
1440 | <table cellSpacing="2"> | ||
1441 | <tbody> | ||
1442 | <tr> | ||
1443 | <td>F1</td> | ||
1444 | <td>F2</td> | ||
1445 | </tr> | ||
1446 | <tr> | ||
1447 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
1448 | <td>G2</td> | ||
1449 | </tr> | ||
1450 | </tbody></table> | ||
1451 | </td> | ||
1452 | <td>C4</td> | ||
1453 | </tr> | ||
1454 | <tr> | ||
1455 | <td>Row D</td> | ||
1456 | <td>D2</td> | ||
1457 | <td>D3</td> | ||
1458 | <td>D4</td> | ||
1459 | </tr> | ||
1460 | </tbody></table> | ||
1461 | </td> | ||
1462 | <td>This is data</td> | ||
1463 | </tr> | ||
1464 | </tbody></table> | ||
1465 | |||
1466 | |||
1467 | </div> | ||
1468 | |||
1469 | |||
1470 | <!-- FORMS --> | ||
1471 | <pagebreak /> | ||
1472 | <h3>Forms<bookmark content="Forms" level="1" /><tocentry name="" content="Forms" level="0" /><indexentry content="Forms" /></h3> | ||
1473 | <form> | ||
1474 | <b>Textarea</b> | ||
1475 | <textarea name="authors" rows="5" cols="80" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. | ||
1476 | Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
1477 | <br /><br /> | ||
1478 | <b>Select</b> | ||
1479 | <select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> followed by text | ||
1480 | <br /><br /> | ||
1481 | <b>Input Radio</b> | ||
1482 | <input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice | ||
1483 | <br /><br /> | ||
1484 | <b>Input Text</b> | ||
1485 | <input type="text" size="190" name="doi" value="10.1258/jrsm.100.5.211"> | ||
1486 | <br /><br /> | ||
1487 | <b>Input Password</b> | ||
1488 | <input type="password" size="40" name="password" value="secret"> | ||
1489 | <br /><br /> | ||
1490 | <input type="checkbox" name="QPC" value="ON" > Checkboxes<br> | ||
1491 | <input type="checkbox" name="QPA" value="ON" > Not selected<br> | ||
1492 | <input type="checkbox" name="QPA" value="ON" disabled="disabled"> Disabled<br> | ||
1493 | <input type="checkbox" name="QLY" value="ON" checked="checked" > Selected | ||
1494 | <br /><br /> | ||
1495 | <input type="submit" name="submit" value="Submit" /> | ||
1496 | <input type="image" name="submit" src="goto.gif" /> | ||
1497 | <input type="button" name="submit" value="Button" /> | ||
1498 | <input type="reset" name="submit" value="Reset" /> | ||
1499 | <br /><br /> | ||
1500 | </form> | ||
1501 | |||
1502 | |||
1503 | <!-- ANNOTATIONS --> | ||
1504 | <pagebreak /> | ||
1505 | <h3>Annotations<bookmark content="Annotations" level="1" /><tocentry name="" content="Annotations" level="0" /><indexentry content="Annotations" /></h3> | ||
1506 | <p>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate.<annotation content="This is an annotation'."\n".'in the middle of the text" subject="My Subject" icon="Comment" color="#FE88EF" author="Ian Back" /> Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p> | ||
1507 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. <i>Fusce</i><annotation content="Fusce is a funny word!" subject="Idle Comments" icon="Note" author="Ian Back" pos-x="198" /> eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
1508 | |||
1509 | |||
1510 | <!-- GRAPH --> | ||
1511 | <pagebreak /> | ||
1512 | <h3>Graphs<bookmark content="Graphs" level="1" /><tocentry name="" content="Graphs" level="0" /><indexentry content="Graphs" /></h3> | ||
1513 | <table id="tbl_1" class="sub"><tbody><tr><td></td><td align="right"><b>Female</b></td><td align="right"><b>Male</b></td></tr><tr><td>35 - 44</td><td align="right"><b>4</b></td><td align="right"><b>2</b></td></tr><tr><td>45 - 54</td><td align="right"><b>5</b></td><td align="right"><b>7</b></td></tr><tr><td>55 - 64</td><td align="right"><b>21</b></td><td align="right"><b>18</b></td></tr><tr><td>65 - 74</td><td align="right"><b>11</b></td><td align="right"><b>14</b></td></tr><tr><td>75 - 84</td><td align="right"><b>10</b></td><td align="right"><b>10</b></td></tr><tr><td>85 - 94</td><td align="right"><b>2</b></td><td align="right"><b>1</b></td></tr><tr><td>95 - 104</td><td align="right"><b>1</b></td><td align="right"><b></b></td></tr> | ||
1514 | <tr><td>TOTAL</td><td align="right">54</td><td align="right">52</td></tr> | ||
1515 | </tbody></table> | ||
1516 | |||
1517 | <h5>Subscriptions for 2008-09<tocentry name="Figures" content="Graph: Subscriptions for 2008-09" /></h5> | ||
1518 | <jpgraph table="tbl_1" type="bar" stacked="0" dpi="300" title="New subscriptions" splines="1" bandw="0" antialias="1" label-y="% patients" label-x="Age group" axis-x="text" axis-y="lin" percent="0" series="cols" data-col-begin="2" data-row-begin="2" data-col-end="0" data-row-end="-1" show-values="1" width="600" legend-overlap="1" hide-grid="1" hide-y-axis="1" /> | ||
1519 | |||
1520 | |||
1521 | |||
1522 | <!-- FULL IMAGES & BARCODE --> | ||
1523 | <pagebreak /> | ||
1524 | <h3>Full Images & Barcode<bookmark content="Full Images & Barcode" level="1" /><tocentry name="Figures" content="Full size image & Barcode" level="0" /><indexentry content="Image:full-size" /><tocentry name="" content="Barcode" level="0" /><indexentry content="Barcode" /></h3> | ||
1525 | <p>On the first and last page of this document, an image is reproduced full page size by placing it inside a DIV element with CSS "position:absolute". In all other situations, images are constrained to the width and height of the printable page (i.e. inside the margins). The image on the back page has CSS "opacity:0.5".</p> | ||
1526 | |||
1527 | |||
1528 | <!-- EXAMPLE PHP CODE --> | ||
1529 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1530 | $mpdf->SetAlpha(0.5); | ||
1531 | $mpdf->Image(\'clematis.jpg\',0,0,210,297,\'jpg\',\'\',true, false); | ||
1532 | // the last "false" allows a full page picture | ||
1533 | $mpdf->SetAlpha(1); | ||
1534 | ')) .'</div> | ||
1535 | <!-- END EXAMPLE PHP CODE --> | ||
1536 | |||
1537 | <p>The back cover also has an ISBN barcode</p> | ||
1538 | |||
1539 | <!-- EXAMPLE PHP CODE --> | ||
1540 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1541 | $mpdf->writeBarcode(\'978-0-9542246-0-8\', 1, 130, 230, 1,0, 3,3,4,4); | ||
1542 | ')) .'</div> | ||
1543 | <!-- END EXAMPLE PHP CODE --> | ||
1544 | |||
1545 | <p>But next is inserted the Index, which can also be done like this:</p> | ||
1546 | |||
1547 | <!-- EXAMPLE PHP CODE --> | ||
1548 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1549 | $mpdf->AddPage(\'\',NEXT-ODD\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',-1,-1,-1,-1); | ||
1550 | $mpdf->WriteHTML(\'<h2>Index<bookmark content="Index" /></h2>\'); | ||
1551 | $mpdf->WriteHTML(\'<indexinsert cols="2" font="serif" div-font="sans-serif" links="on" />\'); | ||
1552 | ')) .'</div> | ||
1553 | <!-- END EXAMPLE PHP CODE --> | ||
1554 | |||
1555 | |||
1556 | |||
1557 | <!-- INDEX --> | ||
1558 | <pagebreak type="NEXT-ODD" odd-header-value="-1" even-header-value="-1" odd-footer-value="-1" even-footer-value="-1" /> | ||
1559 | <h2>Index<bookmark content="Index" /></h2> | ||
1560 | <indexinsert cols="2" font="serif" div-font="sans-serif" links="on" /> | ||
1561 | |||
1562 | |||
1563 | |||
1564 | <!-- BACK COVER & BARCODE --> | ||
1565 | <pagebreak type="NEXT-EVEN" /> | ||
1566 | <div style="position: absolute; left:0; right: 0; top: 0; bottom: 0;"> | ||
1567 | <img src="clematis.jpg" style="width: 210mm; height: 297mm; margin: 0; opacity: 0.5;" /> | ||
1568 | </div> | ||
1569 | |||
1570 | <div style="position: absolute; right: 35mm; bottom: 35mm; "> | ||
1571 | <barcode code="978-0-9542246-0" type="ISBN" style="padding: 2.5mm; border: 0.1mm solid #000000;" height="0.66" text="1" /> | ||
1572 | </div> | ||
1573 | |||
1574 | |||
1575 | |||
1576 | </body></html>'; | ||
1577 | |||
1578 | //============================================================== | ||
1579 | //============================================================== | ||
1580 | //============================================================== | ||
1581 | |||
1582 | include("../mpdf.php"); | ||
1583 | |||
1584 | $mpdf=new mPDF('s','A4','','',25,15,21,22,10,10); | ||
1585 | $mpdf->progbar_altHTML = '<html><body> | ||
1586 | <div style="margin-top: 5em; text-align: center; font-family: Verdana; font-size: 12px;"><img style="vertical-align: middle" src="loading.gif" /> Creating PDF file. Please wait...</div>'; | ||
1587 | $mpdf->StartProgressBarOutput(); | ||
1588 | |||
1589 | $mpdf->mirrorMargins = 1; | ||
1590 | $mpdf->SetDisplayMode('fullpage','two'); | ||
1591 | $mpdf->useGraphs = true; | ||
1592 | $mpdf->list_number_suffix = ')'; | ||
1593 | $mpdf->hyphenate = true; | ||
1594 | |||
1595 | $mpdf->debug = true; | ||
1596 | |||
1597 | $mpdf->WriteHTML($html); | ||
1598 | |||
1599 | $mpdf->Output(); | ||
1600 | |||
1601 | exit; | ||
1602 | //============================================================== | ||
1603 | //============================================================== | ||
1604 | //============================================================== | ||
1605 | //============================================================== | ||
1606 | //============================================================== | ||
1607 | |||
1608 | |||
1609 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example48_progress_bars_advanced.php b/inc/3rdparty/libraries/mpdf/examples/example48_progress_bars_advanced.php new file mode 100644 index 00000000..898fa6b7 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example48_progress_bars_advanced.php | |||
@@ -0,0 +1,1609 @@ | |||
1 | <?php | ||
2 | |||
3 | //============================================================== | ||
4 | //============================================================== | ||
5 | define("_JPGRAPH_PATH", '../../jpgraph_5/jpgraph/'); // must define this before including mpdf.php file | ||
6 | $JpgUseSVGFormat = true; | ||
7 | |||
8 | define('_MPDF_URI','../'); // must be a relative or absolute URI - not a file system path | ||
9 | //============================================================== | ||
10 | //============================================================== | ||
11 | |||
12 | |||
13 | ini_set("memory_limit","64M"); | ||
14 | |||
15 | $html = ' | ||
16 | <html><head> | ||
17 | <meta http-equiv="Content-Language" content="en-GB"> | ||
18 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | ||
19 | <style> | ||
20 | body { font-family:"Times New Roman"; font-size:10pt; } | ||
21 | p.littlewomen { margin: 0; font-family: sans-serif; text-align: justify; } | ||
22 | |||
23 | h1, h2, h3, h4, h5, h6 { font-family: DejaVuSansCondensed; } | ||
24 | table {font-family: DejaVuSansCondensed; font-size: 9pt; line-height: 1.2; | ||
25 | vertical-align: top; | ||
26 | margin-top: 2pt; margin-bottom: 5pt; | ||
27 | border-collapse: collapse; } | ||
28 | |||
29 | thead { font-weight: bold; vertical-align: bottom; } | ||
30 | |||
31 | th { font-weight: bold; | ||
32 | text-align:left; | ||
33 | padding-left: 2mm; | ||
34 | padding-right: 2mm; | ||
35 | padding-top: 0.5mm; | ||
36 | padding-bottom: 0.5mm; | ||
37 | } | ||
38 | |||
39 | td { padding-left: 2mm; | ||
40 | text-align:left; | ||
41 | padding-right: 2mm; | ||
42 | padding-top: 0.5mm; | ||
43 | padding-bottom: 0.5mm; | ||
44 | } | ||
45 | |||
46 | th p { text-align: left; margin:0pt; } | ||
47 | td p { text-align: left; margin:0pt; } | ||
48 | |||
49 | table.widecells td { | ||
50 | padding-left: 5mm; | ||
51 | padding-right: 5mm; | ||
52 | } | ||
53 | table.tallcells td { | ||
54 | padding-top: 3mm; | ||
55 | padding-bottom: 3mm; | ||
56 | } .sub td { vertical-align:top; border-top:0px; border-bottom:0px; padding:2px; padding-right:8px; | ||
57 | margin:0; font-size:9pt; } | ||
58 | .sub { align:center; border:#888888 1px solid; } | ||
59 | thead td { font-weight: bold; } | ||
60 | |||
61 | table.nested { | ||
62 | border-collapse: separate; | ||
63 | border: 4px solid #880000; | ||
64 | padding: 3px; | ||
65 | margin: 0px 20px 0px 20px; | ||
66 | empty-cells: hide; | ||
67 | background-color:#FFFFCC; | ||
68 | } | ||
69 | table.nested td { | ||
70 | border: 1px solid #008800; | ||
71 | padding: 0px; | ||
72 | background-color:#ECFFDF; | ||
73 | } | ||
74 | table.outer2 { | ||
75 | border-collapse: separate; | ||
76 | border: 4px solid #088000; | ||
77 | padding: 3px; | ||
78 | margin: 10px 0px; | ||
79 | empty-cells: hide; | ||
80 | background-color: yellow; | ||
81 | } | ||
82 | table.outer2 td { | ||
83 | font-family: Times; | ||
84 | border: 1px solid #008800; | ||
85 | padding: 0px; | ||
86 | background-color:#ECFFDF; | ||
87 | } | ||
88 | table.inner { | ||
89 | border-collapse: collapse; | ||
90 | border: 2px solid #000088; | ||
91 | padding: 3px; | ||
92 | margin: 5px; | ||
93 | empty-cells: show; | ||
94 | background-color:#FFCCFF; | ||
95 | } | ||
96 | table.inner td { | ||
97 | border: 1px solid #000088; | ||
98 | padding: 0px; | ||
99 | font-family: monospace; | ||
100 | font-style: italic; | ||
101 | font-weight: bold; | ||
102 | color: #880000; | ||
103 | background-color:#FFECDF; | ||
104 | } | ||
105 | table.collapsed { | ||
106 | border-collapse: collapse; | ||
107 | } | ||
108 | table.collapsed td { | ||
109 | background-color:#EDFCFF; | ||
110 | } | ||
111 | .headerrow td, .headerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
112 | .footerrow td, .footerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
113 | |||
114 | .evenrow td, .evenrow th { background-color: #f5f8f5; } | ||
115 | .oddrow td, .oddrow th { background-color: #e3ece4; } | ||
116 | |||
117 | .bpmTopic { background-color: #e3ece4; } | ||
118 | .bpmTopicC { background-color: #e3ece4; } | ||
119 | .bpmNoLines { background-color: #e3ece4; } | ||
120 | .bpmNoLinesC { background-color: #e3ece4; } | ||
121 | .bpmClear { } | ||
122 | .bpmClearC { text-align: center; } | ||
123 | .bpmTopnTail { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
124 | .bpmTopnTailC { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
125 | .bpmTopnTailClear { topntail: 0.02cm solid #495b4a; } | ||
126 | .bpmTopnTailClearC { topntail: 0.02cm solid #495b4a; } | ||
127 | |||
128 | .bpmTopicC td, .bpmTopicC td p { text-align: center; } | ||
129 | .bpmNoLinesC td, .bpmNoLinesC td p { text-align: center; } | ||
130 | .bpmClearC td, .bpmClearC td p { text-align: center; } | ||
131 | .bpmTopnTailC td, .bpmTopnTailC td p { text-align: center; } | ||
132 | .bpmTopnTailClearC td, .bpmTopnTailClearC td p { text-align: center; } | ||
133 | |||
134 | .pmhMiddleCenter { text-align:center; vertical-align:middle; } | ||
135 | .pmhMiddleRight { text-align:right; vertical-align:middle; } | ||
136 | .pmhBottomCenter { text-align:center; vertical-align:bottom; } | ||
137 | .pmhBottomRight { text-align:right; vertical-align:bottom; } | ||
138 | .pmhTopCenter { text-align:center; vertical-align:top; } | ||
139 | .pmhTopRight { text-align:right; vertical-align:top; } | ||
140 | .pmhTopLeft { text-align:left; vertical-align:top; } | ||
141 | .pmhBottomLeft { text-align:left; vertical-align:bottom; } | ||
142 | .pmhMiddleLeft { text-align:left; vertical-align:middle; } | ||
143 | |||
144 | .bpmTopic td, .bpmTopic th { border-top: 1px solid #FFFFFF; } | ||
145 | .bpmTopicC td, .bpmTopicC th { border-top: 1px solid #FFFFFF; } | ||
146 | .bpmTopnTail td, .bpmTopnTail th { border-top: 1px solid #FFFFFF; } | ||
147 | .bpmTopnTailC td, .bpmTopnTailC th { border-top: 1px solid #FFFFFF; } | ||
148 | .lista { list-style-type: upper-roman; } | ||
149 | .listb{ list-style-type: decimal; font-family: sans-serif; color: blue; font-weight: bold; font-style: italic; font-size: 19pt; } | ||
150 | .listc{ list-style-type: upper-alpha; text-indent: 25mm; } | ||
151 | .listd{ list-style-type: lower-alpha; color: teal; line-height: 2; } | ||
152 | .liste{ list-style-type: disc; } | ||
153 | |||
154 | .roundgradient { | ||
155 | border:0.05mm solid #220044; | ||
156 | background-color: #f0f2ff; | ||
157 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
158 | border-radius: 10mm / 10mm; | ||
159 | background-clip: border-box; | ||
160 | padding: 3.3mm; | ||
161 | } | ||
162 | .phpcode { | ||
163 | border:1px solid #555555; | ||
164 | background-color: #DDDDDD; | ||
165 | padding: 1em; | ||
166 | font-size:8pt; | ||
167 | font-family: lucidaconsole, mono; | ||
168 | } | ||
169 | </style> | ||
170 | </head><body> | ||
171 | |||
172 | <!-- DEFINE HEADERS & FOOTERS --> | ||
173 | <htmlpageheader name="myHTMLHeaderOdd"> | ||
174 | <div style="font-family:sans-serif; background-color:#BBEEFF" align="center"><b>mPDF Example File</b></div> | ||
175 | </htmlpageheader> | ||
176 | <htmlpageheader name="myHTMLHeaderEven"> | ||
177 | <div style="font-family:sans-serif; background-color:#EFFBBE" align="center"><b><i>mPDF Example File</i></b></div> | ||
178 | </htmlpageheader> | ||
179 | <htmlpagefooter name="myHTMLFooterOdd" style="display:none"> | ||
180 | <div style="font-family:sans-serif; background-color:#CFFFFC" align="center"><b>{PAGENO}/{nbpg}</b></div> | ||
181 | </htmlpagefooter> | ||
182 | <htmlpagefooter name="myHTMLFooterEven" style="display:none"> | ||
183 | <div style="font-family:sans-serif; background-color:#FFCCFF" align="center"><b><i>{PAGENO}/{nbpg}</i></b></div> | ||
184 | </htmlpagefooter> | ||
185 | |||
186 | <pagefooter name="myFooter2Odd" content-left="" content-center="mPDF Example File" content-right="{PAGENO}/{nbpg}" footer-style="font-family:sans-serif; font-size:9pt; font-weight:bold; color:#000088;" footer-style-right="font-weight: bold;" line="on" /> | ||
187 | |||
188 | <pagefooter name="myFooter2Even" content-left="{PAGENO}/{nbpg}" content-center="mPDF Example File" content-right="{DATE j-m-Y}" footer-style="font-family:sans-serif; font-size:10pt; color:#880000;" footer-style-left="font-weight:bold;" line="on" /> | ||
189 | |||
190 | |||
191 | <!-- FRONT COVER --> | ||
192 | <div style="position: absolute; left:0; right: 0; top: 0; bottom: 0;"> | ||
193 | <img src="clematis.jpg" style="width: 210mm; height: 297mm; margin: 0;" /> | ||
194 | </div> | ||
195 | |||
196 | <div style="position: absolute; left:32mm; right: 25mm; top: 70mm; width: 58%; margin-right: auto; margin-left:auto; "> | ||
197 | <div style="padding: 1em; font-family: Arial; font-weight: bold; font-size: 28pt; border: 3px solid #000044; border-radius: 5mm; background-clip: border-box; color: #000044; background-color: #FFFFFF;"> | ||
198 | mPDF Example File | ||
199 | </div> | ||
200 | </div> | ||
201 | |||
202 | <pagebreak /> | ||
203 | |||
204 | <p>The front cover can also be produced like this:</p> | ||
205 | <!-- EXAMPLE PHP CODE --> | ||
206 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
207 | $mpdf->Image(\'clematis.jpg\',0,0,210,297,\'jpg\',\'\',true, false); | ||
208 | // the last "false" allows a full page picture | ||
209 | |||
210 | $mpdf->y = 70; | ||
211 | $mpdf->Shaded_box(\'mPDF Example File\', \'Trebuchet\', \'\', 28, \'70%\', \'DF\', 3, \'#FFFFFF\', \'#000044\', 10); | ||
212 | ')) .'</div> | ||
213 | <!-- END EXAMPLE PHP CODE --> | ||
214 | |||
215 | |||
216 | <!-- TABLES OF CONTENTS --> | ||
217 | <tocpagebreak toc-preHTML="<h2>CONTENTS</h2>" links="1" toc-bookmarkText="Contents" resetpagenum="1" pagenumstyle="1" | ||
218 | odd-header-name="html_myHTMLHeaderOdd" odd-header-value="1" even-header-name="html_myHTMLHeaderEven" even-header-value="1" odd-footer-name="myFooter2Odd" odd-footer-value="1" even-footer-name="myFooter2Even" even-footer-value="1" /> | ||
219 | |||
220 | <tocpagebreak name="Figures" toc-preHTML="<h2>FIGURES</h2>" links="1" toc-bookmarkText="Figures" /> | ||
221 | |||
222 | <tocpagebreak name="Tables" toc-preHTML="<h2>TABLES</h2>" links="1" toc-bookmarkText="Tables" /> | ||
223 | |||
224 | |||
225 | |||
226 | <!-- SECTION 1 --> | ||
227 | <h1>(H1) mPDF</h1> | ||
228 | <h2>(H2) Section 1<bookmark content="Section 1" level="0" /></h2> | ||
229 | <h3>(H3) HTML Markup<bookmark content="HTML Markup" level="1" /><tocentry name="" content="HTML Markup" level="0" /><indexentry content="HTML Markup" /></h3> | ||
230 | |||
231 | <tocentry name="" content="HTML Markup" level="1" /> | ||
232 | <tocentry name="" content="HTML Markup" level="2" /> | ||
233 | |||
234 | <h4>Heading 4</h4> | ||
235 | <h5>Heading 5</h5> | ||
236 | <h6>Heading 6</h6> | ||
237 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
238 | |||
239 | <hr /> | ||
240 | |||
241 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
242 | <div>DIV: Proin aliquet lorem id felis. Curabitur vel libero at mauris nonummy tincidunt. Donec imperdiet. Vestibulum sem sem, lacinia vel, molestie et, laoreet eget, urna. Curabitur viverra faucibus pede. Morbi lobortis. Donec dapibus. Donec tempus. Ut arcu enim, rhoncus ac, venenatis eu, porttitor mollis, dui. Sed vitae risus. In elementum sem placerat dui. Nam tristique eros in nisl. Nulla cursus sapien non quam porta porttitor. Quisque dictum ipsum ornare tortor. Fusce ornare tempus enim. </div> | ||
243 | |||
244 | <blockquote>Blockquote: Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus. Maecenas arcu justo, malesuada eu, dapibus ac, adipiscing vitae, turpis. Fusce mollis. Aliquam egestas. In purus dolor, facilisis at, fermentum nec, molestie et, metus.</blockquote> | ||
245 | |||
246 | <address>Address: Vestibulum feugiat, orci at imperdiet tincidunt, mauris erat facilisis urna, sagittis ultricies dui nisl et lectus. Sed lacinia, lectus vitae dictum sodales, elit ipsum ultrices orci, non euismod arcu diam non metus.</address> | ||
247 | |||
248 | <pre>PRE: Cum sociis natoque penatibus et magnis dis parturient montes, | ||
249 | nascetur ridiculus mus. In suscipit turpis vitae odio. Integer convallis | ||
250 | dui at metus. Fusce magna. Sed sed lectus vitae enim tempor cursus. Cras | ||
251 | sed, posuere et, urna. Quisque ut leo. Aliquam interdum hendrerit tortor. | ||
252 | Vestibulum elit. Vestibulum et arcu at diam mattis commodo. Nam ipsum sem, | ||
253 | ultricies at, rutrum sit amet, posuere nec, velit. Sed molestie mollis dui.</pre> | ||
254 | |||
255 | <div><a href="http://mpdf.bpm1.com/manual/">Hyperlink (<a>)</a></div> | ||
256 | |||
257 | <div>Styles - <tt>tt(teletype)</tt> <i>italic</i> <b>bold</b> <big>big</big> <small>small</small> <em>emphasis</em> <strong>strong</strong> <br />new lines<br> | ||
258 | <code>code</code> <samp>sample</samp> <kbd>keyboard</kbd> <var>variable</var> <cite>citation</cite> <abbr>abbr.</abbr> <acronym>ACRONYM</acronym> <sup>sup</sup> <sub>sub</sub> <strike>strike</strike> <s>strike-s</s> <u>underline</u> <del>delete</del> <ins>insert</ins> <q>To be or not to be</q> <font face="sans-serif" color="#880000" size="5">font changing face, size and color</font> | ||
259 | </div> | ||
260 | |||
261 | <p style="font-size:15pt; color:#440066">Paragraph using the in-line style to determine the font-size (15pt) and colour</p> | ||
262 | |||
263 | |||
264 | <h3>Testing BIG, SMALL, UNDERLINE, STRIKETHROUGH, FONT color, ACRONYM, SUPERSCRIPT and SUBSCRIPT</h3> | ||
265 | <p>This is <s>strikethrough</s> in <b><s>block</s></b> and <small>small <s>strikethrough</s> in <i>small span</i></small> and <big>big <s>strikethrough</s> in big span</big> and then <u>underline and <s>strikethrough and <sup>sup</sup></s></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
266 | |||
267 | <p>This is a <font color="#008800">green reference<sup>32-47</sup></font> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
268 | |||
269 | <p><big>Repeated in <u>BIG</u>: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
270 | |||
271 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
272 | |||
273 | <p>The above repeated, but starting with a paragraph with font-size specified (7pt)</p> | ||
274 | |||
275 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <small>small <s>strikethrough</s> in small span</small> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
276 | |||
277 | <p style="font-size:7pt;">This is <s>strikethrough</s> in block and <big>big <s>strikethrough</s> in big span</big> and then <u>underline</u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</p> | ||
278 | |||
279 | <p style="font-size:7pt;">This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> then <s>Strikethrough reference<sup>32-47</sup></s> and <s>strikethrough reference<sub>32-47</sub></s></p> | ||
280 | |||
281 | <p><small>This tests <u>underline</u> and <s>strikethrough</s> when they are <s><u>used together</u></s> as they both use text-decoration</small></p> | ||
282 | |||
283 | |||
284 | <p><small>Repeated in small: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</small></p> | ||
285 | |||
286 | <p style="font-size:7pt;"><big>Repeated in BIG but with font-size set to 7pt by in-line css: This is reference<sup>32-47</sup> and <u>underlined reference<sup>32-47</sup></u> then reference<sub>32-47</sub> and <u>underlined reference<sub>32-47</sub></u> but out of span again but <font color="#000088">blue</font> font and <acronym>ACRONYM</acronym> text</big></p> | ||
287 | |||
288 | <ol> | ||
289 | <li>Item <b><u>1</u></b></li> | ||
290 | <li>Item 2<sup>32</sup></li> | ||
291 | <li><small>Item</small> 3</li> | ||
292 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. | ||
293 | <ul> | ||
294 | <li>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo. </li> | ||
295 | <li>Subitem 2 | ||
296 | <ul> | ||
297 | <li> | ||
298 | Level 3 subitem | ||
299 | </li> | ||
300 | </ul> | ||
301 | </li> | ||
302 | </ul> | ||
303 | </li> | ||
304 | <li>Item 5</li> | ||
305 | </ol> | ||
306 | |||
307 | <p>Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
308 | <tocentry name="Tables" content="Basic table" level="0" /> | ||
309 | <table border="1" cellpadding="5"> | ||
310 | <thead> | ||
311 | <tr> | ||
312 | <th>Data</th> | ||
313 | <th>Data</th> | ||
314 | <td>Data</td> | ||
315 | <td>Data<br />2nd line</td> | ||
316 | </tr> | ||
317 | </thead> | ||
318 | <tbody> | ||
319 | <tr> | ||
320 | <th>More Data</th> | ||
321 | <td>More Data</td> | ||
322 | <td>More Data</td> | ||
323 | <td>Data<br />2nd line</td> | ||
324 | </tr> | ||
325 | <tr> | ||
326 | <th>Data</th> | ||
327 | <td>Data</td> | ||
328 | <td>Data</td> | ||
329 | <td>Data<br />2nd line</td> | ||
330 | </tr> | ||
331 | <tr> | ||
332 | <th>Data</th> | ||
333 | <td>Data</td> | ||
334 | <td>Data</td> | ||
335 | <td>Data<br />2nd line</td> | ||
336 | </tr> | ||
337 | </tbody> | ||
338 | </table> | ||
339 | |||
340 | This paragraph has border-radius and background-gradient set. Minimum padding is recommended as 1/3rd of the border-radius. Or can use $mpdf->autoPadding. | ||
341 | <p class="roundgradient">Sed bibendum. Nunc eleifend ornare velit. Sed consectetuer urna in erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris sodales semper metus. Maecenas justo libero, pretium at, malesuada eu, mollis et, arcu. Ut suscipit pede in nulla. Praesent elementum, dolor ac fringilla posuere, elit libero rutrum massa, vel tincidunt dui tellus a ante. Sed aliquet euismod dolor. Vestibulum sed dui. Duis lobortis hendrerit quam. Donec tempus orci ut libero. Pellentesque suscipit malesuada nisi. </p> | ||
342 | |||
343 | |||
344 | |||
345 | <!-- HYPHENATION --> | ||
346 | <pagebreak /> | ||
347 | <h3>Hyphenation<bookmark content="Hyphenation" level="1" /><tocentry name="" content="Hyphenation" level="0" /><indexentry content="Hyphenation" /></h3> | ||
348 | |||
349 | <h4>Little Women - Chapter One - Playing Pilgrims</h4> | ||
350 | <columns column-count="4" vAlign="J" column-gap="7" /> | ||
351 | |||
352 | <p class="littlewomen"> Christmas won\'t be Christmas without any presents, grumbled Jo, lying on the rug.</p><p class="littlewomen"> It\'s so dreadful to be poor! sighed Meg, looking down at her old dress.</p><p class="littlewomen"> I don\'t think it\'s fair for some girls to have plenty of pretty things, and other girls nothing at all, added little Amy, with an injured sniff.</p><p class="littlewomen"> We\'ve got Father and Mother, and each other, said Beth contentedly from her corner.</p><p class="littlewomen">The four young faces on which the firelight shone brightened at the cheerful words, but darkened again as Jo said sadly, We haven\'t got Father, and shall not have him for a long time. She didn\'t say perhaps never, but each silently added it, thinking of Father far away, where the fighting was.</p><p class="littlewomen">Nobody spoke for a minute; then Meg said in an altered tone, You know the reason Mother proposed not having any presents this Christmas was because it is going to be a hard winter for everyone; and she thinks we ought not to spend money for pleasure, when our men are suffering so in the army. We can\'t do much, but we can make our little sacrifices, and ought to do it gladly. But I am afraid I don\'t And Meg shook her head, as she thought regretfully of all the pretty things she wanted.</p><p class="littlewomen"> But I don\'t think the little we should spend would do any good. We\'ve each got a dollar, and the army wouldn\'t be much helped by our giving that. I agree not to expect anything from Mother or you, but I do want to buy UNDINE AND SINTRAM for myself. I\'ve wanted it so long, said Jo, who was a bookworm.</p><p class="littlewomen"> I planned to spend mine in new music, said Beth, with a little sigh, which no one heard but the hearth brush and kettle holder.</p><p class="littlewomen"> I shall get a nice box of Faber\'s drawing pencils. I really need them, said Amy decidedly.</p><p class="littlewomen"> Mother didn\'t say anything about our money, and she won\'t wish us to give up everything. Let\'s each buy what we want, and have a little fun. I\'m sure we work hard enough to earn it, cried Jo, examining the heels of her shoes in a gentlemanly manner.</p><p class="littlewomen"> I know I do—teaching those tiresome children nearly all day, when I\'m longing to enjoy myself at home, began Meg, in the complaining tone again.</p><p class="littlewomen"> You don\'t have half such a hard time as I do, said Jo. How would you like to be shut up for hours with a nervous, fussy old lady, who keeps you trotting, is never satisfied, and worries you till you you\'re ready to fly out the window or cry? </p><p class="littlewomen"> It\'s naughty to fret, but I do think washing dishes and keeping things tidy is the worst work in the world. It makes me cross, and my hands get so stiff, I can\'t practice well at all. And Beth looked at her rough hands with a sigh that any one could hear that time.</p><p class="littlewomen"> I don\'t believe any of you suffer as I do, cried Amy, for you don\'t have to go to school with impertinent girls, who plague you if you don\'t know your lessons, and laugh at your dresses, and label your father if he isn\'t rich, and insult you when your nose isn\'t nice. </p><p class="littlewomen"> If you mean libel, I\'d say so, and not talk about labels, as if Papa was a pickle bottle, advised Jo, laughing.</p><p class="littlewomen"> I know what I mean, and you needn\'t be satirical about it. It\'s proper to use good words, and improve your vocabulary, returned Amy, with dignity.</p><p class="littlewomen"> Don\'t peck at one another, children. Don\'t you wish we had the money Papa lost when we were little, Jo? Dear me! How happy and good we\'d be, if we had no worries! said Meg, who could remember better times.</p><p class="littlewomen"> You said the other day you thought we were a deal happier than the King children, for they were fighting and fretting all the time, in spite of their money. </p><p class="littlewomen"> So I did, Beth. Well, I think we are. For though we do have to work, we make fun of ourselves, and are a pretty jolly set, as Jo would say. </p><p class="littlewomen"> Jo does use such slang words! observed Amy, with a reproving look at the long figure stretched on the rug.</p><p class="littlewomen">Jo immediately sat up, put her hands in her pockets, and began to whistle.</p><p class="littlewomen"> Don\'t, Jo. It\'s so boyish! </p><p class="littlewomen"> That\'s why I do it. </p><p class="littlewomen"> I detest rude, unladylike girls! </p><p class="littlewomen"> I hate affected, niminy-piminy chits! </p><p class="littlewomen"> Birds in their little nests agree, sang Beth, the peacemaker, with such a funny face that both sharp voices softened to a laugh, and the pecking ended for that time.</p><p class="littlewomen"> Really, girls, you are both to be blamed, said Meg, beginning to lecture in her elder-sisterly fashion. You are old enough to leave off boyish tricks, and to behave better, Josephine. It didn\'t matter so much when you were a little girl, but now you are so tall, and turn up your hair, you should remember that you are a young lady. </p><p class="littlewomen"> I\'m not! And if turning up my hair makes me one, I\'ll wear it in two tails till I\'m twenty, cried Jo, pulling off her net, and shaking down a chestnut mane. I hate to think I\'ve got to grow up, and be Miss March, and wear long gowns, and look as prim as a China Aster! It\'s bad enough to be a girl, anyway, when I like boy\'s games and work and manners! I can\'t get over my disappointment in not being a boy. And it\'s worse than ever now, for I\'m dying to go and fight with Papa. And I can only stay home and knit, like a poky old woman! </p><p class="littlewomen">And Jo shook the blue army sock till the needles rattled like castanets, and her ball bounded across the room.</p><p class="littlewomen"> Poor Jo! It\'s too bad, but it can\'t be helped. So you must try to be contented with making your name boyish, and playing brother to us girls, said Beth, stroking the rough head with a hand that all the dish washing and dusting in the world could not make ungentle in its touch.</p><p class="littlewomen"> As for you, Amy, continued Meg, you are altogether to particular and prim. Your airs are funny now, but you\'ll grow up an affected little goose, if you don\'t take care. I I like your nice manners and refined ways of speaking, when you don\'t try to be elegant. But your absurd words are as bad as Jo\'s slang. </p><p class="littlewomen"> If Jo is a tomboy and Amy a goose, what am I, please? asked Beth, ready to share the lecture.</p><p class="littlewomen"> You\'re a dear, and nothing else, answered Meg warmly, and no one contradicted her, for the \'Mouse\' was the pet of the family.</p> | ||
353 | |||
354 | <columns column-count="1" /> | ||
355 | |||
356 | |||
357 | |||
358 | |||
359 | |||
360 | |||
361 | <!-- LISTS --> | ||
362 | <pagebreak /> | ||
363 | <h3>Lists<bookmark content="Lists" level="1" /><tocentry name="" content="Lists" level="0" /><indexentry content="Lists" /></h3> | ||
364 | <div style="background-color:#ddccff; padding:0pt; border: 1px solid #555555;"> | ||
365 | <ol class="lista"> | ||
366 | <li>Text here lorem ipsum ibisque totum.</li> | ||
367 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
368 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
369 | <li>Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum. Text here lorem ipsum ibisque totum.</li> | ||
370 | <li>Text here lorem ipsum ibisque totum.</li> | ||
371 | <li>Text here lorem ipsum ibisque totum. | ||
372 | <ol class="listb"> | ||
373 | <li>Text here lorem ipsum ibisque totum.</li> | ||
374 | <li><span style="color:green; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</span></li> | ||
375 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
376 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
377 | <li>Text here lorem ipsum ibisque totum.</li> | ||
378 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
379 | <ol class="listc"> | ||
380 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
381 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum. | ||
382 | </li> | ||
383 | <li>Text here lorem ipsum ibisque totum. | ||
384 | <ol class="listd"> | ||
385 | <li>Text here lorem ipsum ibisque totum.</li> | ||
386 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
387 | <li>Text here lorem ipsum ibisque totum.</li> | ||
388 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
389 | <li>Text here lorem ipsum ibisque totum. | ||
390 | <ol class="liste"> | ||
391 | <li>Text here lorem ipsum ibisque totum.</li> | ||
392 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
393 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
394 | <li>Text here lorem ipsum ibisque totum.</li> | ||
395 | <li>Text here lorem ipsum ibisque totum.</li> | ||
396 | </ol> | ||
397 | </li> | ||
398 | <li>Text here lorem ipsum ibisque totum.</li> | ||
399 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
400 | <li>Text here lorem ipsum ibisque totum.</li> | ||
401 | <li>Text here lorem ipsum ibisque totum.</li> | ||
402 | </ol> | ||
403 | </li> | ||
404 | <li>Text here lorem ipsum ibisque totum.</li> | ||
405 | </ol> | ||
406 | </li> | ||
407 | <li>Text here lorem ipsum ibisque totum.</li> | ||
408 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
409 | <li>Text here lorem ipsum ibisque totum.</li> | ||
410 | <li>Text here lorem ipsum ibisque totum.</li> | ||
411 | </ol> | ||
412 | </li> | ||
413 | <li>Text here lorem ipsum ibisque totum.</li> | ||
414 | <li>Text here lorem ipsum ibisque totum. | ||
415 | <ol class="listc"> | ||
416 | <li>Big text indent 25mm: Text here lorem ipsum ibisque totum.</li> | ||
417 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
418 | <li>Text here lorem ipsum ibisque totum. | ||
419 | <ol class="listd"> | ||
420 | <li>Text here lorem ipsum ibisque totum.</li> | ||
421 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
422 | <li>Text here lorem ipsum ibisque totum.</li> | ||
423 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum. | ||
424 | <ol class="liste"> | ||
425 | <li>Text here lorem ipsum ibisque totum.</li> | ||
426 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
427 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
428 | <li>Text here lorem ipsum ibisque totum.</li> | ||
429 | <li>Text here lorem ipsum ibisque totum.</li> | ||
430 | </ol> | ||
431 | </li> | ||
432 | <li>Text here lorem ipsum ibisque totum.</li> | ||
433 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
434 | <li>Text here lorem ipsum ibisque totum. | ||
435 | <ol> | ||
436 | <li>No class specified. Text here lorem ipsum ibisque totum.</li> | ||
437 | <li style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">Text here lorem ipsum ibisque totum.</li> | ||
438 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
439 | <li>Text here lorem ipsum ibisque totum.</li> | ||
440 | <li>Text here lorem ipsum ibisque totum.</li> | ||
441 | </ol> | ||
442 | </li> | ||
443 | </ol> | ||
444 | </li> | ||
445 | </ol> | ||
446 | </li> | ||
447 | <li>Text here lorem ipsum ibisque totum.</li> | ||
448 | <li>Text here lorem <span style="color:red; font-size:9pt; font-family:courier; font-weight: normal; font-style: normal;">ipsum</span> ibisque totum.</li> | ||
449 | <li>Text here lorem ipsum ibisque totum.</li> | ||
450 | <li>Text here lorem ipsum ibisque totum.</li> | ||
451 | <li>Text here lorem ipsum ibisque totum.</li> | ||
452 | <li>Text here lorem ipsum ibisque totum.</li> | ||
453 | <li>Text here lorem ipsum ibisque totum.</li> | ||
454 | </ol> | ||
455 | </div> | ||
456 | |||
457 | <!-- TABLES --> | ||
458 | <pagebreak /> | ||
459 | <h3>Tables<bookmark content="Tables" level="1" /><tocentry name="" content="Tables" level="0" /><tocentry name="Tables" content="Tables - general" level="0" /><indexentry content="Tables" /></h3> | ||
460 | <p>mPDF supports all in-line properties inside tables.</p> | ||
461 | <table border="1"> | ||
462 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
463 | <tr><td>Row 2</td> | ||
464 | <td> | ||
465 | <p>This is data p</p> | ||
466 | This is data out of p | ||
467 | <p style="font-weight:bold; font-size:20pt; background-color:#FFBBFF;">This is bold data p</p> | ||
468 | <b>This is bold data out of p</b><br /> | ||
469 | This is normal data after br | ||
470 | <h3>Heading 3 inside a table</h3> | ||
471 | Text here lorem <i>ipsum</i> ibisque totum.<sup>32</sup> | ||
472 | <div>This is data div</div> | ||
473 | This is data out of div | ||
474 | <div style="font-weight:bold;">This is data div (bold)</div> | ||
475 | This is data out of div | ||
476 | </td> | ||
477 | |||
478 | <td>Also data</td></tr> | ||
479 | </tbody></table> | ||
480 | |||
481 | <p>This table has padding-top and -bottom set to 3mm i.e. padding within the cells. Also background-, border colour and style, font family and size are set by in-line <acronym>CSS</acronym>.</p> | ||
482 | <table style="border: 1px solid #880000; background-color: #BBCCDD; font-family: Mono; font-size: 7pt; " class="tallcells"> | ||
483 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
484 | <tr><td>Row 2</td><td><p>This is data p</p></td><td><p>More data</p></td></tr> | ||
485 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
486 | </tbody></table> | ||
487 | |||
488 | |||
489 | <h4>Tables<bookmark content="Table styles" level="2" /><tocentry name="Tables" content="Table styles" level="0" /><indexentry content="Table:styles" /></h4> | ||
490 | <p>The style sheet used for these examples shows some of the table styles I use on my website. The property \'topntail\' defined by a border-type definition e.g. "1px solid #880000" puts a border at the top and bottom of the table, and also below a header row (thead) if defined. Note also that <thead> will automatically turn on the header-repeat i.e. reproduce the header row at the top of each page.</p> | ||
491 | <p>bpmTopic Class</p> | ||
492 | <table class="bpmTopic"><thead></thead><tbody> | ||
493 | <tr> | ||
494 | <td>Row 1</td> | ||
495 | <td>This is data</td> | ||
496 | <td>This is data</td> | ||
497 | </tr> | ||
498 | <tr> | ||
499 | <td>Row 2</td> | ||
500 | <td> | ||
501 | <p>This is data p</p> | ||
502 | </td> | ||
503 | <td> | ||
504 | <p>More data</p> | ||
505 | </td> | ||
506 | </tr> | ||
507 | <tr> | ||
508 | <td> | ||
509 | <p>Row 3</p> | ||
510 | </td> | ||
511 | <td> | ||
512 | <p>This is long data</p> | ||
513 | </td> | ||
514 | <td>This is data</td> | ||
515 | </tr> | ||
516 | <tr> | ||
517 | <td> | ||
518 | <p>Row 4 <td> cell</p> | ||
519 | </td> | ||
520 | <td>This is data</td> | ||
521 | <td> | ||
522 | <p>This is data</p> | ||
523 | </td> | ||
524 | </tr> | ||
525 | <tr> | ||
526 | <td>Row 5</td> | ||
527 | <td>Also data</td> | ||
528 | <td>Also data</td> | ||
529 | </tr> | ||
530 | <tr> | ||
531 | <td>Row 6</td> | ||
532 | <td>Also data</td> | ||
533 | <td>Also data</td> | ||
534 | </tr> | ||
535 | <tr> | ||
536 | <td>Row 7</td> | ||
537 | <td>Also data</td> | ||
538 | <td>Also data</td> | ||
539 | </tr> | ||
540 | <tr> | ||
541 | <td>Row 8</td> | ||
542 | <td>Also data</td> | ||
543 | <td>Also data</td> | ||
544 | </tr> | ||
545 | </tbody></table> | ||
546 | |||
547 | <p> </p> | ||
548 | |||
549 | <p>bpmTopic<b>C</b> Class (centered) Odd and Even rows</p> | ||
550 | <table class="bpmTopicC"><thead> | ||
551 | <tr class="headerrow"><th>Col/Row Header</th> | ||
552 | <td> | ||
553 | <p>Second column header p</p> | ||
554 | </td> | ||
555 | <td>Third column header</td> | ||
556 | </tr> | ||
557 | </thead><tbody> | ||
558 | <tr class="oddrow"><th>Row header 1</th> | ||
559 | <td>This is data</td> | ||
560 | <td>This is data</td> | ||
561 | </tr> | ||
562 | <tr class="evenrow"><th>Row header 2</th> | ||
563 | <td> | ||
564 | <p>This is data p</p> | ||
565 | </td> | ||
566 | <td> | ||
567 | <p>This is data</p> | ||
568 | </td> | ||
569 | </tr> | ||
570 | <tr class="oddrow"><th> | ||
571 | <p>Row header 3</p> | ||
572 | </th> | ||
573 | <td> | ||
574 | <p>This is long data</p> | ||
575 | </td> | ||
576 | <td>This is data</td> | ||
577 | </tr> | ||
578 | <tr class="evenrow"><th> | ||
579 | <p>Row header 4</p> | ||
580 | <p><th> cell acting as header</p> | ||
581 | </th> | ||
582 | <td>This is data</td> | ||
583 | <td> | ||
584 | <p>This is data</p> | ||
585 | </td> | ||
586 | </tr> | ||
587 | <tr class="oddrow"><th>Row header 5</th> | ||
588 | <td>Also data</td> | ||
589 | <td>Also data</td> | ||
590 | </tr> | ||
591 | <tr class="evenrow"><th>Row header 6</th> | ||
592 | <td>Also data</td> | ||
593 | <td>Also data</td> | ||
594 | </tr> | ||
595 | <tr class="oddrow"><th>Row header 7</th> | ||
596 | <td>Also data</td> | ||
597 | <td>Also data</td> | ||
598 | </tr> | ||
599 | <tr class="evenrow"><th>Row header 8</th> | ||
600 | <td>Also data</td> | ||
601 | <td>Also data</td> | ||
602 | </tr> | ||
603 | </tbody></table> | ||
604 | |||
605 | <p> </p> | ||
606 | |||
607 | <p>bpmTopnTail Class </p> | ||
608 | <table class="bpmTopnTail"><thead></thead><tbody> | ||
609 | <tr> | ||
610 | <td>Row 1</td> | ||
611 | <td>This is data</td> | ||
612 | <td>This is data</td> | ||
613 | </tr> | ||
614 | <tr> | ||
615 | <td>Row 2</td> | ||
616 | <td> | ||
617 | <p>This is data p</p> | ||
618 | </td> | ||
619 | <td> | ||
620 | <p>This is data</p> | ||
621 | </td> | ||
622 | </tr> | ||
623 | <tr> | ||
624 | <td> | ||
625 | <p>Row 3</p> | ||
626 | </td> | ||
627 | <td> | ||
628 | <p>This is long data</p> | ||
629 | </td> | ||
630 | <td>This is data</td> | ||
631 | </tr> | ||
632 | <tr> | ||
633 | <td> | ||
634 | <p>Row 4 <td> cell</p> | ||
635 | </td> | ||
636 | <td>This is data</td> | ||
637 | <td> | ||
638 | <p>This is data</p> | ||
639 | </td> | ||
640 | </tr> | ||
641 | <tr> | ||
642 | <td>Row 5</td> | ||
643 | <td>Also data</td> | ||
644 | <td>Also data</td> | ||
645 | </tr> | ||
646 | <tr> | ||
647 | <td>Row 6</td> | ||
648 | <td>Also data</td> | ||
649 | <td>Also data</td> | ||
650 | </tr> | ||
651 | <tr> | ||
652 | <td>Row 7</td> | ||
653 | <td>Also data</td> | ||
654 | <td>Also data</td> | ||
655 | </tr> | ||
656 | <tr> | ||
657 | <td>Row 8</td> | ||
658 | <td>Also data</td> | ||
659 | <td>Also data</td> | ||
660 | </tr> | ||
661 | </tbody></table> | ||
662 | <p> </p> | ||
663 | <p>bpmTopnTail<b>C</b> Class (centered) Odd and Even rows</p> | ||
664 | <table class="bpmTopnTailC"><thead> | ||
665 | <tr class="headerrow"><th>Col/Row Header</th> | ||
666 | <td> | ||
667 | <p>Second column header p</p> | ||
668 | </td> | ||
669 | <td>Third column header</td> | ||
670 | </tr> | ||
671 | </thead><tbody> | ||
672 | <tr class="oddrow"><th>Row header 1</th> | ||
673 | <td>This is data</td> | ||
674 | <td>This is data</td> | ||
675 | </tr> | ||
676 | <tr class="evenrow"><th>Row header 2</th> | ||
677 | <td> | ||
678 | <p>This is data p</p> | ||
679 | </td> | ||
680 | <td> | ||
681 | <p>This is data</p> | ||
682 | </td> | ||
683 | </tr> | ||
684 | <tr class="oddrow"><th> | ||
685 | <p>Row header 3</p> | ||
686 | </th> | ||
687 | <td> | ||
688 | <p>This is long data</p> | ||
689 | </td> | ||
690 | <td>This is data</td> | ||
691 | </tr> | ||
692 | <tr class="evenrow"><th> | ||
693 | <p>Row header 4</p> | ||
694 | <p><th> cell acting as header</p> | ||
695 | </th> | ||
696 | <td>This is data</td> | ||
697 | <td> | ||
698 | <p>This is data</p> | ||
699 | </td> | ||
700 | </tr> | ||
701 | <tr class="oddrow"><th>Row header 5</th> | ||
702 | <td>Also data</td> | ||
703 | <td>Also data</td> | ||
704 | </tr> | ||
705 | <tr class="evenrow"><th>Row header 6</th> | ||
706 | <td>Also data</td> | ||
707 | <td>Also data</td> | ||
708 | </tr> | ||
709 | <tr class="oddrow"><th>Row header 7</th> | ||
710 | <td>Also data</td> | ||
711 | <td>Also data</td> | ||
712 | </tr> | ||
713 | <tr class="evenrow"><th>Row header 8</th> | ||
714 | <td>Also data</td> | ||
715 | <td>Also data</td> | ||
716 | </tr> | ||
717 | </tbody></table> | ||
718 | |||
719 | <p> </p> | ||
720 | |||
721 | <p>TopnTail Class</p> | ||
722 | <table class="bpmTopnTail"><thead> | ||
723 | <tr class="headerrow"><th>Col and Row Header</th> | ||
724 | <td> | ||
725 | <p>Second</p> | ||
726 | <p>column</p> | ||
727 | </td> | ||
728 | <td class="pmhTopRight">Top right align</td> | ||
729 | </tr> | ||
730 | </thead><tbody> | ||
731 | <tr class="oddrow"><th> | ||
732 | <p>Row header 1 p</p> | ||
733 | </th> | ||
734 | <td>This is data</td> | ||
735 | <td>This is data</td> | ||
736 | </tr> | ||
737 | <tr class="evenrow"><th>Row header 2</th> | ||
738 | <td class="pmhBottomRight"><b><i>Bottom right align</i></b></td> | ||
739 | <td> | ||
740 | <p>This is data. Can use</p> | ||
741 | <p><b>bold</b> <i>italic </i><sub>sub</sub> or <sup>sup</sup> text</p> | ||
742 | </td> | ||
743 | </tr> | ||
744 | <tr class="oddrow"><th class="pmhBottomRight"> | ||
745 | <p>Bottom right align</p> | ||
746 | </th> | ||
747 | <td class="pmhMiddleCenter" style="border: #000000 1px solid"> | ||
748 | <p>This is data. This cell</p> | ||
749 | <p>uses Cell Styles to set</p> | ||
750 | <p>the borders.</p> | ||
751 | <p>All borders are collapsible</p> | ||
752 | <p>in mPDF.</p> | ||
753 | </td> | ||
754 | <td>This is data</td> | ||
755 | </tr> | ||
756 | <tr class="evenrow"><th>Row header 4</th> | ||
757 | <td> | ||
758 | <p>This is data p</p> | ||
759 | </td> | ||
760 | <td>More data</td> | ||
761 | </tr> | ||
762 | <tr class="oddrow"><th>Row header 5</th> | ||
763 | <td colspan="2" class="pmhTopCenter">Also data merged and centered</td> | ||
764 | </tr> | ||
765 | </tbody></table> | ||
766 | |||
767 | <p> </p> | ||
768 | |||
769 | <h4>Lists in a Table<bookmark content="Lists in a table" level="2" /><tocentry name="Tables" content="Lists in a table" level="0" /><indexentry content="Table:lists inside" /></h4> | ||
770 | <table class="bpmTopnTail"><thead> | ||
771 | <tr class="headerrow"><th>Col and Row Header</th> | ||
772 | <td> | ||
773 | <p>Second</p> | ||
774 | <p>column</p> | ||
775 | </td> | ||
776 | <td class="pmhTopRight">Top right align</td> | ||
777 | </tr> | ||
778 | </thead><tbody> | ||
779 | <tr class="oddrow"><th> | ||
780 | <p>Row header 1 p</p> | ||
781 | </th> | ||
782 | <td>This is data</td> | ||
783 | <td>This is data</td> | ||
784 | </tr> | ||
785 | <tr class="evenrow"><th>Row header 2</th> | ||
786 | <td> | ||
787 | <ol> | ||
788 | <li>Item 1</li> | ||
789 | <li>Item 2 | ||
790 | <ol type="a"> | ||
791 | <li>Subitem of ordered list</li> | ||
792 | <li>Subitem 2 | ||
793 | <ol type="i"> | ||
794 | <li>Level 3 subitem</li> | ||
795 | <li>Level 3 subitem</li> | ||
796 | </ol> | ||
797 | </li> | ||
798 | </ol> | ||
799 | </li> | ||
800 | <li>Item 3</li> | ||
801 | <li>Another Item</li> | ||
802 | <li>Subitem | ||
803 | <ol> | ||
804 | <li>Level 3 subitem</li> | ||
805 | </ol> | ||
806 | </li> | ||
807 | <li>Another Item</li> | ||
808 | </ol> | ||
809 | </td> | ||
810 | <td> | ||
811 | Unordered list: | ||
812 | <ul> | ||
813 | <li>Item 1</li> | ||
814 | <li>Item 2 | ||
815 | <ul> | ||
816 | <li>Subitem of unordered list</li> | ||
817 | <li>Subitem 2 | ||
818 | <ul> | ||
819 | <li>Level 3 subitem</li> | ||
820 | <li>Level 3 subitem</li> | ||
821 | <li>Level 3 subitem</li> | ||
822 | </ul> | ||
823 | </li> | ||
824 | </ul> | ||
825 | </li> | ||
826 | <li>Item 3</li> | ||
827 | </ul> | ||
828 | </td> | ||
829 | </tr> | ||
830 | </tbody></table> | ||
831 | <p> </p> | ||
832 | |||
833 | |||
834 | <h4>Automatic Column Width<bookmark content="Automatic Column Width" level="2" /><tocentry name="Tables" content="Automatic column width" level="0" /><indexentry content="Table:automatic column width" /></h4> | ||
835 | <table class="bpmTopnTail"><tbody> | ||
836 | <tr> | ||
837 | <td>Causes</td> | ||
838 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
839 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
840 | Suspendisse potenti</td> | ||
841 | </tr> | ||
842 | <tr> | ||
843 | <td>Mechanisms</td> | ||
844 | <td>Ut magna ipsum, tempus in, condimentum at, rutrum et, nisl. Vestibulum interdum luctus sapien. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Maecenas consectetuer eros quis massa. Mauris semper velit vehicula purus. Duis lacus. Aenean pretium consectetuer mauris. Ut purus sem, consequat ut, fermentum sit amet, ornare sit amet, ipsum. Donec non nunc. Maecenas fringilla. Curabitur libero. In dui massa, malesuada sit amet, hendrerit vitae, viverra nec, tortor. Donec varius. Ut ut dolor et tellus adipiscing adipiscing.</td> | ||
845 | </tr> | ||
846 | </tbody></table> | ||
847 | |||
848 | |||
849 | <h4>Column span<bookmark content="Column span" level="2" /><tocentry name="Tables" content="Column span" level="0" /><indexentry content="Table:column span" /></h4> | ||
850 | <table class="bpmTopnTail"><tbody> | ||
851 | <tr> | ||
852 | <td>Causes</td> | ||
853 | <td colspan="2">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. <br /> | ||
854 | Ut a eros at ligula vehicula pretium; maecenas feugiat pede vel risus.<br /> | ||
855 | Suspendisse potenti</td> | ||
856 | </tr> | ||
857 | <tr> | ||
858 | <td>Mechanisms</td> | ||
859 | <td>Fusce eleifend neque sit amet erat.<br /> | ||
860 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus.</td> | ||
861 | <td>Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla.<br /> | ||
862 | Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</td> | ||
863 | </tr> | ||
864 | </tbody></table> | ||
865 | |||
866 | |||
867 | |||
868 | <h4>Header & Footer Rows<bookmark content="Header Rows" level="2" /><tocentry name="Tables" content="Header rows" level="0" /><indexentry content="Table:header rows" /></h4> | ||
869 | <p>A table using a header or footer row should repeat the header/footer row across pages:</p> | ||
870 | <p>bpmTopic<b>C</b> Class</p> | ||
871 | <table class="bpmTopicC"> | ||
872 | <thead> | ||
873 | <tr class="headerrow"><th>Col and Row Header</th> | ||
874 | <td> | ||
875 | <p>Second column header</p> | ||
876 | </td> | ||
877 | <td>Third column header</td> | ||
878 | </tr> | ||
879 | </thead> | ||
880 | <tfoot> | ||
881 | <tr class="headerrow"><th>Col and Row Footer</th> | ||
882 | <td> | ||
883 | <p>Second column footer</p> | ||
884 | </td> | ||
885 | <td>Third column footer</td> | ||
886 | </tr> | ||
887 | </tfoot> | ||
888 | <tbody> | ||
889 | <tr><th>Row header 1</th> | ||
890 | <td>This is data</td> | ||
891 | <td>This is data</td> | ||
892 | </tr> | ||
893 | <tr><th>Row header 2</th> | ||
894 | <td>This is data</td> | ||
895 | <td> | ||
896 | <p>This is data</p> | ||
897 | </td> | ||
898 | </tr> | ||
899 | <tr><th> | ||
900 | <p>Row header 3</p> | ||
901 | </th> | ||
902 | <td> | ||
903 | <p>This is data</p> | ||
904 | </td> | ||
905 | <td>This is data</td> | ||
906 | </tr> | ||
907 | <tr><th>Row header 4</th> | ||
908 | <td>This is data</td> | ||
909 | <td> | ||
910 | <p>This is data</p> | ||
911 | </td> | ||
912 | </tr> | ||
913 | <tr><th>Row header 5</th> | ||
914 | <td>Also data</td> | ||
915 | <td>Also data</td> | ||
916 | </tr> | ||
917 | <tr><th>Row header 6</th> | ||
918 | <td>Also data</td> | ||
919 | <td>Also data</td> | ||
920 | </tr> | ||
921 | <tr><th>Row header 7</th> | ||
922 | <td>Also data</td> | ||
923 | <td>Also data</td> | ||
924 | </tr> | ||
925 | <tr><th>Row header 8</th> | ||
926 | <td>Also data</td> | ||
927 | <td>Also data</td> | ||
928 | </tr> | ||
929 | <tr><th>Row header 9</th> | ||
930 | <td>Also data</td> | ||
931 | <td>Also data</td> | ||
932 | </tr> | ||
933 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
934 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
935 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
936 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
937 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
938 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
939 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
940 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
941 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
942 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
943 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
944 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
945 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
946 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
947 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
948 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
949 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
950 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
951 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
952 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
953 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
954 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
955 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
956 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
957 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
958 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
959 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
960 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
961 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
962 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
963 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
964 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
965 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
966 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
967 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
968 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
969 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
970 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
971 | <tr><th>Another Row header</th><td>Also data</td><td>Also data</td></tr> | ||
972 | </tbody></table> | ||
973 | <p> </p> | ||
974 | |||
975 | <h4>Autosizing Tables<bookmark content="Autosizing Tables" level="2" /><tocentry name="Tables" content="Autosizing tables" level="0" /><indexentry content="Table:autosizing" /></h4> | ||
976 | <p>Periodic Table of elements. Tables are set by default to reduce font size if complete words will not fit inside each cell, to a maximum of 1/1.4 * the set font-size. This value can be changed by setting $mpdf->shrink_tables_to_fit=1.8 or using html attribute <table autosize="1.8">.</p> | ||
977 | |||
978 | <h5>Periodic Table</h5> | ||
979 | |||
980 | <table style="border:1px solid #000000;" cellPadding="14"><thead> | ||
981 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
982 | <tr> | ||
983 | <td colspan="18"></td> | ||
984 | </tr> | ||
985 | <tr> | ||
986 | <td>H </td><td colspan="16"></td><td>He </td> | ||
987 | </tr> | ||
988 | <tr> | ||
989 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
990 | </tr> | ||
991 | <tr> | ||
992 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
993 | </tr> | ||
994 | <tr> | ||
995 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td>Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td> | ||
996 | <td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
997 | </tr> | ||
998 | <tr> | ||
999 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td><td>Rh </td><td>Pd </td><td>Ag </td><td>Cd </td> | ||
1000 | <td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1001 | </tr> | ||
1002 | <tr> | ||
1003 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td><td>Au </td> | ||
1004 | <td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1005 | </tr> | ||
1006 | <tr> | ||
1007 | <td>Fr </td><td>Ra </td><td>Ac </td><td colspan="15"></td> | ||
1008 | </tr> | ||
1009 | <tr> | ||
1010 | <td colspan="18"></td></tr> | ||
1011 | <tr> | ||
1012 | <td colspan="3"></td><td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td> | ||
1013 | <td>Dy </td><td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1014 | </tr> | ||
1015 | <tr> | ||
1016 | <td colspan="3"></td><td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td><td>Cf </td> | ||
1017 | <td>Es </td><td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1018 | </tr> | ||
1019 | </tbody></table> | ||
1020 | |||
1021 | <pagebreak /> | ||
1022 | |||
1023 | <h4>Rotated Tables<bookmark content="Rotated Tables" level="2" /><tocentry name="Tables" content="Rotated table" level="0" /><indexentry content="Table:rotated" /></h4> | ||
1024 | <p>This is set to rotate -90 degrees (counterclockwise).</p> | ||
1025 | |||
1026 | <h5>Periodic Table</h5> | ||
1027 | <p> | ||
1028 | <table rotate="-90" class="bpmClearC"><thead> | ||
1029 | <tr><th>1A</th><th>2A</th><th>3B</th><th>4B</th><th>5B</th><th>6B</th><th>7B</th><th>8B</th><th>8B</th><th>8B</th><th>1B</th><th>2B</th><th>3A</th><th>4A</th><th>5A</th><th>6A</th><th>7A</th><th>8A</th></tr></thead><tbody> | ||
1030 | <tr> | ||
1031 | <td></td> | ||
1032 | <td colspan="18"></td> | ||
1033 | </tr> | ||
1034 | <tr> | ||
1035 | <td>H </td><td colspan="15"></td><td></td><td>He </td> | ||
1036 | </tr> | ||
1037 | <tr> | ||
1038 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
1039 | </tr> | ||
1040 | <tr> | ||
1041 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
1042 | </tr> | ||
1043 | <tr> | ||
1044 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td>Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td><td>Cu </td> | ||
1045 | <td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
1046 | </tr> | ||
1047 | <tr> | ||
1048 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td><td>Rh </td><td>Pd </td> | ||
1049 | <td>Ag </td><td>Cd </td><td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1050 | </tr> | ||
1051 | <tr> | ||
1052 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td><td>Au </td> | ||
1053 | <td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1054 | </tr> | ||
1055 | <tr> | ||
1056 | <td>Fr </td><td>Ra </td><td>Ac </td> | ||
1057 | </tr> | ||
1058 | <tr> | ||
1059 | <td></td> | ||
1060 | <td colspan="18"></td> | ||
1061 | </tr> | ||
1062 | <tr> | ||
1063 | <td colspan="3"></td><td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td><td>Dy </td> | ||
1064 | <td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1065 | </tr> | ||
1066 | <tr> | ||
1067 | <td colspan="3"></td><td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td> | ||
1068 | <td>Cf </td><td>Es </td><td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1069 | </tr> | ||
1070 | </tbody></table> | ||
1071 | <p> </p> | ||
1072 | |||
1073 | <pagebreak /> | ||
1074 | <h4>Rotated text in Tables<bookmark content="Rotated text in Tables" level="2" /><tocentry name="Tables" content="Rotated text in table" level="0" /><indexentry content="Table:rotated text" /></h4> | ||
1075 | |||
1076 | <h5>Periodic Table</h5> | ||
1077 | <table> | ||
1078 | <thead> | ||
1079 | <tr text-rotate="45"> | ||
1080 | <th><p>Element type 1A</p><p>Second line</p><th><p>Element type longer 2A</p></th> | ||
1081 | <th>Element type 3B</th><th>Element type 4B</th><th>Element type 5B</th><th>Element type 6B</th><th>7B</th><th>8B</th> | ||
1082 | <th>Element type 8B R</th><th>8B</th><th>Element <span>type</span> 1B</th><th>2B</th> | ||
1083 | <th>Element type 3A</th><th>Element type 4A</th><th>Element type 5A</th><th>Element type 6A</th><th>7A</th><th>Element type 8A</th> | ||
1084 | </tr> | ||
1085 | </thead> | ||
1086 | |||
1087 | <tbody> | ||
1088 | <tr> | ||
1089 | <td>H</td><td colspan="15"></td><td></td><td>He </td> | ||
1090 | </tr> | ||
1091 | <tr> | ||
1092 | <td>Li </td><td>Be </td><td colspan="10"></td><td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
1093 | </tr> | ||
1094 | <tr> | ||
1095 | <td>Na </td><td>Mg </td><td colspan="10"></td><td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
1096 | </tr> | ||
1097 | <tr style="text-rotate: 45"> | ||
1098 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti</td><td>Va</td><td>Cr</td><td>Mn</td><td>Fe</td><td>Co</td><td>Ni </td> | ||
1099 | <td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
1100 | </tr> | ||
1101 | <tr> | ||
1102 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td>Ru </td> | ||
1103 | <td style="text-align:right; ">Rh</td><td>Pd </td><td>Ag </td><td>Cd </td><td>In </td><td>Sn </td> | ||
1104 | <td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
1105 | </tr> | ||
1106 | <tr> | ||
1107 | <td>Cs </td><td>Ba </td><td>La </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td> | ||
1108 | <td>Pt </td><td>Au </td><td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
1109 | </tr> | ||
1110 | <tr> | ||
1111 | <td>Fr </td><td>Ra </td><td colspan="16">Ac </td> | ||
1112 | </tr> | ||
1113 | <tr> | ||
1114 | <td colspan="3"></td> | ||
1115 | <td>Ce </td><td>Pr </td><td>Nd </td><td>Pm </td><td>Sm </td><td>Eu </td><td>Gd </td><td>Tb </td><td>Dy </td> | ||
1116 | <td>Ho </td><td>Er </td><td>Tm </td><td>Yb </td><td>Lu </td><td></td> | ||
1117 | </tr> | ||
1118 | <tr> | ||
1119 | <td colspan="3"></td> | ||
1120 | <td>Th </td><td>Pa </td><td>U </td><td>Np </td><td>Pu </td><td>Am </td><td>Cm </td><td>Bk </td><td>Cf </td><td>Es </td> | ||
1121 | <td>Fm </td><td>Md </td><td>No </td><td>Lr </td><td></td> | ||
1122 | </tr> | ||
1123 | </tbody></table> | ||
1124 | |||
1125 | |||
1126 | <pagebreak /> | ||
1127 | |||
1128 | |||
1129 | |||
1130 | <h4>Nested Tables<bookmark content="Nested Tables" level="2" /><tocentry name="Tables" content="Nested tables" level="0" /><indexentry content="Table:nested" /></h4> | ||
1131 | |||
1132 | <div style="border: 2px solid #000088; background-color: #DDDDFF; padding: 2mm;"> | ||
1133 | Text before table | ||
1134 | |||
1135 | <div style="border: 2px solid #008888; background-color: #DCAFCF; padding: 2mm;"> | ||
1136 | |||
1137 | <table cellSpacing="2" rotate="-90" align="center" autosize="1.5" class="nested" style="page-break-inside: avoid; "> | ||
1138 | <tbody> | ||
1139 | <tr> | ||
1140 | <td>This is data</td> | ||
1141 | <td>This is data</td> | ||
1142 | <td> | ||
1143 | <table cellSpacing="2" class="nested"> | ||
1144 | <tbody> | ||
1145 | <tr> | ||
1146 | <td>Row A</td> | ||
1147 | <td>A2</td> | ||
1148 | <td>A3</td> | ||
1149 | <td>A4</td> | ||
1150 | </tr> | ||
1151 | <tr> | ||
1152 | <td>Row B</td> | ||
1153 | <td>B2</td> | ||
1154 | <td>B3</td> | ||
1155 | <td>B4</td> | ||
1156 | </tr> | ||
1157 | <tr> | ||
1158 | <td>Row C</td> | ||
1159 | <td>C2</td> | ||
1160 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id <a href="http://www.dummy.com">euismod auctor</a>, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1161 | <td>C4</td> | ||
1162 | </tr> | ||
1163 | <tr> | ||
1164 | <td>Row D</td> | ||
1165 | <td>D2</td> | ||
1166 | <td>D3</td> | ||
1167 | <td>D4</td> | ||
1168 | </tr> | ||
1169 | </tbody></table> | ||
1170 | </td> | ||
1171 | <td>This is data</td> | ||
1172 | </tr> | ||
1173 | <tr> | ||
1174 | <td>This is data</td> | ||
1175 | <td>This is data</td> | ||
1176 | <td> | ||
1177 | <table cellSpacing="2" class="nested"> | ||
1178 | <tbody> | ||
1179 | <tr> | ||
1180 | <td>Row A</td> | ||
1181 | <td>A2</td> | ||
1182 | <td>A3</td> | ||
1183 | <td>A4</td> | ||
1184 | </tr> | ||
1185 | <tr> | ||
1186 | <td>Row B</td> | ||
1187 | <td>B2</td> | ||
1188 | <td>B3</td> | ||
1189 | <td>B4</td> | ||
1190 | </tr> | ||
1191 | <tr> | ||
1192 | <td>Row C</td> | ||
1193 | <td>C2</td> | ||
1194 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1195 | <td>C4</td> | ||
1196 | </tr> | ||
1197 | <tr> | ||
1198 | <td>Row D</td> | ||
1199 | <td>D2</td> | ||
1200 | <td>D3</td> | ||
1201 | <td>D4</td> | ||
1202 | </tr> | ||
1203 | </tbody></table> | ||
1204 | </td> | ||
1205 | <td>This is data</td> | ||
1206 | </tr> | ||
1207 | <tr> | ||
1208 | <td>This is data</td> | ||
1209 | <td>This is data</td> | ||
1210 | <td> | ||
1211 | <table cellSpacing="2" class="nested"> | ||
1212 | <tbody> | ||
1213 | <tr> | ||
1214 | <td>Row A</td> | ||
1215 | <td>A2</td> | ||
1216 | <td>A3</td> | ||
1217 | <td>A4</td> | ||
1218 | </tr> | ||
1219 | <tr> | ||
1220 | <td>Row B</td> | ||
1221 | <td>B2</td> | ||
1222 | <td>B3</td> | ||
1223 | <td>B4</td> | ||
1224 | </tr> | ||
1225 | <tr> | ||
1226 | <td>Row C</td> | ||
1227 | <td>C2</td> | ||
1228 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1229 | <td>C4</td> | ||
1230 | </tr> | ||
1231 | <tr> | ||
1232 | <td>Row D</td> | ||
1233 | <td>D2</td> | ||
1234 | <td>D3</td> | ||
1235 | <td>D4</td> | ||
1236 | </tr> | ||
1237 | </tbody></table> | ||
1238 | </td> | ||
1239 | <td>This is data</td> | ||
1240 | </tr> | ||
1241 | <tr> | ||
1242 | <td>This is data</td> | ||
1243 | <td>This is data</td> | ||
1244 | <td> | ||
1245 | <table cellSpacing="2" class="nested"> | ||
1246 | <tbody> | ||
1247 | <tr> | ||
1248 | <td>Row A</td> | ||
1249 | <td>A2</td> | ||
1250 | <td>A3</td> | ||
1251 | <td>A4</td> | ||
1252 | </tr> | ||
1253 | <tr> | ||
1254 | <td>Row B</td> | ||
1255 | <td>B2</td> | ||
1256 | <td>B3</td> | ||
1257 | <td>B4</td> | ||
1258 | </tr> | ||
1259 | <tr> | ||
1260 | <td>Row C</td> | ||
1261 | <td>C2</td> | ||
1262 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </td> | ||
1263 | <td>C4</td> | ||
1264 | </tr> | ||
1265 | <tr> | ||
1266 | <td>Row D</td> | ||
1267 | <td>D2</td> | ||
1268 | <td>D3</td> | ||
1269 | <td>D4</td> | ||
1270 | </tr> | ||
1271 | </tbody></table> | ||
1272 | </td> | ||
1273 | <td>This is data</td> | ||
1274 | </tr> | ||
1275 | <tr> | ||
1276 | <td>This is data</td> | ||
1277 | <td>This is data</td> | ||
1278 | <td>This is data</td> | ||
1279 | <td>This is data</td> | ||
1280 | </tr> | ||
1281 | <tr> | ||
1282 | <td>This is data</td> | ||
1283 | <td></td> | ||
1284 | <td>This is data</td> | ||
1285 | <td>This is data</td> | ||
1286 | </tr> | ||
1287 | <tr> | ||
1288 | <td>This is data</td> | ||
1289 | <td>This is data</td> | ||
1290 | <td>This is data</td> | ||
1291 | <td>This is data</td> | ||
1292 | </tr> | ||
1293 | </tbody></table> | ||
1294 | |||
1295 | </div> | ||
1296 | |||
1297 | |||
1298 | |||
1299 | <p>Text before table</p> | ||
1300 | |||
1301 | <table cellSpacing="2" class="outer2" autosize="3" style="page-break-inside:avoid"> | ||
1302 | <tbody> | ||
1303 | <tr> | ||
1304 | <td>Row 1</td> | ||
1305 | <td>This is data</td> | ||
1306 | <td style="text-align: right;"> | ||
1307 | Text before table | ||
1308 | <table cellSpacing="2" class="inner" width="80%"> | ||
1309 | <tbody> | ||
1310 | <tr> | ||
1311 | <td>Row A</td> | ||
1312 | <td>A2</td> | ||
1313 | <td>A3</td> | ||
1314 | <td>A4</td> | ||
1315 | </tr> | ||
1316 | <tr> | ||
1317 | <td>Row B</td> | ||
1318 | <td>B2</td> | ||
1319 | <td>B3</td> | ||
1320 | <td>B4</td> | ||
1321 | </tr> | ||
1322 | <tr> | ||
1323 | <td>Row C</td> | ||
1324 | <td>C2</td> | ||
1325 | <td>C3</td> | ||
1326 | <td>C4</td> | ||
1327 | </tr> | ||
1328 | <tr> | ||
1329 | <td>Row D</td> | ||
1330 | <td>D2</td> | ||
1331 | <td>D3</td> | ||
1332 | <td>D4</td> | ||
1333 | </tr> | ||
1334 | </tbody></table> | ||
1335 | <p>Text after table</p> | ||
1336 | </td> | ||
1337 | <td>This is data</td> | ||
1338 | </tr> | ||
1339 | <tr> | ||
1340 | <td>Row 2</td> | ||
1341 | <td>This is data</td> | ||
1342 | <td>This is data</td> | ||
1343 | <td>This is data</td> | ||
1344 | </tr> | ||
1345 | <tr> | ||
1346 | <td>Row 3</td> | ||
1347 | <td style="text-align: center; vertical-align: middle;"> | ||
1348 | <table cellSpacing="2" class="inner" width="80%"> | ||
1349 | <tbody> | ||
1350 | <tr> | ||
1351 | <td>Row A</td> | ||
1352 | <td>A2</td> | ||
1353 | <td>A3</td> | ||
1354 | <td>A4</td> | ||
1355 | </tr> | ||
1356 | <tr> | ||
1357 | <td>Row B</td> | ||
1358 | <td>B2</td> | ||
1359 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
1360 | <td>B4</td> | ||
1361 | </tr> | ||
1362 | <tr> | ||
1363 | <td>Row C</td> | ||
1364 | <td>C2</td> | ||
1365 | <td> | ||
1366 | <table cellSpacing="2"> | ||
1367 | <tbody> | ||
1368 | <tr> | ||
1369 | <td>F1</td> | ||
1370 | <td>F2</td> | ||
1371 | </tr> | ||
1372 | <tr> | ||
1373 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
1374 | <td>G2</td> | ||
1375 | </tr> | ||
1376 | </tbody></table> | ||
1377 | </td> | ||
1378 | <td>C4</td> | ||
1379 | </tr> | ||
1380 | <tr> | ||
1381 | <td>Row D</td> | ||
1382 | <td>D2</td> | ||
1383 | <td>D3</td> | ||
1384 | <td>D4</td> | ||
1385 | </tr> | ||
1386 | </tbody></table> | ||
1387 | </td> | ||
1388 | <td style="vertical-align: bottom; "> | ||
1389 | <table cellSpacing="2" class="inner" align="right"> | ||
1390 | <tbody> | ||
1391 | <tr> | ||
1392 | <td>Row A</td> | ||
1393 | <td>A2</td> | ||
1394 | <td>A3</td> | ||
1395 | <td>A4</td> | ||
1396 | </tr> | ||
1397 | <tr> | ||
1398 | <td>Row B</td> | ||
1399 | <td>B2</td> | ||
1400 | <td>B3</td> | ||
1401 | <td>B4</td> | ||
1402 | </tr> | ||
1403 | <tr> | ||
1404 | <td>Row C</td> | ||
1405 | <td>C2</td> | ||
1406 | <td>C3</td> | ||
1407 | <td>C4</td> | ||
1408 | </tr> | ||
1409 | <tr> | ||
1410 | <td>Row D</td> | ||
1411 | <td>D2</td> | ||
1412 | <td>D3</td> | ||
1413 | <td>D4</td> | ||
1414 | </tr> | ||
1415 | </tbody></table> | ||
1416 | </td> | ||
1417 | <td>This is data</td> | ||
1418 | </tr> | ||
1419 | <tr> | ||
1420 | <td>Row 4</td> | ||
1421 | <td>This is data</td> | ||
1422 | <td><table cellSpacing="2" class="inner"> | ||
1423 | <tbody> | ||
1424 | <tr> | ||
1425 | <td>Row A</td> | ||
1426 | <td>A2</td> | ||
1427 | <td>A3</td> | ||
1428 | <td>A4</td> | ||
1429 | </tr> | ||
1430 | <tr> | ||
1431 | <td>Row B</td> | ||
1432 | <td>B2</td> | ||
1433 | <td style="text-align:center;"><img src="sunset.jpg" width="84" style="border:3px solid #44FF44; vertical-align:top; " /></td> | ||
1434 | <td>B4</td> | ||
1435 | </tr> | ||
1436 | <tr> | ||
1437 | <td>Row C</td> | ||
1438 | <td>C2</td> | ||
1439 | <td> | ||
1440 | <table cellSpacing="2"> | ||
1441 | <tbody> | ||
1442 | <tr> | ||
1443 | <td>F1</td> | ||
1444 | <td>F2</td> | ||
1445 | </tr> | ||
1446 | <tr> | ||
1447 | <td>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec et nulla. Sed quis orci.</td> | ||
1448 | <td>G2</td> | ||
1449 | </tr> | ||
1450 | </tbody></table> | ||
1451 | </td> | ||
1452 | <td>C4</td> | ||
1453 | </tr> | ||
1454 | <tr> | ||
1455 | <td>Row D</td> | ||
1456 | <td>D2</td> | ||
1457 | <td>D3</td> | ||
1458 | <td>D4</td> | ||
1459 | </tr> | ||
1460 | </tbody></table> | ||
1461 | </td> | ||
1462 | <td>This is data</td> | ||
1463 | </tr> | ||
1464 | </tbody></table> | ||
1465 | |||
1466 | |||
1467 | </div> | ||
1468 | |||
1469 | |||
1470 | <!-- FORMS --> | ||
1471 | <pagebreak /> | ||
1472 | <h3>Forms<bookmark content="Forms" level="1" /><tocentry name="" content="Forms" level="0" /><indexentry content="Forms" /></h3> | ||
1473 | <form> | ||
1474 | <b>Textarea</b> | ||
1475 | <textarea name="authors" rows="5" cols="80" wrap="virtual">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. | ||
1476 | Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
1477 | <br /><br /> | ||
1478 | <b>Select</b> | ||
1479 | <select size="1" name="status"><option value="A">Active</option><option value="W" >New item from auto_manager: pending validation</option><option value="I" selected="selected">Incomplete record - pending</option><option value="X" >Flagged for Deletion</option> </select> followed by text | ||
1480 | <br /><br /> | ||
1481 | <b>Input Radio</b> | ||
1482 | <input type="radio" name="recommended" value="0" > No <input type="radio" name="recommended" value="1" > Keep <input type="radio" name="recommended" value="2" checked="checked" > Choice | ||
1483 | <br /><br /> | ||
1484 | <b>Input Text</b> | ||
1485 | <input type="text" size="190" name="doi" value="10.1258/jrsm.100.5.211"> | ||
1486 | <br /><br /> | ||
1487 | <b>Input Password</b> | ||
1488 | <input type="password" size="40" name="password" value="secret"> | ||
1489 | <br /><br /> | ||
1490 | <input type="checkbox" name="QPC" value="ON" > Checkboxes<br> | ||
1491 | <input type="checkbox" name="QPA" value="ON" > Not selected<br> | ||
1492 | <input type="checkbox" name="QPA" value="ON" disabled="disabled"> Disabled<br> | ||
1493 | <input type="checkbox" name="QLY" value="ON" checked="checked" > Selected | ||
1494 | <br /><br /> | ||
1495 | <input type="submit" name="submit" value="Submit" /> | ||
1496 | <input type="image" name="submit" src="goto.gif" /> | ||
1497 | <input type="button" name="submit" value="Button" /> | ||
1498 | <input type="reset" name="submit" value="Reset" /> | ||
1499 | <br /><br /> | ||
1500 | </form> | ||
1501 | |||
1502 | |||
1503 | <!-- ANNOTATIONS --> | ||
1504 | <pagebreak /> | ||
1505 | <h3>Annotations<bookmark content="Annotations" level="1" /><tocentry name="" content="Annotations" level="0" /><indexentry content="Annotations" /></h3> | ||
1506 | <p>Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate.<annotation content="This is an annotation'."\n".'in the middle of the text" subject="My Subject" icon="Comment" color="#FE88EF" author="Ian Back" /> Donec luctus. Cras euismod tellus vel leo. Cras tellus. Fusce aliquet. Curabitur tincidunt viverra ligula. Fusce eget erat. Donec pede. Vestibulum id felis. Phasellus tincidunt ligula non pede. Morbi turpis. In vitae dui non erat placerat malesuada. Mauris adipiscing congue ante. Proin at erat. Aliquam mattis. </p> | ||
1507 | <p>P: Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. <i>Fusce</i><annotation content="Fusce is a funny word!" subject="Idle Comments" icon="Note" author="Ian Back" pos-x="198" /> eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
1508 | |||
1509 | |||
1510 | <!-- GRAPH --> | ||
1511 | <pagebreak /> | ||
1512 | <h3>Graphs<bookmark content="Graphs" level="1" /><tocentry name="" content="Graphs" level="0" /><indexentry content="Graphs" /></h3> | ||
1513 | <table id="tbl_1" class="sub"><tbody><tr><td></td><td align="right"><b>Female</b></td><td align="right"><b>Male</b></td></tr><tr><td>35 - 44</td><td align="right"><b>4</b></td><td align="right"><b>2</b></td></tr><tr><td>45 - 54</td><td align="right"><b>5</b></td><td align="right"><b>7</b></td></tr><tr><td>55 - 64</td><td align="right"><b>21</b></td><td align="right"><b>18</b></td></tr><tr><td>65 - 74</td><td align="right"><b>11</b></td><td align="right"><b>14</b></td></tr><tr><td>75 - 84</td><td align="right"><b>10</b></td><td align="right"><b>10</b></td></tr><tr><td>85 - 94</td><td align="right"><b>2</b></td><td align="right"><b>1</b></td></tr><tr><td>95 - 104</td><td align="right"><b>1</b></td><td align="right"><b></b></td></tr> | ||
1514 | <tr><td>TOTAL</td><td align="right">54</td><td align="right">52</td></tr> | ||
1515 | </tbody></table> | ||
1516 | |||
1517 | <h5>Subscriptions for 2008-09<tocentry name="Figures" content="Graph: Subscriptions for 2008-09" /></h5> | ||
1518 | <jpgraph table="tbl_1" type="bar" stacked="0" dpi="300" title="New subscriptions" splines="1" bandw="0" antialias="1" label-y="% patients" label-x="Age group" axis-x="text" axis-y="lin" percent="0" series="cols" data-col-begin="2" data-row-begin="2" data-col-end="0" data-row-end="-1" show-values="1" width="600" legend-overlap="1" hide-grid="1" hide-y-axis="1" /> | ||
1519 | |||
1520 | |||
1521 | |||
1522 | <!-- FULL IMAGES & BARCODE --> | ||
1523 | <pagebreak /> | ||
1524 | <h3>Full Images & Barcode<bookmark content="Full Images & Barcode" level="1" /><tocentry name="Figures" content="Full size image & Barcode" level="0" /><indexentry content="Image:full-size" /><tocentry name="" content="Barcode" level="0" /><indexentry content="Barcode" /></h3> | ||
1525 | <p>On the first and last page of this document, an image is reproduced full page size by placing it inside a DIV element with CSS "position:absolute". In all other situations, images are constrained to the width and height of the printable page (i.e. inside the margins). The image on the back page has CSS "opacity:0.5".</p> | ||
1526 | |||
1527 | |||
1528 | <!-- EXAMPLE PHP CODE --> | ||
1529 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1530 | $mpdf->SetAlpha(0.5); | ||
1531 | $mpdf->Image(\'clematis.jpg\',0,0,210,297,\'jpg\',\'\',true, false); | ||
1532 | // the last "false" allows a full page picture | ||
1533 | $mpdf->SetAlpha(1); | ||
1534 | ')) .'</div> | ||
1535 | <!-- END EXAMPLE PHP CODE --> | ||
1536 | |||
1537 | <p>The back cover also has an ISBN barcode</p> | ||
1538 | |||
1539 | <!-- EXAMPLE PHP CODE --> | ||
1540 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1541 | $mpdf->writeBarcode(\'978-0-9542246-0-8\', 1, 130, 230, 1,0, 3,3,4,4); | ||
1542 | ')) .'</div> | ||
1543 | <!-- END EXAMPLE PHP CODE --> | ||
1544 | |||
1545 | <p>But next is inserted the Index, which can also be done like this:</p> | ||
1546 | |||
1547 | <!-- EXAMPLE PHP CODE --> | ||
1548 | <div class="phpcode">'. nl2br(htmlspecialchars('/* ALTERNATIVE PHP METHOD */ | ||
1549 | $mpdf->AddPage(\'\',NEXT-ODD\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',\'\',-1,-1,-1,-1); | ||
1550 | $mpdf->WriteHTML(\'<h2>Index<bookmark content="Index" /></h2>\'); | ||
1551 | $mpdf->WriteHTML(\'<indexinsert cols="2" font="serif" div-font="sans-serif" links="on" />\'); | ||
1552 | ')) .'</div> | ||
1553 | <!-- END EXAMPLE PHP CODE --> | ||
1554 | |||
1555 | |||
1556 | |||
1557 | <!-- INDEX --> | ||
1558 | <pagebreak type="NEXT-ODD" odd-header-value="-1" even-header-value="-1" odd-footer-value="-1" even-footer-value="-1" /> | ||
1559 | <h2>Index<bookmark content="Index" /></h2> | ||
1560 | <indexinsert cols="2" font="serif" div-font="sans-serif" links="on" /> | ||
1561 | |||
1562 | |||
1563 | |||
1564 | <!-- BACK COVER & BARCODE --> | ||
1565 | <pagebreak type="NEXT-EVEN" /> | ||
1566 | <div style="position: absolute; left:0; right: 0; top: 0; bottom: 0;"> | ||
1567 | <img src="clematis.jpg" style="width: 210mm; height: 297mm; margin: 0; opacity: 0.5;" /> | ||
1568 | </div> | ||
1569 | |||
1570 | <div style="position: absolute; right: 35mm; bottom: 35mm; "> | ||
1571 | <barcode code="978-0-9542246-0" type="ISBN" style="padding: 2.5mm; border: 0.1mm solid #000000;" height="0.66" text="1" /> | ||
1572 | </div> | ||
1573 | |||
1574 | |||
1575 | |||
1576 | </body></html>'; | ||
1577 | |||
1578 | //============================================================== | ||
1579 | //============================================================== | ||
1580 | //============================================================== | ||
1581 | |||
1582 | include("../mpdf.php"); | ||
1583 | |||
1584 | $mpdf=new mPDF('s','A4','','',25,15,21,22,10,10); | ||
1585 | |||
1586 | $mpdf->progbar_heading = 'mPDF file progress (Advanced)'; | ||
1587 | $mpdf->StartProgressBarOutput(2); | ||
1588 | |||
1589 | $mpdf->mirrorMargins = 1; | ||
1590 | $mpdf->SetDisplayMode('fullpage','two'); | ||
1591 | $mpdf->useGraphs = true; | ||
1592 | $mpdf->list_number_suffix = ')'; | ||
1593 | $mpdf->hyphenate = true; | ||
1594 | |||
1595 | $mpdf->debug = true; | ||
1596 | |||
1597 | $mpdf->WriteHTML($html); | ||
1598 | |||
1599 | $mpdf->Output(); | ||
1600 | |||
1601 | exit; | ||
1602 | //============================================================== | ||
1603 | //============================================================== | ||
1604 | //============================================================== | ||
1605 | //============================================================== | ||
1606 | //============================================================== | ||
1607 | |||
1608 | |||
1609 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example49_changelog.php b/inc/3rdparty/libraries/mpdf/examples/example49_changelog.php new file mode 100644 index 00000000..279979db --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example49_changelog.php | |||
@@ -0,0 +1,41 @@ | |||
1 | <?php | ||
2 | ini_set("memory_limit","384M"); | ||
3 | |||
4 | // This is because changelog.txt contains over 100000 characters, and preg_* functions in mPDF won't work. | ||
5 | ini_set("pcre.backtrack_limit","200000"); | ||
6 | |||
7 | include("../mpdf.php"); | ||
8 | |||
9 | $mpdf=new mPDF(); | ||
10 | |||
11 | $mpdf->tabSpaces = 6; | ||
12 | |||
13 | $mpdf->allow_charset_conversion=true; | ||
14 | $mpdf->charset_in='windows-1252'; | ||
15 | |||
16 | |||
17 | //============================================================== | ||
18 | |||
19 | $html = ' | ||
20 | <h1>mPDF</h1> | ||
21 | <h2>ChangeLog</h2> | ||
22 | <div style="border:1px solid #555555; background-color: #DDDDDD; padding: 1em; font-size:8pt; font-family: lucidaconsole, mono;"> | ||
23 | '; | ||
24 | $lines = file('../CHANGELOG.txt'); | ||
25 | |||
26 | $html .= '<pre>'; | ||
27 | foreach($lines AS $line) { | ||
28 | $html .= htmlspecialchars($line); | ||
29 | } | ||
30 | $html .= '</pre>'; | ||
31 | $html .= '</div>'; | ||
32 | |||
33 | //============================================================== | ||
34 | |||
35 | $mpdf->WriteHTML($html); | ||
36 | |||
37 | $mpdf->Output(); | ||
38 | exit; | ||
39 | |||
40 | |||
41 | ?> \ No newline at end of file | ||
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 new file mode 100644 index 00000000..903d3497 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example50_new_mPDF_3_features.php | |||
@@ -0,0 +1,1905 @@ | |||
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 | } | ||
23 | h4 { | ||
24 | font-family: sans; | ||
25 | font-weight: bold; | ||
26 | margin-top: 1em; | ||
27 | margin-bottom: 0.5em; | ||
28 | } | ||
29 | div { | ||
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 | |||
40 | pre { text-align:left } | ||
41 | pre.code { font-family: monospace } | ||
42 | |||
43 | table.html4colortable {margin:auto; width:80%; border:none } | ||
44 | table.html4colortable TD {border:none; padding:0} | ||
45 | td .colorsquare { display:block;width:16px;height:16px;border:2px solid black } | ||
46 | |||
47 | table.x11colortable td {text-align:center; background: white; } | ||
48 | table.x11colortable td.c { text-transform:uppercase } | ||
49 | table.x11colortable td:first-child, table.x11colortable td:first-child+td { border:1px solid black } | ||
50 | table.x11colortable th {text-align:center; background:black; color:white } | ||
51 | |||
52 | table.tprofile th.title {background:gray; color:white} | ||
53 | table.tprofile th { width:29%;padding:2px } | ||
54 | table.tprofile td { width:71%;padding:2px } | ||
55 | |||
56 | table.hslexample { background: #808080; padding:1em; margin:0; float:left; } | ||
57 | table.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"> | ||
67 | The background colour can now be set by CSS styles on the <body> 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"> | ||
72 | Background can be set as a linear or radial gradient between two colours. The background has been set on this <div> 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 /> | ||
74 | The 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 /> | ||
77 | Background 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"> | ||
80 | The background has been set on this <div> 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 /> | ||
82 | The 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 /> | ||
87 | Cum 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; "> | ||
92 | The CSS properties background-image, background-position, and background-repeat are supported as defined in CSS2, as well as the shorthand form "background". | ||
93 | <br /> | ||
94 | The background has been set on this <div> element to:<br /> | ||
95 | <span style="font-family: mono; font-size: 9pt;">background: transparent url(\'bg.jpg\') repeat fixed right top;</span><br /> | ||
96 | Background 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"> | ||
101 | Rounded 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 | |||
103 | The 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. | ||
104 | The 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 | |||
107 | If 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 | |||
109 | The 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 | |||
114 | would be equivalent to<br /> | ||
115 | |||
116 | <span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 4em;<br /> | ||
117 | border-top-right-radius: 4em;<br /> | ||
118 | border-bottom-right-radius: 4em;<br /> | ||
119 | border-bottom-left-radius: 4em;</span><br /> | ||
120 | <br /> | ||
121 | and<br /> | ||
122 | <span style="font-family: mono; font-size: 9pt;">border-radius: 2em 1em 4em / 0.5em 3em;</span><br /> | ||
123 | would be equivalent to<br /> | ||
124 | <span style="font-family: mono; font-size: 9pt;">border-top-left-radius: 2em 0.5em;<br /> | ||
125 | border-top-right-radius: 1em 3em;<br /> | ||
126 | border-bottom-right-radius: 4em 0.5em;<br /> | ||
127 | border-bottom-left-radius: 1em 3em;</span> | ||
128 | </div> | ||
129 | |||
130 | <h4>Interlaced and alpha-channel-set PNG images supported</h4> | ||
131 | <div class="rounded"> | ||
132 | Prior 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> | ||
148 | Block 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. | ||
149 | Float 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 /> | ||
151 | Margin-right can still be set for a float:right and vice-versa. | ||
152 | <br /> | ||
153 | A 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 /> | ||
155 | NB 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; "> | ||
158 | This is text in a <div> element that is set to float:right and width:28%. | ||
159 | </div> | ||
160 | <div class="gradient" style="float: left; width: 54%; margin-bottom: 0pt; "> | ||
161 | This is text in a <div> element that is set to float:left and width:54%. | ||
162 | </div> | ||
163 | |||
164 | <div style="clear: both; margin: 0pt; padding: 0pt; "></div> | ||
165 | This is text that follows a <div> element that is set to clear:both. | ||
166 | |||
167 | |||
168 | |||
169 | <h4>HTML Headers now support hyperlinks</h4> | ||
170 | <div class="gradient"> | ||
171 | Hyperlinks 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 | |||
175 | contd... | ||
176 | |||
177 | <pagebreak resetpagenum="20" /> | ||
178 | <h4>Resetting Page Numbering</h4> | ||
179 | <div class="gradient"> | ||
180 | Page 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(), <pagebreak> etc. | ||
181 | <br /> | ||
182 | Note 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"> | ||
187 | Text can be defined to appear before and after page numbers ($pagenumPrefix; $pagenumSuffix; $nbpgPrefix; $nbpgSuffix;) | ||
188 | <br /> | ||
189 | This document has a non-HTML header defined with the right content as \'{PAGENO}{<span>nbpg</span>}\'.<br /> | ||
190 | The 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 | |||
198 | This 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 /> $useLinking=true;)<br /> | ||
204 | - improved handling of <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 /> (when used as <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 name | ||
227 | |||
228 | </th><th>Hex rgb | ||
229 | |||
230 | </th><th>Decimal | ||
231 | |||
232 | </th></tr><tr> | ||
233 | <td class="c" style="background: aliceblue "> | ||
234 | |||
235 | </td><td class="c" style="background: rgb(240, 248, 255) "> | ||
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 "> | ||
245 | |||
246 | </td><td class="c" style="background: rgb(250, 235, 215) "> | ||
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 "> | ||
256 | |||
257 | </td><td class="c" style="background: rgb(0, 255, 255) "> | ||
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 "> | ||
267 | |||
268 | </td><td class="c" style="background: rgb(127, 255, 212) "> | ||
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 "> | ||
278 | |||
279 | </td><td class="c" style="background: rgb(240, 255, 255) "> | ||
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 "> | ||
289 | |||
290 | </td><td class="c" style="background: rgb(245, 245, 220) "> | ||
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 "> | ||
300 | |||
301 | </td><td class="c" style="background: rgb(255, 228, 196) "> | ||
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 "> | ||
311 | |||
312 | </td><td class="c" style="background: rgb(0, 0, 0) "> | ||
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 "> | ||
322 | |||
323 | </td><td class="c" style="background: rgb(255, 235, 205) "> | ||
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 "> | ||
333 | |||
334 | </td><td class="c" style="background: rgb(0, 0, 255) "> | ||
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 "> | ||
344 | |||
345 | </td><td class="c" style="background: rgb(138, 43, 226) "> | ||
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 "> | ||
355 | |||
356 | </td><td class="c" style="background: rgb(165, 42, 42) "> | ||
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 "> | ||
366 | |||
367 | </td><td class="c" style="background: rgb(222, 184, 135) "> | ||
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 "> | ||
377 | |||
378 | </td><td class="c" style="background: rgb(95, 158, 160) "> | ||
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 "> | ||
388 | |||
389 | </td><td class="c" style="background: rgb(127, 255, 0) "> | ||
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 "> | ||
399 | |||
400 | </td><td class="c" style="background: rgb(210, 105, 30) "> | ||
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 "> | ||
410 | |||
411 | </td><td class="c" style="background: rgb(255, 127, 80) "> | ||
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 "> | ||
421 | |||
422 | </td><td class="c" style="background: rgb(100, 149, 237) "> | ||
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 "> | ||
432 | |||
433 | </td><td class="c" style="background: rgb(255, 248, 220) "> | ||
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 "> | ||
443 | |||
444 | </td><td class="c" style="background: rgb(220, 20, 60) "> | ||
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 "> | ||
454 | |||
455 | </td><td class="c" style="background: rgb(0, 255, 255) "> | ||
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 "> | ||
465 | |||
466 | </td><td class="c" style="background: rgb(0, 0, 139) "> | ||
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 "> | ||
476 | |||
477 | </td><td class="c" style="background: rgb(0, 139, 139) "> | ||
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 "> | ||
487 | |||
488 | </td><td class="c" style="background: rgb(184, 134, 11) "> | ||
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 "> | ||
498 | |||
499 | </td><td class="c" style="background: rgb(169, 169, 169) "> | ||
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 "> | ||
509 | |||
510 | </td><td class="c" style="background: rgb(0, 100, 0) "> | ||
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 "> | ||
520 | |||
521 | </td><td class="c" style="background: rgb(169, 169, 169) "> | ||
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 "> | ||
531 | |||
532 | </td><td class="c" style="background: rgb(189, 183, 107) "> | ||
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 "> | ||
542 | |||
543 | </td><td class="c" style="background: rgb(139, 0, 139) "> | ||
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 "> | ||
553 | |||
554 | </td><td class="c" style="background: rgb(85, 107, 47) "> | ||
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 "> | ||
564 | |||
565 | </td><td class="c" style="background: rgb(255, 140, 0) "> | ||
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 "> | ||
575 | |||
576 | </td><td class="c" style="background: rgb(153, 50, 204) "> | ||
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 "> | ||
586 | |||
587 | </td><td class="c" style="background: rgb(139, 0, 0) "> | ||
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 "> | ||
597 | |||
598 | </td><td class="c" style="background: rgb(233, 150, 122) "> | ||
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 "> | ||
608 | |||
609 | </td><td class="c" style="background: rgb(143, 188, 143) "> | ||
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 "> | ||
619 | |||
620 | </td><td class="c" style="background: rgb(72, 61, 139) "> | ||
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 "> | ||
630 | |||
631 | </td><td class="c" style="background: rgb(47, 79, 79) "> | ||
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 "> | ||
641 | |||
642 | </td><td class="c" style="background: rgb(47, 79, 79) "> | ||
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 "> | ||
652 | |||
653 | </td><td class="c" style="background: rgb(0, 206, 209) "> | ||
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 "> | ||
663 | |||
664 | </td><td class="c" style="background: rgb(148, 0, 211) "> | ||
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 "> | ||
674 | |||
675 | </td><td class="c" style="background: rgb(255, 20, 147) "> | ||
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 "> | ||
685 | |||
686 | </td><td class="c" style="background: rgb(0, 191, 255) "> | ||
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 "> | ||
696 | |||
697 | </td><td class="c" style="background: rgb(105, 105, 105) "> | ||
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 "> | ||
707 | |||
708 | </td><td class="c" style="background: rgb(105, 105, 105) "> | ||
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 "> | ||
718 | |||
719 | </td><td class="c" style="background: rgb(30, 144, 255) "> | ||
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 "> | ||
729 | |||
730 | </td><td class="c" style="background: rgb(178, 34, 34) "> | ||
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 "> | ||
740 | |||
741 | </td><td class="c" style="background: rgb(255, 250, 240) "> | ||
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 "> | ||
751 | |||
752 | </td><td class="c" style="background: rgb(34, 139, 34) "> | ||
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 "> | ||
762 | |||
763 | </td><td class="c" style="background: rgb(255, 0, 255) "> | ||
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 "> | ||
773 | |||
774 | </td><td class="c" style="background: rgb(220, 220, 220) "> | ||
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 "> | ||
784 | |||
785 | </td><td class="c" style="background: rgb(248, 248, 255) "> | ||
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 "> | ||
795 | |||
796 | </td><td class="c" style="background: rgb(255, 215, 0) "> | ||
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 "> | ||
806 | |||
807 | </td><td class="c" style="background: rgb(218, 165, 32) "> | ||
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 "> | ||
817 | |||
818 | </td><td class="c" style="background: rgb(128, 128, 128) "> | ||
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 "> | ||
828 | |||
829 | </td><td class="c" style="background: rgb(0, 128, 0) "> | ||
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 "> | ||
839 | |||
840 | </td><td class="c" style="background: rgb(173, 255, 47) "> | ||
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 "> | ||
850 | |||
851 | </td><td class="c" style="background: rgb(128, 128, 128) "> | ||
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 "> | ||
861 | |||
862 | </td><td class="c" style="background: rgb(240, 255, 240) "> | ||
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 "> | ||
872 | |||
873 | </td><td class="c" style="background: rgb(255, 105, 180) "> | ||
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 "> | ||
883 | |||
884 | </td><td class="c" style="background: rgb(205, 92, 92) "> | ||
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 "> | ||
894 | |||
895 | </td><td class="c" style="background: rgb(75, 0, 130) "> | ||
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 "> | ||
905 | |||
906 | </td><td class="c" style="background: rgb(255, 255, 240) "> | ||
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 "> | ||
916 | |||
917 | </td><td class="c" style="background: rgb(240, 230, 140) "> | ||
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 "> | ||
927 | |||
928 | </td><td class="c" style="background: rgb(230, 230, 250) "> | ||
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 "> | ||
938 | |||
939 | </td><td class="c" style="background: rgb(255, 240, 245) "> | ||
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 "> | ||
949 | |||
950 | </td><td class="c" style="background: rgb(124, 252, 0) "> | ||
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 "> | ||
960 | |||
961 | </td><td class="c" style="background: rgb(255, 250, 205) "> | ||
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 "> | ||
971 | |||
972 | </td><td class="c" style="background: rgb(173, 216, 230) "> | ||
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 "> | ||
982 | |||
983 | </td><td class="c" style="background: rgb(240, 128, 128) "> | ||
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 "> | ||
993 | |||
994 | </td><td class="c" style="background: rgb(224, 255, 255) "> | ||
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 "> | ||
1004 | |||
1005 | </td><td class="c" style="background: rgb(250, 250, 210) "> | ||
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 "> | ||
1015 | |||
1016 | </td><td class="c" style="background: rgb(211, 211, 211) "> | ||
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 "> | ||
1026 | |||
1027 | </td><td class="c" style="background: rgb(144, 238, 144) "> | ||
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 "> | ||
1037 | |||
1038 | </td><td class="c" style="background: rgb(211, 211, 211) "> | ||
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 "> | ||
1048 | |||
1049 | </td><td class="c" style="background: rgb(255, 182, 193) "> | ||
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 "> | ||
1059 | |||
1060 | </td><td class="c" style="background: rgb(255, 160, 122) "> | ||
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 "> | ||
1070 | |||
1071 | </td><td class="c" style="background: rgb(32, 178, 170) "> | ||
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 "> | ||
1081 | |||
1082 | </td><td class="c" style="background: rgb(135, 206, 250) "> | ||
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 "> | ||
1092 | |||
1093 | </td><td class="c" style="background: rgb(119, 136, 153) "> | ||
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 "> | ||
1103 | |||
1104 | </td><td class="c" style="background: rgb(119, 136, 153) "> | ||
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 "> | ||
1114 | |||
1115 | </td><td class="c" style="background: rgb(176, 196, 222) "> | ||
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 "> | ||
1125 | |||
1126 | </td><td class="c" style="background: rgb(255, 255, 224) "> | ||
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 "> | ||
1136 | |||
1137 | </td><td class="c" style="background: rgb(0, 255, 0) "> | ||
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 "> | ||
1147 | |||
1148 | </td><td class="c" style="background: rgb(50, 205, 50) "> | ||
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 "> | ||
1158 | |||
1159 | </td><td class="c" style="background: rgb(250, 240, 230) "> | ||
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 "> | ||
1169 | |||
1170 | </td><td class="c" style="background: rgb(255, 0, 255) "> | ||
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 "> | ||
1180 | |||
1181 | </td><td class="c" style="background: rgb(128, 0, 0) "> | ||
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 "> | ||
1191 | |||
1192 | </td><td class="c" style="background: rgb(102, 205, 170) "> | ||
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 "> | ||
1202 | |||
1203 | </td><td class="c" style="background: rgb(0, 0, 205) "> | ||
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 "> | ||
1213 | |||
1214 | </td><td class="c" style="background: rgb(186, 85, 211) "> | ||
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 "> | ||
1224 | |||
1225 | </td><td class="c" style="background: rgb(147, 112, 219) "> | ||
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 "> | ||
1235 | |||
1236 | </td><td class="c" style="background: rgb(60, 179, 113) "> | ||
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 "> | ||
1246 | |||
1247 | </td><td class="c" style="background: rgb(123, 104, 238) "> | ||
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 "> | ||
1257 | |||
1258 | </td><td class="c" style="background: rgb(0, 250, 154) "> | ||
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 "> | ||
1268 | |||
1269 | </td><td class="c" style="background: rgb(72, 209, 204) "> | ||
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 "> | ||
1279 | |||
1280 | </td><td class="c" style="background: rgb(199, 21, 133) "> | ||
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 "> | ||
1290 | |||
1291 | </td><td class="c" style="background: rgb(25, 25, 112) "> | ||
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 "> | ||
1301 | |||
1302 | </td><td class="c" style="background: rgb(245, 255, 250) "> | ||
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 "> | ||
1312 | |||
1313 | </td><td class="c" style="background: rgb(255, 228, 225) "> | ||
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 "> | ||
1323 | |||
1324 | </td><td class="c" style="background: rgb(255, 228, 181) "> | ||
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 "> | ||
1334 | |||
1335 | </td><td class="c" style="background: rgb(255, 222, 173) "> | ||
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 "> | ||
1345 | |||
1346 | </td><td class="c" style="background: rgb(0, 0, 128) "> | ||
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 "> | ||
1356 | |||
1357 | </td><td class="c" style="background: rgb(253, 245, 230) "> | ||
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 "> | ||
1367 | |||
1368 | </td><td class="c" style="background: rgb(128, 128, 0) "> | ||
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 "> | ||
1378 | |||
1379 | </td><td class="c" style="background: rgb(107, 142, 35) "> | ||
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 "> | ||
1389 | |||
1390 | </td><td class="c" style="background: rgb(255, 165, 0) "> | ||
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 "> | ||
1400 | |||
1401 | </td><td class="c" style="background: rgb(255, 69, 0) "> | ||
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 "> | ||
1411 | |||
1412 | </td><td class="c" style="background: rgb(218, 112, 214) "> | ||
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 "> | ||
1422 | |||
1423 | </td><td class="c" style="background: rgb(238, 232, 170) "> | ||
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 "> | ||
1433 | |||
1434 | </td><td class="c" style="background: rgb(152, 251, 152) "> | ||
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 "> | ||
1444 | |||
1445 | </td><td class="c" style="background: rgb(175, 238, 238) "> | ||
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 "> | ||
1455 | |||
1456 | </td><td class="c" style="background: rgb(219, 112, 147) "> | ||
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 "> | ||
1466 | |||
1467 | </td><td class="c" style="background: rgb(255, 239, 213) "> | ||
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 "> | ||
1477 | |||
1478 | </td><td class="c" style="background: rgb(255, 218, 185) "> | ||
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 "> | ||
1488 | |||
1489 | </td><td class="c" style="background: rgb(205, 133, 63) "> | ||
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 "> | ||
1499 | |||
1500 | </td><td class="c" style="background: rgb(255, 192, 203) "> | ||
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 "> | ||
1510 | |||
1511 | </td><td class="c" style="background: rgb(221, 160, 221) "> | ||
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 "> | ||
1521 | |||
1522 | </td><td class="c" style="background: rgb(176, 224, 230) "> | ||
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 "> | ||
1532 | |||
1533 | </td><td class="c" style="background: rgb(128, 0, 128) "> | ||
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 "> | ||
1543 | |||
1544 | </td><td class="c" style="background: rgb(255, 0, 0) "> | ||
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 "> | ||
1554 | |||
1555 | </td><td class="c" style="background: rgb(188, 143, 143) "> | ||
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 "> | ||
1565 | |||
1566 | </td><td class="c" style="background: rgb(65, 105, 225) "> | ||
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 "> | ||
1576 | |||
1577 | </td><td class="c" style="background: rgb(139, 69, 19) "> | ||
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 "> | ||
1587 | |||
1588 | </td><td class="c" style="background: rgb(250, 128, 114) "> | ||
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 "> | ||
1598 | |||
1599 | </td><td class="c" style="background: rgb(244, 164, 96) "> | ||
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 "> | ||
1609 | |||
1610 | </td><td class="c" style="background: rgb(46, 139, 87) "> | ||
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 "> | ||
1620 | |||
1621 | </td><td class="c" style="background: rgb(255, 245, 238) "> | ||
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 "> | ||
1631 | |||
1632 | </td><td class="c" style="background: rgb(160, 82, 45) "> | ||
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; "> | ||
1642 | |||
1643 | </td><td class="c" style="background: rgb(192, 192, 192) "> | ||
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 "> | ||
1653 | |||
1654 | </td><td class="c" style="background: rgb(135, 206, 235) "> | ||
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 "> | ||
1664 | |||
1665 | </td><td class="c" style="background: rgb(106, 90, 205) "> | ||
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 "> | ||
1675 | |||
1676 | </td><td class="c" style="background: rgb(112, 128, 144) "> | ||
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 "> | ||
1686 | |||
1687 | </td><td class="c" style="background: rgb(112, 128, 144) "> | ||
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 "> | ||
1697 | |||
1698 | </td><td class="c" style="background: rgb(255, 250, 250) "> | ||
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 "> | ||
1708 | |||
1709 | </td><td class="c" style="background: rgb(0, 255, 127) "> | ||
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 "> | ||
1719 | |||
1720 | </td><td class="c" style="background: rgb(70, 130, 180) "> | ||
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 "> | ||
1730 | |||
1731 | </td><td class="c" style="background: rgb(210, 180, 140) "> | ||
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 "> | ||
1741 | |||
1742 | </td><td class="c" style="background: rgb(0, 128, 128) "> | ||
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 "> | ||
1752 | |||
1753 | </td><td class="c" style="background: rgb(216, 191, 216) "> | ||
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 "> | ||
1763 | |||
1764 | </td><td class="c" style="background: rgb(255, 99, 71) "> | ||
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 "> | ||
1774 | |||
1775 | </td><td class="c" style="background: rgb(64, 224, 208) "> | ||
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 "> | ||
1785 | |||
1786 | </td><td class="c" style="background: rgb(238, 130, 238) "> | ||
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 "> | ||
1796 | |||
1797 | </td><td class="c" style="background: rgb(245, 222, 179) "> | ||
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 "> | ||
1807 | |||
1808 | </td><td class="c" style="background: rgb(255, 255, 255) "> | ||
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 "> | ||
1818 | |||
1819 | </td><td class="c" style="background: rgb(245, 245, 245) "> | ||
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 "> | ||
1829 | |||
1830 | </td><td class="c" style="background: rgb(255, 255, 0) "> | ||
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 "> | ||
1840 | |||
1841 | </td><td class="c" style="background: rgb(154, 205, 50) "> | ||
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 | //============================================================== | ||
1857 | include("../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(); | ||
1897 | exit; | ||
1898 | |||
1899 | //============================================================== | ||
1900 | //============================================================== | ||
1901 | //============================================================== | ||
1902 | //============================================================== | ||
1903 | |||
1904 | |||
1905 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example51_new_mPDF_4_features.php b/inc/3rdparty/libraries/mpdf/examples/example51_new_mPDF_4_features.php new file mode 100644 index 00000000..8882ad24 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example51_new_mPDF_4_features.php | |||
@@ -0,0 +1,615 @@ | |||
1 | <?php | ||
2 | |||
3 | $html = ' | ||
4 | <style> | ||
5 | body { font-family: sans; } | ||
6 | h4, p { margin: 0pt; | ||
7 | } | ||
8 | h5 { margin-bottom: 0; } | ||
9 | table.items { | ||
10 | font-size: 9pt; | ||
11 | border-collapse: collapse; | ||
12 | border: 3px solid #880000; | ||
13 | background-color: #FFFFFF; | ||
14 | } | ||
15 | td { vertical-align: top; | ||
16 | } | ||
17 | table thead td { background-color: #EEEEEE; | ||
18 | text-align: center; | ||
19 | } | ||
20 | table tfoot td { background-color: #AAFFEE; | ||
21 | text-align: center; | ||
22 | } | ||
23 | .barcode { | ||
24 | padding: 1.5mm; | ||
25 | margin: 0; | ||
26 | vertical-align: top; | ||
27 | color: #000000; | ||
28 | } | ||
29 | .barcodecell { | ||
30 | text-align: center; | ||
31 | vertical-align: middle; | ||
32 | padding: 0; | ||
33 | } | ||
34 | |||
35 | @page { | ||
36 | background-gradient: linear #00FFFF #FFFF00 0 0.5 1 0.5; | ||
37 | odd-header-name: html_myHTMLHeaderOdd; | ||
38 | even-header-name: html_myHTMLHeaderEven; | ||
39 | odd-footer-name: html_myHTMLFooterOdd; | ||
40 | even-footer-name: html_myHTMLFooterEven; | ||
41 | } | ||
42 | #myfixed { | ||
43 | position: fixed; | ||
44 | overflow: auto; | ||
45 | height: 60mm; | ||
46 | margin-left: auto; | ||
47 | right: 30mm; | ||
48 | top: 150mm; | ||
49 | border: 1px solid #880000; | ||
50 | background-color: #EEDDFF; | ||
51 | padding: 3em; | ||
52 | text-align: justify; | ||
53 | text-indent: 3em; | ||
54 | font-size: 10pt; | ||
55 | font-family:sans; | ||
56 | font-style: italic; | ||
57 | line-height: 1.8; | ||
58 | color: red; | ||
59 | } | ||
60 | .myfixed2 { position: absolute; | ||
61 | overflow: visible; | ||
62 | left: 0; | ||
63 | right: 0; | ||
64 | width: 100mm; | ||
65 | top: 40mm; | ||
66 | margin-left: auto; | ||
67 | margin-right: auto; | ||
68 | border: 1px solid #000088; | ||
69 | background-color: #EEDDFF; | ||
70 | background: transparent url(\'bg.jpg\') repeat scroll right top; | ||
71 | padding: 1.5em; | ||
72 | font-family:sans; | ||
73 | } | ||
74 | .myfixed3 { position: absolute; | ||
75 | overflow: visible; | ||
76 | right: 0; | ||
77 | bottom: 0; | ||
78 | border: 1px solid #000088; | ||
79 | background-color: #EEDDFF; | ||
80 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
81 | padding: 1.5em; | ||
82 | font-family:sans; | ||
83 | } | ||
84 | .myfixed4 { position: absolute; | ||
85 | overflow: auto; | ||
86 | left: 150mm; | ||
87 | right: 0; | ||
88 | top: 100mm; | ||
89 | height: 10mm; | ||
90 | border: 1px solid #000088; | ||
91 | background-color: #EEDDFF; | ||
92 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
93 | padding: 0.5em; | ||
94 | font-family:sans; | ||
95 | } | ||
96 | .myfixed5 { position: absolute; | ||
97 | overflow: visible; | ||
98 | left: 150mm; | ||
99 | right: 0; | ||
100 | top: 125mm; | ||
101 | height: 10mm; | ||
102 | border: 1px solid #000088; | ||
103 | background-color: #EEDDFF; | ||
104 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
105 | padding: 0.5em; | ||
106 | font-family:sans; | ||
107 | } | ||
108 | .myfixed6 { position: absolute; | ||
109 | overflow: hidden; | ||
110 | right: 150mm; | ||
111 | left: 0; | ||
112 | top: 110mm; | ||
113 | height: 10mm; | ||
114 | border: 1px solid #000088; | ||
115 | background-color: #EEDDFF; | ||
116 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
117 | padding: 0.5em; | ||
118 | font-family:sans; | ||
119 | } | ||
120 | .myfixed7 { position: absolute; | ||
121 | right: 140mm; | ||
122 | top: 130mm; | ||
123 | width: auto; | ||
124 | border: 1px solid #000088; | ||
125 | background-color: #EEDDFF; | ||
126 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
127 | padding: 0.5em; | ||
128 | font-family:sans; | ||
129 | } | ||
130 | div.indic, div.arabic { | ||
131 | font-size: 14pt; | ||
132 | } | ||
133 | div.indic h5, div.arabic h5 { | ||
134 | margin: 0; | ||
135 | } | ||
136 | div.indic p, div.arabic p, div.arabic li { | ||
137 | margin: 0; | ||
138 | margin-botom: 1em; | ||
139 | line-height: 1.8; | ||
140 | } | ||
141 | div.arabic p, div.arabic h5, div.arabic h4, div.arabic td { | ||
142 | text-align: right; | ||
143 | } | ||
144 | div.arabic td { | ||
145 | text-align: right; | ||
146 | font-size: 14pt; | ||
147 | padding: 1em; | ||
148 | } | ||
149 | h2 { color: #880000; margin-bottom: 0.2em; } | ||
150 | h4 { margin-bottom: 0.2em; } | ||
151 | </style> | ||
152 | <htmlpageheader name="myHTMLHeaderOdd" style="display:none"> | ||
153 | <div style="background-color:#BBEEFF" align="center"><b>Page {PAGENO} of {nb}</b></div> | ||
154 | </htmlpageheader> | ||
155 | <htmlpageheader name="myHTMLHeaderEven" style="display:none"> | ||
156 | <div style="background-color:#EFFBBE" align="center"><b><i>{PAGENO}</i></b></div> | ||
157 | </htmlpageheader> | ||
158 | <htmlpagefooter name="myHTMLFooterOdd" style="display:none"> | ||
159 | <div style="background-color:#CFFFFC" align="center"><b>{PAGENO}</b></div> | ||
160 | </htmlpagefooter> | ||
161 | <htmlpagefooter name="myHTMLFooterEven" style="display:none"> | ||
162 | <div style="background-color:#FFCCFF" align="center"><b><i>{PAGENO}</i></b></div> | ||
163 | </htmlpagefooter> | ||
164 | |||
165 | |||
166 | <h1>mPDF Version 4.0 New features</h1> | ||
167 | <ul><li>Ability to embed font subsets (much smaller files)</li> | ||
168 | <li>Support for Fixed position block elements</li> | ||
169 | <li>Support for Indic languages including consonant conjuncts</li> | ||
170 | <li>Much improved support for Arabic languages</li> | ||
171 | <li>New utility to help create your own fonts</li> | ||
172 | <li>Increased support for barcodes</li> | ||
173 | </ul> | ||
174 | |||
175 | <h2>Indic Fonts/Languages</h2> | ||
176 | <h5>From BBC World Service Hindi News (http://www.bbc.co.uk/hindi/)</h5> | ||
177 | <div class="indic"> | ||
178 | <h4 lang="hi">कुछ और तथ्य पॉप</h4> | ||
179 | <p lang="hi">जैक्सन मामले से जुड़े नए तथ्य सामने आए.</p> | ||
180 | </div> | ||
181 | |||
182 | |||
183 | <h5>From BBC World Service Tamil News (http://www.bbc.co.uk/tamil/)</h5> | ||
184 | <div class="indic"> | ||
185 | <h4 lang="ta">செய்தியரங்கம்</h4> | ||
186 | <p lang="ta">இலங்கையில் சிறுபான்மைக் கட்சிகளுக்கிடையில் பொது இணக்கப்பாட்டை எட்டும் முயற்சியில் ...</p> | ||
187 | </div> | ||
188 | |||
189 | <h5>From Yahoo Indian- Malayalam (http://in.malayalam.yahoo.com/)</h5> | ||
190 | <div class="indic"> | ||
191 | <h4 lang="ml">പഴശ്ശിരാജ മെഗാഹിറ്റ്; ‘സ്വ.ലേ’ മുന്നേറുന്നു</h4> | ||
192 | <p lang="ml">പഴശ്ശിരാജ മലയാള സിനിമയുടെ ചരിത്രത്തിലെ ഏറ്റവും വലിയ വിജയമാകുകയാണ്. 30 ദിവസങ്ങള്‍ പിന്നിട്ടപ്പോള്‍ ചിത്രത്തിന്‍റെ കളക്ഷന്‍ 12 കോടി...</p> | ||
193 | </div> | ||
194 | |||
195 | <h5>From Yahoo Indian- Punjabi (http://in.punjabi.yahoo.com/)</h5> | ||
196 | <div class="indic"> | ||
197 | <h4 lang="pa">ਚਾਂਸ ਪੇ ਡਾਂਸ ਸ਼ਾਹਿਦ ਦੀ ਕਹਾਣੀ</h4> | ||
198 | <p lang="pa">ਕੇਨ ਘੋਸ਼ ਦੀ ਫ਼ਿਲਮ ਚਾਂਸ ਪੇ ਡਾਂਸ ਫ਼ਿਲਮ ਵਿੱਚ ਸ਼ਾਹਿਦ ਕਪੂਰ ਮੁੱਖ ਭੂਮਿਕਾ ਵਿੱਚ ਹਨ। ਫ਼ਿਲਮ ਦੇ ਬਾਰੇ ਵਿੱਚ ਕਿਹਾ ਜਾ ਸਕਦਾ ਹੈ ਕਿ ਇਹ ਆਪ ਸ਼ਾਹਿਦ ਦੀ ਕਹਾਣੀ ਹੈ। ਫ਼ਿਲਮ ਦਾ ਨਾਇਕ ਮੱਧਮ ਪਰਿਵਾਰ ਦਾ ਦੱਸਿਆ ਗਿਆ ਹੈ ਅਤੇ ਕਈ...</p> | ||
199 | </div> | ||
200 | |||
201 | <h5>From Yahoo Indian- Gujarati (http://in.gujarati.yahoo.com/)</h5> | ||
202 | <div class="indic"> | ||
203 | <h4 lang="gu">શિલ્પા અને રાજ આજે સાત ફેરા લેશે</h4> | ||
204 | <p lang="gu">બોલીવુડ સુંદરી શિલ્પા શેટ્ટી પોતાના મંગેતર ભારતીય મૂળના બ્રિટિશ ઉદ્યોગપતિ રાજ કુંદ્રા સાથે આજે લગ્ન બંધનમાં બંધાય જશે. વિવાહ સમારંભ રાજના મિત્ર કિરણ બાવાના ખંડાલામાં આવેલ ફાર્મ...</p> | ||
205 | </div> | ||
206 | <pagebreak /> | ||
207 | |||
208 | <h2>Arabic Fonts/Languages</h2> | ||
209 | <h5>From BBC World Service Arabic News (http://www.bbc.co.uk/arabic/)</h5> | ||
210 | <div class="arabic"> | ||
211 | <h4 lang="ar">بيع قفاز مايكل جاكسون بـ 350 الف دولار</h4> | ||
212 | <p lang="ar">بيع القفاز الجلدي المرصع الذي ارتداه مايكل جاكسون للمرة الاولى عام 1983 خلال اول خطوة من رقصته الشهيرة "السير على القمر (مون ووك)" بسعر 350 الف دولار السبت في نيويورك خلال مزاد لمقتنيات المغني الامريكي الراحل.</p> | ||
213 | </div> | ||
214 | |||
215 | <h5 style="text-align: right;">In alternative fonts (available with mPDF):</h5> | ||
216 | <div class="arabic"> | ||
217 | <table border="1" style="border-collapse: collapse;" width="100%"> <tr> <td> | ||
218 | <p style="font-family: ar_1_002">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
219 | <p style="font-family: ar_1_003">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
220 | <p style="font-family: ar_1_004">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
221 | <p style="font-family: ar_1_005">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
222 | <p style="font-family: ar_1_006">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
223 | </td><td> | ||
224 | <p style="font-family: ar_1_007">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
225 | <p style="font-family: ar_2_001">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
226 | <p style="font-family: ar_2_002">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
227 | <p style="font-family: ar_2_003">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
228 | <p style="font-family: ar_2_004">بيع قفاز مايكل جاكسون بـ 350 الف دولار</p> | ||
229 | </td></tr></table> | ||
230 | </div> | ||
231 | |||
232 | |||
233 | |||
234 | <h5>From BBC World Service Persian News (http://www.bbc.co.uk/persian/)</h5> | ||
235 | <div class="arabic"> | ||
236 | <h4 lang="fa">\'طبق نظرسنجی دولت انتخابات به دور دوم کشیده می شد\'</h4> | ||
237 | <p lang="fa">علیرضا زاکانی نماینده تهران در مجلس گفته که یک روز پیش از برگزاری انتخابات ریاست جمهوری در ایران، نظرسنجی وزارت کشور و وزارت اطلاعات ایران نشان می داد که انتخابات به دور دوم کشیده می شود.</p> | ||
238 | </div> | ||
239 | |||
240 | |||
241 | <h5>From BBC World Service Urdu News (http://www.bbc.co.uk/urdu/)</h5> | ||
242 | <div class="arabic"> | ||
243 | <h4 lang="ur">جیکسن کا دستانہ 35 لاکھ ڈالر کا</h4> | ||
244 | <p lang="ur">امریکی پاپ سنگر مائیکل جیکسن کا دستانہ جس پر نقلی ہیرے جڑے ہوئے تھے اور جو انھیں پہلی مرتبہ ’مون واک‘ پیش کیئے جانے پر ملا تھا پینتیس لاکھ ڈالر میں نیلام ہو گیا ہے۔</p> | ||
245 | </div> | ||
246 | |||
247 | |||
248 | <h5>From BBC World Service Pashto News (http://www.bbc.co.uk/pashto/)</h5> | ||
249 | <div class="arabic"> | ||
250 | <h4 lang="ps">ستاسي پيغامونه اود خوښى سندرې</h4> | ||
251 | <p lang="ps">د موسيقۍ داخپرونې په افغانستان کې داېف اېم په څپود سهار په لسو بجو اوريدلى شى</p> | ||
252 | </div> | ||
253 | |||
254 | |||
255 | <pagebreak /> | ||
256 | <h2>Fixed-position block elements</h2> | ||
257 | mPDF 4.0 supports fixed-position block elements (at least partially). This page has some examples of fixed-position elements. | ||
258 | <div id="myfixed"> | ||
259 | <div style="border: 1px solid #000088; background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; background-color: #DDFFEE; padding: 0.5em;">#1. Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula eros vehicula pretium. Maecenas feugiat pede vel risus. <span title="Nulla is marked by a span">Nulla</span> et lectus. Fusce eleifend neque sit amet erat. Integer <a href="mailto:admin@bpm1.com">consectetuer</a> nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. | ||
260 | <p>Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula eros vehicula pretium. Maecenas feugiat pede vel risus. <span title="Nulla is marked by a span">Nulla</span> et lectus. Fusce eleifend neque sit amet erat. Integer <a href="mailto:admin@bpm1.com">consectetuer</a> nulla non orci. Morbi feugiat pulvinar dolor. Cras odio. </p> | ||
261 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt eros turpis, vel aliquam quam eros odio et sapien. | ||
262 | <div style="border: 1px solid #008800; background-color: #EEFFDD; text-align: left; padding: 0.5em;"> | ||
263 | Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt eros turpis, vel aliquam quam eros odio et sapien. | ||
264 | </div> | ||
265 | Mauris ante pede, eros auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </div> | ||
266 | </div> | ||
267 | |||
268 | <div class="myfixed2">#2. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. <div style="border: 1px dotted green; padding: 1em; background-color: #FFEEFF; color: red">Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div>Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div> | ||
269 | |||
270 | <div class="myfixed3">#3. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi. Praesent sit amet pede quis metus aliquet vulputate. Donec luctus. Cras euismod tellus vel leo.</div> | ||
271 | |||
272 | <div class="myfixed4">#4. overflow: auto<br />Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi.</div> | ||
273 | |||
274 | <div class="myfixed5">#5. overflow: visible<br />Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi.</div> | ||
275 | |||
276 | <div class="myfixed6">#6. overflow: hidden<br />Praesent pharetra nulla in turpis. Sed ipsum nulla, sodales nec, vulputate in, scelerisque vitae, magna. Sed egestas justo nec ipsum. Nulla facilisi.</div> | ||
277 | |||
278 | <div class="myfixed7">#7. width: auto<br />Shrink-to-fit</div> | ||
279 | |||
280 | <pagebreak /> | ||
281 | <h2>Barcodes</h2> | ||
282 | <p>NB <b>Quiet zones</b> - The barcode object includes space to the right/left or top/bottom only when the specification states a \'quiet zone\' or \'light margin\'. All the examples below also have CSS property set on the barcode object i.e. padding: 1.5mm; </p> | ||
283 | |||
284 | <h3>EAN-13 Barcodes (EAN-2 and EAN-5)</h3> | ||
285 | <p>NB EAN-13, UPC-A, UPC-E, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p> | ||
286 | <p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p> | ||
287 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
288 | <thead> | ||
289 | <tr> | ||
290 | <td width="10%">CODE</td> | ||
291 | <td>DESCRIPTION</td> | ||
292 | <td>BARCODE</td> | ||
293 | </tr> | ||
294 | </thead> | ||
295 | <tbody> | ||
296 | <!-- ITEMS HERE --> | ||
297 | <tr> | ||
298 | <td align="center">EAN13</td> | ||
299 | <td>Standard EAN-13 barcode. Accepts 12 or 13 characters (creating checksum digit if required). [0-9] numeric only.</td> | ||
300 | <td class="barcodecell"><barcode code="978-0-9542246-0" class="barcode" /></td> | ||
301 | </tr> | ||
302 | <tr> | ||
303 | <td align="center">ISBN</td> | ||
304 | <td>Standard EAN-13 barcode with \'ISBN\' number shown above [shown at height="0.66"]</td> | ||
305 | <td class="barcodecell"><barcode code="978-0-9542246-0" type="ISBN" class="barcode" height="0.66" text="1" /></td> | ||
306 | </tr> | ||
307 | <tr> | ||
308 | <td align="center">ISSN</td> | ||
309 | <td>Standard EAN-13 barcode with \'ISSN\' number shown above [shown at size="0.8"]</td> | ||
310 | <td class="barcodecell"><barcode code="978-0-9542246-0-8" type="ISSN" size="0.8" class="barcode" text="1" /></td> | ||
311 | </tr> | ||
312 | </tbody> | ||
313 | </table> | ||
314 | |||
315 | <h3>EAN-8, UPC-A and UPC-E Barcodes</h3> | ||
316 | <p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code (see below).</p> | ||
317 | <p>A nominal height and width for these barcodes is defined by the specification. \'size\' will scale both the height and width. Values between 0.8 and 2 are allowed (i.e. 80% to 200% of the nominal size). \'height\' can also be varied as a factor of 1; this is applied after the scaling factor used for \'size\'.</p> | ||
318 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
319 | <thead> | ||
320 | <tr> | ||
321 | <td width="10%">CODE</td> | ||
322 | <td>DESCRIPTION</td> | ||
323 | <td>BARCODE</td> | ||
324 | </tr> | ||
325 | </thead> | ||
326 | <tbody> | ||
327 | <!-- ITEMS HERE --> | ||
328 | <tr> | ||
329 | <td align="center">UPCA</td> | ||
330 | <td>UPC-A barcode. This is a subset of the EAN-13. (098277211236) Accepts 11 or 12 characters (creating checksum digit if required). [0-9] numeric only</td> | ||
331 | <td class="barcodecell"><barcode code="09827721123" type="UPCA" class="barcode" /></td> | ||
332 | </tr> | ||
333 | <tr> | ||
334 | <td align="center">UPCE</td> | ||
335 | <td>UPC-E barcode. Requires the UPC-A code to be entered as above (e.g. 042100005264 to give 425261). NB mPDF will die with an error message if the code is not valid, as only some UPC-A codes can be converted into valid UPC-E codes. UPC-E doesn\'t have a check digit encoded explicity, rather the check digit is encoded in the parity of the other six characters. The check digit that is encoded is the check digit from the original UPC-A barcode.</td> | ||
336 | <td class="barcodecell"><barcode code="04210000526" type="UPCE" class="barcode" /></td> | ||
337 | </tr> | ||
338 | <tr> | ||
339 | <td align="center">EAN8</td> | ||
340 | <td>EAN-8 (5512345) Accepts 7 or 8 characters (creating checksum digit if required). [0-9] numeric only</td> | ||
341 | <td class="barcodecell"><barcode code="2468123" type="EAN8" class="barcode" /></td> | ||
342 | </tr> | ||
343 | </tbody> | ||
344 | </table> | ||
345 | |||
346 | <h3>EAN-2 and EAN-5 supplements, and combined forms</h3> | ||
347 | <p>UPC-A, UPC-E, EAN-13, and EAN-8 may all include an additional bar code(EAN-2 and EAN-5) to the right of the main bar code.</p> | ||
348 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
349 | <thead> | ||
350 | <tr> | ||
351 | <td width="10%">CODE</td> | ||
352 | <td>DESCRIPTION</td> | ||
353 | <td>BARCODE</td> | ||
354 | </tr> | ||
355 | </thead> | ||
356 | <tbody> | ||
357 | <!-- ITEMS HERE --> | ||
358 | <tr> | ||
359 | <td align="center">EAN2</td> | ||
360 | <td colspan="2">EAN-2 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Used to denote an issue of a periodical. EAN-2 supplement accepts 2 digits [0-9] only, EAN-5 five.</td> | ||
361 | </tr> | ||
362 | <tr> | ||
363 | <td align="center">EAN5</td> | ||
364 | <td colspan="2">EAN-5 supplement barcode. mPDF does not generate EAN-5 barcode on its own; see supplements below. Usually used in conjunction with EAN-13 for the price of books. 90000 is the code for no price. </td> | ||
365 | </tr> | ||
366 | <tr> | ||
367 | <td align="center">EAN13P2</td> | ||
368 | <td>Standard EAN-13 barcode with 2-digit UPC supplement (07)</td> | ||
369 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="EAN13P2" class="barcode" /></td> | ||
370 | </tr> | ||
371 | <tr> | ||
372 | <td align="center">ISBNP2</td> | ||
373 | <td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 2-digit EAN-2 supplement</td> | ||
374 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISBNP2" class="barcode" text="1" /></td> | ||
375 | </tr> | ||
376 | <tr> | ||
377 | <td align="center">ISSNP2</td> | ||
378 | <td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 2-digit EAN-2 supplement</td> | ||
379 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 07" type="ISSNP2" class="barcode" text="1" /></td> | ||
380 | </tr> | ||
381 | <tr> | ||
382 | <td align="center">UPCAP2</td> | ||
383 | <td>UPC-A barcode with 2-digit EAN-2 supplement. This is a subset of the EAN-13. (075678164125 07)</td> | ||
384 | <td class="barcodecell"><barcode code="00633895260 24" type="UPCAP2" class="barcode" /></td> | ||
385 | </tr> | ||
386 | <tr> | ||
387 | <td align="center">UPCEP2</td> | ||
388 | <td>UPC-E barcode with 2-digit EAN-2 supplement. (042100005264 07)</td> | ||
389 | <td class="barcodecell"><barcode code="042100005264 07" type="UPCEP2" class="barcode" /></td> | ||
390 | </tr> | ||
391 | <tr> | ||
392 | <td align="center">EAN8P2</td> | ||
393 | <td>EAN-8 barcode with 2-digit EAN-2 supplement (55123457 07)</td> | ||
394 | <td class="barcodecell"><barcode code="55123457 07" type="EAN8P2" class="barcode" /></td> | ||
395 | </tr> | ||
396 | <tr> | ||
397 | <td align="center">EAN13P5</td> | ||
398 | <td>Standard EAN-13 barcode with 5-digit UPC supplement (90000)</td> | ||
399 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="EAN13P5" class="barcode" /></td> | ||
400 | </tr> | ||
401 | <tr> | ||
402 | <td align="center">ISBNP5</td> | ||
403 | <td>Standard EAN-13 barcode with \'ISBN\' number shown above, and 5-digit EAN-5 supplement</td> | ||
404 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISBNP5" class="barcode" text="1" /></td> | ||
405 | </tr> | ||
406 | <tr> | ||
407 | <td align="center">ISSNP5</td> | ||
408 | <td>Standard EAN-13 barcode with \'ISSN\' number shown above, and 5-digit EAN-5 supplement</td> | ||
409 | <td class="barcodecell"><barcode code="978-0-9542246-0-8 90000" type="ISSNP5" class="barcode" text="1" /></td> | ||
410 | </tr> | ||
411 | <tr> | ||
412 | <td align="center">UPCAP5</td> | ||
413 | <td>UPC-A barcode with 5-digit EAN-5 supplement. This is a subset of the EAN-13. (075678164125 90000)</td> | ||
414 | <td class="barcodecell"><barcode code="075678164125 90000" type="UPCAP5" class="barcode" /></td> | ||
415 | </tr> | ||
416 | <tr> | ||
417 | <td align="center">UPCEP5</td> | ||
418 | <td>UPC-E barcode with 5-digit EAN-5 supplement. (042100005264 90000)</td> | ||
419 | <td class="barcodecell"><barcode code="042100005264 90000" type="UPCEP5" class="barcode" /></td> | ||
420 | </tr> | ||
421 | <tr> | ||
422 | <td align="center">EAN8P5</td> | ||
423 | <td>EAN-8 barcode with 5-digit EAN-5 supplement (55123457 90000)</td> | ||
424 | <td class="barcodecell"><barcode code="55123457 90000" type="EAN8P5" class="barcode" /></td> | ||
425 | </tr> | ||
426 | </tbody> | ||
427 | </table> | ||
428 | |||
429 | <pagebreak /> | ||
430 | <h3>Postcode Barcodes</h3> | ||
431 | <p>These all have sizes fixed by their specification. Although they can be altered using \'size\' it is not recommended. \'height\' is ignored.</p> | ||
432 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
433 | <thead> | ||
434 | <tr> | ||
435 | <td width="10%">CODE</td> | ||
436 | <td>DESCRIPTION</td> | ||
437 | <td>BARCODE</td> | ||
438 | </tr> | ||
439 | </thead> | ||
440 | <tbody> | ||
441 | <!-- ITEMS HERE --> | ||
442 | <tr> | ||
443 | <td align="center">IMB</td> | ||
444 | <td>Intelligent Mail Barcode - also known as: USPS OneCode 4-State Customer Barcode, OneCode 4CB, USPS 4CB, 4-CB, 4-State Customer Barcode, USPS OneCode Solution Barcode. (01234567094987654321-01234567891) Accepts: Up to 31 digits (required 20-digit Tracking Code, and up to 11-digit Routing Code; this may be 0, 5, 9, or 11 digits). If the Routing code is included, it should be spearated by a hyphen - like this example.</td> | ||
445 | <td class="barcodecell"><barcode code="01234567094987654321-01234567891" type="IMB" class="barcode" /></td> | ||
446 | </tr> | ||
447 | <tr> | ||
448 | <td align="center">RM4SCC</td> | ||
449 | <td>Royal Mail 4-state Customer barcode (SN34RD1A). Accepts: max. 9 characters. Valid characters: [A-Z,0-9] Checksum digit: automatic.</td> | ||
450 | <td class="barcodecell"><barcode code="SN34RD1A" type="RM4SCC" class="barcode" /></td> | ||
451 | </tr> | ||
452 | <tr> | ||
453 | <td align="center">KIX</td> | ||
454 | <td>Dutch KIX version of Royal Mail 4-state Customer barcode (SN34RD1A). Valid characters: [A-Z,0-9]. Checksum digit: automatic.</td> | ||
455 | <td class="barcodecell"><barcode code="SN34RD1A" type="KIX" class="barcode" /></td> | ||
456 | </tr> | ||
457 | <tr> | ||
458 | <td align="center">POSTNET</td> | ||
459 | <td>POSTNET barcode. Accepts 5, 9 or 11 digits. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
460 | <td class="barcodecell"><barcode code="123456789" type="POSTNET" class="barcode" /></td> | ||
461 | </tr> | ||
462 | <tr> | ||
463 | <td align="center">PLANET</td> | ||
464 | <td>PLANET barcode. Accepts 11 or 13 digits. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
465 | <td class="barcodecell"><barcode code="00123456789" type="PLANET" class="barcode" /></td> | ||
466 | </tr> | ||
467 | </tbody> | ||
468 | </table> | ||
469 | |||
470 | |||
471 | <h3>Variable width Barcodes</h3> | ||
472 | <p>These barcodes are all of variable length depending on the code entered. There is no recommended maximum size for any of these specs, but all recommend a minimum X-dimension (width of narrowest bar) as 7.5mil (=0.19mm). The default used here is twice the minimum i.e. X-dim = 0.38mm.</p> | ||
473 | <p>The specifications give a minimum height of 15% of the barcode length (which can be variable). The bar height in mPDF is set to a default value of 10mm. </p> | ||
474 | <p>\'size\' will scale the barcode in both dimensions. mPDF will accept any number, but bear in mind that size="0.5" will set the bar width to the minimum. The \'height\' attribute further allows scaling - this factor is applied to already scaled barcode. Thus size="2" height="0.5" will give a barcode twice the default width (X-dim=0.76mm) and at the default height set in mPDF i.e. 10mm.</p> | ||
475 | <table class="items" width="100%" cellpadding="8" border="1"> | ||
476 | <thead> | ||
477 | <tr> | ||
478 | <td width="10%">CODE</td> | ||
479 | <td>DESCRIPTION</td> | ||
480 | <td>BARCODE</td> | ||
481 | </tr> | ||
482 | </thead> | ||
483 | <tbody> | ||
484 | <tr> | ||
485 | <td align="center">C128A</td> | ||
486 | <td>CODE 128 A. Valid characters: [A-Z uppercase and control chars ASCII 0-31]. Checksum digit: automatic.</td> | ||
487 | <td class="barcodecell"><barcode code="CODE 128 A" type="C128A" class="barcode" /></td> | ||
488 | </tr> | ||
489 | <tr> | ||
490 | <td align="center">C128B</td> | ||
491 | <td>CODE 128 B. Valid characters: [Upper / Lower Case + All ASCII Printable Characters]. Checksum digit: automatic.</td> | ||
492 | <td class="barcodecell"><barcode code="ABC123abc@456" type="C128B" class="barcode" /></td> | ||
493 | </tr> | ||
494 | <tr> | ||
495 | <td align="center">C128C</td> | ||
496 | <td>CODE 128 C. Valid characters: [0-9]. Must be an even number of digits. Checksum digit: automatic.</td> | ||
497 | <td class="barcodecell"><barcode code="0123456789" type="C128C" class="barcode" /></td> | ||
498 | </tr> | ||
499 | |||
500 | <tr> | ||
501 | <td align="center">EAN128C [A/B/C]</td> | ||
502 | <td>EAN128 (A, B, and C). Specified variant of Code 128, utilising an FNC1 start code. Also known as UCC/EAN-128 or GS1-128. Valid characters: [cf. Code 128]. Checksum digit: automatic.</td> | ||
503 | <td class="barcodecell"><barcode code="0112345678912343" type="EAN128C" class="barcode" /></td> | ||
504 | </tr> | ||
505 | |||
506 | <tr> | ||
507 | <td align="center">C39</td> | ||
508 | <td>CODE 39 - ANSI MH10.8M-1983 - USD-3 - 3 of 9. Valid characters: [0-9 A-Z \'-\' . Space $/+%]</td> | ||
509 | <td class="barcodecell"><barcode code="TEC-IT" type="C39" class="barcode" /></td> | ||
510 | </tr> | ||
511 | <tr> | ||
512 | <td align="center">C39+</td> | ||
513 | <td>CODE 39 + CHECKSUM. Checksum digit: automatic.</td> | ||
514 | <td class="barcodecell"><barcode code="39OR93" type="C39+" class="barcode" /></td> | ||
515 | </tr> | ||
516 | <tr> | ||
517 | <td align="center">C39E</td> | ||
518 | <td>CODE 39 EXTENDED. Valid characters: [ASCII-characters between 0..127]</td> | ||
519 | <td class="barcodecell"><barcode code="CODE 39 E" type="C39E" class="barcode" /></td> | ||
520 | </tr> | ||
521 | <tr> | ||
522 | <td align="center">C39E+</td> | ||
523 | <td>CODE 39 EXTENDED + CHECKSUM. Checksum digit: automatic.</td> | ||
524 | <td class="barcodecell"><barcode code="CODE 39 E+" type="C39E+" class="barcode" /></td> | ||
525 | </tr> | ||
526 | |||
527 | <tr> | ||
528 | <td align="center">S25</td> | ||
529 | <td>Standard 2 of 5. Valid characters: [0-9]</td> | ||
530 | <td class="barcodecell"><barcode code="54321068" type="S25" class="barcode" /></td> | ||
531 | </tr> | ||
532 | <tr> | ||
533 | <td align="center">S25+</td> | ||
534 | <td>Standard 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
535 | <td class="barcodecell"><barcode code="54321068" type="S25+" class="barcode" /></td> | ||
536 | </tr> | ||
537 | <tr> | ||
538 | <td align="center">I25</td> | ||
539 | <td>Interleaved 2 of 5. Valid characters: [0-9]</td> | ||
540 | <td class="barcodecell"><barcode code="54321068" type="I25" class="barcode" /></td> | ||
541 | </tr> | ||
542 | <tr> | ||
543 | <td align="center">I25+</td> | ||
544 | <td>Interleaved 2 of 5 + CHECKSUM. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
545 | <td class="barcodecell"><barcode code="54321068" type="I25+" class="barcode" /></td> | ||
546 | </tr> | ||
547 | <tr> | ||
548 | <td align="center">I25B</td> | ||
549 | <td>Interleaved 2 of 5 with bearer bars. Valid characters: [0-9]</td> | ||
550 | <td class="barcodecell"><barcode code="1234567" type="I25B" class="barcode" /></td> | ||
551 | </tr> | ||
552 | <tr> | ||
553 | <td align="center">I25B+</td> | ||
554 | <td>Interleaved 2 of 5 + CHECKSUM with bearer bars. Valid characters: [0-9]. Checksum digit: automatic.</td> | ||
555 | <td class="barcodecell"><barcode code="1234567" type="I25B+" class="barcode" /></td> | ||
556 | </tr> | ||
557 | |||
558 | <tr> | ||
559 | <td align="center">C93</td> | ||
560 | <td>CODE 93 - USS-93 (extended). Valid characters: [ASCII-characters between 0..127]. Checksum digits: automatic.</td> | ||
561 | <td class="barcodecell"><barcode code="39OR93" type="C93" class="barcode" /></td> | ||
562 | </tr> | ||
563 | |||
564 | <tr> | ||
565 | <td align="center">MSI</td> | ||
566 | <td>MSI. Modified Plessey. Valid characters: [0-9]</td> | ||
567 | <td class="barcodecell"><barcode code="01234567897" type="MSI" class="barcode" /></td> | ||
568 | </tr> | ||
569 | <tr> | ||
570 | <td align="center">MSI+</td> | ||
571 | <td>MSI + CHECKSUM (module 11). Checksum digit: automatic.</td> | ||
572 | <td class="barcodecell"><barcode code="0123456789" type="MSI+" class="barcode" /></td> | ||
573 | </tr> | ||
574 | |||
575 | <tr> | ||
576 | <td align="center">CODABAR</td> | ||
577 | <td>CODABAR. Valid characters: [0-9 \'-\' $:/.+ ABCD] ABCD are used as stop and start characters e.g. A34698735B</td> | ||
578 | <td class="barcodecell"><barcode code="A34698735B" type="CODABAR" class="barcode" /></td> | ||
579 | </tr> | ||
580 | |||
581 | <tr> | ||
582 | <td align="center">CODE11</td> | ||
583 | <td>CODE 11. Valid characters: [0-9 and \'-\']. Checksum digits: 1 (or 2 if length of code is > 10 characters) - automatic.</td> | ||
584 | <td class="barcodecell"><barcode code="123-456-789" type="CODE11" class="barcode" /></td> | ||
585 | </tr> | ||
586 | |||
587 | |||
588 | </tbody> | ||
589 | </table> | ||
590 | |||
591 | '; | ||
592 | |||
593 | |||
594 | //============================================================== | ||
595 | //============================================================== | ||
596 | //============================================================== | ||
597 | include("../mpdf.php"); | ||
598 | |||
599 | $mpdf=new mPDF('s'); | ||
600 | |||
601 | $mpdf->SetDisplayMode('fullpage'); | ||
602 | |||
603 | $mpdf->WriteHTML($html); | ||
604 | |||
605 | $mpdf->Output(); | ||
606 | |||
607 | exit; | ||
608 | |||
609 | //============================================================== | ||
610 | //============================================================== | ||
611 | //============================================================== | ||
612 | //============================================================== | ||
613 | |||
614 | |||
615 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm b/inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm new file mode 100644 index 00000000..73eca93a --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example52_lineheight.htm | |||
@@ -0,0 +1,36 @@ | |||
1 | <html> | ||
2 | <head> | ||
3 | <style> | ||
4 | body { font-family: Arial, Helvetica, sans-serif; } | ||
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 | </style> | ||
11 | </head> | ||
12 | <body> | ||
13 | <h4>Line-height & vertical alignment</h4> | ||
14 | <div>In these examples, top and bottom padding are set to 0, so the block height = line height.</div> | ||
15 | <div>The inline text (set to a larger font-size) inherits the line-height as a factor of the largest font-size i.e. the line height will expand to reflect the largest font on the line.<br /> | ||
16 | Line-height: "normal" (set in mPDF by default as 1.33).</div> | ||
17 | <p class="gradient" style="font-size: 10pt; line-height: normal; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
18 | |||
19 | <div>Line-height: 2.0 When using relative line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the largest font.</div> | ||
20 | <p class="gradient" style="font-size: 10pt; line-height: 2.0; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
21 | |||
22 | <div>Line-heights set as a percentages are computed on the base font-size, and are then inherited and treated the same as absolute lengths. This is also true for "em" values. The line-height of this line is set as 200% of the paragraph font-size (10pt).<br /> | ||
23 | When using absolute line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the base font.<br /> | ||
24 | This means that as far as possible, multiple lines will remain equally spaced<br /> | ||
25 | Line-height: 200% </div> | ||
26 | <p class="gradient" style="font-size: 10pt; line-height: 200%; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
27 | |||
28 | <div>If the line includes a font-size greater than 1.6 times the computed line-height, then the text baseline is dropped so that the text will approximately fit within the line-height. | ||
29 | <br />Line-height: 2em</div> | ||
30 | <p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 18pt;">18pt font-size Â</span> and normal again</p> | ||
31 | |||
32 | <div>If the line includes a font-size greater than 2 times the computed line-height, then the line-height is increased to accommodate the larger fontsize.<br /> | ||
33 | Line-height: 2em</div> | ||
34 | <p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 24pt;">24pt font-size Â</span> and normal again</p> | ||
35 | </body> | ||
36 | </html> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example52_new_mPDF_4-2_features.php b/inc/3rdparty/libraries/mpdf/examples/example52_new_mPDF_4-2_features.php new file mode 100644 index 00000000..fb30356f --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example52_new_mPDF_4-2_features.php | |||
@@ -0,0 +1,492 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | ini_set("memory_limit","256M"); | ||
5 | |||
6 | |||
7 | $html = ' | ||
8 | <style> | ||
9 | body { | ||
10 | font-family: sans-serif; | ||
11 | } | ||
12 | @page { | ||
13 | margin-top: 2.0cm; | ||
14 | margin-bottom: 2.0cm; | ||
15 | margin-left: 2.3cm; | ||
16 | margin-right: 1.7cm; | ||
17 | margin-header: 8mm; | ||
18 | margin-footer: 8mm; | ||
19 | footer: html_myHTMLFooter; | ||
20 | background-color:#ffffff; | ||
21 | } | ||
22 | |||
23 | @page :first { | ||
24 | margin-top: 6.5cm; | ||
25 | margin-bottom: 2cm; | ||
26 | header: html_myHTMLHeader; | ||
27 | footer: _blank; | ||
28 | resetpagenum: 1; | ||
29 | background-gradient: linear #FFFFFF #FFFF44 0 0.5 1 0.5; | ||
30 | background: #ccffff url(bgbarcode.png) repeat-y fixed left top; | ||
31 | } | ||
32 | @page letterhead { | ||
33 | margin-top: 2.0cm; | ||
34 | margin-bottom: 2.0cm; | ||
35 | margin-left: 2.3cm; | ||
36 | margin-right: 1.7cm; | ||
37 | margin-header: 8mm; | ||
38 | margin-footer: 8mm; | ||
39 | footer: html_myHTMLFooter; | ||
40 | background-color:#ffffff; | ||
41 | } | ||
42 | |||
43 | @page letterhead :first { | ||
44 | margin-top: 6.5cm; | ||
45 | margin-bottom: 2cm; | ||
46 | header: html_myHTMLHeader; | ||
47 | footer: _blank; | ||
48 | resetpagenum: 1; | ||
49 | } | ||
50 | .gradient { | ||
51 | border:0.1mm solid #220044; | ||
52 | background-color: #f0f2ff; | ||
53 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
54 | } | ||
55 | .rounded { | ||
56 | border:0.1mm solid #220044; | ||
57 | background-color: #f0f2ff; | ||
58 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
59 | border-radius: 2mm; | ||
60 | background-clip: border-box; | ||
61 | } | ||
62 | h4 { | ||
63 | font-weight: bold; | ||
64 | margin-top: 1em; | ||
65 | margin-bottom: 0.3em; | ||
66 | } | ||
67 | div.text { | ||
68 | padding:1em; | ||
69 | margin-bottom: 0.25em; | ||
70 | text-align:justify; | ||
71 | } | ||
72 | div.artificial { | ||
73 | font-family: arialuni; /* custom font using MS Arial Unicode */ | ||
74 | } | ||
75 | p { margin-top: 0; } | ||
76 | .code { | ||
77 | font-family: mono; | ||
78 | font-size: 9pt; | ||
79 | background-color: #d5d5d5; | ||
80 | margin: 1em 1cm; | ||
81 | padding: 0 0.3cm; | ||
82 | } | ||
83 | |||
84 | |||
85 | </style> | ||
86 | |||
87 | <body> | ||
88 | |||
89 | <!--mpdf | ||
90 | |||
91 | <htmlpageheader name="myHTMLHeader"> | ||
92 | <div style="float:right; width: 90; height: 90; text-align: right; vertical-align: bottom; border: 1mm double #000088"><img src="tiger.png" width="90" /></div> | ||
93 | |||
94 | <div style="color:#0000BB;"><span style="font-weight: bold; font-size: 14pt;">mPDF Version 4.2</span><br />123 Anystreet<br />Your City<br />GD12 4LP<br /><span style="font-size: 15pt;">☎</span> 01777 123 567 | ||
95 | </div> | ||
96 | |||
97 | <div style="clear: both; margin-top: 1cm; text-align: right;">{DATE jS F Y}</div> | ||
98 | |||
99 | </htmlpageheader> | ||
100 | |||
101 | <htmlpagefooter name="myHTMLFooter"> | ||
102 | <table width="100%" style="border-top: 0.1mm solid #000000; vertical-align: top; font-size: 9pt; color: #000055;"><tr> | ||
103 | <td width="25%"></td> | ||
104 | <td width="50%" align="center">See <a href="http://mpdf1.com/manual/index.php">documentation manual</a> for further details</td> | ||
105 | <td width="25%" align="right">Page {PAGENO} of {nbpg} pages</td> | ||
106 | </tr></table> | ||
107 | </htmlpagefooter> | ||
108 | |||
109 | mpdf--> | ||
110 | |||
111 | <h2>mPDF Version 4.2</h2> | ||
112 | <h2>New Features</h2> | ||
113 | |||
114 | <div class="gradient text"> | ||
115 | <ul> | ||
116 | <li>image handling improved</li> | ||
117 | <li>table layout - additional control over resizing</li> | ||
118 | <li>vertical-alignment of images - better support for all CSS types</li> | ||
119 | <li>top and bottom margins collapse between block elements</li> | ||
120 | <li>improved support for CSS line-height</li> | ||
121 | <li>display progress bar whilst generating file</li> | ||
122 | <li>CSS @page selector can be specified when adding a pagebreak</li> | ||
123 | <li>CSS @page selector allows different margins, backgrounds, headers/footers on :first :left and :right pages</li> | ||
124 | <li>PNG images with alpha channel fully supported</li> | ||
125 | <li>ability to generate italic and bold font variants from base font file</li> | ||
126 | <li>CJK fonts to embed as subsets</li> | ||
127 | <li>"double" border on block elements</li> | ||
128 | <li>character substitution for missing characters in UTF-8 fonts</li> | ||
129 | <li>direct passing of dynamically produced image data</li> | ||
130 | <li>background-gradient and background-image can now co-exist </li> | ||
131 | </ul> | ||
132 | |||
133 | Note: automatic top- and bottom-margin to accomodate varying header/footer size was introduced in v4.0 but was not highlighted cf. AutoHeaderMargin in the Manual. | ||
134 | |||
135 | </div> | ||
136 | <br /> | ||
137 | |||
138 | <div class="gradient text"> | ||
139 | <h4>Page backgrounds</h4> | ||
140 | Background images, gradients and/or colours can be used together on the same page. On this page, the bars on the left hand side are created using a background-image, whilst a background-gradient sets the background to the whole page. | ||
141 | </div> | ||
142 | <br /> | ||
143 | |||
144 | <div class="gradient text" style="background-color: #d9def0; border-style: double; border-color:#444444; border-width:1mm;"> | ||
145 | <h4>CSS "double" border</h4> | ||
146 | Block elements can now use the CSS property: border(style) = double. See also the tiger logo in the header of this page. | ||
147 | </div> | ||
148 | <br /> | ||
149 | |||
150 | <div class="gradient text"> | ||
151 | <h4>CJK fonts to embed as subsets</h4> | ||
152 | When writing documents with Chinese, Japanese or Korean characters, mPDF has previously required the end-user to download Adobe\'s free CJK font pack. | ||
153 | The ability to embed font subsets now makes it feasible to use open license CJK fonts. 2 fonts are now available to download as an additional font-pack: | ||
154 | <ul> | ||
155 | <li>zn_hannom_a - contains all characters in the SJIS, BIG-5, and GBK codepages; original file was Han Nom A font (Hi-res version) from http://vietunicode.sourceforge.net/fonts/fonts_hannom.html</li> | ||
156 | <li>unbatang_0613 - contains all the (Korean) characters in the UHC codepage; original file from from http://kldp.net/projects/unfonts/download</li> | ||
157 | </ul> | ||
158 | The following characters only added an extra 15kB to the size of this PDF file, and approximately 0.15 seconds extra to compile:<br /> | ||
159 | Chinese (traditional) <span style="font-family:zn_hannom_a">'."\xe6\x86\x82\xe9\xac\xb1".'</span> ; chinese (simplified) <span style="font-family:zn_hannom_a">'."\xe6\x9d\xa5\xe8\x87\xaa".'</span> ; japanese <span style="font-family:zn_hannom_a">'."\xe3\x81\x9f\xe3\x82\x90".'</span> ; korean <span style="font-family:unBatang_0613">'."\xed\x82\xa4\xec\x8a\xa4".'</span> | ||
160 | </div> | ||
161 | <br /> | ||
162 | |||
163 | <div class="artificial gradient text"> | ||
164 | <h4>Artificial Bold and Italic</h4> | ||
165 | The text in this block is in ArialUnicodeMS font. Using embedded subsets it covers most characters you want to print - BUT it does not have bold, italic, or bold-italic forms.<br /> | ||
166 | From version 4.2, mPDF will create "artificial" font styles if they are not available as separate font files:<br /> | ||
167 | <p style="font-weight: bold">The quick brown fox jumps over a lazy dog</p> | ||
168 | <p style="font-style: italic">The quick brown fox jumps over a lazy dog</p> | ||
169 | <p style="font-weight: bold; font-style: italic">The quick brown fox jumps over a lazy dog</p> | ||
170 | </div> | ||
171 | <br /> | ||
172 | |||
173 | <div class="gradient text" style="font-family: \'Trebuchet MS\'"> | ||
174 | <h4>Character substitution in UTF-8 files</h4> | ||
175 | This paragraph has the font-family set to Trebuchet MS, and the document has the default font set as DejaVuSansCondensed. | ||
176 | The following characters are not present in the Trebuchet font, and are substituted from the core Adobe Zapfdingbats font:<br /> | ||
177 | |||
178 | ✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟<br /> | ||
179 | The characters are not present in the Trebuchet font, and are substituted from the (default) DejaVuSansCondensed font:<br /> | ||
180 | ʀ ʁ ʂ ʃ ʄ ʅ ʆ ʇ ʈ ʉ ʊ ʋ ʌ ʍ ʎ ʏ<br /> | ||
181 | Character substitution in UTF-8 files is enabled by setting: | ||
182 | <p class="code"> | ||
183 | $mpdf->useSubstitutionsMB = true; | ||
184 | </p> | ||
185 | <div style="color:red; padding:0; margin:0;">NB In mPDF 5.0 this has changed to | ||
186 | <p class="code" style="padding:0; margin:0;"> | ||
187 | $mpdf->useSubstitutions = true; | ||
188 | </p> | ||
189 | </div> | ||
190 | It is not recommended to enable this for regular use, as it will add to the processing time. | ||
191 | </div> | ||
192 | |||
193 | |||
194 | |||
195 | <pagebreak /> | ||
196 | |||
197 | <h2>Margin-collapse</h2> | ||
198 | <p>mPDF has always allowed margins to be collapsed at the top and bottom of pages. This is specified by the custom CSS property "margin-collapse: collapse"</p> | ||
199 | |||
200 | <p>mPDF 4.2 also allows margins to collapse between block elements on the page. This is the default behaviour in browsers, and has been enabled in mPDF 4.2 by default.</p> | ||
201 | |||
202 | <p>In the next 2 paragraphs, the first one has the margin-bottom set to 3em, and the second has the margin-top set to 0em. So the vertical-space between paragraphs is 3em:</p> | ||
203 | |||
204 | <p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-bottom: 3em;">The quick brown fox jumps over a lazy dog</p> | ||
205 | <p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-top: 0em;">The quick brown fox jumps over a lazy dog</p> | ||
206 | |||
207 | <p>In the next 2 paragraphs, the first one has the margin-bottom set to 2em, and the second has the margin-top set to 1em. The margins collapse to the larger of the adjoining margins i.e. 2em:</p> | ||
208 | |||
209 | <p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-bottom: 2em;">The quick brown fox jumps over a lazy dog</p> | ||
210 | <p class="gradient" style="font-size: 10pt; padding: 0 0.3em; margin-top: 1em;">The quick brown fox jumps over a lazy dog</p> | ||
211 | |||
212 | |||
213 | <pagebreak /> | ||
214 | |||
215 | <h2>Images</h2> | ||
216 | |||
217 | <h4>PNG Alpha channel</h4> | ||
218 | PNG alpha channel transparency is now fully supported, and works against solid backgrounds, gradients or background images: | ||
219 | <table> | ||
220 | <tr> | ||
221 | <td><img style="vertical-align: top" src="alpha.png" width="90" /></td> | ||
222 | <td style="background-color:#FFCCFF; "><img style="vertical-align: top" src="alpha.png" width="90" /></td> | ||
223 | <td style="background-color:#CCFFFF;"><img style="vertical-align: top" src="alpha.png" width="90" /></td> | ||
224 | <td style="background-color:#CCFFFF; background-gradient: linear #88FFFF #FFFF44 0 0.5 1 0.5; "><img style="vertical-align: top" src="alpha.png" width="90" /></td> | ||
225 | <td style="background-color:#CCFFFF; background: transparent url(\'bgrock.jpg\') repeat scroll right top;"><img style="vertical-align: top" src="alpha.png" width="90" /></td> | ||
226 | </tr> | ||
227 | </table> | ||
228 | |||
229 | <br /> | ||
230 | |||
231 | <h4>Image Border and padding</h4> | ||
232 | Image padding is now supported as well as border and margin: | ||
233 | <img src="sunset.jpg" width="100" style="border:3px solid #44FF44; padding: 1em; vertical-align: text-top; " /> | ||
234 | <br /> | ||
235 | |||
236 | <h4>Vertical alignment</h4> | ||
237 | <div>From mPDF version 4.2 onwards, most of the values for "vertical-align" are supported: top, bottom, middle, baseline, text-top, and text-bottom.<br /> | ||
238 | <b>Note:</b> The default value for vertical alignment has been changed to baseline, and the default padding to 0, consistent with most browsers. | ||
239 | </div> | ||
240 | <br /> | ||
241 | <div class="gradient" style="font-size: 80%;"> | ||
242 | baseline: <img src="sunset.jpg" width="50" style="vertical-align: baseline;" /> | ||
243 | text-bottom: <img src="sunset.jpg" width="30" style="vertical-align: text-bottom;" /> | ||
244 | middle: <img src="sunset.jpg" width="30" style="vertical-align: middle;" /> | ||
245 | bottom: <img src="sunset.jpg" width="80" style="vertical-align: bottom;" /> | ||
246 | text-top: <img src="sunset.jpg" width="50" style="vertical-align: text-top;" /> | ||
247 | top: <img src="sunset.jpg" width="100" style="vertical-align: top;" /> | ||
248 | </div> | ||
249 | |||
250 | |||
251 | <pagebreak /> | ||
252 | <h4>Image Alignment</h4> | ||
253 | <div>From mPDF version 4.2 onwards, in-line images can be individually aligned (vertically). | ||
254 | </div> | ||
255 | |||
256 | <div class="gradient" style="margin: 0.5em 0;"> | ||
257 | These images <img src="img1.png" style="vertical-align: top;" /> | ||
258 | are <img src="img2.png" style="vertical-align: top;" /> | ||
259 | <b>top</b> <img src="img3.png" style="vertical-align: top;" /> | ||
260 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
261 | </div> | ||
262 | |||
263 | <div class="gradient" style="margin: 0.5em 0;"> | ||
264 | These images <img src="img1.png" style="vertical-align: text-top;" /> | ||
265 | are <img src="img2.png" style="vertical-align: text-top;" /> | ||
266 | <b>text-top</b> <img src="img3.png" style="vertical-align: text-top;" /> | ||
267 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
268 | </div> | ||
269 | |||
270 | <div class="gradient" style="margin: 0.5em 0;"> | ||
271 | These images <img src="img1.png" style="vertical-align: bottom;" /> | ||
272 | are <img src="img2.png" style="vertical-align: bottom;" /> | ||
273 | <b>bottom</b> <img src="img3.png" style="vertical-align: bottom;" /> | ||
274 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
275 | </div> | ||
276 | |||
277 | <div class="gradient" style="margin: 0.5em 0;"> | ||
278 | These images <img src="img1.png" style="vertical-align: text-bottom;" /> | ||
279 | are <img src="img2.png" style="vertical-align: text-bottom;" /> | ||
280 | <b>text-bottom</b> <img src="img3.png" style="vertical-align: text-bottom;" /> | ||
281 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
282 | </div> | ||
283 | |||
284 | <div class="gradient" style="margin: 0.5em 0;"> | ||
285 | These images <img src="img1.png" style="vertical-align: baseline;" /> | ||
286 | are <img src="img2.png" style="vertical-align: baseline;" /> | ||
287 | <b>baseline</b> <img src="img3.png" style="vertical-align: baseline;" /> | ||
288 | aligned <img src="img4.png" style="vertical-align: middle;" /> | ||
289 | </div> | ||
290 | |||
291 | <div class="gradient" style="margin: 0.5em 0;"> | ||
292 | These images <img src="img1.png" style="vertical-align: middle;" /> | ||
293 | are <img src="img2.png" style="vertical-align: middle;" /> | ||
294 | <b>middle</b> <img src="img3.png" style="vertical-align: middle;" /> | ||
295 | aligned <img src="img5.png" style="vertical-align: bottom;" /> | ||
296 | </div> | ||
297 | |||
298 | |||
299 | <pagebreak /> | ||
300 | <h4>Images from PHP</h4> | ||
301 | |||
302 | <br /> | ||
303 | <img src="var:smileyface" /> | ||
304 | <br /> | ||
305 | This image was created with the following code: | ||
306 | |||
307 | <p class="code"> | ||
308 | $img = imagecreatetruecolor(200, 200);<br /> | ||
309 | $white = imagecolorallocate($img, 255, 255, 255);<br /> | ||
310 | $red = imagecolorallocate($img, 255, 0, 0);<br /> | ||
311 | $green = imagecolorallocate($img, 0, 255, 0);<br /> | ||
312 | $blue = imagecolorallocate($img, 0, 0, 255);<br /> | ||
313 | imagearc($img, 100, 100, 200, 200, 0, 360, $white);<br /> | ||
314 | imagearc($img, 100, 100, 150, 150, 25, 155, $red);<br /> | ||
315 | imagearc($img, 60, 75, 50, 50, 0, 360, $green);<br /> | ||
316 | imagearc($img, 140, 75, 50, 50, 0, 360, $blue);<br /> | ||
317 | ob_start();<br /> | ||
318 | imagejpeg($img);<br /> | ||
319 | $mpdf->smileyface = ob_get_clean(); <br /> | ||
320 | imagedestroy($img);<br /> | ||
321 | </p> | ||
322 | and written to the document using: | ||
323 | <p class="code"> | ||
324 | <img src="var:smileyface" /> | ||
325 | </p> | ||
326 | |||
327 | |||
328 | <pagebreak> | ||
329 | <h4>Line-height inheritance</h4> | ||
330 | Line-height inheritance has been altered to follow the CSS2 recommendation: | ||
331 | <ul> | ||
332 | <li>normal is inherited as "normal"</li> | ||
333 | <li>1.2 is inherited as a factor</li> | ||
334 | <li>120% is converted to an actual value and then inherited as the computed value</li> | ||
335 | <li>em is converted to an actual value and then inherited as the computed value</li> | ||
336 | <li>px pt mm are inherited as fixed values</li> | ||
337 | </ul> | ||
338 | |||
339 | <div>Relative values (e.g. 1.3, normal)</div> | ||
340 | <div style="font-size: 12pt; line-height: 2.0; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;"> | ||
341 | This DIV has the line-height set as "2.0" and font-size as 12pt. The line-height is therefore 24pt, but the factor of 2 is inherited...<br /> | ||
342 | Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse... | ||
343 | <div style="font-size: 8pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;"> | ||
344 | This DIV has the font-size set as 8pt. The line-height of 2 is inherited...<br /> | ||
345 | Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. | ||
346 | <div style="font-size: 18pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;"> | ||
347 | This DIV has the font-size set as 18pt. The line-height of 2 is inherited...<br /> | ||
348 | Nulla felis erat, imperdiet eu, ullamcorper non... | ||
349 | </div> | ||
350 | </div> | ||
351 | </div> | ||
352 | <br /> | ||
353 | <div>Absolute values (e.g. 130%, 1.3em, 18pt)</div> | ||
354 | <div style="font-size: 12pt; line-height: 200%; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;"> | ||
355 | This DIV has the line-height set as "200%" and font-size as 12pt. The computed line-height of 24pt is inherited...<br /> | ||
356 | Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse... | ||
357 | <div style="font-size: 8pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;"> | ||
358 | This DIV has the font-size set as 8pt. The computed line-height of 24pt is inherited...<br /> | ||
359 | Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. | ||
360 | <div style="font-size: 18pt; border: 0.2mm solid #880000; background-color: #FFEECC; padding: 0.3em;"> | ||
361 | This DIV has the font-size set as 18pt. The computed line-height of 24pt is inherited...<br /> | ||
362 | Nulla felis erat, imperdiet eu, ullamcorper non... | ||
363 | </div> | ||
364 | </div> | ||
365 | </div> | ||
366 | |||
367 | |||
368 | <pagebreak /> | ||
369 | <h4>Line-height & vertical alignment</h4> | ||
370 | <div>In these examples, top and bottom padding are set to 0, so the block height = line height.</div> | ||
371 | <div>The inline text (set to a larger font-size) inherits the line-height as a factor of the largest font-size i.e. the line height will expand to reflect the largest font on the line.<br /> | ||
372 | Line-height: "normal" (set in mPDF by default as 1.33).</div> | ||
373 | <p class="gradient" style="font-size: 10pt; line-height: normal; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
374 | |||
375 | <div>Line-height: 2.0 When using relative line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the largest font.</div> | ||
376 | <p class="gradient" style="font-size: 10pt; line-height: 2.0; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
377 | |||
378 | <div>Line-heights set as a percentages are computed on the base font-size, and are then inherited and treated the same as absolute lengths. This is also true for "em" values. The line-height of this line is set as 200% of the paragraph font-size (10pt).<br /> | ||
379 | When using absolute line-heights, the text is aligned vertically so that the centre-line of the line goes throught the middle of the base font.<br /> | ||
380 | This means that as far as possible, multiple lines will remain equally spaced<br /> | ||
381 | Line-height: 200% </div> | ||
382 | <p class="gradient" style="font-size: 10pt; line-height: 200%; padding: 0 0.3em;">Normal text <span style="font-size: 16pt;">16pt font-size Â</span> and normal again</p> | ||
383 | |||
384 | <div>If the line includes a font-size greater than 1.6 times the computed line-height, then the text baseline is dropped so that the text will approximately fit within the line-height. | ||
385 | <br />Line-height: 2em</div> | ||
386 | <p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 18pt;">18pt font-size Â</span> and normal again</p> | ||
387 | |||
388 | <div>If the line includes a font-size greater than 2 times the computed line-height, then the line-height is increased to accommodate the larger fontsize.<br /> | ||
389 | Line-height: 2em</div> | ||
390 | <p class="gradient" style="font-size: 10pt; line-height: 2em; padding: 0 0.3em;">Normal text <span style="font-size: 24pt;">24pt font-size Â</span> and normal again</p> | ||
391 | |||
392 | <br /> | ||
393 | This broadly reflects the behaviour of IE and Firefox. Note that tall characters such as  may fall outside the computed line-heights. See the same in an <a href="example52_lineheight.htm">HTML page</a>. | ||
394 | |||
395 | |||
396 | <pagebreak page-selector="letterhead" /> | ||
397 | <h2>Extended use of CSS @page selectors</h2> | ||
398 | The CSS @page selector, together with the pseudo-selectors :first :left :right have increased support in mPDF 4.2<br /> | ||
399 | A named @page can be selected when forcing a new page, e.g. this page was started with:<br /> | ||
400 | <span style="font-family: mono; font-size: 9pt;"><pagebreak page-selector="letterhead" /></span> | ||
401 | <br /> | ||
402 | The header and background on this page (and page 1 of the document) are set by the CSS selector: @page letterhead :first {} whilst subsequent pages have no header, a footer, and no background. | ||
403 | <br /> | ||
404 | CSS @page selectors allow different margins, backgrounds, headers/footers to be set on :first :left and :right pages. Only fixed or mirrored left- and right-margins are supported (i.e. cannot specify different margins for :left and :right). | ||
405 | <br /> | ||
406 | This layout can be used to produce company letters with only the first page on letterheaded paper. | ||
407 | |||
408 | <pagebreak /> | ||
409 | <h2>Table Layout control</h2> | ||
410 | <p>mPDF attempts to layout tables according to HTML and CSS specifications. However, because of the difference between screen and paged media, mPDF resizes tables when necessary to make them fit the page. This will happen if the minimum table-width is greater than the page-width. Minimum table-width is defined as the minimum width to accomodate the longest word in each column i.e. words will never be split. | ||
411 | </p> | ||
412 | <p>This resizing (minimum-width) can be disabled using a custom CSS property "overflow" on the TABLE tag. There are 4 options:</p> | ||
413 | <table style="overflow: auto"> (this is the default, using resizing) | ||
414 | <table border="1" style="overflow: auto; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr> | ||
415 | <td>Verylongwordwithnospacesinitatall</td> | ||
416 | <td>Verylongwordwithnospacesinitatall</td> | ||
417 | <td>Verylongwordwithnospacesinitatall</td> | ||
418 | </tr></table> | ||
419 | <br /> | ||
420 | <table style="overflow: visible"> (disables resizing, but allows overflow to show) | ||
421 | <table border="1" style="overflow: visible; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr> | ||
422 | <td>Verylongwordwithnospacesinitatall</td> | ||
423 | <td>Verylongwordwithnospacesinitatall</td> | ||
424 | <td>Verylongwordwithnospacesinitatall</td> | ||
425 | </tr></table> | ||
426 | <br /> | ||
427 | |||
428 | <table style="overflow: hidden"> (disables resizing, and hides/clips any overflow) | ||
429 | <table border="1" style="overflow: hidden; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr> | ||
430 | <td>Verylongwordwithnospacesinitatall</td> | ||
431 | <td>Verylongwordwithnospacesinitatall</td> | ||
432 | <td>Verylongwordwithnospacesinitatall</td> | ||
433 | </tr></table> | ||
434 | <br /> | ||
435 | |||
436 | <table style="overflow: wrap"> (forces words to break as necessary) | ||
437 | <table border="1" style="overflow: wrap; border-collapse: collapse; padding: 0.1em; background-color: #DDFFFF"><tr> | ||
438 | <td>Verylongwordwithnospacesinitatall</td> | ||
439 | <td>Verylongwordwithnospacesinitatall</td> | ||
440 | <td>Verylongwordwithnospacesinitatall</td> | ||
441 | </tr></table> | ||
442 | <br /> | ||
443 | |||
444 | |||
445 | |||
446 | '; | ||
447 | if ($_REQUEST['html']) { echo $html; exit; } | ||
448 | |||
449 | |||
450 | //============================================================== | ||
451 | //============================================================== | ||
452 | //============================================================== | ||
453 | define('_MPDF_URI','../'); // required for the progress bar | ||
454 | |||
455 | include("../mpdf.php"); | ||
456 | |||
457 | $mpdf=new mPDF('','A4','','',15,15,20,20,5,5); | ||
458 | |||
459 | $mpdf->StartProgressBarOutput(2); // 2 => advanced mode | ||
460 | |||
461 | $mpdf->SetDisplayMode('fullpage'); | ||
462 | |||
463 | $mpdf->useSubstitutions = true; | ||
464 | |||
465 | // Dynamically create image in var:smileyface | ||
466 | $img = imagecreatetruecolor(200, 200); | ||
467 | $white = imagecolorallocate($img, 255, 255, 255); | ||
468 | $red = imagecolorallocate($img, 255, 0, 0); | ||
469 | $green = imagecolorallocate($img, 0, 255, 0); | ||
470 | $blue = imagecolorallocate($img, 0, 0, 255); | ||
471 | imagearc($img, 100, 100, 200, 200, 0, 360, $white); | ||
472 | imagearc($img, 100, 100, 150, 150, 25, 155, $red); | ||
473 | imagearc($img, 60, 75, 50, 50, 0, 360, $green); | ||
474 | imagearc($img, 140, 75, 50, 50, 0, 360, $blue); | ||
475 | ob_start(); | ||
476 | imagejpeg($img); | ||
477 | $mpdf->smileyface = ob_get_clean(); | ||
478 | imagedestroy($img); | ||
479 | |||
480 | |||
481 | $mpdf->WriteHTML($html); | ||
482 | |||
483 | $mpdf->Output(); | ||
484 | exit; | ||
485 | |||
486 | //============================================================== | ||
487 | //============================================================== | ||
488 | //============================================================== | ||
489 | //============================================================== | ||
490 | |||
491 | |||
492 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example53_new_mPDF_v5-0_fonts.php b/inc/3rdparty/libraries/mpdf/examples/example53_new_mPDF_v5-0_fonts.php new file mode 100644 index 00000000..ab0c2b65 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example53_new_mPDF_v5-0_fonts.php | |||
@@ -0,0 +1,431 @@ | |||
1 | <?php | ||
2 | ini_set("memory_limit","128M"); | ||
3 | |||
4 | |||
5 | $html = ' | ||
6 | <style> | ||
7 | body { | ||
8 | font-family: sans-serif; | ||
9 | font-size: 10pt; | ||
10 | } | ||
11 | h4 { | ||
12 | font-variant: small-caps; | ||
13 | } | ||
14 | h5 { | ||
15 | margin-bottom: 0; | ||
16 | color: #110044; | ||
17 | } | ||
18 | dl { | ||
19 | margin: 0; | ||
20 | } | ||
21 | </style> | ||
22 | <h1></a>mPDF</h1> | ||
23 | <h2>Fonts in mPDF Version 5.x</h2> | ||
24 | <p style="color: red"><b>Note:</b> This example will only display correctly if you have all the fonts installed in mPDF</p> | ||
25 | |||
26 | <p>mPDF version 5 supports Truetype fonts, reading and embedding directly from the .ttf font files. Fonts must follow the Truetype specification and use Unicode mapping to the characters. Truetype collections (.ttc files) and Opentype files (.otf) in Truetype format are also supported.</p> | ||
27 | |||
28 | <h4>Easy to add new fonts</h4> | ||
29 | <ol> | ||
30 | <li>Upload the Truetype font file to the fonts directory (/ttfonts)</li> | ||
31 | <li>Define the font file details in the configuration file (config_fonts.php)</li> | ||
32 | <li>Access the font by specifying it in your HTML code as the CSS font-family</li> | ||
33 | </ol> | ||
34 | |||
35 | <div>These are some examples of Windows fonts:</div> | ||
36 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;"> | ||
37 | <div style="font-family: Arial">Arial - The quick, sly fox jumped over the lazy brown dog.</div> | ||
38 | <div style="font-family: \'Comic Sans MS\'">Comic Sans MS - The quick, sly fox jumped over the lazy brown dog.</div> | ||
39 | <div style="font-family: \'Trebuchet MS\'">Trebuchet - The quick, sly fox jumped over the lazy brown dog.</div> | ||
40 | <div style="font-family: Calibri">Calibri - The quick, sly fox jumped over the lazy brown dog.</div> | ||
41 | <div style="font-family: Quillscript">QuillScript - The quick, sly fox jumped over the lazy brown dog.</div> | ||
42 | <div style="font-family: \'Lucida Console\'">Lucidaconsole - The quick, sly fox jumped over the lazy brown dog.</div> | ||
43 | <div style="font-family: Tahoma">Tahoma - The quick, sly fox jumped over the lazy brown dog.</div> | ||
44 | </div> | ||
45 | |||
46 | <h4>Full Unicode support</h4> | ||
47 | |||
48 | <p>The DejaVu fonts distributed with mPDF contain an extensive set of characters, but it is easy to add fonts to access uncommon characters.</p> | ||
49 | |||
50 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;"> | ||
51 | <dl> | ||
52 | <dt>Georgian (DejaVuSansCondensed)</dt> | ||
53 | <dd style="font-family:\'Dejavu Sans Condensed\';">Ⴀ Ⴁ Ⴂ Ⴃ Ⴄ Ⴅ Ⴆ Ⴇ Ⴈ Ⴉ Ⴊ Ⴋ Ⴌ Ⴍ Ⴎ Ⴏ Ⴐ Ⴑ Ⴒ Ⴓ</dd> | ||
54 | <dt>Runic (Junicode)</dt> | ||
55 | <dd style="font-family:junicode;">ᚠ ᚡ ᚢ ᚣ ᚤ ᚥ ᚦ ᚧ ᚨ ᚩ ᚪ ᚫ ᚬ ᚭ ᚮ ᚯ ᚰ ᚱ ᚲ ᚳ ᚴ ᚵ ᚶ ᚷ ᚸ ᚹ ᚺ ᚻ ᚼ</dd> | ||
56 | <dt>Greek Extended (Quivira)</dt> | ||
57 | <dd style="font-family:quivira;">ἀ ἁ ἂ ἃ ἄ ἅ ἆ ἇ Ἀ Ἁ Ἂ Ἃ Ἄ Ἅ Ἆ Ἇ ἐ ἑ ἒ ἓ ἔ ἕ </dd> | ||
58 | <dt>IPA Extensions (Quivira)</dt> | ||
59 | <dd style="font-family:quivira;">ɐ ɑ ɒ ɓ ɔ ɕ ɖ ɗ ɘ ə ɚ ɛ ɜ ʣ ʤ ʥ ʦ ʧ ʨ ʩ ʪ ʫ </dd> | ||
60 | <dt>Letterlike Symbols (Symbola)</dt> | ||
61 | <dd style="font-family:symbola;">℀ ℁ ℂ ℃ ℄ ℅ ℆ ℇ ℈ ℉ ℊ ℋ ℌ ℍ ℎ ℏ ℐ ℑ ℒ ℓ ℔ ℕ № ℗ ℘ ℙ ℚ ℛ ℜ </dd> | ||
62 | <dt>Mathematical Operators (Symbola)</dt> | ||
63 | <dd style="font-family:symbola;">∀ ∁ ∂ ∃ ∄ ∅ ∆ ∇ ∈ ∉ ∊ ∋ ∌ ∍ ∎ ∏ ∐ ∑ − ∓ ∔ ∕ ∖ ∗ ∘ ∙ √ ∛ ∜ ∝ ∞ </dd> | ||
64 | <dt>Miscellaneous Technical (Symbola)</dt> | ||
65 | <dd style="font-family:symbola;">⌀ ⌁ ⌂ ⌃ ⌄ ⌅ ⌆ ⌇⌎ ⌏ ⌐ ⌑ ⌒ ⌓ ⌔ ⌕ ⌖ ⌗ ⌘ ⌙ ⌚ ⌛ ⌠ ⌡ ⌢ ⌣ ⌤ ⌥ ⌦ ⌧ </dd> | ||
66 | <dt>Enclosed Alphanumerics (Quivira)</dt> | ||
67 | <dd style="font-family:quivira;">① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯</dd> | ||
68 | <dt>Miscellaneous Symbols (DejaVuSansCondensed)</dt> | ||
69 | <dd style="font-family:\'Dejavu Sans Condensed\';">☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ </dd> | ||
70 | <dt>Supplemental Arrows-B (Symbola)</dt> | ||
71 | <dd style="font-family:symbola;">⤀ ⤁ ⤂ ⤃ ⤄ ⤅ ⤆ ⤇ ⤈ ⤉ ⤊ ⤋ ⤐ ⤑ ⤔ ⤕ ⤖ ⤗ ⤘ ⥶ ⥷ ⥸ ⥹ ⥺ ⥻ ⥼ ⥽ </dd> | ||
72 | </dl> | ||
73 | </div> | ||
74 | The online manual lists a number of open-source fonts available to cover uncommon characters: <a href="http://mpdf1.com/manual/index.php?tid=451">http://mpdf1.com/manual/index.php?tid=451</a> | ||
75 | |||
76 | <pagebreak /> | ||
77 | <h2>Complex scripts</h2> | ||
78 | |||
79 | <p>Although all characters may be displayed, there are various reasons why a script may not appear as expected.</p> | ||
80 | |||
81 | <h4>Right-to-left languages (Hebrew, Arabic etc.)</h4> | ||
82 | Arabic languages and Hebrew are written in a right-to-left direction (RTL). mPDF recognises both Arabic and Hebrew languages and reverses text direction automatically. | ||
83 | |||
84 | <div style="border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; font-family:tahoma; text-align: center;"> | ||
85 | ألسّلام عليكم שלום | ||
86 | </div> | ||
87 | |||
88 | Arabic languages (but not Hebrew) also change the form of the letter depending on its position in the text e.g. these are the initial, medial, final, and isolated forms of arabic letter \'ain\': | ||
89 | |||
90 | <div style="font-family:xbriyaz; border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; text-align: center;"> ع ـع ـعـ عـ </div> | ||
91 | The isolated characters are contained in the Unicode block \'Arabic\' U+0600 - U+06FF.<br /> | ||
92 | The initial, medial and final forms are contained in Unicode Blocks \'Arabic Presentation Forms\' A and B (U+FB50 - U+FDFF, U+FE70 - U+FEFE). Note that quite a large number of fonts contain the isolated characters but not the presentation forms. Fonts used with mPDF must contain the \'Arabic Presentation Forms\' in order to display arabic text correctly. mPDF automatically converts letters to their initial/medial/final forms in several languages: arabic, persian/farsi, urdu, sindhi and pashto. | ||
93 | |||
94 | <p>Arabic text is used for many different languages e.g. persian/farsi, urdu, pashto etc. These languages often contain letters unique to that language. \'Arabic\' fonts do not always contain the full set of arabic charcters necessary for all languages. </p> | ||
95 | |||
96 | <p>Other RTL languages (using other alphabets) are reversed in order, but not otherwise processed, by mPDF e.g. Syriac, Thaana, N\'Ko, and Samaritan.</p> | ||
97 | |||
98 | |||
99 | <h4>Indic languages</h4> | ||
100 | Indic languages are also complex scripts which require some processing of characters before display. For example some vowels consist of 2 characters, to be placed before and after the adjacent consonant e.g. | ||
101 | <div style="font-family:ind_ml_1_001; border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; text-align: center;"> | ||
102 | <div style="font-family: sans; font-size:normal">U+0D1C + U+0D4C [vowel AU] = [written together as &#x0D1C;&#x0D4C;]</div> | ||
103 | ജ + ൌ = ജൌ</div> | ||
104 | <p style="margin-bottom: 0">Consonant conjuncts are where two adjacent characters are written as a single \'conjunct\' form e.g.</p> | ||
105 | <div style="font-family:ind_hi_1_001; border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt; text-align: center;"> प + ॡ = पॣ</div> | ||
106 | <p style="margin-bottom: 0">mPDF can support some of these languages, but requires specially prepared font files that are unique to mPDF.<br /> | ||
107 | Supported languages: Bengali, Devanāgarī, Gujarāti, Gurmukhi, Kannada, Malayalam, Oriya, Tamil, Telugu</p> | ||
108 | |||
109 | <div style="border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 18pt;"> | ||
110 | <span style="font-family:ind_bn_1_001;">আসসালামু আলাইকুম </span> | ||
111 | <span style="font-family:ind_gu_1_001;">નમસ્તે </span> | ||
112 | <span style="font-family:ind_ml_1_001;">നമസ്കാരം </span> | ||
113 | <span style="font-family:ind_hi_1_001;">नमस्ते </span> | ||
114 | <span style="font-family:ind_ta_1_001;">வணக்கம்! </span> | ||
115 | </div> | ||
116 | Complex scripts <b>not</b> supported: Khmer, Sinhala, Tibetan, Myanmar (Burmese), Balinese | ||
117 | |||
118 | <h4>Vertical writing</h4> | ||
119 | <div>Vertical writing is not supported by mPDF (e.g. Mongolian and Phags-pa) although the individual characters can be displayed using suitable fonts.</div> | ||
120 | |||
121 | <pagebreak /> | ||
122 | |||
123 | <h4>Combining diacritics</h4> | ||
124 | <p>In Unicode, letters with diacritics (e.g. ÁáȦȧÄä) are usually represented as a single character e.g. Unicode U+0196 is an A Umlaut. There are 4 blocks in Unicode of diacritics or \'marks\' which can be used to combine with adjacent letters: Combining Diacritical Marks (U+0300 - U+036F), Combining Diacritical Marks Supplement (U+1DC0 - U+1DFF), Combining Marks for Symbols(U+20D0 - U+20FF) and Combining Half Marks (U+FE20 - U+FE2F). </p> | ||
125 | |||
126 | |||
127 | <p>Software applications use special positioning information stored in OpenType font files to resposition the diacritic/mark depending on the context. mPDF does not support this repositioning and is dependent on the font design and original placement of the diacritic: | ||
128 | </p> | ||
129 | |||
130 | |||
131 | <div style="border:0.2mm solid #000088; padding: 0.5em; background-color: #EEEEEE; font-size: 14pt;"> | ||
132 | <div style="font-family:\'Dejavu Sans Condensed\';">Á á Ȧ ȧ Ä ä ï (Precomposed characters: DejaVu Sans Condensed)</div> | ||
133 | <div style="font-family:\'Dejavu Sans Condensed\';">Á á Ȧ ȧ Ä ä ï (Using diacritics: DejaVu Sans Condensed)</div> | ||
134 | <div style="font-family:\'Arial Unicode MS\';">Á á Ȧ ȧ Ä ä ï (Arial Unicode MS)</div> | ||
135 | <div style="font-family:\'Times New Roman\';">Á á Ȧ ȧ Ä ä ï (Times New Roman)</div> | ||
136 | <div style="font-family:\'Courier new\';">Á á Ȧ ȧ Ä ä ï (Courier New)</div> | ||
137 | </div> | ||
138 | <p><b>It is recommended to use precomposed characters whenever possible with mPDF.</b></p> | ||
139 | |||
140 | |||
141 | <pagebreak /> | ||
142 | |||
143 | <h2>Unicode Supplementary Planes</h2> | ||
144 | <p>The original Unicode allocated characters between x0000 and xFFFF (65,536 characters). This \'Basic Multilingual Plane\' supported most characters in common use, including a large number of Unified Chinese-Japanese-Korean characters (CJK). Later the Unicode standard was extended to 16 Planes. </p> | ||
145 | |||
146 | <p>The first plane (plane 0), the Basic Multilingual Plane (BMP), is where most characters have been assigned so far.</p> | ||
147 | <p>Plane 1, the Supplementary Multilingual Plane (SMP), is mostly used for historic scripts such as Linear B, but is also used for musical and mathematical symbols.</p> | ||
148 | <p>Plane 2, the Supplementary Ideographic Plane (SIP), is used for about 40,000 Unified Han (CJK) Ideographs.</p> | ||
149 | |||
150 | <p>mPDF version 5 supports fonts containing characters from all Unicode Planes. By choosing the correct font, almost every single character from Unicode 5 can be displayed in a PDF file.</p> | ||
151 | |||
152 | <h4>Unicode Supplementary Multilingual Plane (SMP or Plane 1) U+10000 - U+1FFFF</h4> | ||
153 | <h5>Gothic text</h5> | ||
154 | <div> | ||
155 | This paragraph shows Gothic text. These characters lie in the Unicode Supplementary Multilingual Plane U+10330 - U+1034F. | ||
156 | </div> | ||
157 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;"> | ||
158 | <div style="font-family:damase"> | ||
159 | 𐌰 𐌱 𐌲 𐌳 𐌴 𐌵 𐌶 𐌷 𐌸 𐌹 𐌺 𐌻 𐌼 𐌽 𐌾 𐌿 𐍀 𐍁 𐍂 𐍃 𐍄 𐍅 𐍆 𐍇 𐍈 𐍉 𐍊 | ||
160 | </div> | ||
161 | </div> | ||
162 | <div> | ||
163 | Font: MPH2BDamase (damase_v.2.ttf) available from: http://www.wazu.jp/gallery/views/View_MPH2BDamase.html | ||
164 | </div> | ||
165 | |||
166 | <h5>Egyptian Hieroglyphics</h5> | ||
167 | <div> | ||
168 | This paragraph shows Egyptian Hieroglyphics. These characters lie in the Unicode Supplementary Multilingual Plane U+13000 - U+1342F. | ||
169 | </div> | ||
170 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;"> | ||
171 | <div style="font-family:aegyptus; font-size: 24pt"> | ||
172 | 𓀀 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈 𓀉 𓀊 𓀋 𓀌 𓀍 𓀎 𓀏 𓀐 𓀑 | ||
173 | </div> | ||
174 | </div> | ||
175 | <div> | ||
176 | Font: Aegyptus.otf available from: http://users.teilar.gr/~g1951d/ | ||
177 | </div> | ||
178 | |||
179 | <p>SMP contains mainly ancient scripts - see <a href="http://mpdf1.com/manual/index.php?tid=451">http://mpdf1.com/manual/index.php?tid=451</a> for full list.</p> | ||
180 | |||
181 | <p>mPDF uses a different method to embed fonts in the PDF file if they include characters from SMP or SIP, because the characters cannot be represented by a 4 character hex code 0000-FFFF. This method is less eficient than the default method, and it can be suppressed by adding the font name to the array \'BMPonly\' in the config_fonts.php configuration file. </p> | ||
182 | |||
183 | <p>Note that the DejaVu fonts distributed with mPDF and (GNU)FreeSans and FreeSerif fonts do contain a few characters in the SMP plane, but most users will not require them and by default they have been added to the array \'BMPonly\'.</p> | ||
184 | |||
185 | <pagebreak /> | ||
186 | |||
187 | <h4>CJK characters</h4> | ||
188 | <p>Below are examples of all the CJK Unicode blocks contained in the Basic Multilingual Plane and Supplemental Ideographic Plane</p> | ||
189 | |||
190 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;"> | ||
191 | <h5>Plane 0 (BMP)</h5> | ||
192 | <dl style="font-family:sun-exta;"> | ||
193 | <dt>CJK Radicals Supplement</dt> | ||
194 | <dd>⺎ ⺏ ⺐ ⺑ ⺒ ⺓ ⺔ ⺕ ⺖ ⺗ ⺘ ⺙ ⺛ ⺜ ⺝ ⺞ ⺟ ⺠ ⺡ ⺢ ⺣ ⺤ ⺥ ⺦ ⺧ ⺨ ⺩ ⺪ </dd> | ||
195 | <dt>Kangxi Radicals</dt> | ||
196 | <dd>⼳ ⼴ ⼵ ⼶ ⼷ ⼸ ⼹ ⼺ ⼻ ⼼ ⼽ ⼾ ⼿ ⽀ ⽁ ⽂ ⽃ ⽄ ⽅ ⽆ ⽇ ⽈ ⽉ ⽊ ⽋ ⽌ ⽍ </dd> | ||
197 | <dt>Ideographic Description Characters</dt> | ||
198 | <dd>⿰ ⿱ ⿲ ⿳ ⿴ ⿵ ⿶ ⿷ ⿸ ⿹ ⿺ ⿻ </dd> | ||
199 | <dt>CJK Symbols and Punctuation</dt> | ||
200 | <dd> 〈 〉 《 》 「 」 『 』 【 】 〒 〓 〔 〕 〖 〗 〘 〙 〚 〛 〜 〝 〞 〦 〧 〨 〩 〪 </dd> | ||
201 | <dt>Hiragana</dt> | ||
202 | <dd>ぁ あ ぃ い ぅ う ぇ え ぉ お か が き ぎ く ぐ け げ こ ご さ ざ </dd> | ||
203 | <dt>Katakana</dt> | ||
204 | <dd>゠ ァ ア ィ イ ゥ ウ ェ エ ォ オ カ ガ キ ギ ク グ ケ ゲ コ ゴ </dd> | ||
205 | <dt>Bopomofo</dt> | ||
206 | <dd>ㄅ ㄆ ㄇ ㄈ ㄉ ㄊ ㄋ ㄌ ㄍ ㄎ ㄏ ㄐ ㄑ ㄒ ㄓ ㄔ ㄕ ㄖ </dd> | ||
207 | <dt>Hangul Compatibility Jamo</dt> | ||
208 | <dd>ㄱ ㄲ ㄳ ㄴ ㄵ ㄶ ㄷ ㄸ ㄹ ㄺ ㄻ ㄼ ㄽ ㄾ ㄿ ㅀ ㅁ ㅂ </dd> | ||
209 | <dt>Kanbun</dt> | ||
210 | <dd>㆐ ㆑ ㆒ ㆓ ㆔ ㆕ ㆖ ㆗ ㆘ ㆙ ㆚ ㆛ ㆜ ㆝ ㆞ ㆟ </dd> | ||
211 | <dt>Bopomofo Extended</dt> | ||
212 | <dd>ㆠ ㆡ ㆢ ㆣ ㆤ ㆥ ㆦ ㆧ ㆨ ㆩ ㆪ ㆫ ㆬ ㆭ ㆮ ㆯ ㆰ ㆱ ㆲ ㆳ ㆴ ㆵ ㆶ ㆷ </dd> | ||
213 | <dt>Katakana Phonetic Extensions</dt> | ||
214 | <dd>ㇰ ㇱ ㇲ ㇳ ㇴ ㇵ ㇶ ㇷ ㇸ ㇹ ㇺ ㇻ ㇼ ㇽ ㇾ ㇿ </dd> | ||
215 | <dt>Enclosed CJK Letters and Months</dt> | ||
216 | <dd>㈄ ㈅ ㈆ ㈇ ㈈ ㈉ ㈊ ㈋ ㈌ ㈍ ㈎ ㈏ ㈐ ㈑ ㈒ ㈓ ㈔ ㈕ ㈖ ㈗ ㈘ ㈙ ㈚ ㈛ ㈜ </dd> | ||
217 | <dt>CJK Compatibility</dt> | ||
218 | <dd>㌀ ㌁ ㌂ ㌃ ㌄ ㌅ ㌆ ㌇ ㌈ ㌉ ㌊ ㌋ ㌌ ㌍ ㌎ ㌏ ㌐ ㌑ ㌒ ㌓ ㌔ ㌕ ㌖ ㌗ ㌘ </dd> | ||
219 | <dt>CJK Unified Ideographs Extension A</dt> | ||
220 | <dd>㐀 㐁 㐂 㐃 㐄 㐅 㐆 㐇 㐈 㐉 㐊 㐋 㐌 㐍 㐎 㐏 㐐 㐑 㐒 㐓 㐔 㐕 㐖 㐗 㐘 </dd> | ||
221 | <dt>CJK Unified Ideographs</dt> | ||
222 | <dd>一 丁 丂 七 丄 丅 丆 万 丈 三 上 下 丌 不 与 丏 丐 丑 丒 专 且 丕 世 丗 丘 </dd> | ||
223 | <dt>Yi Syllables</dt> | ||
224 | <dd>ꀀ ꀁ ꀂ ꀃ ꀄ ꀅ ꀆ ꀇ ꀈ ꀉ ꀊ ꀋ ꀌ ꀍ ꀎ ꀏ ꀐ ꀑ ꀒ ꀓ ꀔ ꀕ ꀖ ꀗ ꀘ ꀙ ꀚ </dd> | ||
225 | <dt>Yi Radicals</dt> | ||
226 | <dd>꒐ ꒑ ꒒ ꒓ ꒔ ꒕ ꒖ ꒗ ꒘ ꒙ ꒚ ꒛ ꒜ ꒝ ꒞ ꒟ ꒠ ꒡ ꒢ ꒣ ꒤ ꒥ ꒦ ꒧ ꒨ ꒩ </dd> | ||
227 | <dt>Hangul Syllables</dt> | ||
228 | <dd>가 각 갂 갃 간 갅 갆 갇 갈 갉 갊 갋 갌 갍 갎 갏 감 갑 값 갓 갔 강 갖 갗 갘 </dd> | ||
229 | <dt>CJK Compatibility Ideographs</dt> | ||
230 | <dd>豈 更 車 賈 滑 串 句 龜 契 金 喇 奈 懶 癩 羅 蘿 螺 裸 邏 樂 洛 烙 珞 落 酪 </dd> | ||
231 | </dl> | ||
232 | |||
233 | <h5>Plane 2 (SIP)</h5> | ||
234 | <dl style="font-family:sun-exta;"> | ||
235 | <dt>CJK Unified Ideographs Extension B</dt> | ||
236 | <dd>𠀀 𠀁 𠀂 𠀃 𠀄 𠀅 𠀆 𠀇 𠀈 𠀉 𠀊 𠀋 𠀌 𠀍 𠀎 𠀏 𠀐 𠀑 𠀒 𠀓 </dd> | ||
237 | |||
238 | <dt>CJK Unified Ideographs Extension C</dt> | ||
239 | <dd>𪜀 𪜁 𪜂 𪜃 𪜄 𪜅 𪜆 𪜇 𪜈 𪜉 𪜊 𪜋 𪜌 𪜍 𪜎 𪜏 𪜐 𪜑 𪜒 𪜓 </dd> | ||
240 | |||
241 | <dt>CJK Compatibility Ideographs Supplement</dt> | ||
242 | <dd>丽 丸 乁 𠄢 你 侮 侻 倂 偺 備 僧 像 㒞 𠘺 免 兔 兤 具 𠔜 㒹 </dd> | ||
243 | </dl> | ||
244 | |||
245 | </div> | ||
246 | |||
247 | <pagebreak /> | ||
248 | |||
249 | <h4>Using CJK fonts in mPDF</h4> | ||
250 | |||
251 | <p>Fonts containing CJK characters are large files, typically 10-30MB. Adobe provides a free download of an \'Asian font pack\' allowing you to create PDF files without including (embedding) the font information in the file. This keeps the file size to a minimum and minimises resource usage on your website generating the PDF file. However, users will have to download the Adobe font packs to read the file, and other PDF software will not display the text correctly.</p> | ||
252 | |||
253 | <p>mPDF allows you to embed subsets of CJK fonts keeping file size down, although there is increased memory usage to generate these files.</p> | ||
254 | |||
255 | <p>Some CJK fonts are broken up into 2 files because of the size of the files. One freely available font with almost complete coverage of all CJK characters (in both BMP and SIP) is \'Sun\' available from Alan Wood\'s excellent website: <a href="http://www.alanwood.net/unicode/fonts-east-asian.html">http://www.alanwood.net/unicode/fonts-east-asian.html</a>. This comes as 2 files, Sun-ExtA and Sun-ExtB (both about 20MB in size) containing the characters from BMP and SIP respectively. | ||
256 | </p> | ||
257 | |||
258 | <p>mPDF allows you to treat these as one font by defining the second file as an SIP-extension of the first in the config_fonts.php configuration file. The following text includes random characters from the BMP and SIP mixed together:</p> | ||
259 | |||
260 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;"> | ||
261 | <div style="font-family:sun-extA;"> | ||
262 | 鼂 鼈 鼗 𣈏 𣈥 鼦 鼧 𣈯 𣈱 鼹 齄 𣈲 𣈳 齅 齐 𣈴 𣉖 齓 齚 𣉢 𣊁 齢 齩 𣊉 𣊊 | ||
263 | </div> | ||
264 | </div> | ||
265 | |||
266 | <p>This is the entry in the config_fonts.php configuration file:</p> | ||
267 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;"> | ||
268 | $this->fontdata = array(<br /> | ||
269 | ...<br /> | ||
270 | "sun-exta" => array(<br /> | ||
271 | \'R\' => "Sun-ExtA.ttf",<br /> | ||
272 | \'sip-ext\' => \'sun-extb\',<br /> | ||
273 | ),<br /> | ||
274 | "sun-extb" => array(<br /> | ||
275 | \'R\' => "Sun-ExtB.ttf",<br /> | ||
276 | ),<br /> | ||
277 | <br /> | ||
278 | ...<br /> | ||
279 | ); | ||
280 | </div> | ||
281 | |||
282 | |||
283 | <p>This is the HTML code - note only the sun-exta font-family needs to be referenced:</p> | ||
284 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;"> | ||
285 | <div style="font-family:sun-extA;"> | ||
286 | &#40706; &#40712; &#40727; &#x2320f; &#x23225; &#40742; &#40743; &#x2322f; &#x23231; &#40761; &#40772; &#x23232; &#x23233; &#40773; &#40784; &#x23234; &#x23256; &#40787; &#40794; &#x23262; &#x23281; &#40802; &#40809; &#x23289; &#x2328a; | ||
287 | </div> | ||
288 | </div> | ||
289 | |||
290 | <p>NB You may also need to edit the value $this->useAdobeCJK=false in config.php or use new mPDF(\'-aCJK\'), and edit the config_cp.php configuration file.</p> | ||
291 | |||
292 | |||
293 | <pagebreak /> | ||
294 | |||
295 | <h4>TrueType Collections</h4> | ||
296 | |||
297 | <p>TrueType Collections (.ttc files) contain more than one font. mPDF treats each font separately by defining the TTCfontID array in the config_fonts.php configuration file. </p> | ||
298 | |||
299 | <p>This example uses the Windows MingLiU fonts, which consist of 2 files containing 6 fonts (note that mingliub is not a Bold variant): </p> | ||
300 | |||
301 | <p>Font collection file (mingliu.ttc) contains the following fonts:<br /> | ||
302 | [1] MingLiU (mingliu) Regular<br /> | ||
303 | [2] PMingLiU (pmingliu) Regular (Proportional)<br /> | ||
304 | [3] MingLiU_HKSCS (mingliu_hkscs) Regular<br /> | ||
305 | </p> | ||
306 | |||
307 | <p>Font collection file (mingliub.ttc) contains the following fonts:<br /> | ||
308 | [1] MingLiU-ExtB (mingliu-extb) Regular<br /> | ||
309 | [2] PMingLiU-ExtB (pmingliu-extb) Regular (Proportional)<br /> | ||
310 | [3] MingLiU_HKSCS-ExtB (mingliu_hkscs-extb) Regular<br /> | ||
311 | </p> | ||
312 | |||
313 | <p>The following text includes characters from both BMP and SIP:</p> | ||
314 | |||
315 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE;"> | ||
316 | <div style="font-family:mingliu;"> | ||
317 | 鼂 鼦 齄 齐 齢 齩 𣊉 𣊊 | ||
318 | </div> | ||
319 | <div style="font-family:mingliu_hkscs;"> | ||
320 | 鼂 鼦 齄 齐 齢 齩 𣊉 𣊊 | ||
321 | </div> | ||
322 | <div style="font-family:pmingliu;"> | ||
323 | 鼂 鼦 齄 齐 齢 齩 𣊉 𣊊 | ||
324 | </div> | ||
325 | </div> | ||
326 | |||
327 | <p>This is the entry in the config_fonts.php configuration file:</p> | ||
328 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;"> | ||
329 | $this->fontdata = array(<br /> | ||
330 | ...<br /> | ||
331 | "mingliu" => array(<br /> | ||
332 | \'R\' => "mingliu.ttc",<br /> | ||
333 | \'TTCfontID\' => array (<br /> | ||
334 | \'R\' => 1,<br /> | ||
335 | ),<br /> | ||
336 | \'sip-ext\' => \'mingliu-extb\',<br /> | ||
337 | ),<br /> | ||
338 | |||
339 | "pmingliu" => array(<br /> | ||
340 | \'R\' => "mingliu.ttc",<br /> | ||
341 | \'TTCfontID\' => array (<br /> | ||
342 | \'R\' => 2,<br /> | ||
343 | ),<br /> | ||
344 | \'sip-ext\' => \'pmingliu-extb\',<br /> | ||
345 | ),<br /> | ||
346 | |||
347 | "mingliu_hkscs" => array(<br /> | ||
348 | \'R\' => "mingliu.ttc",<br /> | ||
349 | \'TTCfontID\' => array (<br /> | ||
350 | \'R\' => 3,<br /> | ||
351 | ),<br /> | ||
352 | \'sip-ext\' => \'mingliu_hkscs-extb\',<br /> | ||
353 | ),<br /> | ||
354 | |||
355 | "mingliu-extb" => array(<br /> | ||
356 | \'R\' => "mingliub.ttc",<br /> | ||
357 | \'TTCfontID\' => array (<br /> | ||
358 | \'R\' => 1,<br /> | ||
359 | ),<br /> | ||
360 | ),<br /> | ||
361 | |||
362 | "pmingliu-extb" => array(<br /> | ||
363 | \'R\' => "mingliub.ttc",<br /> | ||
364 | \'TTCfontID\' => array (<br /> | ||
365 | \'R\' => 2,<br /> | ||
366 | ),<br /> | ||
367 | ),<br /> | ||
368 | |||
369 | "mingliu_hkscs-extb" => array(<br /> | ||
370 | \'R\' => "mingliub.ttc",<br /> | ||
371 | \'TTCfontID\' => array (<br /> | ||
372 | \'R\' => 3,<br /> | ||
373 | ),<br /> | ||
374 | ),<br /> | ||
375 | <br /> | ||
376 | ...<br /> | ||
377 | ); | ||
378 | </div> | ||
379 | |||
380 | |||
381 | <p>This is the HTML code:</p> | ||
382 | <div style="border:0.2mm solid #000088; padding: 1em; background-color: #EEEEEE; font-family: \'Courier new\'; font-size: 8.5pt;"> | ||
383 | <div style="font-family:mingliu;"> | ||
384 | &#40706; &#40742; &#40772; &#40784; &#40802; &#40809; &#x23289; &#x2328a; | ||
385 | </div> | ||
386 | <br /> | ||
387 | <div style="font-family:mingliu_hkscs;"> | ||
388 | &#40706; &#40742; &#40772; &#40784; &#40802; &#40809; &#x23289; &#x2328a; | ||
389 | </div> | ||
390 | <br /> | ||
391 | <div style="font-family:pmingliu;"> | ||
392 | &#40706; &#40742; &#40772; &#40784; &#40802; &#40809; &#x23289; &#x2328a; | ||
393 | </div> | ||
394 | </div> | ||
395 | |||
396 | |||
397 | '; | ||
398 | |||
399 | //============================================================== | ||
400 | //============================================================== | ||
401 | //============================================================== | ||
402 | if ($_REQUEST['html']) { echo $html; exit; } | ||
403 | if ($_REQUEST['source']) { | ||
404 | $file = __FILE__; | ||
405 | header("Content-Type: text/plain"); | ||
406 | header("Content-Length: ". filesize($file)); | ||
407 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
408 | readfile($file); | ||
409 | exit; | ||
410 | } | ||
411 | //============================================================== | ||
412 | //============================================================== | ||
413 | //============================================================== | ||
414 | //============================================================== | ||
415 | //============================================================== | ||
416 | |||
417 | include("../mpdf.php"); | ||
418 | |||
419 | $mpdf=new mPDF(); | ||
420 | |||
421 | $mpdf->WriteHTML($html); | ||
422 | |||
423 | $mpdf->Output(); | ||
424 | exit; | ||
425 | |||
426 | //============================================================== | ||
427 | //============================================================== | ||
428 | //============================================================== | ||
429 | |||
430 | |||
431 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example54_new_mPDF_v5-1_features_gradients_and_images.php b/inc/3rdparty/libraries/mpdf/examples/example54_new_mPDF_v5-1_features_gradients_and_images.php new file mode 100644 index 00000000..758f8156 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example54_new_mPDF_v5-1_features_gradients_and_images.php | |||
@@ -0,0 +1,498 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | include("../mpdf.php"); | ||
5 | |||
6 | $mpdf=new mPDF(''); | ||
7 | |||
8 | //============================================================== | ||
9 | $html = ' | ||
10 | <style> | ||
11 | body { | ||
12 | font-family: sans-serif; | ||
13 | font-size: 10pt; | ||
14 | } | ||
15 | h4 { | ||
16 | font-variant: small-caps; | ||
17 | } | ||
18 | h5 { | ||
19 | margin-bottom: 0; | ||
20 | color: #110044; | ||
21 | } | ||
22 | p { margin-top: 0; } | ||
23 | dl { | ||
24 | margin: 0; | ||
25 | } | ||
26 | table { | ||
27 | border-spacing: 0.5em; | ||
28 | border: 7px dashed teal; | ||
29 | } | ||
30 | .table1 { | ||
31 | background-image: -moz-linear-gradient(left, #07cdde 20%, #00f200 ); | ||
32 | } | ||
33 | .table1 tr.thisrow1 { | ||
34 | background-image-resolution: 300dpi; | ||
35 | background: transparent url(\'bayeux1.jpg\') repeat scroll left top; | ||
36 | } | ||
37 | .table1 tr.thisrow1 td { | ||
38 | height: 28mm; | ||
39 | } | ||
40 | .table1 tr.thisrow2 { | ||
41 | background-image: none; | ||
42 | background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 ); | ||
43 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0.29, rgb(90,83,12)), color-stop(0.65, rgb(117,117,39)), color-stop(0.83, rgb(153,153,67))); | ||
44 | } | ||
45 | .table3 { | ||
46 | border-collapse: collapse; | ||
47 | /* background-gradient: linear #07cdde #00f200 1 0 0.5 1; */ | ||
48 | background: -moz-linear-gradient(left, #07cdde 20%, #00f200 ); | ||
49 | } | ||
50 | tr.thisrow { | ||
51 | border: 3px dashed red; | ||
52 | background: transparent url(\'bayeux1.jpg\') repeat scroll left top; | ||
53 | } | ||
54 | .table3 tr.thisrow { | ||
55 | border: 3px dashed orange; | ||
56 | background: transparent url(\'bgrock.jpg\') repeat scroll left top; | ||
57 | } | ||
58 | tfoot tr { | ||
59 | border: 5px dashed blue; | ||
60 | /* background-gradient: linear #c7Fdde #FF0000 1 0 0.5 0; */ | ||
61 | background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 ); | ||
62 | } | ||
63 | .gradient { | ||
64 | border:0.1mm solid #220044; | ||
65 | background-color: #f0f2ff; | ||
66 | background: linear-gradient(top, #c7cdde, #f0f2ff); | ||
67 | } | ||
68 | .rounded { | ||
69 | border:0.1mm solid #220044; | ||
70 | background-color: #f0f2ff; | ||
71 | background: linear-gradient(top, #c7cdde, #f0f2ff); | ||
72 | border-radius: 2mm; | ||
73 | background-clip: border-box; | ||
74 | } | ||
75 | div.text { | ||
76 | padding:1em; | ||
77 | margin: 1em 0; | ||
78 | text-align:justify; | ||
79 | } | ||
80 | .code { | ||
81 | font-family: mono; | ||
82 | font-size: 9pt; | ||
83 | background-color: #d5d5d5; | ||
84 | margin: 1em 1cm; | ||
85 | padding: 0 0.3cm; | ||
86 | } | ||
87 | </style> | ||
88 | <body style="background: -moz-repeating-radial-gradient(rgba(255,0,0,0.1), rgba(0,0,255,0.1) 40px, rgba(255,0,0,0.1) 80px)"> | ||
89 | |||
90 | <div style="position:fixed; top: 0; right: 0"><img src="tux.svg" width="110" /></div> | ||
91 | |||
92 | <h1></a>mPDF</h1> | ||
93 | <h2>New features in mPDF Version 5.1</h2> | ||
94 | |||
95 | <div class="rounded text"> | ||
96 | <ul> | ||
97 | <li>CSS background (images, colours or gradients) on <TR> and <TABLE></li> | ||
98 | <li>CSS border on <TR> (only in border-collapsed mode)</li> | ||
99 | <li>support for Mozilla and CSS3 gradient syntax: | ||
100 | <ul> | ||
101 | <li>-moz-linear-gradient, linear-gradient</li> | ||
102 | <li>-moz-radial-gradient, radial-gradient</li> | ||
103 | <li>-moz-repeating-linear-gradient, linear-repeating-gradient</li> | ||
104 | <li>-moz-repeating-radial-gradient, radial-repeating-gradient</li> | ||
105 | </ul> | ||
106 | </li> | ||
107 | <li>expanded support for gradients (including in SVG images): | ||
108 | <ul> | ||
109 | <li>multiple colour \'stops\'</li> | ||
110 | <li>opacity (transparency)</li> | ||
111 | <li>angle and/or position can be specified</li> | ||
112 | </ul> | ||
113 | </li> | ||
114 | <li>gradient can be used as an image mask (custom mPDF styles: gradient-mask)</li> | ||
115 | <li>CSS3 image-orientation supported for <IMG> (similar to existing custom mPDF attribute: rotate)</li> | ||
116 | <li>CSS3 image-resolution supported for <IMG></li> | ||
117 | <li>background-image-resolution (custom mPDF CSS-type style) to define resolution of background images</li> | ||
118 | <li>improved support for SVG images</li> | ||
119 | <li>SVG and WMF images supported in background-image</li> | ||
120 | <li>file attachments (embedded in PDF file) → → → → → <annotation file="tiger.jpg" content="This is a file attachment (embedded file) | ||
121 | Double-click to open attached file | ||
122 | Right-click to save file on your computer" icon="Paperclip" title="Attached File: tiger.jpg" pos-x="150" /></li> | ||
123 | </ul> | ||
124 | </div> | ||
125 | |||
126 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Tables: borders, background images & gradients</div> | ||
127 | |||
128 | <div class="rounded text">Background images or gradients can be set on whole tables or table rows (as well as individual table cells)</div> | ||
129 | |||
130 | <table class="table1"> | ||
131 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
132 | <tr class="thisrow1"><td>This row has</td><td>a background-image</td><td>of the bayeux tapestry</td></tr> | ||
133 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
134 | <tr class="thisrow2"><td>This row has</td><td>a gradient set</td><td>which spans all 3 cells</td></tr> | ||
135 | <tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr> | ||
136 | </tbody></table> | ||
137 | |||
138 | |||
139 | <div class="rounded text">Border can be set on table rows (only when border-collapse is set to collapse)</div> | ||
140 | |||
141 | <table class="table3" border="1"> | ||
142 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
143 | <tr class="thisrow"><td>Row 2</td><td>This is data<br />This is data<br />This is data<br />This is data</td><td>Also data</td></tr> | ||
144 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
145 | </tbody></table> | ||
146 | |||
147 | |||
148 | <!-- ============================================================== --> | ||
149 | |||
150 | |||
151 | <div style="margin-top: 2em; height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div> | ||
152 | |||
153 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mozilla and CSS3 gradient syntax</div> | ||
154 | |||
155 | <div style="height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div> | ||
156 | <h2>Linear gradients</h2> | ||
157 | <h4> Angle set AND points e.g. -moz-linear-gradient(34% 84% 30deg, red, orange, yellow...</h4> | ||
158 | <table style="border-collapse: collapse; repeat scroll left top; border: none;"> | ||
159 | <tr> | ||
160 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);">top right 210 degrees </td> | ||
161 | <td> </td> | ||
162 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
163 | </tr> | ||
164 | <tr> | ||
165 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);">30% 80% 60 degrees </td> | ||
166 | <td> </td> | ||
167 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
168 | </tr> | ||
169 | <tr> | ||
170 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);">10px 40px 325 degrees </td> | ||
171 | <td> </td> | ||
172 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
173 | </tr> | ||
174 | <tr> | ||
175 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);">bottom left 135deg </td> | ||
176 | <td> </td> | ||
177 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
178 | </tr> | ||
179 | </table> | ||
180 | |||
181 | |||
182 | <h4> Points set only e.g. -moz-linear-gradient(bottom left, red, orange, yellow...</h4> | ||
183 | |||
184 | <table style="border-collapse: collapse; repeat scroll left top; border: none;"> | ||
185 | <tr> | ||
186 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);">bottom right</td> | ||
187 | <td> </td> | ||
188 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
189 | </tr> | ||
190 | <tr> | ||
191 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);">top</td> | ||
192 | <td> </td> | ||
193 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
194 | </tr> | ||
195 | <tr> | ||
196 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);">10px 40px</td> | ||
197 | <td> </td> | ||
198 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
199 | </tr> | ||
200 | <tr> | ||
201 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);">30% 10%</td> | ||
202 | <td> </td> | ||
203 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
204 | </tr> | ||
205 | </table> | ||
206 | |||
207 | <pagebreak /> | ||
208 | |||
209 | <h4> Angle set but no points e.g. -moz-linear-gradient(30deg, red, orange, yellow...</h4> | ||
210 | |||
211 | <table style="border-collapse: collapse; repeat scroll left top; border: none;"> | ||
212 | <tr> | ||
213 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);">90 degrees </td> | ||
214 | <td> </td> | ||
215 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
216 | </tr> | ||
217 | <tr> | ||
218 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);">120 degrees </td> | ||
219 | <td> </td> | ||
220 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
221 | </tr> | ||
222 | <tr> | ||
223 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);">180 degrees </td> | ||
224 | <td> </td> | ||
225 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
226 | </tr> | ||
227 | <tr> | ||
228 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);">210 degrees </td> | ||
229 | <td> </td> | ||
230 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
231 | </tr> | ||
232 | </table> | ||
233 | |||
234 | |||
235 | |||
236 | <div class="rounded text"> | ||
237 | <p>Linear and radial gradients are not specified in the CSS2 specification. The CSS3 draft specification gives a way of outputting gradients, but currently this is not supported by any browser.</p> | ||
238 | <p>Mozilla (Firefox) has developed its own way of producing gradients, which approximates to the CSS3 draft specification: </p> | ||
239 | <ul> | ||
240 | <li><i>-moz-linear-gradient</i> </li> | ||
241 | <li><i>-moz-repeating-linear-gradient</i></li> | ||
242 | <li><i>-moz-radial-gradient</i> and </li> | ||
243 | <li><i>-moz-repeating-radial-gradient</i></li> | ||
244 | </ul> | ||
245 | <p>WebKit (Safari, Chrome etc.) have a separate way of defining gradients using <i>-webkit-gradient</i></p> | ||
246 | <p>Microsoft (IE) does not support any such method of specifying gradients, but does have a function <i>filter: progid:DXImageTransform.Microsoft.gradient()</i> </p> | ||
247 | <p>When writing HTML for cross-browser compatibility, it is common to see something like this in a stylesheet:</p> | ||
248 | <p class="code"> | ||
249 | background: #999999; /* for non-css3 browsers */<br /> | ||
250 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#cccccc\', endColorstr=\'#000000\'); /* for IE */<br /> | ||
251 | background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000)); /* for webkit browsers */<br /> | ||
252 | background: -moz-linear-gradient(top, #cccccc, #000000); /* for firefox 3.6+ */<br /> | ||
253 | </p> | ||
254 | |||
255 | |||
256 | |||
257 | <p>mPDF versions <= 5.0 supported a custom style property <i>background-gradient</i> which accepted both linear and radial gradients. These continue to be supported (and both old and new forms can be used together); note the differences:</p> | ||
258 | <ul> | ||
259 | <li>mPDF background-gradients are output underneath background-images, and both can be specified; whereas the new CSS3/Mozilla-type gradients are defined as a type of background-image</li> | ||
260 | <li>CSS3/Mozilla gradients support multiple colour-stops, opacity, repeating-gradients, and a greater number of options for defining the gradient axis (linear gradients) or shape and extent (radial gradients)</li> | ||
261 | </ul> | ||
262 | |||
263 | <p>mPDF will attempt to parse a CSS stylesheet written for cross-browser compatibility:</p> | ||
264 | <ul> | ||
265 | <li>parse and support <i>-moz</i> type gradients</li> | ||
266 | <li>parse and support CSS3 gradient syntax</li> | ||
267 | <li>ignore <i>-webkit</i> syntax gradients</li> | ||
268 | </ul> | ||
269 | |||
270 | |||
271 | <p>More details can be found at:</p> | ||
272 | <ul> | ||
273 | <li>Mozilla linear - <a href="https://developer.mozilla.org/en/CSS/-moz-linear-gradient">https://developer.mozilla.org/en/CSS/-moz-linear-gradient</a></li> | ||
274 | <li>Mozilla radial - <a href="https://developer.mozilla.org/en/CSS/-moz-radial-gradient">https://developer.mozilla.org/en/CSS/-moz-radial-gradient</a></li> | ||
275 | <li>Mozilla gradients use - <a href="https://developer.mozilla.org/en/Using_gradients">https://developer.mozilla.org/en/Using_gradients</a></li> | ||
276 | <li>CSS3 linear gradients - <a href="http://dev.w3.org/csswg/css3-images/#linear-gradients">http://dev.w3.org/csswg/css3-images/#linear-gradients</a></li> | ||
277 | <li>CSS3 radial gradients - <a href="http://dev.w3.org/csswg/css3-images/#radial-gradients">http://dev.w3.org/csswg/css3-images/#radial-gradients</a></li> | ||
278 | <li>WebKit gradients - <a href="http://webkit.org/blog/175/introducing-css-gradients/">http://webkit.org/blog/175/introducing-css-gradients/</a></li> | ||
279 | </ul> | ||
280 | </div> | ||
281 | |||
282 | |||
283 | |||
284 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Repeating gradients</div> | ||
285 | |||
286 | <p class="code"> | ||
287 | background: repeating-linear-gradient(red, blue 20px, red 40px); | ||
288 | <br /> <br /> | ||
289 | background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px); | ||
290 | </p> | ||
291 | |||
292 | <div style="float: right; width: 250px; height: 150px; background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px);"> </div> | ||
293 | |||
294 | <div style="float: left; width: 250px; height: 150px; background: repeating-linear-gradient(red, blue 20px, red 40px);"> </div> | ||
295 | <br style="clear: both;" /> | ||
296 | <br /> | ||
297 | <br /> | ||
298 | |||
299 | <p class="code"> | ||
300 | background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px); | ||
301 | <br /> <br /> | ||
302 | background: repeating-radial-gradient(red, blue 20px, red 40px); | ||
303 | </p> | ||
304 | <div style="float: right; width: 250px; height: 150px; background: repeating-radial-gradient(red, blue 20px, red 40px);"> </div> | ||
305 | |||
306 | <div style="float: left; width: 250px; height: 150px; background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px);"> </div> | ||
307 | <br style="clear: both;" /> | ||
308 | |||
309 | |||
310 | <pagebreak /> | ||
311 | |||
312 | |||
313 | <h2>Radial gradients</h2> | ||
314 | |||
315 | <div style="float: right; width: 250px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8; | ||
316 | border-radius: 155px / 100px; | ||
317 | -moz-border-radius: 155px / 100px; | ||
318 | box-shadow: 10px 10px 25px #CCC; | ||
319 | -moz-box-shadow: 5px 5px 25px #CCC; | ||
320 | background-image: -moz-radial-gradient(70% 30%, ellipse , #ffffff 0%, #F56991 50%, #8A2624 100%);"> </div> | ||
321 | |||
322 | |||
323 | <div style="float: left; width: 150px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8; | ||
324 | border-radius: 100px; | ||
325 | -moz-border-radius: 100px; | ||
326 | box-shadow: 10px 10px 25px #CCC; | ||
327 | -moz-box-shadow: 5px 5px 25px #CCC; | ||
328 | background-image: -moz-radial-gradient(70% 30%, circle , #ffffff 0%, #E56991 50%, #8A2624 100%);"> </div> | ||
329 | <br style="clear: both;" /> | ||
330 | |||
331 | |||
332 | <div style="float: right; width: 150px; height: 150px; border: 0.2mm solid black; | ||
333 | background: radial-gradient(bottom left, farthest-side, red, blue 50px, pink); | ||
334 | background-image: -moz-radial-gradient(red, yellow, #1E90FF); | ||
335 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(107,14,86)), color-stop(0.74, rgb(140,41,112)), color-stop(0.87, rgb(168,70,146)));"> </div> | ||
336 | |||
337 | <div style="float: left; width: 150px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(red 5%, yellow 25%, #1E90FF 50%);"> </div> | ||
338 | <br style="clear: both;" /> | ||
339 | |||
340 | <div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, circle, red, yellow, #1E90FF);"> </div> | ||
341 | |||
342 | <div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, ellipse, red, yellow, #1E90FF);"> </div> | ||
343 | <br style="clear: both;" /> | ||
344 | |||
345 | <div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse closest-side, red, yellow 10%, #1E90FF 50%, white);"> </div> | ||
346 | |||
347 | <div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse farthest-corner, red, yellow 10%, #1E90FF 50%, white);"> </div> | ||
348 | <br style="clear: both;" /> | ||
349 | |||
350 | |||
351 | <p style="background-image: -moz-radial-gradient(center , red, orange, yellow, green, blue, indigo, violet);"> <br /> <br /> <br /> <br /> <br /> <br /> </p> | ||
352 | |||
353 | <p style="background-image: -moz-radial-gradient(center , circle closest-side, blue 0%, red 100%);"> <br /> <br /> <br /> <br /> <br /> </p> | ||
354 | |||
355 | |||
356 | |||
357 | |||
358 | <pagebreak /> | ||
359 | |||
360 | |||
361 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Gradient Image mask</div> | ||
362 | |||
363 | <div class="rounded text">Gradients (linear or radial) can also be used to produce \'masks\' for images. The same syntax is used as for background gradients (e.g. -moz-linear-gradient) but is set using a custom mPDF style: <i>gradient-mask</i>. The rgba() method for defining colours is used: colours are ignored, but the opacity value is used to mask the image.</div> | ||
364 | |||
365 | <p class="code"><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
366 | <br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
367 | <br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" /> | ||
368 | </p> | ||
369 | |||
370 | <img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
371 | <img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
372 | <img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" /> | ||
373 | |||
374 | |||
375 | <br /> | ||
376 | |||
377 | |||
378 | |||
379 | |||
380 | <pagebreak /> | ||
381 | |||
382 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image orientation</div> | ||
383 | |||
384 | <div class="rounded text">Images can be rotated using a custom mPDF HTML attribute: rotate. mPDF now also supports the draft CSS3 property of image-orientation. Rotation can be expressed in degrees, radians or grad units; it is corrected if necessary to an orthogonal rotation i.e. 90, 180 or 270 degrees. NB This does not work on background-images.</div> | ||
385 | <p class="code"><img src="tiger2.png" style="image-orientation: -90deg" width="100" /> | ||
386 | <br /> | ||
387 | <img src="tiger2.png" style="image-orientation: 3.14159rad" width="100" /> | ||
388 | </p> | ||
389 | |||
390 | <img src="tiger2.png" width="100" /> | ||
391 | <img src="tiger2.png" style="image-orientation: 75deg;" width="100" /> | ||
392 | <img src="tiger2.png" style="image-orientation: 180deg; image-resolution: 300dpi; " width="100" /> | ||
393 | <img src="tiger2.png" style="image-orientation: -90deg" width="100" /> | ||
394 | |||
395 | |||
396 | <br /> | ||
397 | |||
398 | <br /> | ||
399 | <br /> | ||
400 | <br /> | ||
401 | |||
402 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image resolution</div> | ||
403 | |||
404 | |||
405 | <div class="rounded text">Image files (which do not have an output width or height specified) are displayed in mPDF at the default resolution set by the variable $mpdf->img_dpi. This can be overridden using the draft CSS3 property \'image-resolution\', which can be applied to <IMG> or background-images. | ||
406 | <br /> | ||
407 | The next 3 image files are identical (300px x 300px) but they have been saved with a different specified resolution: the first at 96dpi, the second at 300dpi. | ||
408 | <br /> | ||
409 | NB When used in combination with \'from-image\', a specified resolution is only used if the image does not have an intrinsic resolution. Only JPG, PNG and BMP files store a specified DPI resolution in the file.</div> | ||
410 | |||
411 | <p class="code"><img src="tiger300px300dpi.png" style="image-resolution: from-image;" /> | ||
412 | <br /><img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" /> | ||
413 | <br /><img src="tiger300px96dpi.png" style="image-resolution: from-image;" /></p> | ||
414 | |||
415 | <img src="tiger300px300dpi.png" style="image-resolution: from-image;" /> | ||
416 | <img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" /> | ||
417 | <img src="tiger300px96dpi.png" style="image-resolution: from-image;" /> | ||
418 | <br /> <br /> | ||
419 | |||
420 | |||
421 | |||
422 | <pagebreak /> | ||
423 | |||
424 | <div class="rounded text">Image resolution can also be applied to a background-image. This can be used as an alternative to the custom mPDF style property - \'background-image-resize\'</div> | ||
425 | |||
426 | <p class="code"><div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p> | ||
427 | <div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;">Hallo<br />world | ||
428 | </div> | ||
429 | |||
430 | <br /> | ||
431 | |||
432 | <p class="code"><div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p> | ||
433 | <div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"> | ||
434 | </div> | ||
435 | |||
436 | |||
437 | |||
438 | <br /> | ||
439 | |||
440 | |||
441 | <pagebreak /> | ||
442 | |||
443 | |||
444 | |||
445 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mixed effects</div> | ||
446 | |||
447 | |||
448 | <div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 90px;background-color: #00f200 ; "> | ||
449 | <div style="padding: 15px; background: -moz-linear-gradient(top right, red, orange, yellow, green, blue, indigo, violet); border-radius: 75px; "> | ||
450 | <div style="padding: 15px; background-gradient: linear #07cdde #00f200 0 0 0.5 1; border-radius: 60px; "> | ||
451 | <div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 45px; background-image-resolution: 180dpi; "> | ||
452 | <div style="padding: 15px; background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); border-radius: 30px; "> | ||
453 | <div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 180dpi; "> | ||
454 | Hallo World | ||
455 | </div> | ||
456 | <div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 360dpi; "> | ||
457 | Hallo World | ||
458 | </div> | ||
459 | </div> | ||
460 | </div> | ||
461 | </div> | ||
462 | </div> | ||
463 | </div> | ||
464 | |||
465 | <br /> | ||
466 | |||
467 | <div style="background-color:#FF0000 ; width:180px; background-image: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));"> | ||
468 | <img src="tux.svg" width="180" /> | ||
469 | </div> | ||
470 | |||
471 | '; | ||
472 | |||
473 | //============================================================== | ||
474 | if ($_REQUEST['html']) { echo $html; exit; } | ||
475 | if ($_REQUEST['source']) { | ||
476 | $file = __FILE__; | ||
477 | header("Content-Type: text/plain"); | ||
478 | header("Content-Length: ". filesize($file)); | ||
479 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
480 | readfile($file); | ||
481 | exit; | ||
482 | } | ||
483 | //============================================================== | ||
484 | $mpdf->WriteHTML($html); | ||
485 | |||
486 | //============================================================== | ||
487 | //============================================================== | ||
488 | // OUTPUT | ||
489 | $mpdf->Output(); exit; | ||
490 | |||
491 | |||
492 | //============================================================== | ||
493 | //============================================================== | ||
494 | //============================================================== | ||
495 | //============================================================== | ||
496 | |||
497 | |||
498 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example55_new_mPDF_v5-1_color_and_other_features.php b/inc/3rdparty/libraries/mpdf/examples/example55_new_mPDF_v5-1_color_and_other_features.php new file mode 100644 index 00000000..1cd5bca0 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example55_new_mPDF_v5-1_color_and_other_features.php | |||
@@ -0,0 +1,456 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | include("../mpdf.php"); | ||
5 | |||
6 | $mpdf=new mPDF(''); | ||
7 | |||
8 | $mpdf->useKerning=true; | ||
9 | |||
10 | $mpdf->restrictColorSpace=3; // forces everything to convert to CMYK colors | ||
11 | |||
12 | $mpdf->AddSpotColor('PANTONE 534 EC',85,65,47,9); | ||
13 | |||
14 | //============================================================== | ||
15 | $html = ' | ||
16 | <style> | ||
17 | @page { | ||
18 | sheet-size: A4; | ||
19 | size: 17cm 25cm; | ||
20 | margin: 10%; /* % of page-box width for LR, height for TB */ | ||
21 | margin-header: 5mm; | ||
22 | margin-footer: 5mm; | ||
23 | margin-left: 2cm; | ||
24 | margin-right: 1cm; | ||
25 | marks: cross crop; | ||
26 | background-image: -moz-repeating-radial-gradient(rgba(255,0,0,0.1), rgba(0,0,255,0.1) 40px, rgba(255,0,0,0.1) 80px); | ||
27 | } | ||
28 | body { | ||
29 | font-family: sans-serif; | ||
30 | font-size: 10pt; | ||
31 | } | ||
32 | h4 { | ||
33 | font-variant: small-caps; | ||
34 | } | ||
35 | h5 { | ||
36 | margin-bottom: 0; | ||
37 | color: #110044; | ||
38 | } | ||
39 | p { margin-top: 0; } | ||
40 | dl { | ||
41 | margin: 0; | ||
42 | } | ||
43 | table { | ||
44 | border-spacing: 0.5em; | ||
45 | border: 7px dashed teal; | ||
46 | } | ||
47 | .table1 { | ||
48 | background-image: -moz-linear-gradient(left, #07cdde 20%, #00f200 ); | ||
49 | } | ||
50 | .table1 tr.thisrow1 { | ||
51 | background-image-resolution: 300dpi; | ||
52 | background: transparent url(\'bayeux1.jpg\') repeat scroll left top; | ||
53 | } | ||
54 | .table1 tr.thisrow1 td { | ||
55 | height: 28mm; | ||
56 | } | ||
57 | .table1 tr.thisrow2 { | ||
58 | background-image: none; | ||
59 | background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 ); | ||
60 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0.29, rgb(90,83,12)), color-stop(0.65, rgb(117,117,39)), color-stop(0.83, rgb(153,153,67))); | ||
61 | } | ||
62 | .table3 { | ||
63 | border-collapse: collapse; | ||
64 | /* background-gradient: linear #07cdde #00f200 1 0 0.5 1; */ | ||
65 | background: -moz-linear-gradient(left, #07cdde 20%, #00f200 ); | ||
66 | } | ||
67 | tr.thisrow { | ||
68 | border: 3px dashed red; | ||
69 | background: transparent url(\'bayeux1.jpg\') repeat scroll left top; | ||
70 | } | ||
71 | .table3 tr.thisrow { | ||
72 | border: 3px dashed orange; | ||
73 | background: transparent url(\'bgrock.jpg\') repeat scroll left top; | ||
74 | } | ||
75 | tfoot tr { | ||
76 | border: 5px dashed blue; | ||
77 | /* background-gradient: linear #c7Fdde #FF0000 1 0 0.5 0; */ | ||
78 | background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 ); | ||
79 | } | ||
80 | .gradient { | ||
81 | border:0.1mm solid #220044; | ||
82 | background-color: #f0f2ff; | ||
83 | background: linear-gradient(top, #c7cdde, #f0f2ff); | ||
84 | } | ||
85 | .rounded { | ||
86 | border:0.1mm solid #220044; | ||
87 | background-color: #f0f2ff; | ||
88 | background: linear-gradient(top, #c7cdde, #f0f2ff); | ||
89 | border-radius: 2mm; | ||
90 | background-clip: border-box; | ||
91 | } | ||
92 | div.text { | ||
93 | padding:1em; | ||
94 | margin: 1em 0; | ||
95 | text-align:justify; | ||
96 | } | ||
97 | .code { | ||
98 | font-family: mono; | ||
99 | font-size: 9pt; | ||
100 | background-color: #d5d5d5; | ||
101 | margin: 1em 1cm; | ||
102 | padding: 0 0.3cm; | ||
103 | } | ||
104 | </style> | ||
105 | <body> | ||
106 | |||
107 | <div style="position:fixed; top: 0; right: 0"><img src="tux.svg" width="110" /></div> | ||
108 | |||
109 | <h1></a>mPDF</h1> | ||
110 | <h2>Other new features in mPDF Version 5.1</h2> | ||
111 | |||
112 | <div class="rounded text"> | ||
113 | <ul> | ||
114 | <li>Kerning</li> | ||
115 | <li>Letter- and word-spacing</li> | ||
116 | <li>Small-caps improved to work with justified text, and now with kerning, letter- and word-spacing</li> | ||
117 | <li>Bleed area on @page media</li> | ||
118 | <li>Colorspace and colour conversion (almost everything except BMP images)</li> | ||
119 | <li>Spot colours</li> | ||
120 | <li>PDF/X files</li> | ||
121 | <li>dir="rtl"</li> | ||
122 | <li>numeric list-styles for arabic and indic</li> | ||
123 | </ul> | ||
124 | </div> | ||
125 | |||
126 | |||
127 | <!-- ============================================================== --> | ||
128 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Kerning</div> | ||
129 | |||
130 | <div class="rounded text">Font kerning is supported. This corrects the inter-character spacing between specific pairs of letters. It is dependent on kerning information being available in the original font file. | ||
131 | <br /> | ||
132 | You need to set $mpdf->useKerning=true; either in the config.php configuration file, or at runtime. This causes the kerning information to be loaded when fonts are accessed (and will therefore increase memory usage). | ||
133 | <br /> | ||
134 | You can then set kerning on or off using the draft CSS3 style property "font-kerning". Values of normal or auto will turn kerning on; "none" will turn kerning off. | ||
135 | </div> | ||
136 | |||
137 | <div style="border: 0.2mm solid black; font-family: arial; font-size: 40pt;"> | ||
138 | Off: AWAY To War. | ||
139 | </div> | ||
140 | |||
141 | <div style="border: 0.2mm solid black; font-family: arial; font-size: 40pt; font-kerning: auto;"> | ||
142 | On: AWAY To War. | ||
143 | </div> | ||
144 | |||
145 | <!-- ============================================================== --> | ||
146 | <pagebreak /> | ||
147 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Letter and word spacing & text justification</div> | ||
148 | |||
149 | <div class="rounded text">Letter- and word-spacing can be set on almost all block and in-line style elements, using the CSS properties letter-spacing and word-spacing. Values of normal or a length can be specified (em or ex recommended). | ||
150 | Note that setting the letter-spacing value (including setting it to zero) will prevent any additional letter-spacing to be added when full-justifying text. The word-spacing value, however, is a <i>minimum</i> value, and can be increased in order to justify text. | ||
151 | <br /> | ||
152 | <br /> | ||
153 | Text-align: justify - no longer uses configurable variable $jSpacing= C | W | \'\' | ||
154 | <br /> | ||
155 | The default value is for mixed letter- and word-spacing, set by jSWord and jSmaxChar | ||
156 | <br /> | ||
157 | If a line contains a cursive script (RTL or Indic [devanagari, punjabi, bengali]) then it prevents letter-spacing | ||
158 | for justification on that line - effectively the same as setting letter-spacing:0 | ||
159 | <br /> | ||
160 | Spacing values have been removed from the config_cp.php configuration file, so the "lang" property | ||
161 | (in config_cp) no longer determines justification behaviour (this includes the use of Autofont()). | ||
162 | <br /> | ||
163 | When using RTL or Indic [devanagari, punjabi, bengali] scripts, you should set CSS letter-spacing:0 | ||
164 | whenever you use text-align:justify. | ||
165 | </div> | ||
166 | |||
167 | <p style="border: 0.2mm solid black; padding: 0.3em;">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus. <span style="letter-spacing: 0.2em; color: red;">Letter spacing set at 0.2em. Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci.</span> Morbi feugiat pulvinar dolor. Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus. <span style="word-spacing: 1em; color: teal;">Word spacing set at 1em. Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien.</span> Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod. Donec et nulla. Sed quis orci. </p> | ||
168 | |||
169 | |||
170 | <!-- ============================================================== --> | ||
171 | <pagebreak /> | ||
172 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Colours</div> | ||
173 | |||
174 | <div class="rounded text">Whenever a colour can be specified in a style, additional formats are now supported: rgb(), rgba(), hsl(), hsla(), cmyk(), cmyka(), or spot(). | ||
175 | <br /> | ||
176 | Spot colours need to be defined at the start of the script using e.g. $mpdf->AddSpotColor(\'PANTONE 534 EC\',85,65,47,9); | ||
177 | <br /> | ||
178 | The four values define the CMYK values used when the spot colour is not available. A tint % can be specified when using the spot colour in the document. | ||
179 | </div> | ||
180 | |||
181 | <div style="border: 0.2mm solid black; background-color: rgba(150,150,255, 0.5); color: rgb(0,150,150);">background-color: rgba(150,150,255, 0.5); color: rgb(0,150,150);</div> | ||
182 | <div style="border: 0.2mm solid black; background-color: rgba(60%,60%,100%, 0.5); color: rgb(0,60%,60%);">background-color: rgba(60%,60%,100%, 0.5); color: rgb(0,60%,60%);</div> | ||
183 | <div style="border: 0.2mm solid black; background-color: hsla(180,30%,25%, 0.5); color: hsl(360,100%,50%);">background-color: hsla(180,30%,25%, 0.5); color: hsl(360,100%,50%);</div> | ||
184 | <div style="border: 0.2mm solid black; background-color: cmyka(0,100,0,30, 0.3); color: spot(PANTONE 534 EC,90%);">background-color: cmyka(85,65,0,30, 0.3); color: spot(PANTONE 300 EC,80%);</div> | ||
185 | <br /> | ||
186 | <br /> | ||
187 | |||
188 | <!-- ============================================================== --> | ||
189 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">@page media</div> | ||
190 | |||
191 | <div class="rounded text">When using @page to create a print publication with page-size less than sheet-size, the bleed margin is now configurable. | ||
192 | Backgrounds/gradients/images now use the bleed box as their "container box", rather than the whole page. (See this document as an example.) | ||
193 | <br /> | ||
194 | Crop- and cross-marks can now both be used together, and are more configurable. | ||
195 | Also, background-image-opacity and background-image-resize have been extended to work with @page CSS. | ||
196 | <br /> | ||
197 | The following values can be set in the configuration file, config.php: | ||
198 | $this->bleedMargin<br /> | ||
199 | $this->crossMarkMargin<br /> | ||
200 | $this->cropMarkMargin<br /> | ||
201 | $this->cropMarkLength<br /> | ||
202 | $this->nonPrintMargin<br /> | ||
203 | </div> | ||
204 | |||
205 | <!-- ============================================================== --> | ||
206 | <pagebreak /> | ||
207 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Colorspace and colour conversion </div> | ||
208 | |||
209 | <div class="rounded text">PDF files can contain objects using different colorSpaces e.g. Grayscale, RGB and CMYK. By default, | ||
210 | mPDF creates PDF files using the colours as they are specified: font colour may be set (e.g. #880000) as an RGB colour, and the | ||
211 | file may contain JPG images in RGB or CMYK format. | ||
212 | <br /> | ||
213 | In some circumstances, you may wish to create a PDF file with restricted colorSpaces e.g. printers will often want files | ||
214 | which contain only CMYK, spot colours, or grayscale, but <i>not</i> RGB. | ||
215 | <br /> | ||
216 | Additional methods for defining colours can be used (see above), but alternatively you can set mPDF to restrict the colorSpace by setting | ||
217 | the value for $mpdf->restrictColorSpace: | ||
218 | <br /> | ||
219 | 1 - allow GRAYSCALE only [converts CMYK/RGB->gray] | ||
220 | <br /> | ||
221 | 2 - allow RGB / SPOT COLORS / Grayscale [converts CMYK->RGB] | ||
222 | <br /> | ||
223 | 3 - allow CMYK / SPOT COLORS / Grayscale [converts RGB->CMYK] | ||
224 | <br /> | ||
225 | This will attempt to convert every colour value used in the document to the permitted colorSpace(s). Almost everything including images | ||
226 | will be converted (except BMP images), and the conversion of images may take significant time. | ||
227 | <br /> | ||
228 | This example file is set to (3) CMYK; compare the appearance of the Tux penguin in this file and in the previous example file (RGB). | ||
229 | </div> | ||
230 | <br /> | ||
231 | <br /> | ||
232 | |||
233 | <!-- ============================================================== --> | ||
234 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">PDF/A and PDF/X files</div> | ||
235 | |||
236 | <div class="rounded text">mPDF can produce files which (attempt to) meet the PDF/A and PDF/X specifications. In addition to restricted colorSpace, | ||
237 | PDF/A and /X files cannot contain images or colour values with "transparency". | ||
238 | <br /> | ||
239 | Please note that full compliance with the PDF/A or /X specification is not guaranteed. | ||
240 | </div> | ||
241 | |||
242 | <!-- ============================================================== --> | ||
243 | <pagebreak /> | ||
244 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">RTL (right-to-left) text</div> | ||
245 | |||
246 | <div class="rounded text"><div>Handling of RTL (right-to-left) languages has been significantly rewritten, and is likely to cause | ||
247 | changes to the resulting files if you have previously been using mPDF. The changes have made mPDF | ||
248 | act more like a browser, respecting the HTML/CSS rules. | ||
249 | Changes include:</div> | ||
250 | <ul> | ||
251 | <li>the document now has a baseline direction; this determines the | ||
252 | <ul> | ||
253 | <li>behaviour of blocks for which text-align has not been specifically set</li> | ||
254 | <li>layout of mirrored page-margins, columns, ToC and Indexes, headers / footers</li> | ||
255 | <li>base direction can be set by any of: | ||
256 | <ul> | ||
257 | <li>$mpdf->SetDirectionality(\'rtl\');</li> | ||
258 | <li><html dir="rtl" or style="direction: rtl;"></li> | ||
259 | <li><body dir="rtl" or style="direction: rtl;"></li> | ||
260 | </ul></li> | ||
261 | <li>base direction is an inherited CSS property, so will affect all content, unless...</li> | ||
262 | </ul></li> | ||
263 | <li>direction can be set for all HTML block elements e.g. <DIV><P><TABLE><UL> etc using | ||
264 | <ul> | ||
265 | <li>CSS property <style="direction: rtl;"> </li> | ||
266 | <li>direction can only be set on the top-level element of nested lists</li> | ||
267 | <li>direction can only be set on <TABLE>, NOT on THEAD, TBODY, TD etc.</li> | ||
268 | <li>nested tables CAN have different directions</li> | ||
269 | </ul></li> | ||
270 | <li>NOTE that block/table margins/paddings are NOT reversed by direction</li> | ||
271 | <li>language (either CSS "lang", using Autofont, or through initial set-up e.g. $mpdf = new mPDF(\'ar\') ) | ||
272 | no longer affects direction in any way.<br /> | ||
273 | NB config_cp.php has been changed as a result; any values of "dir" set here are now ineffective</li> | ||
274 | <li>default text-align is now as per CSS spec: "a nameless value which is dependent on direction"<br /> | ||
275 | NB default text-align removed in default stylesheet in config.php </li> | ||
276 | <li>once text-align is specified, it is respected and inherited<br /> | ||
277 | NB mPDF <5.1 reversed the text-align property for all blocks when RTL set.</li> | ||
278 | <li>the configurable value $rtlcss is depracated, as it is no longer required</li> | ||
279 | <li>improved algorithm for dtermining text direction | ||
280 | <ul> | ||
281 | <li>english word blocks are handled in text reversal as one block i.e. dir="rtl"<br /> | ||
282 | [arabic text] this will not be reversed [arabic text]</li> | ||
283 | <li>arabic numerals 0-9 handled correctly</li> | ||
284 | </ul></li> | ||
285 | </ul> | ||
286 | Although the control of direction for block elements is now more configurable, the control of | ||
287 | text direction (RTL arabic characters) remains fully automatic and unconfigurable. | ||
288 | <BDO> etc has no effect. Enclosing text in silent tags can sometimes help e.g.: | ||
289 | content<span>[arabic text]</span>content | ||
290 | </div> | ||
291 | |||
292 | |||
293 | <!-- ============================================================== --> | ||
294 | <pagebreak /> | ||
295 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">List styles</div> | ||
296 | <div class="rounded text">Additional numerical list-styles are supported. All of these (except Tamil) are consistent with the draft CSS3 specification:<br /> | ||
297 | <b>list-style</b>: arabic-indic | bengali | devanagari | gujarati | gurmukhi | kannada | malayalam | oriya | persian | telugu | thai | urdu | tamil | ||
298 | |||
299 | </div> | ||
300 | |||
301 | <style> | ||
302 | ul.arabic { font-family:\'XB Zar\'; text-align: right; direction: rtl; } | ||
303 | ol.arabic { font-family:\'XB Zar\'; list-style: arabic-indic; text-align: right; direction: rtl; } | ||
304 | ol.persian { font-family:\'XB Zar\'; list-style: persian; text-align: right; direction: rtl; } | ||
305 | ol.urdu { font-family:\'XB Zar\'; list-style: urdu; text-align: right; direction: rtl; } | ||
306 | ol.bengali { font-family: ind_bn_1_001; list-style: bengali; } | ||
307 | ol.devanagari { font-family: ind_hi_1_001; list-style: devanagari; } | ||
308 | ol.gujarati { font-family: ind_gu_1_001; list-style: gujarati; } | ||
309 | ol.gurmukhi { font-family: ind_pa_1_001; list-style: gurmukhi; } | ||
310 | ol.kannada { font-family: ind_kn_1_001; list-style: kannada; } | ||
311 | ol.malayalam { font-family: ind_ml_1_001; list-style: malayalam ; } | ||
312 | ol.oriya { font-family: ind_or_1_001; list-style: oriya ; } | ||
313 | ol.tamil { font-family: ind_ta_1_001; list-style: tamil ; } | ||
314 | ol.telugu { font-family: ind_te_1_001; list-style: telugu ; } | ||
315 | </style> | ||
316 | |||
317 | <ul class="arabic"> | ||
318 | |||
319 | |||
320 | <li>Arabic | ||
321 | <ol class="arabic"> | ||
322 | <li>One</li> | ||
323 | <li>Two</li> | ||
324 | <li>Three</li> | ||
325 | <li>Four</li> | ||
326 | <li>Five</li> | ||
327 | <li>Six</li> | ||
328 | </ol> | ||
329 | </li> | ||
330 | <li>Persian | ||
331 | <ol class="persian"> | ||
332 | <li>One</li> | ||
333 | <li>Two</li> | ||
334 | <li>Three</li> | ||
335 | <li>Four</li> | ||
336 | <li>Five</li> | ||
337 | <li>Six</li> | ||
338 | </ol> | ||
339 | </li> | ||
340 | <li>Urdu | ||
341 | <ol class="urdu"> | ||
342 | <li>One</li> | ||
343 | <li>Two</li> | ||
344 | <li>Three</li> | ||
345 | <li>Four</li> | ||
346 | <li>Five</li> | ||
347 | <li>Six</li> | ||
348 | </ol> | ||
349 | </li> | ||
350 | |||
351 | </ul> | ||
352 | |||
353 | <ul> | ||
354 | |||
355 | <li>Bengali | ||
356 | <ol class="bengali"> | ||
357 | <li>One</li> | ||
358 | <li>Two</li> | ||
359 | <li>Three</li> | ||
360 | <li>Four</li> | ||
361 | <li>Five</li> | ||
362 | </ol> | ||
363 | </li> | ||
364 | <li>Devanagari | ||
365 | <ol class="devanagari"> | ||
366 | <li>One</li> | ||
367 | <li>Two</li> | ||
368 | <li>Three</li> | ||
369 | <li>Four</li> | ||
370 | <li>Five</li> | ||
371 | </ol> | ||
372 | </li> | ||
373 | <li>Gujarati | ||
374 | <ol class="gujarati"> | ||
375 | <li>One</li> | ||
376 | <li>Two</li> | ||
377 | <li>Three</li> | ||
378 | <li>Four</li> | ||
379 | <li>Five</li> | ||
380 | </ol> | ||
381 | </li> | ||
382 | <li>Gurmukhi | ||
383 | <ol class="gurmukhi"> | ||
384 | <li>One</li> | ||
385 | <li>Two</li> | ||
386 | <li>Three</li> | ||
387 | <li>Four</li> | ||
388 | <li>Five</li> | ||
389 | </ol> | ||
390 | </li> | ||
391 | <li>Kannada | ||
392 | <ol class="kannada"> | ||
393 | <li>One</li> | ||
394 | <li>Two</li> | ||
395 | <li>Three</li> | ||
396 | <li>Four</li> | ||
397 | <li>Five</li> | ||
398 | </ol> | ||
399 | </li> | ||
400 | <li>Malayalam | ||
401 | <ol class="malayalam"> | ||
402 | <li>One</li> | ||
403 | <li>Two</li> | ||
404 | <li>Three</li> | ||
405 | <li>Four</li> | ||
406 | <li>Five</li> | ||
407 | </ol> | ||
408 | </li> | ||
409 | <li>Oriya | ||
410 | <ol class="oriya"> | ||
411 | <li>One</li> | ||
412 | <li>Two</li> | ||
413 | <li>Three</li> | ||
414 | <li>Four</li> | ||
415 | <li>Five</li> | ||
416 | </ol> | ||
417 | </li> | ||
418 | <li>Tamil | ||
419 | <ol class="tamil"> | ||
420 | <li>One</li> | ||
421 | <li>Two</li> | ||
422 | <li>Three</li> | ||
423 | <li>Four</li> | ||
424 | <li>Five</li> | ||
425 | </ol> | ||
426 | </li> | ||
427 | <li>Telugu | ||
428 | <ol class="telugu"> | ||
429 | <li>One</li> | ||
430 | <li>Two</li> | ||
431 | <li>Three</li> | ||
432 | <li>Four</li> | ||
433 | <li>Five</li> | ||
434 | </ol> | ||
435 | </li> | ||
436 | |||
437 | </ul> | ||
438 | |||
439 | '; | ||
440 | |||
441 | //============================================================== | ||
442 | $mpdf->WriteHTML($html); | ||
443 | |||
444 | //============================================================== | ||
445 | //============================================================== | ||
446 | // OUTPUT | ||
447 | $mpdf->Output(); exit; | ||
448 | |||
449 | |||
450 | //============================================================== | ||
451 | //============================================================== | ||
452 | //============================================================== | ||
453 | //============================================================== | ||
454 | |||
455 | |||
456 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example56_new_mPDF_v5-1_features_grayscale.php b/inc/3rdparty/libraries/mpdf/examples/example56_new_mPDF_v5-1_features_grayscale.php new file mode 100644 index 00000000..7d87cc0c --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example56_new_mPDF_v5-1_features_grayscale.php | |||
@@ -0,0 +1,497 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | include("../mpdf.php"); | ||
5 | |||
6 | $mpdf=new mPDF(''); | ||
7 | |||
8 | $mpdf->restrictColorSpace = 1; // forces to grayscale | ||
9 | //============================================================== | ||
10 | $html = ' | ||
11 | <style> | ||
12 | body { | ||
13 | font-family: sans-serif; | ||
14 | font-size: 10pt; | ||
15 | } | ||
16 | h4 { | ||
17 | font-variant: small-caps; | ||
18 | } | ||
19 | h5 { | ||
20 | margin-bottom: 0; | ||
21 | color: #110044; | ||
22 | } | ||
23 | p { margin-top: 0; } | ||
24 | dl { | ||
25 | margin: 0; | ||
26 | } | ||
27 | table { | ||
28 | border-spacing: 0.5em; | ||
29 | border: 7px dashed teal; | ||
30 | } | ||
31 | .table1 { | ||
32 | background-image: -moz-linear-gradient(left, #07cdde 20%, #00f200 ); | ||
33 | } | ||
34 | .table1 tr.thisrow1 { | ||
35 | background-image-resolution: 300dpi; | ||
36 | background: transparent url(\'bayeux1.jpg\') repeat scroll left top; | ||
37 | } | ||
38 | .table1 tr.thisrow1 td { | ||
39 | height: 28mm; | ||
40 | } | ||
41 | .table1 tr.thisrow2 { | ||
42 | background-image: none; | ||
43 | background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 ); | ||
44 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0.29, rgb(90,83,12)), color-stop(0.65, rgb(117,117,39)), color-stop(0.83, rgb(153,153,67))); | ||
45 | } | ||
46 | .table3 { | ||
47 | border-collapse: collapse; | ||
48 | /* background-gradient: linear #07cdde #00f200 1 0 0.5 1; */ | ||
49 | background: -moz-linear-gradient(left, #07cdde 20%, #00f200 ); | ||
50 | } | ||
51 | tr.thisrow { | ||
52 | border: 3px dashed red; | ||
53 | background: transparent url(\'bayeux1.jpg\') repeat scroll left top; | ||
54 | } | ||
55 | .table3 tr.thisrow { | ||
56 | border: 3px dashed orange; | ||
57 | background: transparent url(\'bgrock.jpg\') repeat scroll left top; | ||
58 | } | ||
59 | tfoot tr { | ||
60 | border: 5px dashed blue; | ||
61 | /* background-gradient: linear #c7Fdde #FF0000 1 0 0.5 0; */ | ||
62 | background: -moz-linear-gradient(left, #c7Fdde 20%, #FF0000 ); | ||
63 | } | ||
64 | .gradient { | ||
65 | border:0.1mm solid #220044; | ||
66 | background-color: #f0f2ff; | ||
67 | background: linear-gradient(top, #c7cdde, #f0f2ff); | ||
68 | } | ||
69 | .rounded { | ||
70 | border:0.1mm solid #220044; | ||
71 | background-color: #f0f2ff; | ||
72 | background: linear-gradient(top, #c7cdde, #f0f2ff); | ||
73 | border-radius: 2mm; | ||
74 | background-clip: border-box; | ||
75 | } | ||
76 | div.text { | ||
77 | padding:1em; | ||
78 | margin: 1em 0; | ||
79 | text-align:justify; | ||
80 | } | ||
81 | .code { | ||
82 | font-family: mono; | ||
83 | font-size: 9pt; | ||
84 | background-color: #d5d5d5; | ||
85 | margin: 1em 1cm; | ||
86 | padding: 0 0.3cm; | ||
87 | } | ||
88 | </style> | ||
89 | <body style="background: -moz-repeating-radial-gradient(rgba(255,0,0,0.1), rgba(0,0,255,0.1) 40px, rgba(255,0,0,0.1) 80px)"> | ||
90 | |||
91 | <div style="position:fixed; top: 0; right: 0"><img src="tux.svg" width="110" /></div> | ||
92 | |||
93 | <h1></a>mPDF</h1> | ||
94 | <h2>New features in mPDF Version 5.1</h2> | ||
95 | |||
96 | <div class="rounded text"> | ||
97 | <p>This is a copy of Example 54, but all object colours are converted to grayscale using simply:</p> | ||
98 | <p class="code">$mpdf->restrictColorSpace = 1;</p> | ||
99 | </div> | ||
100 | |||
101 | <div class="rounded text"> | ||
102 | <ul> | ||
103 | <li>CSS background (images, colours or gradients) on <TR> and <TABLE></li> | ||
104 | <li>CSS border on <TR> (only in border-collapsed mode)</li> | ||
105 | <li>support for Mozilla and CSS3 gradient syntax: | ||
106 | <ul> | ||
107 | <li>-moz-linear-gradient, linear-gradient</li> | ||
108 | <li>-moz-radial-gradient, radial-gradient</li> | ||
109 | <li>-moz-repeating-linear-gradient, linear-repeating-gradient</li> | ||
110 | <li>-moz-repeating-radial-gradient, radial-repeating-gradient</li> | ||
111 | </ul> | ||
112 | </li> | ||
113 | <li>expanded support for gradients (including in SVG images): | ||
114 | <ul> | ||
115 | <li>multiple colour \'stops\'</li> | ||
116 | <li>opacity (transparency)</li> | ||
117 | <li>angle and/or position can be specified</li> | ||
118 | </ul> | ||
119 | </li> | ||
120 | <li>etc...</li> | ||
121 | </ul> | ||
122 | </div> | ||
123 | |||
124 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Tables: borders, background images & gradients</div> | ||
125 | |||
126 | <div class="rounded text">Background images or gradients can be set on whole tables or table rows (as well as individual table cells)</div> | ||
127 | |||
128 | <table class="table1"> | ||
129 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
130 | <tr class="thisrow1"><td>This row has</td><td>a background-image</td><td>of the bayeux tapestry</td></tr> | ||
131 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
132 | <tr class="thisrow2"><td>This row has</td><td>a gradient set</td><td>which spans all 3 cells</td></tr> | ||
133 | <tr><td>Row 5</td><td>Also data</td><td>Also data</td></tr> | ||
134 | </tbody></table> | ||
135 | |||
136 | |||
137 | <div class="rounded text">Border can be set on table rows (only when border-collapse is set to collapse)</div> | ||
138 | |||
139 | <table class="table3" border="1"> | ||
140 | <tbody><tr><td>Row 1</td><td>This is data</td><td>This is data</td></tr> | ||
141 | <tr class="thisrow"><td>Row 2</td><td>This is data<br />This is data<br />This is data<br />This is data</td><td>Also data</td></tr> | ||
142 | <tr><td><p>Row 3</p></td><td><p>This is long data</p></td><td>This is data</td></tr> | ||
143 | </tbody></table> | ||
144 | |||
145 | |||
146 | <!-- ============================================================== --> | ||
147 | |||
148 | |||
149 | <div style="margin-top: 2em; height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div> | ||
150 | |||
151 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mozilla and CSS3 gradient syntax</div> | ||
152 | |||
153 | <div style="height: 2mm; background-image: -moz-linear-gradient(45deg, red, blue);"> </div> | ||
154 | <h2>Linear gradients</h2> | ||
155 | <h4> Angle set AND points e.g. -moz-linear-gradient(34% 84% 30deg, red, orange, yellow...</h4> | ||
156 | <table style="border-collapse: collapse; repeat scroll left top; border: none;"> | ||
157 | <tr> | ||
158 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);">top right 210 degrees </td> | ||
159 | <td> </td> | ||
160 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
161 | </tr> | ||
162 | <tr> | ||
163 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);">30% 80% 60 degrees </td> | ||
164 | <td> </td> | ||
165 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 80% 60deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
166 | </tr> | ||
167 | <tr> | ||
168 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);">10px 40px 325 degrees </td> | ||
169 | <td> </td> | ||
170 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px 325deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
171 | </tr> | ||
172 | <tr> | ||
173 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);">bottom left 135deg </td> | ||
174 | <td> </td> | ||
175 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom left 135deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
176 | </tr> | ||
177 | </table> | ||
178 | |||
179 | |||
180 | <h4> Points set only e.g. -moz-linear-gradient(bottom left, red, orange, yellow...</h4> | ||
181 | |||
182 | <table style="border-collapse: collapse; repeat scroll left top; border: none;"> | ||
183 | <tr> | ||
184 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);">bottom right</td> | ||
185 | <td> </td> | ||
186 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(bottom right, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
187 | </tr> | ||
188 | <tr> | ||
189 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);">top</td> | ||
190 | <td> </td> | ||
191 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
192 | </tr> | ||
193 | <tr> | ||
194 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);">10px 40px</td> | ||
195 | <td> </td> | ||
196 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(10px 40px, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
197 | </tr> | ||
198 | <tr> | ||
199 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);">30% 10%</td> | ||
200 | <td> </td> | ||
201 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(30% 10%, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
202 | </tr> | ||
203 | </table> | ||
204 | |||
205 | <pagebreak /> | ||
206 | |||
207 | <h4> Angle set but no points e.g. -moz-linear-gradient(30deg, red, orange, yellow...</h4> | ||
208 | |||
209 | <table style="border-collapse: collapse; repeat scroll left top; border: none;"> | ||
210 | <tr> | ||
211 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);">90 degrees </td> | ||
212 | <td> </td> | ||
213 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
214 | </tr> | ||
215 | <tr> | ||
216 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);">120 degrees </td> | ||
217 | <td> </td> | ||
218 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(120deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
219 | </tr> | ||
220 | <tr> | ||
221 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);">180 degrees </td> | ||
222 | <td> </td> | ||
223 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
224 | </tr> | ||
225 | <tr> | ||
226 | <td style="height: 25mm; width: 135mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);">210 degrees </td> | ||
227 | <td> </td> | ||
228 | <td style="height: 25mm; width: 10mm; background-image: -moz-linear-gradient(210deg, red, orange, yellow, green, blue, indigo, violet);"> </td> | ||
229 | </tr> | ||
230 | </table> | ||
231 | |||
232 | |||
233 | |||
234 | <div class="rounded text"> | ||
235 | <p>Linear and radial gradients are not specified in the CSS2 specification. The CSS3 draft specification gives a way of outputting gradients, but currently this is not supported by any browser.</p> | ||
236 | <p>Mozilla (Firefox) has developed its own way of producing gradients, which approximates to the CSS3 draft specification: </p> | ||
237 | <ul> | ||
238 | <li><i>-moz-linear-gradient</i> </li> | ||
239 | <li><i>-moz-repeating-linear-gradient</i></li> | ||
240 | <li><i>-moz-radial-gradient</i> and </li> | ||
241 | <li><i>-moz-repeating-radial-gradient</i></li> | ||
242 | </ul> | ||
243 | <p>WebKit (Safari, Chrome etc.) have a separate way of defining gradients using <i>-webkit-gradient</i></p> | ||
244 | <p>Microsoft (IE) does not support any such method of specifying gradients, but does have a function <i>filter: progid:DXImageTransform.Microsoft.gradient()</i> </p> | ||
245 | <p>When writing HTML for cross-browser compatibility, it is common to see something like this in a stylesheet:</p> | ||
246 | <p class="code"> | ||
247 | background: #999999; /* for non-css3 browsers */<br /> | ||
248 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#cccccc\', endColorstr=\'#000000\'); /* for IE */<br /> | ||
249 | background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#000000)); /* for webkit browsers */<br /> | ||
250 | background: -moz-linear-gradient(top, #cccccc, #000000); /* for firefox 3.6+ */<br /> | ||
251 | </p> | ||
252 | |||
253 | |||
254 | |||
255 | <p>mPDF versions <= 5.0 supported a custom style property <i>background-gradient</i> which accepted both linear and radial gradients. These continue to be supported (and both old and new forms can be used together); note the differences:</p> | ||
256 | <ul> | ||
257 | <li>mPDF background-gradients are output underneath background-images, and both can be specified; whereas the new CSS3/Mozilla-type gradients are defined as a type of background-image</li> | ||
258 | <li>CSS3/Mozilla gradients support multiple colour-stops, opacity, repeating-gradients, and a greater number of options for defining the gradient axis (linear gradients) or shape and extent (radial gradients)</li> | ||
259 | </ul> | ||
260 | |||
261 | <p>mPDF will attempt to parse a CSS stylesheet written for cross-browser compatibility:</p> | ||
262 | <ul> | ||
263 | <li>parse and support <i>-moz</i> type gradients</li> | ||
264 | <li>parse and support CSS3 gradient syntax</li> | ||
265 | <li>ignore <i>-webkit</i> syntax gradients</li> | ||
266 | </ul> | ||
267 | |||
268 | |||
269 | <p>More details can be found at:</p> | ||
270 | <ul> | ||
271 | <li>Mozilla linear - <a href="https://developer.mozilla.org/en/CSS/-moz-linear-gradient">https://developer.mozilla.org/en/CSS/-moz-linear-gradient</a></li> | ||
272 | <li>Mozilla radial - <a href="https://developer.mozilla.org/en/CSS/-moz-radial-gradient">https://developer.mozilla.org/en/CSS/-moz-radial-gradient</a></li> | ||
273 | <li>Mozilla gradients use - <a href="https://developer.mozilla.org/en/Using_gradients">https://developer.mozilla.org/en/Using_gradients</a></li> | ||
274 | <li>CSS3 linear gradients - <a href="http://dev.w3.org/csswg/css3-images/#linear-gradients">http://dev.w3.org/csswg/css3-images/#linear-gradients</a></li> | ||
275 | <li>CSS3 radial gradients - <a href="http://dev.w3.org/csswg/css3-images/#radial-gradients">http://dev.w3.org/csswg/css3-images/#radial-gradients</a></li> | ||
276 | <li>WebKit gradients - <a href="http://webkit.org/blog/175/introducing-css-gradients/">http://webkit.org/blog/175/introducing-css-gradients/</a></li> | ||
277 | </ul> | ||
278 | </div> | ||
279 | |||
280 | |||
281 | |||
282 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Repeating gradients</div> | ||
283 | |||
284 | <p class="code"> | ||
285 | background: repeating-linear-gradient(red, blue 20px, red 40px); | ||
286 | <br /> <br /> | ||
287 | background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px); | ||
288 | </p> | ||
289 | |||
290 | <div style="float: right; width: 250px; height: 150px; background: -moz-repeating-linear-gradient(top left -45deg, red, red 10px, rgba(255,255,255,0) 10px, rgba(255,255,255,0) 20px);"> </div> | ||
291 | |||
292 | <div style="float: left; width: 250px; height: 150px; background: repeating-linear-gradient(red, blue 20px, red 40px);"> </div> | ||
293 | <br style="clear: both;" /> | ||
294 | <br /> | ||
295 | <br /> | ||
296 | |||
297 | <p class="code"> | ||
298 | background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px); | ||
299 | <br /> <br /> | ||
300 | background: repeating-radial-gradient(red, blue 20px, red 40px); | ||
301 | </p> | ||
302 | <div style="float: right; width: 250px; height: 150px; background: repeating-radial-gradient(red, blue 20px, red 40px);"> </div> | ||
303 | |||
304 | <div style="float: left; width: 250px; height: 150px; background: repeating-radial-gradient(20px 30px, circle farthest-side, red, yellow, green 10px, yellow 15px, red 20px);"> </div> | ||
305 | <br style="clear: both;" /> | ||
306 | |||
307 | |||
308 | <pagebreak /> | ||
309 | |||
310 | |||
311 | <h2>Radial gradients</h2> | ||
312 | |||
313 | <div style="float: right; width: 250px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8; | ||
314 | border-radius: 155px / 100px; | ||
315 | -moz-border-radius: 155px / 100px; | ||
316 | box-shadow: 10px 10px 25px #CCC; | ||
317 | -moz-box-shadow: 5px 5px 25px #CCC; | ||
318 | background-image: -moz-radial-gradient(70% 30%, ellipse , #ffffff 0%, #F56991 50%, #8A2624 100%);"> </div> | ||
319 | |||
320 | |||
321 | <div style="float: left; width: 150px; height: 150px; padding: 15px; background: #F56991; color: #E8F3F8; | ||
322 | border-radius: 100px; | ||
323 | -moz-border-radius: 100px; | ||
324 | box-shadow: 10px 10px 25px #CCC; | ||
325 | -moz-box-shadow: 5px 5px 25px #CCC; | ||
326 | background-image: -moz-radial-gradient(70% 30%, circle , #ffffff 0%, #E56991 50%, #8A2624 100%);"> </div> | ||
327 | <br style="clear: both;" /> | ||
328 | |||
329 | |||
330 | <div style="float: right; width: 150px; height: 150px; border: 0.2mm solid black; | ||
331 | background: radial-gradient(bottom left, farthest-side, red, blue 50px, pink); | ||
332 | background-image: -moz-radial-gradient(red, yellow, #1E90FF); | ||
333 | background: -webkit-gradient(linear, left bottom, left top, color-stop(0.48, rgb(107,14,86)), color-stop(0.74, rgb(140,41,112)), color-stop(0.87, rgb(168,70,146)));"> </div> | ||
334 | |||
335 | <div style="float: left; width: 150px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(red 5%, yellow 25%, #1E90FF 50%);"> </div> | ||
336 | <br style="clear: both;" /> | ||
337 | |||
338 | <div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, circle, red, yellow, #1E90FF);"> </div> | ||
339 | |||
340 | <div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(bottom left, ellipse, red, yellow, #1E90FF);"> </div> | ||
341 | <br style="clear: both;" /> | ||
342 | |||
343 | <div style="float: right; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse closest-side, red, yellow 10%, #1E90FF 50%, white);"> </div> | ||
344 | |||
345 | <div style="float: left; width: 300px; height: 150px; border: 0.2mm solid black; background-image: -moz-radial-gradient(ellipse farthest-corner, red, yellow 10%, #1E90FF 50%, white);"> </div> | ||
346 | <br style="clear: both;" /> | ||
347 | |||
348 | |||
349 | <p style="background-image: -moz-radial-gradient(center , red, orange, yellow, green, blue, indigo, violet);"> <br /> <br /> <br /> <br /> <br /> <br /> </p> | ||
350 | |||
351 | <p style="background-image: -moz-radial-gradient(center , circle closest-side, blue 0%, red 100%);"> <br /> <br /> <br /> <br /> <br /> </p> | ||
352 | |||
353 | |||
354 | |||
355 | |||
356 | <pagebreak /> | ||
357 | |||
358 | |||
359 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Gradient Image mask</div> | ||
360 | |||
361 | <div class="rounded text">Gradients (linear or radial) can also be used to produce \'masks\' for images. The same syntax is used as for background gradients (e.g. -moz-linear-gradient) but is set using a custom mPDF style: <i>gradient-mask</i>. The rgba() method for defining colours is used: colours are ignored, but the opacity value is used to mask the image.</div> | ||
362 | |||
363 | <p class="code"><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
364 | <br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
365 | <br /><br /><img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" /> | ||
366 | </p> | ||
367 | |||
368 | <img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 30%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
369 | <img src="windmill.jpg" style="gradient-mask: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));" /> | ||
370 | <img src="windmill.jpg" style="gradient-mask: -moz-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,1) 50% , rgba(0,0,0,0) 100%);" /> | ||
371 | |||
372 | |||
373 | <br /> | ||
374 | |||
375 | |||
376 | |||
377 | |||
378 | <pagebreak /> | ||
379 | |||
380 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image orientation</div> | ||
381 | |||
382 | <div class="rounded text">Images can be rotated using a custom mPDF HTML attribute: rotate. mPDF now also supports the draft CSS3 property of image-orientation. Rotation can be expressed in degrees, radians or grad units; it is corrected if necessary to an orthogonal rotation i.e. 90, 180 or 270 degrees. NB This does not work on background-images.</div> | ||
383 | <p class="code"><img src="tiger2.png" style="image-orientation: -90deg" width="100" /> | ||
384 | <br /> | ||
385 | <img src="tiger2.png" style="image-orientation: 3.14159rad" width="100" /> | ||
386 | </p> | ||
387 | |||
388 | <img src="tiger2.png" width="100" /> | ||
389 | <img src="tiger2.png" style="image-orientation: 75deg;" width="100" /> | ||
390 | <img src="tiger2.png" style="image-orientation: 180deg; image-resolution: 300dpi; " width="100" /> | ||
391 | <img src="tiger2.png" style="image-orientation: -90deg" width="100" /> | ||
392 | |||
393 | |||
394 | <br /> | ||
395 | |||
396 | <br /> | ||
397 | <br /> | ||
398 | <br /> | ||
399 | |||
400 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Image resolution</div> | ||
401 | |||
402 | |||
403 | <div class="rounded text">Image files (which do not have an output width or height specified) are displayed in mPDF at the default resolution set by the variable $mpdf->img_dpi. This can be overridden using the draft CSS3 property \'image-resolution\', which can be applied to <IMG> or background-images. | ||
404 | <br /> | ||
405 | The next 3 image files are identical (300px x 300px) but they have been saved with a different specified resolution: the first at 96dpi, the second at 300dpi. | ||
406 | <br /> | ||
407 | NB When used in combination with \'from-image\', a specified resolution is only used if the image does not have an intrinsic resolution. Only JPG, PNG and BMP files store a specified DPI resolution in the file.</div> | ||
408 | |||
409 | <p class="code"><img src="tiger300px300dpi.png" style="image-resolution: from-image;" /> | ||
410 | <br /><img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" /> | ||
411 | <br /><img src="tiger300px96dpi.png" style="image-resolution: from-image;" /></p> | ||
412 | |||
413 | <img src="tiger300px300dpi.png" style="image-resolution: from-image;" /> | ||
414 | <img src="tiger300px300dpi.png" style="image-resolution: 150dpi;" /> | ||
415 | <img src="tiger300px96dpi.png" style="image-resolution: from-image;" /> | ||
416 | <br /> <br /> | ||
417 | |||
418 | |||
419 | |||
420 | <pagebreak /> | ||
421 | |||
422 | <div class="rounded text">Image resolution can also be applied to a background-image. This can be used as an alternative to the custom mPDF style property - \'background-image-resize\'</div> | ||
423 | |||
424 | <p class="code"><div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p> | ||
425 | <div height="300px" width="300px" style="background: #FFCCEE url(tiger300px96dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;">Hallo<br />world | ||
426 | </div> | ||
427 | |||
428 | <br /> | ||
429 | |||
430 | <p class="code"><div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"></p> | ||
431 | <div height="300px" width="300px" style="background-image: url(tiger300px300dpi.png); background-image-resolution: from-image; border: 0.2mm solid black;"> | ||
432 | </div> | ||
433 | |||
434 | |||
435 | |||
436 | <br /> | ||
437 | |||
438 | |||
439 | <pagebreak /> | ||
440 | |||
441 | |||
442 | |||
443 | <div style="font-family: Arial; font-size: 18pt; color: rgb(49,124,209)">Mixed effects</div> | ||
444 | |||
445 | |||
446 | <div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 90px;background-color: #00f200 ; "> | ||
447 | <div style="padding: 15px; background: -moz-linear-gradient(top right, red, orange, yellow, green, blue, indigo, violet); border-radius: 75px; "> | ||
448 | <div style="padding: 15px; background-gradient: linear #07cdde #00f200 0 0 0.5 1; border-radius: 60px; "> | ||
449 | <div style="padding: 15px; background: url(flowers-pattern.jpg) repeat right; border-radius: 45px; background-image-resolution: 180dpi; "> | ||
450 | <div style="padding: 15px; background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); border-radius: 30px; "> | ||
451 | <div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 180dpi; "> | ||
452 | Hallo World | ||
453 | </div> | ||
454 | <div style="padding: 15px; background: url(alpha3.png) repeat top left; border-radius: 15px; background-image-resolution: 360dpi; "> | ||
455 | Hallo World | ||
456 | </div> | ||
457 | </div> | ||
458 | </div> | ||
459 | </div> | ||
460 | </div> | ||
461 | </div> | ||
462 | |||
463 | <br /> | ||
464 | |||
465 | <div style="background-color:#FF0000 ; width:180px; background-image: -moz-radial-gradient(center, ellipse closest-side, rgba(255,255,255,1), rgba(255,255,255,1) 70%, rgba(255,255,255,0) 90%, rgba(255,255,255,0));"> | ||
466 | <img src="tux.svg" width="180" /> | ||
467 | </div> | ||
468 | |||
469 | '; | ||
470 | |||
471 | //============================================================== | ||
472 | if ($_REQUEST['html']) { echo $html; exit; } | ||
473 | if ($_REQUEST['source']) { | ||
474 | $file = __FILE__; | ||
475 | header("Content-Type: text/plain"); | ||
476 | header("Content-Length: ". filesize($file)); | ||
477 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
478 | readfile($file); | ||
479 | exit; | ||
480 | } | ||
481 | |||
482 | //============================================================== | ||
483 | $mpdf->WriteHTML($html); | ||
484 | |||
485 | //============================================================== | ||
486 | //============================================================== | ||
487 | // OUTPUT | ||
488 | $mpdf->Output(); exit; | ||
489 | |||
490 | |||
491 | //============================================================== | ||
492 | //============================================================== | ||
493 | //============================================================== | ||
494 | //============================================================== | ||
495 | |||
496 | |||
497 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example57_new_mPDF_v5-3_active_forms.php b/inc/3rdparty/libraries/mpdf/examples/example57_new_mPDF_v5-3_active_forms.php new file mode 100644 index 00000000..2427f5a6 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example57_new_mPDF_v5-3_active_forms.php | |||
@@ -0,0 +1,233 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | include("../mpdf.php"); | ||
5 | |||
6 | $mpdf=new mPDF(''); | ||
7 | |||
8 | //============================================================== | ||
9 | |||
10 | $html = ' | ||
11 | <style> | ||
12 | textarea { | ||
13 | } | ||
14 | input { | ||
15 | } | ||
16 | select { | ||
17 | font-family: arialunicodems | ||
18 | } | ||
19 | </style> | ||
20 | <body> | ||
21 | <h2>Active Forms</h2> | ||
22 | |||
23 | <form action="http://127.0.0.1/MPDF1.com/common/mpdf/examples/formsubmit.php" method="post"> | ||
24 | <b>Input Text</b> | ||
25 | <input type="text" size="90" name="inputfield" value="" title="The title attribute works like a tool-tip" /> | ||
26 | <br /><br /> | ||
27 | |||
28 | <b>Readonly</b> | ||
29 | <input type="text" size="90" name="readonlyfield" value="Read-only field. The value will be exported on submit" title="The title does not do anything if the field is read-only" readonly="readonly" /> | ||
30 | <br /><br /> | ||
31 | |||
32 | <b>Disabled</b> | ||
33 | <input type="text" size="90" name="disabledfield" value="Disabled field. The value will not be exported on submit" title="The title does not do anything if the field is disabled." disabled="disabled" /> | ||
34 | <br /><br /> | ||
35 | |||
36 | <b>Required</b> | ||
37 | <input type="text" size="90" name="requiredfield" value="" title="This field must be entered before you can submit." required="required" /> | ||
38 | <br /><br /> | ||
39 | |||
40 | <b>Hidden</b> | ||
41 | <input type="hidden" name="hiddenfield" value="value_of_hidden_field"> | ||
42 | <br /><br /> | ||
43 | |||
44 | <b>Input Password</b> | ||
45 | <input type="password" size="40" name="password" value="mysecretpassword" title="This field is set to act as a password field." > | ||
46 | <br /><br /> | ||
47 | |||
48 | <b>Calculations</b> | ||
49 | <input type="text" size="20" name="maths1" value="0" onChange="var a = this.getField(\'maths1\').value; | ||
50 | var b = this.getField(\'maths2\').value; | ||
51 | this.getField(\'maths3\').value = a + b; | ||
52 | " /> + | ||
53 | <input type="text" size="20" name="maths2" value="0" onChange="var a = this.getField(\'maths1\').value; | ||
54 | var b = this.getField(\'maths2\').value; | ||
55 | this.getField(\'maths3\').value = a + b; | ||
56 | " /> = | ||
57 | <input type="text" size="20" name="maths3" value="" readonly="readonly"/> | ||
58 | <br /><br /> | ||
59 | |||
60 | |||
61 | <b>Textarea</b> | ||
62 | <textarea name="textareafield" spellcheck="true" rows="5" cols="80" wrap="virtual" title="Textarea tooltip">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
63 | <br /><br /> | ||
64 | |||
65 | |||
66 | <b>First language</b> | ||
67 | <select name="first_language" editable="editable" onChange=" | ||
68 | var choice = this.getField(\'first_language\').value; | ||
69 | this.getField(\'first_language_display\').value = choice; | ||
70 | "> | ||
71 | <option value="" >- Please select or type in -</option> | ||
72 | <option value="Arabic" >العربية</option> | ||
73 | <option value="Bulgarian" >български език</option> | ||
74 | <option value="Chinese" >汉语</option> | ||
75 | <option value="Czech" >česky</option> | ||
76 | <option value="English" >English</option> | ||
77 | <option value="French" >Français</option> | ||
78 | <option value="Greek" >Ελληνικά</option> | ||
79 | <option value="Japanese" >日本語</option> | ||
80 | <option value="Latvian" >Latviešu valoda</option> | ||
81 | <option value="Russian" >Русско</option> | ||
82 | <option value="Spanish" >Español</option> | ||
83 | <option value="Turkish" >Türkçe</option> | ||
84 | </select> | ||
85 | | ||
86 | |||
87 | You have selected: <input type="text" size="20" name="first_language_display" value="" readonly="readonly"/> | ||
88 | |||
89 | <br /><br /> | ||
90 | |||
91 | |||
92 | <div> | ||
93 | <b>Spoken language(s)</b><br /> | ||
94 | <select size="6" multiple="multiple" name="spoken_languages"> | ||
95 | <option value="Arabic" >العربية</option> | ||
96 | <option value="Bulgarian" >български език</option> | ||
97 | <option value="Chinese" >汉语</option> | ||
98 | <option value="Czech" >česky</option> | ||
99 | <option value="English" selected="selected">English</option> | ||
100 | <option value="French" >Français</option> | ||
101 | <option value="Greek" >Ελληνικά</option> | ||
102 | <option value="Japanese" >日本語</option> | ||
103 | <option value="Latvian" >Latviešu valoda</option> | ||
104 | <option value="Russian" >Русско</option> | ||
105 | <option value="Spanish" >Español</option> | ||
106 | <option value="Turkish" >Türkçe</option> | ||
107 | </select> | ||
108 | </div> | ||
109 | <br /><br /> | ||
110 | |||
111 | |||
112 | |||
113 | <b>How many languages do you speak?</b> | ||
114 | <input type="radio" name="num_languages" value="1" checked="checked" > One | ||
115 | <input type="radio" name="num_languages" value="2" > Two | ||
116 | <input type="radio" name="num_languages" value="3" > Three | ||
117 | <input type="radio" name="num_languages" value="4" > Four | ||
118 | <input type="radio" name="num_languages" value="5" > Five + | ||
119 | |||
120 | <br /><br /> | ||
121 | |||
122 | |||
123 | <input type="checkbox" name="email" value="email_subscrbe" checked="checked" /> Please send me regular information by e-mail<br> | ||
124 | <input type="checkbox" name="phone" value="phone-me" disabled="disabled" /> Please phone me (not available at present)<br> | ||
125 | <input type="checkbox" name="subscribe" value="newsletter_subscribe" /> Please subscribe me to the Newsletter | ||
126 | <br /><br /> | ||
127 | |||
128 | <br /><br /> | ||
129 | |||
130 | Click this button to see Javascript in action: | ||
131 | <input type="image" name="imageButton" value="imagesubmitted" src="goto.gif" title="Click to run javascript" onClick=" | ||
132 | var npass = this.getField(\'password\').value; | ||
133 | app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\'); | ||
134 | var nButton = app.alert({ | ||
135 | cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\', | ||
136 | cTitle: \'A message from A. C. Robat\', | ||
137 | nIcon: 2, nType: 2 | ||
138 | }); | ||
139 | if ( nButton == 4 ) { | ||
140 | this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\'; | ||
141 | } | ||
142 | " /> | ||
143 | |||
144 | <br /><br /> | ||
145 | |||
146 | <input type="submit" name="disabled_submit" value="Disabled" disabled="disabled" title="This Submit button is disabled" /> | ||
147 | |||
148 | <input type="reset" name="resetfield" value="Reset" /> | ||
149 | |||
150 | <input type="submit" name="submit" value="Submit" title="Click here to submit" /> | ||
151 | |||
152 | <input type="submit" name="submit_in_Turkish" value="Submit (Türkçe)" title="Click here to submit in Türkçe" /> | ||
153 | |||
154 | <input type="button" name="javascriptButton" value="Javascript Button" onClick=" | ||
155 | var npass = this.getField(\'password\').value; | ||
156 | app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\'); | ||
157 | var nButton = app.alert({ | ||
158 | cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\', | ||
159 | cTitle: \'A message from A. C. Robat\', | ||
160 | nIcon: 2, nType: 2 | ||
161 | }); | ||
162 | if ( nButton == 4 ) { | ||
163 | this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\'; | ||
164 | } | ||
165 | " /> | ||
166 | <br /><br /> | ||
167 | |||
168 | |||
169 | </form> | ||
170 | '; | ||
171 | |||
172 | |||
173 | //============================================================== | ||
174 | if ($_REQUEST['html']) { echo $html; exit; } | ||
175 | if ($_REQUEST['source']) { | ||
176 | $file = __FILE__; | ||
177 | header("Content-Type: text/plain"); | ||
178 | header("Content-Length: ". filesize($file)); | ||
179 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
180 | readfile($file); | ||
181 | exit; | ||
182 | } | ||
183 | |||
184 | //============================================================== | ||
185 | $mpdf->useActiveForms = true; | ||
186 | |||
187 | /* | ||
188 | // Try playing around with these (these are also in config.php) | ||
189 | $mpdf->formUseZapD = false; | ||
190 | $mpdf->formSubmitNoValueFields = true; | ||
191 | |||
192 | $mpdf->formExportType = 'xfdf'; // 'html' or 'xfdf' | ||
193 | $mpdf->formSelectDefaultOption = true; // for Select drop down box; if no option is explicitly maked as selected, | ||
194 | // this determines whether to select 1st option (as per browser) | ||
195 | // - affects whether "required" attribute is relevant | ||
196 | $mpdf->form_border_color = '0.0 0.820 0.0'; | ||
197 | $mpdf->form_background_color = '0.941 0.941 0.941'; | ||
198 | $mpdf->form_border_width = '1'; | ||
199 | $mpdf->form_border_style = 'S'; | ||
200 | |||
201 | $mpdf->form_radio_color = '0.0 0.820 0.0'; | ||
202 | $mpdf->form_radio_background_color = '0.941 0.5 0.5'; | ||
203 | |||
204 | $mpdf->form_button_border_color = '0.0 0.820 0.0'; | ||
205 | $mpdf->form_button_background_color = '0.941 0.941 0.941'; | ||
206 | $mpdf->form_button_border_width = '1'; | ||
207 | $mpdf->form_button_border_style = 'S'; | ||
208 | */ | ||
209 | |||
210 | $mpdf->WriteHTML($html); | ||
211 | |||
212 | //============================================================== | ||
213 | // JAVASCRIPT FOR WHOLE DOCUMENT | ||
214 | $mpdf->SetJS(' | ||
215 | var dialogTitle = "Enter details"; | ||
216 | var defaultAnswer = ""; | ||
217 | var reply = app.response("This is javascript set to run when the document opens. Enter value for first field", dialogTitle, defaultAnswer); | ||
218 | if (reply != null) { | ||
219 | this.getField("inputfield").value = reply; | ||
220 | } | ||
221 | '); | ||
222 | //============================================================== | ||
223 | // OUTPUT | ||
224 | $mpdf->Output(); exit; | ||
225 | |||
226 | |||
227 | //============================================================== | ||
228 | //============================================================== | ||
229 | //============================================================== | ||
230 | //============================================================== | ||
231 | |||
232 | |||
233 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example57_new_mPDF_v5-3_active_forms_b.php b/inc/3rdparty/libraries/mpdf/examples/example57_new_mPDF_v5-3_active_forms_b.php new file mode 100644 index 00000000..0d652227 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example57_new_mPDF_v5-3_active_forms_b.php | |||
@@ -0,0 +1,234 @@ | |||
1 | <?php | ||
2 | |||
3 | |||
4 | include("../mpdf.php"); | ||
5 | |||
6 | $mpdf=new mPDF(''); | ||
7 | |||
8 | //============================================================== | ||
9 | |||
10 | $html = ' | ||
11 | <style> | ||
12 | textarea { | ||
13 | } | ||
14 | input { | ||
15 | } | ||
16 | select { | ||
17 | font-family: arialunicodems | ||
18 | } | ||
19 | </style> | ||
20 | <body> | ||
21 | <h2>Active Forms</h2> | ||
22 | |||
23 | <form action="http://127.0.0.1/MPDF1.com/common/mpdf/examples/formsubmit.php" method="post"> | ||
24 | <b>Input Text</b> | ||
25 | <input type="text" size="90" name="inputfield" value="" title="The title attribute works like a tool-tip" /> | ||
26 | <br /><br /> | ||
27 | |||
28 | <b>Readonly</b> | ||
29 | <input type="text" size="90" name="readonlyfield" value="Read-only field. The value will be exported on submit" title="The title does not do anything if the field is read-only" readonly="readonly" /> | ||
30 | <br /><br /> | ||
31 | |||
32 | <b>Disabled</b> | ||
33 | <input type="text" size="90" name="disabledfield" value="Disabled field. The value will not be exported on submit" title="The title does not do anything if the field is disabled." disabled="disabled" /> | ||
34 | <br /><br /> | ||
35 | |||
36 | <b>Required</b> | ||
37 | <input type="text" size="90" name="requiredfield" value="" title="This field must be entered before you can submit." required="required" /> | ||
38 | <br /><br /> | ||
39 | |||
40 | <b>Hidden</b> | ||
41 | <input type="hidden" name="hiddenfield" value="value_of_hidden_field"> | ||
42 | <br /><br /> | ||
43 | |||
44 | <b>Input Password</b> | ||
45 | <input type="password" size="40" name="password" value="mysecretpassword" title="This field is set to act as a password field." > | ||
46 | <br /><br /> | ||
47 | |||
48 | <b>Calculations</b> | ||
49 | <input type="text" size="20" name="maths1" value="0" onChange="var a = this.getField(\'maths1\').value; | ||
50 | var b = this.getField(\'maths2\').value; | ||
51 | this.getField(\'maths3\').value = a + b; | ||
52 | " /> + | ||
53 | <input type="text" size="20" name="maths2" value="0" onChange="var a = this.getField(\'maths1\').value; | ||
54 | var b = this.getField(\'maths2\').value; | ||
55 | this.getField(\'maths3\').value = a + b; | ||
56 | " /> = | ||
57 | <input type="text" size="20" name="maths3" value="" readonly="readonly"/> | ||
58 | <br /><br /> | ||
59 | |||
60 | |||
61 | <b>Textarea</b> | ||
62 | <textarea name="textareafield" spellcheck="true" rows="5" cols="80" wrap="virtual" title="Textarea tooltip">Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. Quisque viverra. Etiam id libero at magna pellentesque aliquet. Nulla sit amet ipsum id enim tempus dictum. </textarea> | ||
63 | <br /><br /> | ||
64 | |||
65 | |||
66 | <b>First language</b> | ||
67 | <select name="first_language" editable="editable"> | ||
68 | <option value="" >- Please select or type in -</option> | ||
69 | <option value="Arabic" >العربية</option> | ||
70 | <option value="Bulgarian" >български език</option> | ||
71 | <option value="Chinese" >汉语</option> | ||
72 | <option value="Czech" >česky</option> | ||
73 | <option value="English" >English</option> | ||
74 | <option value="French" >Français</option> | ||
75 | <option value="Greek" >Ελληνικά</option> | ||
76 | <option value="Japanese" >日本語</option> | ||
77 | <option value="Latvian" >Latviešu valoda</option> | ||
78 | <option value="Russian" >Русско</option> | ||
79 | <option value="Spanish" >Español</option> | ||
80 | <option value="Turkish" >Türkçe</option> | ||
81 | </select> | ||
82 | | ||
83 | |||
84 | You have selected: <input type="text" size="20" name="first_language_display" value="" readonly="readonly" onCalculate=" | ||
85 | var choice = this.getField(\'first_language\').value; | ||
86 | this.getField(\'first_language_display\').value = choice; | ||
87 | "/> | ||
88 | |||
89 | <br /><br /> | ||
90 | |||
91 | |||
92 | <div> | ||
93 | <b>Spoken language(s)</b><br /> | ||
94 | <select size="6" multiple="multiple" name="spoken_languages"> | ||
95 | <option value="Arabic" >العربية</option> | ||
96 | <option value="Bulgarian" >български език</option> | ||
97 | <option value="Chinese" >汉语</option> | ||
98 | <option value="Czech" >česky</option> | ||
99 | <option value="English" selected="selected">English</option> | ||
100 | <option value="French" >Français</option> | ||
101 | <option value="Greek" >Ελληνικά</option> | ||
102 | <option value="Japanese" >日本語</option> | ||
103 | <option value="Latvian" >Latviešu valoda</option> | ||
104 | <option value="Russian" >Русско</option> | ||
105 | <option value="Spanish" >Español</option> | ||
106 | <option value="Turkish" >Türkçe</option> | ||
107 | </select> | ||
108 | </div> | ||
109 | <br /><br /> | ||
110 | |||
111 | |||
112 | |||
113 | <b>How many languages do you speak?</b> | ||
114 | <input type="radio" name="num_languages" value="1" checked="checked" > One | ||
115 | <input type="radio" name="num_languages" value="2" > Two | ||
116 | <input type="radio" name="num_languages" value="3" > Three | ||
117 | <input type="radio" name="num_languages" value="4" > Four | ||
118 | <input type="radio" name="num_languages" value="5" > Five + | ||
119 | |||
120 | <br /><br /> | ||
121 | |||
122 | |||
123 | <input type="checkbox" name="email" value="email_subscrbe" checked="checked" /> Please send me regular information by e-mail<br> | ||
124 | <input type="checkbox" name="phone" value="phone-me" disabled="disabled" /> Please phone me (not available at present)<br> | ||
125 | <input type="checkbox" name="subscribe" value="newsletter_subscribe" /> Please subscribe me to the Newsletter | ||
126 | <br /><br /> | ||
127 | |||
128 | <br /><br /> | ||
129 | |||
130 | Click this button to see Javascript in action: | ||
131 | <input type="image" name="imageButton" value="imagesubmitted" src="goto.gif" title="Click to run javascript" onClick=" | ||
132 | var npass = this.getField(\'password\').value; | ||
133 | app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\'); | ||
134 | var nButton = app.alert({ | ||
135 | cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\', | ||
136 | cTitle: \'A message from A. C. Robat\', | ||
137 | nIcon: 2, nType: 2 | ||
138 | }); | ||
139 | if ( nButton == 4 ) { | ||
140 | this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\'; | ||
141 | } | ||
142 | " /> | ||
143 | |||
144 | <br /><br /> | ||
145 | |||
146 | <input type="submit" name="disabled_submit" value="Disabled" disabled="disabled" title="This Submit button is disabled" /> | ||
147 | |||
148 | <input type="reset" name="resetfield" value="Reset" /> | ||
149 | |||
150 | <input type="submit" name="submit" value="Submit" title="Click here to submit" /> | ||
151 | |||
152 | <input type="submit" name="submit_in_Turkish" value="Submit (Türkçe)" title="Click here to submit in Türkçe" /> | ||
153 | |||
154 | <input type="button" name="javascriptButton" value="Javascript Button" onClick=" | ||
155 | var npass = this.getField(\'password\').value; | ||
156 | app.alert(\'Value of password field is: \\\'\' + npass + \'\\\'\'); | ||
157 | var nButton = app.alert({ | ||
158 | cMsg: \'Do you want to change the input text field to: T\u00f6rkylempij\u00e4?\', | ||
159 | cTitle: \'A message from A. C. Robat\', | ||
160 | nIcon: 2, nType: 2 | ||
161 | }); | ||
162 | if ( nButton == 4 ) { | ||
163 | this.getField(\'inputfield\').value = \'T\u00f6rkylempij\u00e4\'; | ||
164 | } | ||
165 | " /> | ||
166 | <br /><br /> | ||
167 | |||
168 | |||
169 | </form> | ||
170 | '; | ||
171 | |||
172 | |||
173 | //============================================================== | ||
174 | if ($_REQUEST['html']) { echo $html; exit; } | ||
175 | if ($_REQUEST['source']) { | ||
176 | $file = __FILE__; | ||
177 | header("Content-Type: text/plain"); | ||
178 | header("Content-Length: ". filesize($file)); | ||
179 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
180 | readfile($file); | ||
181 | exit; | ||
182 | } | ||
183 | |||
184 | //============================================================== | ||
185 | $mpdf->useActiveForms = true; | ||
186 | $mpdf->formUseZapD = false; | ||
187 | |||
188 | /* | ||
189 | // Try playing around with these (these are also in config.php) | ||
190 | $mpdf->formUseZapD = false; | ||
191 | $mpdf->formSubmitNoValueFields = true; | ||
192 | |||
193 | $mpdf->formExportType = 'xfdf'; // 'html' or 'xfdf' | ||
194 | $mpdf->formSelectDefaultOption = true; // for Select drop down box; if no option is explicitly maked as selected, | ||
195 | // this determines whether to select 1st option (as per browser) | ||
196 | // - affects whether "required" attribute is relevant | ||
197 | $mpdf->form_border_color = '0.0 0.820 0.0'; | ||
198 | $mpdf->form_background_color = '0.941 0.941 0.941'; | ||
199 | $mpdf->form_border_width = '1'; | ||
200 | $mpdf->form_border_style = 'S'; | ||
201 | |||
202 | $mpdf->form_radio_color = '0.0 0.820 0.0'; | ||
203 | $mpdf->form_radio_background_color = '0.941 0.5 0.5'; | ||
204 | |||
205 | $mpdf->form_button_border_color = '0.0 0.820 0.0'; | ||
206 | $mpdf->form_button_background_color = '0.941 0.941 0.941'; | ||
207 | $mpdf->form_button_border_width = '1'; | ||
208 | $mpdf->form_button_border_style = 'S'; | ||
209 | */ | ||
210 | |||
211 | $mpdf->WriteHTML($html); | ||
212 | |||
213 | //============================================================== | ||
214 | // JAVASCRIPT FOR WHOLE DOCUMENT | ||
215 | $mpdf->SetJS(' | ||
216 | var dialogTitle = "Enter details"; | ||
217 | var defaultAnswer = ""; | ||
218 | var reply = app.response("This is javascript set to run when the document opens. Enter value for first field", dialogTitle, defaultAnswer); | ||
219 | if (reply != null) { | ||
220 | this.getField("inputfield").value = reply; | ||
221 | } | ||
222 | '); | ||
223 | //============================================================== | ||
224 | // OUTPUT | ||
225 | $mpdf->Output(); exit; | ||
226 | |||
227 | |||
228 | //============================================================== | ||
229 | //============================================================== | ||
230 | //============================================================== | ||
231 | //============================================================== | ||
232 | |||
233 | |||
234 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example58_new_mPDF_v5-4_features.php b/inc/3rdparty/libraries/mpdf/examples/example58_new_mPDF_v5-4_features.php new file mode 100644 index 00000000..6772fa95 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example58_new_mPDF_v5-4_features.php | |||
@@ -0,0 +1,547 @@ | |||
1 | <?php | ||
2 | |||
3 | ini_set("memory_limit","64M"); | ||
4 | |||
5 | include("../mpdf.php"); | ||
6 | |||
7 | $mpdf=new mPDF(''); | ||
8 | |||
9 | |||
10 | //============================================================== | ||
11 | |||
12 | $html = ' | ||
13 | <style> | ||
14 | .gradient { | ||
15 | border:0.1mm solid #220044; | ||
16 | background-color: #f0f2ff; | ||
17 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
18 | box-shadow: 0.3em 0.3em #888888; | ||
19 | } | ||
20 | .rounded { | ||
21 | border:0.1mm solid #220044; | ||
22 | background-color: #f0f2ff; | ||
23 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
24 | border-radius: 2mm; | ||
25 | background-clip: border-box; | ||
26 | } | ||
27 | h4 { | ||
28 | font-weight: bold; | ||
29 | margin-top: 1em; | ||
30 | margin-bottom: 0.3em; | ||
31 | margin-top: 0; | ||
32 | } | ||
33 | div.text { | ||
34 | padding:0.8em; | ||
35 | margin-bottom: 0.7em; | ||
36 | } | ||
37 | p { margin: 0.25em 0; } | ||
38 | .code { | ||
39 | font-family: monospace; | ||
40 | font-size: 9pt; | ||
41 | background-color: #d5d5d5; | ||
42 | margin: 1em 1cm; | ||
43 | padding: 0 0.3cm; | ||
44 | border:0.2mm solid #000088; | ||
45 | box-shadow: 0.3em 0.3em #888888; | ||
46 | } | ||
47 | table { | ||
48 | overflow: visible; | ||
49 | empty-cells: hide; | ||
50 | border:1px solid #000000; | ||
51 | font-family: sans-serif; | ||
52 | font-size: 10pt; | ||
53 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
54 | } | ||
55 | td, th { | ||
56 | border:1px solid #000000; | ||
57 | text-align: left; | ||
58 | font-weight: normal; | ||
59 | } | ||
60 | td.markedcell { | ||
61 | text-decoration: line-through; | ||
62 | color: #CC0000; | ||
63 | } | ||
64 | td.underlinedcell { | ||
65 | text-decoration: underline; | ||
66 | color: #CC0000; | ||
67 | } | ||
68 | td.rotatedcell { | ||
69 | text-decoration: line-through; | ||
70 | color: #CC0000; | ||
71 | text-rotate: 45; | ||
72 | } | ||
73 | td.cost { text-align: right; } | ||
74 | caption.tablecaption { | ||
75 | font-family: sans-serif; | ||
76 | font-weight: bold; | ||
77 | border: none; | ||
78 | caption-side: top; | ||
79 | margin-bottom: 0; | ||
80 | text-align: center; | ||
81 | } | ||
82 | u.doubleu { | ||
83 | text-decoration: none; | ||
84 | border-bottom: 3px double #000088; | ||
85 | } | ||
86 | a.reddashed { | ||
87 | text-decoration: none; | ||
88 | border: 1px dashed #880000; | ||
89 | } | ||
90 | .shadowtitle { | ||
91 | height: 8mm; | ||
92 | background-color: #EEDDFF; | ||
93 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
94 | padding: 0.8em; | ||
95 | padding-left: 3em; | ||
96 | font-family:sans; | ||
97 | font-size: 26pt; | ||
98 | font-weight: bold; | ||
99 | border: 0.2mm solid white; | ||
100 | border-radius: 0.2em; | ||
101 | box-shadow: 0 0 2em 0.5em rgba(0,0,255,0.9); | ||
102 | color: #AAAACC; | ||
103 | text-shadow: 0.03em 0.03em #666, 0.05em 0.05em rgba(127,127,127,0.5), -0.015em -0.015em white; | ||
104 | } | ||
105 | h3 { | ||
106 | margin: 3em 0 2em -15mm; | ||
107 | background-color: #EEDDFF; | ||
108 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
109 | padding: 0.5em; | ||
110 | padding-left: 3em; | ||
111 | width: 50%; | ||
112 | font-family:sans; | ||
113 | font-size: 16pt; | ||
114 | font-weight: bold; | ||
115 | border-left: none; | ||
116 | border-radius: 0 2em 2em 0; | ||
117 | box-shadow: 0 0 2em 0.5em rgba(255,0,0,1); | ||
118 | text-shadow: 0.05em 0.04em rgba(127,127,127,0.5); | ||
119 | } | ||
120 | .css { | ||
121 | font-family: arial; | ||
122 | font-style: italic; | ||
123 | color: #000088; | ||
124 | } | ||
125 | table.zebra tbody tr:nth-child(2n+1) td { background-color: rgba(255,255,127,0.6); } | ||
126 | table.zebra tbody tr:nth-child(2n+1) th { background-color: rgba(255,255,127,0.6); } | ||
127 | table.zebra thead tr { background-color: #FFBBFF; } | ||
128 | table.zebra tfoot tr { background-color: #BBFFFF; } | ||
129 | |||
130 | |||
131 | </style> | ||
132 | <body> | ||
133 | |||
134 | |||
135 | <div class="shadowtitle">New Features in mPDF v5.4</div> | ||
136 | |||
137 | |||
138 | <h3>Bookmark styles<bookmark content="Bookmark styles" level="0" /></h3> | ||
139 | <div> | ||
140 | <p>Bookmarks can be styled by adding code as below to your script. You can define a colour (array of RGB) and/or a font-style (B, I, or BI) for each level (starting at 0). Results may depend on the PDF Reader you are using.</p> | ||
141 | <p class="code"> | ||
142 | $this->bookmarkStyles = array(<br /> | ||
143 | 0 => array(\'color\'=> array(0,64,128), \'style\'=>\'B\'),<br /> | ||
144 | 1 => array(\'color\'=> array(128,0,0), \'style\'=>\'\'),<br /> | ||
145 | 2 => array(\'color\'=> array(0,128,0), \'style\'=>\'I\'),<br /> | ||
146 | ); | ||
147 | </p> | ||
148 | </div> | ||
149 | |||
150 | <h3>Embedded SVG code<bookmark content="Embedded SVG code" level="0" /></h3> | ||
151 | <p>SVG Images can be embedded in your HTML code. This is formally part of the XHTML specification and is supported by IE9+ and most other browsers.</p> | ||
152 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 400 200" width="400" height="200"> | ||
153 | <circle cx="130" cy="100" r="80" stroke="black" stroke-width="1" fill="red" /> | ||
154 | <circle cx="200" cy="100" r="80" stroke="black" stroke-width="1" fill="blue" /> | ||
155 | </svg> | ||
156 | <p class="code"> | ||
157 | <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 200" width="200" height="200"> <br /> | ||
158 | <circle cx="100" cy="50" r="40" stroke="black" stroke-width="1" fill="red" /><br /> | ||
159 | <circle cx="130" cy="50" r="40" stroke="black" stroke-width="1" fill="blue" /><br /> | ||
160 | </svg> | ||
161 | </p> | ||
162 | |||
163 | |||
164 | <h3>Improved CSS support<bookmark content="Improved CSS support" level="0" /></h3> | ||
165 | <div class="gradient text"> | ||
166 | <p><span class="css">border-radius</span> is now supported on fixed/absolute-positioned block elements.</p> | ||
167 | <p><span class="css">visibility</span> can be set on any block-style element e.g. DIV,P or images IMG as: visible|hidden|printonly|screenonly</p> | ||
168 | <p><span class="css">background-color</span> now supports rgba() and cmyka() alpha transparency formats in tables.</p> | ||
169 | <p>Color, underline and strike-through are now supported in table cells, including with rotated text (see example below of spread table)</p> | ||
170 | <p><span class="css">page-break-after: left|right|always</span> is supported on all block-style elements and tables</p> | ||
171 | <p><span class="css">text-transform: capitalize|uppercase|lowercase</span> is supported in table cells</p> | ||
172 | </div> | ||
173 | |||
174 | |||
175 | <div class="gradient text"> | ||
176 | <h4>Zebra stripes in Tables<bookmark content="Zebra stripes" level="1" /></h4> | ||
177 | <div> | ||
178 | <p><span class="css">:nth-child()</span> selector can be used in tables (on TR, TD or TH) to stripe rows or columns. Both the <i>a</i>n+<i>b</i> and odd/even forms are supported e.g.</p> | ||
179 | |||
180 | <p class="code"> | ||
181 | tr:nth-child(2n+1) { background-color: rgba(255,255,127,0.6); } <i>or</i><br /> | ||
182 | tr:nth-child(odd) { background-color: rgba(255,255,127,0.6); } | ||
183 | </p> | ||
184 | |||
185 | <table class="zebra" align="center"> | ||
186 | <tbody> | ||
187 | <tr> | ||
188 | <th>Row 1</th> | ||
189 | <td>This is data</td> | ||
190 | <td class="cost">167.00</td> | ||
191 | </tr> | ||
192 | <tr> | ||
193 | <th>Row 2</th> | ||
194 | <td> | ||
195 | <p>This is data p</p> | ||
196 | </td> | ||
197 | <td class="cost"> | ||
198 | <p>444.53</p> | ||
199 | </td> | ||
200 | </tr> | ||
201 | <tr> | ||
202 | <th> | ||
203 | <p>Row 3</p> | ||
204 | </th> | ||
205 | <td> | ||
206 | <p>This is long data</p> | ||
207 | </td> | ||
208 | <td class="cost">14.00</td> | ||
209 | </tr> | ||
210 | <tr> | ||
211 | <td> | ||
212 | <p>Row 4</p> | ||
213 | </td> | ||
214 | <td>This is data</td> | ||
215 | <td class="cost"> | ||
216 | <p>0.88</p> | ||
217 | </td> | ||
218 | </tr> | ||
219 | <tr> | ||
220 | <td>Row 5</td> | ||
221 | <td>Also data</td> | ||
222 | <td class="cost">144.00</td> | ||
223 | </tr> | ||
224 | <tr> | ||
225 | <td>Row 6</td> | ||
226 | <td>Also data</td> | ||
227 | <td class="cost">8089.00</td> | ||
228 | </tr> | ||
229 | </tbody></table> | ||
230 | |||
231 | <p><b>Note:</b> mPDF does NOT correctly apply specificity to all CSS. The following stylesheet:</p> | ||
232 | <p class="code"> | ||
233 | table.zebra tbody tr:nth-child(2n+1) td { background-color: yellow; }<br /> | ||
234 | table.zebra tbody td:nth-child(odd) { background-color: blue; } | ||
235 | </p> | ||
236 | <p>should make every odd row yellow, and every odd column blue, but with the row/yellow overriding the column/blue. | ||
237 | In mPDF the td:nth-child(odd) trumps the plain td, so the column colour wins out. You can force the effect you want by using:</p> | ||
238 | <p class="code"> | ||
239 | table.zebra tbody tr:nth-child(2n+1) td:nth-child(1n+0) { background-color: yellow; } | ||
240 | </p> | ||
241 | <p>The :nth-child(1n+0) selector just selects every td cell.</p> | ||
242 | |||
243 | </div> | ||
244 | </div> | ||
245 | |||
246 | |||
247 | <div class="gradient text"> | ||
248 | <p><span class="css">border</span> can now be defined on in-line elements eg SPAN</p> | ||
249 | <ul><li style="font-family: arial;">Cum sociis natoque <u class="doubleu">penatibus</u> et <a class="reddashed" href="#">magnis dis parturient</a> montes</li></ul> | ||
250 | <p><b>Note:</b> Remember that in mPDF, inside table cells, properties set on block elements are set when possible as in-line properties - so a P element inside a table with border set, will appear with a border around the text line as though it had been set on SPAN </p> | ||
251 | </div> | ||
252 | |||
253 | |||
254 | |||
255 | |||
256 | <div class="gradient text"> | ||
257 | <h4>Shadows<bookmark content="Shadows" level="1" /></h4> | ||
258 | <p><span class="css">box-shadow</span> can be defined on any block-level element (P, DIV etc). It follows the CSS3 recommendation, but <i>inset</i> is not supported.</p> | ||
259 | <p><span class="css">text-shadow</span> can be defined on any element. It follows the CSS3 recommendation, but <i>blur</i> is not supported.</p> | ||
260 | <p class="code"> | ||
261 | <span style="text-shadow: 0.03em 0.03em #666, -0.015em -0.015em white;"><br /> | ||
262 | <div style="box-shadow: 0.3em 0.3em #888888;"> | ||
263 | </p> | ||
264 | </div> | ||
265 | |||
266 | |||
267 | <h3>Other Enhancements<bookmark content="Other Enhancements" level="0" /></h3> | ||
268 | |||
269 | <h4>Column Totals (Tables)<bookmark content="Column totals" level="1" /></h4> | ||
270 | <p>{colsum} placed in the footer of a table will automatically display the sum of that column. If the table breaks across more than one page, the sum of the values on that page will be displayed. A number following the colsum e.g. {colsum2} will force that number of decimal places to be displayed.</p> | ||
271 | |||
272 | <table class="zebra" align="center"> | ||
273 | <caption class="tablecaption" align="bottom">Table caption goes here</caption> | ||
274 | <thead> | ||
275 | <tr> | ||
276 | <th>Header Row</th> | ||
277 | <td>Header Row</td> | ||
278 | <td>Header Row</td> | ||
279 | </tr> | ||
280 | </thead> | ||
281 | <tfoot> | ||
282 | <tr> | ||
283 | <th></th> | ||
284 | <td>Column total: (using colsum2 in {})</td> | ||
285 | <td class="cost"><b>{colsum2}</b></td> | ||
286 | </tr> | ||
287 | </tfoot> | ||
288 | <tbody> | ||
289 | <tr> | ||
290 | <th>Row 1</th> | ||
291 | <td>This is data</td> | ||
292 | <td class="cost">167.00</td> | ||
293 | </tr> | ||
294 | <tr> | ||
295 | <th>Row 2</th> | ||
296 | <td> | ||
297 | <p>This is data p</p> | ||
298 | </td> | ||
299 | <td class="cost"> | ||
300 | <p>444.53</p> | ||
301 | </td> | ||
302 | </tr> | ||
303 | <tr> | ||
304 | <th> | ||
305 | <p>Row 3</p> | ||
306 | </th> | ||
307 | <td> | ||
308 | <p>This is long data</p> | ||
309 | </td> | ||
310 | <td class="cost">14.00</td> | ||
311 | </tr> | ||
312 | <tr> | ||
313 | <td> | ||
314 | <p>Row 4</p> | ||
315 | </td> | ||
316 | <td>This is data</td> | ||
317 | <td class="cost"> | ||
318 | <p>0.88</p> | ||
319 | </td> | ||
320 | </tr> | ||
321 | <tr> | ||
322 | <td>Row 5</td> | ||
323 | <td>Also data</td> | ||
324 | <td class="cost">144.00</td> | ||
325 | </tr> | ||
326 | <tr> | ||
327 | <td>Row 6</td> | ||
328 | <td>Also data</td> | ||
329 | <td class="cost">8089.00</td> | ||
330 | </tr> | ||
331 | <tr> | ||
332 | <td>Row 7</td> | ||
333 | <td>Also data</td> | ||
334 | <td class="cost">3.00</td> | ||
335 | </tr> | ||
336 | <tr> | ||
337 | <td>Row 8</td> | ||
338 | <td>Also data</td> | ||
339 | <td class="cost">23.00</td> | ||
340 | </tr> | ||
341 | </tbody></table> | ||
342 | <br /> | ||
343 | |||
344 | <h4>Table <span style="font-variant: small-caps">caption</span><bookmark content="Table caption" level="1" /></h4> | ||
345 | <p>The caption element for tables is partially supported (see example above).</p> | ||
346 | <p class="code"> | ||
347 | <caption align="top|bottom" style="caption-side: top|bottom"> | ||
348 | </p> | ||
349 | <ul> | ||
350 | <li>The caption must come immediately after <table>.</li> | ||
351 | <li>The CSS <span class="css">caption-side</span> or HTML <span class="css">align</span> attribute of top|bottom supported</li> | ||
352 | <li>Left or right placement are not supported.</li> | ||
353 | <li>The caption is handled as a separate block element brought outside the table, so: | ||
354 | <ul> | ||
355 | <li>CSS will not cascade correctly from the table</li> | ||
356 | <li>the width of the caption block is that of page or of the block element containing the table</li> | ||
357 | <li>text alignment will be to the page-width not the table width</li> | ||
358 | <li>if table page-break-after: always, the caption will follow the pagebreak</li> | ||
359 | </ul></li> | ||
360 | </ul> | ||
361 | |||
362 | |||
363 | <h4>Core fonts in non-core font document<bookmark content="Core fonts" level="1" /></h4> | ||
364 | |||
365 | <p>Core fonts, which do not need to be embedded in a PDF, can now be included in a document which uses non-core fonts. The pseudo font-family names: <span style="font-family: chelvetica">chelvetica</span>, <span style="font-family: ctimes">ctimes</span> and <span style="font-family: ccourier">ccourier</span> should be used.</p> | ||
366 | <p class="code"> | ||
367 | <div style="font-family: chelvetica"> | ||
368 | </p> | ||
369 | <p>NB You could force mPDF to always use core fonts when Arial/Helvetica/Courier are specified, by editing $this->fonttrans in config_fonts.php:</p> | ||
370 | <p class="code"> | ||
371 | $this->fonttrans = array(<br /> | ||
372 | \'arial\' => \'chelvetica\',<br /> | ||
373 | \'helvetica\' => \'chelvetica\',<br /> | ||
374 | \'timesnewroman\' => \'ctimes\',<br /> | ||
375 | \'times\' => \'ctimes\',<br /> | ||
376 | \'couriernew\' => \'ccourier\',<br /> | ||
377 | \'courier\' => \'ccourier\',<br /> | ||
378 | ... | ||
379 | </p> | ||
380 | <br /> | ||
381 | |||
382 | <h4>Javascript in Forms<bookmark content="Javascript in Forms" level="1" /></h4> | ||
383 | |||
384 | <p>Javascript used in (active) forms has been altered to reflect the Adobe Acrobat specification for Javascript in PDF documents.</p> | ||
385 | <p>textarea and input (text-types) now accept javascript as: onKeystroke, onValidate, onCalculate and onFormat. onChange is depracated but is not ignored; it works as though for onCalculate. (PS Select still accepts onChange)</p> | ||
386 | |||
387 | |||
388 | <br /> | ||
389 | |||
390 | |||
391 | |||
392 | <h4>Overlapping Rows in Tables<bookmark content="Overlapping Table Rows" level="1" /></h4> | ||
393 | <p> Support for overlapping rowspans in tables has been improved (although probably not foolproof!)</p> | ||
394 | <table style="border-collapse: separate; border-spacing: 3.5mm;"> | ||
395 | <tr> | ||
396 | <td style="width: 30mm; height: 30mm; background-color: rgb(213,226,253)"> </td> | ||
397 | <td style="width: 30mm; height: 30mm; background-color: rgb(75,155,215)"> </td> | ||
398 | <td rowspan="2" style="width: 30mm; height: 63.5mm; background-color: rgb(183,225,253)"> </td> | ||
399 | </tr> | ||
400 | <tr> | ||
401 | <td colspan="2" rowspan="2" style="width: 63.5mm; height: 63.5mm; background-color: rgb(183,225,253)"> </td> | ||
402 | </tr> | ||
403 | <tr> | ||
404 | <td style="width: 30mm; height: 30mm; background-color: rgb(75,155,215)"> </td> | ||
405 | </tr> | ||
406 | </table> | ||
407 | |||
408 | <br /> | ||
409 | |||
410 | |||
411 | |||
412 | <h3>Circular Text<bookmark content="Circular Text" level="0" /></h3> | ||
413 | <p>Circular Text can be included in a PDF document as a custom HTML tag (or a function)</p> | ||
414 | <ul> | ||
415 | <li>top-text and/or bottom-text can be specified</li> | ||
416 | <li>Radius (r) and font-size (using CSS) are user-defined</li> | ||
417 | <li>Width and height are calculated from radius and font-size</li> | ||
418 | <li>Other CSS styles supported on Circular Text: border, margin, padding, color, background-color, font-family, font-size, font-weight, font-style, display, visibility, and opacity</li> | ||
419 | <li>space-width should be specified as an integer defining the letter-spacing as a percentage of normal (default 120)</li> | ||
420 | <li>char-width should be specified as an integer defining the width of each character as a percentage of normal (default 100)</li> | ||
421 | <li>Circular Text is displayed as though an in-line element</li> | ||
422 | </ul> | ||
423 | <p>NB If $mpdf->useKerning is true then automatic kerning will be used on Circular Text.</p> | ||
424 | |||
425 | <p class="code"> | ||
426 | <textcircle r="30mm" top-text="Circular Text Circular Text" style="color: blue; font-size: 34pt; font-style: italic" /><br /><br /> | ||
427 | <textcircle r="30mm" space-width="120" char-width="150" top-text="&bull; Circular Text &bull;" bottom-text="Circular Text" style="background-color: #FFAAAA; border:1px solid red; padding: 0.3em; margin: 0.3em; color: #000000; font-size: 21pt; font-weight:bold; font-family: Arial" /> | ||
428 | </p> | ||
429 | |||
430 | <textcircle r="30mm" top-text="Circular Text Circular Text" style="color: blue; font-size: 34pt; font-style: italic" /> | ||
431 | |||
432 | <textcircle r="30mm" space-width="120" char-width="150" top-text="• Circular Text •" bottom-text="Circular Text" style="background-color: #FFAAAA; border:1px solid red; padding: 0.3em; margin: 0.3em; color: #000000; font-size: 21pt; font-weight:bold; font-family: Arial" /> | ||
433 | |||
434 | |||
435 | |||
436 | |||
437 | |||
438 | <h3 style="page-break-before: left;">Spread tables<bookmark content="Spread Tables" level="0" /></h3> | ||
439 | <div class="gradient text"> | ||
440 | Setting the CSS property "overflow: visible" on a table now has the effect of cancelling resizing, and allowing tables to split columns across multiple pages. | ||
441 | The maximum width for a column (or group of columns set by colspan) is the page width. It is recommended to specify absolute values of width on each column (not percentages). | ||
442 | </div> | ||
443 | <br /> | ||
444 | <input type="button" name="javascriptButton" value="Show 2 pages" onClick="TwoPages()" /> | ||
445 | <input type="button" name="javascriptButton2" value="Show 1 page" onClick="OnePage()" /> | ||
446 | |||
447 | |||
448 | <br /><br /> | ||
449 | |||
450 | <table cellPadding="9" style="font-size: 16pt;"> | ||
451 | <caption class="tablecaption">Periodic Table (table caption)</caption> | ||
452 | <thead> | ||
453 | <tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th><th>11</th><th>12</th><th>13</th><th>14</th><th>15</th><th>16</th><th>17</th><th>18</th></tr></thead> | ||
454 | <tbody> | ||
455 | <tr> | ||
456 | <td>H </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> | ||
457 | <td></td><td></td><td></td><td></td><td>He </td> | ||
458 | </tr> | ||
459 | <tr> | ||
460 | <td>Li </td><td>Be </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> | ||
461 | <td>B </td><td>C </td><td>N </td><td>O </td><td>F </td><td>Ne </td> | ||
462 | </tr> | ||
463 | <tr> | ||
464 | <td>Na </td><td>Mg </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> | ||
465 | <td>Al </td><td>Si </td><td>P </td><td>S </td><td>Cl </td><td>Ar </td> | ||
466 | </tr> | ||
467 | <tr> | ||
468 | <td>K </td><td>Ca </td><td>Sc </td><td>Ti </td><td>V </td><td class="markedcell">Cr </td><td>Mn </td><td>Fe </td><td>Co </td><td>Ni </td> | ||
469 | <td>Cu </td><td>Zn </td><td>Ga </td><td>Ge </td><td>As </td><td>Se </td><td>Br </td><td>Kr </td> | ||
470 | </tr> | ||
471 | <tr> | ||
472 | <td>Rb </td><td>Sr </td><td>Y </td><td>Zr </td><td>Nb </td><td>Mo </td><td>Tc </td><td class="underlinedcell">Ru </td><td>Rh </td> | ||
473 | <td>Pd </td><td>Ag </td><td>Cd </td><td>In </td><td>Sn </td><td>Sb </td><td>Te </td><td>I </td><td>Xe </td> | ||
474 | </tr> | ||
475 | <tr> | ||
476 | <td>Cs </td><td>Ba </td><td class="rotatedcell">Lu </td><td>Hf </td><td>Ta </td><td>W </td><td>Re </td><td>Os </td><td>Ir </td><td>Pt </td> | ||
477 | <td>Au </td><td>Hg </td><td>Tl </td><td>Pb </td><td>Bi </td><td>Po </td><td>At </td><td>Rn </td> | ||
478 | </tr> | ||
479 | <tr> | ||
480 | <td>Fr </td><td>Ra </td><td> </td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td> | ||
481 | <td></td><td></td><td></td><td></td><td></td> | ||
482 | </tr> | ||
483 | </tbody></table> | ||
484 | |||
485 | <br /><br /> | ||
486 | |||
487 | <div class="gradient text"> | ||
488 | <h4>Limitations of Spread tables<bookmark content="Limitations" level="1" /></h4> | ||
489 | Spread tables cannot be used with: keep-headings-with-table ($mpdf->use_kwt), table rotate, table page-break-inside:avoid, columns, | ||
490 | CJK (chinese-japanese-korean) or RTL (right-to-left) languages. | ||
491 | They will also cause problems with $mpdf->forcePortraitHeaders or $mpdf->forcePortraitMargins.<br /> | ||
492 | Warning: If a table row is too tall to fit on a page, mPDF will crash with an error message.<br /> | ||
493 | If the width settings within the table cause conflicts, it will override some of these settings. | ||
494 | </div> | ||
495 | <br /> | ||
496 | |||
497 | |||
498 | '; | ||
499 | |||
500 | //============================================================== | ||
501 | if ($_REQUEST['html']) { echo $html; exit; } | ||
502 | if ($_REQUEST['source']) { | ||
503 | $file = __FILE__; | ||
504 | header("Content-Type: text/plain"); | ||
505 | header("Content-Length: ". filesize($file)); | ||
506 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
507 | readfile($file); | ||
508 | exit; | ||
509 | } | ||
510 | |||
511 | //============================================================== | ||
512 | $mpdf->useActiveForms = true; | ||
513 | |||
514 | $mpdf->bookmarkStyles = array( | ||
515 | 0 => array('color'=> array(0,64,128), 'style'=>'B'), | ||
516 | 1 => array('color'=> array(128,0,0), 'style'=>''), | ||
517 | 2 => array('color'=> array(0,128,0), 'style'=>'I'), | ||
518 | ); | ||
519 | |||
520 | $mpdf->useKerning=true; // set this to improve appearance of Circular text | ||
521 | // must be set before the font is first loaded | ||
522 | |||
523 | $mpdf->WriteHTML($html); | ||
524 | |||
525 | // JAVASCRIPT FOR WHOLE DOCUMENT | ||
526 | $mpdf->SetJS(' | ||
527 | function TwoPages() { | ||
528 | this.layout="TwoColumnRight"; | ||
529 | this.zoomType = zoomtype.fitW; | ||
530 | } | ||
531 | function OnePage() { | ||
532 | this.layout="SinglePage"; | ||
533 | this.zoom = 100; | ||
534 | } | ||
535 | '); | ||
536 | |||
537 | // OUTPUT | ||
538 | $mpdf->Output(); exit; | ||
539 | |||
540 | |||
541 | //============================================================== | ||
542 | //============================================================== | ||
543 | //============================================================== | ||
544 | //============================================================== | ||
545 | |||
546 | |||
547 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example59_new_mPDF_v5-6_features.php b/inc/3rdparty/libraries/mpdf/examples/example59_new_mPDF_v5-6_features.php new file mode 100644 index 00000000..fc908d5e --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example59_new_mPDF_v5-6_features.php | |||
@@ -0,0 +1,387 @@ | |||
1 | <?php | ||
2 | |||
3 | ini_set("memory_limit","64M"); | ||
4 | |||
5 | include("../mpdf.php"); | ||
6 | |||
7 | $mpdf=new mPDF(''); | ||
8 | |||
9 | |||
10 | //============================================================== | ||
11 | |||
12 | $html = ' | ||
13 | <style> | ||
14 | .gradient { | ||
15 | border:0.1mm solid #220044; | ||
16 | background-color: #f0f2ff; | ||
17 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
18 | box-shadow: 0.3em 0.3em #888888; | ||
19 | } | ||
20 | .rounded { | ||
21 | border:0.1mm solid #220044; | ||
22 | background-color: #f0f2ff; | ||
23 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
24 | border-radius: 2mm; | ||
25 | background-clip: border-box; | ||
26 | } | ||
27 | h4 { | ||
28 | font-weight: bold; | ||
29 | margin-top: 1em; | ||
30 | margin-bottom: 0.3em; | ||
31 | margin-top: 0; | ||
32 | } | ||
33 | div.text { | ||
34 | padding:0.8em; | ||
35 | margin-bottom: 0.7em; | ||
36 | } | ||
37 | p { margin: 0.25em 0; } | ||
38 | .code { | ||
39 | font-family: monospace; | ||
40 | font-size: 9pt; | ||
41 | background-color: #d5d5d5; | ||
42 | margin: 1em 1cm; | ||
43 | padding: 0 0.3cm; | ||
44 | border:0.2mm solid #000088; | ||
45 | box-shadow: 0.3em 0.3em #888888; | ||
46 | } | ||
47 | table { | ||
48 | border:1px solid #000000; | ||
49 | font-family: sans-serif; | ||
50 | font-size: 10pt; | ||
51 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
52 | } | ||
53 | td, th { | ||
54 | border:1px solid #000000; | ||
55 | text-align: left; | ||
56 | font-weight: normal; | ||
57 | } | ||
58 | .shadowtitle { | ||
59 | height: 8mm; | ||
60 | background-color: #EEDDFF; | ||
61 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
62 | padding: 0.8em; | ||
63 | padding-left: 3em; | ||
64 | font-family:sans; | ||
65 | font-size: 26pt; | ||
66 | font-weight: bold; | ||
67 | border: 0.2mm solid white; | ||
68 | border-radius: 0.2em; | ||
69 | box-shadow: 0 0 2em 0.5em rgba(0,0,255,0.9); | ||
70 | color: #AAAACC; | ||
71 | text-shadow: 0.03em 0.03em #666, 0.05em 0.05em rgba(127,127,127,0.5), -0.015em -0.015em white; | ||
72 | } | ||
73 | h3 { | ||
74 | margin: 3em 0 2em -15mm; | ||
75 | background-color: #EEDDFF; | ||
76 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
77 | padding: 0.5em; | ||
78 | padding-left: 3em; | ||
79 | width: 50%; | ||
80 | font-family:sans; | ||
81 | font-size: 16pt; | ||
82 | font-weight: bold; | ||
83 | border-left: none; | ||
84 | border-radius: 0 2em 2em 0; | ||
85 | box-shadow: 0 0 2em 0.5em rgba(255,0,0,1); | ||
86 | text-shadow: 0.05em 0.04em rgba(127,127,127,0.5); | ||
87 | } | ||
88 | .css { | ||
89 | font-family: arial; | ||
90 | font-style: italic; | ||
91 | color: #000088; | ||
92 | } | ||
93 | table.pop { | ||
94 | border-collapse: collapse; | ||
95 | } | ||
96 | table.pop td { | ||
97 | font-family: arial; | ||
98 | font-size: 10px; | ||
99 | border: 1px solid #888888; | ||
100 | } | ||
101 | meter.pop { | ||
102 | margin: 3px; | ||
103 | } | ||
104 | fieldset { border: 1px solid #000000; border-radius: 5px; padding: 10px; } | ||
105 | div.folder { | ||
106 | background: url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7) no-repeat 4px center; | ||
107 | padding: 5px 0 5px 25px; | ||
108 | border: 1px solid #000000; | ||
109 | } | ||
110 | </style> | ||
111 | <body> | ||
112 | |||
113 | |||
114 | <div class="shadowtitle">New Features in mPDF v5.6</div> | ||
115 | |||
116 | <h3>HTML5 tags</h3> | ||
117 | <div class="gradient text"> | ||
118 | <p>New tags introduced in HTML5 now have basic support in mPDF, and will thus support CSS style references.</p> | ||
119 | <p>The following are treated as block elements similar to <div>:</p> | ||
120 | <p class="code"><article> <aside> <details> <figure> <figcaption> <footer> <header> <hgroup> <nav> <section> <summary> </p> | ||
121 | <p>The following are treated as in-line elements:</p> | ||
122 | <p class="code"><time> <mark></p> | ||
123 | <p>Mark is set by default to highlight in yellow in config.php using $defaultCSS e.g. <mark>mark</mark></p> | ||
124 | <p>Progress and meter are discussed below:</p> | ||
125 | </div> | ||
126 | |||
127 | <h3><progress></h3> | ||
128 | <div class="gradient text"> | ||
129 | <p>Progress: accepts the attributes value and max. A progress element without a value is called an indeterminate progress bar. | ||
130 | Text between the opening and closing tags is not displayed.</p> | ||
131 | <p>CSS styles properties can be applied: display, visibility, margin, padding, border, vertical-align, width, height and opacity. | ||
132 | HTML attributes width and height are supported, although not officially part of the spec.</p> | ||
133 | <p>Example:</p> | ||
134 | <p class="code"><progress value="5" max="10">50%</progress></p> | ||
135 | |||
136 | <ul class="compact"> | ||
137 | <li> | ||
138 | <label>Indeterminate</label> | ||
139 | <progress max="100"></progress> | ||
140 | </li> | ||
141 | <li> | ||
142 | <label>Progress: 0%</label> | ||
143 | <progress max="10" value="0"></progress> | ||
144 | </li> | ||
145 | <li> | ||
146 | <label>Progress: 100%</label> | ||
147 | <progress max="3254" value="3254"></progress> | ||
148 | </li> | ||
149 | <li> | ||
150 | <label>Progress: 57%</label> | ||
151 | <progress max="0.7" value="0.4"></progress> | ||
152 | </li> | ||
153 | </ul> | ||
154 | </div> | ||
155 | |||
156 | <h3><meter></h3> | ||
157 | <div class="gradient text"> | ||
158 | <p>Meter: accepts the attributes min, max, value, optimum, low, and high. | ||
159 | Text between the opening and closing tags is not displayed.</p> | ||
160 | <p>CSS styles properties can be applied: display, visibility, margin, padding, border, vertical-align, width, height and opacity. | ||
161 | HTML attributes width and height are supported, although not officially part of the spec.</p> | ||
162 | <p>Example:</p> | ||
163 | <p class="code"><meter value="5" max="10" min="1" low="2" high="8" optimum="5.6">5</meter></p> | ||
164 | |||
165 | |||
166 | |||
167 | <ul class="compact"> | ||
168 | <li> | ||
169 | <label>Meter: full</label> | ||
170 | <meter value="1"></meter> | ||
171 | </li> | ||
172 | <li> | ||
173 | <label>Preferred usage</label> | ||
174 | <meter min="1024" max="10240" low="2048" high="8192" value="1824" optimum="1024"></meter> | ||
175 | </li> | ||
176 | <li> | ||
177 | <label>Too much traffic</label> | ||
178 | <meter min="1024" max="10240" low="2048" high="8192" value="6216" optimum="1024"></meter> | ||
179 | </li> | ||
180 | <li> | ||
181 | <label>Much too much traffic</label> | ||
182 | <meter min="1024" max="10240" low="2048" high="8192" value="9216" optimum="1024"></meter> | ||
183 | </li> | ||
184 | </ul> | ||
185 | </div> | ||
186 | |||
187 | <div class="gradient text"> | ||
188 | <h4>Custom appearances for <meter> and <progress></h4> | ||
189 | <p>Meter (and to a lesser extent progress) can be used with custom appearances e.g. by using optimum to display the average, and low/high to indicate 90th centiles</p> | ||
190 | |||
191 | <p>Custom appearances can be written by editing the script in classes/meter.php - Use a custom attribute of type="anyname" which is passed to the class as a variable e.g.</p> | ||
192 | <p class="code"><meter type="2" value="612.7" optimum="580.4" min="517.0 " max="642.7" low="542" high="600">612.7</meter></p> | ||
193 | </div> | ||
194 | |||
195 | |||
196 | <table class="pop"> | ||
197 | <tbody> | ||
198 | <tr> | ||
199 | <td><p><b>Domain</b></p></td> | ||
200 | <td><p><b>Indicator</b></p></td> | ||
201 | <td><p><b>LHB</b></p><p><b>number</b></p></td> | ||
202 | <td><p><b>LHB</b></p><p><b>Indicator</b></p> | ||
203 | <p><b>value</b></p> | ||
204 | </td> | ||
205 | <td><p><b>Wales</b></p><p><b>average</b></p> | ||
206 | </td> | ||
207 | <td><p><b>Wales range</b></p></td> | ||
208 | <td><p><b>Comparison</b></p></td> | ||
209 | </tr> | ||
210 | |||
211 | <tr> | ||
212 | <td rowspan="4"><p><b>Deaths</b></p></td> | ||
213 | <td><p>Death Rates per 100,000 population</p></td> | ||
214 | <td><p>3046</p></td> | ||
215 | <td><p><b>612.7</b><b></b></p></td> | ||
216 | <td><p>580.4</p></td> | ||
217 | <td><p>517.0 - 642.7</p></td> | ||
218 | <td><meter class="pop" type="2" value="612.7" optimum="580.4" min="517.0 " max="642.7" low="542" high="600">612.7</meter></td> | ||
219 | </tr> | ||
220 | |||
221 | <tr> | ||
222 | <td><p>Death Rates per 100,000 from cancer</p></td> | ||
223 | <td><p>789</p></td> | ||
224 | <td><p><b>178.2</b><b></b></p></td> | ||
225 | <td><p>172.7</p></td> | ||
226 | <td><p>159.5 - 182.2</p></td> | ||
227 | <td><meter class="pop" type="2" value="178.2" optimum="172.7" min="159.5 " max="182.2" low="162" high="180">178.2</meter></td> | ||
228 | </tr> | ||
229 | |||
230 | <tr> | ||
231 | <td><p>Death Rates per 100,000 from respiratory disease</p></td> | ||
232 | <td><p>505</p></td> | ||
233 | <td><p><b>60.5</b><b></b></p></td> | ||
234 | <td><p>72.11</p></td> | ||
235 | <td><p>54.41 - 95.5</p></td> | ||
236 | <td><meter class="pop" type="2" value="60.5" optimum="72.11" min="54.41 " max="95.5" low="68" high="80">60.5</meter></td> | ||
237 | </tr> | ||
238 | |||
239 | <tr> | ||
240 | <td><p>Death Rates per 100,000 from cardiovascular disease</p></td> | ||
241 | <td><p>913</p></td> | ||
242 | <td><p><b>178.2</b><b></b></p></td> | ||
243 | <td><p>165.0</p></td> | ||
244 | <td><p>151.8 - 179.9</p></td> | ||
245 | <td><meter class="pop" type="2" value="160.2" optimum="165" min="151.8 " max="179.9" low="158" high="170">160.2</meter></td> | ||
246 | </tr> | ||
247 | |||
248 | </tbody> | ||
249 | </table> | ||
250 | |||
251 | |||
252 | <h3>Fieldset and Legend</h3> | ||
253 | <form> | ||
254 | <fieldset> | ||
255 | <legend>Fieldset and legend</legend> | ||
256 | <p>Support for fieldset and legend was introduced in mPDF v5.5. Consider it experimental!</p> | ||
257 | <label for="name">Username:</label> | ||
258 | <input type="text" name="name" id="name" /> | ||
259 | <br /> | ||
260 | <label for="mail">E-mail:</label> | ||
261 | <input type="text" name="mail" id="mail" /> | ||
262 | </fieldset> | ||
263 | </form> | ||
264 | |||
265 | |||
266 | <h3>CSS styles</h3> | ||
267 | <div class="gradient text"> | ||
268 | <h4></h4> | ||
269 | <p><span class="css">min-height</span>, <span class="css">min-width</span>, <span class="css">max-height</span> and <span class="css">max-width</span> are now supported in CSS style sheets for <img> (only).</p> | ||
270 | <p><span class="css">background: url(data:image/gif;base64,...)</span> is now supported in CSS style sheets (gif, png and jpeg).</p> | ||
271 | </div> | ||
272 | |||
273 | <div class="folder">This <div> has the folder icon set as an embedded image in the CSS</div> | ||
274 | <p class="code">div.folder { | ||
275 | background: url(data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7) no-repeat 4px center; | ||
276 | padding: 5px 0 5px 25px; | ||
277 | border: 1px solid #000000; | ||
278 | } | ||
279 | </p> | ||
280 | |||
281 | |||
282 | |||
283 | <h3>Arabic text</h3> | ||
284 | |||
285 | |||
286 | |||
287 | <br /><br /> | ||
288 | |||
289 | <div class="gradient text"> | ||
290 | |||
291 | <p>The script handling Arabic text (RTL) was rewritten in mPDF 5.5 with improved support for Pashto/Sindhi/Urdu/Kurdish, especially for joining characters and added new presentation forms.</p> | ||
292 | <p>Some characters in Pashto/Sindhi/Urdu/Kurdish do not have Unicode values for the final/initial/medial forms of the characters. However, some fonts include glyphs for these characters "un-mapped" to Unicode (including XB Zar and XB Riyaz, which are bundled with mPDF).</p> | ||
293 | <p>By editing config_fonts.php and adding:</p> | ||
294 | <p class="code"> | ||
295 | \'unAGlyphs\' => true, | ||
296 | </p> | ||
297 | <p>to appropriate fonts, this will force mPDF to use unmapped glyphs. It requires the font file to include a Format 2.0 POST table which references the glyphs by name as e.g. uni067C.med or uni067C.medi</p> | ||
298 | <p>XB Riyaz, XB Zar, Arabic Typesetting (MS), Arial (MS) all contain this table. NB If you want to know if a font file is suitable, you can open a .ttf file in a text editor and search for "uni067C.med" - if it exists, it may work!</p> | ||
299 | <p>Using "unAGlyphs" forces subsetting of fonts, and will not work with SIP/SMP fonts (using characters beyond the Unicode BMP Plane).</p> | ||
300 | <p>mPDF maps these characters to part of the Private Use Area allocated by Unicode U+F500-F7FF. This could interfere with correct use | ||
301 | if the font already utilises these codes (unlikely).</p> | ||
302 | </div> | ||
303 | |||
304 | <pagebreak /> | ||
305 | <p>Using Arial MS font:</p> | ||
306 | '; | ||
307 | //============================================================== | ||
308 | // Test for all Arabic characters which may need joining | ||
309 | //============================================================== | ||
310 | $mpdf->cacheTables = true; | ||
311 | $html .=' | ||
312 | <style> | ||
313 | .script-arabic { font-family: arial; font-size: 22pt; direction: rtl; padding: 0.1em 0.5em; text-align: center; } | ||
314 | .joined { color: #888888; } | ||
315 | </style> | ||
316 | <div dir="ltr"> | ||
317 | '; | ||
318 | |||
319 | |||
320 | $ranges = array(0=>array(0x0621, 0x063a), 1=>array(0x0640, 0x064a), 2=>array(0x0671, 0x0672), 3=>array(0x0674, 0x06d3)); | ||
321 | |||
322 | foreach($ranges AS $r) { | ||
323 | $html .= '<table border="1" style="border-collapse: collapse">'; | ||
324 | $html .= '<thead><tr>'; | ||
325 | $html .= '<td></td>'; | ||
326 | $html .= '<td style="text-align:center; padding: 0 0.5em;">Isolated</td>'; | ||
327 | $html .= '<td></td>'; | ||
328 | $html .= '<td style="text-align:center; padding: 0 0.5em;">Final</td>'; | ||
329 | $html .= '<td style="text-align:center; padding: 0 0.5em;">Medial</td>'; | ||
330 | $html .= '<td style="text-align:center; padding: 0 0.5em;">Initial</td>'; | ||
331 | $html .= '<td></td>'; | ||
332 | $html .= '</tr></thead><tbody>'; | ||
333 | for($n=$r[0];$n<=$r[1];$n++) { | ||
334 | |||
335 | $html .= '<tr>'; | ||
336 | $html .= '<td>U+0'.strtoupper(dechex($n)) .'</td>'; | ||
337 | |||
338 | $html .= '<td class="script-arabic">�'.dechex($n) .';</td>'; | ||
339 | $html .= '<td class="script-arabic joined">ئ�'.dechex($n) .';</td>'; | ||
340 | $html .= '<td class="script-arabic">ـ�'.dechex($n) .';</td>'; | ||
341 | $html .= '<td class="script-arabic">ـ�'.dechex($n) .';ـ</td>'; | ||
342 | $html .= '<td class="script-arabic">�'.dechex($n) .';ـ</td>'; | ||
343 | $html .= '<td class="script-arabic joined">�'.dechex($n) .';ه</td>'; | ||
344 | |||
345 | $html .= '</tr>'; | ||
346 | } | ||
347 | $html .='</tbody></table>'; | ||
348 | $html .='<br />'; | ||
349 | } | ||
350 | |||
351 | |||
352 | |||
353 | $html .='</div>'; | ||
354 | //============================================================== | ||
355 | |||
356 | $html .=' | ||
357 | <br /> | ||
358 | |||
359 | |||
360 | '; | ||
361 | |||
362 | //============================================================== | ||
363 | if ($_REQUEST['html']) { echo $html; exit; } | ||
364 | if ($_REQUEST['source']) { | ||
365 | $file = __FILE__; | ||
366 | header("Content-Type: text/plain"); | ||
367 | header("Content-Length: ". filesize($file)); | ||
368 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
369 | readfile($file); | ||
370 | exit; | ||
371 | } | ||
372 | |||
373 | //============================================================== | ||
374 | |||
375 | $mpdf->WriteHTML($html); | ||
376 | |||
377 | // OUTPUT | ||
378 | $mpdf->Output(); exit; | ||
379 | |||
380 | |||
381 | //============================================================== | ||
382 | //============================================================== | ||
383 | //============================================================== | ||
384 | //============================================================== | ||
385 | |||
386 | |||
387 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/example60_new_mPDF_v5-7_features.php b/inc/3rdparty/libraries/mpdf/examples/example60_new_mPDF_v5-7_features.php new file mode 100644 index 00000000..658dc9ac --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/example60_new_mPDF_v5-7_features.php | |||
@@ -0,0 +1,595 @@ | |||
1 | <?php | ||
2 | |||
3 | ini_set("memory_limit","64M"); | ||
4 | |||
5 | include("../mpdf.php"); | ||
6 | |||
7 | $mpdf=new mPDF(''); | ||
8 | |||
9 | |||
10 | //============================================================== | ||
11 | |||
12 | $html = ' | ||
13 | <style> | ||
14 | .gradient { | ||
15 | border:0.1mm solid #220044; | ||
16 | background-color: #f0f2ff; | ||
17 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
18 | box-shadow: 0.3em 0.3em #888888; | ||
19 | } | ||
20 | h4 { | ||
21 | font-weight: bold; | ||
22 | margin-top: 1em; | ||
23 | margin-bottom: 0.3em; | ||
24 | margin-top: 0; | ||
25 | } | ||
26 | div.text { | ||
27 | padding:0.8em; | ||
28 | margin-bottom: 0.7em; | ||
29 | } | ||
30 | p { margin: 0.25em 0; } | ||
31 | p.code { | ||
32 | background-color: #d5d5d5; | ||
33 | margin: 1em 1cm; | ||
34 | padding: 0 0.3cm; | ||
35 | border:0.2mm solid #000088; | ||
36 | box-shadow: 0.3em 0.3em #888888; | ||
37 | } | ||
38 | .code { | ||
39 | font-family: monospace; | ||
40 | font-size: 9pt; | ||
41 | } | ||
42 | .shadowtitle { | ||
43 | height: 8mm; | ||
44 | background-color: #EEDDFF; | ||
45 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
46 | padding: 0.8em; | ||
47 | padding-left: 3em; | ||
48 | font-family:sans; | ||
49 | font-size: 26pt; | ||
50 | font-weight: bold; | ||
51 | border: 0.2mm solid white; | ||
52 | border-radius: 0.2em; | ||
53 | box-shadow: 0 0 1em 0.5em rgba(0,0,255,0.5); | ||
54 | color: #AAAACC; | ||
55 | text-shadow: 0.03em 0.03em #666, 0.05em 0.05em rgba(127,127,127,0.5), -0.015em -0.015em white; | ||
56 | } | ||
57 | h3 { | ||
58 | margin: 3em 0 2em -15mm; | ||
59 | background-color: #EEDDFF; | ||
60 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
61 | padding: 0.5em; | ||
62 | padding-left: 3em; | ||
63 | width: 50%; | ||
64 | font-family:sans; | ||
65 | font-size: 16pt; | ||
66 | font-weight: bold; | ||
67 | border-left: none; | ||
68 | border-radius: 0 2em 2em 0; | ||
69 | box-shadow: 0 0 2em 0.5em rgba(255,0,0,1); | ||
70 | text-shadow: 0.05em 0.04em rgba(127,127,127,0.5); | ||
71 | } | ||
72 | .css { | ||
73 | font-family: arial; | ||
74 | font-style: italic; | ||
75 | color: #000088; | ||
76 | } | ||
77 | |||
78 | .aBDP { text-align: "." center; } | ||
79 | .arBDP { text-align: "\66B" center; } | ||
80 | .middot { text-align: "\B7" center ; } | ||
81 | |||
82 | p.menu { | ||
83 | text-align: justify; | ||
84 | padding-right: 4em; | ||
85 | } | ||
86 | dottab.menu { | ||
87 | outdent: 4em; | ||
88 | } | ||
89 | |||
90 | |||
91 | .outlined { | ||
92 | text-outline: 0.1mm 0.1mm #FF0000; | ||
93 | font-weight: bold; | ||
94 | font-size: 20pt; | ||
95 | color: #FFFFFF; | ||
96 | } | ||
97 | |||
98 | /* For background-clip and -origin */ | ||
99 | .divclip { | ||
100 | border: 10px dashed #000000; | ||
101 | border-radius: 3em; | ||
102 | padding: 20px; | ||
103 | background:yellow; | ||
104 | background-image: -moz-linear-gradient(top right 210deg, red, orange, yellow, green, blue, indigo, violet); | ||
105 | width: 300px; | ||
106 | height: 50px; | ||
107 | margin-bottom: 1em; | ||
108 | background-repeat: no-repeat ; | ||
109 | background-size: 100% 100%; | ||
110 | } | ||
111 | .divpic { | ||
112 | background:yellow; | ||
113 | background: yellow url("bayeux1.jpg") no-repeat scroll left top; | ||
114 | background-size: 100% 100%; | ||
115 | } | ||
116 | .div1 { | ||
117 | background-clip: content-box; | ||
118 | background-origin: content-box; | ||
119 | } | ||
120 | .div2 { | ||
121 | background-clip: padding-box; | ||
122 | background-origin: padding-box; | ||
123 | } | ||
124 | .div3 { | ||
125 | background-clip: border-box; | ||
126 | background-origin: border-box; | ||
127 | } | ||
128 | .div4 { | ||
129 | background-clip: content-box; | ||
130 | background-origin: border-box; | ||
131 | } | ||
132 | .div5 { | ||
133 | background-clip: border-box; | ||
134 | background-origin: content-box; | ||
135 | } | ||
136 | |||
137 | |||
138 | /* For Table of Contents */ | ||
139 | div.mpdf_toc { | ||
140 | font-family: sans-serif; | ||
141 | font-size: 11pt; | ||
142 | } | ||
143 | a.mpdf_toc_a { | ||
144 | text-decoration: none; | ||
145 | color: black; | ||
146 | } | ||
147 | div.mpdf_toc_level_0 { /* Whole line level 0 */ | ||
148 | line-height: 1.5; | ||
149 | margin-left: 0; | ||
150 | padding-right: 2em; /* should match e.g <dottab outdent="2em" /> 0 is default */ | ||
151 | } | ||
152 | span.mpdf_toc_t_level_0 { /* Title level 0 - may be inside <a> */ | ||
153 | font-weight: bold; | ||
154 | } | ||
155 | span.mpdf_toc_p_level_0 { /* Page no. level 0 - may be inside <a> */ | ||
156 | } | ||
157 | div.mpdf_toc_level_1 { /* Whole line level 1 */ | ||
158 | margin-left: 2em; | ||
159 | text-indent: -2em; | ||
160 | padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */ | ||
161 | } | ||
162 | span.mpdf_toc_t_level_1 { /* Title level 1 */ | ||
163 | font-style: italic; | ||
164 | font-weight: bold; | ||
165 | } | ||
166 | span.mpdf_toc_p_level_1 { /* Page no. level 1 - may be inside <a> */ | ||
167 | } | ||
168 | div.mpdf_toc_level_2 { /* Whole line level 2 */ | ||
169 | margin-left: 4em; | ||
170 | text-indent: -2em; | ||
171 | padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */ | ||
172 | } | ||
173 | span.mpdf_toc_t_level_2 { /* Title level 2 */ | ||
174 | } | ||
175 | span.mpdf_toc_p_level_2 { /* Page no. level 2 - may be inside <a> */ | ||
176 | } | ||
177 | |||
178 | </style> | ||
179 | <body> | ||
180 | |||
181 | <tocpagebreak links="on" toc-preHTML="<div class="shadowtitle">New Features in mPDF v5.7</div><h3>Table of Contents</h3>" toc-bookmarktext="Table of Contents"/> | ||
182 | |||
183 | |||
184 | <h3>ToC Layout and styling</h3> | ||
185 | <div class="gradient text"> | ||
186 | <h4>Table of Contents styling</h4> | ||
187 | <p>When a Table of Contents is generated by mPDF using e.g. <tocpagebreak>, mPDF 5.7 will generate the ToC as HTML. This means that a CSS stylesheet can be used to format its appearance.</p> | ||
188 | </div> | ||
189 | |||
190 | <div class="gradient text"> | ||
191 | <p>Example table of contents:</p> | ||
192 | <div class="mpdf_toc" id="mpdf_toc_0"> | ||
193 | <div class="mpdf_toc_level_0"> | ||
194 | <a class="mpdf_toc_a" href="#__mpdfinternallink_1"><span class="mpdf_toc_t_level_0">Section 1</span></a> | ||
195 | <dottab outdent="2em" /> | ||
196 | <a class="mpdf_toc_a" href="#__mpdfinternallink_1"><span class="mpdf_toc_p_level_0">5</span></a> | ||
197 | </div> | ||
198 | <div class="mpdf_toc_level_1"> | ||
199 | <a class="mpdf_toc_a" href="#__mpdfinternallink_2"><span class="mpdf_toc_t_level_1">Chapter 1</span></a> | ||
200 | <dottab outdent="2em" /> | ||
201 | <a class="mpdf_toc_a" href="#__mpdfinternallink_2"><span class="mpdf_toc_p_level_1">6</span></a> | ||
202 | </div> | ||
203 | <div class="mpdf_toc_level_2"> | ||
204 | <a class="mpdf_toc_a" href="#__mpdfinternallink_3"><span class="mpdf_toc_t_level_2">Topic 1</span></a> | ||
205 | <dottab outdent="2em" /> | ||
206 | <a class="mpdf_toc_a" href="#__mpdfinternallink_3"><span class="mpdf_toc_p_level_2">7</span></a> | ||
207 | </div> | ||
208 | </div> | ||
209 | </div> | ||
210 | |||
211 | <div class="gradient text"> | ||
212 | <p>This will result in the following HTML code generated (internally):</p> | ||
213 | <p class="code"> | ||
214 | <div class="mpdf_toc" id="mpdf_toc_0"><br /> | ||
215 | <div class="mpdf_toc_level_0"><br /> | ||
216 | <a class="mpdf_toc_a" href="#__mpdfinternallink_1"><br /> | ||
217 | <span class="mpdf_toc_t_level_0">Section 1</span><br /> | ||
218 | </a><br /> | ||
219 | <dottab outdent="2em" /><br /> | ||
220 | <a class="mpdf_toc_a" href="#__mpdfinternallink_1"><br /> | ||
221 | <span class="mpdf_toc_p_level_0">5</span><br /> | ||
222 | </a><br /> | ||
223 | </div><br /> | ||
224 | <div class="mpdf_toc_level_1"><br /> | ||
225 | <a class="mpdf_toc_a" href="#__mpdfinternallink_2"><br /> | ||
226 | <span class="mpdf_toc_t_level_1">Chapter 1</span><br /> | ||
227 | </a><br /> | ||
228 | <dottab outdent="2em" /><br /> | ||
229 | <a class="mpdf_toc_a" href="#__mpdfinternallink_2"><br /> | ||
230 | <span class="mpdf_toc_p_level_1">6</span><br /> | ||
231 | </a><br /> | ||
232 | </div><br /> | ||
233 | <div class="mpdf_toc_level_2"><br /> | ||
234 | <a class="mpdf_toc_a" href="#__mpdfinternallink_3"><br /> | ||
235 | <span class="mpdf_toc_t_level_2">Topic 1</span><br /> | ||
236 | </a><br /> | ||
237 | <dottab outdent="2em" /><br /> | ||
238 | <a class="mpdf_toc_a" href="#__mpdfinternallink_3"><br /> | ||
239 | <span class="mpdf_toc_p_level_2">7</span><br /> | ||
240 | </a><br /> | ||
241 | </div><br /> | ||
242 | </div> | ||
243 | </p> | ||
244 | |||
245 | <p>NB The id is "0" (mpdf_toc_0) for root/un-named ToC; otherwise it is lowercase of the name="" used for the ToC</p> | ||
246 | </div> | ||
247 | |||
248 | <div class="gradient text"> | ||
249 | |||
250 | <p>Example Styling using CSS</p> | ||
251 | <p>The following CSSwill format the ToC as it appears in this document:</p> | ||
252 | <p class="code"> | ||
253 | /* For Table of Contents */<br /> | ||
254 | div.mpdf_toc {<br /> | ||
255 | font-family: sans-serif;<br /> | ||
256 | font-size: 11pt;<br /> | ||
257 | }<br /> | ||
258 | a.mpdf_toc_a {<br /> | ||
259 | text-decoration: none;<br /> | ||
260 | color: black;<br /> | ||
261 | }<br /><br /> | ||
262 | /* Whole line level 0 */<br /> | ||
263 | div.mpdf_toc_level_0 {<br /> | ||
264 | line-height: 1.5;<br /> | ||
265 | margin-left: 0;<br /> | ||
266 | padding-right: 2em;<br /> | ||
267 | }<br /><br /> | ||
268 | /* Title level 0 - may be inside <a> */<br /> | ||
269 | span.mpdf_toc_t_level_0 {<br /> | ||
270 | font-weight: bold;<br /> | ||
271 | }<br /><br /> | ||
272 | /* Page no. level 0 - may be inside <a> */<br /> | ||
273 | span.mpdf_toc_p_level_0 { }<br /><br /> | ||
274 | /* Whole line level 1 */<br /> | ||
275 | div.mpdf_toc_level_1 {<br /> | ||
276 | margin-left: 2em;<br /> | ||
277 | padding-right: 2em;<br /> | ||
278 | }<br /><br /> | ||
279 | /* Title level 1 */<br /> | ||
280 | span.mpdf_toc_t_level_1 {<br /> | ||
281 | font-style: italic;<br /> | ||
282 | font-weight: bold;<br /> | ||
283 | }<br /><br /> | ||
284 | /* Page no. level 1 - may be inside <a> */<br /> | ||
285 | span.mpdf_toc_p_level_1 { }<br /><br /> | ||
286 | /* Whole line level 2 */<br /> | ||
287 | div.mpdf_toc_level_2 {<br /> | ||
288 | margin-left: 4em;<br /> | ||
289 | padding-right: 2em;<br /> | ||
290 | }<br /><br /> | ||
291 | /* Title level 2 */<br /> | ||
292 | span.mpdf_toc_t_level_2 { }<br /><br /> | ||
293 | /* Page no. level 2 - may be inside <a> */<br /> | ||
294 | span.mpdf_toc_p_level_2 { }<br /><br /> | ||
295 | </p> | ||
296 | <p>NB padding-right should match <dottab> "outdent" (0 is default). See <dottab> for more details</p> | ||
297 | </div> | ||
298 | |||
299 | <div class="gradient text"> | ||
300 | <p>The functions TOCpagebreakByArray() and TOCpagebreak() have a new final parameter, and HTML tags <TOC> and <TOCpagebreak> have a new attribute "tocoutdent". This should be blank or a valid CSS length e.g. "2em". See <dottab> for more details.</p> | ||
301 | </div> | ||
302 | |||
303 | |||
304 | |||
305 | |||
306 | |||
307 | <h3>Text-align on decimal point</h3> | ||
308 | <div class="gradient text"> | ||
309 | <p>Text inside a table column can be aligned on a decimal point (or any other character) by using either HTML attribute or CSS.</p> | ||
310 | <p>This example table uses the following CSS stylesheet:</p> | ||
311 | <p class="code"> | ||
312 | <style><br /> | ||
313 | .aBDP { text-align: "." center; }<br /> | ||
314 | .arBDP { text-align: "\66B" center; }<br /> | ||
315 | .middot { text-align: "\B7" center ; }<br /> | ||
316 | </style> | ||
317 | </p> | ||
318 | <p></p> | ||
319 | |||
320 | |||
321 | <table border="1" style="border-collapse: collapse;" align="center"> | ||
322 | <tr><th><TD> element</th><th>Column</th></tr> | ||
323 | <tr><td class="code">align="left"</td><td align="left">Left text</td></tr> | ||
324 | <tr><td class="code">align="right"</td><td align="right">Right text</td></tr> | ||
325 | <tr><td class="code">align="center"</td><td align="center">Center text</td></tr> | ||
326 | <tr><td class="code">align="char"</td><td align="char"><p>1000.0001</p></td></tr> | ||
327 | <tr><td class="code">align="char" char=","</td><td align="char" char=","><p>1000,0001</p></td></tr> | ||
328 | <tr><td class="code">align="char" char="&middot;"</td><td align="char" char="·"><p>1000·0001</p></td></tr> | ||
329 | <tr><td class="code">align="char" char="&#183;"</td><td align="char" char="·"><p>1000·0001</p></td></tr> | ||
330 | <tr><td class="code">style="text-align: \'.\' center"</td><td style="text-align: \'.\' center">100.001</td></tr> | ||
331 | <tr><td class="code">style="text-align: \'.\' center"</td><td style="text-align: \'.\' center">DP aligned text</td></tr> | ||
332 | <tr><td class="code">style="text-align: \',\' center"</td><td style="text-align: \',\' center"><p>1.000,0001</p></td></tr> | ||
333 | <tr><td class="code">class="aBDP"</td><td class="aBDP">10.01</td></tr> | ||
334 | <tr><td class="code">class="aBDP"</td><td class="aBDP">1000</td></tr> | ||
335 | <tr><td class="code">class="aBDP"</td><td class="aBDP"><p>1000.0001</p></td></tr> | ||
336 | <tr><td class="code">class="middot"</td><td class="middot">1 000·0001</td></tr> | ||
337 | <tr><td class="code">class="aBDP"</td><td class="aBDP"><p>1,000,000.00001</p></td></tr> | ||
338 | <tr><td class="code">class="aBDP"</td><td class="aBDP">1.000000001</td></tr> | ||
339 | <tr><td class="code">class="aBDP"</td><td class="aBDP">1.000.000.001</td></tr> | ||
340 | <tr><td class="code">class="arBDP"</td><td class="arBDP"><p style="lang: ar">١٬٥٦٧٬٢٣٤٫٢٣٤٧</p></td></tr> | ||
341 | <tr><td class="code">class="aBDP"</td><td class="aBDP">(GBP) 1,000,000.00001<br />1,000,000.00001 (EUR)<br />1,000,000.00001</td></tr> | ||
342 | </table> | ||
343 | |||
344 | </div> | ||
345 | |||
346 | |||
347 | |||
348 | |||
349 | <pagebreak /> | ||
350 | |||
351 | <h3>Automatic ToC and Bookmarks</h3> | ||
352 | <div class="gradient text"> | ||
353 | <p>A Table of Contents and/or Bookmarks can be generated automatically from any of the heading tags H1 - H6. This example will generate ToC and bookmarks from all <h3> tags (top level) and <h4> tags (next level)</p> | ||
354 | <p class="code"> | ||
355 | $mpdf->h2toc = array(\'H3\'=>0, \'H4\'=>1);<br /> | ||
356 | $mpdf->h2bookmarks = array(\'H3\'=>0, \'H4\'=>1); | ||
357 | </p> | ||
358 | </div> | ||
359 | |||
360 | |||
361 | |||
362 | |||
363 | |||
364 | |||
365 | <h3>Improved line-breaking</h3> | ||
366 | <p>mPDF will now avoid line-breaks in the middle of words even between <tags></p> | ||
367 | <div class="gradient text"> | ||
368 | <p class="code"> | ||
369 | <b>Na<sub>2</sub>HCO<sub>3</sub></b> | ||
370 | </p> | ||
371 | <p>Pellentesque purus feugiat semper. Donec nunc odio, et vitae pellentesque. Pellentesque <b>Na<sub>2</sub>HCO<sub>3</sub></b> velit lacus.</p> | ||
372 | </div> | ||
373 | |||
374 | |||
375 | <h3>CSS hyphens</h3> | ||
376 | <div class="gradient text"> | ||
377 | <p>The CSS property hyphens is now supported on all block elements</p> | ||
378 | <p class="code"> | ||
379 | hyphens: manual | auto | none | ||
380 | </p> | ||
381 | <p>In the following example, the word interdependent contains no soft hyphen or similar characters, and is moved to the next line.</p> | ||
382 | |||
383 | <p style="hyphens:none;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus interdependent (no characters suggesting line-break).</p> | ||
384 | |||
385 | <p><b>manual</b> (default) | ||
386 | Words are only broken at line breaks where there are characters inside the word that suggest line break opportunities. Characters can be explicit ("-" hard hyphen) or conditional (&shy; &#173; <wbr>). </p> | ||
387 | <p style="hyphens:manual;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus inter­dependent (uses soft hyphen &shy;).</p> | ||
388 | |||
389 | <p><b>none</b> - Words are not broken at line breaks, even if characters inside the word suggest line break points. </p> | ||
390 | <p style="hyphens:none;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus inter-dependent (hard hyphen).</p> | ||
391 | |||
392 | <p><b>auto</b> | ||
393 | Words can be broken at appropriate hyphenation points, as determined by characters inside the word.</p> | ||
394 | <p style="hyphens:auto;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus interdependent (No characters suggesting line-break).</p> | ||
395 | <p>SHY inside the word take priority over hyphenation points determined by other resources. </p> | ||
396 | <p style="hyphens:auto;border: 1px solid #000000;">Cum velit lacus pena sociis natoque penatibus et magnis disa montes, nascetur ridicuus inter­dependent (uses soft hyphen &shy;).</p> | ||
397 | |||
398 | <p>The configurable variables $this->hyphenate and $this->hyphenateTables are henceforth redundant and have no effect.</p> | ||
399 | <p>NB Support for <wbr> is new in mPDF 5.7</p> | ||
400 | </div> | ||
401 | |||
402 | |||
403 | |||
404 | |||
405 | |||
406 | <h3>Text circle</h3> | ||
407 | <div class="gradient text"> | ||
408 | <p>Added in mPDF 5.6 but not included in New Features example - transparent background and Divider were new. Now also added support for font-size:auto</p> | ||
409 | <p class="code"> | ||
410 | <textcircle r="30mm" top-text="Text Circular Text Circular" bottom-text="Text Circular Text Circular" divider="&bull;" style="font-size: auto" /> | ||
411 | </p> | ||
412 | <p></p> | ||
413 | <div align="center"><textcircle r="30mm" top-text="Text Circular Text Circular" bottom-text="Text Circular Text Circular" divider="•" style="font-size: auto" /></div> | ||
414 | </div> | ||
415 | |||
416 | |||
417 | <h3>List numbering</h3> | ||
418 | <div class="gradient text"> | ||
419 | <p>This list is set to start numbering at 5</p> | ||
420 | <p class="code"><ol start="5"></p> | ||
421 | <ol start="5"> | ||
422 | <li>List item number 1</li> | ||
423 | <li>List item number 2</li> | ||
424 | <li>List item number 3</li> | ||
425 | </ol> | ||
426 | </div> | ||
427 | |||
428 | |||
429 | |||
430 | |||
431 | <h3><dottab> and outdent</h3> | ||
432 | <div class="gradient text"> | ||
433 | <p><dottab> now supports a custom CSS property "outdent", which can also be used as an HTML attribute i.e. <dottab outdent="2em"></p> | ||
434 | <p>The first item uses <dottab outdent="4em"> whereas the following items have <dottab class="menu"> (with CSS <code>dottab.menu{outdent: 4em;}</code> ) and all have padding-right="4em" on the <div> element</p> | ||
435 | <div style="border: 0.2mm solid #000088; padding: 1em;"> | ||
436 | <p class="menu">Nulla felis erat, imperdiet eu, ullamcorper non, nonummy quis, elit. Suspendisse potenti. Ut a eros at ligula vehicula pretium. Maecenas feugiat pede vel risus. Nulla et lectus <dottab outdent="4em" /> £37.00</p> | ||
437 | |||
438 | <p class="menu">Fusce eleifend neque sit amet erat. Integer consectetuer nulla non orci. Morbi feugiat <dottab class="menu" /> £3700.00</p> | ||
439 | |||
440 | <p class="menu">Cras odio. Donec mattis, nisi id euismod auctor, neque metus pellentesque risus, at eleifend lacus sapien et risus <dottab class="menu" /> £27.00</p> | ||
441 | |||
442 | <p class="menu">Phasellus metus. Phasellus feugiat, lectus ac aliquam molestie, leo lacus tincidunt turpis, vel aliquam quam odio et sapien. Mauris ante pede, auctor ac, suscipit quis, malesuada sed, nulla. Integer sit amet odio sit amet lectus luctus euismod <dottab class="menu" /> £7.00</p> | ||
443 | |||
444 | <p class="menu">Donec et nulla. Sed quis orci <dottab class="menu" /> £1137.00</p> | ||
445 | </div> | ||
446 | <p></p> | ||
447 | <p class="code"> | ||
448 | p.menu { text-align: justify; padding-right: 4em; }<br /> | ||
449 | dottab.menu { outdent: 4em; } | ||
450 | </p> | ||
451 | <p>NB It is recommended to use &nbsp; after the dottab if a space is required before the following content.</p> | ||
452 | <p>NB This (outdent) is also used in the Table of Contents (see earlier in this document).</p> | ||
453 | </div> | ||
454 | |||
455 | |||
456 | |||
457 | <h3>Layers</h3> | ||
458 | <div class="gradient text"> | ||
459 | <p>mPDF 5.7 will create layers in the document using the CSS property z-index. All layers are visible by default.</p> | ||
460 | <p>This demonstrates layers in a PDF document. Select the layers named "Correct Answers" or "Wrong Answers" in your PDF viewer (the layers pane should be open already in Adobe Acrobat)</p> | ||
461 | <div><b>What is the name of the Prime Minister of Britain?</b></div> | ||
462 | <div style="z-index:1;color: green;float: left; width:30%">David Cameron</div> | ||
463 | <div style="z-index:2;color: red;">Rupert Murdoch</div> | ||
464 | <div><b>What is the name of the David Beckham\'s bulldog?</b></div> | ||
465 | <div style="z-index:1;color: green;float: left; width:30%;">Scarlet</div> | ||
466 | <div style="z-index:2;color: red;">Victoria</div> | ||
467 | <p>To open/close/select layers in Adobe Reader (10):<br /> | ||
468 | <img src="layers_tab.jpg" /></p> | ||
469 | <p>The layer names and initial state can be set (optionally) e.g.</p> | ||
470 | <p class="code"> | ||
471 | $mpdf->layerDetails[1][\'state\']=\'hidden\'; // Set initial state of layer - "hidden" or ""<br /> | ||
472 | $mpdf->layerDetails[1][\'name\']=\'Correct Answers\';<br /> | ||
473 | $mpdf->layerDetails[2][\'state\']=\'hidden\';<br /> | ||
474 | $mpdf->layerDetails[2][\'name\']=\'Wrong Answers\';<br /> | ||
475 | </p> | ||
476 | <p>This is the code used in the example above:</p> | ||
477 | <p class="code"> | ||
478 | <div style="z-index:1;color: green;float: left; width:30%;">Scarlet</div><br /> | ||
479 | <div style="z-index:2;color: red;">Victoria</div> | ||
480 | </p> | ||
481 | <div>To force the PDF reader to open with the layers tab open, set: | ||
482 | <p class="code">$mpdf->open_layer_pane = true;</p> | ||
483 | </div> | ||
484 | |||
485 | </div> | ||
486 | |||
487 | |||
488 | |||
489 | <h3>CSS visibility on <span></h3> | ||
490 | <p>CSS visibility:hidden is now supported on inline elements e.g. <span></p> | ||
491 | <div class="gradient text"> | ||
492 | <p>This next bit of text is hidden - <span style="visibility:hidden; border:1px solid #880000;background-color:yellow">Hidden text</span> - and this isn\'t.</p> | ||
493 | <p class="code">style="visibility:hidden;"</p> | ||
494 | <p>This next bit of text is only visible in print - <span style="visibility:printonly; border:1px solid #008800;background-color:yellow">Hidden text</span> - and this isn\'t.</p> | ||
495 | <p class="code">style="visibility:printonly;"</p> | ||
496 | <p>This next bit of text is only visible on screen - <span style="visibility:screenonly; border:1px solid #000088;background-color:yellow">Hidden text</span> - and this isn\'t.</p> | ||
497 | <p class="code">style="visibility:screenonly;"</p> | ||
498 | <p>You can show or hide these elements as for layers (above).</p> | ||
499 | </div> | ||
500 | |||
501 | |||
502 | |||
503 | <h3>CSS "rem" unit</h3> | ||
504 | <div class="gradient text"> | ||
505 | |||
506 | <div style="font-size: 1rem; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1rem | ||
507 | <div style="font-size: 0.5rem; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 0.5rem | ||
508 | <div style="font-size: 1.5rem; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1.5rem | ||
509 | </div> | ||
510 | </div> | ||
511 | </div> | ||
512 | <div style="font-size: 1em; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1em | ||
513 | <div style="font-size: 0.5em; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 0.5em | ||
514 | <div style="font-size: 1.5em; border: 1px solid #888888; padding: 5px 20px;">This line has the font-size set as 1.5em | ||
515 | </div> | ||
516 | </div> | ||
517 | </div> | ||
518 | |||
519 | </div> | ||
520 | |||
521 | |||
522 | |||
523 | |||
524 | <h3>CSS outline</h3> | ||
525 | <div class="gradient text"> | ||
526 | <div class="outlined">This is text with an outline set by CSS</div> | ||
527 | <p class="code"> | ||
528 | .outlined { text-outline: 0.1mm 0.1mm #FF0000; } | ||
529 | </p> | ||
530 | </div> | ||
531 | |||
532 | |||
533 | |||
534 | |||
535 | |||
536 | <h3>CSS background-clip, background-origin & background-size</h3> | ||
537 | <div class="gradient text"> | ||
538 | <p>CSS background-clip, background-origin & background-size are now supported for most block level elements. (Not supported in tables, nor on page/body backgrounds).</p> | ||
539 | |||
540 | |||
541 | <div class="divclip">background-clip: border-box[default value]<br />background-origin: padding-box[default value]</div> | ||
542 | <div class="divclip div1">background-clip: content-box;<br />background-origin: content-box</div> | ||
543 | <div class="divclip div2">background-clip: padding-box;<br />background-origin: padding-box</div> | ||
544 | <div class="divclip div3">background-clip: border-box;<br />background-origin: border-box</div> | ||
545 | <div class="divclip div4">background-clip: content-box;<br />background-origin: border-box</div> | ||
546 | <div class="divclip div5">background-clip: border-box;<br />background-origin: content-box</div> | ||
547 | |||
548 | <div class="divclip divpic">background-clip: border-box[default value]<br />background-origin: padding-box[default value]</div> | ||
549 | <div class="divclip div1 divpic">background-clip: content-box;<br />background-origin: content-box</div> | ||
550 | <div class="divclip div2 divpic">background-clip: padding-box;<br />background-origin: padding-box</div> | ||
551 | <div class="divclip div3 divpic">background-clip: border-box;<br />background-origin: border-box</div> | ||
552 | <div class="divclip div4 divpic">background-clip: content-box;<br />background-origin: border-box</div> | ||
553 | <div class="divclip div5 divpic">background-clip: border-box;<br />background-origin: content-box</div> | ||
554 | |||
555 | |||
556 | </div> | ||
557 | |||
558 | |||
559 | '; | ||
560 | |||
561 | $mpdf->h2toc = array('H3'=>0, 'H4'=>1); | ||
562 | $mpdf->h2bookmarks = array('H3'=>0, 'H4'=>1); | ||
563 | |||
564 | $mpdf->open_layer_pane = false; | ||
565 | $mpdf->layerDetails[1]['state']='hidden'; // Set initial state of layer - "hidden" or nothing | ||
566 | $mpdf->layerDetails[1]['name']='Correct Answers'; | ||
567 | $mpdf->layerDetails[2]['state']='hidden'; // Set initial state of layer - "hidden" or nothing | ||
568 | $mpdf->layerDetails[2]['name']='Wrong Answers'; | ||
569 | |||
570 | //============================================================== | ||
571 | if ($_REQUEST['html']) { echo $html; exit; } | ||
572 | if ($_REQUEST['source']) { | ||
573 | $file = __FILE__; | ||
574 | header("Content-Type: text/plain"); | ||
575 | header("Content-Length: ". filesize($file)); | ||
576 | header("Content-Disposition: attachment; filename='".$file."'"); | ||
577 | readfile($file); | ||
578 | exit; | ||
579 | } | ||
580 | |||
581 | //============================================================== | ||
582 | |||
583 | $mpdf->WriteHTML($html); | ||
584 | |||
585 | // OUTPUT | ||
586 | $mpdf->Output(); exit; | ||
587 | |||
588 | |||
589 | //============================================================== | ||
590 | //============================================================== | ||
591 | //============================================================== | ||
592 | //============================================================== | ||
593 | |||
594 | |||
595 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/firefox-48.png b/inc/3rdparty/libraries/mpdf/examples/firefox-48.png new file mode 100644 index 00000000..b982cf97 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/firefox-48.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/flowers-pattern.jpg b/inc/3rdparty/libraries/mpdf/examples/flowers-pattern.jpg new file mode 100644 index 00000000..45aaeeb6 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/flowers-pattern.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/formsubmit.php b/inc/3rdparty/libraries/mpdf/examples/formsubmit.php new file mode 100644 index 00000000..f13a3951 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/formsubmit.php | |||
@@ -0,0 +1,94 @@ | |||
1 | <?php | ||
2 | |||
3 | echo '<'.'!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" | ||
4 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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 | </head> | ||
9 | <body> | ||
10 | <h2>Submitted data from PDF Form</h2> | ||
11 | <p style="font-size:0.9em;">(See formsubmit.php in the Examples folder for details)</p> | ||
12 | '; | ||
13 | |||
14 | |||
15 | if (count($_POST)) { | ||
16 | // To display HTML output from PDF form | ||
17 | echo '<h4>HTML format data sent as POST</h4>'; | ||
18 | foreach($_POST AS $name=>$val) { | ||
19 | $t = mb_convert_encoding(PDFDocEncodingToWin1252($val), 'UTF-8', 'Windows-1252' ); // If from core fonts doc | ||
20 | echo '<p>PDFDocEnc: '.$name.' => '.htmlspecialchars($t).'</p>'; | ||
21 | } | ||
22 | } | ||
23 | else if (count($_GET)) { | ||
24 | // To display HTML output from PDF form | ||
25 | echo '<h4>HTML format data sent as GET</h4>'; | ||
26 | foreach($_GET AS $name=>$val) { | ||
27 | $t = mb_convert_encoding(PDFDocEncodingToWin1252($val), 'UTF-8', 'Windows-1252' ); // If from core fonts doc | ||
28 | echo '<p>PDFDocEnc: '.$name.' => '.htmlspecialchars($t).'</p>'; | ||
29 | } | ||
30 | } | ||
31 | |||
32 | else { | ||
33 | $postdata = file_get_contents("php://input"); | ||
34 | |||
35 | if ($postdata) { | ||
36 | echo '<h4>XFDF format data detected</h4>'; | ||
37 | // To parse XFDF | ||
38 | if (preg_match_all('/<field name="([^>]*)"\s*>\s*(<value\s*>(.*?)<\/value\s*>)\s*<\/field\s*>/s', $postdata, $m)) { | ||
39 | for($i=0; $i<count($m[0]); $i++) { | ||
40 | // if multiple values in response e.g. from multiple selected options | ||
41 | preg_match_all('/<value\s*>(.*?)<\/value\s*>/s', $m[2][$i], $v); | ||
42 | if (count($v[0])>1) { | ||
43 | $values = array(); | ||
44 | foreach($v[1] AS $val) { $values[] = $val; } | ||
45 | //foreach($v[1] AS $val) { $values[] = htmlspecialchars_decode($val); } | ||
46 | echo '<p>Field: '.$m[1][$i].' => [array of values] ('.implode(', ',$values).')</p>'; | ||
47 | } | ||
48 | else { | ||
49 | //echo '<p>Field: '.$m[1][$i].' => '.htmlspecialchars_decode($m[3][$i]).'</p>'; | ||
50 | echo '<p>Field: '.$m[1][$i].' => '.$m[3][$i].'</p>'; | ||
51 | } | ||
52 | } | ||
53 | } | ||
54 | if (preg_match_all('/<field name="([^>]*)"\s*>\s*<value\s*\/\s*>\s*<\/field\s*>/s', $postdata, $m)) { | ||
55 | for($i=0; $i<count($m[0]); $i++) { | ||
56 | echo '<p>Field: '.$m[1][$i].' => [blank]</p>'; | ||
57 | } | ||
58 | } | ||
59 | if (preg_match_all('/<field name="([^>]*)"\s*\/\s*>/s', $postdata, $m)) { | ||
60 | for($i=0; $i<count($m[0]); $i++) { | ||
61 | echo '<p>Field: '.$m[1][$i].' => [no value]</p>'; | ||
62 | } | ||
63 | } | ||
64 | |||
65 | |||
66 | // To display whole XFDF | ||
67 | //$postdata = preg_replace("/[\n\r]/", "", $postdata); | ||
68 | //$postdata = preg_replace('/>\s*</', ">\n<", $postdata); | ||
69 | //echo nl2br(htmlspecialchars($postdata)); | ||
70 | } | ||
71 | else { echo "No form data detected"; } | ||
72 | } | ||
73 | |||
74 | |||
75 | |||
76 | echo '</body></html>'; | ||
77 | |||
78 | exit; | ||
79 | |||
80 | function PDFDocEncodingToWin1252($txt) { | ||
81 | $Win1252ToPDFDocEncoding = array( | ||
82 | chr(0200) => chr(0240), chr(0214) => chr(0226), chr(0212) => chr(0227), chr(0237) => chr(0230), | ||
83 | chr(0225) => chr(0200), chr(0210) => chr(0032), chr(0206) => chr(0201), chr(0207) => chr(0202), | ||
84 | chr(0205) => chr(0203), chr(0227) => chr(0204), chr(0226) => chr(0205), chr(0203) => chr(0206), | ||
85 | chr(0213) => chr(0210), chr(0233) => chr(0211), chr(0211) => chr(0213), chr(0204) => chr(0214), | ||
86 | chr(0223) => chr(0215), chr(0224) => chr(0216), chr(0221) => chr(0217), chr(0222) => chr(0220), | ||
87 | chr(0202) => chr(0221), chr(0232) => chr(0235), chr(0230) => chr(0037), chr(0231) => chr(0222), | ||
88 | chr(0216) => chr(0231) | ||
89 | ); | ||
90 | return strtr($txt, array_flip($Win1252ToPDFDocEncoding) ); | ||
91 | } | ||
92 | |||
93 | |||
94 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/goto.gif b/inc/3rdparty/libraries/mpdf/examples/goto.gif new file mode 100644 index 00000000..e7de2b10 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/goto.gif | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/img1.png b/inc/3rdparty/libraries/mpdf/examples/img1.png new file mode 100644 index 00000000..fe3f4ded --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/img1.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/img2.png b/inc/3rdparty/libraries/mpdf/examples/img2.png new file mode 100644 index 00000000..2d142f46 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/img2.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/img3.png b/inc/3rdparty/libraries/mpdf/examples/img3.png new file mode 100644 index 00000000..a7a94872 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/img3.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/img4.png b/inc/3rdparty/libraries/mpdf/examples/img4.png new file mode 100644 index 00000000..e9c3f448 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/img4.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/img5.png b/inc/3rdparty/libraries/mpdf/examples/img5.png new file mode 100644 index 00000000..1e4c5ec5 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/img5.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/index.php b/inc/3rdparty/libraries/mpdf/examples/index.php new file mode 100644 index 00000000..869bab8c --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/index.php | |||
@@ -0,0 +1,40 @@ | |||
1 | <?php | ||
2 | |||
3 | $ff = scandir('./'); | ||
4 | |||
5 | sort($ff); | ||
6 | $files = array(); | ||
7 | foreach($ff AS $f) { | ||
8 | if (preg_match('/example[0]{0,1}(\d+)_(.*?)\.php/',$f,$m)) { | ||
9 | $num = intval($m[1]); | ||
10 | $files[$num] = array(ucfirst(preg_replace('/_/',' ',$m[2])), $m[0]); | ||
11 | } | ||
12 | } | ||
13 | echo '<html><body><h3>mPDF Example Files</h3>'; | ||
14 | |||
15 | foreach($files AS $n=>$f) { | ||
16 | echo '<p>'.$n.') '.$f[0].' <a href="'.$f[1].'">PDF</a> <small><a href="show_code.php?filename='.$f[1].'">PHP</a></small></p>'; | ||
17 | } | ||
18 | |||
19 | echo '</body></html>'; | ||
20 | exit; | ||
21 | |||
22 | |||
23 | // For PHP4 compatability | ||
24 | if (!function_exists('scandir')) { | ||
25 | function scandir($dir = './', $sort = 0) { | ||
26 | $dir_open = @ opendir($dir); | ||
27 | if (! $dir_open) | ||
28 | return false; | ||
29 | while (($dir_content = readdir($dir_open)) !== false) | ||
30 | $files[] = $dir_content; | ||
31 | if ($sort == 1) | ||
32 | rsort($files, SORT_STRING); | ||
33 | else | ||
34 | sort($files, SORT_STRING); | ||
35 | return $files; | ||
36 | } | ||
37 | } | ||
38 | |||
39 | |||
40 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/klematis.jpg b/inc/3rdparty/libraries/mpdf/examples/klematis.jpg new file mode 100644 index 00000000..b87e920c --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/klematis.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/loading.gif b/inc/3rdparty/libraries/mpdf/examples/loading.gif new file mode 100644 index 00000000..e846e1d6 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/loading.gif | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/mpdfstyleA4.css b/inc/3rdparty/libraries/mpdf/examples/mpdfstyleA4.css new file mode 100644 index 00000000..90036e2a --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/mpdfstyleA4.css | |||
@@ -0,0 +1,89 @@ | |||
1 | body { font-family: DejaVuSansCondensed, sans-serif; font-size: 11pt; } | ||
2 | p { text-align: justify; margin-bottom: 4pt; margin-top:0pt; } | ||
3 | |||
4 | hr { width: 70%; height: 1px; | ||
5 | text-align: center; color: #999999; | ||
6 | margin-top: 8pt; margin-bottom: 8pt; } | ||
7 | |||
8 | a { color: #000066; font-style: normal; text-decoration: underline; | ||
9 | font-weight: normal; } | ||
10 | |||
11 | ul { text-indent: 5mm; margin-bottom: 9pt; } | ||
12 | ol { text-indent: 5mm; margin-bottom: 9pt; } | ||
13 | |||
14 | pre { font-family: DejaVuSansMono, monospaced; font-size: 9pt; margin-top: 5pt; margin-bottom: 5pt; } | ||
15 | |||
16 | h1 { font-weight: normal; font-size: 26pt; color: #000066; | ||
17 | font-family: DejaVuSansCondensed, sans-serif; margin-top: 18pt; margin-bottom: 6pt; | ||
18 | border-top: 0.075cm solid #000000; border-bottom: 0.075cm solid #000000; | ||
19 | text-align: ; page-break-after:avoid; } | ||
20 | h2 { font-weight: bold; font-size: 12pt; color: #000066; | ||
21 | font-family: DejaVuSansCondensed, sans-serif; margin-top: 6pt; margin-bottom: 6pt; | ||
22 | border-top: 0.07cm solid #000000; border-bottom: 0.07cm solid #000000; | ||
23 | text-align: ; text-transform: uppercase; page-break-after:avoid; } | ||
24 | h3 { font-weight: normal; font-size: 26pt; color: #000000; | ||
25 | font-family: DejaVuSansCondensed, sans-serif; margin-top: 0pt; margin-bottom: 6pt; | ||
26 | border-top: 0; border-bottom: 0; | ||
27 | text-align: ; page-break-after:avoid; } | ||
28 | h4 { font-weight: ; font-size: 13pt; color: #9f2b1e; | ||
29 | font-family: DejaVuSansCondensed, sans-serif; margin-top: 10pt; margin-bottom: 7pt; | ||
30 | font-variant: small-caps; | ||
31 | text-align: ; margin-collapse:collapse; page-break-after:avoid; } | ||
32 | h5 { font-weight: bold; font-style:italic; ; font-size: 11pt; color: #000044; | ||
33 | font-family: DejaVuSansCondensed, sans-serif; margin-top: 8pt; margin-bottom: 4pt; | ||
34 | text-align: ; page-break-after:avoid; } | ||
35 | h6 { font-weight: bold; font-size: 9.5pt; color: #333333; | ||
36 | font-family: DejaVuSansCondensed, sans-serif; margin-top: 6pt; margin-bottom: ; | ||
37 | text-align: ; page-break-after:avoid; } | ||
38 | |||
39 | |||
40 | .breadcrumb { | ||
41 | text-align: right; font-size: 8pt; font-family: DejaVuSerifCondensed, serif; color: #666666; | ||
42 | font-weight: bold; font-style: normal; margin-bottom: 6pt; } | ||
43 | |||
44 | .infobox { margin-top:10pt; background-color:#DDDDBB; text-align:center; border:1px solid #880000; } | ||
45 | |||
46 | .big { font-size: 1.5em; } | ||
47 | .red { color: #880000; } | ||
48 | .slanted { font-style: italic; } | ||
49 | |||
50 | /* For Table of Contents */ | ||
51 | div.mpdf_toc { | ||
52 | font-family: sans-serif; | ||
53 | font-size: 11pt; | ||
54 | } | ||
55 | a.mpdf_toc_a { | ||
56 | text-decoration: none; | ||
57 | color: black; | ||
58 | } | ||
59 | div.mpdf_toc_level_0 { /* Whole line level 0 */ | ||
60 | line-height: 1.5; | ||
61 | margin-left: 0; | ||
62 | padding-right: 2em; /* should match e.g <dottab outdent="2em" /> 0 is default */ | ||
63 | } | ||
64 | span.mpdf_toc_t_level_0 { /* Title level 0 - may be inside <a> */ | ||
65 | font-weight: bold; | ||
66 | } | ||
67 | span.mpdf_toc_p_level_0 { /* Page no. level 0 - may be inside <a> */ | ||
68 | } | ||
69 | div.mpdf_toc_level_1 { /* Whole line level 1 */ | ||
70 | margin-left: 2em; | ||
71 | text-indent: -2em; | ||
72 | padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */ | ||
73 | } | ||
74 | span.mpdf_toc_t_level_1 { /* Title level 1 */ | ||
75 | font-style: italic; | ||
76 | font-weight: bold; | ||
77 | } | ||
78 | span.mpdf_toc_p_level_1 { /* Page no. level 1 - may be inside <a> */ | ||
79 | } | ||
80 | div.mpdf_toc_level_2 { /* Whole line level 2 */ | ||
81 | margin-left: 4em; | ||
82 | text-indent: -2em; | ||
83 | padding-right: 2em; /* should match <dottab outdent="2em" /> 2em is default */ | ||
84 | } | ||
85 | span.mpdf_toc_t_level_2 { /* Title level 2 */ | ||
86 | } | ||
87 | span.mpdf_toc_p_level_2 { /* Page no. level 2 - may be inside <a> */ | ||
88 | } | ||
89 | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/mpdfstylePaged.css b/inc/3rdparty/libraries/mpdf/examples/mpdfstylePaged.css new file mode 100644 index 00000000..4c5ff6cf --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/mpdfstylePaged.css | |||
@@ -0,0 +1,123 @@ | |||
1 | @page { | ||
2 | size: 15cm 17cm; /* width height <length>{1,2} | auto | portrait | landscape NB 'em' and 'ex' % are not allowed */ | ||
3 | margin: 10%; /* % of page-box width for LR, height for TB */ | ||
4 | margin-header: 5mm; | ||
5 | margin-footer: 5mm; | ||
6 | margin-left: 4cm; | ||
7 | margin-right: 2cm; | ||
8 | odd-header-name: myHeader2Odd; | ||
9 | even-header-name: html_myHTMLHeaderEven; | ||
10 | odd-footer-name: html_myHTMLFooterOdd; | ||
11 | even-footer-name: myFooter2Even; | ||
12 | marks: crop; /* crop | cross | none */ | ||
13 | } | ||
14 | |||
15 | @page :first { | ||
16 | margin-top: 5cm; /* Top margin on first page 10cm */ | ||
17 | } | ||
18 | |||
19 | @page standard { | ||
20 | size: auto; /* auto is the default mPDF value */ | ||
21 | margin: 10%; /* % of page-box width for LR, height for TB */ | ||
22 | marks: none; /* crop | cross | none */ | ||
23 | } | ||
24 | |||
25 | @page standard :first { | ||
26 | margin-top: 7cm; /* Top margin on first page 10cm */ | ||
27 | } | ||
28 | |||
29 | @page bigsquare { | ||
30 | size: 15cm 20cm; | ||
31 | margin-left: 4cm; | ||
32 | marks: crop cross; /* crop | cross | none */ | ||
33 | background: transparent url('bg.jpg') repeat scroll 5mm 5mm; /* position inset by bleedMargin */ | ||
34 | } | ||
35 | |||
36 | @page bigsquare :right { | ||
37 | header: html_myHTMLHeaderOdd; | ||
38 | footer: html_myHTMLFooterOdd; | ||
39 | } | ||
40 | |||
41 | @page bigsquare :left { /* left is what mPDF calls EVEN page - right=ODD */ | ||
42 | header: html_myHTMLHeaderEven; | ||
43 | footer: html_myHTMLFooterEven; | ||
44 | } | ||
45 | |||
46 | @page smallsquare { | ||
47 | size: 25cm 15cm; | ||
48 | margin-left: 4cm; | ||
49 | marks: crop; /* crop | cross | none */ | ||
50 | background-gradient: linear #c7cdde #f0f2ff 0 1 0 0.5; | ||
51 | } | ||
52 | |||
53 | @page rotated { | ||
54 | size: landscape; | ||
55 | marks: none; /* crop | cross | none */ | ||
56 | background-color: #fff0f2; | ||
57 | margin-left: 3cm; | ||
58 | margin-right: 3cm; | ||
59 | } | ||
60 | @page rotated :first { | ||
61 | margin-top: 7cm; /* Top margin on first page 10cm */ | ||
62 | } | ||
63 | |||
64 | h1.heading1 { color: #1188FF; | ||
65 | } | ||
66 | |||
67 | h1.heading2 { color: #88FF11; | ||
68 | page-break-before: always; | ||
69 | page: standard; | ||
70 | } | ||
71 | h1.heading3 { color: #FF1188; | ||
72 | page-break-before: right; | ||
73 | } | ||
74 | h1.heading4 { color: #FF8811; | ||
75 | page-break-before: left; | ||
76 | page: bigsquare; | ||
77 | } | ||
78 | h1.heading5 { color: #11FF88; | ||
79 | page: smallsquare; | ||
80 | } | ||
81 | h1.heading6 { color: #8811FF; | ||
82 | page: rotated; | ||
83 | } | ||
84 | |||
85 | br.paging { page-break-after: always; } | ||
86 | |||
87 | body { font-family: DejaVuSansCondensed; font-size: 11pt; } | ||
88 | p { text-align: justify; margin-bottom: 4pt; margin-top:0pt; } | ||
89 | |||
90 | hr { width: 70%; height: 1px; | ||
91 | text-align: center; color: #999999; | ||
92 | margin-top: 8pt; margin-bottom: 8pt; } | ||
93 | |||
94 | a { color: #000066; font-style: normal; text-decoration: underline; | ||
95 | font-weight: normal; } | ||
96 | |||
97 | ul { text-indent: 5mm; margin-bottom: 9pt; } | ||
98 | ol { text-indent: 5mm; margin-bottom: 9pt; } | ||
99 | |||
100 | pre { font-family: DejaVuSansMono; font-size: 9pt; margin-top: 5pt; margin-bottom: 5pt; } | ||
101 | |||
102 | h1 { font-weight: normal; font-size: 26pt; color: #000066; | ||
103 | font-family: DejaVuSansCondensed; margin-top: 18pt; margin-bottom: 6pt; | ||
104 | border-top: 0.075cm solid #000000; border-bottom: 0.075cm solid #000000; | ||
105 | text-align: ; page-break-after:avoid; } | ||
106 | h2 { font-weight: bold; font-size: 12pt; color: #000066; | ||
107 | font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: 6pt; | ||
108 | border-top: 0.07cm solid #000000; border-bottom: 0.07cm solid #000000; | ||
109 | text-align: ; text-transform: uppercase; page-break-after:avoid; } | ||
110 | h3 { font-weight: normal; font-size: 26pt; color: #000000; | ||
111 | font-family: DejaVuSansCondensed; margin-top: 0pt; margin-bottom: 6pt; | ||
112 | border-top: 0; border-bottom: 0; | ||
113 | text-align: ; page-break-after:avoid; } | ||
114 | h4 { font-weight: ; font-size: 13pt; color: #9f2b1e; | ||
115 | font-family: DejaVuSansCondensed; margin-top: 10pt; margin-bottom: 7pt; | ||
116 | text-align: ; margin-collapse:collapse; page-break-after:avoid; } | ||
117 | h5 { font-weight: bold; font-style:italic; ; font-size: 11pt; color: #000044; | ||
118 | font-family: DejaVuSansCondensed; margin-top: 8pt; margin-bottom: 4pt; | ||
119 | text-align: ; page-break-after:avoid; } | ||
120 | h6 { font-weight: bold; font-size: 9.5pt; color: #333333; | ||
121 | font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: ; | ||
122 | text-align: ; page-break-after:avoid; } | ||
123 | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/mpdfstyletables.css b/inc/3rdparty/libraries/mpdf/examples/mpdfstyletables.css new file mode 100644 index 00000000..b36d6982 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/mpdfstyletables.css | |||
@@ -0,0 +1,124 @@ | |||
1 | |||
2 | body { font-family: DejaVuSansCondensed; font-size: 11pt; } | ||
3 | p { text-align: justify; margin-bottom: 4pt; margin-top:0pt; } | ||
4 | |||
5 | table {font-family: DejaVuSansCondensed; font-size: 9pt; line-height: 1.2; | ||
6 | margin-top: 2pt; margin-bottom: 5pt; | ||
7 | border-collapse: collapse; } | ||
8 | |||
9 | thead { font-weight: bold; vertical-align: bottom; } | ||
10 | tfoot { font-weight: bold; vertical-align: top; } | ||
11 | thead td { font-weight: bold; } | ||
12 | tfoot td { font-weight: bold; } | ||
13 | |||
14 | thead td, thead th, tfoot td, tfoot th { font-variant: small-caps; } | ||
15 | |||
16 | .headerrow td, .headerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
17 | .footerrow td, .footerrow th { background-gradient: linear #b7cebd #f5f8f5 0 1 0 0.2; } | ||
18 | |||
19 | th { font-weight: bold; | ||
20 | vertical-align: top; | ||
21 | text-align:left; | ||
22 | padding-left: 2mm; | ||
23 | padding-right: 2mm; | ||
24 | padding-top: 0.5mm; | ||
25 | padding-bottom: 0.5mm; | ||
26 | } | ||
27 | |||
28 | td { padding-left: 2mm; | ||
29 | vertical-align: top; | ||
30 | text-align:left; | ||
31 | padding-right: 2mm; | ||
32 | padding-top: 0.5mm; | ||
33 | padding-bottom: 0.5mm; | ||
34 | } | ||
35 | |||
36 | th p { text-align: left; margin:0pt; } | ||
37 | td p { text-align: left; margin:0pt; } | ||
38 | |||
39 | table.widecells td { | ||
40 | padding-left: 5mm; | ||
41 | padding-right: 5mm; | ||
42 | } | ||
43 | table.tallcells td { | ||
44 | padding-top: 3mm; | ||
45 | padding-bottom: 3mm; | ||
46 | } | ||
47 | |||
48 | hr { width: 70%; height: 1px; | ||
49 | text-align: center; color: #999999; | ||
50 | margin-top: 8pt; margin-bottom: 8pt; } | ||
51 | |||
52 | a { color: #000066; font-style: normal; text-decoration: underline; | ||
53 | font-weight: normal; } | ||
54 | |||
55 | ul { text-indent: 5mm; margin-bottom: 9pt; } | ||
56 | ol { text-indent: 5mm; margin-bottom: 9pt; } | ||
57 | |||
58 | pre { font-family: DejaVuSansMono; font-size: 9pt; margin-top: 5pt; margin-bottom: 5pt; } | ||
59 | |||
60 | h1 { font-weight: normal; font-size: 26pt; color: #000066; | ||
61 | font-family: DejaVuSansCondensed; margin-top: 18pt; margin-bottom: 6pt; | ||
62 | border-top: 0.075cm solid #000000; border-bottom: 0.075cm solid #000000; | ||
63 | text-align: ; page-break-after:avoid; } | ||
64 | h2 { font-weight: bold; font-size: 12pt; color: #000066; | ||
65 | font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: 6pt; | ||
66 | border-top: 0.07cm solid #000000; border-bottom: 0.07cm solid #000000; | ||
67 | text-align: ; text-transform:uppercase; page-break-after:avoid; } | ||
68 | h3 { font-weight: normal; font-size: 26pt; color: #000000; | ||
69 | font-family: DejaVuSansCondensed; margin-top: 0pt; margin-bottom: 6pt; | ||
70 | border-top: 0; border-bottom: 0; | ||
71 | text-align: ; page-break-after:avoid; } | ||
72 | h4 { font-weight: ; font-size: 13pt; color: #9f2b1e; | ||
73 | font-family: DejaVuSansCondensed; margin-top: 10pt; margin-bottom: 7pt; | ||
74 | font-variant: small-caps; | ||
75 | text-align: ; margin-collapse:collapse; page-break-after:avoid; } | ||
76 | h5 { font-weight: bold; font-style:italic; ; font-size: 11pt; color: #000044; | ||
77 | font-family: DejaVuSansCondensed; margin-top: 8pt; margin-bottom: 4pt; | ||
78 | text-align: ; page-break-after:avoid; } | ||
79 | h6 { font-weight: bold; font-size: 9.5pt; color: #333333; | ||
80 | font-family: DejaVuSansCondensed; margin-top: 6pt; margin-bottom: ; | ||
81 | text-align: ; page-break-after:avoid; } | ||
82 | |||
83 | .breadcrumb { | ||
84 | text-align: right; font-size: 8pt; font-family: DejaVuSerifCondensed; color: #666666; | ||
85 | font-weight: bold; font-style: normal; margin-bottom: 6pt; } | ||
86 | |||
87 | .evenrow td, .evenrow th { background-color: #f5f8f5; } | ||
88 | .oddrow td, .oddrow th { background-color: #e3ece4; } | ||
89 | |||
90 | .bpmTopic { background-color: #e3ece4; } | ||
91 | .bpmTopicC { background-color: #e3ece4; } | ||
92 | .bpmNoLines { background-color: #e3ece4; } | ||
93 | .bpmNoLinesC { background-color: #e3ece4; } | ||
94 | .bpmClear { } | ||
95 | .bpmClearC { text-align: center; } | ||
96 | .bpmTopnTail { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
97 | .bpmTopnTailC { background-color: #e3ece4; topntail: 0.02cm solid #495b4a;} | ||
98 | .bpmTopnTailClear { topntail: 0.02cm solid #495b4a; } | ||
99 | .bpmTopnTailClearC { topntail: 0.02cm solid #495b4a; } | ||
100 | |||
101 | .bpmTopicC td, .bpmTopicC td p { text-align: center; } | ||
102 | .bpmNoLinesC td, .bpmNoLinesC td p { text-align: center; } | ||
103 | .bpmClearC td, .bpmClearC td p { text-align: center; } | ||
104 | .bpmTopnTailC td, .bpmTopnTailC td p { text-align: center; } | ||
105 | .bpmTopnTailClearC td, .bpmTopnTailClearC td p { text-align: center; } | ||
106 | |||
107 | .pmhMiddleCenter { text-align:center; vertical-align:middle; } | ||
108 | .pmhMiddleRight { text-align:right; vertical-align:middle; } | ||
109 | .pmhBottomCenter { text-align:center; vertical-align:bottom; } | ||
110 | .pmhBottomRight { text-align:right; vertical-align:bottom; } | ||
111 | .pmhTopCenter { text-align:center; vertical-align:top; } | ||
112 | .pmhTopRight { text-align:right; vertical-align:top; } | ||
113 | .pmhTopLeft { text-align:left; vertical-align:top; } | ||
114 | .pmhBottomLeft { text-align:left; vertical-align:bottom; } | ||
115 | .pmhMiddleLeft { text-align:left; vertical-align:middle; } | ||
116 | |||
117 | .infobox { margin-top:10pt; background-color:#DDDDBB; text-align:center; border:1px solid #880000; } | ||
118 | |||
119 | .bpmTopic td, .bpmTopic th { border-top: 1px solid #FFFFFF; } | ||
120 | .bpmTopicC td, .bpmTopicC th { border-top: 1px solid #FFFFFF; } | ||
121 | .bpmTopnTail td, .bpmTopnTail th { border-top: 1px solid #FFFFFF; } | ||
122 | .bpmTopnTailC td, .bpmTopnTailC th { border-top: 1px solid #FFFFFF; } | ||
123 | |||
124 | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/quran282.jpg b/inc/3rdparty/libraries/mpdf/examples/quran282.jpg new file mode 100644 index 00000000..c888872d --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/quran282.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/sample_basic.pdf b/inc/3rdparty/libraries/mpdf/examples/sample_basic.pdf new file mode 100644 index 00000000..86c4d740 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/sample_basic.pdf | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/sample_logoheader2.pdf b/inc/3rdparty/libraries/mpdf/examples/sample_logoheader2.pdf new file mode 100644 index 00000000..946883d3 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/sample_logoheader2.pdf | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/sample_orientation2.pdf b/inc/3rdparty/libraries/mpdf/examples/sample_orientation2.pdf new file mode 100644 index 00000000..84944d9b --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/sample_orientation2.pdf | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/sample_orientation3.pdf b/inc/3rdparty/libraries/mpdf/examples/sample_orientation3.pdf new file mode 100644 index 00000000..c23ca314 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/sample_orientation3.pdf | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/show_code.php b/inc/3rdparty/libraries/mpdf/examples/show_code.php new file mode 100644 index 00000000..32bc7625 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/show_code.php | |||
@@ -0,0 +1,48 @@ | |||
1 | <?php | ||
2 | |||
3 | if ($_REQUEST['filename']) { $filename = $_REQUEST['filename']; } | ||
4 | else { die("No file specified"); } | ||
5 | |||
6 | include("../mpdf.php"); | ||
7 | |||
8 | $mpdf=new mPDF('utf-8-s'); | ||
9 | $mpdf->debug=true; | ||
10 | $mpdf->tabSpaces = 6; | ||
11 | |||
12 | $mpdf->allow_charset_conversion=true; | ||
13 | $mpdf->charset_in='windows-1252'; | ||
14 | |||
15 | //============================================================== | ||
16 | preg_match('/example[0]{0,1}(\d+)_(.*?)\.php/',$filename,$m); | ||
17 | $num = intval($m[1]); | ||
18 | $title = ucfirst(preg_replace('/_/',' ',$m[2])); | ||
19 | |||
20 | if (!$num || !$title) { die("Invalid file"); } | ||
21 | if (preg_match('/\//', $filename) || !preg_match('/\.php$/',$filename)) { die("Hacking attempt"); } | ||
22 | |||
23 | $html = ' | ||
24 | <h1>mPDF</h1> | ||
25 | <h2>Example '.$num.'. '.$title.'</h2> | ||
26 | <div style="border:1px solid #555555; background-color: #DDDDDD; padding: 1em; font-size:8pt; font-family: lucidaconsole, mono;"> | ||
27 | '; | ||
28 | $lines = file($filename); | ||
29 | |||
30 | $html .= '<pre>'; | ||
31 | foreach($lines AS $line) { | ||
32 | $html .= htmlspecialchars($line); | ||
33 | } | ||
34 | $html .= '</pre>'; | ||
35 | $html .= '</div>'; | ||
36 | |||
37 | $mpdf->WriteHTML($html,2); // The 2 is important to prevent <style etc. being parsed | ||
38 | |||
39 | $mpdf->Output(); | ||
40 | exit; | ||
41 | //============================================================== | ||
42 | //============================================================== | ||
43 | //============================================================== | ||
44 | //============================================================== | ||
45 | //============================================================== | ||
46 | |||
47 | |||
48 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/sunset.jpg b/inc/3rdparty/libraries/mpdf/examples/sunset.jpg new file mode 100644 index 00000000..ddd51187 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/sunset.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/sunsetv.jpg b/inc/3rdparty/libraries/mpdf/examples/sunsetv.jpg new file mode 100644 index 00000000..b0f0e9fc --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/sunsetv.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/test.pdf b/inc/3rdparty/libraries/mpdf/examples/test.pdf new file mode 100644 index 00000000..5b89040e --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/test.pdf | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger b/inc/3rdparty/libraries/mpdf/examples/tiger new file mode 100644 index 00000000..0bbdd851 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger.bmp b/inc/3rdparty/libraries/mpdf/examples/tiger.bmp new file mode 100644 index 00000000..5936520a --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger.bmp | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger.gif b/inc/3rdparty/libraries/mpdf/examples/tiger.gif new file mode 100644 index 00000000..12081da3 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger.gif | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger.jpg b/inc/3rdparty/libraries/mpdf/examples/tiger.jpg new file mode 100644 index 00000000..a88e6b3a --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger.php b/inc/3rdparty/libraries/mpdf/examples/tiger.php new file mode 100644 index 00000000..9fb2aa4d --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger.php | |||
@@ -0,0 +1,18 @@ | |||
1 | <?php | ||
2 | |||
3 | if ($_GET['t']=='png') { $filename = 'tiger.png'; $mime = 'png'; } | ||
4 | else if ($_GET['t']=='gif') { $filename = 'tiger.gif'; $mime = 'gif'; } | ||
5 | else if ($_GET['t']=='jpg') { $filename = 'tiger.jpg'; $mime = 'jpeg'; } | ||
6 | else if ($_GET['t']=='jpeg') { $filename = 'tiger.jpg'; $mime = 'jpeg'; } | ||
7 | else if ($_GET['t']=='wmf') { $filename = 'tiger2.wmf'; $mime = 'wmf'; } | ||
8 | else if ($_GET['t']=='svg') { $filename = 'tiger.svg'; $mime = 'svg'; } | ||
9 | else { exit; } | ||
10 | |||
11 | |||
12 | $fp = fopen($filename, 'rb'); | ||
13 | header("Content-Type: image/".$mime); | ||
14 | header("Content-Length: " . filesize($filename)); | ||
15 | fpassthru($fp); | ||
16 | fclose($fp); | ||
17 | exit; | ||
18 | ?> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger.png b/inc/3rdparty/libraries/mpdf/examples/tiger.png new file mode 100644 index 00000000..0bbdd851 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger.svg b/inc/3rdparty/libraries/mpdf/examples/tiger.svg new file mode 100644 index 00000000..285f41b6 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger.svg | |||
@@ -0,0 +1,726 @@ | |||
1 | <?xml version="1.0" encoding="UTF-8"?> | ||
2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> | ||
3 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 40 580 530"> | ||
4 | <g transform="translate(200, 200)" style="fill-opacity: 1; fill: none;"> | ||
5 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
6 | <path d="M-122.304 84.285C-122.304 84.285 -122.203 86.179 -123.027 86.16C-123.851 86.141 -140.305 38.066 -160.833 40.309C-160.833 40.309 -143.05 32.956 -122.304 84.285z"/> | ||
7 | </g> | ||
8 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
9 | <path d="M-118.774 81.262C-118.774 81.262 -119.323 83.078 -120.092 82.779C-120.86 82.481 -119.977 31.675 -140.043 26.801C-140.043 26.801 -120.82 25.937 -118.774 81.262z"/> | ||
10 | </g> | ||
11 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
12 | <path d="M-91.284 123.59C-91.284 123.59 -89.648 124.55 -90.118 125.227C-90.589 125.904 -139.763 113.102 -149.218 131.459C-149.218 131.459 -145.539 112.572 -91.284 123.59z"/> | ||
13 | </g> | ||
14 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
15 | <path d="M-94.093 133.801C-94.093 133.801 -92.237 134.197 -92.471 134.988C-92.704 135.779 -143.407 139.121 -146.597 159.522C-146.597 159.522 -149.055 140.437 -94.093 133.801z"/> | ||
16 | </g> | ||
17 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
18 | <path d="M-98.304 128.276C-98.304 128.276 -96.526 128.939 -96.872 129.687C-97.218 130.435 -147.866 126.346 -153.998 146.064C-153.998 146.064 -153.646 126.825 -98.304 128.276z"/> | ||
19 | </g> | ||
20 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
21 | <path d="M-109.009 110.072C-109.009 110.072 -107.701 111.446 -108.34 111.967C-108.979 112.488 -152.722 86.634 -166.869 101.676C-166.869 101.676 -158.128 84.533 -109.009 110.072z"/> | ||
22 | </g> | ||
23 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
24 | <path d="M-116.554 114.263C-116.554 114.263 -115.098 115.48 -115.674 116.071C-116.25 116.661 -162.638 95.922 -174.992 112.469C-174.992 112.469 -168.247 94.447 -116.554 114.263z"/> | ||
25 | </g> | ||
26 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
27 | <path d="M-119.154 118.335C-119.154 118.335 -117.546 119.343 -118.036 120.006C-118.526 120.669 -167.308 106.446 -177.291 124.522C-177.291 124.522 -173.066 105.749 -119.154 118.335z"/> | ||
28 | </g> | ||
29 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
30 | <path d="M-108.42 118.949C-108.42 118.949 -107.298 120.48 -107.999 120.915C-108.7 121.35 -148.769 90.102 -164.727 103.207C-164.727 103.207 -153.862 87.326 -108.42 118.949z"/> | ||
31 | </g> | ||
32 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
33 | <path d="M-128.2 90C-128.2 90 -127.6 91.8 -128.4 92C-129.2 92.2 -157.8 50.2 -177.001 57.8C-177.001 57.8 -161.8 46 -128.2 90z"/> | ||
34 | </g> | ||
35 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
36 | <path d="M-127.505 96.979C-127.505 96.979 -126.53 98.608 -127.269 98.975C-128.007 99.343 -164.992 64.499 -182.101 76.061C-182.101 76.061 -169.804 61.261 -127.505 96.979z"/> | ||
37 | </g> | ||
38 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.172;"> | ||
39 | <path d="M-127.62 101.349C-127.62 101.349 -126.498 102.88 -127.199 103.315C-127.9 103.749 -167.969 72.502 -183.927 85.607C-183.927 85.607 -173.062 69.726 -127.62 101.349z"/> | ||
40 | </g> | ||
41 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0);"> | ||
42 | <path d="M-129.83 103.065C-129.327 109.113 -128.339 115.682 -126.6 118.801C-126.6 118.801 -130.2 131.201 -121.4 144.401C-121.4 144.401 -121.8 151.601 -120.2 154.801C-120.2 154.801 -116.2 163.201 -111.4 164.001C-107.516 164.648 -98.793 167.717 -88.932 169.121C-88.932 169.121 -71.8 183.201 -75 196.001C-75 196.001 -75.4 212.401 -79 214.001C-79 214.001 -67.4 202.801 -77 219.601L-81.4 238.401C-81.4 238.401 -55.8 216.801 -71.4 235.201L-81.4 261.201C-81.4 261.201 -61.8 242.801 -69 251.201L-72.2 260.001C-72.2 260.001 -29 232.801 -59.8 262.401C-59.8 262.401 -51.8 258.801 -47.4 261.601C-47.4 261.601 -40.6 260.401 -41.4 262.001C-41.4 262.001 -62.2 272.401 -65.8 290.801C-65.8 290.801 -57.4 280.801 -60.6 291.601L-60.2 303.201C-60.2 303.201 -56.2 281.601 -56.6 319.201C-56.6 319.201 -37.4 301.201 -49 322.001L-49 338.801C-49 338.801 -33.8 322.401 -40.2 335.201C-40.2 335.201 -30.2 326.401 -34.2 341.601C-34.2 341.601 -35 352.001 -30.6 340.801C-30.6 340.801 -14.6 310.201 -20.6 336.401C-20.6 336.401 -21.4 355.601 -16.6 340.801C-16.6 340.801 -16.2 351.201 -7 358.401C-7 358.401 -8.2 307.601 4.6 343.601L8.6 360.001C8.6 360.001 11.4 350.801 11 345.601C11 345.601 25.8 329.201 19 353.601C19 353.601 34.2 330.801 31 344.001C31 344.001 23.4 360.001 25 364.801C25 364.801 41.8 330.001 43 328.401C43 328.401 41 370.802 51.8 334.801C51.8 334.801 57.4 346.801 54.6 351.201C54.6 351.201 62.6 343.201 61.8 340.001C61.8 340.001 66.4 331.801 69.2 345.401C69.2 345.401 71 354.801 72.6 351.601C72.6 351.601 76.6 375.602 77.8 352.801C77.8 352.801 79.4 339.201 72.2 327.601C72.2 327.601 73 324.401 70.2 320.401C70.2 320.401 83.8 342.001 76.6 313.201C76.6 313.201 87.801 321.201 89.001 321.201C89.001 321.201 75.4 298.001 84.2 302.801C84.2 302.801 79 292.401 97.001 304.401C97.001 304.401 81 288.401 98.601 298.001C98.601 298.001 106.601 304.401 99.001 294.401C99.001 294.401 84.6 278.401 106.601 296.401C106.601 296.401 118.201 312.801 119.001 315.601C119.001 315.601 109.001 286.401 104.601 283.601C104.601 283.601 113.001 247.201 154.201 262.801C154.201 262.801 161.001 280.001 165.401 261.601C165.401 261.601 178.201 255.201 189.401 282.801C189.401 282.801 193.401 269.201 192.601 266.401C192.601 266.401 199.401 267.601 198.601 266.401C198.601 266.401 211.801 270.801 213.001 270.001C213.001 270.001 219.801 276.801 220.201 273.201C220.201 273.201 229.401 276.001 227.401 272.401C227.401 272.401 236.201 288.001 236.601 291.601L239.001 277.601L241.001 280.401C241.001 280.401 242.601 272.801 241.801 271.601C241.001 270.401 261.801 278.401 266.601 299.201L268.601 307.601C268.601 307.601 274.601 292.801 273.001 288.801C273.001 288.801 278.201 289.601 278.601 294.001C278.601 294.001 282.601 270.801 277.801 264.801C277.801 264.801 282.201 264.001 283.401 267.601L283.401 260.401C283.401 260.401 290.601 261.201 290.601 258.801C290.601 258.801 295.001 254.801 297.001 259.601C297.001 259.601 284.601 224.401 303.001 243.601C303.001 243.601 310.201 254.401 306.601 235.601C303.001 216.801 299.001 215.201 303.801 214.801C303.801 214.801 304.601 211.201 302.601 209.601C300.601 208.001 303.801 209.601 303.801 209.601C303.801 209.601 308.601 213.601 303.401 191.601C303.401 191.601 309.801 193.201 297.801 164.001C297.801 164.001 300.601 161.601 296.601 153.201C296.601 153.201 304.601 157.601 307.401 156.001C307.401 156.001 307.001 154.401 303.801 150.401C303.801 150.401 282.201 95.6 302.601 117.601C302.601 117.601 314.451 131.151 308.051 108.351C308.051 108.351 298.94 84.341 299.717 80.045L-129.83 103.065z"/> | ||
43 | </g> | ||
44 | <g style="fill: rgb(204, 114, 38); stroke: rgb(0, 0, 0);"> | ||
45 | <path d="M299.717 80.245C300.345 80.426 302.551 81.55 303.801 83.2C303.801 83.2 310.601 94 305.401 75.6C305.401 75.6 296.201 46.8 305.001 58C305.001 58 311.001 65.2 307.801 51.6C303.936 35.173 301.401 28.8 301.401 28.8C301.401 28.8 313.001 33.6 286.201 -6L295.001 -2.4C295.001 -2.4 275.401 -42 253.801 -47.2L245.801 -53.2C245.801 -53.2 284.201 -91.2 271.401 -128C271.401 -128 264.601 -133.2 255.001 -124C255.001 -124 248.601 -119.2 242.601 -120.8C242.601 -120.8 211.801 -119.6 209.801 -119.6C207.801 -119.6 173.001 -156.8 107.401 -139.2C107.401 -139.2 102.201 -137.2 97.801 -138.4C97.801 -138.4 79.4 -154.4 30.6 -131.6C30.6 -131.6 20.6 -129.6 19 -129.6C17.4 -129.6 14.6 -129.6 6.6 -123.2C-1.4 -116.8 -1.8 -116 -3.8 -114.4C-3.8 -114.4 -20.2 -103.2 -25 -102.4C-25 -102.4 -36.6 -96 -41 -86L-44.6 -84.8C-44.6 -84.8 -46.2 -77.6 -46.6 -76.4C-46.6 -76.4 -51.4 -72.8 -52.2 -67.2C-52.2 -67.2 -61 -61.2 -60.6 -56.8C-60.6 -56.8 -62.2 -51.6 -63 -46.8C-63 -46.8 -70.2 -42 -69.4 -39.2C-69.4 -39.2 -77 -25.2 -75.8 -18.4C-75.8 -18.4 -82.2 -18.8 -85 -16.4C-85 -16.4 -85.8 -11.6 -87.4 -11.2C-87.4 -11.2 -90.2 -10 -87.8 -6C-87.8 -6 -89.4 -3.2 -89.8 -1.6C-89.8 -1.6 -89 1.2 -93.4 6.8C-93.4 6.8 -99.8 25.6 -97.8 30.8C-97.8 30.8 -97.4 35.6 -100.2 37.2C-100.2 37.2 -103.8 36.8 -95.4 48.8C-95.4 48.8 -94.6 50 -97.8 52.4C-97.8 52.4 -115 56 -117.4 72.4C-117.4 72.4 -131 87.2 -131 92.4C-131 94.705 -130.729 97.852 -130.03 102.465C-130.03 102.465 -130.6 110.801 -103 111.601C-75.4 112.401 299.717 80.245 299.717 80.245z"/> | ||
46 | </g> | ||
47 | <g style="fill: rgb(204, 114, 38);"> | ||
48 | <path d="M-115.6 102.6C-140.6 63.2 -126.2 119.601 -126.2 119.601C-117.4 154.001 12.2 116.401 12.2 116.401C12.2 116.401 181.001 86 192.201 82C203.401 78 298.601 84.4 298.601 84.4L293.001 67.6C228.201 21.2 209.001 44.4 195.401 40.4C181.801 36.4 184.201 46 181.001 46.8C177.801 47.6 138.601 22.8 132.201 23.6C125.801 24.4 100.459 0.649 115.401 32.4C131.401 66.4 57 71.6 40.2 60.4C23.4 49.2 47.4 78.8 47.4 78.8C65.8 98.8 31.4 82 31.4 82C-3 69.2 -27 94.8 -30.2 95.6C-33.4 96.4 -38.2 99.6 -39 93.2C-39.8 86.8 -47.31 70.099 -79 96.4C-99 113.001 -112.8 91 -112.8 91L-115.6 102.6z"/> | ||
49 | </g> | ||
50 | <g style="fill: rgb(232, 127, 58);"> | ||
51 | <path d="M133.51 25.346C127.11 26.146 101.743 2.407 116.71 34.146C133.31 69.346 58.31 73.346 41.51 62.146C24.709 50.946 48.71 80.546 48.71 80.546C67.11 100.546 32.709 83.746 32.709 83.746C-1.691 70.946 -25.691 96.546 -28.891 97.346C-32.091 98.146 -36.891 101.346 -37.691 94.946C-38.491 88.546 -45.87 72.012 -77.691 98.146C-98.927 115.492 -112.418 94.037 -112.418 94.037L-115.618 104.146C-140.618 64.346 -125.546 122.655 -125.546 122.655C-116.745 157.056 13.509 118.146 13.509 118.146C13.509 118.146 182.31 87.746 193.51 83.746C204.71 79.746 299.038 86.073 299.038 86.073L293.51 68.764C228.71 22.364 210.31 46.146 196.71 42.146C183.11 38.146 185.51 47.746 182.31 48.546C179.11 49.346 139.91 24.546 133.51 25.346z"/> | ||
52 | </g> | ||
53 | <g style="fill: rgb(234, 140, 77);"> | ||
54 | <path d="M134.819 27.091C128.419 27.891 103.685 3.862 118.019 35.891C134.219 72.092 59.619 75.092 42.819 63.892C26.019 52.692 50.019 82.292 50.019 82.292C68.419 102.292 34.019 85.492 34.019 85.492C-0.381 72.692 -24.382 98.292 -27.582 99.092C-30.782 99.892 -35.582 103.092 -36.382 96.692C-37.182 90.292 -44.43 73.925 -76.382 99.892C-98.855 117.983 -112.036 97.074 -112.036 97.074L-115.636 105.692C-139.436 66.692 -124.891 125.71 -124.891 125.71C-116.091 160.11 14.819 119.892 14.819 119.892C14.819 119.892 183.619 89.492 194.819 85.492C206.019 81.492 299.474 87.746 299.474 87.746L294.02 69.928C229.219 23.528 211.619 47.891 198.019 43.891C184.419 39.891 186.819 49.491 183.619 50.292C180.419 51.092 141.219 26.291 134.819 27.091z"/> | ||
55 | </g> | ||
56 | <g style="fill: rgb(236, 153, 97);"> | ||
57 | <path d="M136.128 28.837C129.728 29.637 104.999 5.605 119.328 37.637C136.128 75.193 60.394 76.482 44.128 65.637C27.328 54.437 51.328 84.037 51.328 84.037C69.728 104.037 35.328 87.237 35.328 87.237C0.928 74.437 -23.072 100.037 -26.272 100.837C-29.472 101.637 -34.272 104.837 -35.072 98.437C-35.872 92.037 -42.989 75.839 -75.073 101.637C-98.782 120.474 -111.655 100.11 -111.655 100.11L-115.655 107.237C-137.455 70.437 -124.236 128.765 -124.236 128.765C-115.436 163.165 16.128 121.637 16.128 121.637C16.128 121.637 184.928 91.237 196.129 87.237C207.329 83.237 299.911 89.419 299.911 89.419L294.529 71.092C229.729 24.691 212.929 49.637 199.329 45.637C185.728 41.637 188.128 51.237 184.928 52.037C181.728 52.837 142.528 28.037 136.128 28.837z"/> | ||
58 | </g> | ||
59 | <g style="fill: rgb(238, 165, 117);"> | ||
60 | <path d="M137.438 30.583C131.037 31.383 106.814 7.129 120.637 39.383C137.438 78.583 62.237 78.583 45.437 67.383C28.637 56.183 52.637 85.783 52.637 85.783C71.037 105.783 36.637 88.983 36.637 88.983C2.237 76.183 -21.763 101.783 -24.963 102.583C-28.163 103.383 -32.963 106.583 -33.763 100.183C-34.563 93.783 -41.548 77.752 -73.763 103.383C-98.709 122.965 -111.273 103.146 -111.273 103.146L-115.673 108.783C-135.473 73.982 -123.582 131.819 -123.582 131.819C-114.782 166.22 17.437 123.383 17.437 123.383C17.437 123.383 186.238 92.983 197.438 88.983C208.638 84.983 300.347 91.092 300.347 91.092L295.038 72.255C230.238 25.855 214.238 51.383 200.638 47.383C187.038 43.383 189.438 52.983 186.238 53.783C183.038 54.583 143.838 29.783 137.438 30.583z"/> | ||
61 | </g> | ||
62 | <g style="fill: rgb(241, 178, 136);"> | ||
63 | <path d="M138.747 32.328C132.347 33.128 106.383 9.677 121.947 41.128C141.147 79.928 63.546 80.328 46.746 69.128C29.946 57.928 53.946 87.528 53.946 87.528C72.346 107.528 37.946 90.728 37.946 90.728C3.546 77.928 -20.454 103.528 -23.654 104.328C-26.854 105.128 -31.654 108.328 -32.454 101.928C-33.254 95.528 -40.108 79.665 -72.454 105.128C-98.636 125.456 -110.891 106.183 -110.891 106.183L-115.691 110.328C-133.691 77.128 -122.927 134.874 -122.927 134.874C-114.127 169.274 18.746 125.128 18.746 125.128C18.746 125.128 187.547 94.728 198.747 90.728C209.947 86.728 300.783 92.764 300.783 92.764L295.547 73.419C230.747 27.019 215.547 53.128 201.947 49.128C188.347 45.128 190.747 54.728 187.547 55.528C184.347 56.328 145.147 31.528 138.747 32.328z"/> | ||
64 | </g> | ||
65 | <g style="fill: rgb(243, 191, 156);"> | ||
66 | <path d="M140.056 34.073C133.655 34.873 107.313 11.613 123.255 42.873C143.656 82.874 64.855 82.074 48.055 70.874C31.255 59.674 55.255 89.274 55.255 89.274C73.655 109.274 39.255 92.474 39.255 92.474C4.855 79.674 -19.145 105.274 -22.345 106.074C-25.545 106.874 -30.345 110.074 -31.145 103.674C-31.945 97.274 -38.668 81.578 -71.145 106.874C-98.564 127.947 -110.509 109.219 -110.509 109.219L-115.709 111.874C-131.709 81.674 -122.273 137.929 -122.273 137.929C-113.473 172.329 20.055 126.874 20.055 126.874C20.055 126.874 188.856 96.474 200.056 92.474C211.256 88.474 301.22 94.437 301.22 94.437L296.056 74.583C231.256 28.183 216.856 54.874 203.256 50.874C189.656 46.873 192.056 56.474 188.856 57.274C185.656 58.074 146.456 33.273 140.056 34.073z"/> | ||
67 | </g> | ||
68 | <g style="fill: rgb(245, 204, 176);"> | ||
69 | <path d="M141.365 35.819C134.965 36.619 107.523 13.944 124.565 44.619C146.565 84.219 66.164 83.819 49.364 72.619C32.564 61.419 56.564 91.019 56.564 91.019C74.964 111.019 40.564 94.219 40.564 94.219C6.164 81.419 -17.836 107.019 -21.036 107.819C-24.236 108.619 -29.036 111.819 -29.836 105.419C-30.636 99.019 -37.227 83.492 -69.836 108.619C-98.491 130.438 -110.127 112.256 -110.127 112.256L-115.727 113.419C-130.128 85.019 -121.618 140.983 -121.618 140.983C-112.818 175.384 21.364 128.619 21.364 128.619C21.364 128.619 190.165 98.219 201.365 94.219C212.565 90.219 301.656 96.11 301.656 96.11L296.565 75.746C231.765 29.346 218.165 56.619 204.565 52.619C190.965 48.619 193.365 58.219 190.165 59.019C186.965 59.819 147.765 35.019 141.365 35.819z"/> | ||
70 | </g> | ||
71 | <g style="fill: rgb(248, 216, 196);"> | ||
72 | <path d="M142.674 37.565C136.274 38.365 108.832 15.689 125.874 46.365C147.874 85.965 67.474 85.565 50.674 74.365C33.874 63.165 57.874 92.765 57.874 92.765C76.274 112.765 41.874 95.965 41.874 95.965C7.473 83.165 -16.527 108.765 -19.727 109.565C-22.927 110.365 -27.727 113.565 -28.527 107.165C-29.327 100.765 -35.786 85.405 -68.527 110.365C-98.418 132.929 -109.745 115.293 -109.745 115.293L-115.745 114.965C-129.346 88.564 -120.963 144.038 -120.963 144.038C-112.163 178.438 22.673 130.365 22.673 130.365C22.673 130.365 191.474 99.965 202.674 95.965C213.874 91.965 302.093 97.783 302.093 97.783L297.075 76.91C232.274 30.51 219.474 58.365 205.874 54.365C192.274 50.365 194.674 59.965 191.474 60.765C188.274 61.565 149.074 36.765 142.674 37.565z"/> | ||
73 | </g> | ||
74 | <g style="fill: rgb(250, 229, 215);"> | ||
75 | <path d="M143.983 39.31C137.583 40.11 110.529 17.223 127.183 48.11C149.183 88.91 68.783 87.31 51.983 76.11C35.183 64.91 59.183 94.51 59.183 94.51C77.583 114.51 43.183 97.71 43.183 97.71C8.783 84.91 -15.217 110.51 -18.417 111.31C-21.618 112.11 -26.418 115.31 -27.218 108.91C-28.018 102.51 -34.346 87.318 -67.218 112.11C-98.345 135.42 -109.363 118.329 -109.363 118.329L-115.764 116.51C-128.764 92.51 -120.309 147.093 -120.309 147.093C-111.509 181.493 23.983 132.11 23.983 132.11C23.983 132.11 192.783 101.71 203.983 97.71C215.183 93.71 302.529 99.456 302.529 99.456L297.583 78.074C232.783 31.673 220.783 60.11 207.183 56.11C193.583 52.11 195.983 61.71 192.783 62.51C189.583 63.31 150.383 38.51 143.983 39.31z"/> | ||
76 | </g> | ||
77 | <g style="fill: rgb(252, 242, 235);"> | ||
78 | <path d="M145.292 41.055C138.892 41.855 112.917 18.411 128.492 49.855C149.692 92.656 70.092 89.056 53.292 77.856C36.492 66.656 60.492 96.256 60.492 96.256C78.892 116.256 44.492 99.456 44.492 99.456C10.092 86.656 -13.908 112.256 -17.108 113.056C-20.308 113.856 -25.108 117.056 -25.908 110.656C-26.708 104.256 -32.905 89.232 -65.908 113.856C-98.273 137.911 -108.982 121.365 -108.982 121.365L-115.782 118.056C-128.582 94.856 -119.654 150.147 -119.654 150.147C-110.854 184.547 25.292 133.856 25.292 133.856C25.292 133.856 194.093 103.456 205.293 99.456C216.493 95.456 302.965 101.128 302.965 101.128L298.093 79.237C233.292 32.837 222.093 61.856 208.493 57.856C194.893 53.855 197.293 63.456 194.093 64.256C190.892 65.056 151.692 40.255 145.292 41.055z"/> | ||
79 | </g> | ||
80 | <g style="fill: rgb(255, 255, 255);"> | ||
81 | <path d="M-115.8 119.601C-128.6 97.6 -119 153.201 -119 153.201C-110.2 187.601 26.6 135.601 26.6 135.601C26.6 135.601 195.401 105.2 206.601 101.2C217.801 97.2 303.401 102.8 303.401 102.8L298.601 80.4C233.801 34 223.401 63.6 209.801 59.6C196.201 55.6 198.601 65.2 195.401 66C192.201 66.8 153.001 42 146.601 42.8C140.201 43.6 114.981 19.793 129.801 51.6C152.028 99.307 69.041 89.227 54.6 79.6C37.8 68.4 61.8 98 61.8 98C80.2 118.001 45.8 101.2 45.8 101.2C11.4 88.4 -12.6 114.001 -15.8 114.801C-19 115.601 -23.8 118.801 -24.6 112.401C-25.4 106 -31.465 91.144 -64.6 115.601C-98.2 140.401 -108.6 124.401 -108.6 124.401L-115.8 119.601z"/> | ||
82 | </g> | ||
83 | <g style="fill: rgb(0, 0, 0);"> | ||
84 | <path d="M-74.2 149.601C-74.2 149.601 -81.4 161.201 -60.6 174.401C-60.6 174.401 -59.2 175.801 -77.2 171.601C-77.2 171.601 -83.4 169.601 -85 159.201C-85 159.201 -89.8 154.801 -94.6 149.201C-99.4 143.601 -74.2 149.601 -74.2 149.601z"/> | ||
85 | </g> | ||
86 | <g style="fill: rgb(204, 204, 204);"> | ||
87 | <path d="M65.8 102C65.8 102 83.498 128.821 82.9 133.601C81.6 144.001 81.4 153.601 84.6 157.601C87.801 161.601 96.601 194.801 96.601 194.801C96.601 194.801 96.201 196.001 108.601 158.001C108.601 158.001 120.201 142.001 100.201 123.601C100.201 123.601 65 94.8 65.8 102z"/> | ||
88 | </g> | ||
89 | <g style="fill: rgb(0, 0, 0);"> | ||
90 | <path d="M-54.2 176.401C-54.2 176.401 -43 183.601 -57.4 214.801L-51 212.401C-51 212.401 -51.8 223.601 -55 226.001L-47.8 222.801C-47.8 222.801 -43 230.801 -47 235.601C-47 235.601 -30.2 243.601 -31 250.001C-31 250.001 -24.6 242.001 -28.6 235.601C-32.6 229.201 -39.8 233.201 -39 214.801L-47.8 218.001C-47.8 218.001 -42.2 209.201 -42.2 202.801L-50.2 205.201C-50.2 205.201 -34.731 178.623 -45.4 177.201C-51.4 176.401 -54.2 176.401 -54.2 176.401z"/> | ||
91 | </g> | ||
92 | <g style="fill: rgb(204, 204, 204);"> | ||
93 | <path d="M-21.8 193.201C-21.8 193.201 -19 188.801 -21.8 189.601C-24.6 190.401 -55.8 205.201 -61.8 214.801C-61.8 214.801 -27.4 190.401 -21.8 193.201z"/> | ||
94 | </g> | ||
95 | <g style="fill: rgb(204, 204, 204);"> | ||
96 | <path d="M-11.4 201.201C-11.4 201.201 -8.6 196.801 -11.4 197.601C-14.2 198.401 -45.4 213.201 -51.4 222.801C-51.4 222.801 -17 198.401 -11.4 201.201z"/> | ||
97 | </g> | ||
98 | <g style="fill: rgb(204, 204, 204);"> | ||
99 | <path d="M1.8 186.001C1.8 186.001 4.6 181.601 1.8 182.401C-1 183.201 -32.2 198.001 -38.2 207.601C-38.2 207.601 -3.8 183.201 1.8 186.001z"/> | ||
100 | </g> | ||
101 | <g style="fill: rgb(204, 204, 204);"> | ||
102 | <path d="M-21.4 229.601C-21.4 229.601 -21.4 223.601 -24.2 224.401C-27 225.201 -63 242.801 -69 252.401C-69 252.401 -27 226.801 -21.4 229.601z"/> | ||
103 | </g> | ||
104 | <g style="fill: rgb(204, 204, 204);"> | ||
105 | <path d="M-20.2 218.801C-20.2 218.801 -19 214.001 -21.8 214.801C-23.8 214.801 -50.2 226.401 -56.2 236.001C-56.2 236.001 -26.6 214.401 -20.2 218.801z"/> | ||
106 | </g> | ||
107 | <g style="fill: rgb(204, 204, 204);"> | ||
108 | <path d="M-34.6 266.401L-44.6 274.001C-44.6 274.001 -34.2 266.401 -30.6 267.601C-30.6 267.601 -37.4 278.801 -38.2 284.001C-38.2 284.001 -27.8 271.201 -22.2 271.601C-22.2 271.601 -14.6 272.001 -14.6 282.801C-14.6 282.801 -9 272.401 -5.8 272.801C-5.8 272.801 -4.6 279.201 -5.8 286.001C-5.8 286.001 -1.8 278.401 2.2 280.001C2.2 280.001 8.6 278.001 7.8 289.601C7.8 289.601 7.8 300.001 7 302.801C7 302.801 12.6 276.401 15 276.001C15 276.001 23 274.801 27.8 283.601C27.8 283.601 23.8 276.001 28.6 278.001C28.6 278.001 39.4 279.601 42.6 286.401C42.6 286.401 35.8 274.401 41.4 277.601C41.4 277.601 48.2 277.601 49.4 284.001C49.4 284.001 57.8 305.201 59.8 306.801C59.8 306.801 52.2 285.201 53.8 285.201C53.8 285.201 51.8 273.201 57 288.001C57 288.001 53.8 274.001 59.4 274.801C65 275.601 69.4 285.601 77.8 283.201C77.8 283.201 87.401 288.801 89.401 219.601L-34.6 266.401z"/> | ||
109 | </g> | ||
110 | <g style="fill: rgb(0, 0, 0);"> | ||
111 | <path d="M-29.8 173.601C-29.8 173.601 -15 167.601 25 173.601C25 173.601 32.2 174.001 39 165.201C45.8 156.401 72.6 149.201 79 151.201L88.601 157.601L89.401 158.801C89.401 158.801 101.801 169.201 102.201 176.801C102.601 184.401 87.801 232.401 78.2 248.401C68.6 264.401 59 276.801 39.8 274.401C39.8 274.401 19 270.401 -6.6 274.401C-6.6 274.401 -35.8 272.801 -38.6 264.801C-41.4 256.801 -27.4 241.601 -27.4 241.601C-27.4 241.601 -23 233.201 -24.2 218.801C-25.4 204.401 -25 176.401 -29.8 173.601z"/> | ||
112 | </g> | ||
113 | <g style="fill: rgb(229, 102, 140);"> | ||
114 | <path d="M-7.8 175.601C0.6 194.001 -29 259.201 -29 259.201C-31 260.801 -16.34 266.846 -6.2 264.401C4.746 261.763 45 266.001 45 266.001C68.6 250.401 81.4 206.001 81.4 206.001C81.4 206.001 91.801 182.001 74.2 178.801C56.6 175.601 -7.8 175.601 -7.8 175.601z"/> | ||
115 | </g> | ||
116 | <g style="fill: rgb(178, 50, 89);"> | ||
117 | <path d="M-9.831 206.497C-6.505 193.707 -4.921 181.906 -7.8 175.601C-7.8 175.601 54.6 182.001 65.8 161.201C70.041 153.326 84.801 184.001 84.4 193.601C84.4 193.601 21.4 208.001 6.6 196.801L-9.831 206.497z"/> | ||
118 | </g> | ||
119 | <g style="fill: rgb(165, 38, 76);"> | ||
120 | <path d="M-5.4 222.801C-5.4 222.801 -3.4 230.001 -5.8 234.001C-5.8 234.001 -7.4 234.801 -8.6 235.201C-8.6 235.201 -7.4 238.801 -1.4 240.401C-1.4 240.401 0.6 244.801 3 245.201C5.4 245.601 10.2 251.201 14.2 250.001C18.2 248.801 29.4 244.801 29.4 244.801C29.4 244.801 35 241.601 43.8 245.201C43.8 245.201 46.175 244.399 46.6 240.401C47.1 235.701 50.2 232.001 52.2 230.001C54.2 228.001 63.8 215.201 62.6 214.801C61.4 214.401 -5.4 222.801 -5.4 222.801z"/> | ||
121 | </g> | ||
122 | <g style="fill: rgb(255, 114, 127); stroke: rgb(0, 0, 0);"> | ||
123 | <path d="M-9.8 174.401C-9.8 174.401 -12.6 196.801 -9.4 205.201C-6.2 213.601 -7 215.601 -7.8 219.601C-8.6 223.601 -4.2 233.601 1.4 239.601L13.4 241.201C13.4 241.201 28.6 237.601 37.8 240.401C37.8 240.401 46.794 241.744 50.2 226.801C50.2 226.801 55 220.401 62.2 217.601C69.4 214.801 76.6 173.201 72.6 165.201C68.6 157.201 54.2 152.801 38.2 168.401C22.2 184.001 20.2 167.201 -9.8 174.401z"/> | ||
124 | </g> | ||
125 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
126 | <path d="M-8.2 249.201C-8.2 249.201 -9 247.201 -13.4 246.801C-13.4 246.801 -35.8 243.201 -44.2 230.801C-44.2 230.801 -51 225.201 -46.6 236.801C-46.6 236.801 -36.2 257.201 -29.4 260.001C-29.4 260.001 -13 264.001 -8.2 249.201z"/> | ||
127 | </g> | ||
128 | <g style="fill: rgb(204, 63, 76);"> | ||
129 | <path d="M71.742 185.229C72.401 177.323 74.354 168.709 72.6 165.201C66.154 152.307 49.181 157.695 38.2 168.401C22.2 184.001 20.2 167.201 -9.8 174.401C-9.8 174.401 -11.545 188.364 -10.705 198.376C-10.705 198.376 26.6 186.801 27.4 192.401C27.4 192.401 29 189.201 38.2 189.201C47.4 189.201 70.142 188.029 71.742 185.229z"/> | ||
130 | </g> | ||
131 | <g style="stroke: rgb(165, 25, 38); stroke-width: 2;"> | ||
132 | <path d="M28.6 175.201C28.6 175.201 33.4 180.001 29.8 189.601C29.8 189.601 15.4 205.601 17.4 219.601"/> | ||
133 | </g> | ||
134 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
135 | <path d="M-19.4 260.001C-19.4 260.001 -23.8 247.201 -15 254.001C-15 254.001 -10.2 256.001 -11.4 257.601C-12.6 259.201 -18.2 263.201 -19.4 260.001z"/> | ||
136 | </g> | ||
137 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
138 | <path d="M-14.36 261.201C-14.36 261.201 -17.88 250.961 -10.84 256.401C-10.84 256.401 -6.419 258.849 -7.96 259.281C-12.52 260.561 -7.96 263.121 -14.36 261.201z"/> | ||
139 | </g> | ||
140 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
141 | <path d="M-9.56 261.201C-9.56 261.201 -13.08 250.961 -6.04 256.401C-6.04 256.401 -1.665 258.711 -3.16 259.281C-6.52 260.561 -3.16 263.121 -9.56 261.201z"/> | ||
142 | </g> | ||
143 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
144 | <path d="M-2.96 261.401C-2.96 261.401 -6.48 251.161 0.56 256.601C0.56 256.601 4.943 258.933 3.441 259.481C0.48 260.561 3.441 263.321 -2.96 261.401z"/> | ||
145 | </g> | ||
146 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
147 | <path d="M3.52 261.321C3.52 261.321 0 251.081 7.041 256.521C7.041 256.521 10.881 258.121 9.921 259.401C8.961 260.681 9.921 263.241 3.52 261.321z"/> | ||
148 | </g> | ||
149 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
150 | <path d="M10.2 262.001C10.2 262.001 5.4 249.601 14.6 256.001C14.6 256.001 19.4 258.001 18.2 259.601C17 261.201 18.2 264.401 10.2 262.001z"/> | ||
151 | </g> | ||
152 | <g style="stroke: rgb(165, 38, 76); stroke-width: 2;"> | ||
153 | <path d="M-18.2 244.801C-18.2 244.801 -5 242.001 1 245.201C1 245.201 7 246.401 8.2 246.001C9.4 245.601 12.6 245.201 12.6 245.201"/> | ||
154 | </g> | ||
155 | <g style="stroke: rgb(165, 38, 76); stroke-width: 2;"> | ||
156 | <path d="M15.8 253.601C15.8 253.601 27.8 240.001 39.8 244.401C46.816 246.974 45.8 243.601 46.6 240.801C47.4 238.001 47.6 233.801 52.6 230.801"/> | ||
157 | </g> | ||
158 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
159 | <path d="M33 237.601C33 237.601 29 226.801 26.2 239.601C23.4 252.401 20.2 256.001 18.6 258.801C18.6 258.801 18.6 264.001 27 263.601C27 263.601 37.8 263.201 38.2 260.401C38.6 257.601 37 246.001 33 237.601z"/> | ||
160 | </g> | ||
161 | <g style="stroke: rgb(165, 38, 76); stroke-width: 2;"> | ||
162 | <path d="M47 244.801C47 244.801 50.6 242.401 53 243.601"/> | ||
163 | </g> | ||
164 | <g style="stroke: rgb(165, 38, 76); stroke-width: 2;"> | ||
165 | <path d="M53.5 228.401C53.5 228.401 56.4 223.501 61.2 222.701"/> | ||
166 | </g> | ||
167 | <g style="fill: rgb(178, 178, 178);"> | ||
168 | <path d="M-25.8 265.201C-25.8 265.201 -7.8 268.401 -3.4 266.801C-3.4 266.801 5.4 266.801 -3 268.801C-3 268.801 -15.8 268.801 -23.8 267.601C-23.8 267.601 -35.4 262.001 -25.8 265.201z"/> | ||
169 | </g> | ||
170 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
171 | <path d="M-11.8 172.001C-11.8 172.001 5.8 172.001 7.8 172.801C7.8 172.801 15 203.601 11.4 211.201C11.4 211.201 10.2 214.001 7.4 208.401C7.4 208.401 -11 175.601 -14.2 173.601C-17.4 171.601 -13 172.001 -11.8 172.001z"/> | ||
172 | </g> | ||
173 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
174 | <path d="M-88.9 169.301C-88.9 169.301 -80 171.001 -67.4 173.601C-67.4 173.601 -62.6 196.001 -59.4 200.801C-56.2 205.601 -59.8 205.601 -63.4 202.801C-67 200.001 -81.8 186.001 -83.8 181.601C-85.8 177.201 -88.9 169.301 -88.9 169.301z"/> | ||
175 | </g> | ||
176 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
177 | <path d="M-67.039 173.818C-67.039 173.818 -61.239 175.366 -60.23 177.581C-59.222 179.795 -61.432 183.092 -61.432 183.092C-61.432 183.092 -62.432 186.397 -63.634 184.235C-64.836 182.072 -67.708 174.412 -67.039 173.818z"/> | ||
178 | </g> | ||
179 | <g style="fill: rgb(0, 0, 0);"> | ||
180 | <path d="M-67 173.601C-67 173.601 -63.4 178.801 -59.8 178.801C-56.2 178.801 -55.818 178.388 -53 179.001C-48.4 180.001 -48.8 178.001 -42.2 179.201C-39.56 179.681 -37 178.801 -34.2 180.001C-31.4 181.201 -28.2 180.401 -27 178.401C-25.8 176.401 -21 172.201 -21 172.201C-21 172.201 -33.8 174.001 -36.6 174.801C-36.6 174.801 -59 176.001 -67 173.601z"/> | ||
181 | </g> | ||
182 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
183 | <path d="M-22.4 173.801C-22.4 173.801 -28.85 177.301 -29.25 179.701C-29.65 182.101 -24 185.801 -24 185.801C-24 185.801 -21.25 190.401 -20.65 188.001C-20.05 185.601 -21.6 174.201 -22.4 173.801z"/> | ||
184 | </g> | ||
185 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
186 | <path d="M-59.885 179.265C-59.885 179.265 -52.878 190.453 -52.661 179.242C-52.661 179.242 -52.104 177.984 -53.864 177.962C-59.939 177.886 -58.418 173.784 -59.885 179.265z"/> | ||
187 | </g> | ||
188 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
189 | <path d="M-52.707 179.514C-52.707 179.514 -44.786 190.701 -45.422 179.421C-45.422 179.421 -45.415 179.089 -47.168 178.936C-51.915 178.522 -51.57 174.004 -52.707 179.514z"/> | ||
190 | </g> | ||
191 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
192 | <path d="M-45.494 179.522C-45.494 179.522 -37.534 190.15 -38.203 180.484C-38.203 180.484 -38.084 179.251 -39.738 178.95C-43.63 178.244 -43.841 174.995 -45.494 179.522z"/> | ||
193 | </g> | ||
194 | <g style="fill: rgb(255, 255, 204); stroke: rgb(0, 0, 0); stroke-width: 0.5;"> | ||
195 | <path d="M-38.618 179.602C-38.618 179.602 -30.718 191.163 -30.37 181.382C-30.37 181.382 -28.726 180.004 -30.472 179.782C-36.29 179.042 -35.492 174.588 -38.618 179.602z"/> | ||
196 | </g> | ||
197 | <g style="fill: rgb(229, 229, 178);"> | ||
198 | <path d="M-74.792 183.132L-82.45 181.601C-85.05 176.601 -87.15 170.451 -87.15 170.451C-87.15 170.451 -80.8 171.451 -68.3 174.251C-68.3 174.251 -67.424 177.569 -65.952 183.364L-74.792 183.132z"/> | ||
199 | </g> | ||
200 | <g style="fill: rgb(229, 229, 178);"> | ||
201 | <path d="M-9.724 178.47C-11.39 175.964 -12.707 174.206 -13.357 173.8C-16.37 171.917 -12.227 172.294 -11.098 172.294C-11.098 172.294 5.473 172.294 7.356 173.047C7.356 173.047 7.88 175.289 8.564 178.68C8.564 178.68 -1.524 176.67 -9.724 178.47z"/> | ||
202 | </g> | ||
203 | <g style="fill: rgb(204, 114, 38);"> | ||
204 | <path d="M43.88 40.321C71.601 44.281 97.121 8.641 98.881 -1.04C100.641 -10.72 90.521 -22.6 90.521 -22.6C91.841 -25.68 87.001 -39.76 81.721 -49C76.441 -58.24 60.54 -57.266 43 -58.24C27.16 -59.12 8.68 -35.8 7.36 -34.04C6.04 -32.28 12.2 6.001 13.52 11.721C14.84 17.441 12.2 43.841 12.2 43.841C46.44 34.741 16.16 36.361 43.88 40.321z"/> | ||
205 | </g> | ||
206 | <g style="fill: rgb(234, 142, 81);"> | ||
207 | <path d="M8.088 -33.392C6.792 -31.664 12.84 5.921 14.136 11.537C15.432 17.153 12.84 43.073 12.84 43.073C45.512 34.193 16.728 35.729 43.944 39.617C71.161 43.505 96.217 8.513 97.945 -0.992C99.673 -10.496 89.737 -22.16 89.737 -22.16C91.033 -25.184 86.281 -39.008 81.097 -48.08C75.913 -57.152 60.302 -56.195 43.08 -57.152C27.528 -58.016 9.384 -35.12 8.088 -33.392z"/> | ||
208 | </g> | ||
209 | <g style="fill: rgb(239, 170, 124);"> | ||
210 | <path d="M8.816 -32.744C7.544 -31.048 13.48 5.841 14.752 11.353C16.024 16.865 13.48 42.305 13.48 42.305C44.884 33.145 17.296 35.097 44.008 38.913C70.721 42.729 95.313 8.385 97.009 -0.944C98.705 -10.272 88.953 -21.72 88.953 -21.72C90.225 -24.688 85.561 -38.256 80.473 -47.16C75.385 -56.064 60.063 -55.125 43.16 -56.064C27.896 -56.912 10.088 -34.44 8.816 -32.744z"/> | ||
211 | </g> | ||
212 | <g style="fill: rgb(244, 198, 168);"> | ||
213 | <path d="M9.544 -32.096C8.296 -30.432 14.12 5.761 15.368 11.169C16.616 16.577 14.12 41.537 14.12 41.537C43.556 32.497 17.864 34.465 44.072 38.209C70.281 41.953 94.409 8.257 96.073 -0.895C97.737 -10.048 88.169 -21.28 88.169 -21.28C89.417 -24.192 84.841 -37.504 79.849 -46.24C74.857 -54.976 59.824 -54.055 43.24 -54.976C28.264 -55.808 10.792 -33.76 9.544 -32.096z"/> | ||
214 | </g> | ||
215 | <g style="fill: rgb(249, 226, 211);"> | ||
216 | <path d="M10.272 -31.448C9.048 -29.816 14.76 5.681 15.984 10.985C17.208 16.289 14.76 40.769 14.76 40.769C42.628 31.849 18.432 33.833 44.136 37.505C69.841 41.177 93.505 8.129 95.137 -0.848C96.769 -9.824 87.385 -20.84 87.385 -20.84C88.609 -23.696 84.121 -36.752 79.225 -45.32C74.329 -53.888 59.585 -52.985 43.32 -53.888C28.632 -54.704 11.496 -33.08 10.272 -31.448z"/> | ||
217 | </g> | ||
218 | <g style="fill: rgb(255, 255, 255);"> | ||
219 | <path d="M44.2 36.8C69.4 40.4 92.601 8 94.201 -0.8C95.801 -9.6 86.601 -20.4 86.601 -20.4C87.801 -23.2 83.4 -36 78.6 -44.4C73.8 -52.8 59.346 -51.914 43.4 -52.8C29 -53.6 12.2 -32.4 11 -30.8C9.8 -29.2 15.4 5.6 16.6 10.8C17.8 16 15.4 40 15.4 40C40.9 31.4 19 33.2 44.2 36.8z"/> | ||
220 | </g> | ||
221 | <g style="fill: rgb(204, 204, 204);"> | ||
222 | <path d="M90.601 2.8C90.601 2.8 62.8 10.4 51.2 8.8C51.2 8.8 35.4 2.2 26.6 24C26.6 24 23 31.2 21 33.2C19 35.2 90.601 2.8 90.601 2.8z"/> | ||
223 | </g> | ||
224 | <g style="fill: rgb(0, 0, 0);"> | ||
225 | <path d="M94.401 0.6C94.401 0.6 65.4 12.8 55.4 12.4C55.4 12.4 39 7.8 30.6 22.4C30.6 22.4 22.2 31.6 19 33.2C19 33.2 18.6 34.8 25 30.8L35.4 36C35.4 36 50.2 45.6 59.8 29.6C59.8 29.6 63.8 18.4 63.8 16.4C63.8 14.4 85 8.8 86.601 8.4C88.201 8 94.801 3.8 94.401 0.6z"/> | ||
226 | </g> | ||
227 | <g style="fill: rgb(153, 204, 50);"> | ||
228 | <path d="M47 36.514C40.128 36.514 31.755 32.649 31.755 26.4C31.755 20.152 40.128 13.887 47 13.887C53.874 13.887 59.446 18.952 59.446 25.2C59.446 31.449 53.874 36.514 47 36.514z"/> | ||
229 | </g> | ||
230 | <g style="fill: rgb(101, 153, 0);"> | ||
231 | <path d="M43.377 19.83C38.531 20.552 33.442 22.055 33.514 21.839C35.054 17.22 41.415 13.887 47 13.887C51.296 13.887 55.084 15.865 57.32 18.875C57.32 18.875 52.004 18.545 43.377 19.83z"/> | ||
232 | </g> | ||
233 | <g style="fill: rgb(255, 255, 255);"> | ||
234 | <path d="M55.4 19.6C55.4 19.6 51 16.4 51 18.6C51 18.6 54.6 23 55.4 19.6z"/> | ||
235 | </g> | ||
236 | <g style="fill: rgb(0, 0, 0);"> | ||
237 | <path d="M45.4 27.726C42.901 27.726 40.875 25.7 40.875 23.2C40.875 20.701 42.901 18.675 45.4 18.675C47.9 18.675 49.926 20.701 49.926 23.2C49.926 25.7 47.9 27.726 45.4 27.726z"/> | ||
238 | </g> | ||
239 | <g style="fill: rgb(204, 114, 38);"> | ||
240 | <path d="M-58.6 14.4C-58.6 14.4 -61.8 -6.8 -59.4 -11.2C-59.4 -11.2 -48.6 -21.2 -49 -24.8C-49 -24.8 -49.4 -42.8 -50.6 -43.6C-51.8 -44.4 -59.4 -50.4 -65.4 -44C-65.4 -44 -75.8 -26 -75 -19.6L-75 -17.6C-75 -17.6 -82.6 -18 -84.2 -16C-84.2 -16 -85.4 -10.8 -86.6 -10.4C-86.6 -10.4 -89.4 -8 -87.4 -5.2C-87.4 -5.2 -89.4 -2.8 -89 1.2L-81.4 5.2C-81.4 5.2 -79.4 19.6 -68.6 24.8C-63.764 27.129 -60.6 20.4 -58.6 14.4z"/> | ||
241 | </g> | ||
242 | <g style="fill: rgb(255, 255, 255);"> | ||
243 | <path d="M-59.6 12.56C-59.6 12.56 -62.48 -6.52 -60.32 -10.48C-60.32 -10.48 -50.6 -19.48 -50.96 -22.72C-50.96 -22.72 -51.32 -38.92 -52.4 -39.64C-53.48 -40.36 -60.32 -45.76 -65.72 -40C-65.72 -40 -75.08 -23.8 -74.36 -18.04L-74.36 -16.24C-74.36 -16.24 -81.2 -16.6 -82.64 -14.8C-82.64 -14.8 -83.72 -10.12 -84.8 -9.76C-84.8 -9.76 -87.32 -7.6 -85.52 -5.08C-85.52 -5.08 -87.32 -2.92 -86.96 0.68L-80.12 4.28C-80.12 4.28 -78.32 17.24 -68.6 21.92C-64.248 24.015 -61.4 17.96 -59.6 12.56z"/> | ||
244 | </g> | ||
245 | <g style="fill: rgb(235, 149, 92);"> | ||
246 | <path d="M-51.05 -42.61C-52.14 -43.47 -59.63 -49.24 -65.48 -43C-65.48 -43 -75.62 -25.45 -74.84 -19.21L-74.84 -17.26C-74.84 -17.26 -82.25 -17.65 -83.81 -15.7C-83.81 -15.7 -84.98 -10.63 -86.15 -10.24C-86.15 -10.24 -88.88 -7.9 -86.93 -5.17C-86.93 -5.17 -88.88 -2.83 -88.49 1.07L-81.08 4.97C-81.08 4.97 -79.13 19.01 -68.6 24.08C-63.886 26.35 -60.8 19.79 -58.85 13.94C-58.85 13.94 -61.97 -6.73 -59.63 -11.02C-59.63 -11.02 -49.1 -20.77 -49.49 -24.28C-49.49 -24.28 -49.88 -41.83 -51.05 -42.61z"/> | ||
247 | </g> | ||
248 | <g style="fill: rgb(242, 184, 146);"> | ||
249 | <path d="M-51.5 -41.62C-52.48 -42.54 -59.86 -48.08 -65.56 -42C-65.56 -42 -75.44 -24.9 -74.68 -18.82L-74.68 -16.92C-74.68 -16.92 -81.9 -17.3 -83.42 -15.4C-83.42 -15.4 -84.56 -10.46 -85.7 -10.08C-85.7 -10.08 -88.36 -7.8 -86.46 -5.14C-86.46 -5.14 -88.36 -2.86 -87.98 0.94L-80.76 4.74C-80.76 4.74 -78.86 18.42 -68.6 23.36C-64.006 25.572 -61 19.18 -59.1 13.48C-59.1 13.48 -62.14 -6.66 -59.86 -10.84C-59.86 -10.84 -49.6 -20.34 -49.98 -23.76C-49.98 -23.76 -50.36 -40.86 -51.5 -41.62z"/> | ||
250 | </g> | ||
251 | <g style="fill: rgb(248, 220, 200);"> | ||
252 | <path d="M-51.95 -40.63C-52.82 -41.61 -60.09 -46.92 -65.64 -41C-65.64 -41 -75.26 -24.35 -74.52 -18.43L-74.52 -16.58C-74.52 -16.58 -81.55 -16.95 -83.03 -15.1C-83.03 -15.1 -84.14 -10.29 -85.25 -9.92C-85.25 -9.92 -87.84 -7.7 -85.99 -5.11C-85.99 -5.11 -87.84 -2.89 -87.47 0.81L-80.44 4.51C-80.44 4.51 -78.59 17.83 -68.6 22.64C-64.127 24.794 -61.2 18.57 -59.35 13.02C-59.35 13.02 -62.31 -6.59 -60.09 -10.66C-60.09 -10.66 -50.1 -19.91 -50.47 -23.24C-50.47 -23.24 -50.84 -39.89 -51.95 -40.63z"/> | ||
253 | </g> | ||
254 | <g style="fill: rgb(255, 255, 255);"> | ||
255 | <path d="M-59.6 12.46C-59.6 12.46 -62.48 -6.52 -60.32 -10.48C-60.32 -10.48 -50.6 -19.48 -50.96 -22.72C-50.96 -22.72 -51.32 -38.92 -52.4 -39.64C-53.16 -40.68 -60.32 -45.76 -65.72 -40C-65.72 -40 -75.08 -23.8 -74.36 -18.04L-74.36 -16.24C-74.36 -16.24 -81.2 -16.6 -82.64 -14.8C-82.64 -14.8 -83.72 -10.12 -84.8 -9.76C-84.8 -9.76 -87.32 -7.6 -85.52 -5.08C-85.52 -5.08 -87.32 -2.92 -86.96 0.68L-80.12 4.28C-80.12 4.28 -78.32 17.24 -68.6 21.92C-64.248 24.015 -61.4 17.86 -59.6 12.46z"/> | ||
256 | </g> | ||
257 | <g style="fill: rgb(204, 204, 204);"> | ||
258 | <path d="M-62.7 6.2C-62.7 6.2 -84.3 -4 -85.2 -4.8C-85.2 -4.8 -76.1 3.4 -75.3 3.4C-74.5 3.4 -62.7 6.2 -62.7 6.2z"/> | ||
259 | </g> | ||
260 | <g style="fill: rgb(0, 0, 0);"> | ||
261 | <path d="M-79.8 0C-79.8 0 -61.4 3.6 -61.4 8C-61.4 10.912 -61.643 24.331 -67 22.8C-75.4 20.4 -71.8 6 -79.8 0z"/> | ||
262 | </g> | ||
263 | <g style="fill: rgb(153, 204, 50);"> | ||
264 | <path d="M-71.4 3.8C-71.4 3.8 -62.422 5.274 -61.4 8C-60.8 9.6 -60.137 17.908 -65.6 19C-70.152 19.911 -72.382 9.69 -71.4 3.8z"/> | ||
265 | </g> | ||
266 | <g style="fill: rgb(0, 0, 0);"> | ||
267 | <path d="M14.595 46.349C14.098 44.607 15.409 44.738 17.2 44.2C19.2 43.6 31.4 39.8 32.2 37.2C33 34.6 46.2 39 46.2 39C48 39.8 52.4 42.4 52.4 42.4C57.2 43.6 63.8 44 63.8 44C66.2 45 69.6 47.8 69.6 47.8C84.2 58 96.601 50.8 96.601 50.8C116.601 44.2 110.601 27 110.601 27C107.601 18 110.801 14.6 110.801 14.6C111.001 10.8 118.201 17.2 118.201 17.2C120.801 21.4 121.601 26.4 121.601 26.4C129.601 37.6 126.201 19.8 126.201 19.8C126.401 18.8 123.601 15.2 123.601 14C123.601 12.8 121.801 9.4 121.801 9.4C118.801 6 121.201 -1 121.201 -1C123.001 -14.8 120.801 -13 120.801 -13C119.601 -14.8 110.401 -4.8 110.401 -4.8C108.201 -1.4 102.201 0.2 102.201 0.2C99.401 2 96.001 0.6 96.001 0.6C93.401 0.2 87.801 7.2 87.801 7.2C90.601 7 93.001 11.4 95.401 11.6C97.801 11.8 99.601 9.2 101.201 8.6C102.801 8 105.601 13.8 105.601 13.8C106.001 16.4 100.401 21.2 100.401 21.2C100.001 25.8 98.401 24.2 98.401 24.2C95.401 23.6 94.201 27.4 93.201 32C92.201 36.6 88.001 37 88.001 37C86.401 44.4 85.2 41.4 85.2 41.4C85 35.8 79 41.6 79 41.6C77.8 43.6 73.2 41.4 73.2 41.4C66.4 39.4 68.8 37.4 68.8 37.4C70.6 35.2 81.8 37.4 81.8 37.4C84 35.8 76 31.8 76 31.8C75.4 30 76.4 25.6 76.4 25.6C77.6 22.4 84.4 16.8 84.4 16.8C93.801 15.6 91.001 14 91.001 14C84.801 8.8 79 16.4 79 16.4C76.8 22.6 59.4 37.6 59.4 37.6C54.6 41 57.2 34.2 53.2 37.6C49.2 41 28.6 32 28.6 32C17.038 30.807 14.306 46.549 10.777 43.429C10.777 43.429 16.195 51.949 14.595 46.349z"/> | ||
268 | </g> | ||
269 | <g style="fill: rgb(0, 0, 0);"> | ||
270 | <path d="M209.401 -120C209.401 -120 183.801 -112 181.001 -93.2C181.001 -93.2 178.601 -70.4 199.001 -52.8C199.001 -52.8 199.401 -46.4 201.401 -43.2C201.401 -43.2 199.801 -38.4 218.601 -46L245.801 -54.4C245.801 -54.4 252.201 -56.8 257.401 -65.6C262.601 -74.4 277.801 -93.2 274.201 -118.4C274.201 -118.4 275.401 -129.6 269.401 -130C269.401 -130 261.001 -131.6 253.801 -124C253.801 -124 247.001 -120.8 244.601 -121.2L209.401 -120z"/> | ||
271 | </g> | ||
272 | <g style="fill: rgb(0, 0, 0);"> | ||
273 | <path d="M264.022 -120.99C264.022 -120.99 266.122 -129.92 261.282 -125.08C261.282 -125.08 254.242 -119.36 246.761 -119.36C246.761 -119.36 232.241 -117.16 227.841 -103.96C227.841 -103.96 223.881 -77.12 231.801 -71.4C231.801 -71.4 236.641 -63.92 243.681 -70.52C250.722 -77.12 266.222 -107.35 264.022 -120.99z"/> | ||
274 | </g> | ||
275 | <g style="fill: rgb(50, 50, 50);"> | ||
276 | <path d="M263.648 -120.632C263.648 -120.632 265.738 -129.376 260.986 -124.624C260.986 -124.624 254.074 -119.008 246.729 -119.008C246.729 -119.008 232.473 -116.848 228.153 -103.888C228.153 -103.888 224.265 -77.536 232.041 -71.92C232.041 -71.92 236.793 -64.576 243.705 -71.056C250.618 -77.536 265.808 -107.24 263.648 -120.632z"/> | ||
277 | </g> | ||
278 | <g style="fill: rgb(102, 102, 102);"> | ||
279 | <path d="M263.274 -120.274C263.274 -120.274 265.354 -128.832 260.69 -124.168C260.69 -124.168 253.906 -118.656 246.697 -118.656C246.697 -118.656 232.705 -116.536 228.465 -103.816C228.465 -103.816 224.649 -77.952 232.281 -72.44C232.281 -72.44 236.945 -65.232 243.729 -71.592C250.514 -77.952 265.394 -107.13 263.274 -120.274z"/> | ||
280 | </g> | ||
281 | <g style="fill: rgb(153, 153, 153);"> | ||
282 | <path d="M262.9 -119.916C262.9 -119.916 264.97 -128.288 260.394 -123.712C260.394 -123.712 253.738 -118.304 246.665 -118.304C246.665 -118.304 232.937 -116.224 228.777 -103.744C228.777 -103.744 225.033 -78.368 232.521 -72.96C232.521 -72.96 237.097 -65.888 243.753 -72.128C250.41 -78.368 264.98 -107.02 262.9 -119.916z"/> | ||
283 | </g> | ||
284 | <g style="fill: rgb(204, 204, 204);"> | ||
285 | <path d="M262.526 -119.558C262.526 -119.558 264.586 -127.744 260.098 -123.256C260.098 -123.256 253.569 -117.952 246.633 -117.952C246.633 -117.952 233.169 -115.912 229.089 -103.672C229.089 -103.672 225.417 -78.784 232.761 -73.48C232.761 -73.48 237.249 -66.544 243.777 -72.664C250.305 -78.784 264.566 -106.91 262.526 -119.558z"/> | ||
286 | </g> | ||
287 | <g style="fill: rgb(255, 255, 255);"> | ||
288 | <path d="M262.151 -119.2C262.151 -119.2 264.201 -127.2 259.801 -122.8C259.801 -122.8 253.401 -117.6 246.601 -117.6C246.601 -117.6 233.401 -115.6 229.401 -103.6C229.401 -103.6 225.801 -79.2 233.001 -74C233.001 -74 237.401 -67.2 243.801 -73.2C250.201 -79.2 264.151 -106.8 262.151 -119.2z"/> | ||
289 | </g> | ||
290 | <g style="fill: rgb(153, 38, 0);"> | ||
291 | <path d="M50.6 84C50.6 84 30.2 64.8 22.2 64C22.2 64 -12.2 60 -27 78C-27 78 -9.4 57.6 18.2 63.2C18.2 63.2 -3.4 58.8 -15.8 62C-15.8 62 -32.6 62 -42.2 76L-45 80.8C-45 80.8 -41 66 -22.6 60C-22.6 60 0.2 55.2 11 60C11 60 -10.6 53.2 -20.6 55.2C-20.6 55.2 -51 52.8 -63.8 79.2C-63.8 79.2 -59.8 64.8 -45 57.6C-45 57.6 -31.4 48.8 -11 51.6C-11 51.6 3.4 54.8 8.6 57.2C13.8 59.6 12.6 56.8 4.2 52C4.2 52 -1.4 42 -15.4 42.4C-15.4 42.4 -58.2 46 -68.6 58C-68.6 58 -55 46.8 -44.6 44C-44.6 44 -22.2 36 -13.8 36.8C-13.8 36.8 11 37.8 18.6 33.8C18.6 33.8 7.4 38.8 10.6 42C13.8 45.2 20.6 52.8 20.6 54C20.6 55.2 44.8 77.3 48.4 81.7L50.6 84z"/> | ||
292 | </g> | ||
293 | <g style="fill: rgb(204, 204, 204);"> | ||
294 | <path d="M189 278C189 278 173.5 241.5 161 232C161 232 187 248 190.5 266C190.5 266 190.5 276 189 278z"/> | ||
295 | </g> | ||
296 | <g style="fill: rgb(204, 204, 204);"> | ||
297 | <path d="M236 285.5C236 285.5 209.5 230.5 191 206.5C191 206.5 234.5 244 239.5 270.5L240 276L237 273.5C237 273.5 236.5 282.5 236 285.5z"/> | ||
298 | </g> | ||
299 | <g style="fill: rgb(204, 204, 204);"> | ||
300 | <path d="M292.5 237C292.5 237 230 177.5 228.5 175C228.5 175 289 241 292 248.5C292 248.5 290 239.5 292.5 237z"/> | ||
301 | </g> | ||
302 | <g style="fill: rgb(204, 204, 204);"> | ||
303 | <path d="M104 280.5C104 280.5 123.5 228.5 142.5 251C142.5 251 157.5 261 157 264C157 264 153 257.5 135 258C135 258 116 255 104 280.5z"/> | ||
304 | </g> | ||
305 | <g style="fill: rgb(204, 204, 204);"> | ||
306 | <path d="M294.5 153C294.5 153 249.5 124.5 242 123C230.193 120.639 291.5 152 296.5 162.5C296.5 162.5 298.5 160 294.5 153z"/> | ||
307 | </g> | ||
308 | <g style="fill: rgb(0, 0, 0);"> | ||
309 | <path d="M143.801 259.601C143.801 259.601 164.201 257.601 171.001 250.801L175.401 254.401L193.001 216.001L196.601 221.201C196.601 221.201 211.001 206.401 210.201 198.401C209.401 190.401 223.001 204.401 223.001 204.401C223.001 204.401 222.201 192.801 229.401 199.601C229.401 199.601 227.001 184.001 235.401 192.001C235.401 192.001 224.864 161.844 247.401 187.601C253.001 194.001 248.601 187.201 248.601 187.201C248.601 187.201 222.601 139.201 244.201 153.601C244.201 153.601 246.201 130.801 245.001 126.401C243.801 122.001 241.801 99.6 237.001 94.4C232.201 89.2 237.401 87.6 243.001 92.8C243.001 92.8 231.801 68.8 245.001 80.8C245.001 80.8 241.401 65.6 237.001 62.8C237.001 62.8 231.401 45.6 246.601 56.4C246.601 56.4 242.201 44 239.001 40.8C239.001 40.8 227.401 13.2 234.601 18L239.001 21.6C239.001 21.6 232.201 7.6 238.601 12C245.001 16.4 245.001 16 245.001 16C245.001 16 223.801 -17.2 244.201 0.4C244.201 0.4 236.042 -13.518 232.601 -20.4C232.601 -20.4 213.801 -40.8 228.201 -34.4L233.001 -32.8C233.001 -32.8 224.201 -42.8 216.201 -44.4C208.201 -46 218.601 -52.4 225.001 -50.4C231.401 -48.4 247.001 -40.8 247.001 -40.8C247.001 -40.8 259.801 -22 263.801 -21.6C263.801 -21.6 243.801 -29.2 249.801 -21.2C249.801 -21.2 264.201 -7.2 257.001 -7.6C257.001 -7.6 251.001 -0.4 255.801 8.4C255.801 8.4 237.342 -9.991 252.201 15.6L259.001 32C259.001 32 234.601 7.2 245.801 29.2C245.801 29.2 263.001 52.8 265.001 53.2C267.001 53.6 271.401 62.4 271.401 62.4L267.001 60.4L272.201 69.2C272.201 69.2 261.001 57.2 267.001 70.4L272.601 84.8C272.601 84.8 252.201 62.8 265.801 92.4C265.801 92.4 249.401 87.2 258.201 104.4C258.201 104.4 256.601 120.401 257.001 125.601C257.401 130.801 258.601 159.201 254.201 167.201C249.801 175.201 260.201 194.401 262.201 198.401C264.201 202.401 267.801 213.201 259.001 204.001C250.201 194.801 254.601 200.401 256.601 209.201C258.601 218.001 264.601 233.601 263.801 239.201C263.801 239.201 262.601 240.401 259.401 236.801C259.401 236.801 244.601 214.001 246.201 228.401C246.201 228.401 245.001 236.401 241.801 245.201C241.801 245.201 238.601 256.001 238.601 247.201C238.601 247.201 235.401 230.401 232.601 238.001C229.801 245.601 226.201 251.601 223.401 254.001C220.601 256.401 215.401 233.601 214.201 244.001C214.201 244.001 202.201 231.601 197.401 248.001L185.801 264.401C185.801 264.401 185.401 252.001 184.201 258.001C184.201 258.001 154.201 264.001 143.801 259.601z"/> | ||
310 | </g> | ||
311 | <g style="fill: rgb(0, 0, 0);"> | ||
312 | <path d="M109.401 -97.2C109.401 -97.2 97.801 -105.2 93.801 -104.8C89.801 -104.4 121.401 -113.6 162.601 -86C162.601 -86 167.401 -83.2 171.001 -83.6C171.001 -83.6 174.201 -81.2 171.401 -77.6C171.401 -77.6 162.601 -68 173.801 -56.8C173.801 -56.8 192.201 -50 186.601 -58.8C186.601 -58.8 197.401 -54.8 199.801 -50.8C202.201 -46.8 201.001 -50.8 201.001 -50.8C201.001 -50.8 194.601 -58 188.601 -63.2C188.601 -63.2 183.401 -65.2 180.601 -73.6C177.801 -82 175.401 -92 179.801 -95.2C179.801 -95.2 175.801 -90.8 176.601 -94.8C177.401 -98.8 181.001 -102.4 182.601 -102.8C184.201 -103.2 200.601 -119 207.401 -119.4C207.401 -119.4 198.201 -118 195.201 -119C192.201 -120 165.601 -131.4 159.601 -132.6C159.601 -132.6 142.801 -139.2 154.801 -137.2C154.801 -137.2 190.601 -133.4 208.801 -120.2C208.801 -120.2 201.601 -128.6 183.201 -135.6C183.201 -135.6 161.001 -148.2 125.801 -143.2C125.801 -143.2 108.001 -140 100.201 -138.2C100.201 -138.2 97.601 -138.8 97.001 -139.2C96.401 -139.6 84.6 -148.6 57 -141.6C57 -141.6 40 -137 31.4 -132.2C31.4 -132.2 16.2 -131 12.6 -127.8C12.6 -127.8 -6 -113.2 -8 -112.4C-10 -111.6 -21.4 -104 -22.2 -103.6C-22.2 -103.6 2.4 -110.2 4.8 -112.6C7.2 -115 24.6 -117.6 27 -116.2C29.4 -114.8 37.8 -115.4 28.2 -114.8C28.2 -114.8 103.801 -100 104.601 -98C105.401 -96 109.401 -97.2 109.401 -97.2z"/> | ||
313 | </g> | ||
314 | <g style="fill: rgb(204, 114, 38);"> | ||
315 | <path d="M180.801 -106.4C180.801 -106.4 170.601 -113.8 168.601 -113.8C166.601 -113.8 154.201 -124 150.001 -123.6C145.801 -123.2 133.601 -133.2 106.201 -125C106.201 -125 105.601 -127 109.201 -127.8C109.201 -127.8 115.601 -130 116.001 -130.6C116.001 -130.6 136.201 -134.8 143.401 -131.2C143.401 -131.2 152.601 -128.6 158.801 -122.4C158.801 -122.4 170.001 -119.2 173.201 -120.2C173.201 -120.2 182.001 -118 182.401 -116.2C182.401 -116.2 188.201 -113.2 186.401 -110.6C186.401 -110.6 186.801 -109 180.801 -106.4z"/> | ||
316 | </g> | ||
317 | <g style="fill: rgb(204, 114, 38);"> | ||
318 | <path d="M168.33 -108.509C169.137 -107.877 170.156 -107.779 170.761 -106.97C170.995 -106.656 170.706 -106.33 170.391 -106.233C169.348 -105.916 168.292 -106.486 167.15 -105.898C166.748 -105.691 166.106 -105.873 165.553 -106.022C163.921 -106.463 162.092 -106.488 160.401 -105.8C158.416 -106.929 156.056 -106.345 153.975 -107.346C153.917 -107.373 153.695 -107.027 153.621 -107.054C150.575 -108.199 146.832 -107.916 144.401 -110.2C141.973 -110.612 139.616 -111.074 137.188 -111.754C135.37 -112.263 133.961 -113.252 132.341 -114.084C130.964 -114.792 129.507 -115.314 127.973 -115.686C126.11 -116.138 124.279 -116.026 122.386 -116.546C122.293 -116.571 122.101 -116.227 122.019 -116.254C121.695 -116.362 121.405 -116.945 121.234 -116.892C119.553 -116.37 118.065 -117.342 116.401 -117C115.223 -118.224 113.495 -117.979 111.949 -118.421C108.985 -119.269 105.831 -117.999 102.801 -119C106.914 -120.842 111.601 -119.61 115.663 -121.679C117.991 -122.865 120.653 -121.763 123.223 -122.523C123.71 -122.667 124.401 -122.869 124.801 -122.2C124.935 -122.335 125.117 -122.574 125.175 -122.546C127.625 -121.389 129.94 -120.115 132.422 -119.049C132.763 -118.903 133.295 -119.135 133.547 -118.933C135.067 -117.717 137.01 -117.82 138.401 -116.6C140.099 -117.102 141.892 -116.722 143.621 -117.346C143.698 -117.373 143.932 -117.032 143.965 -117.054C145.095 -117.802 146.25 -117.531 147.142 -117.227C147.48 -117.112 148.143 -116.865 148.448 -116.791C149.574 -116.515 150.43 -116.035 151.609 -115.852C151.723 -115.834 151.908 -116.174 151.98 -116.146C153.103 -115.708 154.145 -115.764 154.801 -114.6C154.936 -114.735 155.101 -114.973 155.183 -114.946C156.21 -114.608 156.859 -113.853 157.96 -113.612C158.445 -113.506 159.057 -112.88 159.633 -112.704C162.025 -111.973 163.868 -110.444 166.062 -109.549C166.821 -109.239 167.697 -109.005 168.33 -108.509z"/> | ||
319 | </g> | ||
320 | <g style="fill: rgb(204, 114, 38);"> | ||
321 | <path d="M91.696 -122.739C89.178 -124.464 86.81 -125.57 84.368 -127.356C84.187 -127.489 83.827 -127.319 83.625 -127.441C82.618 -128.05 81.73 -128.631 80.748 -129.327C80.209 -129.709 79.388 -129.698 78.88 -129.956C76.336 -131.248 73.707 -131.806 71.2 -133C71.882 -133.638 73.004 -133.394 73.6 -134.2C73.795 -133.92 74.033 -133.636 74.386 -133.827C76.064 -134.731 77.914 -134.884 79.59 -134.794C81.294 -134.702 83.014 -134.397 84.789 -134.125C85.096 -134.078 85.295 -133.555 85.618 -133.458C87.846 -132.795 90.235 -133.32 92.354 -132.482C93.945 -131.853 95.515 -131.03 96.754 -129.755C97.006 -129.495 96.681 -129.194 96.401 -129C96.789 -129.109 97.062 -128.903 97.173 -128.59C97.257 -128.351 97.257 -128.049 97.173 -127.81C97.061 -127.498 96.782 -127.397 96.408 -127.346C95.001 -127.156 96.773 -128.536 96.073 -128.088C94.8 -127.274 95.546 -125.868 94.801 -124.6C94.521 -124.794 94.291 -125.012 94.401 -125.4C94.635 -124.878 94.033 -124.588 93.865 -124.272C93.48 -123.547 92.581 -122.132 91.696 -122.739z"/> | ||
322 | </g> | ||
323 | <g style="fill: rgb(204, 114, 38);"> | ||
324 | <path d="M59.198 -115.391C56.044 -116.185 52.994 -116.07 49.978 -117.346C49.911 -117.374 49.688 -117.027 49.624 -117.054C48.258 -117.648 47.34 -118.614 46.264 -119.66C45.351 -120.548 43.693 -120.161 42.419 -120.648C42.095 -120.772 41.892 -121.284 41.591 -121.323C40.372 -121.48 39.445 -122.429 38.4 -123C40.736 -123.795 43.147 -123.764 45.609 -124.148C45.722 -124.166 45.867 -123.845 46 -123.845C46.136 -123.845 46.266 -124.066 46.4 -124.2C46.595 -123.92 46.897 -123.594 47.154 -123.848C47.702 -124.388 48.258 -124.198 48.798 -124.158C48.942 -124.148 49.067 -123.845 49.2 -123.845C49.336 -123.845 49.467 -124.156 49.6 -124.156C49.736 -124.155 49.867 -123.845 50 -123.845C50.136 -123.845 50.266 -124.066 50.4 -124.2C51.092 -123.418 51.977 -123.972 52.799 -123.793C53.837 -123.566 54.104 -122.418 55.178 -122.12C59.893 -120.816 64.03 -118.671 68.393 -116.584C68.7 -116.437 68.91 -116.189 68.8 -115.8C69.067 -115.8 69.38 -115.888 69.57 -115.756C70.628 -115.024 71.669 -114.476 72.366 -113.378C72.582 -113.039 72.253 -112.632 72.02 -112.684C67.591 -113.679 63.585 -114.287 59.198 -115.391z"/> | ||
325 | </g> | ||
326 | <g style="fill: rgb(204, 114, 38);"> | ||
327 | <path d="M45.338 -71.179C43.746 -72.398 43.162 -74.429 42.034 -76.221C41.82 -76.561 42.094 -76.875 42.411 -76.964C42.971 -77.123 43.514 -76.645 43.923 -76.443C45.668 -75.581 47.203 -74.339 49.2 -74.2C51.19 -71.966 55.45 -71.581 55.457 -68.2C55.458 -67.341 54.03 -68.259 53.6 -67.4C51.149 -68.403 48.76 -68.3 46.38 -69.767C45.763 -70.148 46.093 -70.601 45.338 -71.179z"/> | ||
328 | </g> | ||
329 | <g style="fill: rgb(204, 114, 38);"> | ||
330 | <path d="M17.8 -123.756C17.935 -123.755 24.966 -123.522 24.949 -123.408C24.904 -123.099 17.174 -122.05 16.81 -122.22C16.646 -122.296 9.134 -119.866 9 -120C9.268 -120.135 17.534 -123.756 17.8 -123.756z"/> | ||
331 | </g> | ||
332 | <g style="fill: rgb(0, 0, 0);"> | ||
333 | <path d="M33.2 -114C33.2 -114 18.4 -112.2 14 -111C9.6 -109.8 -9 -102.2 -12 -100.2C-12 -100.2 -25.4 -94.8 -42.4 -74.8C-42.4 -74.8 -34.8 -78.2 -32.6 -81C-32.6 -81 -19 -93.6 -19.2 -91C-19.2 -91 -7 -99.6 -7.6 -97.4C-7.6 -97.4 16.8 -108.6 14.8 -105.4C14.8 -105.4 36.4 -110 35.4 -108C35.4 -108 54.2 -103.6 51.4 -103.4C51.4 -103.4 45.6 -102.2 52 -98.6C52 -98.6 48.6 -94.2 43.2 -98.2C37.8 -102.2 40.8 -100 35.8 -99C35.8 -99 33.2 -98.2 28.6 -102.2C28.6 -102.2 23 -106.8 14.2 -103.2C14.2 -103.2 -16.4 -90.6 -18.4 -90C-18.4 -90 -22 -87.2 -24.4 -83.6C-24.4 -83.6 -30.2 -79.2 -33.2 -77.8C-33.2 -77.8 -46 -66.2 -47.2 -64.8C-47.2 -64.8 -50.6 -59.6 -51.4 -59.2C-51.4 -59.2 -45 -63 -43 -65C-43 -65 -29 -75 -23.6 -75.8C-23.6 -75.8 -19.2 -78.8 -18.4 -80.2C-18.4 -80.2 -4 -89.4 0.2 -89.4C0.2 -89.4 9.4 -84.2 11.8 -91.2C11.8 -91.2 17.6 -93 23.2 -91.8C23.2 -91.8 26.4 -94.4 25.6 -96.6C25.6 -96.6 27.2 -98.4 28.2 -94.6C28.2 -94.6 31.6 -91 36.4 -93C36.4 -93 40.4 -93.2 38.4 -90.8C38.4 -90.8 34 -87 22.2 -86.8C22.2 -86.8 9.8 -86.2 -6.6 -78.6C-6.6 -78.6 -36.4 -68.2 -45.6 -57.8C-45.6 -57.8 -52 -49 -57.4 -47.8C-57.4 -47.8 -63.2 -47 -69.2 -39.6C-69.2 -39.6 -59.4 -45.4 -50.4 -45.4C-50.4 -45.4 -46.4 -47.8 -50.2 -44.2C-50.2 -44.2 -53.8 -36.6 -52.2 -31.2C-52.2 -31.2 -52.8 -26 -53.6 -24.4C-53.6 -24.4 -61.4 -11.6 -61.4 -9.2C-61.4 -6.8 -60.2 3 -59.8 3.6C-59.4 4.2 -60.8 2 -57 4.4C-53.2 6.8 -50.4 8.4 -49.6 11.2C-48.8 14 -51.6 5.8 -51.8 4C-52 2.2 -56.2 -5 -55.4 -7.4C-55.4 -7.4 -54.4 -6.4 -53.6 -5C-53.6 -5 -54.2 -5.6 -53.6 -9.2C-53.6 -9.2 -52.8 -14.4 -51.4 -17.6C-50 -20.8 -48 -24.6 -47.6 -25.4C-47.2 -26.2 -47.2 -32 -45.8 -29.4L-42.4 -26.8C-42.4 -26.8 -45.2 -29.4 -43 -31.6C-43 -31.6 -44 -37.2 -42.2 -39.8C-42.2 -39.8 -35.2 -48.2 -33.6 -49.2C-32 -50.2 -33.4 -49.8 -33.4 -49.8C-33.4 -49.8 -27.4 -54 -33.2 -52.4C-33.2 -52.4 -37.2 -50.8 -40.2 -50.8C-40.2 -50.8 -47.8 -48.8 -43.8 -53C-39.8 -57.2 -29.8 -62.6 -26 -62.4L-25.2 -60.8L-14 -63.2L-15.2 -62.4C-15.2 -62.4 -15.4 -62.6 -11.2 -63C-7 -63.4 -1.2 -62 0.2 -63.8C1.6 -65.6 5 -66.6 4.6 -65.2C4.2 -63.8 4 -61.8 4 -61.8C4 -61.8 9 -67.6 8.4 -65.4C7.8 -63.2 -0.4 -58 -1.8 -51.8L8.6 -60L12.2 -63C12.2 -63 15.8 -60.8 16 -62.4C16.2 -64 20.8 -69.8 22 -69.6C23.2 -69.4 25.2 -72.2 25 -69.6C24.8 -67 32.4 -61.6 32.4 -61.6C32.4 -61.6 35.6 -63.4 37 -62C38.4 -60.6 42.6 -81.8 42.6 -81.8L67.6 -92.4L111.201 -95.8L94.201 -102.6L33.2 -114z"/> | ||
334 | </g> | ||
335 | <g style="stroke: rgb(76, 0, 0); stroke-width: 2;"> | ||
336 | <path d="M51.4 85C51.4 85 36.4 68.2 28 65.6C28 65.6 14.6 58.8 -10 66.6"/> | ||
337 | </g> | ||
338 | <g style="stroke: rgb(76, 0, 0); stroke-width: 2;"> | ||
339 | <path d="M24.8 64.2C24.8 64.2 -0.4 56.2 -15.8 60.4C-15.8 60.4 -34.2 62.4 -42.6 76.2"/> | ||
340 | </g> | ||
341 | <g style="stroke: rgb(76, 0, 0); stroke-width: 2;"> | ||
342 | <path d="M21.2 63C21.2 63 4.2 55.8 -10.6 53.6C-10.6 53.6 -27.2 51 -43.8 58.2C-43.8 58.2 -56 64.2 -61.4 74.4"/> | ||
343 | </g> | ||
344 | <g style="stroke: rgb(76, 0, 0); stroke-width: 2;"> | ||
345 | <path d="M22.2 63.4C22.2 63.4 6.8 52.4 5.8 51C5.8 51 -1.2 40 -14.2 39.6C-14.2 39.6 -35.6 40.4 -52.8 48.4"/> | ||
346 | </g> | ||
347 | <g style="fill: rgb(0, 0, 0);"> | ||
348 | <path d="M20.895 54.407C22.437 55.87 49.4 84.8 49.4 84.8C84.6 121.401 56.6 87.2 56.6 87.2C49 82.4 39.8 63.6 39.8 63.6C38.6 60.8 53.8 70.8 53.8 70.8C57.8 71.6 71.4 90.8 71.4 90.8C64.6 88.4 69.4 95.6 69.4 95.6C72.2 97.6 92.601 113.201 92.601 113.201C96.201 117.201 100.201 118.801 100.201 118.801C114.201 113.601 107.801 126.801 107.801 126.801C110.201 133.601 115.801 122.001 115.801 122.001C127.001 105.2 110.601 107.601 110.601 107.601C80.6 110.401 73.8 94.4 73.8 94.4C71.4 92 80.2 94.4 80.2 94.4C88.601 96.4 73 82 73 82C75.4 82 84.6 88.8 84.6 88.8C95.001 98 97.001 96 97.001 96C115.001 87.2 125.401 94.8 125.401 94.8C127.401 96.4 121.801 103.2 123.401 108.401C125.001 113.601 129.801 126.001 129.801 126.001C127.401 127.601 127.801 138.401 127.801 138.401C144.601 161.601 135.001 159.601 135.001 159.601C119.401 159.201 134.201 166.801 134.201 166.801C137.401 168.801 146.201 176.001 146.201 176.001C143.401 174.801 141.801 180.001 141.801 180.001C146.601 184.001 143.801 188.801 143.801 188.801C137.801 190.001 136.601 194.001 136.601 194.001C143.401 202.001 133.401 202.401 133.401 202.401C137.001 206.801 132.201 218.801 132.201 218.801C127.401 218.801 121.001 224.401 121.001 224.401C123.401 229.201 113.001 234.801 113.001 234.801C104.601 236.401 107.401 243.201 107.401 243.201C99.401 249.201 97.001 265.201 97.001 265.201C96.201 275.601 93.801 278.801 99.001 276.801C104.201 274.801 103.401 262.401 103.401 262.401C98.601 246.801 141.401 230.801 141.401 230.801C145.401 229.201 146.201 224.001 146.201 224.001C148.201 224.401 157.001 232.001 157.001 232.001C164.601 243.201 165.001 234.001 165.001 234.001C166.201 230.401 164.601 224.401 164.601 224.401C170.601 202.801 156.601 196.401 156.601 196.401C146.601 162.801 160.601 171.201 160.601 171.201C163.401 176.801 174.201 182.001 174.201 182.001L177.801 179.601C176.201 174.801 184.601 168.801 184.601 168.801C187.401 175.201 193.401 167.201 193.401 167.201C197.001 142.801 209.401 157.201 209.401 157.201C213.401 158.401 214.601 151.601 214.601 151.601C218.201 141.201 214.601 127.601 214.601 127.601C218.201 127.201 227.801 133.201 227.801 133.201C230.601 129.601 221.401 112.801 225.401 115.201C229.401 117.601 233.801 119.201 233.801 119.201C234.601 117.201 224.601 104.801 224.601 104.801C220.201 102 215.001 81.6 215.001 81.6C222.201 85.2 212.201 70 212.201 70C212.201 66.8 218.201 55.6 218.201 55.6C217.401 48.8 218.201 49.2 218.201 49.2C221.001 50.4 229.001 52 222.201 45.6C215.401 39.2 223.001 34.4 223.001 34.4C227.401 31.6 213.801 32 213.801 32C208.601 27.6 209.001 23.6 209.001 23.6C217.001 25.6 202.601 11.2 200.201 7.6C197.801 4 207.401 -1.2 207.401 -1.2C220.601 -4.8 209.001 -8 209.001 -8C189.401 -7.6 200.201 -18.4 200.201 -18.4C206.201 -18 204.601 -20.4 204.601 -20.4C199.401 -21.6 189.801 -28 189.801 -28C185.801 -31.6 189.401 -30.8 189.401 -30.8C206.201 -29.6 177.401 -40.8 177.401 -40.8C185.401 -40.8 167.401 -51.2 167.401 -51.2C165.401 -52.8 162.201 -60.4 162.201 -60.4C156.201 -65.6 151.401 -72.4 151.401 -72.4C151.001 -76.8 146.201 -81.6 146.201 -81.6C134.601 -95.2 129.001 -94.8 129.001 -94.8C114.201 -98.4 109.001 -97.6 109.001 -97.6L56.2 -93.2C29.8 -80.4 37.6 -59.4 37.6 -59.4C44 -51 53.2 -54.8 53.2 -54.8C57.8 -61 69.4 -58.8 69.4 -58.8C89.801 -55.6 87.201 -59.2 87.201 -59.2C84.801 -63.8 68.6 -70 68.4 -70.6C68.2 -71.2 59.4 -74.6 59.4 -74.6C56.4 -75.8 52 -85 52 -85C48.8 -88.4 64.6 -82.6 64.6 -82.6C63.4 -81.6 70.8 -77.6 70.8 -77.6C88.201 -78.6 98.801 -67.8 98.801 -67.8C109.601 -51.2 109.801 -59.4 109.801 -59.4C112.601 -68.8 100.801 -90 100.801 -90C101.201 -92 109.401 -85.4 109.401 -85.4C110.801 -87.4 111.601 -81.6 111.601 -81.6C111.801 -79.2 115.601 -71.2 115.601 -71.2C118.401 -58.2 122.001 -65.6 122.001 -65.6L126.601 -56.2C128.001 -53.6 122.001 -46 122.001 -46C121.801 -43.2 122.601 -43.4 117.001 -35.8C111.401 -28.2 114.801 -23.8 114.801 -23.8C113.401 -17.2 122.201 -17.6 122.201 -17.6C124.801 -15.4 128.201 -15.4 128.201 -15.4C130.001 -13.4 132.401 -14 132.401 -14C134.001 -17.8 140.201 -15.8 140.201 -15.8C141.601 -18.2 149.801 -18.6 149.801 -18.6C150.801 -21.2 151.201 -22.8 154.601 -23.4C158.001 -24 133.401 -67 133.401 -67C139.801 -67.8 131.601 -80.2 131.601 -80.2C129.401 -86.8 140.801 -72.2 143.001 -70.8C145.201 -69.4 146.201 -67.2 144.601 -67.4C143.001 -67.6 141.201 -65.4 142.601 -65.2C144.001 -65 157.001 -50 160.401 -39.8C163.801 -29.6 169.801 -25.6 176.001 -19.6C182.201 -13.6 181.401 10.6 181.401 10.6C181.001 19.4 187.001 30 187.001 30C189.001 33.8 184.801 52 184.801 52C182.801 54.2 184.201 55 184.201 55C185.201 56.2 192.001 69.4 192.001 69.4C190.201 69.2 193.801 72.8 193.801 72.8C199.001 78.8 192.601 75.8 192.601 75.8C186.601 74.2 193.601 84 193.601 84C194.801 85.8 185.801 81.2 185.801 81.2C176.601 80.6 188.201 87.8 188.201 87.8C196.801 95 185.401 90.6 185.401 90.6C180.801 88.8 184.001 95.6 184.001 95.6C187.201 97.2 204.401 104.2 204.401 104.2C204.801 108.001 201.801 113.001 201.801 113.001C202.201 117.001 200.001 120.401 200.001 120.401C198.801 128.601 198.201 129.401 198.201 129.401C194.001 129.601 186.601 143.401 186.601 143.401C184.801 146.001 174.601 158.001 174.601 158.001C172.601 165.001 154.601 157.801 154.601 157.801C148.001 161.201 150.001 157.801 150.001 157.801C149.601 155.601 154.401 149.601 154.401 149.601C161.401 147.001 158.801 136.201 158.801 136.201C162.801 134.801 151.601 132.001 151.801 130.801C152.001 129.601 157.801 128.201 157.801 128.201C165.801 126.201 161.401 123.801 161.401 123.801C160.801 119.801 163.801 114.201 163.801 114.201C175.401 113.401 163.801 97.2 163.801 97.2C153.001 89.6 152.001 83.8 152.001 83.8C164.601 75.6 156.401 63.2 156.601 59.6C156.801 56 158.001 34.4 158.001 34.4C156.001 28.2 153.001 14.6 153.001 14.6C155.201 9.4 162.601 -3.2 162.601 -3.2C165.401 -7.4 174.201 -12.2 172.001 -15.2C169.801 -18.2 162.001 -16.4 162.001 -16.4C154.201 -17.8 154.801 -12.6 154.801 -12.6C153.201 -11.6 152.401 -6.6 152.401 -6.6C151.68 1.333 142.801 7.6 142.801 7.6C131.601 13.8 140.801 17.8 140.801 17.8C146.801 24.4 137.001 24.6 137.001 24.6C126.001 22.8 134.201 33 134.201 33C145.001 45.8 142.001 48.6 142.001 48.6C131.801 49.6 144.401 58.8 144.401 58.8C144.401 58.8 143.601 56.8 143.801 58.6C144.001 60.4 147.001 64.6 147.801 66.6C148.601 68.6 144.601 68.8 144.601 68.8C145.201 78.4 129.801 74.2 129.801 74.2C129.801 74.2 129.801 74.2 128.201 74.4C126.601 74.6 115.401 73.8 109.601 71.6C103.801 69.4 97.001 69.4 97.001 69.4C97.001 69.4 93.001 71.2 85.4 71C77.8 70.8 69.8 73.6 69.8 73.6C65.4 73.2 74 68.8 74.2 69C74.4 69.2 80 63.6 72 64.2C50.203 65.835 39.4 55.6 39.4 55.6C37.4 54.2 34.8 51.4 34.8 51.4C24.8 49.4 36.2 63.8 36.2 63.8C37.4 65.2 36 66.2 36 66.2C35.2 64.6 27.4 59.2 27.4 59.2C24.589 58.227 23.226 56.893 20.895 54.407z"/> | ||
349 | </g> | ||
350 | <g style="fill: rgb(76, 0, 0);"> | ||
351 | <path d="M-3 42.8C-3 42.8 8.6 48.4 11.2 51.2C13.8 54 27.8 65.4 27.8 65.4C27.8 65.4 22.4 63.4 19.8 61.6C17.2 59.8 6.4 51.6 6.4 51.6C6.4 51.6 2.6 45.6 -3 42.8z"/> | ||
352 | </g> | ||
353 | <g style="fill: rgb(153, 204, 50);"> | ||
354 | <path d="M-61.009 11.603C-60.672 11.455 -61.196 8.743 -61.4 8.2C-62.422 5.474 -71.4 4 -71.4 4C-71.627 5.365 -71.682 6.961 -71.576 8.599C-71.576 8.599 -66.708 14.118 -61.009 11.603z"/> | ||
355 | </g> | ||
356 | <g style="fill: rgb(101, 153, 0);"> | ||
357 | <path d="M-61.009 11.403C-61.458 11.561 -61.024 8.669 -61.2 8.2C-62.222 5.474 -71.4 3.9 -71.4 3.9C-71.627 5.265 -71.682 6.861 -71.576 8.499C-71.576 8.499 -67.308 13.618 -61.009 11.403z"/> | ||
358 | </g> | ||
359 | <g style="fill: rgb(0, 0, 0);"> | ||
360 | <path d="M-65.4 11.546C-66.025 11.546 -66.531 10.406 -66.531 9C-66.531 7.595 -66.025 6.455 -65.4 6.455C-64.775 6.455 -64.268 7.595 -64.268 9C-64.268 10.406 -64.775 11.546 -65.4 11.546z"/> | ||
361 | </g> | ||
362 | <g style="fill: rgb(0, 0, 0);"> | ||
363 | <path d="M-65.4 9z"/> | ||
364 | </g> | ||
365 | <g style="fill: rgb(0, 0, 0);"> | ||
366 | <path d="M-111 109.601C-111 109.601 -116.6 119.601 -91.8 113.601C-91.8 113.601 -77.8 112.401 -75.4 110.001C-74.2 110.801 -65.834 113.734 -63 114.401C-56.2 116.001 -47.8 106 -47.8 106C-47.8 106 -43.2 95.5 -40.4 95.5C-37.6 95.5 -40.8 97.1 -40.8 97.1C-40.8 97.1 -47.4 107.201 -47 108.801C-47 108.801 -52.2 128.801 -68.2 129.601C-68.2 129.601 -84.35 130.551 -83 136.401C-83 136.401 -74.2 134.001 -71.8 136.401C-71.8 136.401 -61 136.001 -69 142.401L-75.8 154.001C-75.8 154.001 -75.66 157.919 -85.8 154.401C-95.6 151.001 -105.9 138.101 -105.9 138.101C-105.9 138.101 -121.85 123.551 -111 109.601z"/> | ||
367 | </g> | ||
368 | <g style="fill: rgb(229, 153, 153);"> | ||
369 | <path d="M-112.2 113.601C-112.2 113.601 -114.2 123.201 -77.4 112.801C-77.4 112.801 -73 112.801 -70.6 113.601C-68.2 114.401 -56.2 117.201 -54.2 116.001C-54.2 116.001 -61.4 129.601 -73 128.001C-73 128.001 -86.2 129.601 -85.8 134.401C-85.8 134.401 -81.8 141.601 -77 144.001C-77 144.001 -74.2 146.401 -74.6 149.601C-75 152.801 -77.8 154.401 -79.8 155.201C-81.8 156.001 -85 152.801 -86.6 152.801C-88.2 152.801 -96.6 146.401 -101 141.601C-105.4 136.801 -113.8 124.801 -113.4 122.001C-113 119.201 -112.2 113.601 -112.2 113.601z"/> | ||
370 | </g> | ||
371 | <g style="fill: rgb(178, 101, 101);"> | ||
372 | <path d="M-109 131.051C-106.4 135.001 -103.2 139.201 -101 141.601C-96.6 146.401 -88.2 152.801 -86.6 152.801C-85 152.801 -81.8 156.001 -79.8 155.201C-77.8 154.401 -75 152.801 -74.6 149.601C-74.2 146.401 -77 144.001 -77 144.001C-80.066 142.468 -82.806 138.976 -84.385 136.653C-84.385 136.653 -84.2 139.201 -89.4 138.401C-94.6 137.601 -99.8 134.801 -101.4 131.601C-103 128.401 -105.4 126.001 -103.8 129.601C-102.2 133.201 -99.8 136.801 -98.2 137.201C-96.6 137.601 -97 138.801 -99.4 138.401C-101.8 138.001 -104.6 137.601 -109 132.401z"/> | ||
373 | </g> | ||
374 | <g style="fill: rgb(153, 38, 0);"> | ||
375 | <path d="M-111.6 110.001C-111.6 110.001 -109.8 96.4 -108.6 92.4C-108.6 92.4 -109.4 85.6 -107 81.4C-104.6 77.2 -102.6 71 -99.6 65.6C-96.6 60.2 -96.4 56.2 -92.4 54.6C-88.4 53 -82.4 44.4 -79.6 43.4C-76.8 42.4 -77 43.2 -77 43.2C-77 43.2 -70.2 28.4 -56.6 32.4C-56.6 32.4 -72.8 29.6 -57 20.2C-57 20.2 -61.8 21.3 -58.5 14.3C-56.299 9.632 -56.8 16.4 -67.8 28.2C-67.8 28.2 -72.8 36.8 -78 39.8C-83.2 42.8 -95.2 49.8 -96.4 53.6C-97.6 57.4 -100.8 63.2 -102.8 64.8C-104.8 66.4 -107.6 70.6 -108 74C-108 74 -109.2 78 -110.6 79.2C-112 80.4 -112.2 83.6 -112.2 85.6C-112.2 87.6 -114.2 90.4 -114 92.8C-114 92.8 -113.2 111.801 -113.6 113.801L-111.6 110.001z"/> | ||
376 | </g> | ||
377 | <g style="fill: rgb(255, 255, 255);"> | ||
378 | <path d="M-120.2 114.601C-120.2 114.601 -122.2 113.201 -126.6 119.201C-126.6 119.201 -119.3 152.201 -119.3 153.601C-119.3 153.601 -118.2 151.501 -119.5 144.301C-120.8 137.101 -121.7 124.401 -121.7 124.401L-120.2 114.601z"/> | ||
379 | </g> | ||
380 | <g style="fill: rgb(153, 38, 0);"> | ||
381 | <path d="M-98.6 54C-98.6 54 -116.2 57.2 -115.8 86.4L-116.6 111.201C-116.6 111.201 -117.8 85.6 -119 84C-120.2 82.4 -116.2 71.2 -119.4 77.2C-119.4 77.2 -133.4 91.2 -125.4 112.401C-125.4 112.401 -123.9 115.701 -126.9 111.101C-126.9 111.101 -131.5 98.5 -130.4 92.1C-130.4 92.1 -130.2 89.9 -128.3 87.1C-128.3 87.1 -119.7 75.4 -117 73.1C-117 73.1 -115.2 58.7 -99.8 53.5C-99.8 53.5 -94.1 51.2 -98.6 54z"/> | ||
382 | </g> | ||
383 | <g style="fill: rgb(0, 0, 0);"> | ||
384 | <path d="M40.8 -12.2C41.46 -12.554 41.451 -13.524 42.031 -13.697C43.18 -14.041 43.344 -15.108 43.862 -15.892C44.735 -17.211 44.928 -18.744 45.51 -20.235C45.782 -20.935 45.809 -21.89 45.496 -22.55C44.322 -25.031 43.62 -27.48 42.178 -29.906C41.91 -30.356 41.648 -31.15 41.447 -31.748C40.984 -33.132 39.727 -34.123 38.867 -35.443C38.579 -35.884 39.104 -36.809 38.388 -36.893C37.491 -36.998 36.042 -37.578 35.809 -36.552C35.221 -33.965 36.232 -31.442 37.2 -29C36.418 -28.308 36.752 -27.387 36.904 -26.62C37.614 -23.014 36.416 -19.662 35.655 -16.188C35.632 -16.084 35.974 -15.886 35.946 -15.824C34.724 -13.138 33.272 -10.693 31.453 -8.312C30.695 -7.32 29.823 -6.404 29.326 -5.341C28.958 -4.554 28.55 -3.588 28.8 -2.6C25.365 0.18 23.115 4.025 20.504 7.871C20.042 8.551 20.333 9.76 20.884 10.029C21.697 10.427 22.653 9.403 23.123 8.557C23.512 7.859 23.865 7.209 24.356 6.566C24.489 6.391 24.31 5.972 24.445 5.851C27.078 3.504 28.747 0.568 31.2 -1.8C33.15 -2.129 34.687 -3.127 36.435 -4.14C36.743 -4.319 37.267 -4.07 37.557 -4.265C39.31 -5.442 39.308 -7.478 39.414 -9.388C39.464 -10.272 39.66 -11.589 40.8 -12.2z"/> | ||
385 | </g> | ||
386 | <g style="fill: rgb(0, 0, 0);"> | ||
387 | <path d="M31.959 -16.666C32.083 -16.743 31.928 -17.166 32.037 -17.382C32.199 -17.706 32.602 -17.894 32.764 -18.218C32.873 -18.434 32.71 -18.814 32.846 -18.956C35.179 -21.403 35.436 -24.427 34.4 -27.4C35.424 -28.02 35.485 -29.282 35.06 -30.129C34.207 -31.829 34.014 -33.755 33.039 -35.298C32.237 -36.567 30.659 -37.811 29.288 -36.508C28.867 -36.108 28.546 -35.321 28.824 -34.609C28.888 -34.446 29.173 -34.3 29.146 -34.218C29.039 -33.894 28.493 -33.67 28.487 -33.398C28.457 -31.902 27.503 -30.391 28.133 -29.062C28.905 -27.433 29.724 -25.576 30.4 -23.8C29.166 -21.684 30.199 -19.235 28.446 -17.358C28.31 -17.212 28.319 -16.826 28.441 -16.624C28.733 -16.138 29.139 -15.732 29.625 -15.44C29.827 -15.319 30.175 -15.317 30.375 -15.441C30.953 -15.803 31.351 -16.29 31.959 -16.666z"/> | ||
388 | </g> | ||
389 | <g style="fill: rgb(0, 0, 0);"> | ||
390 | <path d="M94.771 -26.977C96.16 -25.185 96.45 -22.39 94.401 -21C94.951 -17.691 98.302 -19.67 100.401 -20.2C100.292 -20.588 100.519 -20.932 100.802 -20.937C101.859 -20.952 102.539 -21.984 103.601 -21.8C104.035 -23.357 105.673 -24.059 106.317 -25.439C108.043 -29.134 107.452 -33.407 104.868 -36.653C104.666 -36.907 104.883 -37.424 104.759 -37.786C104.003 -39.997 101.935 -40.312 100.001 -41C98.824 -44.875 98.163 -48.906 96.401 -52.6C94.787 -52.85 94.089 -54.589 92.752 -55.309C91.419 -56.028 90.851 -54.449 90.892 -53.403C90.899 -53.198 91.351 -52.974 91.181 -52.609C91.105 -52.445 90.845 -52.334 90.845 -52.2C90.846 -52.065 91.067 -51.934 91.201 -51.8C90.283 -50.98 88.86 -50.503 88.565 -49.358C87.611 -45.648 90.184 -42.523 91.852 -39.322C92.443 -38.187 91.707 -36.916 90.947 -35.708C90.509 -35.013 90.617 -33.886 90.893 -33.03C91.645 -30.699 93.236 -28.96 94.771 -26.977z"/> | ||
391 | </g> | ||
392 | <g style="fill: rgb(0, 0, 0);"> | ||
393 | <path d="M57.611 -8.591C56.124 -6.74 52.712 -4.171 55.629 -2.243C55.823 -2.114 56.193 -2.11 56.366 -2.244C58.387 -3.809 60.39 -4.712 62.826 -5.294C62.95 -5.323 63.224 -4.856 63.593 -5.017C65.206 -5.72 67.216 -5.662 68.4 -7C72.167 -6.776 75.732 -7.892 79.123 -9.2C80.284 -9.648 81.554 -10.207 82.755 -10.709C84.131 -11.285 85.335 -12.213 86.447 -13.354C86.58 -13.49 86.934 -13.4 87.201 -13.4C87.161 -14.263 88.123 -14.39 88.37 -15.012C88.462 -15.244 88.312 -15.64 88.445 -15.742C90.583 -17.372 91.503 -19.39 90.334 -21.767C90.049 -22.345 89.8 -22.963 89.234 -23.439C88.149 -24.35 87.047 -23.496 86 -23.8C85.841 -23.172 85.112 -23.344 84.726 -23.146C83.867 -22.707 82.534 -23.292 81.675 -22.854C80.313 -22.159 79.072 -21.99 77.65 -21.613C77.338 -21.531 76.56 -21.627 76.4 -21C76.266 -21.134 76.118 -21.368 76.012 -21.346C74.104 -20.95 72.844 -20.736 71.543 -19.044C71.44 -18.911 70.998 -19.09 70.839 -18.955C69.882 -18.147 69.477 -16.913 68.376 -16.241C68.175 -16.118 67.823 -16.286 67.629 -16.157C66.983 -15.726 66.616 -15.085 65.974 -14.638C65.645 -14.409 65.245 -14.734 65.277 -14.99C65.522 -16.937 66.175 -18.724 65.6 -20.6C67.677 -23.12 70.194 -25.069 72 -27.8C72.015 -29.966 72.707 -32.112 72.594 -34.189C72.584 -34.382 72.296 -35.115 72.17 -35.462C71.858 -36.316 72.764 -37.382 71.92 -38.106C70.516 -39.309 69.224 -38.433 68.4 -37C66.562 -36.61 64.496 -35.917 62.918 -37.151C61.911 -37.938 61.333 -38.844 60.534 -39.9C59.549 -41.202 59.884 -42.638 59.954 -44.202C59.96 -44.33 59.645 -44.466 59.645 -44.6C59.646 -44.735 59.866 -44.866 60 -45C59.294 -45.626 59.019 -46.684 58 -47C58.305 -48.092 57.629 -48.976 56.758 -49.278C54.763 -49.969 53.086 -48.057 51.194 -47.984C50.68 -47.965 50.213 -49.003 49.564 -49.328C49.132 -49.544 48.428 -49.577 48.066 -49.311C47.378 -48.807 46.789 -48.693 46.031 -48.488C44.414 -48.052 43.136 -46.958 41.656 -46.103C40.171 -45.246 39.216 -43.809 38.136 -42.489C37.195 -41.337 37.059 -38.923 38.479 -38.423C40.322 -37.773 41.626 -40.476 43.592 -40.15C43.904 -40.099 44.11 -39.788 44 -39.4C44.389 -39.291 44.607 -39.52 44.8 -39.8C45.658 -38.781 46.822 -38.444 47.76 -37.571C48.73 -36.667 50.476 -37.085 51.491 -36.088C53.02 -34.586 52.461 -31.905 54.4 -30.6C53.814 -29.287 53.207 -28.01 52.872 -26.583C52.59 -25.377 53.584 -24.18 54.795 -24.271C56.053 -24.365 56.315 -25.124 56.8 -26.2C57.067 -25.933 57.536 -25.636 57.495 -25.42C57.038 -23.033 56.011 -21.04 55.553 -18.609C55.494 -18.292 55.189 -18.09 54.8 -18.2C54.332 -14.051 50.28 -11.657 47.735 -8.492C47.332 -7.99 47.328 -6.741 47.737 -6.338C49.14 -4.951 51.1 -6.497 52.8 -7C53.013 -8.206 53.872 -9.148 55.204 -9.092C55.46 -9.082 55.695 -9.624 56.019 -9.754C56.367 -9.892 56.869 -9.668 57.155 -9.866C58.884 -11.061 60.292 -12.167 62.03 -13.356C62.222 -13.487 62.566 -13.328 62.782 -13.436C63.107 -13.598 63.294 -13.985 63.617 -14.17C63.965 -14.37 64.207 -14.08 64.4 -13.8C63.754 -13.451 63.75 -12.494 63.168 -12.292C62.393 -12.024 61.832 -11.511 61.158 -11.064C60.866 -10.871 60.207 -11.119 60.103 -10.94C59.505 -9.912 58.321 -9.474 57.611 -8.591z"/> | ||
394 | </g> | ||
395 | <g style="fill: rgb(0, 0, 0);"> | ||
396 | <path d="M2.2 -58C2.2 -58 -7.038 -60.872 -18.2 -35.2C-18.2 -35.2 -20.6 -30 -23 -28C-25.4 -26 -36.6 -22.4 -38.6 -18.4L-49 -2.4C-49 -2.4 -34.2 -18.4 -31 -20.8C-31 -20.8 -23 -29.2 -26.2 -22.4C-26.2 -22.4 -40.2 -11.6 -39 -2.4C-39 -2.4 -44.6 12 -45.4 14C-45.4 14 -29.4 -18 -27 -19.2C-24.6 -20.4 -23.4 -20.4 -24.6 -16.8C-25.8 -13.2 -26.2 3.2 -29 5.2C-29 5.2 -21 -15.2 -21.8 -18.4C-21.8 -18.4 -18.6 -22 -16.2 -16.8L-17.4 -0.8L-13 11.2C-13 11.2 -15.4 0 -13.8 -15.6C-13.8 -15.6 -15.8 -26 -11.8 -20.4C-7.8 -14.8 1.8 -8.8 1.8 -4C1.8 -4 -3.4 -21.6 -12.6 -26.4L-16.6 -20.4L-17.8 -22.4C-17.8 -22.4 -21.4 -23.2 -17 -30C-12.6 -36.8 -13 -37.6 -13 -37.6C-13 -37.6 -6.6 -30.4 -5 -30.4C-5 -30.4 8.2 -38 9.4 -13.6C9.4 -13.6 16.2 -28 7 -34.8C7 -34.8 -7.8 -36.8 -6.6 -42L0.6 -54.4C4.2 -59.6 2.6 -56.8 2.6 -56.8z"/> | ||
397 | </g> | ||
398 | <g style="fill: rgb(0, 0, 0);"> | ||
399 | <path d="M-17.8 -41.6C-17.8 -41.6 -30.6 -41.6 -33.8 -36.4L-41 -26.8C-41 -26.8 -23.8 -36.8 -19.8 -38C-15.8 -39.2 -17.8 -41.6 -17.8 -41.6z"/> | ||
400 | </g> | ||
401 | <g style="fill: rgb(0, 0, 0);"> | ||
402 | <path d="M-57.8 -35.2C-57.8 -35.2 -59.8 -34 -60.2 -31.2C-60.6 -28.4 -63 -28 -62.2 -25.2C-61.4 -22.4 -59.4 -20 -59.4 -24C-59.4 -28 -57.8 -30 -57 -31.2C-56.2 -32.4 -54.6 -36.8 -57.8 -35.2z"/> | ||
403 | </g> | ||
404 | <g style="fill: rgb(0, 0, 0);"> | ||
405 | <path d="M-66.6 26C-66.6 26 -75 22 -78.2 18.4C-81.4 14.8 -80.948 19.966 -85.8 19.6C-91.647 19.159 -90.6 3.2 -90.6 3.2L-94.6 10.8C-94.6 10.8 -95.8 25.2 -87.8 22.8C-83.893 21.628 -82.6 23.2 -84.2 24C-85.8 24.8 -78.6 25.2 -81.4 26.8C-84.2 28.4 -69.8 23.2 -72.2 33.6L-66.6 26z"/> | ||
406 | </g> | ||
407 | <g style="fill: rgb(0, 0, 0);"> | ||
408 | <path d="M-79.2 40.4C-79.2 40.4 -94.6 44.8 -98.2 35.2C-98.2 35.2 -103 37.6 -100.8 40.6C-98.6 43.6 -97.4 44 -97.4 44C-97.4 44 -92 45.2 -92.6 46C-93.2 46.8 -95.6 50.2 -95.6 50.2C-95.6 50.2 -85.4 44.2 -79.2 40.4z"/> | ||
409 | </g> | ||
410 | <g style="fill: rgb(255, 255, 255);"> | ||
411 | <path d="M149.201 118.601C148.774 120.735 147.103 121.536 145.201 122.201C143.284 121.243 140.686 118.137 138.801 120.201C138.327 119.721 137.548 119.661 137.204 118.999C136.739 118.101 137.011 117.055 136.669 116.257C136.124 114.985 135.415 113.619 135.601 112.201C137.407 111.489 138.002 109.583 137.528 107.82C137.459 107.563 137.03 107.366 137.23 107.017C137.416 106.694 137.734 106.467 138.001 106.2C137.866 106.335 137.721 106.568 137.61 106.548C137 106.442 137.124 105.805 137.254 105.418C137.839 103.672 139.853 103.408 141.201 104.6C141.457 104.035 141.966 104.229 142.401 104.2C142.351 103.621 142.759 103.094 142.957 102.674C143.475 101.576 145.104 102.682 145.901 102.07C146.977 101.245 148.04 100.546 149.118 101.149C150.927 102.162 152.636 103.374 153.835 105.115C154.41 105.949 154.65 107.23 154.592 108.188C154.554 108.835 153.173 108.483 152.83 109.412C152.185 111.16 154.016 111.679 154.772 113.017C154.97 113.366 154.706 113.67 154.391 113.768C153.98 113.896 153.196 113.707 153.334 114.16C154.306 117.353 151.55 118.031 149.201 118.601z"/> | ||
412 | </g> | ||
413 | <g style="fill: rgb(255, 255, 255);"> | ||
414 | <path d="M139.6 138.201C139.593 136.463 137.992 134.707 139.201 133.001C139.336 133.135 139.467 133.356 139.601 133.356C139.736 133.356 139.867 133.135 140.001 133.001C141.496 135.217 145.148 136.145 145.006 138.991C144.984 139.438 143.897 140.356 144.801 141.001C142.988 142.349 142.933 144.719 142.001 146.601C140.763 146.315 139.551 145.952 138.401 145.401C138.753 143.915 138.636 142.231 139.456 140.911C139.89 140.213 139.603 139.134 139.6 138.201z"/> | ||
415 | </g> | ||
416 | <g style="fill: rgb(204, 204, 204);"> | ||
417 | <path d="M-26.6 129.201C-26.6 129.201 -43.458 139.337 -29.4 124.001C-20.6 114.401 -10.6 108.801 -10.6 108.801C-10.6 108.801 -0.2 104.4 3.4 103.2C7 102 22.2 96.8 25.4 96.4C28.6 96 38.2 92 45 96C51.8 100 59.8 104.4 59.8 104.4C59.8 104.4 43.4 96 39.8 98.4C36.2 100.8 29 100.4 23 103.6C23 103.6 8.2 108.001 5 110.001C1.8 112.001 -8.6 123.601 -10.2 122.801C-11.8 122.001 -9.8 121.601 -8.6 118.801C-7.4 116.001 -9.4 114.401 -17.4 120.801C-25.4 127.201 -26.6 129.201 -26.6 129.201z"/> | ||
418 | </g> | ||
419 | <g style="fill: rgb(0, 0, 0);"> | ||
420 | <path d="M-19.195 123.234C-19.195 123.234 -17.785 110.194 -9.307 111.859C-9.307 111.859 -1.081 107.689 1.641 105.721C1.641 105.721 9.78 104.019 11.09 103.402C29.569 94.702 44.288 99.221 44.835 98.101C45.381 96.982 65.006 104.099 68.615 108.185C69.006 108.628 58.384 102.588 48.686 100.697C40.413 99.083 18.811 100.944 7.905 106.48C4.932 107.989 -4.013 113.773 -6.544 113.662C-9.075 113.55 -19.195 123.234 -19.195 123.234z"/> | ||
421 | </g> | ||
422 | <g style="fill: rgb(204, 204, 204);"> | ||
423 | <path d="M-23 148.801C-23 148.801 -38.2 146.401 -21.4 144.801C-21.4 144.801 -3.4 142.801 0.6 137.601C0.6 137.601 14.2 128.401 17 128.001C19.8 127.601 49.8 120.401 50.2 118.001C50.6 115.601 56.2 115.601 57.8 116.401C59.4 117.201 58.6 118.401 55.8 119.201C53 120.001 21.8 136.401 15.4 137.601C9 138.801 -2.6 146.401 -7.4 147.601C-12.2 148.801 -23 148.801 -23 148.801z"/> | ||
424 | </g> | ||
425 | <g style="fill: rgb(0, 0, 0);"> | ||
426 | <path d="M-3.48 141.403C-3.48 141.403 -12.062 140.574 -3.461 139.755C-3.461 139.755 5.355 136.331 7.403 133.668C7.403 133.668 14.367 128.957 15.8 128.753C17.234 128.548 31.194 124.861 31.399 123.633C31.604 122.404 65.67 109.823 70.09 113.013C73.001 115.114 63.1 113.437 53.466 117.847C52.111 118.467 18.258 133.054 14.981 133.668C11.704 134.283 5.765 138.174 3.307 138.788C0.85 139.403 -3.48 141.403 -3.48 141.403z"/> | ||
427 | </g> | ||
428 | <g style="fill: rgb(0, 0, 0);"> | ||
429 | <path d="M-11.4 143.601C-11.4 143.601 -6.2 143.201 -7.4 144.801C-8.6 146.401 -11 145.601 -11 145.601L-11.4 143.601z"/> | ||
430 | </g> | ||
431 | <g style="fill: rgb(0, 0, 0);"> | ||
432 | <path d="M-18.6 145.201C-18.6 145.201 -13.4 144.801 -14.6 146.401C-15.8 148.001 -18.2 147.201 -18.2 147.201L-18.6 145.201z"/> | ||
433 | </g> | ||
434 | <g style="fill: rgb(0, 0, 0);"> | ||
435 | <path d="M-29 146.801C-29 146.801 -23.8 146.401 -25 148.001C-26.2 149.601 -28.6 148.801 -28.6 148.801L-29 146.801z"/> | ||
436 | </g> | ||
437 | <g style="fill: rgb(0, 0, 0);"> | ||
438 | <path d="M-36.6 147.601C-36.6 147.601 -31.4 147.201 -32.6 148.801C-33.8 150.401 -36.2 149.601 -36.2 149.601L-36.6 147.601z"/> | ||
439 | </g> | ||
440 | <g style="fill: rgb(0, 0, 0);"> | ||
441 | <path d="M1.8 108.001C1.8 108.001 6.2 108.001 5 109.601C3.8 111.201 0.6 110.801 0.6 110.801L1.8 108.001z"/> | ||
442 | </g> | ||
443 | <g style="fill: rgb(0, 0, 0);"> | ||
444 | <path d="M-8.2 113.601C-8.2 113.601 -1.694 111.46 -4.2 114.801C-5.4 116.401 -7.8 115.601 -7.8 115.601L-8.2 113.601z"/> | ||
445 | </g> | ||
446 | <g style="fill: rgb(0, 0, 0);"> | ||
447 | <path d="M-19.4 118.401C-19.4 118.401 -14.2 118.001 -15.4 119.601C-16.6 121.201 -19 120.401 -19 120.401L-19.4 118.401z"/> | ||
448 | </g> | ||
449 | <g style="fill: rgb(0, 0, 0);"> | ||
450 | <path d="M-27 124.401C-27 124.401 -21.8 124.001 -23 125.601C-24.2 127.201 -26.6 126.401 -26.6 126.401L-27 124.401z"/> | ||
451 | </g> | ||
452 | <g style="fill: rgb(0, 0, 0);"> | ||
453 | <path d="M-33.8 129.201C-33.8 129.201 -28.6 128.801 -29.8 130.401C-31 132.001 -33.4 131.201 -33.4 131.201L-33.8 129.201z"/> | ||
454 | </g> | ||
455 | <g style="fill: rgb(0, 0, 0);"> | ||
456 | <path d="M5.282 135.598C5.282 135.598 12.203 135.066 10.606 137.195C9.009 139.325 5.814 138.26 5.814 138.26L5.282 135.598z"/> | ||
457 | </g> | ||
458 | <g style="fill: rgb(0, 0, 0);"> | ||
459 | <path d="M15.682 130.798C15.682 130.798 22.603 130.266 21.006 132.395C19.409 134.525 16.214 133.46 16.214 133.46L15.682 130.798z"/> | ||
460 | </g> | ||
461 | <g style="fill: rgb(0, 0, 0);"> | ||
462 | <path d="M26.482 126.398C26.482 126.398 33.403 125.866 31.806 127.995C30.209 130.125 27.014 129.06 27.014 129.06L26.482 126.398z"/> | ||
463 | </g> | ||
464 | <g style="fill: rgb(0, 0, 0);"> | ||
465 | <path d="M36.882 121.598C36.882 121.598 43.803 121.066 42.206 123.195C40.609 125.325 37.414 124.26 37.414 124.26L36.882 121.598z"/> | ||
466 | </g> | ||
467 | <g style="fill: rgb(0, 0, 0);"> | ||
468 | <path d="M9.282 103.598C9.282 103.598 16.203 103.066 14.606 105.195C13.009 107.325 9.014 107.06 9.014 107.06L9.282 103.598z"/> | ||
469 | </g> | ||
470 | <g style="fill: rgb(0, 0, 0);"> | ||
471 | <path d="M19.282 100.398C19.282 100.398 26.203 99.866 24.606 101.995C23.009 104.125 18.614 103.86 18.614 103.86L19.282 100.398z"/> | ||
472 | </g> | ||
473 | <g style="fill: rgb(0, 0, 0);"> | ||
474 | <path d="M-3.4 140.401C-3.4 140.401 1.8 140.001 0.6 141.601C-0.6 143.201 -3 142.401 -3 142.401L-3.4 140.401z"/> | ||
475 | </g> | ||
476 | <g style="fill: rgb(153, 38, 0);"> | ||
477 | <path d="M-76.6 41.2C-76.6 41.2 -81 50 -81.4 53.2C-81.4 53.2 -80.6 44.4 -79.4 42.4C-78.2 40.4 -76.6 41.2 -76.6 41.2z"/> | ||
478 | </g> | ||
479 | <g style="fill: rgb(153, 38, 0);"> | ||
480 | <path d="M-95 55.2C-95 55.2 -98.2 69.6 -97.8 72.4C-97.8 72.4 -99 60.8 -98.6 59.6C-98.2 58.4 -95 55.2 -95 55.2z"/> | ||
481 | </g> | ||
482 | <g style="fill: rgb(204, 204, 204);"> | ||
483 | <path d="M-74.2 -19.4L-74.4 -16.2L-76.6 -16C-76.6 -16 -62.4 -3.4 -61.8 4.2C-61.8 4.2 -61 -4 -74.2 -19.4z"/> | ||
484 | </g> | ||
485 | <g style="fill: rgb(0, 0, 0);"> | ||
486 | <path d="M-70.216 -18.135C-70.647 -18.551 -70.428 -19.296 -70.836 -19.556C-71.645 -20.072 -69.538 -20.129 -69.766 -20.845C-70.149 -22.051 -69.962 -22.072 -70.084 -23.348C-70.141 -23.946 -69.553 -25.486 -69.168 -25.926C-67.722 -27.578 -69.046 -30.51 -67.406 -32.061C-67.102 -32.35 -66.726 -32.902 -66.441 -33.32C-65.782 -34.283 -64.598 -34.771 -63.648 -35.599C-63.33 -35.875 -63.531 -36.702 -62.962 -36.61C-62.248 -36.495 -61.007 -36.625 -61.052 -35.784C-61.165 -33.664 -62.494 -31.944 -63.774 -30.276C-63.323 -29.572 -63.781 -28.937 -64.065 -28.38C-65.4 -25.76 -65.211 -22.919 -65.385 -20.079C-65.39 -19.994 -65.697 -19.916 -65.689 -19.863C-65.336 -17.528 -64.752 -15.329 -63.873 -13.1C-63.507 -12.17 -63.036 -11.275 -62.886 -10.348C-62.775 -9.662 -62.672 -8.829 -63.08 -8.124C-61.045 -5.234 -62.354 -2.583 -61.185 0.948C-60.978 1.573 -59.286 3.487 -59.749 3.326C-62.262 2.455 -62.374 2.057 -62.551 1.304C-62.697 0.681 -63.027 -0.696 -63.264 -1.298C-63.328 -1.462 -63.499 -3.346 -63.577 -3.468C-65.09 -5.85 -63.732 -5.674 -65.102 -8.032C-66.53 -8.712 -67.496 -9.816 -68.619 -10.978C-68.817 -11.182 -67.674 -11.906 -67.855 -12.119C-68.947 -13.408 -70.1 -14.175 -69.764 -15.668C-69.609 -16.358 -69.472 -17.415 -70.216 -18.135z"/> | ||
487 | </g> | ||
488 | <g style="fill: rgb(0, 0, 0);"> | ||
489 | <path d="M-73.8 -16.4C-73.8 -16.4 -73.4 -9.6 -71 -8C-68.6 -6.4 -69.8 -7.2 -73 -8.4C-76.2 -9.6 -75 -10.4 -75 -10.4C-75 -10.4 -77.8 -10 -75.4 -8C-73 -6 -69.4 -3.6 -71 -3.6C-72.6 -3.6 -80.2 -7.6 -80.2 -10.4C-80.2 -13.2 -81.2 -17.3 -81.2 -17.3C-81.2 -17.3 -80.1 -18.1 -75.3 -18C-75.3 -18 -73.9 -17.3 -73.8 -16.4z"/> | ||
490 | </g> | ||
491 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
492 | <path d="M-74.6 2.2C-74.6 2.2 -83.12 -0.591 -101.6 2.8C-101.6 2.8 -92.569 0.722 -73.8 3C-63.5 4.25 -74.6 2.2 -74.6 2.2z"/> | ||
493 | </g> | ||
494 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
495 | <path d="M-72.502 2.129C-72.502 2.129 -80.748 -1.389 -99.453 0.392C-99.453 0.392 -90.275 -0.897 -71.774 2.995C-61.62 5.131 -72.502 2.129 -72.502 2.129z"/> | ||
496 | </g> | ||
497 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
498 | <path d="M-70.714 2.222C-70.714 2.222 -78.676 -1.899 -97.461 -1.514C-97.461 -1.514 -88.213 -2.118 -70.052 3.14C-60.086 6.025 -70.714 2.222 -70.714 2.222z"/> | ||
499 | </g> | ||
500 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
501 | <path d="M-69.444 2.445C-69.444 2.445 -76.268 -1.862 -93.142 -2.96C-93.142 -2.96 -84.803 -2.79 -68.922 3.319C-60.206 6.672 -69.444 2.445 -69.444 2.445z"/> | ||
502 | </g> | ||
503 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
504 | <path d="M45.84 12.961C45.84 12.961 44.91 13.605 45.124 12.424C45.339 11.243 73.547 -1.927 77.161 -1.677C77.161 -1.677 46.913 11.529 45.84 12.961z"/> | ||
505 | </g> | ||
506 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
507 | <path d="M42.446 13.6C42.446 13.6 41.57 14.315 41.691 13.121C41.812 11.927 68.899 -3.418 72.521 -3.452C72.521 -3.452 43.404 12.089 42.446 13.6z"/> | ||
508 | </g> | ||
509 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
510 | <path d="M39.16 14.975C39.16 14.975 38.332 15.747 38.374 14.547C38.416 13.348 58.233 -2.149 68.045 -4.023C68.045 -4.023 50.015 4.104 39.16 14.975z"/> | ||
511 | </g> | ||
512 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
513 | <path d="M36.284 16.838C36.284 16.838 35.539 17.532 35.577 16.453C35.615 15.373 53.449 1.426 62.28 -0.26C62.28 -0.26 46.054 7.054 36.284 16.838z"/> | ||
514 | </g> | ||
515 | <g style="fill: rgb(204, 204, 204);"> | ||
516 | <path d="M4.6 164.801C4.6 164.801 -10.6 162.401 6.2 160.801C6.2 160.801 24.2 158.801 28.2 153.601C28.2 153.601 41.8 144.401 44.6 144.001C47.4 143.601 63.8 140.001 64.2 137.601C64.6 135.201 70.6 132.801 72.2 133.601C73.8 134.401 73.8 143.601 71 144.401C68.2 145.201 49.4 152.401 43 153.601C36.6 154.801 25 162.401 20.2 163.601C15.4 164.801 4.6 164.801 4.6 164.801z"/> | ||
517 | </g> | ||
518 | <g style="fill: rgb(0, 0, 0);"> | ||
519 | <path d="M77.6 127.401C77.6 127.401 74.6 129.001 73.4 131.601C73.4 131.601 67 142.201 52.8 145.401C52.8 145.401 29.8 154.401 22 156.401C22 156.401 8.6 161.401 1.2 160.601C1.2 160.601 -5.8 160.801 0.4 162.401C0.4 162.401 20.6 160.401 24 158.601C24 158.601 39.6 153.401 42.6 150.801C45.6 148.201 63.8 143.201 66 141.201C68.2 139.201 78 130.801 77.6 127.401z"/> | ||
520 | </g> | ||
521 | <g style="fill: rgb(0, 0, 0);"> | ||
522 | <path d="M18.882 158.911C18.882 158.911 24.111 158.685 22.958 160.234C21.805 161.784 19.357 160.91 19.357 160.91L18.882 158.911z"/> | ||
523 | </g> | ||
524 | <g style="fill: rgb(0, 0, 0);"> | ||
525 | <path d="M11.68 160.263C11.68 160.263 16.908 160.037 15.756 161.586C14.603 163.136 12.155 162.263 12.155 162.263L11.68 160.263z"/> | ||
526 | </g> | ||
527 | <g style="fill: rgb(0, 0, 0);"> | ||
528 | <path d="M1.251 161.511C1.251 161.511 6.48 161.284 5.327 162.834C4.174 164.383 1.726 163.51 1.726 163.51L1.251 161.511z"/> | ||
529 | </g> | ||
530 | <g style="fill: rgb(0, 0, 0);"> | ||
531 | <path d="M-6.383 162.055C-6.383 162.055 -1.154 161.829 -2.307 163.378C-3.46 164.928 -5.908 164.054 -5.908 164.054L-6.383 162.055z"/> | ||
532 | </g> | ||
533 | <g style="fill: rgb(0, 0, 0);"> | ||
534 | <path d="M35.415 151.513C35.415 151.513 42.375 151.212 40.84 153.274C39.306 155.336 36.047 154.174 36.047 154.174L35.415 151.513z"/> | ||
535 | </g> | ||
536 | <g style="fill: rgb(0, 0, 0);"> | ||
537 | <path d="M45.73 147.088C45.73 147.088 51.689 143.787 51.155 148.849C50.885 151.405 46.362 149.749 46.362 149.749L45.73 147.088z"/> | ||
538 | </g> | ||
539 | <g style="fill: rgb(0, 0, 0);"> | ||
540 | <path d="M54.862 144.274C54.862 144.274 62.021 140.573 60.287 146.035C59.509 148.485 55.493 146.935 55.493 146.935L54.862 144.274z"/> | ||
541 | </g> | ||
542 | <g style="fill: rgb(0, 0, 0);"> | ||
543 | <path d="M64.376 139.449C64.376 139.449 68.735 134.548 69.801 141.21C70.207 143.748 65.008 142.11 65.008 142.11L64.376 139.449z"/> | ||
544 | </g> | ||
545 | <g style="fill: rgb(0, 0, 0);"> | ||
546 | <path d="M26.834 155.997C26.834 155.997 32.062 155.77 30.91 157.32C29.757 158.869 27.308 157.996 27.308 157.996L26.834 155.997z"/> | ||
547 | </g> | ||
548 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
549 | <path d="M62.434 34.603C62.434 34.603 61.708 35.268 61.707 34.197C61.707 33.127 79.191 19.863 88.034 18.479C88.034 18.479 71.935 25.208 62.434 34.603z"/> | ||
550 | </g> | ||
551 | <g style="fill: rgb(0, 0, 0);"> | ||
552 | <path d="M65.4 98.4C65.4 98.4 87.401 120.801 96.601 124.401C96.601 124.401 105.801 135.601 101.801 161.601C101.801 161.601 98.601 169.201 95.401 148.401C95.401 148.401 98.601 123.201 87.401 139.201C87.401 139.201 79 129.301 85.4 129.601C85.4 129.601 88.601 131.601 89.001 130.001C89.401 128.401 81.4 114.801 64.2 100.4C47 86 65.4 98.4 65.4 98.4z"/> | ||
553 | </g> | ||
554 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
555 | <path d="M7 137.201C7 137.201 6.8 135.401 8.6 136.201C10.4 137.001 104.601 143.201 136.201 167.201C136.201 167.201 91.001 144.001 7 137.201z"/> | ||
556 | </g> | ||
557 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
558 | <path d="M17.4 132.801C17.4 132.801 17.2 131.001 19 131.801C20.8 132.601 157.401 131.601 181.001 164.001C181.001 164.001 159.001 138.801 17.4 132.801z"/> | ||
559 | </g> | ||
560 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
561 | <path d="M29 128.801C29 128.801 28.8 127.001 30.6 127.801C32.4 128.601 205.801 115.601 229.401 148.001C229.401 148.001 219.801 122.401 29 128.801z"/> | ||
562 | </g> | ||
563 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
564 | <path d="M39 124.001C39 124.001 38.8 122.201 40.6 123.001C42.4 123.801 164.601 85.2 188.201 117.601C188.201 117.601 174.801 93 39 124.001z"/> | ||
565 | </g> | ||
566 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
567 | <path d="M-19 146.801C-19 146.801 -19.2 145.001 -17.4 145.801C-15.6 146.601 2.2 148.801 4.2 187.601C4.2 187.601 -3 145.601 -19 146.801z"/> | ||
568 | </g> | ||
569 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
570 | <path d="M-27.8 148.401C-27.8 148.401 -28 146.601 -26.2 147.401C-24.4 148.201 -10.2 143.601 -13 182.401C-13 182.401 -11.8 147.201 -27.8 148.401z"/> | ||
571 | </g> | ||
572 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
573 | <path d="M-35.8 148.801C-35.8 148.801 -36 147.001 -34.2 147.801C-32.4 148.601 -17 149.201 -29.4 171.601C-29.4 171.601 -19.8 147.601 -35.8 148.801z"/> | ||
574 | </g> | ||
575 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
576 | <path d="M11.526 104.465C11.526 104.465 11.082 106.464 12.631 105.247C28.699 92.622 61.141 33.72 116.826 28.086C116.826 28.086 78.518 15.976 11.526 104.465z"/> | ||
577 | </g> | ||
578 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
579 | <path d="M22.726 102.665C22.726 102.665 21.363 101.472 23.231 100.847C25.099 100.222 137.541 27.72 176.826 35.686C176.826 35.686 149.719 28.176 22.726 102.665z"/> | ||
580 | </g> | ||
581 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
582 | <path d="M1.885 108.767C1.885 108.767 1.376 110.366 3.087 109.39C12.062 104.27 15.677 47.059 59.254 45.804C59.254 45.804 26.843 31.09 1.885 108.767z"/> | ||
583 | </g> | ||
584 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
585 | <path d="M-18.038 119.793C-18.038 119.793 -19.115 121.079 -17.162 120.825C-6.916 119.493 14.489 78.222 58.928 83.301C58.928 83.301 26.962 68.955 -18.038 119.793z"/> | ||
586 | </g> | ||
587 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
588 | <path d="M-6.8 113.667C-6.8 113.667 -7.611 115.136 -5.742 114.511C4.057 111.237 17.141 66.625 61.729 63.078C61.729 63.078 27.603 55.135 -6.8 113.667z"/> | ||
589 | </g> | ||
590 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
591 | <path d="M-25.078 124.912C-25.078 124.912 -25.951 125.954 -24.369 125.748C-16.07 124.669 1.268 91.24 37.264 95.354C37.264 95.354 11.371 83.734 -25.078 124.912z"/> | ||
592 | </g> | ||
593 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
594 | <path d="M-32.677 130.821C-32.677 130.821 -33.682 131.866 -32.091 131.748C-27.923 131.439 2.715 98.36 21.183 113.862C21.183 113.862 9.168 95.139 -32.677 130.821z"/> | ||
595 | </g> | ||
596 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
597 | <path d="M36.855 98.898C36.855 98.898 35.654 97.543 37.586 97.158C39.518 96.774 160.221 39.061 198.184 51.927C198.184 51.927 172.243 41.053 36.855 98.898z"/> | ||
598 | </g> | ||
599 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
600 | <path d="M3.4 163.201C3.4 163.201 3.2 161.401 5 162.201C6.8 163.001 22.2 163.601 9.8 186.001C9.8 186.001 19.4 162.001 3.4 163.201z"/> | ||
601 | </g> | ||
602 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
603 | <path d="M13.8 161.601C13.8 161.601 13.6 159.801 15.4 160.601C17.2 161.401 35 163.601 37 202.401C37 202.401 29.8 160.401 13.8 161.601z"/> | ||
604 | </g> | ||
605 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
606 | <path d="M20.6 160.001C20.6 160.001 20.4 158.201 22.2 159.001C24 159.801 48.6 163.201 72.2 195.601C72.2 195.601 36.6 158.801 20.6 160.001z"/> | ||
607 | </g> | ||
608 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
609 | <path d="M28.225 157.972C28.225 157.972 27.788 156.214 29.678 156.768C31.568 157.322 52.002 155.423 90.099 189.599C90.099 189.599 43.924 154.656 28.225 157.972z"/> | ||
610 | </g> | ||
611 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
612 | <path d="M38.625 153.572C38.625 153.572 38.188 151.814 40.078 152.368C41.968 152.922 76.802 157.423 128.499 192.399C128.499 192.399 54.324 150.256 38.625 153.572z"/> | ||
613 | </g> | ||
614 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
615 | <path d="M-1.8 142.001C-1.8 142.001 -2 140.201 -0.2 141.001C1.6 141.801 55 144.401 85.4 171.201C85.4 171.201 50.499 146.426 -1.8 142.001z"/> | ||
616 | </g> | ||
617 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
618 | <path d="M-11.8 146.001C-11.8 146.001 -12 144.201 -10.2 145.001C-8.4 145.801 16.2 149.201 39.8 181.601C39.8 181.601 4.2 144.801 -11.8 146.001z"/> | ||
619 | </g> | ||
620 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
621 | <path d="M49.503 148.962C49.503 148.962 48.938 147.241 50.864 147.655C52.79 148.068 87.86 150.004 141.981 181.098C141.981 181.098 64.317 146.704 49.503 148.962z"/> | ||
622 | </g> | ||
623 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
624 | <path d="M57.903 146.562C57.903 146.562 57.338 144.841 59.264 145.255C61.19 145.668 96.26 147.604 150.381 178.698C150.381 178.698 73.317 143.904 57.903 146.562z"/> | ||
625 | </g> | ||
626 | <g style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 0.1;"> | ||
627 | <path d="M67.503 141.562C67.503 141.562 66.938 139.841 68.864 140.255C70.79 140.668 113.86 145.004 203.582 179.298C203.582 179.298 82.917 138.904 67.503 141.562z"/> | ||
628 | </g> | ||
629 | <g style="fill: rgb(0, 0, 0);"> | ||
630 | <path d="M-43.8 148.401C-43.8 148.401 -38.6 148.001 -39.8 149.601C-41 151.201 -43.4 150.401 -43.4 150.401L-43.8 148.401z"/> | ||
631 | </g> | ||
632 | <g style="fill: rgb(0, 0, 0);"> | ||
633 | <path d="M-13 162.401C-13 162.401 -7.8 162.001 -9 163.601C-10.2 165.201 -12.6 164.401 -12.6 164.401L-13 162.401z"/> | ||
634 | </g> | ||
635 | <g style="fill: rgb(0, 0, 0);"> | ||
636 | <path d="M-21.8 162.001C-21.8 162.001 -16.6 161.601 -17.8 163.201C-19 164.801 -21.4 164.001 -21.4 164.001L-21.8 162.001z"/> | ||
637 | </g> | ||
638 | <g style="fill: rgb(0, 0, 0);"> | ||
639 | <path d="M-117.169 150.182C-117.169 150.182 -112.124 151.505 -113.782 152.624C-115.439 153.744 -117.446 152.202 -117.446 152.202L-117.169 150.182z"/> | ||
640 | </g> | ||
641 | <g style="fill: rgb(0, 0, 0);"> | ||
642 | <path d="M-115.169 140.582C-115.169 140.582 -110.124 141.905 -111.782 143.024C-113.439 144.144 -115.446 142.602 -115.446 142.602L-115.169 140.582z"/> | ||
643 | </g> | ||
644 | <g style="fill: rgb(0, 0, 0);"> | ||
645 | <path d="M-122.369 136.182C-122.369 136.182 -117.324 137.505 -118.982 138.624C-120.639 139.744 -122.646 138.202 -122.646 138.202L-122.369 136.182z"/> | ||
646 | </g> | ||
647 | <g style="fill: rgb(204, 204, 204);"> | ||
648 | <path d="M-42.6 211.201C-42.6 211.201 -44.2 211.201 -48.2 213.201C-50.2 213.201 -61.4 216.801 -67 226.801C-67 226.801 -54.6 217.201 -42.6 211.201z"/> | ||
649 | </g> | ||
650 | <g style="fill: rgb(204, 204, 204);"> | ||
651 | <path d="M45.116 303.847C45.257 304.105 45.312 304.525 45.604 304.542C46.262 304.582 47.495 304.883 47.37 304.247C46.522 299.941 45.648 295.004 41.515 293.197C40.876 292.918 39.434 293.331 39.36 294.215C39.233 295.739 39.116 297.088 39.425 298.554C39.725 299.975 41.883 299.985 42.8 298.601C43.736 300.273 44.168 302.116 45.116 303.847z"/> | ||
652 | </g> | ||
653 | <g style="fill: rgb(204, 204, 204);"> | ||
654 | <path d="M34.038 308.581C34.786 309.994 34.659 311.853 36.074 312.416C36.814 312.71 38.664 311.735 38.246 310.661C37.444 308.6 37.056 306.361 35.667 304.55C35.467 304.288 35.707 303.755 35.547 303.427C34.953 302.207 33.808 301.472 32.4 301.801C31.285 304.004 32.433 306.133 33.955 307.842C34.091 307.994 33.925 308.37 34.038 308.581z"/> | ||
655 | </g> | ||
656 | <g style="fill: rgb(204, 204, 204);"> | ||
657 | <path d="M-5.564 303.391C-5.672 303.014 -5.71 302.551 -5.545 302.23C-5.014 301.197 -4.221 300.075 -4.558 299.053C-4.906 297.997 -6.022 298.179 -6.672 298.748C-7.807 299.742 -7.856 301.568 -8.547 302.927C-8.743 303.313 -8.692 303.886 -9.133 304.277C-9.607 304.698 -10.047 306.222 -9.951 306.793C-9.898 307.106 -10.081 317.014 -9.859 316.751C-9.24 316.018 -6.19 306.284 -6.121 305.392C-6.064 304.661 -5.332 304.196 -5.564 303.391z"/> | ||
658 | </g> | ||
659 | <g style="fill: rgb(204, 204, 204);"> | ||
660 | <path d="M-31.202 296.599C-28.568 294.1 -25.778 291.139 -26.22 287.427C-26.336 286.451 -28.111 286.978 -28.298 287.824C-29.1 291.449 -31.139 294.11 -33.707 296.502C-35.903 298.549 -37.765 304.893 -38 305.401C-34.303 300.145 -32.046 297.399 -31.202 296.599z"/> | ||
661 | </g> | ||
662 | <g style="fill: rgb(204, 204, 204);"> | ||
663 | <path d="M-44.776 290.635C-44.253 290.265 -44.555 289.774 -44.338 289.442C-43.385 287.984 -42.084 286.738 -42.066 285C-42.063 284.723 -42.441 284.414 -42.776 284.638C-43.053 284.822 -43.395 284.952 -43.503 285.082C-45.533 287.531 -46.933 290.202 -48.376 293.014C-48.559 293.371 -49.703 297.862 -49.39 297.973C-49.151 298.058 -47.431 293.877 -47.221 293.763C-45.958 293.077 -45.946 291.462 -44.776 290.635z"/> | ||
664 | </g> | ||
665 | <g style="fill: rgb(204, 204, 204);"> | ||
666 | <path d="M-28.043 310.179C-27.599 309.31 -26.023 308.108 -26.136 307.219C-26.254 306.291 -25.786 304.848 -26.698 305.536C-27.955 306.484 -31.404 307.833 -31.674 313.641C-31.7 314.212 -28.726 311.519 -28.043 310.179z"/> | ||
667 | </g> | ||
668 | <g style="fill: rgb(204, 204, 204);"> | ||
669 | <path d="M-13.6 293.001C-13.2 292.333 -12.492 292.806 -12.033 292.543C-11.385 292.171 -10.774 291.613 -10.482 290.964C-9.512 288.815 -7.743 286.995 -7.6 284.601C-9.091 283.196 -9.77 285.236 -10.4 286.201C-11.723 284.554 -12.722 286.428 -14.022 286.947C-14.092 286.975 -14.305 286.628 -14.38 286.655C-15.557 287.095 -16.237 288.176 -17.235 288.957C-17.406 289.091 -17.811 288.911 -17.958 289.047C-18.61 289.65 -19.583 289.975 -19.863 290.657C-20.973 293.364 -24.113 295.459 -26 303.001C-25.619 303.91 -21.488 296.359 -21.001 295.661C-20.165 294.465 -20.047 297.322 -18.771 296.656C-18.72 296.629 -18.534 296.867 -18.4 297.001C-18.206 296.721 -17.988 296.492 -17.6 296.601C-17.6 296.201 -17.734 295.645 -17.533 295.486C-16.296 294.509 -16.38 293.441 -15.6 292.201C-15.142 292.99 -14.081 292.271 -13.6 293.001z"/> | ||
670 | </g> | ||
671 | <g style="fill: rgb(204, 204, 204);"> | ||
672 | <path d="M46.2 347.401C46.2 347.401 53.6 327.001 49.2 315.801C49.2 315.801 60.6 337.401 56 348.601C56 348.601 55.6 338.201 51.6 333.201C51.6 333.201 47.6 346.001 46.2 347.401z"/> | ||
673 | </g> | ||
674 | <g style="fill: rgb(204, 204, 204);"> | ||
675 | <path d="M31.4 344.801C31.4 344.801 36.8 336.001 28.8 317.601C28.8 317.601 28 338.001 21.2 349.001C21.2 349.001 35.4 328.801 31.4 344.801z"/> | ||
676 | </g> | ||
677 | <g style="fill: rgb(204, 204, 204);"> | ||
678 | <path d="M21.4 342.801C21.4 342.801 21.2 322.801 21.6 319.801C21.6 319.801 17.8 336.401 7.6 346.001C7.6 346.001 22 334.001 21.4 342.801z"/> | ||
679 | </g> | ||
680 | <g style="fill: rgb(204, 204, 204);"> | ||
681 | <path d="M11.8 310.801C11.8 310.801 17.8 324.401 7.8 342.801C7.8 342.801 14.2 330.601 9.4 323.601C9.4 323.601 12 320.201 11.8 310.801z"/> | ||
682 | </g> | ||
683 | <g style="fill: rgb(204, 204, 204);"> | ||
684 | <path d="M-7.4 342.401C-7.4 342.401 -8.4 326.801 -6.6 324.601C-6.6 324.601 -6.4 318.201 -6.8 317.201C-6.8 317.201 -2.8 311.001 -2.6 318.401C-2.6 318.401 -1.2 326.201 1.6 330.801C1.6 330.801 5.2 336.201 5 342.601C5 342.601 -5 312.401 -7.4 342.401z"/> | ||
685 | </g> | ||
686 | <g style="fill: rgb(204, 204, 204);"> | ||
687 | <path d="M-11 314.801C-11 314.801 -17.6 325.601 -19.4 344.601C-19.4 344.601 -20.8 338.401 -17 324.001C-17 324.001 -12.8 308.601 -11 314.801z"/> | ||
688 | </g> | ||
689 | <g style="fill: rgb(204, 204, 204);"> | ||
690 | <path d="M-32.8 334.601C-32.8 334.601 -27.8 329.201 -26.4 324.201C-26.4 324.201 -22.8 308.401 -29.2 317.001C-29.2 317.001 -29 325.001 -37.2 332.401C-37.2 332.401 -32.4 330.001 -32.8 334.601z"/> | ||
691 | </g> | ||
692 | <g style="fill: rgb(204, 204, 204);"> | ||
693 | <path d="M-38.6 329.601C-38.6 329.601 -35.2 312.201 -34.4 311.401C-34.4 311.401 -32.6 308.001 -35.4 311.201C-35.4 311.201 -44.2 330.401 -48.2 337.001C-48.2 337.001 -40.2 327.801 -38.6 329.601z"/> | ||
694 | </g> | ||
695 | <g style="fill: rgb(204, 204, 204);"> | ||
696 | <path d="M-44.4 313.001C-44.4 313.001 -32.8 290.601 -54.6 316.401C-54.6 316.401 -43.6 306.601 -44.4 313.001z"/> | ||
697 | </g> | ||
698 | <g style="fill: rgb(204, 204, 204);"> | ||
699 | <path d="M-59.8 298.401C-59.8 298.401 -55 279.601 -52.4 279.801C-52.4 279.801 -44.2 270.801 -50.8 281.401C-50.8 281.401 -56.8 291.001 -56.2 300.801C-56.2 300.801 -56.8 291.201 -59.8 298.401z"/> | ||
700 | </g> | ||
701 | <g style="fill: rgb(204, 204, 204);"> | ||
702 | <path d="M270.5 287C270.5 287 258.5 277 256 273.5C256 273.5 269.5 292 269.5 299C269.5 299 272 291.5 270.5 287z"/> | ||
703 | </g> | ||
704 | <g style="fill: rgb(204, 204, 204);"> | ||
705 | <path d="M276 265C276 265 255 250 251.5 242.5C251.5 242.5 278 272 278 276.5C278 276.5 278.5 267.5 276 265z"/> | ||
706 | </g> | ||
707 | <g style="fill: rgb(204, 204, 204);"> | ||
708 | <path d="M293 111C293 111 281 103 279.5 105C279.5 105 290 111.5 292.5 120C292.5 120 291 111 293 111z"/> | ||
709 | </g> | ||
710 | <g style="fill: rgb(204, 204, 204);"> | ||
711 | <path d="M301.5 191.5L284 179.5C284 179.5 303 196.5 303.5 200.5L301.5 191.5z"/> | ||
712 | </g> | ||
713 | <g style="stroke: rgb(0, 0, 0);"> | ||
714 | <path d="M-89.25 169L-67.25 173.75"/> | ||
715 | </g> | ||
716 | <g style="stroke: rgb(0, 0, 0);"> | ||
717 | <path d="M-39 331C-39 331 -39.5 327.5 -48.5 338"/> | ||
718 | </g> | ||
719 | <g style="stroke: rgb(0, 0, 0);"> | ||
720 | <path d="M-33.5 336C-33.5 336 -31.5 329.5 -38 334"/> | ||
721 | </g> | ||
722 | <g style="stroke: rgb(0, 0, 0);"> | ||
723 | <path d="M20.5 344.5C20.5 344.5 22 333.5 10.5 346.5"/> | ||
724 | </g> | ||
725 | </g> | ||
726 | </svg> \ No newline at end of file | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger.wmf b/inc/3rdparty/libraries/mpdf/examples/tiger.wmf new file mode 100644 index 00000000..34c0b52d --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger.wmf | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger2.png b/inc/3rdparty/libraries/mpdf/examples/tiger2.png new file mode 100644 index 00000000..af427426 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger2.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger2.wmf b/inc/3rdparty/libraries/mpdf/examples/tiger2.wmf new file mode 100644 index 00000000..c60c75ac --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger2.wmf | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger24trns.png b/inc/3rdparty/libraries/mpdf/examples/tiger24trns.png new file mode 100644 index 00000000..e3b3e0c5 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger24trns.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger300px300dpi.jpg b/inc/3rdparty/libraries/mpdf/examples/tiger300px300dpi.jpg new file mode 100644 index 00000000..142415d5 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger300px300dpi.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger300px300dpi.png b/inc/3rdparty/libraries/mpdf/examples/tiger300px300dpi.png new file mode 100644 index 00000000..62f74059 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger300px300dpi.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger300px72dpi.jpg b/inc/3rdparty/libraries/mpdf/examples/tiger300px72dpi.jpg new file mode 100644 index 00000000..168ca38e --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger300px72dpi.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger300px96dpi.jpg b/inc/3rdparty/libraries/mpdf/examples/tiger300px96dpi.jpg new file mode 100644 index 00000000..82531f34 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger300px96dpi.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger300px96dpi.png b/inc/3rdparty/libraries/mpdf/examples/tiger300px96dpi.png new file mode 100644 index 00000000..67174a76 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger300px96dpi.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger8trns.gif b/inc/3rdparty/libraries/mpdf/examples/tiger8trns.gif new file mode 100644 index 00000000..d46053b2 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger8trns.gif | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tiger8trns.png b/inc/3rdparty/libraries/mpdf/examples/tiger8trns.png new file mode 100644 index 00000000..a34ddca1 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tiger8trns.png | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tigercmyk.jpg b/inc/3rdparty/libraries/mpdf/examples/tigercmyk.jpg new file mode 100644 index 00000000..ee8e7023 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tigercmyk.jpg | |||
Binary files differ | |||
diff --git a/inc/3rdparty/libraries/mpdf/examples/tux.svg b/inc/3rdparty/libraries/mpdf/examples/tux.svg new file mode 100644 index 00000000..de8c8696 --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/tux.svg | |||
@@ -0,0 +1,1487 @@ | |||
1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?> | ||
2 | <svg | ||
3 | xmlns:dc="http://purl.org/dc/elements/1.1/" | ||
4 | xmlns:cc="http://creativecommons.org/ns#" | ||
5 | xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" | ||
6 | xmlns:svg="http://www.w3.org/2000/svg" | ||
7 | xmlns="http://www.w3.org/2000/svg" | ||
8 | xmlns:xlink="http://www.w3.org/1999/xlink" | ||
9 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | ||
10 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | ||
11 | width="500pt" | ||
12 | height="600pt" | ||
13 | id="svg5620" | ||
14 | sodipodi:version="0.32" | ||
15 | inkscape:version="0.46" | ||
16 | sodipodi:docname="mh_inksc_100511_NewTux.svg" | ||
17 | inkscape:output_extension="org.inkscape.output.svg.inkscape" | ||
18 | inkscape:export-filename="/media/disk/※T h i n g S/UB SOFTWARE/Openclipart/mh_inksc_100511_NewTux.png" | ||
19 | inkscape:export-xdpi="150.03999" | ||
20 | inkscape:export-ydpi="150.03999"> | ||
21 | <metadata | ||
22 | id="metadata5712"> | ||
23 | <rdf:RDF> | ||
24 | <cc:Work | ||
25 | rdf:about=""> | ||
26 | <dc:format>image/svg+xml</dc:format> | ||
27 | <dc:type | ||
28 | rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> | ||
29 | </cc:Work> | ||
30 | </rdf:RDF> | ||
31 | </metadata> | ||
32 | <sodipodi:namedview | ||
33 | inkscape:window-height="728" | ||
34 | inkscape:window-width="1280" | ||
35 | inkscape:pageshadow="2" | ||
36 | inkscape:pageopacity="0.0" | ||
37 | guidetolerance="10.0" | ||
38 | gridtolerance="10.0" | ||
39 | objecttolerance="10.0" | ||
40 | borderopacity="1.0" | ||
41 | bordercolor="#666666" | ||
42 | pagecolor="#ffffff" | ||
43 | id="base" | ||
44 | showgrid="false" | ||
45 | inkscape:zoom="0.65866667" | ||
46 | inkscape:cx="837.03841" | ||
47 | inkscape:cy="362.33556" | ||
48 | inkscape:window-x="0" | ||
49 | inkscape:window-y="24" | ||
50 | inkscape:current-layer="svg5620" | ||
51 | showguides="true" | ||
52 | inkscape:guide-bbox="true" /> | ||
53 | <defs | ||
54 | id="defs5622"> | ||
55 | <linearGradient | ||
56 | id="linearGradient6810"> | ||
57 | <stop | ||
58 | id="stop6812" | ||
59 | offset="0" | ||
60 | style="stop-color:#ffffff;stop-opacity:0.04385965;" /> | ||
61 | <stop | ||
62 | style="stop-color:#ffffff;stop-opacity:0.35964912;" | ||
63 | offset="0.46429399" | ||
64 | id="stop6816" /> | ||
65 | <stop | ||
66 | id="stop6814" | ||
67 | offset="1" | ||
68 | style="stop-color:#ffffff;stop-opacity:0;" /> | ||
69 | </linearGradient> | ||
70 | <inkscape:perspective | ||
71 | sodipodi:type="inkscape:persp3d" | ||
72 | inkscape:vp_x="0 : 375 : 1" | ||
73 | inkscape:vp_y="0 : 1000 : 0" | ||
74 | inkscape:vp_z="625 : 375 : 1" | ||
75 | inkscape:persp3d-origin="312.5 : 250 : 1" | ||
76 | id="perspective5714" /> | ||
77 | <linearGradient | ||
78 | id="linearGradient172"> | ||
79 | <stop | ||
80 | style="stop-color:#3f2600;stop-opacity:0.6;" | ||
81 | offset="0" | ||
82 | id="stop173" /> | ||
83 | <stop | ||
84 | style="stop-color:#3f2600;stop-opacity:0;" | ||
85 | offset="1" | ||
86 | id="stop174" /> | ||
87 | </linearGradient> | ||
88 | <linearGradient | ||
89 | id="linearGradient167"> | ||
90 | <stop | ||
91 | style="stop-color:#ffffff;stop-opacity:0.65;" | ||
92 | offset="0" | ||
93 | id="stop168" /> | ||
94 | <stop | ||
95 | style="stop-color:#ffffff;stop-opacity:0;" | ||
96 | offset="1" | ||
97 | id="stop169" /> | ||
98 | </linearGradient> | ||
99 | <linearGradient | ||
100 | id="linearGradient162"> | ||
101 | <stop | ||
102 | style="stop-color:#ffa63f;stop-opacity:1;" | ||
103 | offset="0" | ||
104 | id="stop163" /> | ||
105 | <stop | ||
106 | style="stop-color:#ffff00;stop-opacity:1;" | ||
107 | offset="1" | ||
108 | id="stop164" /> | ||
109 | </linearGradient> | ||
110 | <linearGradient | ||
111 | id="linearGradient153"> | ||
112 | <stop | ||
113 | style="stop-color:#ffeed7;stop-opacity:1;" | ||
114 | offset="0" | ||
115 | id="stop154" /> | ||
116 | <stop | ||
117 | style="stop-color:#bdbfc2;stop-opacity:1;" | ||
118 | offset="1" | ||
119 | id="stop155" /> | ||
120 | </linearGradient> | ||
121 | <linearGradient | ||
122 | id="linearGradient138"> | ||
123 | <stop | ||
124 | style="stop-color:#ffffff;stop-opacity:0.8;" | ||
125 | offset="0" | ||
126 | id="stop139" /> | ||
127 | <stop | ||
128 | style="stop-color:#ffffff;stop-opacity:0;" | ||
129 | offset="1" | ||
130 | id="stop140" /> | ||
131 | </linearGradient> | ||
132 | <linearGradient | ||
133 | xlink:href="#linearGradient138" | ||
134 | id="linearGradient141" | ||
135 | x1="0.47424799" | ||
136 | y1="0.020191999" | ||
137 | x2="0.417539" | ||
138 | y2="0.90125799" | ||
139 | gradientUnits="objectBoundingBox" /> | ||
140 | <linearGradient | ||
141 | xlink:href="#linearGradient167" | ||
142 | id="linearGradient142" | ||
143 | x1="0.55880702" | ||
144 | y1="0.031192999" | ||
145 | x2="0.553922" | ||
146 | y2="0.94531101" | ||
147 | gradientUnits="objectBoundingBox" /> | ||
148 | <linearGradient | ||
149 | xlink:href="#linearGradient167" | ||
150 | id="linearGradient143" | ||
151 | x1="0.46557701" | ||
152 | y1="0.028819799" | ||
153 | x2="0.41365999" | ||
154 | y2="0.93366498" | ||
155 | gradientUnits="objectBoundingBox" /> | ||
156 | <linearGradient | ||
157 | xlink:href="#linearGradient167" | ||
158 | id="linearGradient144" | ||
159 | x1="0.70346397" | ||
160 | y1="0.059404202" | ||
161 | x2="0.64553201" | ||
162 | y2="0.94063401" | ||
163 | gradientUnits="objectBoundingBox" /> | ||
164 | <linearGradient | ||
165 | xlink:href="#linearGradient167" | ||
166 | id="linearGradient145" | ||
167 | x1="0.46741399" | ||
168 | y1="-0.036155298" | ||
169 | x2="0.86741799" | ||
170 | y2="0.75857902" | ||
171 | gradientUnits="objectBoundingBox" /> | ||
172 | <linearGradient | ||
173 | xlink:href="#linearGradient167" | ||
174 | id="linearGradient146" | ||
175 | x1="0.57152498" | ||
176 | y1="0.023441499" | ||
177 | x2="0.57143003" | ||
178 | y2="0.71875" | ||
179 | gradientUnits="objectBoundingBox" /> | ||
180 | <linearGradient | ||
181 | xlink:href="#linearGradient167" | ||
182 | id="linearGradient147" | ||
183 | x1="0.5" | ||
184 | y1="0.0234362" | ||
185 | x2="0.5" | ||
186 | y2="0.8125" | ||
187 | gradientUnits="objectBoundingBox" /> | ||
188 | <linearGradient | ||
189 | xlink:href="#linearGradient167" | ||
190 | id="linearGradient148" | ||
191 | x1="0.50799799" | ||
192 | y1="0.37435901" | ||
193 | x2="0.51599997" | ||
194 | y2="0.92820501" | ||
195 | gradientUnits="objectBoundingBox" /> | ||
196 | <linearGradient | ||
197 | xlink:href="#linearGradient138" | ||
198 | id="linearGradient149" | ||
199 | x1="0.5" | ||
200 | y1="0.131707" | ||
201 | x2="0.50400001" | ||
202 | y2="0.94634098" | ||
203 | gradientUnits="objectBoundingBox" /> | ||
204 | <linearGradient | ||
205 | xlink:href="#linearGradient167" | ||
206 | id="linearGradient150" | ||
207 | x1="-0.30509499" | ||
208 | y1="0.099496603" | ||
209 | x2="0.156323" | ||
210 | y2="0.94191301" | ||
211 | gradientUnits="objectBoundingBox" | ||
212 | gradientTransform="matrix(-0.928523,0.283938,0.435332,0.943857,-1.91327e-7,5.49908e-8)" /> | ||
213 | <linearGradient | ||
214 | xlink:href="#linearGradient167" | ||
215 | id="linearGradient151" | ||
216 | x1="0.433979" | ||
217 | y1="0.022184599" | ||
218 | x2="0.487055" | ||
219 | y2="1.02569" | ||
220 | gradientUnits="objectBoundingBox" /> | ||
221 | <linearGradient | ||
222 | xlink:href="#linearGradient153" | ||
223 | id="linearGradient152" | ||
224 | x1="0.5" | ||
225 | y1="0.89842999" | ||
226 | x2="0.5" | ||
227 | y2="0.40625" | ||
228 | gradientUnits="objectBoundingBox" | ||
229 | spreadMethod="reflect" /> | ||
230 | <linearGradient | ||
231 | xlink:href="#linearGradient153" | ||
232 | id="linearGradient156" | ||
233 | x1="0.43568701" | ||
234 | y1="0.98882002" | ||
235 | x2="0.453989" | ||
236 | y2="0.23093501" | ||
237 | gradientUnits="objectBoundingBox" /> | ||
238 | <linearGradient | ||
239 | xlink:href="#linearGradient153" | ||
240 | id="linearGradient157" | ||
241 | x1="0.49180499" | ||
242 | y1="1.15284" | ||
243 | x2="0.49482101" | ||
244 | y2="0.41252401" | ||
245 | gradientUnits="objectBoundingBox" /> | ||
246 | <linearGradient | ||
247 | xlink:href="#linearGradient153" | ||
248 | id="linearGradient158" | ||
249 | x1="0.51730198" | ||
250 | y1="0.85418499" | ||
251 | x2="0.49843901" | ||
252 | y2="0.136172" | ||
253 | gradientUnits="objectBoundingBox" /> | ||
254 | <linearGradient | ||
255 | xlink:href="#linearGradient153" | ||
256 | id="linearGradient159" | ||
257 | x1="0.46201" | ||
258 | y1="0.87917101" | ||
259 | x2="0.49215299" | ||
260 | y2="0.096282303" | ||
261 | gradientUnits="objectBoundingBox" /> | ||
262 | <linearGradient | ||
263 | xlink:href="#linearGradient162" | ||
264 | id="linearGradient161" | ||
265 | x1="0.50086302" | ||
266 | y1="0.34872901" | ||
267 | x2="0.41209599" | ||
268 | y2="0.98558098" | ||
269 | gradientUnits="objectBoundingBox" /> | ||
270 | <linearGradient | ||
271 | xlink:href="#linearGradient162" | ||
272 | id="linearGradient165" | ||
273 | x1="0.60399801" | ||
274 | y1="0.51020199" | ||
275 | x2="0.46399999" | ||
276 | y2="0.98367399" | ||
277 | gradientUnits="objectBoundingBox" /> | ||
278 | <linearGradient | ||
279 | xlink:href="#linearGradient162" | ||
280 | id="linearGradient166" | ||
281 | x1="0.50000501" | ||
282 | y1="0.191616" | ||
283 | x2="0.50800002" | ||
284 | y2="0.97005898" | ||
285 | gradientUnits="objectBoundingBox" /> | ||
286 | <radialGradient | ||
287 | xlink:href="#linearGradient172" | ||
288 | id="radialGradient171" | ||
289 | cx="0.5" | ||
290 | cy="0.5" | ||
291 | fx="0.5" | ||
292 | fy="0.5" | ||
293 | r="0.5" | ||
294 | gradientUnits="objectBoundingBox" /> | ||
295 | <radialGradient | ||
296 | xlink:href="#linearGradient172" | ||
297 | id="radialGradient176" /> | ||
298 | <linearGradient | ||
299 | xlink:href="#linearGradient153" | ||
300 | id="linearGradient178" | ||
301 | x1="0.94027299" | ||
302 | y1="1.2934099" | ||
303 | x2="0.19452" | ||
304 | y2="-0.675295" | ||
305 | gradientUnits="objectBoundingBox" /> | ||
306 | <radialGradient | ||
307 | xlink:href="#linearGradient172" | ||
308 | id="radialGradient1399" | ||
309 | gradientTransform="scale(1.045233,0.956725)" | ||
310 | cx="446.77762" | ||
311 | cy="1219.4125" | ||
312 | fx="446.77762" | ||
313 | fy="1219.4125" | ||
314 | r="195.07191" | ||
315 | gradientUnits="userSpaceOnUse" /> | ||
316 | <linearGradient | ||
317 | xlink:href="#linearGradient153" | ||
318 | id="linearGradient1401" | ||
319 | gradientUnits="userSpaceOnUse" | ||
320 | x1="400.57785" | ||
321 | y1="369.53015" | ||
322 | x2="400.84448" | ||
323 | y2="304.07886" | ||
324 | gradientTransform="scale(0.575262,1.738339)" /> | ||
325 | <linearGradient | ||
326 | xlink:href="#linearGradient138" | ||
327 | id="linearGradient1403" | ||
328 | gradientUnits="userSpaceOnUse" | ||
329 | x1="303.01761" | ||
330 | y1="237.93179" | ||
331 | x2="297.0856" | ||
332 | y2="330.09561" | ||
333 | gradientTransform="scale(1.116071,0.896001)" /> | ||
334 | <linearGradient | ||
335 | xlink:href="#linearGradient153" | ||
336 | id="linearGradient1405" | ||
337 | gradientUnits="userSpaceOnUse" | ||
338 | gradientTransform="scale(0.816497,1.224744)" | ||
339 | x1="378.93771" | ||
340 | y1="278.60202" | ||
341 | x2="380.27319" | ||
342 | y2="243.91606" /> | ||
343 | <linearGradient | ||
344 | xlink:href="#linearGradient153" | ||
345 | id="linearGradient1407" | ||
346 | gradientUnits="userSpaceOnUse" | ||
347 | x1="381.38742" | ||
348 | y1="277.495" | ||
349 | x2="380.5517" | ||
350 | y2="245.68338" | ||
351 | gradientTransform="scale(0.816497,1.224744)" /> | ||
352 | <linearGradient | ||
353 | xlink:href="#linearGradient167" | ||
354 | id="linearGradient1409" | ||
355 | gradientUnits="userSpaceOnUse" | ||
356 | gradientTransform="scale(0.816497,1.224744)" | ||
357 | x1="379.09573" | ||
358 | y1="240.92712" | ||
359 | x2="376.79556" | ||
360 | y2="281.01636" /> | ||
361 | <linearGradient | ||
362 | xlink:href="#linearGradient167" | ||
363 | id="linearGradient1411" | ||
364 | gradientUnits="userSpaceOnUse" | ||
365 | x1="389.63535" | ||
366 | y1="242.28218" | ||
367 | x2="387.06866" | ||
368 | y2="281.32513" | ||
369 | gradientTransform="scale(0.816497,1.224744)" /> | ||
370 | <linearGradient | ||
371 | xlink:href="#linearGradient153" | ||
372 | id="linearGradient1413" | ||
373 | gradientUnits="userSpaceOnUse" | ||
374 | spreadMethod="reflect" | ||
375 | x1="437.57941" | ||
376 | y1="528.87177" | ||
377 | x2="437.57941" | ||
378 | y2="394.10361" | ||
379 | gradientTransform="scale(0.812855,1.230232)" /> | ||
380 | <linearGradient | ||
381 | xlink:href="#linearGradient153" | ||
382 | id="linearGradient1415" | ||
383 | gradientUnits="userSpaceOnUse" | ||
384 | x1="375.17325" | ||
385 | y1="419.78485" | ||
386 | x2="377.48541" | ||
387 | y2="324.03815" | ||
388 | gradientTransform="scale(0.649784,1.538974)" /> | ||
389 | <linearGradient | ||
390 | xlink:href="#linearGradient138" | ||
391 | id="linearGradient1417" | ||
392 | gradientUnits="userSpaceOnUse" | ||
393 | x1="320.75104" | ||
394 | y1="498.17776" | ||
395 | x2="321.32224" | ||
396 | y2="614.50439" | ||
397 | gradientTransform="scale(1.074798,0.930408)" /> | ||
398 | <linearGradient | ||
399 | xlink:href="#linearGradient167" | ||
400 | id="linearGradient1419" | ||
401 | gradientUnits="userSpaceOnUse" | ||
402 | x1="322.48257" | ||
403 | y1="435.26761" | ||
404 | x2="323.2514" | ||
405 | y2="488.48251" | ||
406 | gradientTransform="scale(1.077001,0.928504)" /> | ||
407 | <linearGradient | ||
408 | xlink:href="#linearGradient167" | ||
409 | id="linearGradient1421" | ||
410 | gradientUnits="userSpaceOnUse" | ||
411 | x1="411.2215" | ||
412 | y1="242.94365" | ||
413 | x2="411.2215" | ||
414 | y2="331.44858" | ||
415 | gradientTransform="scale(0.571707,1.749147)" /> | ||
416 | <linearGradient | ||
417 | xlink:href="#linearGradient167" | ||
418 | id="linearGradient1423" | ||
419 | gradientUnits="userSpaceOnUse" | ||
420 | x1="867.34546" | ||
421 | y1="234.73897" | ||
422 | x2="867.33453" | ||
423 | y2="314.83911" | ||
424 | gradientTransform="scale(0.572667,1.746214)" /> | ||
425 | <linearGradient | ||
426 | xlink:href="#linearGradient162" | ||
427 | id="linearGradient1425" | ||
428 | gradientUnits="userSpaceOnUse" | ||
429 | x1="236.25362" | ||
430 | y1="657.11133" | ||
431 | x2="212.5099" | ||
432 | y2="737.41229" | ||
433 | gradientTransform="scale(1.011514,0.988617)" /> | ||
434 | <linearGradient | ||
435 | xlink:href="#linearGradient153" | ||
436 | id="linearGradient1427" | ||
437 | gradientUnits="userSpaceOnUse" | ||
438 | x1="381.56607" | ||
439 | y1="655.73102" | ||
440 | x2="279.64313" | ||
441 | y2="386.66583" | ||
442 | gradientTransform="scale(1.065499,0.938527)" /> | ||
443 | <linearGradient | ||
444 | xlink:href="#linearGradient162" | ||
445 | id="linearGradient1429" | ||
446 | gradientUnits="userSpaceOnUse" | ||
447 | x1="218.11714" | ||
448 | y1="630.30475" | ||
449 | x2="203.12654" | ||
450 | y2="737.8537" | ||
451 | gradientTransform="scale(1.009851,0.990245)" /> | ||
452 | <linearGradient | ||
453 | xlink:href="#linearGradient167" | ||
454 | id="linearGradient1431" | ||
455 | gradientUnits="userSpaceOnUse" | ||
456 | gradientTransform="scale(1.007724,0.992335)" | ||
457 | x1="117.88966" | ||
458 | y1="587.23602" | ||
459 | x2="182.24524" | ||
460 | y2="704.73077" /> | ||
461 | <linearGradient | ||
462 | xlink:href="#linearGradient167" | ||
463 | id="linearGradient1433" | ||
464 | gradientUnits="userSpaceOnUse" | ||
465 | x1="223.10072" | ||
466 | y1="570.41809" | ||
467 | x2="230.53499" | ||
468 | y2="710.97723" | ||
469 | gradientTransform="scale(0.999504,1.000496)" /> | ||
470 | <linearGradient | ||
471 | xlink:href="#linearGradient167" | ||
472 | id="linearGradient1435" | ||
473 | gradientUnits="userSpaceOnUse" | ||
474 | x1="316.93988" | ||
475 | y1="474.01779" | ||
476 | x2="371.60889" | ||
477 | y2="582.63507" | ||
478 | gradientTransform="scale(1.065499,0.938527)" /> | ||
479 | <linearGradient | ||
480 | xlink:href="#linearGradient162" | ||
481 | id="linearGradient1437" | ||
482 | gradientUnits="userSpaceOnUse" | ||
483 | x1="284.68652" | ||
484 | y1="410.46326" | ||
485 | x2="285.45923" | ||
486 | y2="485.69934" | ||
487 | gradientTransform="scale(1.218684,0.820557)" /> | ||
488 | <linearGradient | ||
489 | xlink:href="#linearGradient167" | ||
490 | id="linearGradient1439" | ||
491 | gradientUnits="userSpaceOnUse" | ||
492 | x1="288.82358" | ||
493 | y1="398.85422" | ||
494 | x2="288.37628" | ||
495 | y2="482.55939" | ||
496 | gradientTransform="scale(1.221941,0.81837)" /> | ||
497 | <radialGradient | ||
498 | inkscape:collect="always" | ||
499 | xlink:href="#linearGradient172" | ||
500 | id="radialGradient5844" | ||
501 | gradientUnits="userSpaceOnUse" | ||
502 | gradientTransform="scale(1.045233,0.956725)" | ||
503 | cx="446.77762" | ||
504 | cy="1219.4125" | ||
505 | fx="446.77762" | ||
506 | fy="1219.4125" | ||
507 | r="195.07191" /> | ||
508 | <linearGradient | ||
509 | inkscape:collect="always" | ||
510 | xlink:href="#linearGradient153" | ||
511 | id="linearGradient5846" | ||
512 | gradientUnits="userSpaceOnUse" | ||
513 | gradientTransform="scale(0.575262,1.738339)" | ||
514 | x1="400.57785" | ||
515 | y1="369.53015" | ||
516 | x2="400.84448" | ||
517 | y2="304.07886" /> | ||
518 | <linearGradient | ||
519 | inkscape:collect="always" | ||
520 | xlink:href="#linearGradient138" | ||
521 | id="linearGradient5848" | ||
522 | gradientUnits="userSpaceOnUse" | ||
523 | gradientTransform="scale(1.116071,0.896001)" | ||
524 | x1="303.01761" | ||
525 | y1="237.93179" | ||
526 | x2="297.0856" | ||
527 | y2="330.09561" /> | ||
528 | <linearGradient | ||
529 | inkscape:collect="always" | ||
530 | xlink:href="#linearGradient153" | ||
531 | id="linearGradient5850" | ||
532 | gradientUnits="userSpaceOnUse" | ||
533 | gradientTransform="scale(0.816497,1.224744)" | ||
534 | x1="378.93771" | ||
535 | y1="278.60202" | ||
536 | x2="380.27319" | ||
537 | y2="243.91606" /> | ||
538 | <linearGradient | ||
539 | inkscape:collect="always" | ||
540 | xlink:href="#linearGradient153" | ||
541 | id="linearGradient5852" | ||
542 | gradientUnits="userSpaceOnUse" | ||
543 | gradientTransform="scale(0.816497,1.224744)" | ||
544 | x1="381.38742" | ||
545 | y1="277.495" | ||
546 | x2="380.5517" | ||
547 | y2="245.68338" /> | ||
548 | <linearGradient | ||
549 | inkscape:collect="always" | ||
550 | xlink:href="#linearGradient167" | ||
551 | id="linearGradient5854" | ||
552 | gradientUnits="userSpaceOnUse" | ||
553 | gradientTransform="scale(0.816497,1.224744)" | ||
554 | x1="379.09573" | ||
555 | y1="240.92712" | ||
556 | x2="376.79556" | ||
557 | y2="281.01636" /> | ||
558 | <linearGradient | ||
559 | inkscape:collect="always" | ||
560 | xlink:href="#linearGradient167" | ||
561 | id="linearGradient5856" | ||
562 | gradientUnits="userSpaceOnUse" | ||
563 | gradientTransform="scale(0.816497,1.224744)" | ||
564 | x1="389.63535" | ||
565 | y1="242.28218" | ||
566 | x2="387.06866" | ||
567 | y2="281.32513" /> | ||
568 | <linearGradient | ||
569 | inkscape:collect="always" | ||
570 | xlink:href="#linearGradient153" | ||
571 | id="linearGradient5858" | ||
572 | gradientUnits="userSpaceOnUse" | ||
573 | gradientTransform="scale(0.812855,1.230232)" | ||
574 | spreadMethod="reflect" | ||
575 | x1="437.57941" | ||
576 | y1="528.87177" | ||
577 | x2="437.57941" | ||
578 | y2="394.10361" /> | ||
579 | <linearGradient | ||
580 | inkscape:collect="always" | ||
581 | xlink:href="#linearGradient153" | ||
582 | id="linearGradient5860" | ||
583 | gradientUnits="userSpaceOnUse" | ||
584 | gradientTransform="scale(0.649784,1.538974)" | ||
585 | x1="375.17325" | ||
586 | y1="419.78485" | ||
587 | x2="377.48541" | ||
588 | y2="324.03815" /> | ||
589 | <linearGradient | ||
590 | inkscape:collect="always" | ||
591 | xlink:href="#linearGradient138" | ||
592 | id="linearGradient5862" | ||
593 | gradientUnits="userSpaceOnUse" | ||
594 | gradientTransform="scale(1.074798,0.930408)" | ||
595 | x1="320.75104" | ||
596 | y1="498.17776" | ||
597 | x2="321.32224" | ||
598 | y2="614.50439" /> | ||
599 | <linearGradient | ||
600 | inkscape:collect="always" | ||
601 | xlink:href="#linearGradient167" | ||
602 | id="linearGradient5864" | ||
603 | gradientUnits="userSpaceOnUse" | ||
604 | gradientTransform="scale(1.077001,0.928504)" | ||
605 | x1="322.48257" | ||
606 | y1="435.26761" | ||
607 | x2="323.2514" | ||
608 | y2="488.48251" /> | ||
609 | <linearGradient | ||
610 | inkscape:collect="always" | ||
611 | xlink:href="#linearGradient167" | ||
612 | id="linearGradient5866" | ||
613 | gradientUnits="userSpaceOnUse" | ||
614 | gradientTransform="scale(0.571707,1.749147)" | ||
615 | x1="411.2215" | ||
616 | y1="242.94365" | ||
617 | x2="411.2215" | ||
618 | y2="331.44858" /> | ||
619 | <linearGradient | ||
620 | inkscape:collect="always" | ||
621 | xlink:href="#linearGradient167" | ||
622 | id="linearGradient5868" | ||
623 | gradientUnits="userSpaceOnUse" | ||
624 | gradientTransform="scale(0.572667,1.746214)" | ||
625 | x1="867.34546" | ||
626 | y1="234.73897" | ||
627 | x2="867.33453" | ||
628 | y2="314.83911" /> | ||
629 | <linearGradient | ||
630 | inkscape:collect="always" | ||
631 | xlink:href="#linearGradient162" | ||
632 | id="linearGradient5870" | ||
633 | gradientUnits="userSpaceOnUse" | ||
634 | gradientTransform="scale(1.011514,0.988617)" | ||
635 | x1="236.25362" | ||
636 | y1="657.11133" | ||
637 | x2="212.5099" | ||
638 | y2="737.41229" /> | ||
639 | <linearGradient | ||
640 | inkscape:collect="always" | ||
641 | xlink:href="#linearGradient153" | ||
642 | id="linearGradient5872" | ||
643 | gradientUnits="userSpaceOnUse" | ||
644 | gradientTransform="scale(1.065499,0.938527)" | ||
645 | x1="381.56607" | ||
646 | y1="655.73102" | ||
647 | x2="279.64313" | ||
648 | y2="386.66583" /> | ||
649 | <linearGradient | ||
650 | inkscape:collect="always" | ||
651 | xlink:href="#linearGradient162" | ||
652 | id="linearGradient5874" | ||
653 | gradientUnits="userSpaceOnUse" | ||
654 | gradientTransform="scale(1.009851,0.990245)" | ||
655 | x1="218.11714" | ||
656 | y1="630.30475" | ||
657 | x2="203.12654" | ||
658 | y2="737.8537" /> | ||
659 | <linearGradient | ||
660 | inkscape:collect="always" | ||
661 | xlink:href="#linearGradient167" | ||
662 | id="linearGradient5876" | ||
663 | gradientUnits="userSpaceOnUse" | ||
664 | gradientTransform="scale(1.007724,0.992335)" | ||
665 | x1="117.88966" | ||
666 | y1="587.23602" | ||
667 | x2="182.24524" | ||
668 | y2="704.73077" /> | ||
669 | <linearGradient | ||
670 | inkscape:collect="always" | ||
671 | xlink:href="#linearGradient167" | ||
672 | id="linearGradient5878" | ||
673 | gradientUnits="userSpaceOnUse" | ||
674 | gradientTransform="scale(0.999504,1.000496)" | ||
675 | x1="223.10072" | ||
676 | y1="570.41809" | ||
677 | x2="230.53499" | ||
678 | y2="710.97723" /> | ||
679 | <linearGradient | ||
680 | inkscape:collect="always" | ||
681 | xlink:href="#linearGradient167" | ||
682 | id="linearGradient5880" | ||
683 | gradientUnits="userSpaceOnUse" | ||
684 | gradientTransform="scale(1.065499,0.938527)" | ||
685 | x1="316.93988" | ||
686 | y1="474.01779" | ||
687 | x2="371.60889" | ||
688 | y2="582.63507" /> | ||
689 | <linearGradient | ||
690 | inkscape:collect="always" | ||
691 | xlink:href="#linearGradient162" | ||
692 | id="linearGradient5882" | ||
693 | gradientUnits="userSpaceOnUse" | ||
694 | gradientTransform="scale(1.218684,0.820557)" | ||
695 | x1="284.68652" | ||
696 | y1="410.46326" | ||
697 | x2="285.45923" | ||
698 | y2="485.69934" /> | ||
699 | <linearGradient | ||
700 | inkscape:collect="always" | ||
701 | xlink:href="#linearGradient167" | ||
702 | id="linearGradient5884" | ||
703 | gradientUnits="userSpaceOnUse" | ||
704 | gradientTransform="scale(1.221941,0.81837)" | ||
705 | x1="288.82358" | ||
706 | y1="398.85422" | ||
707 | x2="288.37628" | ||
708 | y2="482.55939" /> | ||
709 | <linearGradient | ||
710 | inkscape:collect="always" | ||
711 | xlink:href="#linearGradient167" | ||
712 | id="linearGradient5936" | ||
713 | gradientUnits="userSpaceOnUse" | ||
714 | gradientTransform="matrix(6.8689234e-2,-0.4008691,0.3415516,4.336381e-2,-313.66484,483.36861)" | ||
715 | x1="316.93988" | ||
716 | y1="474.01779" | ||
717 | x2="371.60889" | ||
718 | y2="582.63507" /> | ||
719 | <linearGradient | ||
720 | inkscape:collect="always" | ||
721 | xlink:href="#linearGradient153" | ||
722 | id="linearGradient5949" | ||
723 | gradientUnits="userSpaceOnUse" | ||
724 | gradientTransform="matrix(0.6373879,0.286176,-0.2248927,0.5792711,-190.14391,-154.55792)" | ||
725 | x1="381.56607" | ||
726 | y1="655.73102" | ||
727 | x2="279.64313" | ||
728 | y2="386.66583" /> | ||
729 | <linearGradient | ||
730 | inkscape:collect="always" | ||
731 | xlink:href="#linearGradient153" | ||
732 | id="linearGradient5992" | ||
733 | gradientUnits="userSpaceOnUse" | ||
734 | gradientTransform="matrix(-0.9649387,-1.2915552e-2,-3.6719978e-2,2.5569228,169.00168,-594.11178)" | ||
735 | x1="400.57785" | ||
736 | y1="369.53015" | ||
737 | x2="400.84448" | ||
738 | y2="304.07886" /> | ||
739 | <linearGradient | ||
740 | inkscape:collect="always" | ||
741 | xlink:href="#linearGradient167" | ||
742 | id="linearGradient6820" | ||
743 | gradientUnits="userSpaceOnUse" | ||
744 | gradientTransform="matrix(0.1593287,2.2594958e-2,6.8898041e-2,-0.4858355,313.34561,293.76431)" | ||
745 | x1="867.34546" | ||
746 | y1="234.73897" | ||
747 | x2="867.33453" | ||
748 | y2="314.83911" /> | ||
749 | <linearGradient | ||
750 | inkscape:collect="always" | ||
751 | xlink:href="#linearGradient167" | ||
752 | id="linearGradient6824" | ||
753 | gradientUnits="userSpaceOnUse" | ||
754 | gradientTransform="matrix(-0.184254,-0.3061768,0.2434767,-0.1724949,439.82488,377.41134)" | ||
755 | x1="294.40485" | ||
756 | y1="481.32233" | ||
757 | x2="371.60889" | ||
758 | y2="582.63507" /> | ||
759 | <linearGradient | ||
760 | inkscape:collect="always" | ||
761 | xlink:href="#linearGradient167" | ||
762 | id="linearGradient2514" | ||
763 | gradientUnits="userSpaceOnUse" | ||
764 | gradientTransform="matrix(7.6104436e-3,-0.1875898,0.5720113,2.3206217e-2,1167.6399,-164.81318)" | ||
765 | x1="892.69696" | ||
766 | y1="258.28925" | ||
767 | x2="564.89618" | ||
768 | y2="281.90463" /> | ||
769 | <linearGradient | ||
770 | inkscape:collect="always" | ||
771 | xlink:href="#linearGradient167" | ||
772 | id="linearGradient2517" | ||
773 | gradientUnits="userSpaceOnUse" | ||
774 | gradientTransform="matrix(0.2316272,0.2342907,0.7144146,-0.7062927,960.97808,-166.19015)" | ||
775 | x1="867.34546" | ||
776 | y1="234.73897" | ||
777 | x2="867.33453" | ||
778 | y2="314.83911" /> | ||
779 | <linearGradient | ||
780 | inkscape:collect="always" | ||
781 | xlink:href="#linearGradient167" | ||
782 | id="linearGradient2520" | ||
783 | gradientUnits="userSpaceOnUse" | ||
784 | gradientTransform="matrix(0.7672384,0,0,0.4874752,936.37068,-466.38275)" | ||
785 | x1="288.82358" | ||
786 | y1="398.85422" | ||
787 | x2="288.37628" | ||
788 | y2="482.55939" /> | ||
789 | <linearGradient | ||
790 | inkscape:collect="always" | ||
791 | xlink:href="#linearGradient162" | ||
792 | id="linearGradient2524" | ||
793 | gradientUnits="userSpaceOnUse" | ||
794 | gradientTransform="matrix(1.523355,0,0,1.0256962,729.45868,-685.70504)" | ||
795 | x1="284.68652" | ||
796 | y1="410.46326" | ||
797 | x2="285.45923" | ||
798 | y2="485.69934" /> | ||
799 | <linearGradient | ||
800 | inkscape:collect="always" | ||
801 | xlink:href="#linearGradient167" | ||
802 | id="linearGradient2527" | ||
803 | gradientUnits="userSpaceOnUse" | ||
804 | gradientTransform="matrix(1.0038119,-5.2260066e-2,-1.740863e-2,1.0462687,788.19568,-546.66535)" | ||
805 | x1="223.10072" | ||
806 | y1="570.41809" | ||
807 | x2="230.53499" | ||
808 | y2="710.97723" /> | ||
809 | <linearGradient | ||
810 | inkscape:collect="always" | ||
811 | xlink:href="#linearGradient167" | ||
812 | id="linearGradient2530" | ||
813 | gradientUnits="userSpaceOnUse" | ||
814 | gradientTransform="matrix(-0.9523959,0.3464001,0.4208255,0.9487298,1258.3327,-582.54204)" | ||
815 | x1="117.88966" | ||
816 | y1="587.23602" | ||
817 | x2="182.24524" | ||
818 | y2="704.73077" /> | ||
819 | <linearGradient | ||
820 | inkscape:collect="always" | ||
821 | xlink:href="#linearGradient162" | ||
822 | id="linearGradient2533" | ||
823 | gradientUnits="userSpaceOnUse" | ||
824 | gradientTransform="matrix(-1.1800109,0.4273134,0.4706466,1.1534176,1272.3477,-732.02104)" | ||
825 | x1="218.11714" | ||
826 | y1="630.30475" | ||
827 | x2="203.12654" | ||
828 | y2="737.8537" /> | ||
829 | <linearGradient | ||
830 | inkscape:collect="always" | ||
831 | xlink:href="#linearGradient162" | ||
832 | id="linearGradient2536" | ||
833 | gradientUnits="userSpaceOnUse" | ||
834 | gradientTransform="matrix(1.2643925,0,0,1.2357712,729.45868,-685.70504)" | ||
835 | x1="236.25362" | ||
836 | y1="657.11133" | ||
837 | x2="212.5099" | ||
838 | y2="737.41229" /> | ||
839 | <linearGradient | ||
840 | inkscape:collect="always" | ||
841 | xlink:href="#linearGradient6810" | ||
842 | id="linearGradient2539" | ||
843 | gradientUnits="userSpaceOnUse" | ||
844 | gradientTransform="matrix(0.599201,7.9485483e-2,-0.2318863,1.9097465,860.80461,-630.61189)" | ||
845 | x1="855.06372" | ||
846 | y1="238.8383" | ||
847 | x2="871.15576" | ||
848 | y2="315.45914" /> | ||
849 | <linearGradient | ||
850 | inkscape:collect="always" | ||
851 | xlink:href="#linearGradient167" | ||
852 | id="linearGradient2545" | ||
853 | gradientUnits="userSpaceOnUse" | ||
854 | gradientTransform="matrix(1.2781848,0,0,0.990788,754.62768,-618.27804)" | ||
855 | x1="322.48257" | ||
856 | y1="435.26761" | ||
857 | x2="323.2514" | ||
858 | y2="488.48251" /> | ||
859 | <linearGradient | ||
860 | inkscape:collect="always" | ||
861 | xlink:href="#linearGradient138" | ||
862 | id="linearGradient2548" | ||
863 | gradientUnits="userSpaceOnUse" | ||
864 | gradientTransform="matrix(1.3994837,0,0,1.1399824,714.04668,-671.75704)" | ||
865 | x1="320.75104" | ||
866 | y1="498.17776" | ||
867 | x2="321.32224" | ||
868 | y2="614.50439" /> | ||
869 | <linearGradient | ||
870 | inkscape:collect="always" | ||
871 | xlink:href="#linearGradient153" | ||
872 | id="linearGradient2555" | ||
873 | gradientUnits="userSpaceOnUse" | ||
874 | gradientTransform="matrix(1.0160687,0,0,1.53779,729.45868,-686.43004)" | ||
875 | spreadMethod="reflect" | ||
876 | x1="437.57941" | ||
877 | y1="528.87177" | ||
878 | x2="437.57941" | ||
879 | y2="394.10361" /> | ||
880 | <linearGradient | ||
881 | inkscape:collect="always" | ||
882 | xlink:href="#linearGradient167" | ||
883 | id="linearGradient2558" | ||
884 | gradientUnits="userSpaceOnUse" | ||
885 | gradientTransform="matrix(0.2914159,-3.3330306e-2,5.0610341e-2,0.4881144,1003.9662,-404.72726)" | ||
886 | x1="389.63535" | ||
887 | y1="242.28218" | ||
888 | x2="387.06866" | ||
889 | y2="281.32513" /> | ||
890 | <linearGradient | ||
891 | inkscape:collect="always" | ||
892 | xlink:href="#linearGradient167" | ||
893 | id="linearGradient2561" | ||
894 | gradientUnits="userSpaceOnUse" | ||
895 | gradientTransform="matrix(-0.3921823,-2.9764582e-2,-5.7310058e-2,0.5824956,1376.4784,-428.91032)" | ||
896 | x1="379.09573" | ||
897 | y1="240.92712" | ||
898 | x2="376.79556" | ||
899 | y2="281.01636" /> | ||
900 | <linearGradient | ||
901 | inkscape:collect="always" | ||
902 | xlink:href="#linearGradient153" | ||
903 | id="linearGradient2566" | ||
904 | gradientUnits="userSpaceOnUse" | ||
905 | gradientTransform="matrix(-1.4785291,4.0425338e-2,3.8864067e-2,1.9024316,1751.4647,-802.97704)" | ||
906 | x1="381.38742" | ||
907 | y1="277.495" | ||
908 | x2="380.5517" | ||
909 | y2="245.68338" /> | ||
910 | <linearGradient | ||
911 | inkscape:collect="always" | ||
912 | xlink:href="#linearGradient153" | ||
913 | id="linearGradient2569" | ||
914 | gradientUnits="userSpaceOnUse" | ||
915 | gradientTransform="matrix(1.0650795,-6.1672141e-2,9.4458503e-2,1.6443046,688.76168,-695.81704)" | ||
916 | x1="378.93771" | ||
917 | y1="278.60202" | ||
918 | x2="380.27319" | ||
919 | y2="243.91606" /> | ||
920 | <linearGradient | ||
921 | inkscape:collect="always" | ||
922 | xlink:href="#linearGradient138" | ||
923 | id="linearGradient2572" | ||
924 | gradientUnits="userSpaceOnUse" | ||
925 | gradientTransform="matrix(1.4132361,-7.9650304e-2,-4.1197678e-2,1.0713842,746.14768,-643.96104)" | ||
926 | x1="303.01761" | ||
927 | y1="237.93179" | ||
928 | x2="297.0856" | ||
929 | y2="330.09561" /> | ||
930 | <radialGradient | ||
931 | inkscape:collect="always" | ||
932 | xlink:href="#linearGradient172" | ||
933 | id="radialGradient2577" | ||
934 | gradientUnits="userSpaceOnUse" | ||
935 | gradientTransform="matrix(1.4818268,0,0,0.3967969,505.21028,-296.00604)" | ||
936 | cx="446.77762" | ||
937 | cy="1219.4125" | ||
938 | fx="446.77762" | ||
939 | fy="1219.4125" | ||
940 | r="195.07191" /> | ||
941 | <linearGradient | ||
942 | inkscape:collect="always" | ||
943 | xlink:href="#linearGradient167" | ||
944 | id="linearGradient3353" | ||
945 | gradientUnits="userSpaceOnUse" | ||
946 | gradientTransform="matrix(-7.6104436e-3,-0.1875898,-0.5720113,2.3206217e-2,1186.0942,-162.08752)" | ||
947 | x1="892.69696" | ||
948 | y1="258.28925" | ||
949 | x2="564.89618" | ||
950 | y2="281.90463" /> | ||
951 | <radialGradient | ||
952 | inkscape:collect="always" | ||
953 | xlink:href="#linearGradient172" | ||
954 | id="radialGradient3411" | ||
955 | gradientUnits="userSpaceOnUse" | ||
956 | gradientTransform="matrix(1.4818268,0,0,0.3967969,-359.87341,176.94177)" | ||
957 | cx="446.77762" | ||
958 | cy="1219.4125" | ||
959 | fx="446.77762" | ||
960 | fy="1219.4125" | ||
961 | r="195.07191" /> | ||
962 | <linearGradient | ||
963 | inkscape:collect="always" | ||
964 | xlink:href="#linearGradient138" | ||
965 | id="linearGradient3413" | ||
966 | gradientUnits="userSpaceOnUse" | ||
967 | gradientTransform="matrix(1.4132361,-7.9650304e-2,-4.1197678e-2,1.0713842,-118.936,-171.0132)" | ||
968 | x1="303.01761" | ||
969 | y1="237.93179" | ||
970 | x2="297.0856" | ||
971 | y2="330.09561" /> | ||
972 | <linearGradient | ||
973 | inkscape:collect="always" | ||
974 | xlink:href="#linearGradient153" | ||
975 | id="linearGradient3415" | ||
976 | gradientUnits="userSpaceOnUse" | ||
977 | gradientTransform="matrix(1.0650795,-6.1672141e-2,9.4458503e-2,1.6443046,-176.32201,-222.8692)" | ||
978 | x1="378.93771" | ||
979 | y1="278.60202" | ||
980 | x2="380.27319" | ||
981 | y2="243.91606" /> | ||
982 | <linearGradient | ||
983 | inkscape:collect="always" | ||
984 | xlink:href="#linearGradient153" | ||
985 | id="linearGradient3417" | ||
986 | gradientUnits="userSpaceOnUse" | ||
987 | gradientTransform="matrix(-1.4785291,4.0425338e-2,3.8864067e-2,1.9024316,886.38099,-330.0292)" | ||
988 | x1="381.38742" | ||
989 | y1="277.495" | ||
990 | x2="380.5517" | ||
991 | y2="245.68338" /> | ||
992 | <linearGradient | ||
993 | inkscape:collect="always" | ||
994 | xlink:href="#linearGradient167" | ||
995 | id="linearGradient3419" | ||
996 | gradientUnits="userSpaceOnUse" | ||
997 | gradientTransform="matrix(-0.3921823,-2.9764582e-2,-5.7310058e-2,0.5824956,511.39472,44.037525)" | ||
998 | x1="379.09573" | ||
999 | y1="240.92712" | ||
1000 | x2="376.79556" | ||
1001 | y2="281.01636" /> | ||
1002 | <linearGradient | ||
1003 | inkscape:collect="always" | ||
1004 | xlink:href="#linearGradient167" | ||
1005 | id="linearGradient3421" | ||
1006 | gradientUnits="userSpaceOnUse" | ||
1007 | gradientTransform="matrix(0.2914159,-3.3330306e-2,5.0610341e-2,0.4881144,138.88252,68.220525)" | ||
1008 | x1="389.63535" | ||
1009 | y1="242.28218" | ||
1010 | x2="387.06866" | ||
1011 | y2="281.32513" /> | ||
1012 | <linearGradient | ||
1013 | inkscape:collect="always" | ||
1014 | xlink:href="#linearGradient153" | ||
1015 | id="linearGradient3423" | ||
1016 | gradientUnits="userSpaceOnUse" | ||
1017 | gradientTransform="matrix(1.0160687,0,0,1.53779,-135.62501,-213.4822)" | ||
1018 | spreadMethod="reflect" | ||
1019 | x1="437.57941" | ||
1020 | y1="528.87177" | ||
1021 | x2="437.57941" | ||
1022 | y2="394.10361" /> | ||
1023 | <linearGradient | ||
1024 | inkscape:collect="always" | ||
1025 | xlink:href="#linearGradient153" | ||
1026 | id="linearGradient3425" | ||
1027 | gradientUnits="userSpaceOnUse" | ||
1028 | gradientTransform="matrix(0.9027839,-7.2174108e-2,0.1573001,2.0039596,-212.66601,-211.1902)" | ||
1029 | x1="375.17325" | ||
1030 | y1="419.78485" | ||
1031 | x2="377.48541" | ||
1032 | y2="324.03815" /> | ||
1033 | <linearGradient | ||
1034 | inkscape:collect="always" | ||
1035 | xlink:href="#linearGradient138" | ||
1036 | id="linearGradient3427" | ||
1037 | gradientUnits="userSpaceOnUse" | ||
1038 | gradientTransform="matrix(1.3994837,0,0,1.1399824,-151.03701,-198.8092)" | ||
1039 | x1="320.75104" | ||
1040 | y1="498.17776" | ||
1041 | x2="321.32224" | ||
1042 | y2="614.50439" /> | ||
1043 | <linearGradient | ||
1044 | inkscape:collect="always" | ||
1045 | xlink:href="#linearGradient167" | ||
1046 | id="linearGradient3429" | ||
1047 | gradientUnits="userSpaceOnUse" | ||
1048 | gradientTransform="matrix(1.2781848,0,0,0.990788,-110.456,-145.33018)" | ||
1049 | x1="322.48257" | ||
1050 | y1="435.26761" | ||
1051 | x2="323.2514" | ||
1052 | y2="488.48251" /> | ||
1053 | <linearGradient | ||
1054 | inkscape:collect="always" | ||
1055 | xlink:href="#linearGradient167" | ||
1056 | id="linearGradient3431" | ||
1057 | gradientUnits="userSpaceOnUse" | ||
1058 | gradientTransform="matrix(0.7146338,0,0,2.1864338,-135.62501,-212.7572)" | ||
1059 | x1="411.2215" | ||
1060 | y1="242.94365" | ||
1061 | x2="411.2215" | ||
1062 | y2="331.44858" /> | ||
1063 | <linearGradient | ||
1064 | inkscape:collect="always" | ||
1065 | xlink:href="#linearGradient6810" | ||
1066 | id="linearGradient3433" | ||
1067 | gradientUnits="userSpaceOnUse" | ||
1068 | gradientTransform="matrix(0.599201,7.9485483e-2,-0.2318863,1.9097465,10.90312,-180.4374)" | ||
1069 | x1="855.06372" | ||
1070 | y1="238.8383" | ||
1071 | x2="871.15576" | ||
1072 | y2="315.45914" /> | ||
1073 | <linearGradient | ||
1074 | inkscape:collect="always" | ||
1075 | xlink:href="#linearGradient162" | ||
1076 | id="linearGradient3435" | ||
1077 | gradientUnits="userSpaceOnUse" | ||
1078 | gradientTransform="matrix(1.2643925,0,0,1.2357712,-135.62501,-212.7572)" | ||
1079 | x1="236.25362" | ||
1080 | y1="657.11133" | ||
1081 | x2="212.5099" | ||
1082 | y2="737.41229" /> | ||
1083 | <linearGradient | ||
1084 | inkscape:collect="always" | ||
1085 | xlink:href="#linearGradient162" | ||
1086 | id="linearGradient3437" | ||
1087 | gradientUnits="userSpaceOnUse" | ||
1088 | gradientTransform="matrix(-1.1800109,0.4273134,0.4706466,1.1534176,407.26399,-259.0732)" | ||
1089 | x1="218.11714" | ||
1090 | y1="630.30475" | ||
1091 | x2="203.12654" | ||
1092 | y2="737.8537" /> | ||
1093 | <linearGradient | ||
1094 | inkscape:collect="always" | ||
1095 | xlink:href="#linearGradient167" | ||
1096 | id="linearGradient3439" | ||
1097 | gradientUnits="userSpaceOnUse" | ||
1098 | gradientTransform="matrix(-0.9523959,0.3464001,0.4208255,0.9487298,393.24899,-109.59418)" | ||
1099 | x1="117.88966" | ||
1100 | y1="587.23602" | ||
1101 | x2="182.24524" | ||
1102 | y2="704.73077" /> | ||
1103 | <linearGradient | ||
1104 | inkscape:collect="always" | ||
1105 | xlink:href="#linearGradient167" | ||
1106 | id="linearGradient3441" | ||
1107 | gradientUnits="userSpaceOnUse" | ||
1108 | gradientTransform="matrix(1.0038119,-5.2260066e-2,-1.740863e-2,1.0462687,-76.888003,-73.717475)" | ||
1109 | x1="223.10072" | ||
1110 | y1="570.41809" | ||
1111 | x2="230.53499" | ||
1112 | y2="710.97723" /> | ||
1113 | <linearGradient | ||
1114 | inkscape:collect="always" | ||
1115 | xlink:href="#linearGradient162" | ||
1116 | id="linearGradient3443" | ||
1117 | gradientUnits="userSpaceOnUse" | ||
1118 | gradientTransform="matrix(1.523355,0,0,1.0256962,-135.62501,-212.7572)" | ||
1119 | x1="284.68652" | ||
1120 | y1="410.46326" | ||
1121 | x2="285.45923" | ||
1122 | y2="485.69934" /> | ||
1123 | <linearGradient | ||
1124 | inkscape:collect="always" | ||
1125 | xlink:href="#linearGradient167" | ||
1126 | id="linearGradient3445" | ||
1127 | gradientUnits="userSpaceOnUse" | ||
1128 | gradientTransform="matrix(0.7672384,0,0,0.4874752,71.286992,6.5651249)" | ||
1129 | x1="288.82358" | ||
1130 | y1="398.85422" | ||
1131 | x2="288.37628" | ||
1132 | y2="482.55939" /> | ||
1133 | <linearGradient | ||
1134 | inkscape:collect="always" | ||
1135 | xlink:href="#linearGradient167" | ||
1136 | id="linearGradient3447" | ||
1137 | gradientUnits="userSpaceOnUse" | ||
1138 | gradientTransform="matrix(0.2316272,0.2342907,0.7144146,-0.7062927,95.894394,306.75766)" | ||
1139 | x1="867.34546" | ||
1140 | y1="234.73897" | ||
1141 | x2="867.33453" | ||
1142 | y2="314.83911" /> | ||
1143 | <linearGradient | ||
1144 | inkscape:collect="always" | ||
1145 | xlink:href="#linearGradient167" | ||
1146 | id="linearGradient3449" | ||
1147 | gradientUnits="userSpaceOnUse" | ||
1148 | gradientTransform="matrix(7.6104436e-3,-0.1875898,0.5720113,2.3206217e-2,302.55621,308.13463)" | ||
1149 | x1="892.69696" | ||
1150 | y1="258.28925" | ||
1151 | x2="564.89618" | ||
1152 | y2="281.90463" /> | ||
1153 | <linearGradient | ||
1154 | inkscape:collect="always" | ||
1155 | xlink:href="#linearGradient167" | ||
1156 | id="linearGradient3455" | ||
1157 | gradientUnits="userSpaceOnUse" | ||
1158 | gradientTransform="matrix(-0.1449278,0.2958704,-0.9021871,-0.4419231,1401.2488,-283.33537)" | ||
1159 | x1="867.34546" | ||
1160 | y1="234.73897" | ||
1161 | x2="867.33453" | ||
1162 | y2="314.83911" /> | ||
1163 | <linearGradient | ||
1164 | inkscape:collect="always" | ||
1165 | xlink:href="#linearGradient6810" | ||
1166 | id="linearGradient3459" | ||
1167 | gradientUnits="userSpaceOnUse" | ||
1168 | gradientTransform="matrix(-0.6037841,2.836597e-2,6.9037787e-2,1.9225339,1538.2922,-593.33926)" | ||
1169 | x1="855.06372" | ||
1170 | y1="238.8383" | ||
1171 | x2="871.15576" | ||
1172 | y2="315.45914" /> | ||
1173 | <linearGradient | ||
1174 | inkscape:collect="always" | ||
1175 | xlink:href="#linearGradient167" | ||
1176 | id="linearGradient5957" | ||
1177 | gradientUnits="userSpaceOnUse" | ||
1178 | gradientTransform="matrix(7.6104436e-3,-0.1875898,0.5720113,2.3206217e-2,313.36793,291.43423)" | ||
1179 | x1="892.69696" | ||
1180 | y1="258.28925" | ||
1181 | x2="564.89618" | ||
1182 | y2="281.90463" /> | ||
1183 | <linearGradient | ||
1184 | inkscape:collect="always" | ||
1185 | xlink:href="#linearGradient167" | ||
1186 | id="linearGradient5960" | ||
1187 | gradientUnits="userSpaceOnUse" | ||
1188 | gradientTransform="matrix(0.2316272,0.2342907,0.7144146,-0.7062927,95.894394,306.75766)" | ||
1189 | x1="867.34546" | ||
1190 | y1="234.73897" | ||
1191 | x2="867.33453" | ||
1192 | y2="314.83911" /> | ||
1193 | <linearGradient | ||
1194 | inkscape:collect="always" | ||
1195 | xlink:href="#linearGradient167" | ||
1196 | id="linearGradient5963" | ||
1197 | gradientUnits="userSpaceOnUse" | ||
1198 | gradientTransform="matrix(0.7672384,0,0,0.4874752,71.286992,6.5651249)" | ||
1199 | x1="288.82358" | ||
1200 | y1="398.85422" | ||
1201 | x2="288.37628" | ||
1202 | y2="482.55939" /> | ||
1203 | <linearGradient | ||
1204 | inkscape:collect="always" | ||
1205 | xlink:href="#linearGradient162" | ||
1206 | id="linearGradient5967" | ||
1207 | gradientUnits="userSpaceOnUse" | ||
1208 | gradientTransform="matrix(1.523355,0,0,1.0256962,-135.62501,-212.7572)" | ||
1209 | x1="284.68652" | ||
1210 | y1="410.46326" | ||
1211 | x2="285.45923" | ||
1212 | y2="485.69934" /> | ||
1213 | <linearGradient | ||
1214 | inkscape:collect="always" | ||
1215 | xlink:href="#linearGradient167" | ||
1216 | id="linearGradient5970" | ||
1217 | gradientUnits="userSpaceOnUse" | ||
1218 | gradientTransform="matrix(1.0038119,-5.2260066e-2,-1.740863e-2,1.0462687,-76.888003,-73.717475)" | ||
1219 | x1="223.10072" | ||
1220 | y1="570.41809" | ||
1221 | x2="230.53499" | ||
1222 | y2="710.97723" /> | ||
1223 | <linearGradient | ||
1224 | inkscape:collect="always" | ||
1225 | xlink:href="#linearGradient167" | ||
1226 | id="linearGradient5973" | ||
1227 | gradientUnits="userSpaceOnUse" | ||
1228 | gradientTransform="matrix(-0.9523959,0.3464001,0.4208255,0.9487298,393.24899,-109.59418)" | ||
1229 | x1="117.88966" | ||
1230 | y1="587.23602" | ||
1231 | x2="182.24524" | ||
1232 | y2="704.73077" /> | ||
1233 | <linearGradient | ||
1234 | inkscape:collect="always" | ||
1235 | xlink:href="#linearGradient162" | ||
1236 | id="linearGradient5976" | ||
1237 | gradientUnits="userSpaceOnUse" | ||
1238 | gradientTransform="matrix(-1.1800109,0.4273134,0.4706466,1.1534176,407.26399,-259.0732)" | ||
1239 | x1="218.11714" | ||
1240 | y1="630.30475" | ||
1241 | x2="203.12654" | ||
1242 | y2="737.8537" /> | ||
1243 | <linearGradient | ||
1244 | inkscape:collect="always" | ||
1245 | xlink:href="#linearGradient162" | ||
1246 | id="linearGradient5979" | ||
1247 | gradientUnits="userSpaceOnUse" | ||
1248 | gradientTransform="matrix(1.2643925,0,0,1.2357712,-135.62501,-212.7572)" | ||
1249 | x1="236.25362" | ||
1250 | y1="657.11133" | ||
1251 | x2="212.5099" | ||
1252 | y2="737.41229" /> | ||
1253 | <linearGradient | ||
1254 | inkscape:collect="always" | ||
1255 | xlink:href="#linearGradient6810" | ||
1256 | id="linearGradient5982" | ||
1257 | gradientUnits="userSpaceOnUse" | ||
1258 | gradientTransform="matrix(0.599201,7.9485483e-2,-0.2318863,1.9097465,10.90312,-180.4374)" | ||
1259 | x1="855.06372" | ||
1260 | y1="238.8383" | ||
1261 | x2="871.15576" | ||
1262 | y2="315.45914" /> | ||
1263 | <linearGradient | ||
1264 | inkscape:collect="always" | ||
1265 | xlink:href="#linearGradient167" | ||
1266 | id="linearGradient5985" | ||
1267 | gradientUnits="userSpaceOnUse" | ||
1268 | gradientTransform="matrix(0.7146338,0,0,2.1864338,-135.62501,-212.7572)" | ||
1269 | x1="411.2215" | ||
1270 | y1="242.94365" | ||
1271 | x2="411.2215" | ||
1272 | y2="331.44858" /> | ||
1273 | <linearGradient | ||
1274 | inkscape:collect="always" | ||
1275 | xlink:href="#linearGradient167" | ||
1276 | id="linearGradient5988" | ||
1277 | gradientUnits="userSpaceOnUse" | ||
1278 | gradientTransform="matrix(1.2781848,0,0,0.990788,-110.456,-145.33018)" | ||
1279 | x1="322.48257" | ||
1280 | y1="435.26761" | ||
1281 | x2="323.2514" | ||
1282 | y2="488.48251" /> | ||
1283 | <linearGradient | ||
1284 | inkscape:collect="always" | ||
1285 | xlink:href="#linearGradient138" | ||
1286 | id="linearGradient5991" | ||
1287 | gradientUnits="userSpaceOnUse" | ||
1288 | gradientTransform="matrix(1.3994837,0,0,1.1399824,-151.03701,-198.8092)" | ||
1289 | x1="320.75104" | ||
1290 | y1="498.17776" | ||
1291 | x2="321.32224" | ||
1292 | y2="614.50439" /> | ||
1293 | <linearGradient | ||
1294 | inkscape:collect="always" | ||
1295 | xlink:href="#linearGradient153" | ||
1296 | id="linearGradient5995" | ||
1297 | gradientUnits="userSpaceOnUse" | ||
1298 | gradientTransform="matrix(0.9027839,-7.2174108e-2,0.1573001,2.0039596,-212.66601,-211.1902)" | ||
1299 | x1="375.17325" | ||
1300 | y1="419.78485" | ||
1301 | x2="377.48541" | ||
1302 | y2="324.03815" /> | ||
1303 | <linearGradient | ||
1304 | inkscape:collect="always" | ||
1305 | xlink:href="#linearGradient153" | ||
1306 | id="linearGradient5998" | ||
1307 | gradientUnits="userSpaceOnUse" | ||
1308 | gradientTransform="matrix(1.0160687,0,0,1.53779,-135.62501,-213.4822)" | ||
1309 | spreadMethod="reflect" | ||
1310 | x1="437.57941" | ||
1311 | y1="528.87177" | ||
1312 | x2="437.57941" | ||
1313 | y2="394.10361" /> | ||
1314 | <linearGradient | ||
1315 | inkscape:collect="always" | ||
1316 | xlink:href="#linearGradient167" | ||
1317 | id="linearGradient6001" | ||
1318 | gradientUnits="userSpaceOnUse" | ||
1319 | gradientTransform="matrix(0.2914159,-3.3330306e-2,5.0610341e-2,0.4881144,138.88252,68.220525)" | ||
1320 | x1="389.63535" | ||
1321 | y1="242.28218" | ||
1322 | x2="387.06866" | ||
1323 | y2="281.32513" /> | ||
1324 | <linearGradient | ||
1325 | inkscape:collect="always" | ||
1326 | xlink:href="#linearGradient167" | ||
1327 | id="linearGradient6004" | ||
1328 | gradientUnits="userSpaceOnUse" | ||
1329 | gradientTransform="matrix(-0.3921823,-2.9764582e-2,-5.7310058e-2,0.5824956,511.39472,44.037525)" | ||
1330 | x1="379.09573" | ||
1331 | y1="240.92712" | ||
1332 | x2="376.79556" | ||
1333 | y2="281.01636" /> | ||
1334 | <linearGradient | ||
1335 | inkscape:collect="always" | ||
1336 | xlink:href="#linearGradient153" | ||
1337 | id="linearGradient6009" | ||
1338 | gradientUnits="userSpaceOnUse" | ||
1339 | gradientTransform="matrix(-1.4785291,4.0425338e-2,3.8864067e-2,1.9024316,886.38099,-330.0292)" | ||
1340 | x1="381.38742" | ||
1341 | y1="277.495" | ||
1342 | x2="380.5517" | ||
1343 | y2="245.68338" /> | ||
1344 | <linearGradient | ||
1345 | inkscape:collect="always" | ||
1346 | xlink:href="#linearGradient153" | ||
1347 | id="linearGradient6012" | ||
1348 | gradientUnits="userSpaceOnUse" | ||
1349 | gradientTransform="matrix(1.0650795,-6.1672141e-2,9.4458503e-2,1.6443046,-176.32201,-222.8692)" | ||
1350 | x1="378.93771" | ||
1351 | y1="278.60202" | ||
1352 | x2="380.27319" | ||
1353 | y2="243.91606" /> | ||
1354 | <linearGradient | ||
1355 | inkscape:collect="always" | ||
1356 | xlink:href="#linearGradient138" | ||
1357 | id="linearGradient6015" | ||
1358 | gradientUnits="userSpaceOnUse" | ||
1359 | gradientTransform="matrix(1.4132361,-7.9650304e-2,-4.1197678e-2,1.0713842,-118.936,-171.0132)" | ||
1360 | x1="303.01761" | ||
1361 | y1="237.93179" | ||
1362 | x2="297.0856" | ||
1363 | y2="330.09561" /> | ||
1364 | <radialGradient | ||
1365 | inkscape:collect="always" | ||
1366 | xlink:href="#linearGradient172" | ||
1367 | id="radialGradient6020" | ||
1368 | gradientUnits="userSpaceOnUse" | ||
1369 | gradientTransform="matrix(1.4818268,0,0,0.3967969,-359.87341,176.94177)" | ||
1370 | cx="446.77762" | ||
1371 | cy="1219.4125" | ||
1372 | fx="446.77762" | ||
1373 | fy="1219.4125" | ||
1374 | r="195.07191" /> | ||
1375 | </defs> | ||
1376 | <g | ||
1377 | id="g6022"> | ||
1378 | <path | ||
1379 | d="M 591.23603,660.80083 C 591.23603,703.54984 461.81827,738.20477 302.17337,738.20477 C 142.52846,738.20477 13.110708,703.54984 13.110708,660.80083 C 13.110708,618.05182 142.52846,583.39691 302.17337,583.39691 C 461.81827,583.39691 591.23603,618.05182 591.23603,660.80083 z" | ||
1380 | id="path3355" | ||
1381 | style="fill:url(#radialGradient6020);stroke:none;stroke-width:1pt;stroke-linecap:butt;stroke-linejoin:miter" /> | ||
1382 | <path | ||
1383 | sodipodi:nodetypes="ccccccccc" | ||
1384 | id="path3357" | ||
1385 | d="M 143.90874,577.54277 C 115.92374,537.26402 110.46624,406.31277 175.76749,325.75527 C 208.12499,287.10777 216.37999,260.17402 218.93124,224.01402 C 220.66749,182.79027 189.77499,59.711525 306.28499,50.334025 C 424.29249,40.919025 417.95499,157.40902 417.27624,219.05277 C 416.71249,271.10277 419.0565,276.31252 445.584,316.88002 C 494.68275,391.41752 526.96749,544.04652 472.77249,613.51152 C 404.12624,700.47152 345.33124,662.75902 306.28499,665.92402 C 233.16874,669.92652 230.75124,708.91277 143.90874,577.54277 z" | ||
1386 | style="fill:#000000;stroke:none;stroke-width:1.25" /> | ||
1387 | <path | ||
1388 | sodipodi:nodetypes="cssccc" | ||
1389 | id="path3359" | ||
1390 | d="M 437.66398,210.61794 C 450.11848,228.11403 483.19457,249.41586 502.10694,275.91451 C 521.01932,302.41316 477.73746,333.2079 443.1675,314.23928 C 417.44041,300.12277 444.25181,384.39183 467.34598,377.01641 C 614.65479,312.95238 492.4139,250.78608 485.61266,191.90909 C 540.40451,67.355773 400.47822,152.79209 437.66398,210.61794 z" | ||
1391 | style="fill:#000000;stroke:#000000;stroke-width:1.5625006" /> | ||
1392 | <path | ||
1393 | d="M 375.15201,109.16012 C 373.96198,140.10802 339.90409,167.06128 299.08159,169.36204 C 258.25909,171.66281 226.13061,148.43982 227.32064,117.49192 C 228.51067,86.544125 262.56856,59.590825 303.39106,57.290125 C 344.21356,54.989325 376.34204,78.212325 375.15201,109.16012 z" | ||
1394 | id="path3361" | ||
1395 | style="fill:url(#linearGradient6015);stroke:none;stroke-width:1.26498997" /> | ||
1396 | <path | ||
1397 | d="M 277.39315,182.77455 C 278.54881,202.89182 268.92216,219.81175 255.89144,220.56628 C 242.86071,221.3208 231.36038,205.62421 230.20473,185.50694 C 229.04907,165.38967 238.67572,148.46972 251.70644,147.71522 C 264.73717,146.96072 276.2375,162.65728 277.39315,182.77455 z" | ||
1398 | id="path3363" | ||
1399 | style="fill:url(#linearGradient6012);stroke:none;stroke-width:1.17873001" /> | ||
1400 | <path | ||
1401 | d="M 301.04358,184.3151 C 301.51907,207.59043 316.56861,226.05786 334.65769,225.56328 C 352.74677,225.06869 367.02541,205.79938 366.54992,182.52405 C 366.07444,159.24872 351.02489,140.78132 332.93581,141.27592 C 314.84674,141.77042 300.5681,161.03977 301.04358,184.3151 z" | ||
1402 | id="path3365" | ||
1403 | style="fill:url(#linearGradient6009);stroke:none;stroke-width:0.93138498" /> | ||
1404 | <path | ||
1405 | d="M 331.21231,191.85453 C 330.93912,204.63094 337.38392,215.00253 345.60719,215.02013 C 353.83046,215.03772 360.7182,204.69466 360.99139,191.91824 C 361.26458,179.14182 354.81978,168.77023 346.59651,168.75264 C 338.37324,168.73505 331.4855,179.07811 331.21231,191.85453 z" | ||
1406 | id="path3367" | ||
1407 | style="fill:#000000;stroke:none;stroke-width:1.86495996" /> | ||
1408 | <path | ||
1409 | d="M 273.01381,188.19365 C 274.04499,198.77003 270.0676,207.92934 264.13008,208.65153 C 258.19256,209.37373 252.54331,201.38533 251.51214,190.80895 C 250.48097,180.23257 254.45835,171.07326 260.39587,170.35107 C 266.33339,169.62887 271.98264,177.61727 273.01381,188.19365 z" | ||
1410 | id="path3369" | ||
1411 | style="fill:#000000;stroke:none;stroke-width:2.39814997" /> | ||
1412 | <path | ||
1413 | d="M 338.4302,184.54815 C 337.72904,191.6747 341.05031,197.74711 345.84847,198.11127 C 350.64663,198.47542 355.10471,192.99342 355.80587,185.86687 C 356.50703,178.74032 353.18576,172.6679 348.3876,172.30374 C 343.58944,171.93959 339.13136,177.42159 338.4302,184.54815 z" | ||
1414 | id="path3371" | ||
1415 | style="fill:url(#linearGradient6004);stroke:none;stroke-width:3.1916101" /> | ||
1416 | <path | ||
1417 | d="M 269.50703,182.58574 C 270.12623,188.55758 267.73791,193.72929 264.17258,194.13707 C 260.60725,194.54485 257.21502,190.03429 256.59583,184.06244 C 255.97663,178.0906 258.36495,172.91889 261.93028,172.51111 C 265.49561,172.10333 268.88784,176.6139 269.50703,182.58574 z" | ||
1418 | id="path3373" | ||
1419 | style="fill:url(#linearGradient6001);stroke:none;stroke-width:4.12025976" /> | ||
1420 | <path | ||
1421 | id="path3375" | ||
1422 | d="M 187.75249,405.79902 C 203.79749,369.42027 237.89499,305.51652 238.62124,256.10152 C 238.62124,216.79902 356.34499,207.41277 365.79249,246.65402 C 375.23999,285.89527 399.21874,344.75777 414.47999,373.09902 C 429.73999,401.43902 474.24124,491.46777 426.83499,570.03152 C 384.13874,639.58652 254.67874,694.61402 185.57249,560.58527 C 162.31874,514.07652 166.46624,456.44152 187.75249,405.79902 z" | ||
1423 | style="fill:url(#linearGradient5998);stroke:none;stroke-width:1.25" /> | ||
1424 | <path | ||
1425 | id="path3377" | ||
1426 | d="M 173.24559,378.8028 C 159.53586,404.75152 131.00745,472.99595 200.53857,510.33418 C 275.38701,549.97538 275.02711,631.56055 185.18731,592.7418 C 103.05444,557.65452 139.36496,415.87304 162.33593,381.94969 C 177.39745,358.18988 199.98644,329.10722 173.24559,378.8028 z" | ||
1427 | style="fill:url(#linearGradient5995);stroke:none;stroke-width:1.15804005" /> | ||
1428 | <path | ||
1429 | id="path3379" | ||
1430 | d="M 185.01624,349.39277 C 163.18499,385.02777 110.79499,469.15902 180.90624,512.79652 C 275.36749,570.74027 248.62249,628.68527 162.40749,576.51402 C 41.021247,503.68402 147.62624,356.99402 196.32124,301.09152 C 251.87624,238.34152 207.01374,312.45027 185.01624,349.39277 z" | ||
1431 | style="fill:#000000;stroke:#000000;stroke-width:1.5625" /> | ||
1432 | <path | ||
1433 | id="path3381" | ||
1434 | d="M 397.76919,419.60753 C 397.76919,459.32033 359.65441,510.90826 294.21657,510.44511 C 226.73185,511.0026 197.92832,459.32033 197.92832,419.60753 C 197.92832,379.89472 242.69287,347.66452 297.8494,347.66452 C 353.00463,347.66452 397.76919,379.89472 397.76919,419.60753 z" | ||
1435 | style="font-size:12px;fill:url(#linearGradient5991);stroke:none;stroke-width:1.23705006;stroke-dasharray:none" /> | ||
1436 | <path | ||
1437 | id="path3383" | ||
1438 | d="M 362.15979,294.61832 C 361.43347,335.77773 334.64977,345.48709 300.75476,345.48709 C 266.85857,345.48709 242.25502,339.41113 239.34854,294.61832 C 239.34854,266.53917 266.85857,250.28968 300.75476,250.28968 C 334.64977,250.28968 362.15979,266.53917 362.15979,294.61832 z" | ||
1439 | style="font-size:12px;fill:url(#linearGradient5988);stroke:none;stroke-width:1.38846004;stroke-dasharray:none" /> | ||
1440 | <path | ||
1441 | id="path3385" | ||
1442 | d="M 157.23124,357.83652 C 179.37624,324.09152 225.99999,272.38152 165.95249,365.10277 C 117.26374,441.40652 147.94874,490.44402 163.77249,503.90152 C 209.43124,544.60402 207.47999,571.83777 171.76624,550.40902 C 94.734994,504.62652 110.72249,427.59902 157.23124,357.83652 z" | ||
1443 | style="fill:url(#linearGradient5985);stroke:none;stroke-width:1.25" /> | ||
1444 | <path | ||
1445 | id="path3387" | ||
1446 | d="M 462.21568,398.96909 C 450.39659,362.17304 409.96999,267.68577 467.11982,378.94676 C 519.1881,479.53006 466.98563,537.85433 458.30537,543.16377 C 449.62629,548.47226 421.31707,557.63765 431.92723,536.4342 C 442.53632,515.23062 487.08834,478.21682 462.21568,398.96909 z" | ||
1447 | style="fill:url(#linearGradient5982);fill-opacity:1;stroke:none;stroke-width:1.25" /> | ||
1448 | <path | ||
1449 | id="path3389" | ||
1450 | d="M 140.51874,683.39402 C 89.966244,656.62402 16.453747,688.54902 43.141247,615.81152 C 48.486247,599.26402 35.172497,574.55152 43.867497,558.40402 C 54.041247,538.78152 75.842494,543.14277 88.923744,530.06152 C 101.82124,516.44777 109.99749,493.00027 133.97874,496.63402 C 157.95874,500.26777 173.90999,529.71027 190.65874,565.67027 C 203.01249,591.46777 246.83499,627.75027 243.97124,656.61777 C 240.60124,700.99277 190.18749,709.35527 140.51874,683.39402 z" | ||
1451 | style="fill:url(#linearGradient5979);stroke:#e68c3f;stroke-width:7.8125" /> | ||
1452 | <path | ||
1453 | id="path3391" | ||
1454 | d="M 491.31808,670.91489 C 528.39675,625.95042 610.70818,635.17384 555.19701,573.52225 C 543.452,560.30492 546.95774,531.65049 532.68995,519.54726 C 515.71854,504.70652 496.99731,516.87766 479.79512,509.11645 C 462.56223,500.79684 444.55058,484.62292 423.51456,496.12697 C 402.4797,507.6306 400.21642,537.55836 398.23263,576.73647 C 396.49323,604.95714 370.77728,652.14775 384.4305,678.07775 C 404.45332,718.28664 455.96509,712.96302 491.31808,670.91489 z" | ||
1455 | style="fill:url(#linearGradient5976);stroke:#e68c3f;stroke-width:7.81249762" /> | ||
1456 | <path | ||
1457 | id="path3393" | ||
1458 | d="M 475.19239,610.80964 C 532.58685,526.08884 489.81056,526.70588 475.48217,520.29802 C 461.11206,513.43236 445.8707,500.12629 428.97182,509.5003 C 412.07389,518.87396 411.10688,543.40025 410.64335,575.50997 C 410.05505,598.63832 390.69247,637.08007 402.33826,658.54446 C 416.30733,683.56395 450.20934,647.22527 475.19239,610.80964 z" | ||
1459 | style="fill:url(#linearGradient5973);stroke:none;stroke-width:1.52532005" /> | ||
1460 | <path | ||
1461 | id="path3395" | ||
1462 | d="M 128.7701,623.00924 C 42.866706,567.39983 83.051524,548.52024 96.092064,539.78558 C 111.73042,528.58358 111.85185,506.75151 131.06896,508.78839 C 150.28506,510.82534 161.47212,534.4833 174.42831,563.86686 C 183.9948,584.9323 216.82272,612.77142 214.47562,637.07862 C 211.37663,665.56569 165.98235,646.7897 128.7701,623.00924 z" | ||
1463 | style="fill:url(#linearGradient5970);stroke:none;stroke-width:1.52532005" /> | ||
1464 | <path | ||
1465 | id="path3397" | ||
1466 | d="M 251.81749,210.65402 C 260.75124,202.19152 282.83124,176.82152 324.26874,203.46027 C 331.97124,208.47277 338.22124,208.93152 353.04499,215.27902 C 382.70249,227.46527 368.52249,256.85277 337.11499,266.66402 C 323.66749,271.02527 311.44499,287.35902 286.95374,285.96277 C 266.03624,284.74152 260.55499,271.12027 247.70624,263.58027 C 224.86999,250.69152 221.49999,233.26277 233.83124,224.01402 C 246.16374,214.76527 250.98749,211.44027 251.81749,210.65402 z" | ||
1467 | style="fill:url(#linearGradient5967);stroke:#e68c3f;stroke-width:4.6875" /> | ||
1468 | <path | ||
1469 | id="path3399" | ||
1470 | d="M 353.43874,234.29902 C 341.08499,235.02527 314.19749,261.91277 285.85624,261.91277 C 257.51499,261.91277 240.80124,235.75152 236.44124,235.75152" | ||
1471 | style="fill:none;stroke:#e68c3f;stroke-width:3.125" /> | ||
1472 | <path | ||
1473 | id="path3401" | ||
1474 | d="M 265.90246,208.33442 C 270.38995,204.30176 284.54499,193.23548 303.31687,204.56504 C 307.27192,206.80832 311.35631,209.24996 317.43047,212.58509 C 329.462,219.58298 323.50274,229.6676 309.08839,236.04837 C 302.54708,238.72589 291.76316,244.6349 283.55168,244.22151 C 274.42662,243.38281 268.52325,237.43151 262.47546,233.55551 C 251.38073,226.22703 252.05445,220.30969 257.20813,215.38293 C 261.10416,212.00015 265.48554,208.70909 265.90246,208.33442 z" | ||
1475 | style="fill:url(#linearGradient5963);stroke:none" /> | ||
1476 | <path | ||
1477 | sodipodi:nodetypes="ccscc" | ||
1478 | id="path3403" | ||
1479 | d="M 485.62558,318.40009 C 470.31375,326.6082 417.68681,322.14515 480.02902,326.05185 C 529.45102,323.13335 535.62952,273.72084 534.95116,268.27709 C 534.2728,262.83418 518.48464,252.49699 513.21723,263.8189 C 507.9494,275.14041 526.70967,304.0309 485.62558,318.40009 z" | ||
1480 | style="fill:url(#linearGradient5960);stroke:none;stroke-width:1.25" /> | ||
1481 | <path | ||
1482 | sodipodi:nodetypes="ccscc" | ||
1483 | id="path3405" | ||
1484 | d="M 473.26296,135.03602 C 463.66338,137.45706 448.44209,148.26182 466.22252,134.32762 C 494.98909,121.13922 505.82847,135.59547 486.85683,175.63681 C 482.71091,184.38715 460.74905,201.85561 454.18436,199.10941 C 500.29783,163.55611 496.08175,126.83432 473.26296,135.03602 z" | ||
1485 | style="fill:url(#linearGradient5957);stroke:none;stroke-width:1.25" /> | ||
1486 | </g> | ||
1487 | </svg> | ||
diff --git a/inc/3rdparty/libraries/mpdf/examples/windmill.jpg b/inc/3rdparty/libraries/mpdf/examples/windmill.jpg new file mode 100644 index 00000000..378a91cd --- /dev/null +++ b/inc/3rdparty/libraries/mpdf/examples/windmill.jpg | |||
Binary files differ | |||