Hi, I'm Kristin. I'm in the process of making css layouts for petpages/lookups/other areas of the site. This page is definitely not complete, but for the things I do have done as of this moment will be here for you to use. If you have any questions that I could answer you can mail me, kristn52. The only rules I have are simple- 1. Don't steal the codes, and 2. Keep the credit on. You won't be happy if these rules get broken. But anyway, keep checking back here if you like the layouts. There will probably be an update every weekend. Thanks for your support. :)

Neopets
account
central
explore
games
boards
shops
news
video
nc mall

Style One

Dark with Bright Colors

Code:

<style></style> a:link, a:active, a:visited { font: 12px century gothic; Font-style: italic; color: #FF1493; background-color: none; font-weight: none; text-transform: none; text-decoration: none; letter-spacing: 0px; } a:hover { color: #00EEEE; font-weight: bold; } a.nav:link, a.nav:visited, a.nav:active { font: 12px century gothic; color: #00EEEE; text-transform: uppercase; background-color: #999999; style: block; text-align: left; border-left: 20px solid #555555; } a.nav:hover { border-left: 10px solid #FF1493; } body, font, td, p, .medText { font: 12px century gothic; color: #AAAAAA; } b {font: 12px century gothic;font-weight:bold;color: #00EEEE;background-color: none;text-transform: none;letter-spacing: 0px;} i {font: 12px century gothic;font-weight: italic;font-style: italic;color: #00EEEE;} u {font:12px century gothic;font-weight:underlined 1px solid #CD5C5C;letter-spacing: 0px; color: #00EEEE;} textarea {color:#FF1493; font-size:6px; letter-spacing:0; font-family:tahoma; text-transform:lowercase; border:1px solid #FF1493; background-color: #666666; } body { scrollbar-face-color: #7FFF00; scrollbar-track-color: #FF1493; scrollbar-arrow-color: #7FFF00; scrollbar-3dlight-color: #00EEEE; scrollbar-highlight-color: #666666; scrollbar-shadow-color: #00EEEE; scrollbar-darkshadow-color: #666666; } body { background: #555555; } .mainheader{ font: 55pt century gothic; font-weight: none; color: #7FFF00; background-color: #555555; text: left; border-bottom: 2px black; } .bluetitle{ font: 15pt Century gothic; text-transform: bold, italic; color: #00EEEE; text: right; border-bottom: 1px solid; Border-top: 1px solid; border-left:1px solid; Border-right: 50px solid; } .greentitle{ font: 15pt Century gothic; text-transform: bold, italic; color: #7FFF00; text: right; border-bottom: 1px solid; Border-top: 1px solid; border-left:1px solid; Border-right: 50px solid; } .pinktitle{ font: 15pt Century gothic; text-transform: bold, italic; color:#FF1493; text: right; border-bottom: 1px solid; Border-top: 1px solid; border-left:1px solid; Border-right: 50px solid; } .cred{ font: 7pt verdana; font-weight:bold; color: #F7F7F7;} /> <div style="left: 100; top: 10; border-bottom: none; position: absolute; width: 550; background: #777777;"> <div class="mainheader">February Air...</div> <div style="left: 100; top: 100; border-bottom: 10px solid #FFFF00; position: absolute; width: 550; background: #777777;"> <center> <div class="greentitle">LIGHTS</div> Got <b>bold</b>? <br> Or you could use <i>italics</i>. Very nice. <br> Make it seen! Make it underline! Going somewhere? <a href="http://neopets.com/neomessages.phtml?type=send">Link</a> it. <br> You could always use a cool link like this, too... <a href="http://neopets.com/neomessages.phtml?type=send" class="nav">Cool.</a> <br> Also, click the link right there for any more questions you might have :) Thanks for your support, and remember, leave the credit on. <i>~</i>Kristin <p> </p> <div class="bluetitle">If you don't believe me,</div> If you don't believe me If you don't like my plans You mustn't tell me How I know your face like the back of my hand We walk the city I talk so you understand So won't you tell me How I know this place like the back of my hand My arms get cold In February air Please don't lose hold of me out there And I know you're near me I know you understand Say that you're with me Do you know my face like the back of your hand? My arms get cold In February air Please don't lose hold of me out there My arms get cold <br><div class="pinktitle">In February air</div> Please don't lose hold of me out there yeah yeah yeah yeah Out there yeah yeah yeah yeah My arms get cold In February air Please don't lose hold of me out there My arms get cold In February air Please don't lose hold of me out there There There February air, air And I know this place like the back of my hand <p> </p> </center> <div class="cred">Like it? Get it. Go <a href="http://neopets.com/~shoyoyoyoyo">here</a>. ;) <p> <a href="http://www.neopets.com/~kiwi_moto">Preview it before you use it.</a></p> <p> This style's song- February Air by LIGHTS.</p> <p> </p> </div> <div style="left: 800; top: 50; border-bottom: none; position: fixed; width: 200; background: #FFEBCD;"> <div class="style2">.2</div> Style Two<p> Owl City's Adam Young</p> <p> Code:</p> <p> <textarea><style></style>table{background:none}#mb, #m, #n, #kristin, #footer, #ol, .hdr, hr, .tt, .tl, .sf, #tbg <style> body { background-color: #FEFFEF; } a:link, a:active, a:visited { font: 13px georgia; font-style: italic; color: #218868; background-color: none; font-weight: -blocked-; text-transform: none; text-decoration: none; letter-spacing: -1px; } a:hover { color: -blocked-; letter-spacing: 0px; } a.nav:link, a.nav:visited, a.nav:active { font: 11px courier new; color: #696969; text-transform: lowercase; background-color: none; text-align: left; border-right: none; } a.nav:hover { color: #BCEE68; background-color: #F1EDC2; } body, font, td, p, .medText { font: 13px times new roman; color: #8B8378; } b { font: 13px century gothic; font-weight: bold; color: #9BCD9B; background-color: none; text-transform: none; letter-spacing: 0px; } i { font: 13px times new roman; font-weight: -blocked-; font-style: italic; color: #9BCD9B; } u { font: 13px georgia; font-weight: -blocked- -blocked- -blocked- -blocked-; letter-spacing: 0px; color: #9BCD9B; } textarea { color: #616161; font-size: 8px; letter-spacing: 2; font-family: century gothic; text-transform: none; border: 1px solid #B3B3B3; background-color: #D6D6D6; } body { } .Header { font: 39pt century gothic; font-weight: -blocked-; color: #9BCD9B; background-color: #FFF8DC; } .title { font: 15pt century gothic; text-transform: -blocked-; background-color: #FFF8DC; color: #9BCD9B; border-bottom: 1px solid #9BCD9B; border-top: 1px solid; } .cred { font: 7pt verdana; font-weight: bold; color: #218868; } </style>/> <div style="left: 620; top: 20; border-bottom: none; border-right: none; position: absolute;"> <img src="http://stereogum.com/img/owl-city-steals-art-too.jpg"> </div> <div style="left: 0; top: 20; border-bottom: none; position: absolute; width: 600; background: #FFEBCD;"> <div class="header">Butterfly Wings</div> <center> <a href="http://neopets.com/" class="nav">Neopets</a> | <a href="/myaccount.phtml" class="nav">account</a> | <a href="/petcentral.phtml" class="nav">central</a> | <a href="/explore.phtml" class="nav">explore</a> | <a href="/games/arcade.phtml" class="nav">games</a> | <a href="/neoboards/index.phtml" class="nav">boards</a> | <a href="/objects.phtml" class="nav">shops</a> | <a href="/nf.phtml" class="nav">news</a> | <a href="/video/index.phtml" class="nav">video</a> | <a href="/mall/index.phtml" class="nav">nc mall</a> <p></p> <p></p> <p></p> <p> If I was a raindrop, Would you be my thunderstorm? It's cold so surround me, With rain clouds to keep me warm. I feel like I'm falling, So darling, don't let me go. The thought is appalling, but should I slip away, Into the stormy sea, will you remember me? Asleep in the warm cocoons, We dream of lovely things. We're both gonna wake up soon, So we hope that tomorrow brings, Us our butterfly wings. <br></p> <div class="title">Owl City</div> <p> If I was a grain of sand, Would you be Miami Beach? So dusty with starlight, Close your eyes and cuddle close to me. I'll try not to wake you, Or make a sound while you're dozing off. But in the night, should the hide tides sweep me away from you, Tell me again, my dear, will you be waiting here? Whenever we leave the ground, And take to the sky. I'll smile as I'm gazing down, 'Cause I've always wondered why, We won't need feathers to fly. </p> <div class="title">Hello,</div> <p> <b>bold</b>? <i>italics</i>? Very nice. Make it underline! Going somewhere? <a href="http://neopets.com/neomessages.phtml?type=send">Link</a> it. You could always use a cool link like this, too... <a href="http://neopets.com/neomessages.phtml?type=send" class="nav">Cool.</a> Also, click the link right there for any more questions you might have :) Thanks for your support, and remember, leave the credit on. <i>~</i>Kristin <br></p> <p></p> <div class="cred">Like it? Get it. Go <a href="http://neopets.com/~shoyoyoyoyo">here</a>. ;) </div> <div style="left: 720; top: 500; border-bottom: none; border-right: none; position: fixed;"> <p> <a href="http://www.neopets.com/~plushieloverneopet">Preview it before you use it.</a></p> <p> This style's song- Butterfly Wings by Owl City.</p> <p> </p> </div> <div style="left: 720; top: 500; border-bottom: none; border-right: none; position: fixed;"></div> </center> </div>