Tables for All - Printable Version

Code:

<link href='http://castlegraphics.atwebpages.com/html/css/antarsia.css' rel='stylesheet' type='text/css'><center><div style="background: url('http://i.imgur.com/6G3h6ri.gif') no-repeat center bottom #eff7ff; width: 600px; padding-top: 730px; text-align: left; border: solid 1px #997879; display: block; position: relative;"><div style="display: inline; position: absolute; width: 600px; top: 5px; font-family: Oldenburg; font-size: 60px; color: #ba8998; text-align: center; line-height: 100%; letter-spacing: 15px; text-shadow: 0px 0px 1px #58555c, 0px 0px 3px #58555c, 2px 2px 3px #58555c;">Antarsia</div><div style="display: inline; position: absolute; width: 500px; height: 350px; top: 65px; left: 30px; border-width:0px 1px; border-style: solid; border-image:linear-gradient(to top, transparent, #ccbcbc 50%, transparent) 1; font-family: Merriweather; font-size: 10px; color: #58555c; text-align: justify; overflow: auto; line-height: 140%; padding: 0px 20px; text-indent: 15px;" class="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. "Maecenas bibendum justo vitae ante semper suscipit." Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa. Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta.</p><P>Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa. Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa.</p><P>Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. "Maecenas bibendum justo vitae ante semper suscipit." Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa. Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus.</p></br></div></div><div style="text-align: center; font:6pt merritweather; color:#58555c; text-transform: uppercase; line-height: 150%;">html by <a href="http://castlegraphics.deviantart.com/" style="text-decoration:none; color:#58555c;">castlegraphics</a></div></center>

Code:

<link href='http://castlegraphics.atwebpages.com/html/css/antarsia.css' rel='stylesheet' type='text/css'><center><div style="background: url('http://i.imgur.com/1hrbf6g.gif') no-repeat center top #162c40; width: 540px; padding-top: 650px; text-align: left; border: solid 1px #142a3e; display: block; position: relative;"><div style="display: inline; position: absolute; background: #3e4d5b; width: 450px; height: 350px; top: 270px; left: 25px; border: solid 1px #202830; font-family: Merriweather; font-size: 10px; color: #a2afc0; text-align: justify; overflow: auto; line-height: 140%; padding: 0px 20px; text-indent: 15px;" class="text"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. "Maecenas bibendum justo vitae ante semper suscipit." Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa. Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta.</p><P>Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa. Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa.</p><P>Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus. Vestibulum suscipit neque magna, in maximus nisl tristique id. "Maecenas bibendum justo vitae ante semper suscipit." Suspendisse tincidunt cursus arcu vitae molestie. Nunc pretium, nisi ut condimentum condimentum, tellus neque rutrum elit, vel hendrerit turpis urna quis felis. Quisque a magna id quam molestie pulvinar et non nisl. Nullam in massa mauris. Donec at sem non lectus luctus consectetur id ac mi. Duis eu mollis nisi, quis pharetra massa. Phasellus interdum massa quis dolor rutrum, et feugiat dui auctor. In varius dictum massa convallis ultrices. Aenean lacus sem, interdum id magna nec, tincidunt semper sapien. Cras eu ultricies erat. Nunc ante arcu, ultricies ac mauris vel, interdum gravida neque. Pellentesque porta odio in est mattis maximus. Ut ut consequat massa, ut elementum sem. Nam porttitor, mi sed sollicitudin maximus, risus elit sagittis lacus, ut pretium nisl eros in felis. Vestibulum at consequat eros. Suspendisse commodo congue erat, non egestas elit semper non. Donec condimentum condimentum dolor sit amet venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis fringilla velit et luctus. Nunc pretium quam sed varius porta. Phasellus bibendum sem at eros mattis, eu posuere tellus dictum. Vivamus ultrices odio egestas lorem accumsan, at porttitor nulla vestibulum. Nunc non suscipit eros. Curabitur et risus lectus.</p></br></div><div style="display: inline; position: absolute; width: 540px; bottom: -1px; font-family: Oldenburg; font-size: 60px; color: #485a6a; text-align: center; line-height: 100%; letter-spacing: 15px; text-shadow: 0px 0px 1px #000, 0px 0px 3px #000, 2px 2px 3px #000;">Antarsia</div></div><div style="text-align: center; font:6pt merritweather; color:#142a3e; text-transform: uppercase; line-height: 150%;">html by <a href="http://castlegraphics.deviantart.com/" style="text-decoration:none; color:#142a3e;">castlegraphics</a></div></center>