Petpages

To see the preview image full size, click hold and drag to your address bar.
To copy the code, click the appropriate box, press ctrl+a to select all, then ctrl+c to copy.

Disco Infiltrator

<style> .sf, .object, table { display: none; } body { background-color: #16181A; overflow: auto; margin: 0px; padding: 0px; float: right; z-index: 10; } .bar { top: 0px; left: 0px; width: 100%; height: 150px; background-color: #272D35; z-index: 1; } .navi { top: 50px; left: 570px; z-index: 3; width: 100px; } .navi a { padding: 3px; padding-left: 15px; margin: 0px; margin-top: 10px; display: block; background: #536D5D; color: #272D35; font: 15px century gothic; text-decoration: none; text-align: center; letter-spacing: 3px; border-right: 10px solid #899879; } .navi a:hover { border: none; } .bri { top: 20px; left: 200px; width: 400px; height: auto; background-color: #9CADA3; z-index: 2; } .bri h1 { color: #272D35; font: 50px century gothic; text-decoration: none; text-align: left; border-left: 100px solid #272D35; line-height: 40px; padding-left: 15px; } .bri h2 { color: #272D35; font: 15px century gothic; text-decoration: none; text-align: center; border-bottom: 2px solid #272D35; line-height: 12px; letter-spacing: 8px; margin-right: 50px; } .bri p { background: none; margin: 0px; padding: 10px 50px 10px 10px; color: #555555; font: 10px arial; text-align: center; } .bri a { text-decoration: none; color: #899879; text-transform: uppercase; } .bri b { color: #536D5D; } .bri i { color: #536D5D; } </style> <div class="bar" style="position: absolute;"> </div> <div class="navi" style="position: absolute;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="bri" style="position: absolute;"> <h1>Disco Infiltrator;</h1> <h2>You Can't Believe.</h2> <p> Links look like <a href="/">this</a>. Bold looks like <b>this</b>. Italic looks like <i>this</i>.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur condimentum lectus vehicula nisl dignissim malesuada. Ut dapibus egestas varius. Nam mi dui, bibendum vel semper at, condimentum ut justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat. Maecenas rhoncus tincidunt sem eu hendrerit. Curabitur at mi ligula. Aenean ut eros et leo feugiat vehicula. Pellentesque tellus magna, sodales in feugiat vitae, cursus nec tellus. Etiam semper tellus eget mauris porttitor interdum. <br><br> Integer risus sapien, convallis ac tempor nec, aliquet eu sem. Curabitur euismod ipsum in quam mattis eget pretium libero placerat. Nullam dictum massa at diam bibendum sollicitudin. Nulla at ante magna. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet neque in enim facilisis vel molestie lacus posuere. Quisque ultrices turpis semper mauris tempor commodo. Aliquam vel lacus eu ipsum molestie imperdiet in a dui. Quisque cursus nibh a nisi mattis et dignissim tortor ornare. Aenean eu diam sem. Phasellus non leo nibh. Integer quis volutpat velit. </p> <h2>What You Believe.</h2> <p> Praesent hendrerit orci at dolor ultricies a dictum metus tincidunt. Integer mattis nisl eu diam sodales vitae tristique diam eleifend. Nunc mollis interdum urna in convallis. Nulla sem velit, pellentesque id eleifend faucibus, vulputate vel mi. Quisque ligula leo, sollicitudin et bibendum consectetur, lacinia ac urna. Vivamus a lectus sed justo cursus imperdiet eget ac odio. <br><br> Mauris tempus rhoncus mi eu pharetra. Aenean id quam purus, nec consequat arcu. Donec non mauris metus, vel interdum mauris. Ut porta lobortis suscipit. Sed et nibh ac quam cursus sodales quis eget dolor. Maecenas accumsan orci nec turpis molestie porttitor. Vivamus porta pulvinar consequat. Sed tincidunt feugiat libero sed gravida. Fusce condimentum congue tempus. </p> <h2>Credit</h2> <p>CSS from <a href="/~1945css">Nineteen Forty Five</a>.</p> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><style> .sf, .object, table { display: none; } body { background-color: #E2D753; overflow: auto; margin: 0px; padding: 0px; float: right; z-index: 10; } .bar { top: 0px; left: 0px; width: 100%; height: 150px; background-color: #EDED74; z-index: 1; } .navi { top: 50px; left: 570px; z-index: 3; width: 100px; } .navi a { padding: 3px; padding-left: 15px; margin: 0px; margin-top: 10px; display: block; background: #34955A; color: #000000; font: 15px century gothic; text-decoration: none; text-align: center; letter-spacing: 3px; border-right: 10px solid #DA4523; } .navi a:hover { border: none; } .bri { top: 20px; left: 200px; width: 400px; height: auto; background-color: #7EA82B; z-index: 2; } .bri h1 { color: #EDED74; font: 50px century gothic; text-decoration: none; text-align: left; border-left: 100px solid #EDED74; line-height: 40px; padding-left: 15px; } .bri h2 { color: #EDED74; font: 15px century gothic; text-decoration: none; text-align: center; border-bottom: 2px solid #EDED74; line-height: 12px; letter-spacing: 8px; margin-right: 50px; } .bri p { background: none; margin: 0px; padding: 10px 50px 10px 10px; color: #000000; font: 10px arial; text-align: center; } .bri a { text-decoration: none; color: #DA4523; text-transform: uppercase; } .bri b { color: #DA4523; } .bri i { color: #DA4523; } </style> <div class="bar" style="position: absolute;"> </div> <div class="navi" style="position: absolute;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="bri" style="position: absolute;"> <h1>Disco Infiltrator;</h1> <h2>You Can't Believe.</h2> <p> Links look like <a href="/">this</a>. Bold looks like <b>this</b>. Italic looks like <i>this</i>.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur condimentum lectus vehicula nisl dignissim malesuada. Ut dapibus egestas varius. Nam mi dui, bibendum vel semper at, condimentum ut justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat. Maecenas rhoncus tincidunt sem eu hendrerit. Curabitur at mi ligula. Aenean ut eros et leo feugiat vehicula. Pellentesque tellus magna, sodales in feugiat vitae, cursus nec tellus. Etiam semper tellus eget mauris porttitor interdum. <br><br> Integer risus sapien, convallis ac tempor nec, aliquet eu sem. Curabitur euismod ipsum in quam mattis eget pretium libero placerat. Nullam dictum massa at diam bibendum sollicitudin. Nulla at ante magna. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet neque in enim facilisis vel molestie lacus posuere. Quisque ultrices turpis semper mauris tempor commodo. Aliquam vel lacus eu ipsum molestie imperdiet in a dui. Quisque cursus nibh a nisi mattis et dignissim tortor ornare. Aenean eu diam sem. Phasellus non leo nibh. Integer quis volutpat velit. </p> <h2>What You Believe.</h2> <p> Praesent hendrerit orci at dolor ultricies a dictum metus tincidunt. Integer mattis nisl eu diam sodales vitae tristique diam eleifend. Nunc mollis interdum urna in convallis. Nulla sem velit, pellentesque id eleifend faucibus, vulputate vel mi. Quisque ligula leo, sollicitudin et bibendum consectetur, lacinia ac urna. Vivamus a lectus sed justo cursus imperdiet eget ac odio. <br><br> Mauris tempus rhoncus mi eu pharetra. Aenean id quam purus, nec consequat arcu. Donec non mauris metus, vel interdum mauris. Ut porta lobortis suscipit. Sed et nibh ac quam cursus sodales quis eget dolor. Maecenas accumsan orci nec turpis molestie porttitor. Vivamus porta pulvinar consequat. Sed tincidunt feugiat libero sed gravida. Fusce condimentum congue tempus. </p> <h2>Credit</h2> <p>CSS from <a href="/~1945css">Nineteen Forty Five</a>.</p> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><style> .sf, .object, table { display: none; } body { background-color: #E08E79; overflow: auto; margin: 0px; padding: 0px; float: right; z-index: 10; } .bar { top: 0px; left: 0px; width: 100%; height: 150px; background-color: #774F38; z-index: 1; } .navi { top: 50px; left: 570px; z-index: 3; width: 100px; } .navi a { padding: 3px; padding-left: 15px; margin: 0px; margin-top: 10px; display: block; background: #F1D4AF; color: #774F38; font: 15px century gothic; text-decoration: none; text-align: center; letter-spacing: 3px; border-right: 10px solid #C5E0DC; } .navi a:hover { border: none; } .bri { top: 20px; left: 200px; width: 400px; height: auto; background-color: #ECE5CE; z-index: 2; } .bri h1 { color: #774F38; font: 50px century gothic; text-decoration: none; text-align: left; border-left: 100px solid #774F38; line-height: 40px; padding-left: 15px; } .bri h2 { color: #774F38; font: 15px century gothic; text-decoration: none; text-align: center; border-bottom: 2px solid #774F38; line-height: 12px; letter-spacing: 8px; margin-right: 50px; } .bri p { background: none; margin: 0px; padding: 10px 50px 10px 10px; color: #555555; font: 10px arial; text-align: center; } .bri a { text-decoration: none; color: #E08E79; text-transform: uppercase; } .bri b { color: #E08E79; } .bri i { color: #E08E79; } </style> <div class="bar" style="position: absolute;"> </div> <div class="navi" style="position: absolute;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="bri" style="position: absolute;"> <h1>Disco Infiltrator;</h1> <h2>You Can't Believe.</h2> <p> Links look like <a href="/">this</a>. Bold looks like <b>this</b>. Italic looks like <i>this</i>.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur condimentum lectus vehicula nisl dignissim malesuada. Ut dapibus egestas varius. Nam mi dui, bibendum vel semper at, condimentum ut justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam erat volutpat. Maecenas rhoncus tincidunt sem eu hendrerit. Curabitur at mi ligula. Aenean ut eros et leo feugiat vehicula. Pellentesque tellus magna, sodales in feugiat vitae, cursus nec tellus. Etiam semper tellus eget mauris porttitor interdum. <br><br> Integer risus sapien, convallis ac tempor nec, aliquet eu sem. Curabitur euismod ipsum in quam mattis eget pretium libero placerat. Nullam dictum massa at diam bibendum sollicitudin. Nulla at ante magna. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquet neque in enim facilisis vel molestie lacus posuere. Quisque ultrices turpis semper mauris tempor commodo. Aliquam vel lacus eu ipsum molestie imperdiet in a dui. Quisque cursus nibh a nisi mattis et dignissim tortor ornare. Aenean eu diam sem. Phasellus non leo nibh. Integer quis volutpat velit. </p> <h2>What You Believe.</h2> <p> Praesent hendrerit orci at dolor ultricies a dictum metus tincidunt. Integer mattis nisl eu diam sodales vitae tristique diam eleifend. Nunc mollis interdum urna in convallis. Nulla sem velit, pellentesque id eleifend faucibus, vulputate vel mi. Quisque ligula leo, sollicitudin et bibendum consectetur, lacinia ac urna. Vivamus a lectus sed justo cursus imperdiet eget ac odio. <br><br> Mauris tempus rhoncus mi eu pharetra. Aenean id quam purus, nec consequat arcu. Donec non mauris metus, vel interdum mauris. Ut porta lobortis suscipit. Sed et nibh ac quam cursus sodales quis eget dolor. Maecenas accumsan orci nec turpis molestie porttitor. Vivamus porta pulvinar consequat. Sed tincidunt feugiat libero sed gravida. Fusce condimentum congue tempus. </p> <h2>Credit</h2> <p>CSS from <a href="/~1945css">Nineteen Forty Five</a>.</p> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br>

Miss Murder

<style> .smallfont, .sf, table { display: none; } body { background-color: #C3B3A6; float: right; } .bod { top: 0px; left: 150px; height: auto; width: 400px; background-color: #EDE8E2; border-left: 50px solid #78040D; } .color { top: 0px; left: 0px; height: 100%; width: 250px; background-color: #CC141C; } .nav { top: 50px; left: 0px; width: 150px; } .nav a { background: #78040D; color: #fff; padding: 0px; padding-right: 20px; margin: 5px 0px; display: block; font: 15px "Trebuchet MS"; text-align: right; text-decoration: none; text-transform: lowercase; letter-spacing: 0px; } .nav a:hover { background: #78040D; font-style: italic; color: #fff; cursor: help; text-align: center; letter-spacing: 3px; } h1 { background: none; color: #D61742; padding: 0px; margin: 0px; margin-top: 15px; font: 40px "Trebuchet MS"; line-height: 30px; text-transform: lowercase; text-decoration: none; text-align: center; letter-spacing: -3px; border-bottom: 1px dotted #D61742; } h2 { background: none; color: #78040D; padding: 0px; margin: 0px; margin-right: 10px; font: 20px "Trebuchet MS"; line-height: 15px; text-transform: lowercase; text-decoration: none; text-align: right; letter-spacing: -3px; } .bod p { color: #555; padding: 10px 30px; margin: 0px; font: 10px tahoma; text-align: center; } .bod b { color: #78040D; } .bod i { color: #CC141C; } .bod a { color: #78040D; text-decoration: none; } .bod a:hover { color: #CC141C; text-decoration: none; } </style> <div class="color" style="position: fixed;"> </div> <div class="nav" style="position: fixed;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="bod" style="position: absolute;"> <h1>simply a look,</h1> <h2>can break your heart.</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor magna et nunc convallis congue consequat massa porttitor. Vestibulum feugiat sem in libero pellentesque sit amet tempus elit lacinia. Ut vitae arcu ut augue ultricies tempus ut id nulla. Vivamus congue elit sed justo porta ac condimentum ligula viverra. Morbi blandit dolor tincidunt nibh tincidunt blandit. Suspendisse imperdiet consectetur lectus quis bibendum. Suspendisse gravida, elit eget bibendum tincidunt, libero dui vestibulum libero, ac semper sem sem in libero. In eu risus ac sem convallis lobortis. Sed dignissim sodales lorem non varius. Donec purus dui, volutpat semper auctor ac, elementum ut lectus. Cras ultrices adipiscing tellus porttitor congue. Aenean faucibus gravida eros nec dapibus. Morbi dolor turpis, varius in hendrerit non, sodales vel enim. Sed dictum, odio et iaculis vestibulum, neque urna semper tortor, eu consectetur massa nunc quis ligula. Sed rhoncus dignissim lectus, in semper metus condimentum id. Nullam non sem non neque sagittis feugiat. <br><br> Aliquam pretium, enim vitae lobortis mollis, mauris ipsum aliquet mi, at lobortis arcu lorem nec metus. Suspendisse quis ipsum ut justo aliquet lobortis. Praesent vulputate tempus varius. Vestibulum erat magna, dapibus in accumsan sit amet, dictum id arcu. Suspendisse potenti. Vestibulum accumsan venenatis leo id dignissim. Ut accumsan lacinia ipsum sed venenatis. Mauris at massa lectus, id bibendum sem. Sed sit amet metus massa, et cursus metus. Vestibulum ut neque tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ultrices, arcu eu tincidunt lacinia, purus ante venenatis lacus, sed porttitor nibh nibh vitae erat. Nunc mollis, purus nec suscipit pellentesque, lectus enim sagittis augue, id suscipit urna tortor porta lacus. Aenean posuere adipiscing faucibus. </p> <h1>and heavens bowed</h1> <h2>before him.</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor magna et nunc convallis congue consequat massa porttitor. Vestibulum feugiat sem in libero pellentesque sit amet tempus elit lacinia. Ut vitae arcu ut augue ultricies tempus ut id nulla. Vivamus congue elit sed justo porta ac condimentum ligula viverra. Morbi blandit dolor tincidunt nibh tincidunt blandit. Suspendisse imperdiet consectetur lectus quis bibendum. Suspendisse gravida, elit eget bibendum tincidunt, libero dui vestibulum libero, ac semper sem sem in libero. In eu risus ac sem convallis lobortis. Sed dignissim sodales lorem non varius. Donec purus dui, volutpat semper auctor ac, elementum ut lectus. Cras ultrices adipiscing tellus porttitor congue. Aenean faucibus gravida eros nec dapibus. Morbi dolor turpis, varius in hendrerit non, sodales vel enim. Sed dictum, odio et iaculis vestibulum, neque urna semper tortor, eu consectetur massa nunc quis ligula. Sed rhoncus dignissim lectus, in semper metus condimentum id. Nullam non sem non neque sagittis feugiat. <br><br> Aliquam pretium, enim vitae lobortis mollis, mauris ipsum aliquet mi, at lobortis arcu lorem nec metus. Suspendisse quis ipsum ut justo aliquet lobortis. Praesent vulputate tempus varius. Vestibulum erat magna, dapibus in accumsan sit amet, dictum id arcu. Suspendisse potenti. Vestibulum accumsan venenatis leo id dignissim. Ut accumsan lacinia ipsum sed venenatis. Mauris at massa lectus, id bibendum sem. Sed sit amet metus massa, et cursus metus. Vestibulum ut neque tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ultrices, arcu eu tincidunt lacinia, purus ante venenatis lacus, sed porttitor nibh nibh vitae erat. Nunc mollis, purus nec suscipit pellentesque, lectus enim sagittis augue, id suscipit urna tortor porta lacus. Aenean posuere adipiscing faucibus. </p> </div> <style> .smallfont, .sf, table { display: none; } body { background-color: #E6AE61; float: right; } .bod { top: 0px; left: 150px; height: auto; width: 400px; background-color: #ECD5C3; border-left: 50px solid #C46164; } .color { top: 0px; left: 0px; height: 100%; width: 250px; background-color: #9CBE8C; } .nav { top: 50px; left: 0px; width: 150px; } .nav a { background: #C46164; color: #fff; padding: 0px; padding-right: 20px; margin: 5px 0px; display: block; font: 15px "Trebuchet MS"; text-align: right; text-decoration: none; text-transform: lowercase; letter-spacing: 0px; } .nav a:hover { font-style: italic; color: #fff; cursor: help; text-align: center; letter-spacing: 3px; } h1 { background: none; color: #C46164; padding: 0px; margin: 0px; margin-top: 15px; font: 40px "Trebuchet MS"; line-height: 30px; text-transform: lowercase; text-decoration: none; text-align: center; letter-spacing: -3px; border-bottom: 1px dotted #C46164; } h2 { background: none; color: #D18B50; padding: 0px; margin: 0px; margin-right: 10px; font: 20px "Trebuchet MS"; line-height: 15px; text-transform: lowercase; text-decoration: none; text-align: right; letter-spacing: -3px; } .bod p { color: #555; padding: 10px 30px; margin: 0px; font: 10px tahoma; text-align: center; } .bod b { color: #78040D; } .bod i { color: #CC141C; } .bod a { color: #78040D; text-decoration: none; } .bod a:hover { color: #CC141C; text-decoration: none; } </style> <div class="color" style="position: fixed;"> </div> <div class="nav" style="position: fixed;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="bod" style="position: absolute;"> <h1>simply a look,</h1> <h2>can break your heart.</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor magna et nunc convallis congue consequat massa porttitor. Vestibulum feugiat sem in libero pellentesque sit amet tempus elit lacinia. Ut vitae arcu ut augue ultricies tempus ut id nulla. Vivamus congue elit sed justo porta ac condimentum ligula viverra. Morbi blandit dolor tincidunt nibh tincidunt blandit. Suspendisse imperdiet consectetur lectus quis bibendum. Suspendisse gravida, elit eget bibendum tincidunt, libero dui vestibulum libero, ac semper sem sem in libero. In eu risus ac sem convallis lobortis. Sed dignissim sodales lorem non varius. Donec purus dui, volutpat semper auctor ac, elementum ut lectus. Cras ultrices adipiscing tellus porttitor congue. Aenean faucibus gravida eros nec dapibus. Morbi dolor turpis, varius in hendrerit non, sodales vel enim. Sed dictum, odio et iaculis vestibulum, neque urna semper tortor, eu consectetur massa nunc quis ligula. Sed rhoncus dignissim lectus, in semper metus condimentum id. Nullam non sem non neque sagittis feugiat. <br><br> Aliquam pretium, enim vitae lobortis mollis, mauris ipsum aliquet mi, at lobortis arcu lorem nec metus. Suspendisse quis ipsum ut justo aliquet lobortis. Praesent vulputate tempus varius. Vestibulum erat magna, dapibus in accumsan sit amet, dictum id arcu. Suspendisse potenti. Vestibulum accumsan venenatis leo id dignissim. Ut accumsan lacinia ipsum sed venenatis. Mauris at massa lectus, id bibendum sem. Sed sit amet metus massa, et cursus metus. Vestibulum ut neque tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ultrices, arcu eu tincidunt lacinia, purus ante venenatis lacus, sed porttitor nibh nibh vitae erat. Nunc mollis, purus nec suscipit pellentesque, lectus enim sagittis augue, id suscipit urna tortor porta lacus. Aenean posuere adipiscing faucibus. </p> <h1>and heavens bowed</h1> <h2>before him.</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor magna et nunc convallis congue consequat massa porttitor. Vestibulum feugiat sem in libero pellentesque sit amet tempus elit lacinia. Ut vitae arcu ut augue ultricies tempus ut id nulla. Vivamus congue elit sed justo porta ac condimentum ligula viverra. Morbi blandit dolor tincidunt nibh tincidunt blandit. Suspendisse imperdiet consectetur lectus quis bibendum. Suspendisse gravida, elit eget bibendum tincidunt, libero dui vestibulum libero, ac semper sem sem in libero. In eu risus ac sem convallis lobortis. Sed dignissim sodales lorem non varius. Donec purus dui, volutpat semper auctor ac, elementum ut lectus. Cras ultrices adipiscing tellus porttitor congue. Aenean faucibus gravida eros nec dapibus. Morbi dolor turpis, varius in hendrerit non, sodales vel enim. Sed dictum, odio et iaculis vestibulum, neque urna semper tortor, eu consectetur massa nunc quis ligula. Sed rhoncus dignissim lectus, in semper metus condimentum id. Nullam non sem non neque sagittis feugiat. <br><br> Aliquam pretium, enim vitae lobortis mollis, mauris ipsum aliquet mi, at lobortis arcu lorem nec metus. Suspendisse quis ipsum ut justo aliquet lobortis. Praesent vulputate tempus varius. Vestibulum erat magna, dapibus in accumsan sit amet, dictum id arcu. Suspendisse potenti. Vestibulum accumsan venenatis leo id dignissim. Ut accumsan lacinia ipsum sed venenatis. Mauris at massa lectus, id bibendum sem. Sed sit amet metus massa, et cursus metus. Vestibulum ut neque tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ultrices, arcu eu tincidunt lacinia, purus ante venenatis lacus, sed porttitor nibh nibh vitae erat. Nunc mollis, purus nec suscipit pellentesque, lectus enim sagittis augue, id suscipit urna tortor porta lacus. Aenean posuere adipiscing faucibus. </p> </div> <style> .smallfont, .sf, table { display: none; } body { background-color: #3F3F3F; float: right; } .bod { top: 0px; left: 150px; height: auto; width: 400px; background-color: #ffffff; border-left: 50px solid #D80351; } .color { top: 0px; left: 0px; height: 100%; width: 250px; background-color: #00A3EE; } .nav { top: 50px; left: 0px; width: 150px; } .nav a { background: #D80351; color: #fff; padding: 0px; padding-right: 20px; margin: 5px 0px; display: block; font: 15px "Trebuchet MS"; text-align: right; text-decoration: none; text-transform: lowercase; letter-spacing: 0px; } .nav a:hover { font-style: italic; color: #fff; cursor: help; text-align: center; letter-spacing: 3px; } h1 { background: none; color: #F5D908; padding: 0px; margin: 0px; margin-top: 15px; font: 40px "Trebuchet MS"; line-height: 30px; text-transform: lowercase; text-decoration: none; text-align: center; letter-spacing: -3px; border-bottom: 1px dotted #F5D908; } h2 { background: none; color: #F5D908; padding: 0px; margin: 0px; margin-right: 10px; font: 20px "Trebuchet MS"; line-height: 15px; text-transform: lowercase; text-decoration: none; text-align: right; letter-spacing: -3px; } .bod p { color: #555; padding: 10px 30px; margin: 0px; font: 10px tahoma; text-align: center; } .bod b { color: #78040D; } .bod i { color: #CC141C; } .bod a { color: #78040D; text-decoration: none; } .bod a:hover { color: #CC141C; text-decoration: none; } </style> <div class="color" style="position: fixed;"> </div> <div class="nav" style="position: fixed;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="bod" style="position: absolute;"> <h1>simply a look,</h1> <h2>can break your heart.</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor magna et nunc convallis congue consequat massa porttitor. Vestibulum feugiat sem in libero pellentesque sit amet tempus elit lacinia. Ut vitae arcu ut augue ultricies tempus ut id nulla. Vivamus congue elit sed justo porta ac condimentum ligula viverra. Morbi blandit dolor tincidunt nibh tincidunt blandit. Suspendisse imperdiet consectetur lectus quis bibendum. Suspendisse gravida, elit eget bibendum tincidunt, libero dui vestibulum libero, ac semper sem sem in libero. In eu risus ac sem convallis lobortis. Sed dignissim sodales lorem non varius. Donec purus dui, volutpat semper auctor ac, elementum ut lectus. Cras ultrices adipiscing tellus porttitor congue. Aenean faucibus gravida eros nec dapibus. Morbi dolor turpis, varius in hendrerit non, sodales vel enim. Sed dictum, odio et iaculis vestibulum, neque urna semper tortor, eu consectetur massa nunc quis ligula. Sed rhoncus dignissim lectus, in semper metus condimentum id. Nullam non sem non neque sagittis feugiat. <br><br> Aliquam pretium, enim vitae lobortis mollis, mauris ipsum aliquet mi, at lobortis arcu lorem nec metus. Suspendisse quis ipsum ut justo aliquet lobortis. Praesent vulputate tempus varius. Vestibulum erat magna, dapibus in accumsan sit amet, dictum id arcu. Suspendisse potenti. Vestibulum accumsan venenatis leo id dignissim. Ut accumsan lacinia ipsum sed venenatis. Mauris at massa lectus, id bibendum sem. Sed sit amet metus massa, et cursus metus. Vestibulum ut neque tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ultrices, arcu eu tincidunt lacinia, purus ante venenatis lacus, sed porttitor nibh nibh vitae erat. Nunc mollis, purus nec suscipit pellentesque, lectus enim sagittis augue, id suscipit urna tortor porta lacus. Aenean posuere adipiscing faucibus. </p> <h1>and heavens bowed</h1> <h2>before him.</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus auctor magna et nunc convallis congue consequat massa porttitor. Vestibulum feugiat sem in libero pellentesque sit amet tempus elit lacinia. Ut vitae arcu ut augue ultricies tempus ut id nulla. Vivamus congue elit sed justo porta ac condimentum ligula viverra. Morbi blandit dolor tincidunt nibh tincidunt blandit. Suspendisse imperdiet consectetur lectus quis bibendum. Suspendisse gravida, elit eget bibendum tincidunt, libero dui vestibulum libero, ac semper sem sem in libero. In eu risus ac sem convallis lobortis. Sed dignissim sodales lorem non varius. Donec purus dui, volutpat semper auctor ac, elementum ut lectus. Cras ultrices adipiscing tellus porttitor congue. Aenean faucibus gravida eros nec dapibus. Morbi dolor turpis, varius in hendrerit non, sodales vel enim. Sed dictum, odio et iaculis vestibulum, neque urna semper tortor, eu consectetur massa nunc quis ligula. Sed rhoncus dignissim lectus, in semper metus condimentum id. Nullam non sem non neque sagittis feugiat. <br><br> Aliquam pretium, enim vitae lobortis mollis, mauris ipsum aliquet mi, at lobortis arcu lorem nec metus. Suspendisse quis ipsum ut justo aliquet lobortis. Praesent vulputate tempus varius. Vestibulum erat magna, dapibus in accumsan sit amet, dictum id arcu. Suspendisse potenti. Vestibulum accumsan venenatis leo id dignissim. Ut accumsan lacinia ipsum sed venenatis. Mauris at massa lectus, id bibendum sem. Sed sit amet metus massa, et cursus metus. Vestibulum ut neque tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ultrices, arcu eu tincidunt lacinia, purus ante venenatis lacus, sed porttitor nibh nibh vitae erat. Nunc mollis, purus nec suscipit pellentesque, lectus enim sagittis augue, id suscipit urna tortor porta lacus. Aenean posuere adipiscing faucibus. </p> </div>

In The Aeroplane Over The Sea

<style> .sf, .object, table { display: none; } body { background-color: #9AA682; overflow: auto; margin: 0px; padding: 0px; float: right; z-index: 10; } .bar { top: 20px; left: 0px; width: 100%; height: 100px; background-color: #385038; z-index: 1; } .title { background: none; top: 50px; left: 20px; color: #B39968; padding: 0px; margin: 0px; font: 50px century gothic; text-transform: lowercase; text-decoration: none; text-align: left; z-index: 5; } .sub { background: none; top: 100px; left: 300px; color: #EFE7B8; padding: 0px; margin: 0px; font: 20px century gothic; text-transform: lowercase; text-decoration: none; text-align: left; z-index: 5; } .navi { top: 100px; left: 50px; z-index: 3; width: 100px; } .navi a { padding: 3px; padding-left: 15px; margin: 0px; margin-top: 10px; display: block; background: #4C2200; color: #EFE7B8; font: 15px century gothic; text-decoration: none; text-align: center; letter-spacing: 3px; border-right: 10px solid #4C2200; } .navi a:hover { border: none; } .bri { top: 130px; left: 160px; width: 300px; height: auto; overflow: auto; background-color: #EFE7B8; z-index: 2; } .bri h1 { color: #385038; font: 20px century gothic; text-decoration: none; text-align: left; border-left: 100px solid #385038; line-height: 12px; letter-spacing: -2px; margin-right: 50px; padding-left: 5px; } .bri p { background: none; margin: 0px; padding: 20px; color: #000000; font: 10px arial; text-align: center; } .bri a { text-decoration: none; color: #4C2200; text-transform: uppercase; } .bri b, .bri i { color: #4C2200; } a:hover { cursor: help; } </style> <div class="bar" style="position: absolute;"> </div> <div class="navi" style="position: absolute;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="title" style="position: absolute;"> In The Aeroplane </div> <div class="sub" style="position: absolute;"> Over The Sea </div> <div class="bri" style="position: absolute;"> <h1>soft and sweet</h1> <p> What a beautiful face I have found in this place That is circling all round the sun What a beautiful dream That could flash on the screen In a blink of an eye and be gone from me Soft and sweet Let me hold it close and keep it here with me, me <br><br> And one day we will die And our ashes will fly from the aeroplane over the sea But for now we are young Let us lay in the sun And count every beautiful thing we can see Love to be In the arms of all I'm keeping here with me, me <br><br> What a curious life we have found here tonight There is music that sounds from the street There are lights in the clouds Anna's ghost all around Hear her voice as it's rolling and ringing through me Soft and sweet How the notes all bend and reach above the trees, trees </p> <h1>love to be</h1> <p> Now how I remember you How I would push my fingers through Your mouth to make those muscles move That made your voice so smooth and sweet Now we keep where we don't know All secrets sleep in winter clothes With one you loved so long ago Now he don't even know his name <br><br> What a beautiful face I have found in this place That is circling all round' the sun And when we meet on a cloud I'll be laughing out loud I'll be laughing with everyone I see Can't believe how strange it is to be anything at all </p> <h1>credit</h1> <p> layout from <a href="/~1945css">nineteen forty five</a> </p> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><style> .sf, .object, table { display: none; } body { background-color: #DFBA69; overflow: auto; margin: 0px; padding: 0px; float: right; z-index: 10; } .bar { top: 20px; left: 0px; width: 100%; height: 100px; background-color: #5A2E2E; z-index: 1; } .title { background: none; top: 50px; left: 20px; color: #DFBA69; padding: 0px; margin: 0px; font: 50px century gothic; text-transform: lowercase; text-decoration: none; text-align: left; z-index: 5; } .sub { background: none; top: 100px; left: 300px; color: #FFFEDF; padding: 0px; margin: 0px; font: 20px century gothic; text-transform: lowercase; text-decoration: none; text-align: left; z-index: 5; } .navi { top: 100px; left: 50px; z-index: 3; width: 100px; } .navi a { padding: 3px; padding-left: 15px; margin: 0px; margin-top: 10px; display: block; background: #3E4147; color: #FFFEDF; font: 15px century gothic; text-decoration: none; text-align: center; letter-spacing: 3px; border-right: 10px solid #3E4147; } .navi a:hover { border: none; } .bri { top: 130px; left: 160px; width: 300px; height: auto; overflow: auto; background-color: #FFFEDF; z-index: 2; } .bri h1 { color: #5A2E2E; font: 20px century gothic; text-decoration: none; text-align: left; border-left: 100px solid #5A2E2E; line-height: 12px; letter-spacing: -2px; margin-right: 50px; padding-left: 5px; } .bri p { background: none; margin: 0px; padding: 20px; color: #000000; font: 10px arial; text-align: center; } .bri a { text-decoration: none; color: #4C2200; text-transform: uppercase; } .bri b, .bri i { color: #5A2E2E; } a:hover { cursor: help; } </style> <div class="bar" style="position: absolute;"> </div> <div class="navi" style="position: absolute;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="title" style="position: absolute;"> In The Aeroplane </div> <div class="sub" style="position: absolute;"> Over The Sea </div> <div class="bri" style="position: absolute;"> <h1>soft and sweet</h1> <p> What a beautiful face I have found in this place That is circling all round the sun What a beautiful dream That could flash on the screen In a blink of an eye and be gone from me Soft and sweet Let me hold it close and keep it here with me, me <br><br> And one day we will die And our ashes will fly from the aeroplane over the sea But for now we are young Let us lay in the sun And count every beautiful thing we can see Love to be In the arms of all I'm keeping here with me, me <br><br> What a curious life we have found here tonight There is music that sounds from the street There are lights in the clouds Anna's ghost all around Hear her voice as it's rolling and ringing through me Soft and sweet How the notes all bend and reach above the trees, trees </p> <h1>love to be</h1> <p> Now how I remember you How I would push my fingers through Your mouth to make those muscles move That made your voice so smooth and sweet Now we keep where we don't know All secrets sleep in winter clothes With one you loved so long ago Now he don't even know his name <br><br> What a beautiful face I have found in this place That is circling all round' the sun And when we meet on a cloud I'll be laughing out loud I'll be laughing with everyone I see Can't believe how strange it is to be anything at all </p> <h1>credit</h1> <p> layout from <a href="/~1945css">nineteen forty five</a> </p> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><style> .sf, .object, table { display: none; } body { background-color: #72B06F; overflow: auto; margin: 0px; padding: 0px; float: right; z-index: 10; } .bar { top: 20px; left: 0px; width: 100%; height: 100px; background-color: #22845D; z-index: 1; } .title { background: none; top: 50px; left: 20px; color: #022136; padding: 0px; margin: 0px; font: 50px century gothic; text-transform: lowercase; text-decoration: none; text-align: left; z-index: 5; } .sub { background: none; top: 100px; left: 300px; color: #72B06F; padding: 0px; margin: 0px; font: 20px century gothic; text-transform: lowercase; text-decoration: none; text-align: left; z-index: 5; } .navi { top: 100px; left: 50px; z-index: 3; width: 100px; } .navi a { padding: 3px; padding-left: 15px; margin: 0px; margin-top: 10px; display: block; background: #022136; color: #FFFEDF; font: 15px century gothic; text-decoration: none; text-align: center; letter-spacing: 3px; border-right: 10px solid #022136; } .navi a:hover { border: none; } .bri { top: 130px; left: 160px; width: 300px; height: auto; overflow: auto; background-color: #E5D3BD; z-index: 2; } .bri h1 { color: #22845D; font: 20px century gothic; text-decoration: none; text-align: left; border-left: 100px solid #22845D; line-height: 12px; letter-spacing: -2px; margin-right: 50px; padding-left: 5px; } .bri p { background: none; margin: 0px; padding: 20px; color: #000000; font: 10px arial; text-align: center; } .bri a { text-decoration: none; color: #22845D; text-transform: uppercase; } .bri b, .bri i { color: #22845D; } a:hover { cursor: help; } </style> <div class="bar" style="position: absolute;"> </div> <div class="navi" style="position: absolute;"> <a href="/">home</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/~1945css">css</a> </div> <div class="title" style="position: absolute;"> In The Aeroplane </div> <div class="sub" style="position: absolute;"> Over The Sea </div> <div class="bri" style="position: absolute;"> <h1>soft and sweet</h1> <p> What a beautiful face I have found in this place That is circling all round the sun What a beautiful dream That could flash on the screen In a blink of an eye and be gone from me Soft and sweet Let me hold it close and keep it here with me, me <br><br> And one day we will die And our ashes will fly from the aeroplane over the sea But for now we are young Let us lay in the sun And count every beautiful thing we can see Love to be In the arms of all I'm keeping here with me, me <br><br> What a curious life we have found here tonight There is music that sounds from the street There are lights in the clouds Anna's ghost all around Hear her voice as it's rolling and ringing through me Soft and sweet How the notes all bend and reach above the trees, trees </p> <h1>love to be</h1> <p> Now how I remember you How I would push my fingers through Your mouth to make those muscles move That made your voice so smooth and sweet Now we keep where we don't know All secrets sleep in winter clothes With one you loved so long ago Now he don't even know his name <br><br> What a beautiful face I have found in this place That is circling all round' the sun And when we meet on a cloud I'll be laughing out loud I'll be laughing with everyone I see Can't believe how strange it is to be anything at all </p> <h1>credit</h1> <p> layout from <a href="/~1945css">nineteen forty five</a> </p> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br>