Khuln got their homepage at Neopets.com

welcome!

Hey guest, welcome to Mellie's Css! Here you can find petpage, petlookup, userlookup, and gallery layouts for you to use. So feel free to have a look around and neomail me if you have any questions or comments!

layouts look best in firefox
please, leave credit!

- feel free to edit the css however you want, but leave credit always.

- it doesn't matter to me how you credit me, but it must link back here.

- do not redistribute my css or claim it as your own.

I'd really hate to have to report anyone, so please just follow the rules. If I find enough people stealing my css I will just close the page down, sorry. Simple as that.

disclaimer: Backgrounds used on look-ups were not created by me unless specifically stated otherwise

updates!

12/26/11- Now affiliated with Blackbird Fly. Working on new content!

12/10/11- Finals are almost done, expect a big update soon! c:

11/18/11- One new user lookup added. Just a heads up, I'm going to be removing older codes while updating the site with a lot more (newer) layouts.

10/25/11- One new petpage added

updates cleared

* Please be sure to read through my faqs before you neomail any questions! (:

petpages

To get the coding, simply click inside the text area box and press ctrl+a to select all, then ctrl+c to copy. Or, after clicking inside the text area, right click and pick 'select all' then copy. Enjoy!
Click and drag the preview images to the URL box for a larger viewing.

<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #555; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #C48ED6; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #DDA2DC; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D7BFD3 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D7BFD3 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D7BFD3 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #95CAFE; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #ADD1F4; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #CEE4F9 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D4E4F4 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #CEE4F9 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #A3D062; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #AED476; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D9EAC1 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D9EAC1 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D9EAC1 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #FECC4E; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #FFD267; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #FFE3A5 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #FFEABB 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #FFE3A5 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>
<style> body { color: #555; background: #E4E4E4; cursor: crosshair; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: -blocked- crosshair; } h1 { font: 14pt monospace; color: #219FFD; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } h2 { font: 14pt monospace; color: #FB50FE; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } #one { border: 1px solid #ccc; width: 300px; background: #fff; padding: 10px; text-align: justify; } table, .sf { display: none; } </style> <center> <br><br><br><br><div id="one"> <h1>Header One </h1> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h2>Header Two </h2> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h1>Credit </h1> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div> </center>	<style> body { color: #555; background: #555; cursor: crosshair; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: -blocked- crosshair; } h1 { font: 14pt monospace; color: #FFD106; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } h2 { font: 14pt monospace; color: #9ED436; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } #one { border: 1px solid #777; width: 300px; background: #fff; padding: 10px; text-align: justify; } table, .sf { display: none; } </style> <center> <br><br><br><br><div id="one"> <h1>Header One </h1> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h2>Header Two </h2> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h1>Credit </h1> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div> </center>	<style> body, td, tr, table, p { color: #999; font-size: 10px; font-family: verdana; } body { cursor: crosshair; background-color: #555; } .sf { display: none; } #content { width: 500px; text-align: justify; } #box { color: #999; background: #eeeeee; border: 1px solid #dddddd; padding: 1px; } a:link, a:visited { color: #93C451; text-decoration: none; text-transform: lowercase; font-weight: bold; } a:hover { color: #fff; } b { color: #5A778C; font-weight: normal; } a.nav { color: #fff; font-weight: -blocked-; text-transform: UPPERcase; font-size: 7pt; font-family: consolas; } a.nav:hover { background-color: #444; } .nav { padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 0px; text-align: center; background-color: #93C451; } h1 { font-size: 38px; font-family: arial; color: #00C6CD; text-transform: LOWERcase; text-align: left; padding-left: 15px; padding-top: 15px; letter-spacing: 1px; font-weight: normal; margin: 0px; } h2 { font-size: 7px; font-family: small fonts; color: #777; text-transform: uppercase; text-align: left; background-color: none; padding-left: 18px; margin: 0px; font-weight: normal; letter-spacing: 0px; } h3 { font-size: 20px; font-family: arial; color: #FFC666; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } h4 { font-size: 20px; font-family: arial; color: #CBD836; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } </style> <div id="up" style="position: absolute; top: 0px; left: 0px; height: 90px; width: 100%; background: #444; color: #444;"> <h1>page title</h1> <h2>mini header</h2> </div> <div id="up1" style="position: absolute; top: 90px; left: 0px; height: 5px; width: 100%; background: #94C454; color: #94C454;"></div> <div id="navs" style="position: absolute; top: 78px; left: 25px;"> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a><br> </div> <div id="blog" style="position: absolute; top: 120px; width: 500px; padding-left: 20px;"><center> <div id="content"> <h3>header</h3> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <h4>header</h4> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <p><b>Can't find the button to save? Not a problem. Click near the bottom of the page, press tab ONCE then hit enter</b> </p> <h3>credit</h3> <p> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br><br></p> </div> </center></div>	<style> body, td, tr, table, p { color: #999; font-size: 10px; font-family: verdana; } body { cursor: crosshair; background-color: #555; } .sf { display: none; } #content { width: 500px; text-align: justify; } #box { color: #999; background: #eeeeee; border: 1px solid #dddddd; padding: 1px; } a:link, a:visited { color: #A6CCBF; text-decoration: none; text-transform: lowercase; font-weight: bold; } a:hover { color: #fff; } b { color: #5A778C; font-weight: normal; } a.nav { color: #fff; font-weight: -blocked-; text-transform: UPPERcase; font-size: 7pt; font-family: consolas; } a.nav:hover { background-color: #444; } .nav { padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 0px; text-align: center; background-color: #A6CCBF; } h1 { font-size: 38px; font-family: arial; color: #E6636B; text-transform: LOWERcase; text-align: left; padding-left: 15px; padding-top: 15px; letter-spacing: 1px; font-weight: normal; margin: 0px; } h2 { font-size: 7px; font-family: small fonts; color: #777; text-transform: uppercase; text-align: left; background-color: none; padding-left: 18px; margin: 0px; font-weight: normal; letter-spacing: 0px; } h3 { font-size: 20px; font-family: arial; color: #F2E9E4; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } h4 { font-size: 20px; font-family: arial; color: #DADAD8; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } </style> <div id="up" style="position: absolute; top: 0px; left: 0px; height: 90px; width: 100%; background: #444; color: #444;"> <h1>page title</h1> <h2>mini header</h2> </div> <div id="up1" style="position: absolute; top: 90px; left: 0px; height: 5px; width: 100%; background: #A6CCBF; color: #A6CCBF;"></div> <div id="nav" style="position: absolute; top: 78px; left: 25px;"> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a><br> </div> <div id="blog" style="position: absolute; top: 120px; width: 500px; padding-left: 20px;"><center> <div id="content"> <h3>header</h3> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <h4>header</h4> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <p><b>Can't find the button to save? Not a problem. Click near the bottom of the page, press tab ONCE then hit enter</b> </p> <h3>credit</h3> <p> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br><br></p> </div> </center></div>
<style> body { color: #666; background: #484848; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #F39C13; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #F31362; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #F31362; text-decoration: none; font-weight: bold; } a:hover { color: #F5C3D6; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i47.tinypic.com/2e24jrs.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>	<style> body { color: #666; background: #4F5D61; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #6a7d82; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #596e7f; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #A8E256; text-decoration: none; font-weight: bold; } a:hover { color: #86DEDD; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i47.tinypic.com/25kiuyw.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>	<style> body { color: #666; background: #C5E0DC; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #E08E79; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #774F38; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #774F38; text-decoration: none; font-weight: bold; } a:hover { color: #C5E0DC; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i49.tinypic.com/2hq428o.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>	<style> body { color: #666; background: #F2FFA3; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #8DAD84; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #779187; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #779187; text-decoration: none; font-weight: bold; } a:hover { color: #8DAD84; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i50.tinypic.com/mhrk00.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>
<style> body { color: #888; background: #f4f4f4; cursor: crosshair; } body, div, a { font: 8pt arial; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #FF6699; } i { color: #BC8ECA; letter-spacing: 0px; } u { border-bottom: 2px solid #FF6699; text-decoration: none; } a:link, a:active, a:visited, a { color: #BC8ECA; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #FF6699; cursor: crosshair; } a.nav { background-color: #fff; height: 20px; width: 20px; margin: 5px; display: block; text-align: center; color: #fff; } a.nav2 { background-color: #BC8ECA; color: #fff; height: 50px; width: 20px; margin: 5px; display: block; text-align: center; } a.nav:hover { background-color: #FF6699; color: #FF6699; } h1 { font: 14px arial; color: #FF6699; border-bottom: #F4F4F4 2px solid; margin-bottom: 2px; font-weight: bold; line-height: 15px; text-align: right; text-transform: uppercase; letter-spacing: 0px; } h2 { font: 14px arial; color: #BC8ECA; border-bottom: #F4F4F4 2px solid; margin-bottom: 2px; font-weight: bold; line-height: 15px; text-align: right; text-transform: uppercase; letter-spacing: 0px; } #one { border: none; width: 200px; background: #fff; padding: 5px; text-align: justify; left: 205px; top: 80px; } #nav { border: none; width: 20px; background: none; padding: 5px; text-align: center; left: 170px; top: 70px; } table, .sf { display: none; } </style> <div id="nav" style="position: absolute;"> <a class="nav2">N<br>A<br>V</a> <a href="/myaccount.phtml" class="nav">0</a> <a href="/customise/" class="nav">0</a> <a href="/games/arcade.phtml" class="nav">0</a> <a href="/explore.phtml" class="nav">0</a> <a href="/nf.phtml" class="nav">0</a> <a href="/petcentral.phtml" class="nav">0</a> <a href="/neoboards/index.phtml" class="nav">0</a> <a href="/objects.phtml" class="nav">0</a> </div> <div id="one" style="position: absolute;"> <h1>Header one</h1> Summer is the warmest of the four temperate season, between spring and autumn. <b>bold</b> <i>italic</i> underline <a href="/~khuln">link</a> <br><br><h2>Header two</h2> Summer is the warmest of the four temperate season, between spring and autumn. <b>bold</b> <i>italic</i> underline <a href="/~khuln">link</a> <br><br><h1>Credit </h1> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { background: #181818; cursor: crosshair; } body, div, a, td { color: #555; font: 6pt sans-serif; text-align: justify; margin-bottom: 2px; line-height: 15px; text-transform: uppercase; } a:link, a:active, a:visited, a { color: #777; text-decoration: none; font-weight: bold; } a:hover { color: #555; cursor: crosshair; } h1 { font: 25px century gothic; color: #10AFAF; line-height: 1px; text-align: center; text-transform: lowercase; letter-spacing: 0px; } h2 { font: 28px arial; color: #99FF00; line-height: 1px; text-align: left; text-transform: lowercase; letter-spacing: 1px; background: #303030; padding-left: 20px; padding-top: 40px; padding-bottom: 30px; width: 484px; margin-bottom: 0px; } h3 { color: #CC33DD; border-bottom: 1px solid #303030; font: 6pt sans-serif; text-align: right; padding-right: 5px; } b { color: #777; font-weight: normal; } i { color: #99FF00; font-style: normal; } #one { width: 500px; background: #272727; text-align: justify; padding-left: 2px; padding-right: 2px; } .sf { display: none; } </style> <div style="position: absolute; top: 0px; left: 0px; height: 25px; background-color: #181818; color: #181818; width: 100%;">css by umbreon133</div> <center> <h2>header</h2> <div id="one"> <br><h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <p align="center"> css © mellie \| umbreon133<br> get yours <a href="/~khuln">here</a>. <br></p> </div> </center>	<style> body { background: #827262; cursor: crosshair; } body, div, a, td { color: #777; font: 6pt sans-serif; text-align: justify; margin-bottom: 2px; line-height: 15px; text-transform: uppercase; } a:link, a:active, a:visited, a { color: #666; text-decoration: none; font-weight: bold; } a:hover { color: #777; cursor: crosshair; } h1 { font: 25px century gothic; color: #99FF00; line-height: 1px; text-align: center; text-transform: lowercase; letter-spacing: 0px; } h2 { font: 28px arial; color: #E1DBDD; line-height: 1px; text-align: left; text-transform: lowercase; letter-spacing: 1px; background: #553A4B; padding-left: 20px; padding-top: 40px; padding-bottom: 30px; width: 484px; margin-bottom: 0px; } h3 { color: #827262; border-bottom: 1px solid #C1B5BF; font: 6pt sans-serif; text-align: right; padding-right: 5px; } b { color: #553A4B; font-weight: normal; } i { color: #99FF00; font-style: normal; } #one { width: 500px; background: #f7f7f7; text-align: justify; padding-left: 2px; padding-right: 2px; } .sf { display: none; } </style> <div style="position: absolute; top: 0px; left: 0px; height: 25px; background-color: #827262; color: #827262; width: 100%;">css by umbreon133</div> <center> <h2>header</h2> <div id="one"> <br><h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <p align="center"> css © mellie \| umbreon133<br> get yours <a href="/~khuln">here</a>. <br></p> </div> </center>	<style> body { background: #ededed; cursor: crosshair; } body, div, a, td { color: #777; font: 6pt sans-serif; text-align: justify; margin-bottom: 2px; line-height: 15px; text-transform: uppercase; } a:link, a:active, a:visited, a { color: #666; text-decoration: none; font-weight: bold; } a:hover { color: #777; cursor: crosshair; } h1 { font: 25px century gothic; color: #99FF00; line-height: 1px; text-align: center; text-transform: lowercase; letter-spacing: 0px; } h2 { font: 28px arial; color: #F0580D; line-height: 1px; text-align: left; text-transform: lowercase; letter-spacing: 1px; background: #444; padding-left: 20px; padding-top: 40px; padding-bottom: 30px; width: 484px; margin-bottom: 0px; } h3 { color: #82BE2E; border-bottom: 1px solid #bbb; font: 6pt sans-serif; text-align: right; padding-right: 5px; } b { color: #595959; font-weight: normal; } i { color: #99FF00; font-style: normal; } #one { width: 500px; background: #f7f7f7; text-align: justify; padding-left: 2px; padding-right: 2px; } .sf { display: none; } </style> <div style="position: absolute; top: 0px; left: 0px; height: 25px; background-color: #ededed; color: #ededed; width: 100%;">css by umbreon133</div> <center> <h2>header</h2> <div id="one"> <br><h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <p align="center"> css © mellie \| umbreon133<br> get yours <a href="/~khuln">here</a>. <br></p> </div> </center>
<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #7ECECA; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>	<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #98E942; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>	<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #FD7474; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>	<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #F2D974; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>
<style> .sf { display: none; } body { background: #f9f9f9; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { border: 1px solid #e7e7e7; width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #F7F7F7; } h1 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: center; margin-left: 20px; margin-right: 20px; border-bottom: 2px solid #91D9FF; } h2 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: center; margin-left: 20px; margin-right: 20px; border-bottom: 2px solid #CBE86B; } h3 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: center; margin-left: 20px; margin-right: 20px; border-bottom: 2px solid #FF85A7; } h4 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } strong { font-weight: normal; text-decoration: line-through; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.nav { color: #d8d8d8; background-color: #fff; text-transform: UPPERcase; font-size: 7.5pt; width: 75px; margin-top: 60px; display: inline-block; font-family: consolas; padding: 3px; margin-left: 5px; text-align: center; border: 1px solid #f8f8f8; border-top: none; } a.nav:hover { background-color: #fff; color: #e0e0e0; border: 1px solid #ededed; border-top: none; cursor: crosshair; } td { width: 40px; } .img { width: 90px; height: 90px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #F6F5F6; color: #F6F5F6; width: 100%;"> <a href="/" class="nav">Link</a> <a href="/" class="nav">Link</a> <a href="/index.phtml" class="nav">Home</a> </div> <center> <div id="border"> <div id="words"> <h1>header </h1> Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis. <br><br><h2>header </h2> Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis. <br><br><h3>header </h3> Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>	<style> .sf { display: none; } body { background: #EEE9E5; overflow: hidden; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #fff; } h1, h2, h3 { font: 8px arial; color: #fff; font-weight: lighter; text-align: left; text-transform: uppercase; background-color: #FF9C97; border-top: none; border-bottom: 5px solid #fff; border-right: none; border-left: 5px solid #FF9C97; letter-spacing: 2px; } h2 { background: #FFE181; border-left: 5px solid #FFE181; } h3 { background: #FFBA7F; border-left: 5px solid #FFBA7F; } h1:hover, h2:hover, h3:hover { background: #ccc; cursor: crosshair; border-left: 5px solid #ccc; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.f, a.f:visited, a.f:active { color: #BCBCBC; font: 22px sans-serif; font-weight: bold; text-transform: lowercase; padding-right: 20px; } a.f:hover { cursor: crosshair; color: #FAD3B2; } h4 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #EEE9E5; color: #EEE9E5; width: 100%;"> </div> <center> <div id="border"> <div id="words"> <a href="/" class="f">headerlink</a> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>	<style> .sf { display: none; } body { background: #E8E3B3; overflow: hidden; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #fff; } h1, h2, h3 { font: 8px arial; color: #fff; font-weight: lighter; text-align: left; text-transform: uppercase; background-color: #4D8396; border-top: none; border-bottom: 5px solid #fff; border-right: none; border-left: 5px solid #4D8396; letter-spacing: 2px; } h2 { background: #B4D984; border-left: 5px solid #B4D984; } h3 { background: #75C78E; border-left: 5px solid #75C78E; } h1:hover, h2:hover, h3:hover { background: #ccc; cursor: crosshair; border-left: 5px solid #ccc; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.f, a.f:visited, a.f:active { color: #777; font: 22px sans-serif; font-weight: bold; text-transform: lowercase; padding-right: 20px; } a.f:hover { cursor: crosshair; color: #23262B; } h4 { color: #A2A2A2; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #E8E3B3; color: #E8E3B3; width: 100%;"> </div> <center> <div id="border"> <div id="words"> <a href="/" class="f">headerlink</a> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>	<style> .sf { display: none; } body { background: #E9E9E9; overflow: hidden; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #fff; } h1, h2, h3 { font: 8px arial; color: #fff; font-weight: lighter; text-align: left; text-transform: uppercase; background-color: #3299BB; border-top: none; border-bottom: 5px solid #fff; border-right: none; border-left: 5px solid #3299BB; letter-spacing: 2px; } h2 { background: #BCBCBC; border-left: 5px solid #BCBCBC; } h3 { background: #FF9900; border-left: 5px solid #FF9900; } h1:hover, h2:hover, h3:hover { background: #ccc; cursor: crosshair; border-left: 5px solid #ccc; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.f, a.f:visited, a.f:active { color: #424242; font: 22px sans-serif; font-weight: bold; text-transform: lowercase; padding-right: 20px; } a.f:hover { cursor: crosshair; color: #BCBCBC; } h4 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #E9E9E9; color: #E9E9E9; width: 100%;"> </div> <center> <div id="border"> <div id="words"> <a href="/" class="f">headerlink</a> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>
<style> .sf { display: none; } body { background: #f9f9f9; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } b { color: #888; } #words { width: 227px; padding: 35px; background: #fff; } h1 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: left; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #A51063; } h2 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: left; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #8E166B; } h3 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: left; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #73186B; } h4 { color: #fff; text-align: right; text-transform: lowercase; letter-spacing: 0px; padding-right: 20px; margin-top: 10px; width: 270px; margin-bottom: 0px; } h5 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 300px; margin-bottom: 0px; padding-right: 5px; } strong { font-weight: normal; text-decoration: line-through; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.nav, a.nav1, a.nav2, a.nav3, a.nav4, a.nav5 { color: #fff; text-transform: UPPERcase; font-size: 7.5pt; line-height: 100px; display: inline-block; font-family: consolas; padding: 3px; margin: -2px; text-align: center; border-top: none; width: 20px; } a.nav { background-color: #73186B; } a.nav1 { background-color: #8E166B; } a.nav2 { background-color: #A51063; } a.nav3 { background-color: #C6105A; } a.nav4 { background-color: #D02151; } a.nav:hover { color: #73186B; } a.nav1:hover { color: #8E166B; } a.nav2:hover { color: #A51063; } a.nav3:hover { color: #C6105A; } a.nav4:hover { color: #D02151; } td { width: 40px; } td img { width: 60px; height: 60px; } #nav { width: 435px; margin-top: 15px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #f9f9f9; color: #f9f9f9; width: 100%;"> </div> <center> <h4> <div id="nav"> <a href="/" class="nav">1</a> <a href="/" class="nav1">2</a> <a href="/" class="nav2">3</a> <a href="/" class="nav3">4</a> <a href="/" class="nav4">5</a> <a href="/" class="nav4">6</a> <a href="/" class="nav4">7</a> <a href="/" class="nav4">8</a> <a href="/" class="nav3">9</a> <a href="/" class="nav2">10</a> <a href="/" class="nav1">11</a> <a href="/" class="nav">12</a> </div> <div id="words"> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. </div> <h5>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h5> </h4> </center>	<style> .sf { display: none; } body { background: #F9F9F9 url("http://i54.tinypic.com/f9lcv4.jpg"); cursor: crosshair; } p, .medText, body { font: 11px verdana; color: #ababab; text-transform: lowercase; } td { font: 9px verdana; color: #ababab; text-transform: lowercase; } b { color: #B0D259; } i { font-style: normal; color: #C197C2; } a:link, a:visited, a:active, a b { text-decoration: none; font-weight: bold; font-family: sans-serif; color: #6F6F6F; font-size: 8pt; } a:hover, a:hover b { color: #A5DB61; cursor: crosshair; } h1 { background: #82BCDD; text-align: left; padding: 10px; padding-left: 15px; text-transform: uppercase; font: 22px arial; margin: -1px; margin-bottom: 10px; font-weight: bold; color: #fff; } h2 { background: #A5DB61; text-align: left; padding: 10px; padding-left: 15px; text-transform: uppercase; font: 22px arial; margin: -1px; margin-bottom: 10px; font-weight: bold; color: #fff; } #box { width: 420px; background: #fff; margin-top: 50px; padding: 10px; } td img { height: 80px; width: 80px; } </style> <div id="hi" style="position: fixed; bottom: 0px; left: 0px; height: 30px; background: #F9F9F9; color: #ababab; padding-left: 20px; padding-top: 15px; width: 100%; z-index: 50;">css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> \| get yours <a href="/~khuln">here</a> </div> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 80px; background: #F9F9F9 url('http://i54.tinypic.com/f9lcv4.jpg'); color: #f9f9f9; width: 100%;"> </div> <center> <div id="box" style="position: absolute; top: 0px; margin-left: 200px;"> <h1>wishlist</h1> <table> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> </tr> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_pajamas.gif"><br>Sleep Tight Polka Dot and Flower Pajamas</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_bg_wishonstar.gif"><br>Wish on a Star Background</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_claw_fg_patchflower.gif"><br>Patchwork Flowers Foreground</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_ac_wig_perfecthair.gif"><br>Perfect Hair Wig</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/80x80_gate.gif"><br>MiniMME6-B: Gold and Metal Gates Foreground</td> </tr> </table> </div> <div id="box" style="position: absolute; top: 0px; margin-left: 700px;"> <h2>trade list</h2> <table> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> </tr> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_altador_frame.gif"><br>Altador Frame</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_garland_crokabek.gif"><br>Crokabek Garland</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_gashapon_gb_spring2010.gif"><br>Pink Swirly Gift Box Mystery Capsule</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_jjpb_dress_polkadot50s.gif"><br>Blue Polka Dot Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wig_prettypink.gif"><br>Pretty Pink Wig</td> </tr> </table> </div> <br><br><br> </center>	<style> .sf { display: none; } body { background: #f4f4f4; cursor: crosshair; } body, table { font: 10px verdana; color: #555; text-align: justify; line-height: 160%; } td { font: 8px verdana; color: #555; letter-spacing: -1px; text-transform: uppercase; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #53A194; text-transform: lowercase; font-weight: normal; } .f { color: #A2C841; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5f5f5f; font-style: normal; font: 9pt corbel; background-color: #F9F9F9; line-height: 180%; font-weight: bold; text-transform: lowercase; padding: 2px; } a:link, a:visited, a:active { color: #8FC0BC; font-size: 8pt; text-decoration: none; font-weight: bold; letter-spacing: -1px; text-transform: lowercase; } a:hover { color: #80ACA9; cursor: crosshair; } h1 { font: 35px corbel; color: #fff; font-weight: lighter; letter-spacing: -2px; text-align: right; width: 630px; height: 100px; padding-top: 50px; padding-right: 50px; text-transform: lowercase; margin-bottom: 0px; background-color: #53A194; border-bottom: 10px solid #A2C841; } h2 { font: 10pt trebuchet ms; color: #9DE0AD; line-height: 10px; font-weight: lighter; letter-spacing: 0px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; } #two { width: 685px; overflow: hidden; margin-left: 5px; } #first { text-align: justify; width: 280px; height: 230px; display: inline-block; padding: 30px; padding-bottom: 50px; background: #FFFFFF; } #second { text-align: justify; width: 280px; height: 230px; display: inline-block; padding: 30px; margin-left: 340px; border-left: 1px solid #F4F4F4; padding-bottom: 50px; background: #FFFFFF; } </style> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F4F4F4; color: #F4F4F4; z-index: 1;">css by umbreon133</div> <center> <div style="z-index: 12;"> <h1>welcome</h1> </div> <div id="two" style="z-index: 11; padding-bottom: 300px;"> <div id="first" style="position: absolute; z-index: 12;"> <h2>header two</h2> <i>watch out!</i>these are two separate div boxes and each are set to 230px in height. If you want to make it longer, simply find the div boxes #first and #second, then enter a higher number where it says height: 230px; <p> <i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. </p> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div> <div id="second" style="position: absolute; z-index: 12;"> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> </tr></table> <p align="right"> <font class="f">best viewed in firefox</font> </p> </div> </div> </center>	<style> .sf { display: none; } body { background: #F8F8F8; overflow: hidden; cursor: crosshair; } body, td, tr, table, p { color: #aaa; font-size: 7pt; font-family: verdana; text-transform: lowercase; line-height: 160%; } b { font: 9pt corbel; color: #F9CD76; text-transform: lowercase; font-weight: normal; } u { color: #F2F2F2; font: 9pt corbel; text-decoration: none; } .f { color: #FCA873; font: 9pt corbel; font-weight: bold; } i { color: #aaa; font-style: normal; font: 9pt corbel; font-weight: bold; background-color: #f9f9f9; line-height: 180%; text-transform: lowercase; padding: 2px; } a:link, a:visited, a:active { color: #F89673; text-decoration: none; font-weight: bold; } a:hover { color: #F9CD76; cursor: crosshair; } a.big:link, a.big:visited, a.big:active { color: #F9CD76; text-decoration: none; font-size: 12pt; letter-spacing: -1px; font-family: arial; margin-bottom: 2px; font-weight: bold; margin-top: 0px; } a.big:hover { color: #F89673; cursor: crosshair; } a.nav:visited, a.nav:link, a.nav:active { color: #aaa; background: #fbfbfb; text-decoration: none; font-weight: normal; text-align: right; display: block; overflow: auto; height: 20px; width: 50px; padding: 2px; margin-bottom: 15px; border: 1px solid #EDEDED; border-left: none; } a.nav:hover { color: #fff; background: #F89673; } #first { text-align: justify; left: 160px; top: 50px; width: 400px; height: 310px; overflow: hidden; display: block; padding: 20px; padding-top: 20px; background: #FFFFFF; border: 1px solid #EDEDED; } #navs { left: 600px; top: 50px; width: auto; height: 100%; text-align: center; } h1 { font: 45px helvetica; color: #BAE2DD; padding-top: 5px; text-align: right; text-transform: lowercase; letter-spacing: -1px; margin: 0px; padding-right: 30px; background-color: none; } h2 { font-size: 8pt; letter-spacing: -1px; font-family: corbel; color: #dcdcdc; text-transform: uppercase; background: #F9F9F9; padding: 2px; margin: 0px; } </style> <div id="up" style="position: absolute; top: 0px; left: 0px; height: 20px; width: 100%; background: #f8f8f8; color: #f8f8f8;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="#home" class="nav">♥</a></p> <p> <a href="#two" class="nav">two</a></p> <p> <a href="#three" class="nav">three</a></p> <p> <a href="#four" class="nav">four</a></p> <p> <a href="#five" class="nav">five</a></p> <p> <a href="#six" class="nav">six</a></p> <p> <a href="#css" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <a name="home"></a> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br><font class="f">best viewed in firefox</font><br><br><i>this layout is table compatible</i><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="two"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p><br></p> <center> <a href="/" class="big">big links will look like this</a> </center> <p align="right"><a href="#twocont">cont</a> </p> <p> <i>see that link above that says "cont"?</i> You can make it seem like you continue to the right by adding another section. Go ahead and click it! <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="twocont"></a> </p> <h1>header cont.</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <i>and now you're at the continued section</i> Be sure to link back by changing the bottom link of your new section to the link of the previous section. </p> <p align="right"><a href="#two">back</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="three"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> </p> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="four"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <i>Did it look like the text you just entered disappeared?</i> This box is set at a height of 310px and anything longer than that is hidden. Want to make it longer? Find the div box labeled <b>#first</b> and change accordingly. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="five"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<p> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here</p> <p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_bckgrd_beachresort.gif"><br>Beach Resort Background</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_sandcastle.gif"><br>Sand Castle Foreground</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_claw_bg_fantasycloud.gif"><br>Fantasy Cloud Background</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="six"></a> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="css"></a> </p> <h1>credit</h1> <br><br><br><br><br><br><br><p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p> </div>
<style> .sf { display: none; } body { background: #444; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #DF8CC6; text-transform: lowercase; font-weight: normal; } .f { color: #F96890; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #C074C0; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #DF8CC6; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #444; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #888; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #7b7b7B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #C074C0; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #F96890; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #3A3A3A; padding: 10px; padding-top: 80px; color: #3A3A3A; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F96890; color: #F96890; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>	<style> .sf { display: none; } body { background: #f4f4f4; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #BECF70; text-transform: lowercase; font-weight: normal; } .f { color: #81827C; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #93AF99; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #849D89; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #dbdbdb; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #bbb; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #7b7b7B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #93AF99; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #D4E77D; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #81827C; padding: 10px; padding-top: 80px; color: #81827C; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #C9DAAD; color: #C9DAAD; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>	<style> .sf { display: none; } body { background: #F8F8F8; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #F9CD76; text-transform: lowercase; font-weight: normal; } .f { color: #FF4242; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #CBE86B; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #F9CD76; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #ebebeb; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #ccc; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #5B5B5B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #CBE86B; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #FF8355; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #CBE86B; padding: 10px; padding-top: 80px; color: #5B5B5B; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F0F2EB; color: #F0F2EB; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>	<style> .sf { display: none; } body { background: #F1F1F1; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #8DDADD; text-transform: lowercase; font-weight: normal; } .f { color: #8DDADD; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #8DDADD; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #7FC4C6; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #ebebeb; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #ccc; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #7b7b7B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #8DDADD; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #8DDADD; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #8DDADD; padding: 10px; padding-top: 80px; color: #8DDADD; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F5F5F5; color: #F5F5F5; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>
<style> .sf { display: none; } body { background: #3b3b3b; cursor: crosshair; } td, p, body, b, .medText { color: #999; font: 5pt small fonts; line-height: 12px; font-weight: lighter; text-transform: uppercase; } #hey td { text-align: center; width: 67px; height: 10px; } #list td { text-align: center; width: 100px; height: 90px; padding: 5px; } #list td img { border: 1px solid #000; width: 50px; height: 50px; } b { font: 8pt gisha; color: #33C7FA; text-transform: uppercase; font-weight: bold; } #hey { width: 430px; border: 0px solid #ccc; margin: 40px; background: #fff url("http://i52.tinypic.com/2q8r9fn.png"); z-index: 5; } #big { width: 375px; padding: 20px; cursor: crosshair; background: #fff; float: right; text-align: justify; z-index: 15; } h1, h2 { color: #FFCC00; font: 15pt corbel; text-transform: lowercase; font-weight: bold; letter-spacing: -1px; background: 0; } h2 { color: #FD7474; } .b { border: 1px solid #000; } a:link, a:visited, a:active { color: #BBFF60; font: 10px gisha; text-decoration: none; font-weight: bold; letter-spacing: -1px; text-transform: lowercase; } a:hover { color: #FF66FF; cursor: crosshair; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 35px; background: #3b3b3b; color: #3b3b3b; width: 100%;"> </div> <div id="hi" style="position: fixed; bottom: 0px; left: 0px; height: 20px; background: #383838; color: #777; padding-left: 20px; padding-top: 10px; width: 100%; z-index: 50;">css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> \| get yours <a href="/~khuln">here</a> </div> <div id="hey" style="position: absolute; top: 90px; left: 80px;"> <div id="big"> <div id="list"> <h2>wishlist</h2> <br><b>seeking now:</b> <table> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> </table> <b>low priority:</b> <br><table> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> </table> <h1>trade list</h1> <table> <td valign="top"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"> </td> <td valign="top">Shooting Novas</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_acnc_acwig.gif"> </td> <td valign="top">Altadorian Wig with Gold Ribbon</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_acc_orangecontacts.gif"> </td> <td valign="top">Orange Contacts<br><b>x 2</b> </td> <tr> <td valign="top"> <img src="http://images.neopets.com/items/mall_bg_pinkmountaincloud.gif"> </td> <td valign="top">Pink Mountain and Cloud Background</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_ghostly_hat.gif"> </td> <td valign="top">Ethereal Spirit Hat<br><b>x 3</b> </td> <td valign="top"> <img src="http://images.neopets.com/items/mall_mutant_spring_headband.gif"> </td> <td valign="top">Mutant Spring Headband</td> </tr> </table> </div> </div> </div>

return to the top ↑

pet lookups

To get the coding, simply click inside the text area box and press ctrl+a to select all, then ctrl+c to copy. Or, after clicking inside the text area, right click and pick 'select all' then copy. Enjoy!
Click and drag the preview images to the URL box for a larger viewing.

<style> .brand-mamabar, #ban { display: none; } #main { width: 550px; border: none; background: none; margin-top: 0px; border-bottom: 30px solid #EDD8DC; margin-bottom: -20px; } #content { width: 550px; background-color: #ffffff; border: none; margin-bottom: 20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: none; margin-top: -10px; } table, table td { border: 0px !important; } b, a:link, a:visited, a:active { color: #F5E2E2; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #AAA; cursor: crosshair; } .content div { color: #DCC2CC; } .content div div { color: none; } body { background: #FDEFE8; } body, td, p, div, font, .contentModuleContent { color: #ccc; font-family: tahoma; font-size: 7pt; cursor: crosshair; } u { color: #aaa; text-decoration: none; } i { font: 7.5pt consolas; color: #F76531; } div div div div b { display: none; } .contentModuleContent img { float: left; height: auto; width: 50px; } </style> <div align="right"><a href="/~Khuln">css</a></div>	<style> .brand-mamabar, #ban { display: none; } #main { width: 550px; border: none; background: none; margin-top: 0px; border-bottom: 30px solid #B8EEDD; margin-bottom: -20px; } #content { width: 550px; background-color: #ffffff; border: none; margin-bottom: 20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: none; margin-top: -10px; } table, table td { border: 0px !important; } b, a:link, a:visited, a:active { color: #C7DF67; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #AAA; cursor: crosshair; } .content div { color: #91E0CA; } .content div div { color: none; } body { background: #F1F6DE; } body, td, p, div, font, .contentModuleContent { color: #999; font-family: tahoma; font-size: 7pt; cursor: crosshair; } u { color: #aaa; text-decoration: none; } i { font: 7.5pt consolas; color: #F76531; } div div div div b { display: none; } .contentModuleContent img { float: left; height: auto; width: 50px; } </style> <div align="right"><a href="/~Khuln">css</a></div>	<style> .brand-mamabar, #ban { display: none; } #main { width: 550px; border: none; background: none; margin-top: 0px; border-bottom: 30px solid #CAE7EE; margin-bottom: -20px; } #content { width: 550px; background-color: #ffffff; border: none; margin-bottom: 20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: none; margin-top: -10px; } table, table td { border: 0px !important; } b, a:link, a:visited, a:active { color: #D5EBF1; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #AAA; cursor: crosshair; } .content div { color: #9DD4E2; } .content div div { color: none; } body { background: #EAF6F8; } body, td, p, div, font, .contentModuleContent { color: #bbb; font-family: tahoma; font-size: 7pt; cursor: crosshair; } u { color: #aaa; text-decoration: none; } i { font: 7.5pt consolas; color: #F76531; } div div div div b { display: none; } .contentModuleContent img { float: left; height: auto; width: 50px; } </style> <div align="right"><a href="/~Khuln">css</a></div>	<style> .brand-mamabar, #ban { display: none; } #main { width: 550px; border: none; background: none; margin-top: 0px; border-bottom: 30px solid #C5CED3; margin-bottom: -20px; } #content { width: 550px; background-color: #ffffff; border: none; margin-bottom: 20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: none; margin-top: -10px; } table, table td { border: 0px !important; } b, a:link, a:visited, a:active { color: #D3DADE; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #AAA; cursor: crosshair; } .content div { color: #C8D1D5; } .content div div { color: none; } body { background: #E4E6E6; } body, td, p, div, font, .contentModuleContent { color: #bbb; font-family: tahoma; font-size: 7pt; cursor: crosshair; } u { color: #aaa; text-decoration: none; } i { font: 7.5pt consolas; color: #F76531; } div div div div b { display: none; } .contentModuleContent img { float: left; height: auto; width: 50px; } </style> <div align="right"><a href="/~Khuln">css</a></div>
<style> .brand-mamabar, #ban { display: none; } body { background: #E0E0E0; } body, td, p, div, font, .contentModuleContent { color: #bbb; font-family: tahoma; font-size: 7pt; } h1 { color: #ffffff; font-family: arial; background-color: #FDB5E0; letter-spacing: -2px; text-align: right; font-weight: bold; text-transform: lowercase; font-size: 45px; line-height: 20px; margin: 0px; } u { color: #FDB5E0; text-decoration: none; text-transform: lowercase; font-size: 11px; } i { font: 7.5pt consolas; color: #FDB5E0; } b, a:link, a:visited, a:active { color: #FDB5E0; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #70B7FE; } #main { width: 850px; border: none; background: none; margin-top: 0px; } #content { width: 550px; background-color: #ffffff; margin-top: 20px; border: 15px solid #F0F0F0; margin-bottom: -20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px white; margin-top: -10px; } .contentModuleContent img { float: left; width: 50px; height: auto; } div div div div b { display: none; } #moo { width: 525px; text-align: center; } table, table td { border: 0px !important; } </style> <div id="moo"> <div align="left"><a href="/~Khuln">css</a></div> <h1>Name</h1> </div>	<style> .brand-mamabar, #ban { display: none; } body { background: #E0E0E0; } body, td, p, div, font, .contentModuleContent { color: #bbb; font-family: tahoma; font-size: 7pt; } h1 { color: #ffffff; font-family: arial; background-color: #9CDE73; letter-spacing: -2px; text-align: right; font-weight: bold; text-transform: lowercase; font-size: 45px; line-height: 20px; margin: 0px; } u { color: #9CDE73; text-decoration: none; text-transform: lowercase; font-size: 11px; } i { font: 7.5pt consolas; color: #9CDE73; } b, a:link, a:visited, a:active { color: #9CDE73; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #70B7FE; } #main { width: 850px; border: none; background: none; margin-top: 0px; } #content { width: 550px; background-color: #ffffff; margin-top: 20px; border: 15px solid #F0F0F0; margin-bottom: -20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px white; margin-top: -10px; } .contentModuleContent img { float: left; width: 50px; height: auto; } div div div div b { display: none; } #moo { width: 525px; text-align: center; } table, table td { border: 0px !important; } </style> <div id="moo"> <div align="left"><a href="/~Khuln">css</a></div> <h1>Name</h1> </div>	<style> .brand-mamabar, #ban { display: none; } body { background: #E0E0E0; } body, td, p, div, font, .contentModuleContent { color: #bbb; font-family: tahoma; font-size: 7pt; } h1 { color: #ffffff; font-family: arial; background-color: #70B7FE; letter-spacing: -2px; text-align: right; font-weight: bold; text-transform: lowercase; font-size: 45px; line-height: 20px; margin: 0px; } u { color: #70B7FE; text-decoration: none; text-transform: lowercase; font-size: 11px; } i { font: 7.5pt consolas; color: #70B7FE; } b, a:link, a:visited, a:active { color: #70B7FE; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #70B7FE; } #main { width: 850px; border: none; background: none; margin-top: 0px; } #content { width: 550px; background-color: #ffffff; margin-top: 20px; border: 15px solid #F0F0F0; margin-bottom: -20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px white; margin-top: -10px; } .contentModuleContent img { float: left; width: 50px; height: auto; } div div div div b { display: none; } #moo { width: 525px; text-align: center; } table, table td { border: 0px !important; } </style> <div id="moo"> <div align="left"><a href="/~Khuln">css</a></div> <h1>Name</h1> </div>	<style> .brand-mamabar, #ban { display: none; } body { background: #E0E0E0; } body, td, p, div, font, .contentModuleContent { color: #bbb; font-family: tahoma; font-size: 7pt; } h1 { color: #ffffff; font-family: arial; background-color: #C5CED3; letter-spacing: -2px; text-align: right; font-weight: bold; text-transform: lowercase; font-size: 45px; line-height: 20px; margin: 0px; } u { color: #C5CED3; text-decoration: none; text-transform: lowercase; font-size: 11px; } i { font: 7.5pt consolas; color: #C5CED3; } b, a:link, a:visited, a:active { color: #C5CED3; text-align: justify; text-transform: uppercase; font-size: 6pt; } a:hover { color: #C5CED3; } #main { width: 850px; border: none; background: none; margin-top: 0px; } #content { width: 550px; background-color: #ffffff; margin-top: 20px; border: 15px solid #F0F0F0; margin-bottom: -20px; } #header, #footer, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px white; margin-top: -10px; } .contentModuleContent img { float: left; width: 50px; height: auto; } div div div div b { display: none; } #moo { width: 525px; text-align: center; } table, table td { border: 0px !important; } </style> <div id="moo"> <div align="left"><a href="/~Khuln">css</a></div> <h1>Name</h1> </div>
<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } .content div { color: #8FCCDC; } .content div div { color: none; } body { background: #fff; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; } #main { width: 555px; border: none; background: #fff; margin-top: 0px; } #content { width: 550px; background-color: #fff; } b, a:link, a:visited, a:active { color: #B6E0F0; text-align: justify; text-transform: uppercase; font-weight: bold; font-size: 6pt; } a:hover { color: #9AD0DF; cursor: crosshair; } u { color: #86C7D7; text-decoration: none; } i { font: 7.5pt consolas; color: #00C1C1; letter-spacing: 5px; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } div div div div b { display: none; } .contentModuleContent img { width: 50px; height: 50px; } .contentModuleContent img { float: left; } #moo { width: 185px; text-align: left; } </style> <div align="center"> <br><div id="moo"> <img src="http://images.neopets.com/items/toy_elecmote_balloon.gif"><p align="right"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 9pt; margin-right: -9pt;">name</i><br><i>statistics</i><br>birthday: Month 1st, y00<br>if your pet's name is longer than 4 letters, change the width of "#moo" (: <br><a href="/~khuln">css</a><br></p> </div> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } .content div { color: #F7DA7F; } .content div div { color: none; } body { background: #fff; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; } #main { width: 555px; border: none; background: #fff; margin-top: 0px; } #content { width: 550px; background-color: #fff; } b, a:link, a:visited, a:active { color: #D7AE86; text-align: justify; text-transform: uppercase; font-weight: bold; font-size: 6pt; } a:hover { color: #D0A072; cursor: crosshair; } u { color: #F2694F; text-decoration: none; } i { font: 7.5pt consolas; color: #F7DA7F; letter-spacing: 5px; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } div div div div b { display: none; } .contentModuleContent img { width: 50px; height: 50px; } .contentModuleContent img { float: left; } #moo { width: 185px; text-align: left; } </style> <div align="center"> <br><div id="moo"> <img src="http://images.neopets.com/items/eliv_thade_amulet.gif"><p align="right"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 9pt; margin-right: -9pt;">name</i><br><i>statistics</i><br>birthday: Month 1st, y00<br>if your pet's name is longer than 4 letters, change the width of "#moo" (: <br><a href="/~khuln">css</a><br></p> </div> </div>	<style> .brand-mamabar, #ban { display: none; } #main { width: 555px; border: none; background: #fff; margin-top: 0px; } #content { width: 550px; background-color: #fff; } #header, #footer, .brand-mamabar, .sidebar { display: none; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } b, a:link, a:visited, a:active { color: #AAE969; text-align: justify; text-transform: uppercase; font-weight: bold; font-size: 6pt; } a:hover { color: #79DD3C; cursor: crosshair; } .content div { color: #FAD589; } .content div div { color: none; } body { background: #fff; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; } u { color: #74C7D4; text-decoration: none; } i { font: 7.5pt consolas; color: #F5B74B; } div div div div b { display: none; } .contentModuleContent img { width: 50px; height: 50px; } .contentModuleContent img { float: left; } #moo { width: 175px; text-align: left; } h1 { color: #888; font: 7pt tahoma; margin: 1px; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; line-height: 8pt; width: 200px; } </style> <div align="center"> <br><div id="moo"> <img src="http://images.neopets.com/items/clo_baby_shoyru_dummy.gif"><p align="right"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 9pt; margin-right: -9pt;">name</i><br><i> s t a t i s t i c s</i><br>birthday: January 1st, y12<br>if your pet's name is longer than 4 letters, change the width of "#moo" (: </p> <p> <i style="color: #FFFFFC; font-size: 8pt; font-family: verdana; font-weight: bold;">petlookup by mellie (umbreon133)</i><br></p> </div> </div>	<style> #ban { display: none; } #header, #footer, .brand-mamabar, .sidebar { display: none; } .content div { color: #49DCEC; } .content div div { color: none; } body { background: #fff; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; } #main { width: 555px; border: none; background: #fff; margin-top: 0px; } #content { width: 550px; background-color: #fff; } b, a:link, a:visited, a:active { color: #BC8EC0; text-align: justify; text-transform: uppercase; font-weight: bold; font-size: 6pt; } a:hover { color: #9F52A8; cursor: crosshair; } u { color: #FF6699; text-decoration: none; } i { font: 7.5pt consolas; color: #49DCEC; letter-spacing: 5px; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } div div div div b { display: none; } .contentModuleContent img { width: 50px; height: 50px; } .contentModuleContent img { float: left; } #moo { width: 185px; text-align: left; } </style> <div align="center"> <br><div id="moo"> <img src="http://images.neopets.com/items/foo_rainbowkacheek_water.gif"><p align="right"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 9pt; margin-right: -9pt;">name</i><br><i>statistics</i><br>birthday: Month 1st, y00<br>if your pet's name is longer than 4 letters, change the width of "#moo" (: <br><a href="/~khuln">css</a><br></p> </div> </div>
<style> .brand-mamabar, #ban { display: none; } .content div { display: none; } .content div div { color: none; } #CustomNeopetView { height: 250px; width: 250px; } #main { width: 400px; border: none; background: none; margin-top: 0px; } #content { width: 400px; background-color: #fff; border: 1px solid #fff; } body { background: #f7f7f7; cursor: crosshair; } body, td, p, div, font, .contentModuleContent { color: #777; font-family: small fonts; font-size: 5pt; text-transform: uppercase; } h1 { color: #B13F4A; font-family: monospace; font-size: 15pt; text-transform: lowercase; text-align: right; font-weight: bold; border: none; line-height: 1px; } b, a:link, a:visited, a:active { color: #C55A65; font-size: 5pt; font-family: small fonts; text-align: justify; font-weight: normal; text-transform: uppercase; } a:hover { color: #ccc; cursor: crosshair; } i { color: #C55A65; font-style: normal; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } div div div div b { display: none; } #header, #footer, .sidebar { display: none; } .img { visibility: visible; height: 50px; width: auto; } td img { visibility: hidden; height: 0px; width: 0px; } #moo { width: 525px; text-align: center; } </style> <h1>name goes here</h1> <div style="text-align: justify;"> <table><tr> <td valign="top" width="200"> <img src="http://images.neopets.com/items/inst_maraquan_xylophone.gif" border="0" class="img"> statistics<br><i>birthday</i>: January 1st, y12<br><i>painted</i>: January 1st, y12<br><br> </td> <td valign="top" width="200"> Magma is molten rock that is found beneath the surface of the Earth, and may also exist on other terrestrial planets. Besides molten rock, magma may also contain suspended crystals and gas bubbles. Magma often collects in a magma chamber inside a volcano. <div align="right"> <a href="/~PETNAME">petpage</a>-<a href="/neomessages.phtml?type=send">neomail</a>-<a href="/~khuln">css</a> </div> </td> </tr></table> </div>	<style> .brand-mamabar, #ban { display: none; } .content div { display: none; } .content div div { color: none; } #CustomNeopetView { height: 250px; width: 250px; } #main { width: 400px; border: none; background: none; margin-top: 0px; } #content { width: 400px; background-color: #fff; border: 1px solid #fff; } body { background: #C3D7BB; cursor: crosshair; } body, td, p, div, font, .contentModuleContent { color: #999; font-family: small fonts; font-size: 5pt; text-transform: uppercase; } h1 { color: #7D9B8D; font-family: monospace; font-size: 15pt; text-transform: lowercase; text-align: right; font-weight: bold; line-height: 1px; } b, a:link, a:visited, a:active { color: #9CBBAA; font-size: 5pt; font-family: small fonts; text-align: justify; font-weight: normal; text-transform: uppercase; } a:hover { color: #ccc; cursor: crosshair; } i { color: #9CBBAA; font-style: normal; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } div div div div b { display: none; } #header, #footer, .sidebar { display: none; } .img { visibility: visible; height: 50px; width: auto; } td img { visibility: hidden; height: 0px; width: 0px; } #moo { width: 525px; text-align: center; } </style> <h1>name goes here</h1> <div style="text-align: justify;"> <table><tr> <td valign="top" width="200"> <img src="http://images.neopets.com/items/toy_bagalupe_plushie.gif" border="0" class="img"> statistics<br><i>birthday</i>: January 1st, y12<br><i>painted</i>: January 1st, y12<br><br> </td> <td valign="top" width="200"> Magma is molten rock that is found beneath the surface of the Earth, and may also exist on other terrestrial planets. Besides molten rock, magma may also contain suspended crystals and gas bubbles. Magma often collects in a magma chamber inside a volcano. <div align="right"> <a href="/~PETNAME">petpage</a>-<a href="/neomessages.phtml?type=send">neomail</a>-<a href="/~khuln">css</a> </div> </td> </tr></table> </div>	<style> .brand-mamabar, #ban { display: none; } .content div { display: none; } .content div div { color: none; } #CustomNeopetView { height: 250px; width: 250px; } #main { width: 400px; border: none; background: none; margin-top: 0px; } #content { width: 400px; background-color: #fff; border: 1px solid #fff; } body { background: #9EC8F3; cursor: crosshair; } body, td, p, div, font, .contentModuleContent { color: #999; font-family: small fonts; font-size: 5pt; text-transform: uppercase; } h1 { color: #75A927; font-family: monospace; font-size: 15pt; text-transform: lowercase; text-align: right; font-weight: bold; border: none; line-height: 1px; } b, a:link, a:visited, a:active { color: #D6D070; font-size: 5pt; font-family: small fonts; text-align: justify; font-weight: normal; text-transform: uppercase; } a:hover { color: #ccc; cursor: crosshair; } i { color: #D6D070; font-style: normal; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } div div div div b { display: none; } #header, #footer, .sidebar { display: none; } .img { visibility: visible; height: 50px; width: auto; } td img { visibility: hidden; height: 0px; width: 0px; } #moo { width: 525px; text-align: center; } </style> <h1>name goes here</h1> <div style="text-align: justify;"> <table><tr> <td valign="top" width="200"> <img src="http://images.neopets.com/items/mall_tikitacktorch.gif" border="0" class="img"> statistics<br><i>birthday</i>: January 1st, y12<br><i>painted</i>: January 1st, y12<br><br> </td> <td valign="top" width="200"> Magma is molten rock that is found beneath the surface of the Earth, and may also exist on other terrestrial planets. Besides molten rock, magma may also contain suspended crystals and gas bubbles. Magma often collects in a magma chamber inside a volcano. <div align="right"> <a href="/~PETNAME">petpage</a>-<a href="/neomessages.phtml?type=send">neomail</a>-<a href="/~khuln">css</a> </div> </td> </tr></table> </div>	<style> .brand-mamabar, #ban { display: none; } .content div { display: none; } .content div div { color: none; } #CustomNeopetView { height: 250px; width: 250px; } #main { width: 400px; border: none; background: none; margin-top: 0px; } #content { width: 400px; background-color: #fff; border: 1px solid #fff; } body { background: #A98D89; cursor: crosshair; } body, td, p, div, font, .contentModuleContent { color: #999; font-family: small fonts; font-size: 5pt; text-transform: uppercase; } h1 { color: #805675; font-family: monospace; font-size: 15pt; text-transform: lowercase; text-align: right; font-weight: bold; border: none; line-height: 1px; } b, a:link, a:visited, a:active { color: #A68B86; font-size: 5pt; font-family: small fonts; text-align: justify; font-weight: normal; text-transform: uppercase; } a:hover { color: #ccc; cursor: crosshair; } i { color: #A68B86; font-style: normal; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } div div div div b { display: none; } #header, #footer, .sidebar { display: none; } .img { visibility: visible; height: 50px; width: auto; } td img { visibility: hidden; height: 0px; width: 0px; } #moo { width: 525px; text-align: center; } </style> <h1>name goes here</h1> <div style="text-align: justify;"> <table><tr> <td valign="top" width="200"> <img src="http://images.neopets.com/items/toy_darelemental.gif" border="0" class="img"> statistics<br><i>birthday</i>: January 1st, y12<br><i>painted</i>: January 1st, y12<br><br> </td> <td valign="top" width="200"> Magma is molten rock that is found beneath the surface of the Earth, and may also exist on other terrestrial planets. Besides molten rock, magma may also contain suspended crystals and gas bubbles. Magma often collects in a magma chamber inside a volcano. <div align="right"> <a href="/~PETNAME">petpage</a>-<a href="/neomessages.phtml?type=send">neomail</a>-<a href="/~khuln">css</a> </div> </td> </tr></table> </div>
<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } #CustomNeopetView { height: 200px; width: 200px; } .content div { display: none; } .content div div { color: none; } body { background: #f9f9f9; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; text-transform: lowercase; } #main { width: 360px; border: 5px solid #F7F7F7; background: #fff; margin-top: 20px; } #content { width: 350px; background-color: #fff; } b, a:link, a:visited, a:active { color: #FF7A7A; text-align: justify; font-weight: normal; font-size: 6pt; } a:hover { color: #A8A8A8; cursor: crosshair; } u { color: #AAAAAA; text-decoration: none; font-weight: bold; font-size: 6pt; } i { font: 7.5pt consolas; color: #FACF13; letter-spacing: 5px; } .contentModuleContent { width: 350px; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: #fff; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } .content { } .contentModuleContent { } div div div div b { display: none; } .contentModuleContent img { width: 40px; height: 40px; } .contentModuleContent img { float: right; } #moo { text-align: justify; width: 200px; margin-top: -200px; margin-left: 140px; } </style> <div id="moo"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 4pt; margin-right: -10pt;">name</i><br><i>statistics</i><br> birthday: and stuff<br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <br><br><br><br><p align="right"><a href="/~khuln">credit</a><br></p> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } #CustomNeopetView { height: 200px; width: 200px; } .content div { display: none; } .content div div { color: none; } body { background: #F9F9F9; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; text-transform: lowercase; } #main { width: 360px; border: 5px solid #F7F7F7; background: #fff; margin-top: 20px; } #content { width: 350px; background-color: transparent; } b, a:link, a:visited, a:active { color: #66CCFF; text-align: justify; font-weight: normal; font-size: 6pt; } a:hover { color: #A8A8A8; cursor: crosshair; } u { color: #AAAAAA; text-decoration: none; font-weight: bold; font-size: 6pt; } i { font: 7.5pt consolas; color: #FC4A45; letter-spacing: 5px; } .contentModuleContent { width: 350px; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: transparent; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } .content { } .contentModuleContent { } div div div div b { display: none; } .contentModuleContent img { width: 40px; height: 40px; } .contentModuleContent img { float: right; } #moo { text-align: justify; width: 200px; margin-top: -200px; margin-left: 140px; } </style> <div id="moo"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 4pt; margin-right: -10pt;">name</i><br><i>statistics</i><br> birthday: and stuff<br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <br><br><br><br><p align="right"><a href="/~khuln">credit</a><br></p> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } #CustomNeopetView { height: 200px; width: 200px; } .content div { display: none; } .content div div { color: none; } body { background: #191919; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; text-transform: lowercase; } #main { width: 360px; border: 5px solid #313131; background: #212121; margin-top: 20px; } #content { width: 350px; background-color: transparent; } b, a:link, a:visited, a:active { color: #FF33CC; text-align: justify; font-weight: normal; font-size: 6pt; } a:hover { color: #A8A8A8; cursor: crosshair; } u { color: #AAAAAA; text-decoration: none; font-weight: bold; font-size: 6pt; } i { font: 7.5pt consolas; color: #FFCE0A; letter-spacing: 5px; } .contentModuleContent { width: 350px; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: transparent; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } .content { } .contentModuleContent { } div div div div b { display: none; } .contentModuleContent img { width: 40px; height: 40px; } .contentModuleContent img { float: right; } #moo { text-align: justify; width: 200px; margin-top: -200px; margin-left: 140px; } </style> <div id="moo"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 4pt; margin-right: -10pt;">name</i><br><i>statistics</i><br> birthday: and stuff<br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <br><br><br><br><p align="right"><a href="/~khuln">credit</a><br></p> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } #CustomNeopetView { height: 200px; width: 200px; } .content div { display: none; } .content div div { color: none; } body { background: #191919; } body, td, p, div, font, .contentModuleContent { color: #aaa; font-family: tahoma; font-size: 7pt; cursor: crosshair; text-transform: lowercase; } #main { width: 360px; border: 5px solid #313131; background: #212121; margin-top: 20px; } #content { width: 350px; background-color: transparent; } b, a:link, a:visited, a:active { color: #38B1D8; text-align: justify; font-weight: normal; font-size: 6pt; } a:hover { color: #A8A8A8; cursor: crosshair; } u { color: #AAAAAA; text-decoration: none; font-weight: bold; font-size: 6pt; } i { font: 7.5pt consolas; color: #51ED4D; letter-spacing: 5px; } .contentModuleContent { width: 350px; } .contentModuleHeader, .contentModuleHeaderAlt, .contentModuleHeader a b, .contentModuleContent td img, .contentModuleContent .contentModuleContent div img { display: none; } .content div img { display: inline; } .contentModuleContent table img { display: none; } .contentModuleContent div img { display: inline; } .content .contentModule, . { border: 0px; } .content div div, .content .contentModule { display: block; } .contentModuleContent, .contentModule { background: transparent; } .content .contentModule { border: none; } .contentModuleTable { border: 1px white; margin-top: -10px; } table, table td { border: 0px !important; } .content { } .contentModuleContent { } div div div div b { display: none; } .contentModuleContent img { width: 40px; height: 40px; } .contentModuleContent img { float: right; } #moo { text-align: justify; width: 200px; margin-top: -200px; margin-left: 140px; } </style> <div id="moo"> <i style="color: #E4E4E4; font-family: century gothic; font-size: 28px; letter-spacing: 4pt; margin-right: -10pt;">name</i><br><i>statistics</i><br> birthday: and stuff<br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <br><br><br><br><p align="right"><a href="/~khuln">credit</a> <br></p> </div>
<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #888; font-family: small fonts; font-size: 5pt; cursor: crosshair; text-transform: uppercase; line-height: 12px; letter-spacing: 1px; font-weight: normal; text-decoration: none; } body { background: #F6F6F6; cursor: crosshair; overflow: hidden; } #main { width: 635px; border: none; background: transparent; margin-top: 30px; } #content { width: 630px; background-color: transparent; float: right; } a:link, a:visited, a:active { color: #777; text-align: justify; font-weight: normal; } a:hover { color: #AAA; cursor: crosshair; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: #F6F6F6; } div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } .contentModuleHeader a b, .contentModuleContent table img, .contentModuleContent.medText img { display: none; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } h1 { font: 12pt century gothic; color: #2CCBCA; letter-spacing: 5px; font-style: normal; font-weight: lighter; width: 615px; text-align: left; background-color: #f0f0f0; padding-left: 5px; } #info { width: 300px; text-align: left; margin-top: -50px; padding-bottom: 20px; padding-left: 15px; } </style> <div id="info"> <br>woop woop small description goes here okokok? remember to change out the link names! but don't remove the credit! <br><a href="/~NAME">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\| <a href="/~Khuln">CSS</a> </div> <h1>NAME</h1>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #888; font-family: small fonts; font-size: 5pt; cursor: crosshair; text-transform: uppercase; line-height: 12px; letter-spacing: 1px; font-weight: normal; text-decoration: none; } body { background: #191919; cursor: crosshair; overflow: hidden; } #main { width: 635px; border: none; background: transparent; margin-top: 30px; } #content { width: 630px; background-color: transparent; float: right; } a:link, a:visited, a:active { color: #555; text-align: justify; font-weight: normal; } a:hover { color: #AAA; cursor: crosshair; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: #191919; } div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } .contentModuleHeader a b, .contentModuleContent table img, .contentModuleContent.medText img { display: none; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } h1 { font: 12pt century gothic; color: #6299D0; letter-spacing: 5px; font-style: normal; font-weight: lighter; width: 615px; text-align: left; background-color: #212121; padding-left: 5px; } #info { width: 300px; text-align: left; margin-top: -50px; padding-bottom: 20px; padding-left: 15px; } </style> <div id="info"> <br>woop woop small description goes here okokok? remember to change out the link names! but don't remove the credit! <br><a href="/~NAME">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\| <a href="/~Khuln">CSS</a> </div> <h1>NAME</h1>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; visibility: hidden; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #ADB0B5; font-family: tahoma; font-size: 7pt; cursor: crosshair; text-transform: lowercase; line-height: 12px; letter-spacing: 0px; font-weight: normal; text-decoration: none; } body { background: #fff; cursor: crosshair; overflow: hidden; } #main { width: 535px; border: none; background: transparent; margin-top: 30px; margin-left: 80px; } #content { width: 530px; background-color: transparent; float: right; border: 1px solid #eee; border-right: none; } a:link, a:visited, a:active { color: #aaa; text-align: justify; font-weight: normal; } a:hover { color: #bbb; cursor: crosshair; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } .contentModuleHeader a b, .contentModuleContent table img, .contentModuleContent.medText img { display: none; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } h1 { font: 40pt Eclipse; color: #E8E8E3; letter-spacing: 5px; font-style: italic; font-weight: lighter; text-align: left; padding-top: 10px; text-transform: lowercase; margin: 0px; line-height: 2px; padding-bottom: 20px; margin-left: -10px; } #info { width: 250px; text-align: left; margin-top: -40px; padding-left: 10px; } </style> <div style="position: fixed; top: 30px; left: 615px; z-index: 2; background-color: #A8D5E9; color: #A8D5E9; height: 80%; width: 10px;">x</div> <div style="position: fixed; top: 30px; left: 620px; z-index: 1; background-color: #F04E48; color: #F04E48; height: 70%; width: 10px;">.</div> <div style="position: fixed; top: 30px; left: 630px; z-index: 1; background-color: #CDE8E7; color: #CDE8E7; height: 60%; width: 5px;">.</div> <div id="info"> <h1>pet name</h1> <br>do not remove credit<br> looks best on pets w/o backgrounds <br><a href="/~YOURPETNAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL</a><br><a href="/~Khuln">css</a> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar { display: none; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #fff; font-family: sans-serif; font-size: 8pt; cursor: crosshair; text-transform: lowercase; line-height: 14px; letter-spacing: 1px; font-weight: normal; text-decoration: none; } body { background: #B3B3B3; cursor: crosshair; overflow: hidden; } #main { width: 635px; border: none; background: transparent; margin-top: 30px; } #content { width: 630px; background-color: transparent; float: right; } a:link, a:visited, a:active { color: #fff; text-align: justify; font-weight: normal; } a:hover { color: #ddd; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: #B3B3B3; } div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } .contentModuleHeader a b, .contentModuleContent table img, .contentModuleContent.medText img { display: none; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } #CustomNeopetView { height: 390px; width: 390px; } #info { width: 600px; text-align: right; margin-top: -60px; padding-right: 15px; } </style> <div id="info"> <br><a href="/~PETNAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL</a> <br><a href="/~khuln">css</a> </div>
<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; visibility: hidden; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #ADB0B5; font-family: terminal; font-size: 5pt; cursor: crosshair; text-transform: uppercase; line-height: 12px; letter-spacing: 0px; font-weight: normal; text-decoration: none; } body { background: #fff; cursor: crosshair; overflow: hidden; } #main { width: 535px; border: none; background: transparent; margin-top: 30px; } #content { width: 530px; background-color: transparent; float: right; border: none; } a:link, a:visited, a:active { color: #aaa; text-align: justify; font-weight: normal; } a:hover { color: #bbb; cursor: crosshair; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } .contentModuleHeader a b, .contentModuleContent table img, .contentModuleContent.medText img { display: none; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } h1 { font: 50pt rockwell; color: #C895F2; letter-spacing: 0px; font-weight: lighter; text-align: left; padding-top: 10px; text-transform: lowercase; margin: 0px; line-height: 2px; padding-bottom: 20px; margin-left: -10px; } #info { text-align: left; margin-top: -80px; padding-left: 10px; } </style> <div style="position: fixed; top: 0px; left: 0px; z-index: 1; background-color: #353535; color: #353535; width: 100%; height: 35px;">css by umbreon133</div> <div style="position: fixed; top: 35px; left: 0px; z-index: 1; background-color: #F262B9; color: #F262B9; width: 100%; height: 5px;">.</div> <div id="info"> <h1>name</h1> <br>do not remove credit - looks best on pets w/o backgrounds <br><a href="/~YOURPETNAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL</a><br><a href="/~Khuln">css</a> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; visibility: hidden; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #888; font-family: small fonts; font-size: 5pt; text-transform: uppercase; line-height: 12px; letter-spacing: 1px; font-weight: normal; text-decoration: none; } body { background: #f9f9f9; cursor: crosshair; } .content table table, .content tbody tbody { display: table !important; width: 100% !important; } .content tr tr { display: table-row; } .content td { display: inline; height: auto; width: 300px !important; } .content td td { display: table-cell; height: auto; width: auto; } #main { width: 335px; border: none; background: transparent; margin-top: 30px; } #content { width: 330px; background-color: transparent; float: right; } a:link, a:visited, a:active { color: #777; text-align: justify; font-weight: normal; } a:hover { color: #AAA; cursor: crosshair; } #CustomNeopetView { margin-top: -15px; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: 1px #eee solid; } .contentModuleContent, .contentModule { background: #fff; } .contentModuleHeader a b, .contentModuleContent table img { display: none; } .contentModuleContent.medText img { width: 50px; height: 50px; float: right; padding-right: 10px; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } h1 { font: 10pt georgia; color: #FD9800; letter-spacing: 3px; font-weight: lighter; text-align: left; padding-top: 10px; text-transform: lowercase; font-style: italic; margin: 0px; line-height: 2px; } .img { width: 50px; height: 50px; padding-right: 15px; } #info { width: 300px; text-align: left; margin-top: -20px; padding-left: 15px; } </style> <div id="info"> <h1>pet name</h1> <img src="http://images.neopets.com/items/gif_isca_sandkit.gif" class="img"><img src="http://images.neopets.com/items/rock_maraquan.gif" class="img"><img src="http://images.neopets.com/items/clo_koi_poseidon_trident.gif" class="img"><br>do not remove credit <br><a href="/~YOURPETNAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL</a><br><a href="/~Khuln">css</a> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; visibility: hidden; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #888; font-family: terminal; font-size: 5pt; cursor: crosshair; text-transform: uppercase; line-height: 12px; letter-spacing: 0px; font-weight: normal; text-decoration: none; } body { background: #fff; cursor: crosshair; overflow: hidden; } #main { width: 535px; border: none; background: transparent; margin-top: 30px; margin-left: 250px; } #content { width: 530px; background-color: transparent; float: right; border-left: 700px dotted #B6CFF2; border-top: 5px solid #A782A7; } a:link, a:visited, a:active { color: #666; text-align: justify; font-weight: normal; } a:hover { color: #777; cursor: crosshair; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } div div div div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } .contentModuleHeader a b, .contentModuleContent table img { display: none; } .contentModuleContent.medText img { width: 50px; height: 50px; float: right; padding-right: 10px; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } h1 { font: 10pt georgia; color: #F4836F; letter-spacing: 3px; font-weight: lighter; text-align: left; padding-top: 10px; text-transform: lowercase; font-style: italic; margin: 0px; line-height: 2px; } #info { width: 300px; text-align: left; margin-top: -50px; padding-bottom: 20px; padding-left: 15px; } </style> <div id="info"> <h1>pet name</h1> <br>do not remove credit <br><a href="/~YOURPETNAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL</a><br><a href="/~Khuln">css</a> </div>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b { display: none; visibility: hidden; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #aaa; font-family: sans-serif; font-size: 8pt; cursor: crosshair; text-transform: lowercase; line-height: 12px; letter-spacing: 0px; text-decoration: none; } body { background: #f4f4f4; cursor: crosshair; overflow: hidden; } i { text-transform: lowercase; font: 6.5pt georgia; font-style: italic; } b { color: #FFB639; } #main { width: 575px; border: none; background: transparent; margin-top: 30px; } #content { width: 570px; background-color: #fff; float: right; border: none; padding-left: 5px; padding-right: 5px; } a:link, a:visited, a:active { color: #999; text-align: justify; font-weight: bold; } a:hover { color: #aaa; cursor: crosshair; } .contentModuleHeaderAlt, .contentModuleHeader { font: 26px rockwell; color: #fff; text-align: left; background-color: #FF852C; letter-spacing: -2px; text-transform: lowercase; padding-bottom: 5px; padding-top: 5px; } .contentModuleHeaderAlt { background: #FFAB36; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleHeader a b, .contentModuleContent table img, .contentModuleHeader { display: none; } .contentModuleContent.medText img { width: 50px; height: 50px; float: right; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } #cow { margin-top: -30px; } </style> <a href="/~YOURPETNAME">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\|<a href="/~khuln"> CSS </a>
<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b { display: none; visibility: hidden; } body, b, u, td, p, div, font, .contentModuleContent, .sf { color: #aaa; font-family: sans-serif; font-size: 8pt; cursor: crosshair; text-transform: lowercase; line-height: 12px; letter-spacing: 0px; text-decoration: none; } body { background: #f4f4f4; cursor: crosshair; overflow: hidden; } i { text-transform: lowercase; font: 6.5pt georgia; font-style: italic; } b { color: #B7D6C2; } #main { width: 575px; border: none; background: transparent; margin-top: 30px; } #content { width: 570px; background-color: #fff; float: right; border: none; padding-left: 5px; padding-right: 5px; } a:link, a:visited, a:active { color: #999; text-align: justify; font-weight: bold; } a:hover { color: #aaa; cursor: crosshair; } .contentModuleHeaderAlt, .contentModuleHeader { font: 26px rockwell; color: #fff; text-align: left; background-color: #FA8A1D; letter-spacing: -2px; text-transform: lowercase; padding-bottom: 5px; padding-top: 5px; } .contentModuleHeaderAlt { background: #53C0A0; } .content { } .contentModuleContent { } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleHeader a b, .contentModuleContent table img, .contentModuleHeader { display: none; } .contentModuleContent.medText img { width: 50px; height: 50px; float: right; } .content div div, .content .contentModule { display: block; } .content div { display: none; } .content div div { color: none; } #pet_rating b, .contentModuleContent #pet_rating, .content div { display: none; } .contentModuleContent #rating_ballot img { display: inline; } #cow { margin-top: -30px; } </style> <a href="/~YOURPETNAME">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\|<a href="/~khuln"> CSS </a>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img { display: none; } body, u, td, p, .medText, div, font, .contentModuleContent, .sf { color: #7b7b7b; font-size: 9px; font-family: verdana; cursor: crosshair; text-transform: lowERcase; line-height: 12px; font-weight: lighter; text-decoration: none; } body { background: #F4FCE8; cursor: crosshair; overflow: hidden; } b { font-weight: lighter; } i { text-transform: lowercase; font: 9pt georgia; font-style: italic; letter-spacing: 1px; color: #999; } #main { width: 530px; background: #fff; border: none; margin-top: 30px; } #content { width: 530px; background-color: #fff; float: right; padding-left: 58px; padding-right: 58px; border: none; } a:link, a:visited, a:active { color: #7B7B7B; text-transform: lowercase; font-weight: bold; } a:hover { color: #444; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleContent.medText img, .content div img { display: none; } .content div { display: none; } .content div div, .content .contentModule { display: block; } .medText, .content div { text-align: right; font: 1px verdana; color: #fff; } a.nav, a.navc, a.navm { color: #D3643B; font-weight: lighter; text-transform: lowERcase; font-size: 15pt; letter-spacing: -1px; margin: 2px; text-align: center; font-family: arial; } a.navc { color: #94C7B6; } a.navm { color: #A37E58; } a.nav:hover, a.navm:hover, a.navc:hover { color: #755C3B; } blockquote { width: 400px; margin-left: 0px; text-align: justify; line-height: 160%; } .content { } .contentModuleContent { } </style> <div id="nav" style="margin-bottom: -15px; margin-top: -20px;"> <a href="/~NAMEHERE" class="nav">PETPAGE</a> <a href="/neomessages.phtml?type=send" class="navm">MAIL</a> <a href="/~Khuln" class="navc">CSS</a> </div> <p><br></p> <p align="center"> </p> <div style="color: #D6E1C7; background: #D6E1C7; width: 100%; height: 10px;">c</div> <blockquote> Pede tortor eu cras magna, bibendum at sed lobortis, quis elit adipiscing vel feugiat amet, aliquet sapien vel odio suscipit, quam mattis sollicitudin sed in . . . </blockquote>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img { display: none; } body, u, td, p, .medText, div, font, .contentModuleContent, .sf { color: #7b7b7b; font-size: 9px; font-family: verdana; cursor: crosshair; text-transform: lowERcase; line-height: 12px; font-weight: lighter; text-decoration: none; } body { background: #574951; cursor: crosshair; overflow: hidden; } b { font-weight: lighter; } i { text-transform: lowercase; font: 9pt georgia; font-style: italic; letter-spacing: 1px; color: #999; } #main { width: 530px; background: #fff; border: none; margin-top: 30px; } #content { width: 530px; background-color: #fff; float: right; padding-left: 58px; padding-right: 58px; border: none; } a:link, a:visited, a:active { color: #7B7B7B; text-transform: lowercase; font-weight: bold; } a:hover { color: #444; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleContent.medText img, .content div img { display: none; } .content div { display: none; } .content div div, .content .contentModule { display: block; } .medText, .content div { text-align: right; font: 1px verdana; color: #fff; } a.nav, a.navc, a.navm { color: #574951; font-weight: lighter; text-transform: lowERcase; font-size: 15pt; letter-spacing: -1px; margin: 2px; text-align: center; font-family: arial; } a.navc { color: #BCDEA5; } a.navm { color: #83988E; } a.nav:hover, a.navm:hover, a.navc:hover { color: #3A111C; } blockquote { width: 400px; margin-left: 0px; text-align: justify; line-height: 160%; } .content { } .contentModuleContent { } </style> <div id="nav" style="margin-bottom: -15px; margin-top: -20px;"> <a href="/~NAMEHERE" class="nav">PETPAGE</a> <a href="/neomessages.phtml?type=send" class="navm">MAIL</a> <a href="/~Khuln" class="navc">CSS</a> </div> <p><br></p> <p align="center"> </p> <div style="color: #DCF2B6; background: #DCF2B6; width: 100%; height: 10px;">c</div> <blockquote> Pede tortor eu cras magna, bibendum at sed lobortis, quis elit adipiscing vel feugiat amet, aliquet sapien vel odio suscipit, quam mattis sollicitudin sed in . . . </blockquote>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img { display: none; } body, u, td, p, .medText, div, font, .contentModuleContent, .sf { color: #7b7b7b; font-size: 10px; font-family: trebuchet ms; cursor: crosshair; text-transform: lowERcase; font-weight: lighter; text-decoration: none; } body { background: #AACCB1; cursor: crosshair; overflow: hidden; } b { font-weight: lighter; color: #87BDB1; } i { text-transform: lowercase; font: 9pt georgia; font-style: italic; letter-spacing: 1px; color: #999; } #main { width: 530px; background: #fff; border: none; margin-top: 30px; } #content { width: 530px; background-color: #fff; float: right; padding-left: 58px; padding-right: 58px; border-top: 25px solid #C3DBB4; } a:link, a:visited, a:active { color: #AACCB1; text-transform: lowercase; font-weight: bold; } a:hover { color: #68B3AF; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .content div { display: inline !important; margin: -10px 30px; } .contentModuleContent.medText img, .content div img { float: left; } .medText img { display: inline !important; margin: 0 30px; } .medText, .medText b, .content div { text-align: right; font: 1px verdana; color: #fff !important; } blockquote { margin-top: -60px; } </style> <blockquote> <p align="center"> <a href="/~NAMEHERE">PETPAGE</a> <a href="/neomessages.phtml?type=send">MAIL</a> <a href="/~Khuln">CSS</a></p> <p> Pede tortor eu cras magna, bibendum at sed lobortis, quis elit adipiscing vel feugiat amet, aliquet sapien vel odio suscipit, quam mattis sollicitudin sed in . . . </p> </blockquote>
<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img { display: none; } body, u, td, p, .medText, div, font, .contentModuleContent, .sf { color: #343434; font-family: corbel; font-size: 7.5pt; cursor: crosshair; text-transform: lowercase; line-height: 12px; letter-spacing: 0px; font-weight: normal; text-decoration: none; } body { background: #B38184; cursor: crosshair; overflow: hidden; } i { text-transform: lowercase; font: 6.5pt georgia; font-style: italic; } #main { width: 535px; border: none; background: transparent; margin-top: 30px; } #content { width: 530px; background-color: #fff; float: right; padding-left: 58px; padding-right: 58px; border-bottom: 15px solid #73626E; } #CustomNeopetView { border: 1px solid #000; padding: 3px; } a:link, a:visited, a:active { color: #333; text-align: justify; font-weight: bold; } a:hover { color: #444; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleContent.medText img, .content div img { float: right; } .medText img { display: inline !important; margin: 0 30px; } .medText, .content div { text-align: right; font: 1px verdana; color: #fff; } </style> <p align="right"> <a href="/~NAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\|<a href="/~Khuln"> CSS</a></p>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img { display: none; } body, u, td, p, .medText, div, font, .contentModuleContent, .sf { color: #343434; font-family: corbel; font-size: 7.5pt; cursor: crosshair; text-transform: lowercase; line-height: 12px; letter-spacing: 0px; font-weight: normal; text-decoration: none; } body { background: #2E2633; cursor: crosshair; overflow: hidden; } i { text-transform: lowercase; font: 6.5pt georgia; font-style: italic; } #main { width: 535px; border: none; background: transparent; margin-top: 30px; } #content { width: 530px; background-color: #fff; float: right; padding-left: 58px; padding-right: 58px; border-bottom: 15px solid #99173C; } #CustomNeopetView { border: 1px solid #000; padding: 3px; } a:link, a:visited, a:active { color: #333; text-align: justify; font-weight: bold; } a:hover { color: #444; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleContent.medText img, .content div img { float: right; } .medText img { display: inline !important; margin: 0 30px; } .medText, .content div { text-align: right; font: 1px verdana; color: #fff; } </style> <p align="right"> <a href="/~NAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\|<a href="/~Khuln"> CSS</a></p>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img { display: none; } body, u, td, p, .medText, div, font, .contentModuleContent, .sf { color: #343434; font-family: corbel; font-size: 7.5pt; cursor: crosshair; text-transform: lowercase; line-height: 12px; letter-spacing: 0px; font-weight: normal; text-decoration: none; } body { background: #696758; cursor: crosshair; overflow: hidden; } i { text-transform: lowercase; font: 6.5pt georgia; font-style: italic; } #main { width: 535px; border: none; background: transparent; margin-top: 30px; } #content { width: 530px; background-color: #fff; float: right; padding-left: 58px; padding-right: 58px; border-bottom: 15px solid #45484B; } #CustomNeopetView { border: 1px solid #000; padding: 3px; } a:link, a:visited, a:active { color: #333; text-align: justify; font-weight: bold; } a:hover { color: #444; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleContent.medText img, .content div img { float: right; } .medText img { display: inline !important; margin: 0 30px; } .medText, .content div { text-align: right; font: 1px verdana; color: #fff; } </style> <p align="right"> <a href="/~NAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\|<a href="/~Khuln"> CSS</a></p>	<style> #ban, #header, #footer, .brand-mamabar, .sidebar, div div div div b, .contentModuleHeader, .contentModuleHeaderAlt, #pet_rating, a img, .contentModuleContent table img { display: none; } body, u, td, p, .medText, div, font, .contentModuleContent, .sf { color: #343434; font-family: corbel; font-size: 7.5pt; cursor: crosshair; text-transform: lowercase; line-height: 12px; letter-spacing: 0px; font-weight: normal; text-decoration: none; } body { background: #1C140D; cursor: crosshair; overflow: hidden; } i { text-transform: lowercase; font: 6.5pt georgia; font-style: italic; } #main { width: 535px; border: none; background: transparent; margin-top: 30px; } #content { width: 530px; background-color: #fff; float: right; padding-left: 58px; padding-right: 58px; border-bottom: 15px solid #FF4242; } #CustomNeopetView { border: 1px solid #000; padding: 3px; } a:link, a:visited, a:active { color: #333; text-align: justify; font-weight: bold; } a:hover { color: #444; cursor: crosshair; } table, table td { border: 0px !important; } .content .contentModule { border: none; } .contentModuleContent, .contentModule { background: transparent; } .contentModuleContent.medText img, .content div img { float: right; } .medText img { display: inline !important; margin: 0 30px; } .medText, .content div { text-align: right; font: 1px verdana; color: #fff; } </style> <p align="right"> <a href="/~NAMEHERE">PETPAGE </a>\|<a href="/neomessages.phtml?type=send"> MAIL </a>\|<a href="/~Khuln"> CSS</a></p>

notice Pet look-up styles #5-6, 8, 10-11 (ones that invert the text and pet customization image) do not save properly. The over all pet look-up code works, but the code that inverts doesn't get past the filters on this page. If you wish to use these styles, please go here to see how to fix them. Thanks!

return to the top ↑

user lookups

To get the coding, simply click inside the text area box and press ctrl+a to select all, then ctrl+c to copy. Or, after clicking inside the text area, right click and pick 'select all' then copy. Enjoy!
Click and drag the preview images to the URL box for a larger viewing.

<style> { } #ban, #header, #ncmall, #footer, hr, #nst, #userneohome, #usershop, #usertrophies, .brand-mamabar, #habitarium { display: none; } body { background: #ededed; text-align: center; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #bbb; font: 5pt small fonts; text-transform: uppercase; font-weight: normal; } u { text-decoration: none; } b { font-size: 5pt; color: #bbb; font-weight: normal; } a:link, a:visited, a:active, a b { color: #bbb; } a:hover, a:hover b { color: #999; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { padding-right: 17px; padding-left: 17px; font-size: 11px; font-family: monospace; color: #FF95BA; background-color: #F9F9F9; text-transform: lowercase; margin-left: 8px; } a.nav:hover { background-color: #FF95BA; color: #F9F9F9; } #main { background: none; border: none; width: 385px; margin-top: -35px; margin-bottom: 20px; margin-left: 150px; padding: 2px; } #content { background: none; width: 385px; } .contentModuleContent, .contentModuleContentAlt { background-color: #f9f9f9; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; font: 10px verdana; } .contentModuleHeader { color: #ffffff; font-family: arial; background-color: #FF95BA; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } .contentModuleHeaderAlt { color: #ffffff; font-family: arial; background-color: #FF95BA; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } #userinfo { width: 200px; display: inline; } #userinfo img { padding-top: 5px; padding-bottom: 6px; } #userinfo .medText table td img { width: 67px; height: 100px; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usercollections { width: 160px; display: block; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -2px -2px; } #userneopets { width: 370px; margin: 0px; } #userneopets a { width: 75px; height: 75px; border: 1px solid #bbb; overflow: hidden; display: block; } #userneopets img { margin-top: -35px; margin-left: -35px; } </style> <br><br><br><br><a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/userlookup.phtml?user=umbreon133">credit</a>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, #userneohome, #usershop, #usertrophies, .brand-mamabar, #habitarium { display: none; } body { background: #ededed; text-align: center; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #bbb; font: 5pt small fonts; text-transform: uppercase; font-weight: normal; } u { text-decoration: none; } b { font-size: 5pt; color: #bbb; font-weight: normal; } a:link, a:visited, a:active, a b { color: #bbb; } a:hover, a:hover b { color: #999; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { padding-right: 17px; padding-left: 17px; font-size: 11px; font-family: monospace; color: #FFD400; background-color: #F9F9F9; text-transform: lowercase; margin-left: 8px; } a.nav:hover { background-color: #FFD400; color: #F9F9F9; } #main { background: none; border: none; width: 385px; margin-top: -35px; margin-bottom: 20px; margin-left: 150px; padding: 2px; } #content { background: none; width: 385px; } .contentModuleContent, .contentModuleContentAlt { background-color: #f9f9f9; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; font: 10px verdana; } .contentModuleHeader { color: #ffffff; font-family: arial; background-color: #FFD400; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } .contentModuleHeaderAlt { color: #ffffff; font-family: arial; background-color: #FFD400; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } #userinfo { width: 200px; display: inline; } #userinfo img { padding-top: 5px; padding-bottom: 6px; } #userinfo .medText table td img { width: 67px; height: 100px; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usercollections { width: 160px; display: block; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -2px -2px; } #userneopets { width: 370px; margin: 0px; } #userneopets a { width: 75px; height: 75px; border: 1px solid #bbb; overflow: hidden; display: block; } #userneopets img { margin-top: -35px; margin-left: -35px; } </style> <br><br><br><br><a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/userlookup.phtml?user=umbreon133">credit</a>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, #userneohome, #usershop, #usertrophies, .brand-mamabar, #habitarium { display: none; } body { background: #ededed; text-align: center; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #bbb; font: 5pt small fonts; text-transform: uppercase; font-weight: normal; } u { text-decoration: none; } b { font-size: 5pt; color: #bbb; font-weight: normal; } a:link, a:visited, a:active, a b { color: #bbb; } a:hover, a:hover b { color: #999; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { padding-right: 17px; padding-left: 17px; font-size: 11px; font-family: monospace; color: #31CEFF; background-color: #F9F9F9; text-transform: lowercase; margin-left: 8px; } a.nav:hover { background-color: #31CEFF; color: #F9F9F9; } #main { background: none; border: none; width: 385px; margin-top: -35px; margin-bottom: 20px; margin-left: 150px; padding: 2px; } #content { background: none; width: 385px; } .contentModuleContent, .contentModuleContentAlt { background-color: #f9f9f9; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; font: 10px verdana; } .contentModuleHeader { color: #ffffff; font-family: arial; background-color: #31CEFF; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } .contentModuleHeaderAlt { color: #ffffff; font-family: arial; background-color: #31CEFF; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } #userinfo { width: 200px; display: inline; } #userinfo img { padding-top: 5px; padding-bottom: 6px; } #userinfo .medText table td img { width: 67px; height: 100px; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usercollections { width: 160px; display: block; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -2px -2px; } #userneopets { width: 370px; margin: 0px; } #userneopets a { width: 75px; height: 75px; border: 1px solid #bbb; overflow: hidden; display: block; } #userneopets img { margin-top: -35px; margin-left: -35px; } </style> <br><br><br><br><a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/userlookup.phtml?user=umbreon133">credit</a>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, #userneohome, #usershop, #usertrophies, .brand-mamabar, #habitarium { display: none; } body { background: #ededed; text-align: center; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #bbb; font: 5pt small fonts; text-transform: uppercase; font-weight: normal; } u { text-decoration: none; } b { font-size: 5pt; color: #bbb; font-weight: normal; } a:link, a:visited, a:active, a b { color: #bbb; } a:hover, a:hover b { color: #999; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { padding-right: 17px; padding-left: 17px; font-size: 11px; font-family: monospace; color: #BF92BE; background-color: #F9F9F9; text-transform: lowercase; margin-left: 8px; } a.nav:hover { background-color: #BF92BE; color: #F9F9F9; } #main { background: none; border: none; width: 385px; margin-top: -35px; margin-bottom: 20px; margin-left: 150px; padding: 2px; } #content { background: none; width: 385px; } .contentModuleContent, .contentModuleContentAlt { background-color: #f9f9f9; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; font: 10px verdana; } .contentModuleHeader { color: #ffffff; font-family: arial; background-color: #BF92BE; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } .contentModuleHeaderAlt { color: #ffffff; font-family: arial; background-color: #BF92BE; letter-spacing: -2px; text-align: left; font-weight: bold; text-transform: lowercase; font-size: 34px; line-height: 10px; margin: 0px; padding-left: 0px; } #userinfo { width: 200px; display: inline; } #userinfo img { padding-top: 5px; padding-bottom: 6px; } #userinfo .medText table td img { width: 67px; height: 100px; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usercollections { width: 160px; display: block; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -2px -2px; } #userneopets { width: 370px; margin: 0px; } #userneopets a { width: 75px; height: 75px; border: 1px solid #bbb; overflow: hidden; display: block; } #userneopets img { margin-top: -35px; margin-left: -35px; } </style> <br><br><br><br><a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/userlookup.phtml?user=umbreon133">credit</a>
<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #usertrophies, #habitarium { display: none; } body { background: #F9F9F9; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #ccc; font: 7px small fonts; text-transform: uppercase; } b { color: #FDACBB; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #bababa; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #bababa; text-decoration: none; letter-spacing: 0px; display: inline-block; background-color: #fff; padding: 3px; font-weight: normal; width: 50px; text-align: center; } a.nav:hover { background-color: #f3f3f3; } #main { background: #fff; border: #F4F4F4 1px solid; width: 380px; margin-top: -35px; margin-bottom: 20px; margin-left: 190px; padding-left: 3px; padding-right: 3px; border-right: 20px #FDACBB solid; } #content { background: #fff; width: 370px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, u { color: #F28AA1; font-family: century gothic; letter-spacing: -2px; background: none; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 24px; line-height: 15px; margin: 0px; padding-top: 25px; padding-bottom: 10px; } #usercollections { width: 115px; display: block; margin-bottom: -40px; } #userinfo { width: 120px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #bbb; overflow: hidden; display: block; } </style> <div id="about" style="position: absolute; left: -160px; top: 35px; width: 120px; height: 505px; text-align: left; background: #fff; padding: 3px; border: #F4F4F4 1px solid; border-left: 20px #FDACBB solid;"> <p><br></p> <p><br>about me</p> <p><br><img src="http://images.neopets.com/items/plu_slorg_disco.gif" height="60"> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> <a href="http://www.neopets.com/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">home</a> </p> <p><br><br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="up" style="position: absolute; top: 30px; left: -200px; height: 30px; width: 100%; background: #F9F9F9; color: #F9F9F9; text-align: left;">css by umbreon133</div>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #usertrophies, #habitarium { display: none; } body { background: #F9F9F9; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #ccc; font: 7px small fonts; text-transform: uppercase; } b { color: #D6E8C1; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #bababa; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #bababa; text-decoration: none; letter-spacing: 0px; display: inline-block; background-color: #fff; padding: 3px; font-weight: normal; width: 50px; text-align: center; } a.nav:hover { background-color: #f3f3f3; } #main { background: #fff; border: #F4F4F4 1px solid; width: 380px; margin-top: -35px; margin-bottom: 20px; margin-left: 190px; padding-left: 3px; padding-right: 3px; border-right: 20px #C3E0A1 solid; } #content { background: #fff; width: 370px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, u { color: #BFDF9B; font-family: century gothic; letter-spacing: -2px; background: none; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 24px; line-height: 15px; margin: 0px; padding-top: 25px; padding-bottom: 10px; } #usercollections { width: 115px; display: block; margin-bottom: -40px; } #userinfo { width: 120px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #bbb; overflow: hidden; display: block; } </style> <div id="about" style="position: absolute; left: -160px; top: 35px; width: 120px; height: 505px; text-align: left; background: #fff; padding: 3px; border: #F4F4F4 1px solid; border-left: 20px #C3E0A1 solid;"> <p><br></p> <p><br>about me</p> <p><br><img src="http://images.neopets.com/items/plu_kau_robot.gif" height="60"> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> <a href="http://www.neopets.com/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">home</a> </p> <p><br><br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="up" style="position: absolute; top: 30px; left: -200px; height: 30px; width: 100%; background: #F9F9F9; color: #F9F9F9; text-align: left;">css by umbreon133</div>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #usertrophies, #habitarium { display: none; } body { background: #F9F9F9; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #ccc; font: 7px small fonts; text-transform: uppercase; } b { color: #C6DCEB; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #bababa; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #bababa; text-decoration: none; letter-spacing: 0px; display: inline-block; background-color: #fff; padding: 3px; font-weight: normal; width: 50px; text-align: center; } a.nav:hover { background-color: #f3f3f3; } #main { background: #fff; border: #F4F4F4 1px solid; width: 380px; margin-top: -35px; margin-bottom: 20px; margin-left: 190px; padding-left: 3px; padding-right: 3px; border-right: 20px #D2E4F0 solid; } #content { background: #fff; width: 370px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, u { color: #A0C5DE; font-family: century gothic; letter-spacing: -2px; background: none; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 24px; line-height: 15px; margin: 0px; padding-top: 25px; padding-bottom: 10px; } #usercollections { width: 115px; display: block; margin-bottom: -40px; } #userinfo { width: 120px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #bbb; overflow: hidden; display: block; } </style> <div id="about" style="position: absolute; left: -160px; top: 35px; width: 120px; height: 505px; text-align: left; background: #fff; padding: 3px; border: #F4F4F4 1px solid; border-left: 20px #D2E4F0 solid;"> <p><br></p> <p><br>about me</p> <p><br><img src="http://images.neopets.com/items/plu_marafin.gif" height="60"> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> <a href="http://www.neopets.com/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">home</a> </p> <p><br><br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="up" style="position: absolute; top: 30px; left: -200px; height: 30px; width: 100%; background: #F9F9F9; color: #F9F9F9; text-align: left;">css by umbreon133</div>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #usertrophies, #habitarium { display: none; } body { background: #F9F9F9; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #ccc; font: 7px small fonts; text-transform: uppercase; } b { color: #D7BFD3; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #bababa; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #bababa; text-decoration: none; letter-spacing: 0px; display: inline-block; background-color: #fff; padding: 3px; font-weight: normal; width: 50px; text-align: center; } a.nav:hover { background-color: #f3f3f3; } #main { background: #fff; border: #F4F4F4 1px solid; width: 380px; margin-top: -35px; margin-bottom: 20px; margin-left: 190px; padding-left: 3px; padding-right: 3px; border-right: 20px #D7BFD3 solid; } #content { background: #fff; width: 370px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, u { color: #E5A7E1; font-family: century gothic; letter-spacing: -2px; background: none; text-transform: lowercase; font-weight: normal; text-decoration: none; font-size: 24px; line-height: 15px; margin: 0px; padding-top: 25px; padding-bottom: 10px; } #usercollections { width: 115px; display: block; margin-bottom: -40px; } #userinfo { width: 120px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #bbb; overflow: hidden; display: block; } </style> <div id="about" style="position: absolute; left: -160px; top: 35px; width: 120px; height: 505px; text-align: left; background: #fff; padding: 3px; border: #F4F4F4 1px solid; border-left: 20px #D7BFD3 solid;"> <p><br></p> <p><br>about me</p> <p><br><img src="http://images.neopets.com/items/ffo_fyoracinnamonbun.gif" height="60"> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> Corals are marine organisms from the class Anthozoa and exist as small sea anemone like polyps, typically in colonies of many identical individuals. The group includes the important reef builders that are found in tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p> <p> <a href="http://www.neopets.com/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">home</a> </p> <p><br><br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="up" style="position: absolute; top: 30px; left: -200px; height: 30px; width: 100%; background: #F9F9F9; color: #F9F9F9; text-align: left;">css by umbreon133</div>
<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #habitarium { display: none; } body { background: #fff url("http://i48.tinypic.com/2qwj4sg.png"); cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #bbb; font: 7px small fonts; text-transform: uppercase; } b { color: #aaa; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #c0c0c0; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #E5E3BE; text-decoration: none; letter-spacing: 0px; display: block; padding: 3px; font-weight: normal; width: 50px; text-align: center; background-color: #FFFCF6; } a.nav:hover { background-color: #FAF6E5; color: #fff; } #main { background: #fff; border: #F4F4F4 0px solid; width: 390px; margin-top: -35px; margin-left: 90px; padding-left: 3px; padding-right: 3px; border-left: 20px #8492AF solid; border-right: 20px #8492AF solid; } #content { background: #fff; width: 390px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { font: 6pt tahoma; font-weight: bold; letter-spacing: 2px; color: #E2B6AC; text-align: center; background-color: #fff; text-transform: uppercase; border-bottom: 2px solid #E5E3BE; } #usercollections { width: 160px; display: block; margin-bottom: -50px; } #userinfo { width: 200px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usertrophies img { width: auto; height: 30px; } #userneopets { font: 9px verdana; width: 375px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #ccc; overflow: hidden; display: block; } .frame { padding-right: 3px; } </style> <br><h1>about me</h1> <table><tr> <td valign="top" width="320"> <img src="http://images.neopets.com/items/bpo_potion6.gif" height="60" class="frame"> Troy was a city, both factual and legendary, best known for being the focus of the Trojan War, as described in the Epic Cycle and especially in the Iliad, one of the two epic poems attributed to Homer. Trojan refers to the inhabitants and culture of Troy.<p> In the Iliad, the Achaeans set up their camp near the mouth of the river Scamander, where they had beached their ships. </p> </td> <td valign="top" width="60"> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">link</a> <a href="/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/~Khuln" class="nav">css</a><p></p> </td> </tr></table>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #habitarium { display: none; } body { background: #fff url("http://i50.tinypic.com/2mpik2d.png"); cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #ccc; font: 7px small fonts; text-transform: uppercase; } b { color: #c0c0c0; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #c0c0c0; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #ddd; text-decoration: none; letter-spacing: 0px; display: block; padding: 3px; font-weight: normal; width: 50px; text-align: center; background-color: #f9f9f9; } a.nav:hover { background-color: #ececec; color: #f9f9f9; } #main { background: #fff; border: #F4F4F4 0px solid; width: 390px; margin-top: -35px; margin-left: 90px; padding-left: 3px; padding-right: 3px; border-left: 20px #D8C5CA solid; border-right: 20px #D8C5CA solid; } #content { background: #fff; width: 390px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { font: 6pt tahoma; font-weight: bold; letter-spacing: 2px; color: #D9C6CB; text-align: center; background-color: #fff; text-transform: uppercase; border-bottom: 2px solid #F7F7F7; } #usercollections { width: 160px; display: block; margin-bottom: -50px; } #userinfo { width: 200px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usertrophies img { width: auto; height: 30px; } #userneopets { font: 9px verdana; width: 375px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #ccc; overflow: hidden; display: block; } .frame { padding-right: 3px; } </style> <br><h1>about me</h1> <table><tr> <td valign="top" width="320"> <img src="http://images.neopets.com/items/gar_hydrangea_pink.gif" height="60" class="frame"> Troy was a city, both factual and legendary, best known for being the focus of the Trojan War, as described in the Epic Cycle and especially in the Iliad, one of the two epic poems attributed to Homer. Trojan refers to the inhabitants and culture of Troy.<p> In the Iliad, the Achaeans set up their camp near the mouth of the river Scamander, where they had beached their ships. </p> </td> <td valign="top" width="60"> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">link</a> <a href="/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/~Khuln" class="nav">css</a><p></p> </td> </tr></table>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #habitarium { display: none; } body { background: #fff url("http://i48.tinypic.com/k0sso9.png"); cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #ccc; font: 7px small fonts; text-transform: uppercase; } b { color: #c0c0c0; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #c0c0c0; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #ddd; text-decoration: none; letter-spacing: 0px; display: block; padding: 3px; font-weight: normal; width: 50px; text-align: center; background-color: #f9f9f9; } a.nav:hover { background-color: #ececec; color: #f9f9f9; } #main { background: #fff; border: #F4F4F4 0px solid; width: 390px; margin-top: -35px; margin-left: 90px; padding-left: 3px; padding-right: 3px; border-left: 20px #F7E6E4 solid; border-right: 20px #F7E6E4 solid; } #content { background: #fff; width: 390px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { font: 6pt tahoma; font-weight: bold; letter-spacing: 2px; color: #dadada; text-align: center; background-color: #fff; text-transform: uppercase; border-bottom: 2px solid #F7F7F7; } #usercollections { width: 160px; display: block; margin-bottom: -50px; } #userinfo { width: 200px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usertrophies img { width: auto; height: 30px; } #userneopets { font: 9px verdana; width: 375px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #ccc; overflow: hidden; display: block; } .frame { padding-right: 3px; } </style> <br><h1>about me</h1> <table><tr> <td valign="top" width="320"> <img src="http://images.neopets.com/items/toy_prettywocky_teaset.gif" height="60" class="frame"> Troy was a city, both factual and legendary, best known for being the focus of the Trojan War, as described in the Epic Cycle and especially in the Iliad, one of the two epic poems attributed to Homer. Trojan refers to the inhabitants and culture of Troy.<p> In the Iliad, the Achaeans set up their camp near the mouth of the river Scamander, where they had beached their ships. </p> </td> <td valign="top" width="60"> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">link</a> <a href="/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/~Khuln" class="nav">css</a><p></p> </td> </tr></table>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #habitarium { display: none; } body { background: #fff url("http://i48.tinypic.com/2i8c96t.png"); cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #ccc; font: 7px small fonts; text-transform: uppercase; } b { color: #c0c0c0; font-weight: normal; } a:link, a:visited, a:active, a b { font: 7px small fonts; color: #c0c0c0; } a:hover, a:hover b { background-color: #f3f3f3; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #ddd; text-decoration: none; letter-spacing: 0px; display: block; padding: 3px; font-weight: normal; width: 50px; text-align: center; background-color: #f9f9f9; } a.nav:hover { background-color: #ececec; color: #f9f9f9; } #main { background: #fff; border: #F4F4F4 0px solid; width: 390px; margin-top: -35px; margin-left: 90px; padding-left: 3px; padding-right: 3px; border-left: 20px #F2F2F2 solid; border-right: 20px #F2F2F2 solid; } #content { background: #fff; width: 390px; } .content div div, .content .contentModule { border: none; } .contentModuleTable, .contentModule, .contentModuleContent, .contentModuleContentAlt { border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { font: 6pt tahoma; font-weight: bold; letter-spacing: 2px; color: #DCC6D2; text-align: center; background-color: #fff; text-transform: uppercase; border-bottom: 2px solid #F7F7F7; } #usercollections { width: 160px; display: block; margin-bottom: -50px; } #userinfo { width: 200px; display: inline; } #usercollections img { width: auto; height: 30px; margin: -1px -2px -1px -2px; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usertrophies img { width: auto; height: 30px; } #userneopets { font: 9px verdana; width: 375px; } #userneopets img { margin-top: -25px; margin-left: -55px; } #userneopets a { width: 70px; height: 120px; border: 1px solid #ccc; overflow: hidden; display: block; } .frame { padding-right: 3px; } </style> <br><h1>about me</h1> <table><tr> <td valign="top" width="320"> <img src="http://images.neopets.com/items/bak_greycupcake.gif" height="60" class="frame"> Troy was a city, both factual and legendary, best known for being the focus of the Trojan War, as described in the Epic Cycle and especially in the Iliad, one of the two epic poems attributed to Homer. Trojan refers to the inhabitants and culture of Troy.<p> In the Iliad, the Achaeans set up their camp near the mouth of the river Scamander, where they had beached their ships. </p> </td> <td valign="top" width="60"> <a href="/index.phtml" class="nav">link</a> <a href="/index.phtml" class="nav">link</a> <a href="/gallery/?gu=USERNAME" class="nav">gallery</a> <a href="/browseshop.phtml?owner=USERNAME" class="nav">shop</a> <a href="/~Khuln" class="nav">css</a><p></p> </td> </tr></table>
<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #usershop, #userneohome, #usertrophies, #habitarium { display: none; } body { background: #fff; cursor: crosshair; } p, td, .medText, body { color: #bbb; font: 9px verdana; text-transform: lowercase; } b { color: #bbb; font-weight: normal; } u { text-decoration: none; font-weight: bold; color: #F6C9A4; } a:link, a:visited, a:active, a b { font: 9px verdana; color: #d8d8d8; } a:hover, a:hover b { background-color: #F7F7F7; cursor: crosshair; } #main { border: none; background: none; width: 450px; margin-top: 40px; margin-left: 200px; } .content div div, .content .contentModule, .contentModuleTable, .contentModule { border: none; } .content div a img, .content div b { visibility: hidden; } .contentModule div a img, .contentModule div b { visibility: visible; } #usercollections img { width: auto; height: 20px; margin: -5px -2px -3px -2px; } #userinfo .medText table td table td img { width: 15px; height: 15px; } #userinfo img { width: 0px; height: auto; } #usercollections { width: 200px; height: 100px; } #content { background: none; width: 450px; } #userneopets img { margin-top: -10px; margin-left: -35px; } #userneopets a { width: 90px; height: 130px; border: 5px solid #F7F7F7; overflow: hidden; display: block; } #userneopets { width: 440px; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { font: 11pt arial; font-weight: bold; letter-spacing: 0px; color: #AFE339; text-align: left; background-color: #fff; border: none; line-height: 1px; } a.nav { background-color: #F9F9F9; font: 5pt small fonts; text-transform: uppercase; line-height: 10px; letter-spacing: 0px; width: 61px; margin: 1px; display: block; float: left; text-align: center; color: #E9E9E9; padding-top: 5px; padding-bottom: 5px; } a.nav:hover { background-color: #F5F5F5; color: #E5E5E5; } .aa { background-color: #fbfbfb; color: #40C1CC; letter-spacing: 0px; font-weight: bold; display: inline-block; } .bb { background-color: #fbfbfb; color: #F6C9A4; letter-spacing: 0px; font-weight: bold; display: inline-block; } </style> <div style="position: absolute; left: 490px; top: 100px; width: 190px; height: 422px; padding: 3px; text-align: justify; margin-top: -40px;"> <a href="/~Khuln" class="nav">LINK</a> <a href="/~Khuln" class="nav">LINK</a> <a href="/~Khuln" class="nav">LINK</a> <a href="/~Khuln" class="nav">LINK</a> <a href="/~Khuln" class="nav">LINK</a> <a href="/~Khuln" class="nav">CSS</a><br><font class="aa">★ Spring is one of the four temperate seasons, the transition period between winter and summer.</font><p> Its days are close to twelve hours long with increasing day length, as it occurs near the time of an equinox. In the Northern Hemisphere, spring runs from March into May, and in the Southern Hemisphere it runs from September into November. Spring is also the tropical cyclone season in both hemispheres, although it is more delayed in the north Atlantic Ocean than the other ocean basins. </p> <p> <font class="bb">css by mellie - get yours <a href="/~khuln">here</a></font><br></p> </div>	<style> { } #ban, #header, #ncmall, #footer, hr, #nst, .brand-mamabar, #userneohome, .content div a img, .content div b, #habitarium { display: none; } .contentModule div a img, .contentModule div b { display: inline; } #usercollections { width: 150px; display: block; } #userinfo { width: 200px; display: inline; } #main { background: none; border: none; width: 570px; margin-bottom: 20px; padding: 2px; margin-top: 0px; } #content { width: 604px; background: #fff; margin-top: 30px; border-left: 5px solid #2DC094; } body { background: #eee; text-align: center; cursor: crosshair; } p, td, .medText, body, table, tr, div, font, #about, .contentModuleContent { color: #444; font: 7pt verdana; font-weight: normal; } b { color: #333; font-weight: normal; } a:link, a:visited, a:active, a b { color: #444; } a:hover, a:hover b { color: #777; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { padding-right: 14px; padding-left: 15px; font: 8px sans-serif; color: #666; background-color: #ededed; text-transform: uppercase; margin-left: 2px; padding-top: 3px; padding-bottom: 3px; border-right: 1px solid #2DC094; } a.nav:hover, a.li:hover { background-color: #2DC094; color: #F9F9F9; border-left: 1px solid #2DC094; border-right: 0px; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { font: 14px sans-serif; color: #B8B8B8; background: #EEEEEE; border-right: 1px solid #2DC094; height: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-align: center; } h1 { padding-top: 2px; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: #fff; } #userneopets, #usertrophies { width: 590px; } #userneopets a { width: 135px; height: 95px; border: 1px solid #ccc; overflow: hidden; display: block; } #userneopets img { margin-top: -25px; margin-left: -15px; } #usertrophies img { height: 55px; width: 55px; } blockquote { text-align: justify; width: 300px; } </style> <div id="about" style="width: 584px; background: #fff; margin-top: -20px;"> <h1>header</h1> <blockquote> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime.<p> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/index.phtml">link</a> <a class="nav" href="/userlookup.phtml?user=umbreon133">★</a></p> </blockquote> <p align="right"><a href="/~khuln">credit</a></p> </div>	<style> #header, #ncmall, #footer, #ban, hr, #nst, .brand-mamabar, #userneohome, .contentModuleHeader, .contentModuleHeaderAlt, .content div a img, .content div b, #usershop, #userneopets, #usertrophies, #habitarium { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #F0EAEA; cursor: crosshair; } p, td, body, table, tr, font, td, .medText { text-transform: lowercase; color: #BAA8A1; font-family: sans-serif; font-size: 8pt; } a:link, a:visited, a:active, a b, b { color: #D2A8A1; font-weight: normal; font: 7pt monospace; text-transform: uppercase; } a:hover, a:hover b { color: #C6B8D1; cursor: crosshair; } u { text-decoration: none; font-weight: bold; color: #D2A8A1; } i { font-style: normal; color: #C6B8D1; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } #content { background: none; width: 650px; } #main { border: 5px solid #ECE6E6; background: #fff; width: 650px; margin-top: 100px; } #usercollections { width: 210px; display: inline-block; } #userinfo { width: 245px; display: block; } #usershop { width: 210px; visibility: hidden; } #userinfo .medText table td img { width: 67px; height: 100px; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usercollections img { width: auto; height: 30px; margin: -4px -2px -2px -2px; } blockquote { padding: 2px; text-align: justify; } .img { visibility: visible; border: 1px solid #ddd; padding: 2px; height: 50px; width: 50px; } .img:hover { border: 1px solid #bbb; } a.li, a.li:visited, a.li:active { width: 25px; height: 10px; color: #e4e4e4; background-color: #f7f7f7; display: inline-block; margin: 0px; text-align: center; } a.li:hover { background-color: #fafafa; color: #ddd; } a.f, a.f:visited, a.li:active { width: 340px; height: 10px; color: #f7f7f7; background-color: #f7f7f7; display: inline-block; margin: 0px; text-align: center; } a.f:hover { background-color: #f7f7f7; color: #f7f7f7; } .b { color: #ECE6E6; font: 18pt corbel; font-weight: normal; } strong { color: #F0F2EB; font: 18pt corbel; font-weight: normal; } </style> <div style="position: absolute; top: 42px; left: 425px; width: 250px;"> <blockquote> <i>From an astronomical view</i>, the equinoxes and solstices would be the middle of the respective seasons, but a variable seasonal lag means that the meteorological start of the season, which is based on average temperature patterns, occurs several weeks later than the start of the astronomical season. From an astronomical view, the equinoxes and solstices would be the middle of the respective seasons, but a variable seasonal lag means that the meteorological start of the season, which is based on ... x </blockquote> </div> <div style="position: absolute; top: 235px; left: 5px; width: 250px;"> <table><tr> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> </tr></table> </div> <div style="position: absolute; top: 10px; left: 10px;"> <font class="b">my</font><strong>userlookup</strong> <a class="li" href="/~Khuln">1</a> <a class="li" href="/~Khuln">2</a> <a class="li" href="/~Khuln">3</a> <a class="li" href="/~Khuln">4</a> <a class="li" href="/~Khuln">5</a> <a class="f" href="/~Khuln">css</a> </div> <div style="position: absolute; top: 235px; left: 250px;"> <table><tr> <td> <img class="img" src="http://images.neopets.com/items/gif_bag_of_neopoints.gif"><br><a href="/browseshop.phtml?owner=USERNAME">shop</a> </td> <td> <img class="img" src="http://images.neopets.com/trophies/222_1.gif"><br><a href="/gallery/index.phtml?gu=USERNAME">gallery</a> </td> </tr></table> </div>	<style> #header, #footer, #ncmall, #ban, hr, #nst, .brand-mamabar, #userneohome, .contentModuleHeader, .contentModuleHeaderAlt, .content div a img, .content div b, #usershop, #userneopets, #usertrophies, #habitarium { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #F8F8F8; cursor: crosshair; } p, td, body, table, tr, font, td, .medText { text-transform: lowercase; color: #7a7a7a; font-family: sans-serif; font-size: 8pt; } a:link, a:visited, a:active, a b, b { color: #B9C4D5; font-weight: normal; font: 7pt monospace; text-transform: uppercase; } a:hover, a:hover b { color: #A6B0BF; cursor: crosshair; } u { text-decoration: none; font-weight: bold; color: #B9C4D5; } i { font-style: normal; color: #666; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } #content { background: #F8F8F8; width: 650px; } #main { border: 5px solid #f2f2f2; background: #fff; width: 650px; margin-top: 100px; } #usercollections { width: 210px; display: inline-block; } #userinfo { width: 245px; display: block; } #usershop { width: 210px; visibility: hidden; } #userinfo .medText table td img { width: 67px; height: 100px; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usercollections img { width: auto; height: 30px; margin: -4px -2px -2px -2px; } blockquote { padding: 2px; text-align: justify; } .img { visibility: visible; border: 1px solid #ddd; padding: 2px; height: 50px; width: 50px; } .img:hover { border: 1px solid #bbb; } a.li, a.li:visited, a.li:active { width: 25px; height: 10px; color: #ccc; background-color: #EDEEEE; display: inline-block; margin: 0px; text-align: center; } a.li:hover { background-color: #eaeaea; color: #aaa; } a.f, a.f:visited, a.li:active { width: 340px; height: 10px; color: #EDEEEE; background-color: #EDEEEE; display: inline-block; margin: 0px; text-align: center; } a.f:hover { background-color: #EDEEEE; color: #EDEEEE; } .b { color: #D6DCE5; font: 18pt corbel; font-weight: normal; } strong { color: #E9E9E9; font: 18pt corbel; font-weight: normal; } </style> <div style="position: absolute; top: 42px; left: 425px; width: 250px;"> <blockquote> <i>From an astronomical view</i>, the equinoxes and solstices would be the middle of the respective seasons, but a variable seasonal lag means that the meteorological start of the season, which is based on average temperature patterns, occurs several weeks later than the start of the astronomical season. From an astronomical view, the equinoxes and solstices would be the middle of the respective seasons, but a variable seasonal lag means that the meteorological start of the season, which is based on ... x </blockquote> </div> <div style="position: absolute; top: 232px; left: 5px; width: 250px;"> <table><tr> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> <td> <img class="img" src="http://pets.neopets.com/cpn/PETNAME/1/1.png"><br><a href="/petlookup.phtml?pet=PETNAME">PETNAME</a> </td> </tr></table> </div> <div style="position: absolute; top: 10px; left: 10px;"> <font class="b">my</font><strong>userlookup</strong> <a class="li" href="/~Khuln">1</a> <a class="li" href="/~Khuln">2</a> <a class="li" href="/~Khuln">3</a> <a class="li" href="/~Khuln">4</a> <a class="li" href="/~Khuln">5</a> <a class="f" href="/~Khuln">css</a> </div> <div style="position: absolute; top: 232px; left: 250px;"> <table><tr> <td> <img class="img" src="http://images.neopets.com/items/gif_bag_of_neopoints.gif"><br><a href="/browseshop.phtml?owner=USERNAME">shop</a> </td> <td> <img class="img" src="http://images.neopets.com/trophies/222_1.gif"><br><a href="/gallery/index.phtml?gu=USERNAME">gallery</a> </td> </tr></table> </div>
<style> { } #header, #footer, #ncmall, #ban, hr, #nst, #userneohome, .brand-mamabar, .content div a img, .content div b, #usershop img, #usershop, #habitarium { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #009989; cursor: crosshair; } p, td, .medText, body { color: #000; font: 8pt arial; line-height: 160%; } b { color: #CE1836; } u { text-decoration: none; font-weight: bold; color: #7FCBCF; vertical-align: super; } i { font-style: normal; color: #000; padding-left: 450px; } strong { font-weight: normal; color: #000; font: 8pt arial; text-decoration: blink; } a:link, a:visited, a:active, a b { color: #929841; font-size: 7pt; } a:hover, a:hover b { color: #EDB92E; cursor: crosshair; } #content { background: #fff; width: 575px; border-top: 50px solid #101010; } #main { border: none; padding-right: 10px; padding-left: 10px; background: transparent; width: 530px; margin-top: 120px; margin-left: 230px; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } div img { } .contentModuleTable { border: 0px solid #eee; background: #fff; } #userneopets a { width: 130px; height: 130px; overflow: hidden; display: block; } #userneopets img { margin-top: -10px; margin-right: -8px; } #usertrophies img { width: 60px; height: 60px; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { display: none; } #userinfo { padding-left: 20px; } #userneopets { text-transform: capitalize; } #usercollections { width: 260px; display: block; padding-left: 10px; } a.li, a.li:visited, a.li:active { width: 45px; padding: 3px; color: #d3d3d3; background-color: #fff; border: 1px dotted #ddd; display: inline-block; margin: 1px; text-align: center; } a.li:hover { background-color: #fdfdfd; color: #ccc; } a.nav, a.nav1 { font-family: georgia; font-size: 10pt; text-decoration: none; text-transform: lowercase; line-height: 30px; letter-spacing: 0px; width: 75px; margin-bottom: 10px; display: inline-block; padding: 2px; text-align: center; font-weight: normal; padding-right: 10px; font-style: italic; } a.nav { color: #7b7b7b; background-color: none; } a.nav1 { color: #888; background-color: #fff; } a.nav:hover { color: #fff; } a.nav1:hover { color: #000; } #ab { border: 0px; background: #fff; padding-left: 15px; padding-right: 15px; text-align: justify; padding-top: 15px; line-height: 180%; } #nav { padding-left: 15px; text-align: justify; margin-top: -57px; } #usertrophies img { width: 40px; height: auto; } </style> <div id="nav" align="center"> <a class="nav1">nav</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> </div> <div id="ab" align="center"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis.<br><i><a href="/~Khuln">css by mellie</a></i> </div>	<style> { } #header, #footer, #ncmall, #ban, hr, #nst, #userneohome, .brand-mamabar, .content div a img, .content div b, #usershop img, #usershop, #habitarium { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #89A7B1; cursor: crosshair; } p, td, .medText, body { color: #000; font: 8pt arial; line-height: 160%; } b { color: #566981; } u { text-decoration: none; font-weight: bold; color: #7FCBCF; vertical-align: super; } i { font-style: normal; color: #000; padding-left: 450px; } strong { font-weight: normal; color: #000; font: 8pt arial; text-decoration: blink; } a:link, a:visited, a:active, a b { color: #801922; font-size: 7pt; } a:hover, a:hover b { color: #D1B943; cursor: crosshair; } #content { background: #fff; width: 575px; border-top: 50px solid #101010; } #main { border: none; padding-right: 10px; padding-left: 10px; background: transparent; width: 530px; margin-top: 120px; margin-left: 230px; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } div img { } .contentModuleTable { border: 0px solid #eee; background: #fff; } #userneopets a { width: 130px; height: 130px; overflow: hidden; display: block; } #userneopets img { margin-top: -10px; margin-right: -8px; } #usertrophies img { width: 60px; height: 60px; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { display: none; } #userinfo { padding-left: 20px; } #userneopets { text-transform: capitalize; } #usercollections { width: 260px; display: block; padding-left: 10px; } a.li, a.li:visited, a.li:active { width: 45px; padding: 3px; color: #d3d3d3; background-color: #fff; border: 1px dotted #ddd; display: inline-block; margin: 1px; text-align: center; } a.li:hover { background-color: #fdfdfd; color: #ccc; } a.nav, a.nav1 { font-family: georgia; font-size: 10pt; text-decoration: none; text-transform: lowercase; line-height: 30px; letter-spacing: 0px; width: 75px; margin-bottom: 10px; display: inline-block; padding: 2px; text-align: center; font-weight: normal; padding-right: 10px; font-style: italic; } a.nav { color: #7b7b7b; background-color: none; } a.nav1 { color: #888; background-color: #fff; } a.nav:hover { color: #fff; } a.nav1:hover { color: #000; } #ab { border: 0px; background: #fff; padding-left: 15px; padding-right: 15px; text-align: justify; padding-top: 15px; line-height: 180%; } #nav { padding-left: 15px; text-align: justify; margin-top: -57px; } #usertrophies img { width: 40px; height: auto; } </style> <div id="nav" align="center"> <a class="nav1">nav</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> </div> <div id="ab" align="center"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis.<br><i><a href="/~Khuln">css by mellie</a></i> </div>	<style> { } #header, #footer, #ncmall, #ban, hr, #nst, #userneohome, .brand-mamabar, .content div a img, .content div b, #usershop img, #usershop, #habitarium { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #7A5B6D; cursor: crosshair; } p, td, .medText, body { color: #000; font: 8pt arial; line-height: 160%; } b { color: #3A646B; } u { text-decoration: none; font-weight: bold; color: #7FCBCF; vertical-align: super; } i { font-style: normal; color: #000; padding-left: 450px; } strong { font-weight: normal; color: #000; font: 8pt arial; text-decoration: blink; } a:link, a:visited, a:active, a b { color: #BDCB8A; font-size: 7pt; } a:hover, a:hover b { color: #7C987A; cursor: crosshair; } #content { background: #fff; width: 575px; border-top: 50px solid #101010; } #main { border: none; padding-right: 10px; padding-left: 10px; background: transparent; width: 530px; margin-top: 120px; margin-left: 230px; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } div img { } .contentModuleTable { border: 0px solid #eee; background: #fff; } #userneopets a { width: 130px; height: 130px; overflow: hidden; display: block; } #userneopets img { margin-top: -10px; margin-right: -8px; } #usertrophies img { width: 60px; height: 60px; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { display: none; } #userinfo { padding-left: 20px; } #userneopets { text-transform: capitalize; } #usercollections { width: 260px; display: block; padding-left: 10px; } a.li, a.li:visited, a.li:active { width: 45px; padding: 3px; color: #d3d3d3; background-color: #fff; border: 1px dotted #ddd; display: inline-block; margin: 1px; text-align: center; } a.li:hover { background-color: #fdfdfd; color: #ccc; } a.nav, a.nav1 { font-family: georgia; font-size: 10pt; text-decoration: none; text-transform: lowercase; line-height: 30px; letter-spacing: 0px; width: 75px; margin-bottom: 10px; display: inline-block; padding: 2px; text-align: center; font-weight: normal; padding-right: 10px; font-style: italic; } a.nav { color: #7b7b7b; background-color: none; } a.nav1 { color: #888; background-color: #fff; } a.nav:hover { color: #fff; } a.nav1:hover { color: #000; } #ab { border: 0px; background: #fff; padding-left: 15px; padding-right: 15px; text-align: justify; padding-top: 15px; line-height: 180%; } #nav { padding-left: 15px; text-align: justify; margin-top: -57px; } #usertrophies img { width: 40px; height: auto; } </style> <div id="nav" align="center"> <a class="nav1">nav</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> </div> <div id="ab" align="center"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis.<br><i><a href="/~Khuln">css by mellie</a></i> </div>	<style> #header, #habitarium, #ncmall, #footer, #ban, hr, #nst, #userneohome, .brand-mamabar, .content div a img, .content div b, .contentModuleHeader, .contentModuleHeaderAlt { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #AAC7D2; cursor: crosshair; } p, td, body, table, td, .medText, tr, font, a { font: 8pt corbel; text-transform: lowercase; letter-spacing: 0px; color: #4b4b4b; } a, a b, a:link, a:visited, a:active { font-weight: -blocked-; color: #EB9A99 !important; } a:hover, a:hover b { color: #F8F891 !important; cursor: crosshair; } b { font: 7pt verdana; text-transform: LOWercase; color: #AAC7D2; letter-spacing: -1px; font-weight: bold; } u { text-decoration: none; font-weight: bold; color: #FFD685; vertical-align: super; } i { font-style: normal; color: #B6D491; } #q { padding-left: 15px; padding-right: 15px; text-align: justify; } .contentModule, .contentModuleTable { border: none; } .contentModule div a img, .contentModule div b { display: inline; } #main { width: 550px; background: none; border: none; margin-top: 0px; border-right: #F8F891 90px solid; margin-left: 100px; } #content { width: 550px; background: #fff; cursor: crosshair; border-left: #EB9A99 40px solid; border-right: #FFD685 20px solid; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; border-top: -blocked- #fff; } .contentModuleContent { padding-top: 22px; background: transparent; } #usershop img { width: 100px; height: 100px; } #usercollections img { width: 54%; height: auto; } #userneopets img { width: 105px; height: 105px; padding: 5px; border: 1px solid #ddd; cursor: crosshair; } #userinfo .medText table td img { width: 67px; height: auto; } #userinfo .medText table td table td img { width: 20px; height: 20px; } #usertrophies img { width: 40px; height: auto; border: 1px solid #E0E0E0; padding: 4px; } .rawr { padding-right: 10px; padding-bottom: 10px; } </style> <div id="q"> <img src="http://i55.tinypic.com/2nnk3.png" class="rawr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis. Nullam sagittis iaculis magna venenatis ullamcorper. Phasellus eros massa, iaculis ut dignissim sed, eleifend scelerisque nisl. Pellentesque urna felis, rutrum nec lacinia vitae, luctus in magna. Cras quis condimentum augue. Donec in justo dolor. Nulla sit amet augue id libero lacinia pharetra. Donec et purus velit, non semper justo. Nulla convallis, metus tincidunt mollis iaculis, nisl felis condimentum urna, id congue sapien leo ac quam. <br><i><a href="/~Khuln">css by mellie</a></i> </div>
<style> #header, #habitarium, #footer, #ncmall, #ban, hr, #nst, #usertrophies, #usershop, #userneohome, .brand-mamabar, .content div a img, .content div b { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #f4f4f4; cursor: crosshair; } td, p, body, b, .medText { color: #999; font: 5pt small fonts; line-height: 12px; font-weight: lighter; text-transform: uppercase; } A:link, A:visited, A:active, a b { color: #999; font-weight: normal; } a:hover, a:hover b { color: #777 !important; cursor: crosshair; } strong { color: #bbb !important; } i { font-style: normal; color: #FD7474; } b { color: #999; font: 5pt terminal; } .contentModule, .contentModuleTable { border: none; } .contentModule div a img, .contentModule div b { display: inline; } #main { width: 400px; border: 0px solid #ccc; margin: 40px; padding-top: 10px; padding-bottom: 10px; margin-left: 180px; background: #fff url("http://i52.tinypic.com/ibjbci.png"); } #content { width: 380px; padding: 10px; padding-bottom: 0px; cursor: crosshair; background: #fff; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } .contentModuleContent { border-top: 0px solid #f8f8f8; padding-top: 22px; background: transparent; } #userneopets img { padding: 3px; border: 1px solid #000; } #userneopets { width: 350px; margin-bottom: -25px; text-transform: capitalize; } #usercollections { width: 155px !important; overflow: hidden; } #userinfo .medText table td table td img { width: 25px; height: 25px; display: inline; } #usercollections img { width: 15px; height: 15px; } #userinfo .medText table td img { display: none; } .contentModuleTable, .contentModuleContent { background: 0; border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { color: #B1E1E9; font: 15pt century gothic; text-transform: lowercase; line-height: 5px; text-align: left; letter-spacing: -1px; background: 0; } #usercollections .contentModuleHeaderAlt { color: #B1E1E9; } #userneopets .contentModuleHeaderAlt { color: #B1E1E9; } h1 { color: #B1E1E9; } #userneopets img { margin-top: -40px; margin-left: -40px; } #userneopets a { width: 80px; height: 50px; border: 1px solid #999; overflow: hidden; display: block; } blockquote { text-align: justify; } .span { text-align: right; } </style> <h1>header</h1> <blockquote> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et risus et velit viverra dictum vel sed tortor. Aenean a urna vitae erat interdum auctor. Proin placerat augue a purus tristique ultrices. Sed vel arcu in libero pharetra commodo luctus eget elit. Nulla facilisi. Sed id feugiat libero. Maecenas tempor consectetur ante, at euismod elit feugiat et. Etiam sodales urna nec turpis tincidunt tristique. </blockquote> <div class="span"> <a href="/~khuln">★</a> css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> </div>	<style> #header, #habitarium, #footer, #ncmall, #ban, hr, #nst, #usertrophies, #usershop, #userneohome, .brand-mamabar, .content div a img, .content div b { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #f4f4f4; cursor: crosshair; } td, p, body, b, .medText { color: #999; font: 5pt small fonts; line-height: 12px; font-weight: lighter; text-transform: uppercase; } A:link, A:visited, A:active, a b { color: #999; font-weight: normal; } a:hover, a:hover b { color: #777 !important; cursor: crosshair; } strong { color: #bbb !important; } i { font-style: normal; color: #FD7474; } b { color: #999; font: 5pt terminal; } .contentModule, .contentModuleTable { border: none; } .contentModule div a img, .contentModule div b { display: inline; } #main { width: 400px; border: 0px solid #ccc; margin: 40px; padding-top: 10px; padding-bottom: 10px; margin-left: 180px; background: #fff url("http://i55.tinypic.com/20p78nc.png"); } #content { width: 380px; padding: 10px; padding-bottom: 0px; cursor: crosshair; background: #fff; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } .contentModuleContent { border-top: 0px solid #f8f8f8; padding-top: 22px; background: transparent; } #userneopets img { padding: 3px; border: 1px solid #000; } #userneopets { width: 350px; margin-bottom: -25px; text-transform: capitalize; } #usercollections { width: 155px !important; overflow: hidden; } #userinfo .medText table td table td img { width: 25px; height: 25px; display: inline; } #usercollections img { width: 15px; height: 15px; } #userinfo .medText table td img { display: none; } .contentModuleTable, .contentModuleContent { background: 0; border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { color: #FFCFB5; font: 15pt century gothic; text-transform: lowercase; line-height: 5px; text-align: left; letter-spacing: -1px; background: 0; } #usercollections .contentModuleHeaderAlt { color: #CAD6AB; } #userneopets .contentModuleHeaderAlt { color: #FFCFB5; } h1 { color: #CAD6AB; } #userneopets img { margin-top: -40px; margin-left: -40px; } #userneopets a { width: 80px; height: 50px; border: 1px solid #999; overflow: hidden; display: block; } blockquote { text-align: justify; } .span { text-align: right; } </style> <h1>header</h1> <blockquote> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et risus et velit viverra dictum vel sed tortor. Aenean a urna vitae erat interdum auctor. Proin placerat augue a purus tristique ultrices. Sed vel arcu in libero pharetra commodo luctus eget elit. Nulla facilisi. Sed id feugiat libero. Maecenas tempor consectetur ante, at euismod elit feugiat et. Etiam sodales urna nec turpis tincidunt tristique. </blockquote> <div class="span"> <a href="/~khuln">★</a> css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> </div>	<style> #header, #habitarium, #footer, #ncmall, #ban, hr, #nst, #usertrophies, #usershop, #userneohome, .brand-mamabar, .content div a img, .content div b { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #000; cursor: crosshair; } td, p, body, b, .medText { color: #555; font: 5pt small fonts; line-height: 12px; font-weight: lighter; text-transform: uppercase; } A:link, A:visited, A:active, a b { color: #555; font-weight: normal; } a:hover, a:hover b { color: #333 !important; cursor: crosshair; } strong { color: #bbb !important; } i { font-style: normal; color: #FD7474; } b { color: #444; font: 5pt terminal; } .contentModule, .contentModuleTable { border: none; } .contentModule div a img, .contentModule div b { display: inline; } #main { width: 400px; border: 0px solid #ccc; margin: 40px; padding-top: 10px; padding-bottom: 10px; margin-left: 180px; background: #fff url("http://i55.tinypic.com/6f4g8z.png"); } #content { width: 380px; padding: 10px; padding-bottom: 0px; cursor: crosshair; background: #fff; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } .contentModuleContent { border-top: 0px solid #f8f8f8; padding-top: 22px; background: transparent; } #userneopets img { padding: 3px; border: 1px solid #000; } #userneopets { width: 350px; margin-bottom: -25px; text-transform: capitalize; } #usercollections { width: 155px !important; overflow: hidden; } #userinfo .medText table td table td img { width: 25px; height: 25px; display: inline; } #usercollections img { width: 15px; height: 15px; } #userinfo .medText table td img { display: none; } .contentModuleTable, .contentModuleContent { background: 0; border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { color: #53777A; font: 15pt century gothic; text-transform: lowercase; line-height: 5px; text-align: left; letter-spacing: -1px; background: 0; } #usercollections .contentModuleHeaderAlt { color: #C02942; } #userneopets .contentModuleHeaderAlt { color: #D95B43; } h1 { color: #542437; } #userneopets img { margin-top: -40px; margin-left: -40px; } #userneopets a { width: 80px; height: 50px; border: 1px solid #444; overflow: hidden; display: block; } blockquote { text-align: justify; } .span { text-align: right; } </style> <h1>header</h1> <blockquote> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et risus et velit viverra dictum vel sed tortor. Aenean a urna vitae erat interdum auctor. Proin placerat augue a purus tristique ultrices. Sed vel arcu in libero pharetra commodo luctus eget elit. Nulla facilisi. Sed id feugiat libero. Maecenas tempor consectetur ante, at euismod elit feugiat et. Etiam sodales urna nec turpis tincidunt tristique. </blockquote> <div class="span"> <a href="/~khuln">★</a> css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> </div>	<style> #header, #habitarium, #footer, #ncmall, #ban, hr, #nst, #usertrophies, #usershop, #userneohome, .brand-mamabar, .content div a img, .content div b { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #000; cursor: crosshair; } td, p, body, b, .medText { color: #555; font: 5pt small fonts; line-height: 12px; font-weight: lighter; text-transform: uppercase; } A:link, A:visited, A:active, a b { color: #555; font-weight: normal; } a:hover, a:hover b { color: #333 !important; cursor: crosshair; } strong { color: #bbb !important; } i { font-style: normal; color: #FD7474; } b { color: #444; font: 5pt terminal; } .contentModule, .contentModuleTable { border: none; } .contentModule div a img, .contentModule div b { display: inline; } #main { width: 400px; border: 0px solid #ccc; margin: 40px; padding-top: 10px; padding-bottom: 10px; margin-left: 180px; background: #fff url("http://i51.tinypic.com/34pn86t.png"); } #content { width: 380px; padding: 10px; padding-bottom: 0px; cursor: crosshair; background: #fff; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: transparent; } .contentModuleContent { border-top: 0px solid #f8f8f8; padding-top: 22px; background: transparent; } #userneopets img { padding: 3px; border: 1px solid #000; } #userneopets { width: 350px; margin-bottom: -25px; text-transform: capitalize; } #usercollections { width: 155px !important; overflow: hidden; } #userinfo .medText table td table td img { width: 25px; height: 25px; display: inline; } #usercollections img { width: 15px; height: 15px; } #userinfo .medText table td img { display: none; } .contentModuleTable, .contentModuleContent { background: 0; border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { color: #FF4767; font: 15pt century gothic; text-transform: lowercase; line-height: 5px; text-align: left; letter-spacing: -1px; background: 0; } #usercollections .contentModuleHeaderAlt { color: #84B09C; } #userneopets .contentModuleHeaderAlt { color: #C9C9AA; } h1 { color: #FACEAE; } #userneopets img { margin-top: -40px; margin-left: -40px; } #userneopets a { width: 80px; height: 50px; border: 1px solid #444; overflow: hidden; display: block; } blockquote { text-align: justify; } .span { text-align: right; } </style> <h1>header</h1> <blockquote> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et risus et velit viverra dictum vel sed tortor. Aenean a urna vitae erat interdum auctor. Proin placerat augue a purus tristique ultrices. Sed vel arcu in libero pharetra commodo luctus eget elit. Nulla facilisi. Sed id feugiat libero. Maecenas tempor consectetur ante, at euismod elit feugiat et. Etiam sodales urna nec turpis tincidunt tristique. </blockquote> <div class="span"> <a href="/~khuln">★</a> css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> </div>
<style> #header, #ncmall, #footer, #ban, hr, #nst, #userneohome, .brand-mamabar, #habitarium { display: none; } body { background: #EFEFEF; cursor: crosshair; } td, p, body, .medText, .content div b { color: #bbb; font: 10px verdana; line-height: 12px; letter-spacing: -1px; font-weight: lighter; } #userneopets { width: 575px; margin-top: -580px; text-transform: capitalize; } A:link, A:visited, A:active, a b { color: #999; font-weight: normal; } a:hover, a:hover b { color: #aaa !important; cursor: crosshair; } b, strong { color: #9b9b9b !important; } i { font-style: normal; color: #9e9e9e; } .contentModule, .contentModuleTable { border: none; } .contentModule div a img, .contentModule div b { display: inline; } #main { width: 620px; border: 1px solid #ccc; margin: 40px; margin-left: 180px; } #content { width: 620px; padding: 15px; cursor: crosshair; margin-top: -520px; } #usershop { width: 100px; overflow: hidden; background: url("http://images.neopets.com/items/plu_snackrifice_polarchuck.gif") center no-repeat; } #usershop img { height: 40px; width: 40px; overflow: hidden; visibility: hidden; margin-top: -50px; margin-bottom: 145px; } .contentModuleTable, .contentModuleContent { background: none; border: none; } .contentModuleHeader, .contentModuleHeaderAlt, h1 { color: #bbb; font-family: terminal; letter-spacing: 0px; background: none; text-transform: uppercase; font-size: 8px; line-height: 12px; margin: 15px; text-align: center; padding-bottom: 10px; border-bottom: 2px solid #C3EAFB; font-weight: lighter; } #userneopets img { margin-left: -15px; margin-top: -20px; } #userneopets a { width: 120px; height: 110px; border: 1px solid #EFEFEF; overflow: hidden; display: block; } .n { border: 1px solid #ddd; padding: 3px; margin: 5px; width: 45px; } A.nav:link, A.nav:visited, A.nav:active { font: 15px corbel; color: #aaa; text-align: center; line-height: 5px; margin: 2px; display: block; } a.nav:hover { color: #C3EAFB !important; } #usertrophies { width: 575px; } #usertrophies img { width: 60px; height: auto; } </style> <div id="extra" style="position: relative; left: 385px; top: 472px; text-align: justify; width: 160px;"> <div style="background: #fff; padding: 15px; border: 1px solid #ccc; width: 130px;"> <br><h1>welcome</h1> <table> <td width="55"> <a href="/~Khuln" class="nav">link</a><br><a href="/~Khuln" class="nav">link</a><br><a href="/~Khuln" class="nav">link</a><br> </td> <td width="55"> <a href="/~Khuln" class="nav">link</a><br><a href="/~Khuln" class="nav">link</a><br><a href="/~Khuln" class="nav">css</a><br> </td> </table> <h1>about me</h1> » <i>your about me goes here</i> Minimalism describes movements in various forms of art and design, especially visual art and music, where the work is stripped down to its most fundamental features. <p><i>if you would like to change your shopkeeper image, simply replace the url for #usershop background image - just be sure your image isn't larger than 80x80 pixels </i> <br></p> <h1>My Pets</h1> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/8n4qgd7f/1/1.png" class="n"></a> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/45oh7nqn/1/1.png" class="n"></a> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/45oh7nqn/1/1.png" class="n"></a> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/8n4qgd7f/1/1.png" class="n"></a> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/8n4qgd7f/1/1.png" class="n"></a> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/45oh7nqn/1/1.png" class="n"></a> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/45oh7nqn/1/1.png" class="n"></a> <a href="/petlookup.phtml?pet=REPLACENAME"><img src="http://pets.neopets.com/cp/8n4qgd7f/1/1.png" class="n"></a> </div> <div style="background: #fff; padding: 15px; border: 1px solid #ccc; width: 130px; margin-top: 5px;"> css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> at <a href="/~khuln">khuln</a> </div> </div>	<style> #header, #habitarium, #userneohome, #footer, #ncmall, #ban, hr, #nst, .brand-mamabar, .content div b, #userneopets .contentModuleHeaderAlt { display: none; } .contentModule div a img, .contentModule div b { display: inline; } body { background: #F1F1F1; cursor: crosshair; } td, p, body, b, .medText { color: #ACACAC; font: 9px verdana; line-height: 12px; } b { font: 10px trebuchet ms; color: #8d8d8d; } A:link, A:visited, A:active, a b { color: #ACACAC; font-weight: normal; } a:hover, a:hover b { color: #999; cursor: crosshair; } .contentModule, .contentModuleTable { border: none; } .contentModule, .contentModuleTable, .contentModuleContent { border: none; background: 0; } #main { border: 0; width: 740px; margin-left: 200px; margin-top: -45px; } #content { padding: 20px; width: 600px; } #usertrophies img { width: 65px; height: auto; } .contentModuleHeader, .contentModuleHeaderAlt { color: #D25DDB; background: 0; padding: 4px; text-align: center; border-bottom: 6px solid #fff; font: 13px myriad pro; text-transform: lowercase; } .sh { height: 150px; } blockquote { text-align: justify; margin-bottom: 420px; } i { color: #F0A300; font: 12px cursive; font-weight: bold; font-style: normal; } A.n:link, A.n:visited, A.n:active { color: #d7d7d7; font: 13px myriad pro; text-transform: lowercase; text-decoration: none; padding: 3px; border: 0; width: 70px; display: inline-block; margin-right: 15px; margin-left: 15px; text-align: center; } A.n:hover { color: #aeaeae; } .p { border: 1px solid #ddd; padding: 3px; background: #fdfdfd; margin: 2px; height: 30px; width: 30px; overflow: hidden; } #userneopets img { border: 1px solid #ddd; padding: 5px; background: #fdfdfd; } #userneopets { margin-top: -780px; } h1 { font: 24px corbel; margin: 0; text-align: right; text-transform: lowercase; letter-spacing: 1px; color: #ccc; } </style> <div style="background: #fafafa; height: 25px; margin-top: 10px;"> <a href="/" class="n">link</a><a href="/" class="n">link</a><a href="/" class="n">link</a><a href="/" class="n">link</a><a href="/" class="n">link</a><a href="/~Khuln" class="n">credit</a> </div> <br><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/vwknwczs/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/8smw72l2/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/tf83vbbx/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/vwknwczs/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/8smw72l2/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/tf83vbbx/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/vwknwczs/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/8smw72l2/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/tf83vbbx/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/vwknwczs/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/8smw72l2/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/tf83vbbx/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/vwknwczs/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/8smw72l2/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/tf83vbbx/1/1.png" class="p"></a><a href="/petlookup.phtml?pet=YOURPETHERE"><img src="http://pets.neopets.com/cp/vwknwczs/1/1.png" class="p"></a><blockquote></blockquote> <div style="position: absolute; top: 345px; left: 0px; padding: 35px; text-align: justify; background: 0;"> <table cellspacing="35"> <td> <img src="http://images.neopets.com/items/toy_jellychia.gif"><img src="http://images.neopets.com/items/blobikins.gif"><img src="http://images.neopets.com/items/plu_poogle_jelly.gif"> </td> <td width="300"> <h1>welcome</h1> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <p align="right">css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> get yours <a href="/~Khuln">here</a></p> </td> </table> </div>

return to the top ↑

gallery

To get the coding, simply click inside the text area box and press ctrl+a to select all, then ctrl+c to copy. Or, after clicking inside the text area, right click and pick 'select all' then copy. Enjoy!
Click and drag the preview images to the URL box for a larger viewing.

<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #FEA2A2 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #FEA2A2; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime.<br></p> </div>	<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #BEB1FF 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; margin-top: 0px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #BEB1FF; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime.<br></p> </div>	<style> body { background: #191919; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #E88C02 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; margin-top: 0px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #212121; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #E88C02; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime.<br></p> </div>	<style> body { background: #191919; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #718D96 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; margin-top: 0px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #212121; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #718D96; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <br></p> </div>
<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { width: 60px; height: 60px; border: 1px solid #ffffff; } .content table table { width: 300px; margin-left: -10px; } img { } #content { width: 300px; background: transparent; margin-top: 50px; border-top: #1DADB5 15px solid; } #main { width: 300px; background: transparent; border-right: 1px #F6F6F6 solid; border-left: 1px #F6F6F6 solid; margin-top: 0px; } A.nav, a.nav:visited, a.nav:active { font-size: 7px; font-family: small fonts !important; letter-spacing: 0px; text-transform: uppercase; width: 60px; height: 12px; margin: 1px; padding-top: 3px; background-color: #f7f7f7; text-align: center; display: inline-block; } A.nav:hover { color: #fff; background-color: transparent; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } h1 { background-color: transparent; color: #F818B7; font-size: 48px; font-family: rockwell; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; } #rawr { margin-left: -10px; text-align: center; width: 300px; } #shopkeeper { width: 80px; height: 80px; } </style> <div id="rawr"> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_998.gif" height="80" width="80"></div> <br><br> </center> <font style="background-color: transparent; color: #1DADB5; font-size: 38px; font-family: consolas; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a><p><br><a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/~khuln"><b>credit</b></a></p> <p><br> Be sure that if you have categories, that you change the links to include your username and the category name! When you click on the link, it may seem like the items go out of the box, but any visitors will view the gallery normally! (Click 'view as guest' to preview it)</p> <p> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> </div>	<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { width: 60px; height: 60px; border: 1px solid #ffffff; } .content table table { width: 300px; margin-left: -10px; } img { } #content { width: 300px; background: transparent; margin-top: 50px; border-top: #F818B7 15px solid; } #main { width: 300px; background: transparent; border-right: 1px #F6F6F6 solid; border-left: 1px #F6F6F6 solid; margin-top: 0px; } A.nav, a.nav:visited, a.nav:active { font-size: 7px; font-family: small fonts !important; letter-spacing: 0px; text-transform: uppercase; width: 60px; height: 12px; margin: 1px; padding-top: 3px; background-color: #f7f7f7; text-align: center; display: inline-block; } A.nav:hover { color: #fff; background-color: transparent; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } h1 { background-color: transparent; color: #F818B7; font-size: 48px; font-family: rockwell; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; } #rawr { margin-left: -10px; text-align: center; width: 300px; } #shopkeeper { width: 80px; height: 80px; } </style> <div id="rawr"> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_29.gif" height="80" width="80"></div> <br><br> </center> <font style="background-color: transparent; color: #F818B7; font-size: 38px; font-family: consolas; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a><p><br><a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/~khuln"><b>credit</b></a></p> <p><br> Be sure that if you have categories, that you change the links to include your username and the category name! When you click on the link, it may seem like the items go out of the box, but any visitors will view the gallery normally! (Click 'view as guest' to preview it)</p> <p> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> </div>	<style> body { background: #f9f9f9; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: none; padding: 7px; } .content table table { margin-left: -10px; width: 400px; background-color: #FAFAFA; } #content { width: 400px; background: #f4f4f4; border: 1px solid #fff; padding: 50px; } #main { width: 502px; background: transparent; border: 1px solid #ddd; margin: 60px; margin-left: 200px; } body, td, tr, font { font: 10px verdana; line-height: 160%; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { color: #444; cursor: crosshair; font-size: 12px; font-family: corbel; text-transform: lowercase; font-weight: bold; } A:hover { color: #B5E300; } b { color: #444; font-weight: normal; } u { color: #444; font-size: 12px; font-family: corbel; text-transform: lowercase; background-color: #fafafa; line-height: 180%; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 400px; } div img { float: left; } a.nav:link, a.nav:visited, a.nav:active { font: 15px corbel; color: #aaa; text-align: center; text-transform: lowercase; line-height: 5px; margin: 10px; display: inline-block; background-color: #f9f9f9 !important; } a.nav:hover { color: #91DBAA; } .h { font: 45px helvetica; color: #B5E300; font-weight: normal; } .g { font: 45px helvetica; color: #F8D54A; font-weight: normal; } h1 { font: 45px helvetica; color: #18D6AA; padding-top: 5px; text-align: center; text-transform: lowercase; letter-spacing: -1px; margin: 0px; background-color: none; } </style> <div id="rawr"> <p align="center"> </p> <center> <h1>my<font class="g">own</font><font class="h">gallery</font> </h1> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">css</a> <a href="/index.phtml" class="nav">bye!</a> </center> <br><table> <td> disable gallery keeper before using this layout <br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td> <td><img src="http://images.neopets.com/new_shopkeepers/t_2156.gif"></td> </table> <p align="center"> css © <a href="/userlookup.phtml?user=umbreon133">mellie</a> get yours <a href="/~khuln">here</a></p> </div>	<style> body { background: #f9f9f9; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: none; padding: 7px; } .content table table { margin-left: -10px; width: 400px; background-color: #FAFAFA; } #content { width: 400px; background: #f4f4f4; border: 1px solid #fff; padding: 50px; } #main { width: 502px; background: transparent; border: 1px solid #ddd; margin: 60px; margin-left: 200px; } body, td, tr, font { font: 10px verdana; line-height: 160%; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { color: #444; cursor: crosshair; font-size: 12px; font-family: corbel; text-transform: lowercase; font-weight: bold; } A:hover { color: #CCB1E7; } b { color: #444; font-weight: normal; } u { color: #444; font-size: 12px; font-family: corbel; text-transform: lowercase; background-color: #fafafa; line-height: 180%; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 400px; } div img { float: left; } a.nav:link, a.nav:visited, a.nav:active { font: 15px corbel; color: #aaa; text-align: center; text-transform: lowercase; line-height: 5px; margin: 10px; display: inline-block; background-color: #f9f9f9 !important; } a.nav:hover { color: #B0D8FF; } .h { font: 45px helvetica; color: #DBC8EE; font-weight: normal; } .g { font: 45px helvetica; color: #FFC8E3; font-weight: normal; } h1 { font: 45px helvetica; color: #B0D8FF; padding-top: 5px; text-align: center; text-transform: lowercase; letter-spacing: -1px; margin: 0px; background-color: none; } </style> <div id="rawr"> <p align="center"> </p> <center> <h1>my<font class="g">own</font><font class="h">gallery</font> </h1> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">css</a> <a href="/index.phtml" class="nav">bye!</a> </center> <br><table> <td> disable gallery keeper before using this layout <br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td> <td><img src="http://images.neopets.com/new_shopkeepers/t_1155.gif"></td> </table> <p align="center"> css © <a href="/userlookup.phtml?user=umbreon133">mellie</a> get yours <a href="/~khuln">here</a></p> </div>
<style> body { background: #f9f9f9; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: none; padding: 7px; } .content table table { margin-left: -10px; width: 400px; background-color: #FAFAFA; } #content { width: 400px; background: #f4f4f4; border: 1px solid #fff; padding: 50px; } #main { width: 502px; background: transparent; border: 1px solid #ddd; margin: 60px; margin-left: 200px; } body, td, tr, font { font: 10px verdana; line-height: 160%; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { color: #444; cursor: crosshair; font-size: 12px; font-family: corbel; text-transform: lowercase; font-weight: bold; } A:hover { color: #F5D52A; } b { color: #444; font-weight: normal; } u { color: #444; font-size: 12px; font-family: corbel; text-transform: lowercase; background-color: #fafafa; line-height: 180%; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 400px; } div img { float: left; } a.nav:link, a.nav:visited, a.nav:active { font: 15px corbel; color: #aaa; text-align: center; text-transform: lowercase; line-height: 5px; margin: 10px; display: inline-block; background-color: #f9f9f9 !important; } a.nav:hover { color: #FE9A9C; } .h { font: 45px helvetica; color: #FDDF33; font-weight: normal; } .g { font: 45px helvetica; color: #C6F794; font-weight: normal; } h1 { font: 45px helvetica; color: #FEBC33; padding-top: 5px; text-align: center; text-transform: lowercase; letter-spacing: -1px; margin: 0px; background-color: none; } </style> <div id="rawr"> <p align="center"> </p> <center> <h1>my<font class="g">own</font><font class="h">gallery</font> </h1> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">css</a> <a href="/index.phtml" class="nav">bye!</a> </center> <br><table> <td> disable gallery keeper before using this layout <br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td> <td><img src="http://images.neopets.com/new_shopkeepers/t_2068.gif"></td> </table> <p align="center"> css © <a href="/userlookup.phtml?user=umbreon133">mellie</a> get yours <a href="/~khuln">here</a></p> </div>	<style> body { background: #f5f5f5; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #F1F1F1 solid; border-left: 10px #F1F1F1 solid; margin-left: 10px; } #main { width: 560px; background: #FFFFFF; border: 1px #EDEDED solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #878787; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #FFD419; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #DFB619; } b { color: #0096EF; letter-spacing: -1px; font-family: verdana; } i { color: #FFD419; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #ccc; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #ddd; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_1205.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>	<style> body { background: #f5f5f5; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #F1F1F1 solid; border-left: 10px #F1F1F1 solid; margin-left: 10px; } #main { width: 560px; background: #FFFFFF; border: 1px #EDEDED solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #878787; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #F57C5F; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #B49C9C; } b { color: #EC402D; letter-spacing: -1px; font-family: verdana; } i { color: #F57C5F; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #ccc; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #ddd; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_2119.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>	<style> body { background: #222222; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #272727 solid; border-left: 10px #272727 solid; margin-left: 10px; } #main { width: 560px; background: #303030; border: 1px #000000 solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #C18C67; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #855C46; } b { color: #855C46; letter-spacing: -1px; font-family: verdana; } i { color: #C18C67; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #777; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #888; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/shopkeepers/94.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>
<style> body { background: #222222; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #272727 solid; border-left: 10px #272727 solid; margin-left: 10px; } #main { width: 560px; background: #303030; border: 1px #000000 solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #B6C59F; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #9EB17E; } b { color: #9EB17E; letter-spacing: -1px; font-family: verdana; } i { color: #9EB17E; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #777; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #888; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/1072.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>

return to the top ↑

link back

<a href="/~khuln"><img src="http://i46.tinypic.com/20jsh9x.png" border="0" height="15" width="88"></a>	<a href="/~khuln"><img src="http://i46.tinypic.com/2j1v23a.png" border="0" height="15" width="88"></a>	<a href="/~khuln"><img src="http://i45.tinypic.com/x1aiz4.png" border="0" height="15" width="88"></a>
<a href="/~khuln"><img src="http://i47.tinypic.com/234f2a.png" border="0" height="31" width="88"></a>	<a href="/~khuln"><img src="http://i46.tinypic.com/2hz7trc.png" border="0" height="31" width="88"></a>	<a href="/~khuln"><img src="http://i46.tinypic.com/2n7jvc8.png" border="0" height="31" width="88"></a>	<a href="/~khuln"><img src="http://i50.tinypic.com/o9o3o0.gif" height="31" width="88" border="0"></a>	<a href="/~khuln"><img src="http://i45.tinypic.com/351921d.jpg" height="31" width="88" border="0"></a>
<a href="/~khuln"><img src="http://i30.tinypic.com/ibzx1v.png" height="31" width="88" border="0"></a>	<a href="/~khuln"><img src="http://i26.tinypic.com/50pkjo.png" height="31" width="88" border="0"></a>	<a href="/~khuln"><img src="http://i28.tinypic.com/20qnrro.png" height="31" width="88" border="0"></a>	<a href="/~khuln"><img src="http://i54.tinypic.com/ru46fq.gif" height="31" width="88" border="0"></a>

always seeking buttons :3

affiliates

Interested in becoming one? Drop me a neomail with the form below! (:
Subject: Affiliates- Mellie's CSS
Affie spots are limited: 24/25

listed at

fan mail

love ♥

^ thank you so much for the mail guys! I really appreciate it (: you're the reason I'm sticking around!

return to the top ↑

frequently asked questions

1. do you take requests?
I used to, but I just don't have the time or patience for it, sorry! xD Plus I'm really lazy~

2. can you fix something for me?
Sorry, I can try my best to explain HOW to fix something, but I can't actually fix it for you. I just don't have the time /: Check out CSS for you, The Resourceful CSS Guide or CSS Guide for a better idea about your problem. Good luck!

3. can i edit your coding?
Sure! By all means, edit it however you like! Just remember to keep the credit on, AND keep it visible! :3

4. I found a stealer ):
Grrr @ stealers. *sigh* Well, mail me a link to their lookup/petlookup or whatever page they stole and I'll deal with it. Thank you SO much for keeping an eye out for me!

5. why don't you make a wall of shame?
I don't believe in a Wall of Shame. It doesn't really work, and usually just results in harassment of the stealer, which isn't cool.

6. Well, why don't you try ____?
Trust me, I've tried all sorts of things to get people to stop stealing. Don't worry though, once you send me the link, I'll take it from there! I'm a tough cookie c:

7. can you teach me css? Erm, sorry, but no ): I really don't have the time (or the patience) to teach everyone who asks! All I can say is to look at some tutorials and try your best to learn. It just takes practice (: That's probably the best way, besides teaching yourself.

8. can i join your guild? If you fit the requirements, sure! We don't usually make exceptions to our requirements though, sorry.

9. It's not on your premades site, but I like the layout on ____, can I use it?
Hmm it really depends, so I couldn't say x3 Your best bet would be to neomail me and ask! Sometimes I use coding that is specifically for my own use, but if enough people ask for it, I usually just add it to the premades. Then again, this doesn't happen all the time, because sometimes I want some of my pages to be special x3 Yeahh, just ask, it doesn't hurt! I'd really rather you ask first than just take it though, even if you do put credit.

10. why didn't you reply to my neomail?
There could be a couple of reasons xD The most likely ones are that haven't gotten to it yet because I'm busy, accidentally skipped over it while reading through my inbox (which happens a lot--I usually end up replying once I see the message though), or that your question was already answered on this page. Sometimes I read a message but have to leave or get busy and just simply forget to reply. I promise you though that I'm not intentionally ignoring you! I will try my best to reply to all messages, but unless it was a really important question or comment, please don't resend the mail x.x My inbox fills up pretty fast! return to the top ↑

<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #555; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #C48ED6; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #DDA2DC; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D7BFD3 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D7BFD3 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D7BFD3 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #95CAFE; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #ADD1F4; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #CEE4F9 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D4E4F4 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #CEE4F9 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #A3D062; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #AED476; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D9EAC1 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D9EAC1 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #D9EAC1 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { color: #555; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: url("http://kstarrr.webs.com/mini.cur),url(http:/kstarrr.webs.com/mini.cur") auto; } h1 { font: 14pt century gothic; color: #FECC4E; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } h2 { font: 14pt century gothic; color: #FFD267; border-bottom: #F9F9F9 2px solid; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: center; } #one { margin-top: 70px; margin-left: 150px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #FFE3A5 10px solid; } #two { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #FFEABB 10px solid; } #credit { margin-left: 150px; margin-top: 15px; border: 1px solid #F4F4F4; width: 255px; background: #fff; padding: 30px; border-left: #FFE3A5 10px solid; } .frame { border: 0px solid #bbb; } table, .sf { display: none; } </style> <div id="one"> <h1>Header One </h1> <br><br><br><br><br><br><br><br><br><br> </div> <div id="two"> <h2>Header Two </h2> <br><br><br><br><br><br><br><br><br><br> </div> <div id="credit"> <h1>Credit </h1> <br> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>
<style> body { color: #555; background: #E4E4E4; cursor: crosshair; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: -blocked- crosshair; } h1 { font: 14pt monospace; color: #219FFD; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } h2 { font: 14pt monospace; color: #FB50FE; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } #one { border: 1px solid #ccc; width: 300px; background: #fff; padding: 10px; text-align: justify; } table, .sf { display: none; } </style> <center> <br><br><br><br><div id="one"> <h1>Header One </h1> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h2>Header Two </h2> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h1>Credit </h1> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div> </center>	<style> body { color: #555; background: #555; cursor: crosshair; } body, div, a { font: 7pt verdana; color: #777; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #999; } i { font-style: normal; color: #BC8CBF; font-family: verdana; font-size: 5pt; text-transform: uppercase; letter-spacing: 1px; font-weight: lighter; } u { border-bottom: 2px solid #ffd201; text-decoration: none; } a:link, a:active, a:visited, a { color: #aaa; font-family: verdana; font-size: 7pt; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #999; cursor: -blocked- crosshair; } h1 { font: 14pt monospace; color: #FFD106; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } h2 { font: 14pt monospace; color: #9ED436; padding: 0px; margin: 0px; padding-bottom: 5px; text-align: left; text-transform: lowercase; } #one { border: 1px solid #777; width: 300px; background: #fff; padding: 10px; text-align: justify; } table, .sf { display: none; } </style> <center> <br><br><br><br><div id="one"> <h1>Header One </h1> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h2>Header Two </h2> The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. The harvest moon is the moon at or about the period of fullness that is nearest to the autumnal equinox. The harvest moon is often mistaken for the modern day hunter's moon. <br><br><h1>Credit </h1> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div> </center>	<style> body, td, tr, table, p { color: #999; font-size: 10px; font-family: verdana; } body { cursor: crosshair; background-color: #555; } .sf { display: none; } #content { width: 500px; text-align: justify; } #box { color: #999; background: #eeeeee; border: 1px solid #dddddd; padding: 1px; } a:link, a:visited { color: #93C451; text-decoration: none; text-transform: lowercase; font-weight: bold; } a:hover { color: #fff; } b { color: #5A778C; font-weight: normal; } a.nav { color: #fff; font-weight: -blocked-; text-transform: UPPERcase; font-size: 7pt; font-family: consolas; } a.nav:hover { background-color: #444; } .nav { padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 0px; text-align: center; background-color: #93C451; } h1 { font-size: 38px; font-family: arial; color: #00C6CD; text-transform: LOWERcase; text-align: left; padding-left: 15px; padding-top: 15px; letter-spacing: 1px; font-weight: normal; margin: 0px; } h2 { font-size: 7px; font-family: small fonts; color: #777; text-transform: uppercase; text-align: left; background-color: none; padding-left: 18px; margin: 0px; font-weight: normal; letter-spacing: 0px; } h3 { font-size: 20px; font-family: arial; color: #FFC666; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } h4 { font-size: 20px; font-family: arial; color: #CBD836; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } </style> <div id="up" style="position: absolute; top: 0px; left: 0px; height: 90px; width: 100%; background: #444; color: #444;"> <h1>page title</h1> <h2>mini header</h2> </div> <div id="up1" style="position: absolute; top: 90px; left: 0px; height: 5px; width: 100%; background: #94C454; color: #94C454;"></div> <div id="navs" style="position: absolute; top: 78px; left: 25px;"> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a><br> </div> <div id="blog" style="position: absolute; top: 120px; width: 500px; padding-left: 20px;"><center> <div id="content"> <h3>header</h3> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <h4>header</h4> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <p><b>Can't find the button to save? Not a problem. Click near the bottom of the page, press tab ONCE then hit enter</b> </p> <h3>credit</h3> <p> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br><br></p> </div> </center></div>	<style> body, td, tr, table, p { color: #999; font-size: 10px; font-family: verdana; } body { cursor: crosshair; background-color: #555; } .sf { display: none; } #content { width: 500px; text-align: justify; } #box { color: #999; background: #eeeeee; border: 1px solid #dddddd; padding: 1px; } a:link, a:visited { color: #A6CCBF; text-decoration: none; text-transform: lowercase; font-weight: bold; } a:hover { color: #fff; } b { color: #5A778C; font-weight: normal; } a.nav { color: #fff; font-weight: -blocked-; text-transform: UPPERcase; font-size: 7pt; font-family: consolas; } a.nav:hover { background-color: #444; } .nav { padding-top: 8px; padding-left: 8px; padding-right: 8px; padding-bottom: 0px; text-align: center; background-color: #A6CCBF; } h1 { font-size: 38px; font-family: arial; color: #E6636B; text-transform: LOWERcase; text-align: left; padding-left: 15px; padding-top: 15px; letter-spacing: 1px; font-weight: normal; margin: 0px; } h2 { font-size: 7px; font-family: small fonts; color: #777; text-transform: uppercase; text-align: left; background-color: none; padding-left: 18px; margin: 0px; font-weight: normal; letter-spacing: 0px; } h3 { font-size: 20px; font-family: arial; color: #F2E9E4; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } h4 { font-size: 20px; font-family: arial; color: #DADAD8; text-transform: LOWERcase; text-align: left; letter-spacing: 1px; font-weight: normal; margin: 0px; border-bottom: #ccc 1px dashed; } </style> <div id="up" style="position: absolute; top: 0px; left: 0px; height: 90px; width: 100%; background: #444; color: #444;"> <h1>page title</h1> <h2>mini header</h2> </div> <div id="up1" style="position: absolute; top: 90px; left: 0px; height: 5px; width: 100%; background: #A6CCBF; color: #A6CCBF;"></div> <div id="nav" style="position: absolute; top: 78px; left: 25px;"> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a> <a href="http://www.neopets.com/" class="nav">link</a><br> </div> <div id="blog" style="position: absolute; top: 120px; width: 500px; padding-left: 20px;"><center> <div id="content"> <h3>header</h3> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <h4>header</h4> <p> The Moon is in synchronous rotation, which means it rotates about its axis in about the same time it takes to orbit the Earth. This results in it keeping nearly the same face turned towards the Earth at all times. The Moon used to rotate at a faster rate, but early in its history, its rotation slowed and became locked in this orientation as a result of frictional effects associated with tidal deformations caused by the Earth.<br> The side of the Moon that faces Earth is called the near side, and the opposite side the far side. The far side is often inaccurately called the "dark side," but in fact, it is illuminated exactly as often as the near side: once per lunar day, during the new moon phase we observe on Earth when the near side is dark. The far side of the Moon was first photographed by the Soviet probe Luna 3 in 1959. One distinguishing feature of the far side is its almost complete lack of maria. </p> <p><b>Can't find the button to save? Not a problem. Click near the bottom of the page, press tab ONCE then hit enter</b> </p> <h3>credit</h3> <p> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br><br></p> </div> </center></div>
<style> body { color: #666; background: #484848; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #F39C13; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #F31362; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #F31362; text-decoration: none; font-weight: bold; } a:hover { color: #F5C3D6; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i47.tinypic.com/2e24jrs.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>	<style> body { color: #666; background: #4F5D61; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #6a7d82; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #596e7f; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #A8E256; text-decoration: none; font-weight: bold; } a:hover { color: #86DEDD; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i47.tinypic.com/25kiuyw.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>	<style> body { color: #666; background: #C5E0DC; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #E08E79; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #774F38; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #774F38; text-decoration: none; font-weight: bold; } a:hover { color: #C5E0DC; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i49.tinypic.com/2hq428o.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>	<style> body { color: #666; background: #F2FFA3; } body, div, a { font: 7pt verdana; color: #555; text-align: justify; margin-bottom: 2px; line-height: 15px; cursor: crosshair; } b { font: 7pt verdana; color: #555; font-weight: normal; } h1 { font: 21pt verdana; color: #fff; text-align: right; padding: 10px; } h2 { font: 10pt verdana; color: #8DAD84; text-align: left; line-height: 1px; font-weight: bold; } h3 { font: 10pt verdana; color: #779187; text-align: left; line-height: 1px; font-weight: bold; } a:link, a:visited, a:active { color: #779187; text-decoration: none; font-weight: bold; } a:hover { color: #8DAD84; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { color: #999; text-decoration: none; font-weight: bold; padding: 3px; } a.nav:hover { background-color: #e8e8e8; cursor: crosshair; } #top { border: 0px solid #F4F4F4; background: #F9F9F9 url("http://i50.tinypic.com/mhrk00.png"); padding: 10px; height: 130px; width: 525px; top: 90px; left: 350px; overflow: hidden; } #one { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 200px; top: 255px; left: 350px; } #two { border: 0px solid #F4F4F4; background: #F9F9F9; padding: 10px; width: 290px; top: 255px; left: 585px; } table, .sf { display: none; } </style> <div id="top" style="position: absolute;"> <b>nav</b>» <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <a href="/~khuln" class="nav">link</a> <br><br><br><br><h1>page title</h1> </div> <div id="one" style="position: absolute;"> <h2>header two</h2> Sunrise and sunset are calculated from the leading and trailing edges of the Sun, and not the center; this slightly increases the duration of "day" relative to "night". The sunrise equation, however, is based on the center of the sun. <p>css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </p> </div> <div id="two" style="position: absolute;"> <h3>header three</h3> Sunrise is the instant at which the upper edge of the Sun appears above the horizon in the east. Sunrise should not be confused with dawn, which is the (variously defined) point at which the sky begins to lighten, some time before the sun itself appears, ending twilight. Because atmospheric refraction causes the sun to be seen while it is still below the horizon, both sunrise and sunset are, from one point of view, optical illusions. The sun also exhibits an optical illusion at sunrise similar to the moon illusion. </div>
<style> body { color: #888; background: #f4f4f4; cursor: crosshair; } body, div, a { font: 8pt arial; text-align: left; margin-bottom: 2px; line-height: 15px; } b { color: #FF6699; } i { color: #BC8ECA; letter-spacing: 0px; } u { border-bottom: 2px solid #FF6699; text-decoration: none; } a:link, a:active, a:visited, a { color: #BC8ECA; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #FF6699; cursor: crosshair; } a.nav { background-color: #fff; height: 20px; width: 20px; margin: 5px; display: block; text-align: center; color: #fff; } a.nav2 { background-color: #BC8ECA; color: #fff; height: 50px; width: 20px; margin: 5px; display: block; text-align: center; } a.nav:hover { background-color: #FF6699; color: #FF6699; } h1 { font: 14px arial; color: #FF6699; border-bottom: #F4F4F4 2px solid; margin-bottom: 2px; font-weight: bold; line-height: 15px; text-align: right; text-transform: uppercase; letter-spacing: 0px; } h2 { font: 14px arial; color: #BC8ECA; border-bottom: #F4F4F4 2px solid; margin-bottom: 2px; font-weight: bold; line-height: 15px; text-align: right; text-transform: uppercase; letter-spacing: 0px; } #one { border: none; width: 200px; background: #fff; padding: 5px; text-align: justify; left: 205px; top: 80px; } #nav { border: none; width: 20px; background: none; padding: 5px; text-align: center; left: 170px; top: 70px; } table, .sf { display: none; } </style> <div id="nav" style="position: absolute;"> <a class="nav2">N<br>A<br>V</a> <a href="/myaccount.phtml" class="nav">0</a> <a href="/customise/" class="nav">0</a> <a href="/games/arcade.phtml" class="nav">0</a> <a href="/explore.phtml" class="nav">0</a> <a href="/nf.phtml" class="nav">0</a> <a href="/petcentral.phtml" class="nav">0</a> <a href="/neoboards/index.phtml" class="nav">0</a> <a href="/objects.phtml" class="nav">0</a> </div> <div id="one" style="position: absolute;"> <h1>Header one</h1> Summer is the warmest of the four temperate season, between spring and autumn. <b>bold</b> <i>italic</i> underline <a href="/~khuln">link</a> <br><br><h2>Header two</h2> Summer is the warmest of the four temperate season, between spring and autumn. <b>bold</b> <i>italic</i> underline <a href="/~khuln">link</a> <br><br><h1>Credit </h1> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. </div>	<style> body { background: #181818; cursor: crosshair; } body, div, a, td { color: #555; font: 6pt sans-serif; text-align: justify; margin-bottom: 2px; line-height: 15px; text-transform: uppercase; } a:link, a:active, a:visited, a { color: #777; text-decoration: none; font-weight: bold; } a:hover { color: #555; cursor: crosshair; } h1 { font: 25px century gothic; color: #10AFAF; line-height: 1px; text-align: center; text-transform: lowercase; letter-spacing: 0px; } h2 { font: 28px arial; color: #99FF00; line-height: 1px; text-align: left; text-transform: lowercase; letter-spacing: 1px; background: #303030; padding-left: 20px; padding-top: 40px; padding-bottom: 30px; width: 484px; margin-bottom: 0px; } h3 { color: #CC33DD; border-bottom: 1px solid #303030; font: 6pt sans-serif; text-align: right; padding-right: 5px; } b { color: #777; font-weight: normal; } i { color: #99FF00; font-style: normal; } #one { width: 500px; background: #272727; text-align: justify; padding-left: 2px; padding-right: 2px; } .sf { display: none; } </style> <div style="position: absolute; top: 0px; left: 0px; height: 25px; background-color: #181818; color: #181818; width: 100%;">css by umbreon133</div> <center> <h2>header</h2> <div id="one"> <br><h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <p align="center"> css © mellie \| umbreon133<br> get yours <a href="/~khuln">here</a>. <br></p> </div> </center>	<style> body { background: #827262; cursor: crosshair; } body, div, a, td { color: #777; font: 6pt sans-serif; text-align: justify; margin-bottom: 2px; line-height: 15px; text-transform: uppercase; } a:link, a:active, a:visited, a { color: #666; text-decoration: none; font-weight: bold; } a:hover { color: #777; cursor: crosshair; } h1 { font: 25px century gothic; color: #99FF00; line-height: 1px; text-align: center; text-transform: lowercase; letter-spacing: 0px; } h2 { font: 28px arial; color: #E1DBDD; line-height: 1px; text-align: left; text-transform: lowercase; letter-spacing: 1px; background: #553A4B; padding-left: 20px; padding-top: 40px; padding-bottom: 30px; width: 484px; margin-bottom: 0px; } h3 { color: #827262; border-bottom: 1px solid #C1B5BF; font: 6pt sans-serif; text-align: right; padding-right: 5px; } b { color: #553A4B; font-weight: normal; } i { color: #99FF00; font-style: normal; } #one { width: 500px; background: #f7f7f7; text-align: justify; padding-left: 2px; padding-right: 2px; } .sf { display: none; } </style> <div style="position: absolute; top: 0px; left: 0px; height: 25px; background-color: #827262; color: #827262; width: 100%;">css by umbreon133</div> <center> <h2>header</h2> <div id="one"> <br><h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <p align="center"> css © mellie \| umbreon133<br> get yours <a href="/~khuln">here</a>. <br></p> </div> </center>	<style> body { background: #ededed; cursor: crosshair; } body, div, a, td { color: #777; font: 6pt sans-serif; text-align: justify; margin-bottom: 2px; line-height: 15px; text-transform: uppercase; } a:link, a:active, a:visited, a { color: #666; text-decoration: none; font-weight: bold; } a:hover { color: #777; cursor: crosshair; } h1 { font: 25px century gothic; color: #99FF00; line-height: 1px; text-align: center; text-transform: lowercase; letter-spacing: 0px; } h2 { font: 28px arial; color: #F0580D; line-height: 1px; text-align: left; text-transform: lowercase; letter-spacing: 1px; background: #444; padding-left: 20px; padding-top: 40px; padding-bottom: 30px; width: 484px; margin-bottom: 0px; } h3 { color: #82BE2E; border-bottom: 1px solid #bbb; font: 6pt sans-serif; text-align: right; padding-right: 5px; } b { color: #595959; font-weight: normal; } i { color: #99FF00; font-style: normal; } #one { width: 500px; background: #f7f7f7; text-align: justify; padding-left: 2px; padding-right: 2px; } .sf { display: none; } </style> <div style="position: absolute; top: 0px; left: 0px; height: 25px; background-color: #ededed; color: #ededed; width: 100%;">css by umbreon133</div> <center> <h2>header</h2> <div id="one"> <br><h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <h3>body header</h3> <b>Space</b> is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <p align="center"> css © mellie \| umbreon133<br> get yours <a href="/~khuln">here</a>. <br></p> </div> </center>
<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #7ECECA; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>	<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #98E942; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>	<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #FD7474; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>	<style> body { color: #aaa; background: #f8f8f8; cursor: crosshair; } body, div, a, td { color: #777; font: 7pt sans-serif; text-align: left; margin-bottom: 2px; line-height: 15px; } a:link, a:active, a:visited, a { color: #777; text-transform: lowercase; text-decoration: none; font-weight: bold; } a:hover { color: #C2D3D4; cursor: crosshair; } i { color: #aaa; font-style: normal; text-transform: uppercase; font-size: 8px; } h1 { font: 18px century gothic; color: #fff; background-color: #F2D974; line-height: 100px; text-align: center; text-transform: lowercase; letter-spacing: 0px; width: 430px; margin-bottom: 0px; margin-top: 40px; } h2 { font: 7px small fonts; color: #999999; text-align: left; text-transform: uppercase; letter-spacing: 0px; } h3 { color: #cecece; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; background-color: #efefef; width: 425px; margin-bottom: 0px; padding-right: 5px; } #one { width: 420px; background: #fff url("http://i38.tinypic.com/3358n7r.png") repeat-x; padding: 5px; text-align: center; } table, .sf { display: none; } </style> <center> <h1>main header</h1> <h3>mini header</h3> <div id="one"> <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>body header</h2> Futurism was an artistic and social movement that originated in Italy in the early 20th century. It was largely an Italian phenomenon, though there were parallel movements in Russia, England and elsewhere. The Futurists practiced in every medium of art, including painting, sculpture, ceramics, graphic design, industrial design, interior design, theatre, film, fashion, textiles, literature, music, architecture and even gastronomy. <p></p> <h2>Credit </h2> css © mellie \| umbreon133<br> get yours <a href="/~Khuln">here</a>. <br> </div> </center>
<style> .sf { display: none; } body { background: #f9f9f9; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { border: 1px solid #e7e7e7; width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #F7F7F7; } h1 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: center; margin-left: 20px; margin-right: 20px; border-bottom: 2px solid #91D9FF; } h2 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: center; margin-left: 20px; margin-right: 20px; border-bottom: 2px solid #CBE86B; } h3 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: center; margin-left: 20px; margin-right: 20px; border-bottom: 2px solid #FF85A7; } h4 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } strong { font-weight: normal; text-decoration: line-through; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.nav { color: #d8d8d8; background-color: #fff; text-transform: UPPERcase; font-size: 7.5pt; width: 75px; margin-top: 60px; display: inline-block; font-family: consolas; padding: 3px; margin-left: 5px; text-align: center; border: 1px solid #f8f8f8; border-top: none; } a.nav:hover { background-color: #fff; color: #e0e0e0; border: 1px solid #ededed; border-top: none; cursor: crosshair; } td { width: 40px; } .img { width: 90px; height: 90px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #F6F5F6; color: #F6F5F6; width: 100%;"> <a href="/" class="nav">Link</a> <a href="/" class="nav">Link</a> <a href="/index.phtml" class="nav">Home</a> </div> <center> <div id="border"> <div id="words"> <h1>header </h1> Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis. <br><br><h2>header </h2> Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis. <br><br><h3>header </h3> Aenean faucibus felis nec est hendrerit volutpat. Nulla aliquet, nunc eget interdum consectetur, nulla libero pharetra turpis, sed porttitor metus elit vel nisl. Mauris lacus nisl, lobortis sit amet molestie pharetra, mattis ut felis. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>	<style> .sf { display: none; } body { background: #EEE9E5; overflow: hidden; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #fff; } h1, h2, h3 { font: 8px arial; color: #fff; font-weight: lighter; text-align: left; text-transform: uppercase; background-color: #FF9C97; border-top: none; border-bottom: 5px solid #fff; border-right: none; border-left: 5px solid #FF9C97; letter-spacing: 2px; } h2 { background: #FFE181; border-left: 5px solid #FFE181; } h3 { background: #FFBA7F; border-left: 5px solid #FFBA7F; } h1:hover, h2:hover, h3:hover { background: #ccc; cursor: crosshair; border-left: 5px solid #ccc; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.f, a.f:visited, a.f:active { color: #BCBCBC; font: 22px sans-serif; font-weight: bold; text-transform: lowercase; padding-right: 20px; } a.f:hover { cursor: crosshair; color: #FAD3B2; } h4 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #EEE9E5; color: #EEE9E5; width: 100%;"> </div> <center> <div id="border"> <div id="words"> <a href="/" class="f">headerlink</a> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>	<style> .sf { display: none; } body { background: #E8E3B3; overflow: hidden; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #fff; } h1, h2, h3 { font: 8px arial; color: #fff; font-weight: lighter; text-align: left; text-transform: uppercase; background-color: #4D8396; border-top: none; border-bottom: 5px solid #fff; border-right: none; border-left: 5px solid #4D8396; letter-spacing: 2px; } h2 { background: #B4D984; border-left: 5px solid #B4D984; } h3 { background: #75C78E; border-left: 5px solid #75C78E; } h1:hover, h2:hover, h3:hover { background: #ccc; cursor: crosshair; border-left: 5px solid #ccc; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.f, a.f:visited, a.f:active { color: #777; font: 22px sans-serif; font-weight: bold; text-transform: lowercase; padding-right: 20px; } a.f:hover { cursor: crosshair; color: #23262B; } h4 { color: #A2A2A2; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #E8E3B3; color: #E8E3B3; width: 100%;"> </div> <center> <div id="border"> <div id="words"> <a href="/" class="f">headerlink</a> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>	<style> .sf { display: none; } body { background: #E9E9E9; overflow: hidden; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } #border { width: 460px; padding: 1px; margin-top: 85px; background: #fff; } #words { width: 360px; padding: 50px; background: #fff; } h1, h2, h3 { font: 8px arial; color: #fff; font-weight: lighter; text-align: left; text-transform: uppercase; background-color: #3299BB; border-top: none; border-bottom: 5px solid #fff; border-right: none; border-left: 5px solid #3299BB; letter-spacing: 2px; } h2 { background: #BCBCBC; border-left: 5px solid #BCBCBC; } h3 { background: #FF9900; border-left: 5px solid #FF9900; } h1:hover, h2:hover, h3:hover { background: #ccc; cursor: crosshair; border-left: 5px solid #ccc; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.f, a.f:visited, a.f:active { color: #424242; font: 22px sans-serif; font-weight: bold; text-transform: lowercase; padding-right: 20px; } a.f:hover { cursor: crosshair; color: #BCBCBC; } h4 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 460px; margin-bottom: 0px; padding-right: 5px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #E9E9E9; color: #E9E9E9; width: 100%;"> </div> <center> <div id="border"> <div id="words"> <a href="/" class="f">headerlink</a> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sedneque. </div> </div> <h4>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h4> </center>
<style> .sf { display: none; } body { background: #f9f9f9; cursor: crosshair; } body, div, a, p, td { color: #A2A2A2; font: 7pt tahoma; text-align: justify; line-height: 15px; font-weight: normal; } b { color: #888; } #words { width: 227px; padding: 35px; background: #fff; } h1 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: left; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #A51063; } h2 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: left; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #8E166B; } h3 { font: 5pt small fonts; text-transform: uppercase; color: #A2A2A2; padding-bottom: 5px; text-align: left; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #73186B; } h4 { color: #fff; text-align: right; text-transform: lowercase; letter-spacing: 0px; padding-right: 20px; margin-top: 10px; width: 270px; margin-bottom: 0px; } h5 { color: #cdcdcd; font: 5pt small fonts; text-align: right; margin: 0px; text-transform: uppercase; width: 300px; margin-bottom: 0px; padding-right: 5px; } strong { font-weight: normal; text-decoration: line-through; } .span { text-align: right; } a:link, a:active, a:visited, a { color: #A2A2A2; font: 5pt small fonts; text-transform: UPPERcase; font-size: 5pt; text-decoration: none; } a:hover { color: #ccc; cursor: crosshair; } a.nav, a.nav1, a.nav2, a.nav3, a.nav4, a.nav5 { color: #fff; text-transform: UPPERcase; font-size: 7.5pt; line-height: 100px; display: inline-block; font-family: consolas; padding: 3px; margin: -2px; text-align: center; border-top: none; width: 20px; } a.nav { background-color: #73186B; } a.nav1 { background-color: #8E166B; } a.nav2 { background-color: #A51063; } a.nav3 { background-color: #C6105A; } a.nav4 { background-color: #D02151; } a.nav:hover { color: #73186B; } a.nav1:hover { color: #8E166B; } a.nav2:hover { color: #A51063; } a.nav3:hover { color: #C6105A; } a.nav4:hover { color: #D02151; } td { width: 40px; } td img { width: 60px; height: 60px; } #nav { width: 435px; margin-top: 15px; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 60px; background: #f9f9f9; color: #f9f9f9; width: 100%;"> </div> <center> <h4> <div id="nav"> <a href="/" class="nav">1</a> <a href="/" class="nav1">2</a> <a href="/" class="nav2">3</a> <a href="/" class="nav3">4</a> <a href="/" class="nav4">5</a> <a href="/" class="nav4">6</a> <a href="/" class="nav4">7</a> <a href="/" class="nav4">8</a> <a href="/" class="nav3">9</a> <a href="/" class="nav2">10</a> <a href="/" class="nav1">11</a> <a href="/" class="nav">12</a> </div> <div id="words"> <h1>header</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. <h2>header</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. <h3>header</h3> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam metus magna, laoreet quis volutpat pulvinar, accumsan sed turpis. Mauris vestibulum eleifend nisl, ac placerat lorem dignissim eget.Aenean posuere, diam nec blandit placerat, odio sapien convallis metus, id varius risus mi sed neque. </div> <h5>css © mellie \| umbreon133<br> get yours @ <a href="/~Khuln">/~Khuln</a> </h5> </h4> </center>	<style> .sf { display: none; } body { background: #F9F9F9 url("http://i54.tinypic.com/f9lcv4.jpg"); cursor: crosshair; } p, .medText, body { font: 11px verdana; color: #ababab; text-transform: lowercase; } td { font: 9px verdana; color: #ababab; text-transform: lowercase; } b { color: #B0D259; } i { font-style: normal; color: #C197C2; } a:link, a:visited, a:active, a b { text-decoration: none; font-weight: bold; font-family: sans-serif; color: #6F6F6F; font-size: 8pt; } a:hover, a:hover b { color: #A5DB61; cursor: crosshair; } h1 { background: #82BCDD; text-align: left; padding: 10px; padding-left: 15px; text-transform: uppercase; font: 22px arial; margin: -1px; margin-bottom: 10px; font-weight: bold; color: #fff; } h2 { background: #A5DB61; text-align: left; padding: 10px; padding-left: 15px; text-transform: uppercase; font: 22px arial; margin: -1px; margin-bottom: 10px; font-weight: bold; color: #fff; } #box { width: 420px; background: #fff; margin-top: 50px; padding: 10px; } td img { height: 80px; width: 80px; } </style> <div id="hi" style="position: fixed; bottom: 0px; left: 0px; height: 30px; background: #F9F9F9; color: #ababab; padding-left: 20px; padding-top: 15px; width: 100%; z-index: 50;">css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> \| get yours <a href="/~khuln">here</a> </div> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 80px; background: #F9F9F9 url('http://i54.tinypic.com/f9lcv4.jpg'); color: #f9f9f9; width: 100%;"> </div> <center> <div id="box" style="position: absolute; top: 0px; margin-left: 200px;"> <h1>wishlist</h1> <table> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> </tr> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_pajamas.gif"><br>Sleep Tight Polka Dot and Flower Pajamas</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_bg_wishonstar.gif"><br>Wish on a Star Background</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_claw_fg_patchflower.gif"><br>Patchwork Flowers Foreground</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_ac_wig_perfecthair.gif"><br>Perfect Hair Wig</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/80x80_gate.gif"><br>MiniMME6-B: Gold and Metal Gates Foreground</td> </tr> </table> </div> <div id="box" style="position: absolute; top: 0px; margin-left: 700px;"> <h2>trade list</h2> <table> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_giftbox_basic.gif"><br>Item Name</td> </tr> <tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_altador_frame.gif"><br>Altador Frame</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_garland_crokabek.gif"><br>Crokabek Garland</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_gashapon_gb_spring2010.gif"><br>Pink Swirly Gift Box Mystery Capsule</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_jjpb_dress_polkadot50s.gif"><br>Blue Polka Dot Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wig_prettypink.gif"><br>Pretty Pink Wig</td> </tr> </table> </div> <br><br><br> </center>	<style> .sf { display: none; } body { background: #f4f4f4; cursor: crosshair; } body, table { font: 10px verdana; color: #555; text-align: justify; line-height: 160%; } td { font: 8px verdana; color: #555; letter-spacing: -1px; text-transform: uppercase; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #53A194; text-transform: lowercase; font-weight: normal; } .f { color: #A2C841; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5f5f5f; font-style: normal; font: 9pt corbel; background-color: #F9F9F9; line-height: 180%; font-weight: bold; text-transform: lowercase; padding: 2px; } a:link, a:visited, a:active { color: #8FC0BC; font-size: 8pt; text-decoration: none; font-weight: bold; letter-spacing: -1px; text-transform: lowercase; } a:hover { color: #80ACA9; cursor: crosshair; } h1 { font: 35px corbel; color: #fff; font-weight: lighter; letter-spacing: -2px; text-align: right; width: 630px; height: 100px; padding-top: 50px; padding-right: 50px; text-transform: lowercase; margin-bottom: 0px; background-color: #53A194; border-bottom: 10px solid #A2C841; } h2 { font: 10pt trebuchet ms; color: #9DE0AD; line-height: 10px; font-weight: lighter; letter-spacing: 0px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; } #two { width: 685px; overflow: hidden; margin-left: 5px; } #first { text-align: justify; width: 280px; height: 230px; display: inline-block; padding: 30px; padding-bottom: 50px; background: #FFFFFF; } #second { text-align: justify; width: 280px; height: 230px; display: inline-block; padding: 30px; margin-left: 340px; border-left: 1px solid #F4F4F4; padding-bottom: 50px; background: #FFFFFF; } </style> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F4F4F4; color: #F4F4F4; z-index: 1;">css by umbreon133</div> <center> <div style="z-index: 12;"> <h1>welcome</h1> </div> <div id="two" style="z-index: 11; padding-bottom: 300px;"> <div id="first" style="position: absolute; z-index: 12;"> <h2>header two</h2> <i>watch out!</i>these are two separate div boxes and each are set to 230px in height. If you want to make it longer, simply find the div boxes #first and #second, then enter a higher number where it says height: 230px; <p> <i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. </p> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div> <div id="second" style="position: absolute; z-index: 12;"> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> </tr></table> <p align="right"> <font class="f">best viewed in firefox</font> </p> </div> </div> </center>	<style> .sf { display: none; } body { background: #F8F8F8; overflow: hidden; cursor: crosshair; } body, td, tr, table, p { color: #aaa; font-size: 7pt; font-family: verdana; text-transform: lowercase; line-height: 160%; } b { font: 9pt corbel; color: #F9CD76; text-transform: lowercase; font-weight: normal; } u { color: #F2F2F2; font: 9pt corbel; text-decoration: none; } .f { color: #FCA873; font: 9pt corbel; font-weight: bold; } i { color: #aaa; font-style: normal; font: 9pt corbel; font-weight: bold; background-color: #f9f9f9; line-height: 180%; text-transform: lowercase; padding: 2px; } a:link, a:visited, a:active { color: #F89673; text-decoration: none; font-weight: bold; } a:hover { color: #F9CD76; cursor: crosshair; } a.big:link, a.big:visited, a.big:active { color: #F9CD76; text-decoration: none; font-size: 12pt; letter-spacing: -1px; font-family: arial; margin-bottom: 2px; font-weight: bold; margin-top: 0px; } a.big:hover { color: #F89673; cursor: crosshair; } a.nav:visited, a.nav:link, a.nav:active { color: #aaa; background: #fbfbfb; text-decoration: none; font-weight: normal; text-align: right; display: block; overflow: auto; height: 20px; width: 50px; padding: 2px; margin-bottom: 15px; border: 1px solid #EDEDED; border-left: none; } a.nav:hover { color: #fff; background: #F89673; } #first { text-align: justify; left: 160px; top: 50px; width: 400px; height: 310px; overflow: hidden; display: block; padding: 20px; padding-top: 20px; background: #FFFFFF; border: 1px solid #EDEDED; } #navs { left: 600px; top: 50px; width: auto; height: 100%; text-align: center; } h1 { font: 45px helvetica; color: #BAE2DD; padding-top: 5px; text-align: right; text-transform: lowercase; letter-spacing: -1px; margin: 0px; padding-right: 30px; background-color: none; } h2 { font-size: 8pt; letter-spacing: -1px; font-family: corbel; color: #dcdcdc; text-transform: uppercase; background: #F9F9F9; padding: 2px; margin: 0px; } </style> <div id="up" style="position: absolute; top: 0px; left: 0px; height: 20px; width: 100%; background: #f8f8f8; color: #f8f8f8;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="#home" class="nav">♥</a></p> <p> <a href="#two" class="nav">two</a></p> <p> <a href="#three" class="nav">three</a></p> <p> <a href="#four" class="nav">four</a></p> <p> <a href="#five" class="nav">five</a></p> <p> <a href="#six" class="nav">six</a></p> <p> <a href="#css" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <a name="home"></a> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br><font class="f">best viewed in firefox</font><br><br><i>this layout is table compatible</i><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="two"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p><br></p> <center> <a href="/" class="big">big links will look like this</a> </center> <p align="right"><a href="#twocont">cont</a> </p> <p> <i>see that link above that says "cont"?</i> You can make it seem like you continue to the right by adding another section. Go ahead and click it! <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="twocont"></a> </p> <h1>header cont.</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <i>and now you're at the continued section</i> Be sure to link back by changing the bottom link of your new section to the link of the previous section. </p> <p align="right"><a href="#two">back</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="three"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> </p> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="four"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <i>Did it look like the text you just entered disappeared?</i> This box is set at a height of 310px and anything longer than that is hidden. Want to make it longer? Find the div box labeled <b>#first</b> and change accordingly. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="five"></a> </p> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<p> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here</p> <p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_bckgrd_beachresort.gif"><br>Beach Resort Background</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_sandcastle.gif"><br>Sand Castle Foreground</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_claw_bg_fantasycloud.gif"><br>Fantasy Cloud Background</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="six"></a> <h1>header</h1> <h2>header two</h2> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> <i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a name="css"></a> </p> <h1>credit</h1> <br><br><br><br><br><br><br><p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p> </div>
<style> .sf { display: none; } body { background: #444; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #DF8CC6; text-transform: lowercase; font-weight: normal; } .f { color: #F96890; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #C074C0; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #DF8CC6; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #444; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #888; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #7b7b7B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #C074C0; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #F96890; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #3A3A3A; padding: 10px; padding-top: 80px; color: #3A3A3A; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F96890; color: #F96890; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>	<style> .sf { display: none; } body { background: #f4f4f4; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #BECF70; text-transform: lowercase; font-weight: normal; } .f { color: #81827C; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #93AF99; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #849D89; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #dbdbdb; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #bbb; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #7b7b7B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #93AF99; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #D4E77D; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #81827C; padding: 10px; padding-top: 80px; color: #81827C; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #C9DAAD; color: #C9DAAD; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>	<style> .sf { display: none; } body { background: #F8F8F8; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #F9CD76; text-transform: lowercase; font-weight: normal; } .f { color: #FF4242; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #CBE86B; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #F9CD76; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #ebebeb; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #ccc; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #5B5B5B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #CBE86B; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #FF8355; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #CBE86B; padding: 10px; padding-top: 80px; color: #5B5B5B; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F0F2EB; color: #F0F2EB; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>	<style> .sf { display: none; } body { background: #F1F1F1; cursor: crosshair; } body, td, table { font: 11px verdana; color: #555; text-align: justify; line-height: 160%; } b { font: 9pt corbel; color: #8DDADD; text-transform: lowercase; font-weight: normal; } .f { color: #8DDADD; font: 9pt corbel; font-weight: bold; } strong { color: #5B5B5B; font: 8pt corbel; text-transform: uppercase; } i { color: #5F5F5F; font-style: normal; font: 8pt corbel; background-color: #F9F9F9; line-height: 180%; text-transform: uppercase; padding: 2px; } a:link, a:visited, a:active { color: #8DDADD; font-size: 7pt; text-decoration: none; font-weight: lighter; letter-spacing: -1px; text-transform: uppercase; } a:hover { color: #7FC4C6; cursor: crosshair; } a.nav, a.nav:visited, a.nav:active { font: 10px corbel; font-weight: lighter; color: #ebebeb; letter-spacing: 1px; background: #fff; width: 38px; margin: 2px; padding: 15px; display: block; text-decoration: none; text-transform: lowercase; } a.nav:hover { color: #ccc; } #first { text-align: justify; left: 120px; top: 20px; width: 500px; padding: 30px; padding-bottom: 50px; background: #FFFFFF; border: 0px solid #EDEDED; } #navs { left: 678px; top: 100px; width: auto; height: 100%; text-align: center; } h1 { font: 35px arial; color: #7b7b7B; line-height: 20px; font-weight: lighter; letter-spacing: -2px; text-align: right; text-transform: lowercase; margin-bottom: 20px; padding-right: 30px; background-color: none; border-right: 4px solid #8DDADD; } h2 { font-size: 9pt; color: #5B5B5B; line-height: 10px; font-weight: lighter; letter-spacing: -1px; text-align: left; text-transform: lowercase; margin-bottom: 20px; padding-left: 20px; background-color: none; border-left: 2px solid #8DDADD; } </style> <div id="left" style="position: fixed; top: 0px; left: 0px; height: 100%; width: 100px; background: #8DDADD; padding: 10px; padding-top: 80px; color: #8DDADD; z-index: 12; text-align: center;"> </div> <div id="up" style="position: fixed; top: 0px; left: 0px; height: 20px; width: 100%; background: #F5F5F5; color: #F5F5F5; z-index: 10;">css by umbreon133</div> <div id="navs" style="position: fixed;"> <p><br></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/" class="nav">link</a></p> <p> <a href="/~khuln" class="nav">css</a></p> </div> <div id="first" style="position: absolute;"> <h1>header</h1> <h2>welcome</h2> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p align="right"> <font class="f">best viewed in firefox</font><br><br></p> <p> </p> <h2>header two</h2> <i>You can even add tables!</i> this layout allows your tables to be visible so you can put your wishlist or anything else you may want to display here<p> </p> <table><tr> <td valign="top" width="80"> <br> </td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_wings_shell.gif"><br>Shell Wings</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_fg_cottonswabflower.gif"><br>Cotton Swab Flowers</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_clo_peapoddress.gif"><br>Peapod Dress</td> <td valign="top" width="80"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"><br>Shooting Novas</td> <td valign="top" width="80"> <br> </td> </tr></table> <br><br><i>Remember to leave the credit!</i> Even if you edit this page, credit is <b>mandatory</b>. <br><br><h1>credit</h1> <p align="center"> <font class="f">css by mellie</font> get yours <a href="/~khuln">here</a> </p> </div>
<style> .sf { display: none; } body { background: #3b3b3b; cursor: crosshair; } td, p, body, b, .medText { color: #999; font: 5pt small fonts; line-height: 12px; font-weight: lighter; text-transform: uppercase; } #hey td { text-align: center; width: 67px; height: 10px; } #list td { text-align: center; width: 100px; height: 90px; padding: 5px; } #list td img { border: 1px solid #000; width: 50px; height: 50px; } b { font: 8pt gisha; color: #33C7FA; text-transform: uppercase; font-weight: bold; } #hey { width: 430px; border: 0px solid #ccc; margin: 40px; background: #fff url("http://i52.tinypic.com/2q8r9fn.png"); z-index: 5; } #big { width: 375px; padding: 20px; cursor: crosshair; background: #fff; float: right; text-align: justify; z-index: 15; } h1, h2 { color: #FFCC00; font: 15pt corbel; text-transform: lowercase; font-weight: bold; letter-spacing: -1px; background: 0; } h2 { color: #FD7474; } .b { border: 1px solid #000; } a:link, a:visited, a:active { color: #BBFF60; font: 10px gisha; text-decoration: none; font-weight: bold; letter-spacing: -1px; text-transform: lowercase; } a:hover { color: #FF66FF; cursor: crosshair; } </style> <div id="hi" style="position: absolute; top: 0px; left: 0px; height: 35px; background: #3b3b3b; color: #3b3b3b; width: 100%;"> </div> <div id="hi" style="position: fixed; bottom: 0px; left: 0px; height: 20px; background: #383838; color: #777; padding-left: 20px; padding-top: 10px; width: 100%; z-index: 50;">css by <a href="/userlookup.phtml?user=umbreon133">mellie</a> \| get yours <a href="/~khuln">here</a> </div> <div id="hey" style="position: absolute; top: 90px; left: 80px;"> <div id="big"> <div id="list"> <h2>wishlist</h2> <br><b>seeking now:</b> <table> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> </table> <b>low priority:</b> <br><table> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_giftbox_polkadot.gif"> </td> <td valign="top">Pastel Polka Dot Gift Box</td> </table> <h1>trade list</h1> <table> <td valign="top"> <img src="http://images.neopets.com/items/mall_flyingnova.gif"> </td> <td valign="top">Shooting Novas</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_acnc_acwig.gif"> </td> <td valign="top">Altadorian Wig with Gold Ribbon</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_acc_orangecontacts.gif"> </td> <td valign="top">Orange Contacts<br><b>x 2</b> </td> <tr> <td valign="top"> <img src="http://images.neopets.com/items/mall_bg_pinkmountaincloud.gif"> </td> <td valign="top">Pink Mountain and Cloud Background</td> <td valign="top"> <img src="http://images.neopets.com/items/mall_ghostly_hat.gif"> </td> <td valign="top">Ethereal Spirit Hat<br><b>x 3</b> </td> <td valign="top"> <img src="http://images.neopets.com/items/mall_mutant_spring_headband.gif"> </td> <td valign="top">Mutant Spring Headband</td> </tr> </table> </div> </div> </div>

<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #FEA2A2 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #FEA2A2; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime.<br></p> </div>	<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #BEB1FF 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; margin-top: 0px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #BEB1FF; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime.<br></p> </div>	<style> body { background: #191919; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #E88C02 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; margin-top: 0px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #212121; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #E88C02; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime.<br></p> </div>	<style> body { background: #191919; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: 1px solid #ffffff; } .content table table { width: 400px; margin-left: -10px; } img { } #content { width: 400px; background: transparent; margin-top: 50px; border-left: #718D96 15px solid; } #main { width: 400px; background: transparent; border: none; margin-left: 200px; margin-top: 0px; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #212121; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 200px; } div img { float: left; } </style> <div id="rawr"> <p align="center"> <font style="background-color: transparent; color: #718D96; font-size: 25px; font-family: sans-serif; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a></p> <p><br> Space is the boundless, three-dimensional extent in which objects and events occur and have relative position and direction. Physical space is often conceived in three linear dimensions, although modern physicists usually consider it, with time, to be part of the boundless four-dimensional continuum known as spacetime. <br></p> </div>
<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { width: 60px; height: 60px; border: 1px solid #ffffff; } .content table table { width: 300px; margin-left: -10px; } img { } #content { width: 300px; background: transparent; margin-top: 50px; border-top: #1DADB5 15px solid; } #main { width: 300px; background: transparent; border-right: 1px #F6F6F6 solid; border-left: 1px #F6F6F6 solid; margin-top: 0px; } A.nav, a.nav:visited, a.nav:active { font-size: 7px; font-family: small fonts !important; letter-spacing: 0px; text-transform: uppercase; width: 60px; height: 12px; margin: 1px; padding-top: 3px; background-color: #f7f7f7; text-align: center; display: inline-block; } A.nav:hover { color: #fff; background-color: transparent; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } h1 { background-color: transparent; color: #F818B7; font-size: 48px; font-family: rockwell; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; } #rawr { margin-left: -10px; text-align: center; width: 300px; } #shopkeeper { width: 80px; height: 80px; } </style> <div id="rawr"> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_998.gif" height="80" width="80"></div> <br><br> </center> <font style="background-color: transparent; color: #1DADB5; font-size: 38px; font-family: consolas; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a><p><br><a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/~khuln"><b>credit</b></a></p> <p><br> Be sure that if you have categories, that you change the links to include your username and the category name! When you click on the link, it may seem like the items go out of the box, but any visitors will view the gallery normally! (Click 'view as guest' to preview it)</p> <p> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> </div>	<style> body { background: #fff; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { width: 60px; height: 60px; border: 1px solid #ffffff; } .content table table { width: 300px; margin-left: -10px; } img { } #content { width: 300px; background: transparent; margin-top: 50px; border-top: #F818B7 15px solid; } #main { width: 300px; background: transparent; border-right: 1px #F6F6F6 solid; border-left: 1px #F6F6F6 solid; margin-top: 0px; } A.nav, a.nav:visited, a.nav:active { font-size: 7px; font-family: small fonts !important; letter-spacing: 0px; text-transform: uppercase; width: 60px; height: 12px; margin: 1px; padding-top: 3px; background-color: #f7f7f7; text-align: center; display: inline-block; } A.nav:hover { color: #fff; background-color: transparent; } body, td, tr, font { font: 7px small fonts; letter-spacing: 0px; color: #ccc; text-transform: uppercase; } A:link, A:visited, A:active { color: #ccc; cursor: crosshair; font-size: 7px; font-family: small fonts; text-transform: uppercase; } A:hover { background-color: #e4e4e4; color: #fff; } b { color: #cccccc; font-weight: normal; } u { font-size: 7px; font-family: small fonts; color: #d0d0d0; text-transform: uppercase; background-color: none; font-weight: normal; letter-spacing: 0px; text-decoration: none; } h1 { background-color: transparent; color: #F818B7; font-size: 48px; font-family: rockwell; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; } #rawr { margin-left: -10px; text-align: center; width: 300px; } #shopkeeper { width: 80px; height: 80px; } </style> <div id="rawr"> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_29.gif" height="80" width="80"></div> <br><br> </center> <font style="background-color: transparent; color: #F818B7; font-size: 38px; font-family: consolas; text-transform: lowercase; letter-spacing: 0px; font-weight: bold; display: inline-block; line-height: 1px;"> ★welcome!</font><br><br><br> css © mellie \| umbreon133 \| get yours <a href="/~khuln">here</a><p><br><a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/gallery/?gu=USERNAME"><b>CATEGORY</b></a> <a class="nav" href="/~khuln"><b>credit</b></a></p> <p><br> Be sure that if you have categories, that you change the links to include your username and the category name! When you click on the link, it may seem like the items go out of the box, but any visitors will view the gallery normally! (Click 'view as guest' to preview it)</p> <p> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> </div>	<style> body { background: #f9f9f9; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: none; padding: 7px; } .content table table { margin-left: -10px; width: 400px; background-color: #FAFAFA; } #content { width: 400px; background: #f4f4f4; border: 1px solid #fff; padding: 50px; } #main { width: 502px; background: transparent; border: 1px solid #ddd; margin: 60px; margin-left: 200px; } body, td, tr, font { font: 10px verdana; line-height: 160%; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { color: #444; cursor: crosshair; font-size: 12px; font-family: corbel; text-transform: lowercase; font-weight: bold; } A:hover { color: #B5E300; } b { color: #444; font-weight: normal; } u { color: #444; font-size: 12px; font-family: corbel; text-transform: lowercase; background-color: #fafafa; line-height: 180%; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 400px; } div img { float: left; } a.nav:link, a.nav:visited, a.nav:active { font: 15px corbel; color: #aaa; text-align: center; text-transform: lowercase; line-height: 5px; margin: 10px; display: inline-block; background-color: #f9f9f9 !important; } a.nav:hover { color: #91DBAA; } .h { font: 45px helvetica; color: #B5E300; font-weight: normal; } .g { font: 45px helvetica; color: #F8D54A; font-weight: normal; } h1 { font: 45px helvetica; color: #18D6AA; padding-top: 5px; text-align: center; text-transform: lowercase; letter-spacing: -1px; margin: 0px; background-color: none; } </style> <div id="rawr"> <p align="center"> </p> <center> <h1>my<font class="g">own</font><font class="h">gallery</font> </h1> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">css</a> <a href="/index.phtml" class="nav">bye!</a> </center> <br><table> <td> disable gallery keeper before using this layout <br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td> <td><img src="http://images.neopets.com/new_shopkeepers/t_2156.gif"></td> </table> <p align="center"> css © <a href="/userlookup.phtml?user=umbreon133">mellie</a> get yours <a href="/~khuln">here</a></p> </div>	<style> body { background: #f9f9f9; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: none; padding: 7px; } .content table table { margin-left: -10px; width: 400px; background-color: #FAFAFA; } #content { width: 400px; background: #f4f4f4; border: 1px solid #fff; padding: 50px; } #main { width: 502px; background: transparent; border: 1px solid #ddd; margin: 60px; margin-left: 200px; } body, td, tr, font { font: 10px verdana; line-height: 160%; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { color: #444; cursor: crosshair; font-size: 12px; font-family: corbel; text-transform: lowercase; font-weight: bold; } A:hover { color: #CCB1E7; } b { color: #444; font-weight: normal; } u { color: #444; font-size: 12px; font-family: corbel; text-transform: lowercase; background-color: #fafafa; line-height: 180%; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 400px; } div img { float: left; } a.nav:link, a.nav:visited, a.nav:active { font: 15px corbel; color: #aaa; text-align: center; text-transform: lowercase; line-height: 5px; margin: 10px; display: inline-block; background-color: #f9f9f9 !important; } a.nav:hover { color: #B0D8FF; } .h { font: 45px helvetica; color: #DBC8EE; font-weight: normal; } .g { font: 45px helvetica; color: #FFC8E3; font-weight: normal; } h1 { font: 45px helvetica; color: #B0D8FF; padding-top: 5px; text-align: center; text-transform: lowercase; letter-spacing: -1px; margin: 0px; background-color: none; } </style> <div id="rawr"> <p align="center"> </p> <center> <h1>my<font class="g">own</font><font class="h">gallery</font> </h1> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">css</a> <a href="/index.phtml" class="nav">bye!</a> </center> <br><table> <td> disable gallery keeper before using this layout <br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td> <td><img src="http://images.neopets.com/new_shopkeepers/t_1155.gif"></td> </table> <p align="center"> css © <a href="/userlookup.phtml?user=umbreon133">mellie</a> get yours <a href="/~khuln">here</a></p> </div>
<style> body { background: #f9f9f9; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { border: none; padding: 7px; } .content table table { margin-left: -10px; width: 400px; background-color: #FAFAFA; } #content { width: 400px; background: #f4f4f4; border: 1px solid #fff; padding: 50px; } #main { width: 502px; background: transparent; border: 1px solid #ddd; margin: 60px; margin-left: 200px; } body, td, tr, font { font: 10px verdana; line-height: 160%; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { color: #444; cursor: crosshair; font-size: 12px; font-family: corbel; text-transform: lowercase; font-weight: bold; } A:hover { color: #F5D52A; } b { color: #444; font-weight: normal; } u { color: #444; font-size: 12px; font-family: corbel; text-transform: lowercase; background-color: #fafafa; line-height: 180%; font-weight: normal; letter-spacing: 0px; text-decoration: none; } #rawr { margin-left: -10px; text-align: justify; width: 400px; } div img { float: left; } a.nav:link, a.nav:visited, a.nav:active { font: 15px corbel; color: #aaa; text-align: center; text-transform: lowercase; line-height: 5px; margin: 10px; display: inline-block; background-color: #f9f9f9 !important; } a.nav:hover { color: #FE9A9C; } .h { font: 45px helvetica; color: #FDDF33; font-weight: normal; } .g { font: 45px helvetica; color: #C6F794; font-weight: normal; } h1 { font: 45px helvetica; color: #FEBC33; padding-top: 5px; text-align: center; text-transform: lowercase; letter-spacing: -1px; margin: 0px; background-color: none; } </style> <div id="rawr"> <p align="center"> </p> <center> <h1>my<font class="g">own</font><font class="h">gallery</font> </h1> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">link</a> <a href="/~Khuln" class="nav">css</a> <a href="/index.phtml" class="nav">bye!</a> </center> <br><table> <td> disable gallery keeper before using this layout <br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</td> <td><img src="http://images.neopets.com/new_shopkeepers/t_2068.gif"></td> </table> <p align="center"> css © <a href="/userlookup.phtml?user=umbreon133">mellie</a> get yours <a href="/~khuln">here</a></p> </div>	<style> body { background: #f5f5f5; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #F1F1F1 solid; border-left: 10px #F1F1F1 solid; margin-left: 10px; } #main { width: 560px; background: #FFFFFF; border: 1px #EDEDED solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #878787; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #FFD419; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #DFB619; } b { color: #0096EF; letter-spacing: -1px; font-family: verdana; } i { color: #FFD419; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #ccc; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #ddd; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_1205.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>	<style> body { background: #f5f5f5; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #F1F1F1 solid; border-left: 10px #F1F1F1 solid; margin-left: 10px; } #main { width: 560px; background: #FFFFFF; border: 1px #EDEDED solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #878787; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #F57C5F; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #B49C9C; } b { color: #EC402D; letter-spacing: -1px; font-family: verdana; } i { color: #F57C5F; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #ccc; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #ddd; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/t_2119.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>	<style> body { background: #222222; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #272727 solid; border-left: 10px #272727 solid; margin-left: 10px; } #main { width: 560px; background: #303030; border: 1px #000000 solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #C18C67; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #855C46; } b { color: #855C46; letter-spacing: -1px; font-family: verdana; } i { color: #C18C67; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #777; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #888; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/shopkeepers/94.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>
<style> body { background: #222222; cursor: crosshair; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay, #header, #footer, .sidebar, img border, .brand-mamabar, hr { display: none; } .content table img { padding: 3px; border: 1px solid #ededed; } .content table table { width: 500px; margin-left: -10px; } img { } #content { width: 510px; background-color: #fff; padding: 5px; border-right: 10px #272727 solid; border-left: 10px #272727 solid; margin-left: 10px; } #main { width: 560px; background: #303030; border: 1px #000000 solid; margin-top: 50px; } body, td, tr, font { font: 8pt trebuchet ms; letter-spacing: 0px; color: #444; text-transform: lowercase; } A:link, A:visited, A:active { font-weight: normal; color: #B6C59F; cursor: crosshair; font-family: verdana; text-transform: lowercase; } A:hover { color: #9EB17E; } b { color: #9EB17E; letter-spacing: -1px; font-family: verdana; } i { color: #9EB17E; font-size: 18px; } h1 { color: #F818B7; } blockquote { width: 415px; text-align: justify; } A.nav, a.nav:visited, a.nav:active { color: #777; font-size: 12pt; font-family: arial; letter-spacing: 0px; text-transform: lowercase; text-align: center; display: inline-block; font-weight: bold; margin-left: 2px; } A.nav:hover { color: #888; } .span { text-align: right; } </style> <blockquote> <center> <div id="shopkeeper"><img src="http://images.neopets.com/new_shopkeepers/1072.gif"></div> <br><br> </center> <a class="nav" href="/myaccount.phtml"><i>a</i>ccount</a> <a class="nav" href="/games/arcade.phtml"><i>g</i>ames</a> <a class="nav" href="/explore.phtml"><i>e</i>xplore</a> <a class="nav" href="/nf.phtml"><i>n</i>ews</a> <a class="nav" href="/petcentral.phtml"><i>c</i>entral</a> <a class="nav" href="/neoboards/index.phtml"><i>b</i>oards</a> <a class="nav" href="/objects.phtml"><i>s</i>hops</a><p><br> If you don't want a shopkeeper, remove the div box including the shopkeeper image. If you want to change the shopkeeper, copy the image url and paste it into where the current one is. Using the actual shopkeeper will make the gallery stretch<br></p> <div class="span"> css by mellie \| get yours <a href="/~khuln">here</a> </div> </blockquote>

As always, thanks for the support!

welcome!

updates!

petpages

pet lookups

user lookups

gallery

link back

affiliates

listed at

fan mail

frequently asked questions

css © mellie | umbreon133 - theft will not be tolerated