duskk_ got their homepage at Neopets.com

Hullo guest! You've come to Catie's CSS! Here we have a selection of petages, petlookups and a few different userlookups with lots of different colours! Have a look around and see what you like! We do requests as well, so if you're looking for certain colours or tables, send me a neomail and I'll see what i can do! Have fun =)
Vote for me? Reviews: Crystal Clear - 95/100 Fanmail! Ily guys...
updates If you have any questions, feel free to neomail me! November 22nd One new affiliate - Cutie's Reviews. I'm working on making a new button site, so please be patient with the petlookups and stuff. I have re-opened requests, so send 'em in quick!! xox November 21st I have fixed the whole userlookup style 1 to a more... modern version. I think it looks much prettier and neater! I have also recently added 2 new amazing affiliates - Nick's new premades site, Lost Creations and a sweet directory. xox November 17th I got reviewed @ Crystal Clear and recieved a 95/100 from the amazing Nene (thanks)!! I also got a bit of feedback, so I'll be changing a few of the codes around a bit to make them look neater. I've also updated the 'vote' and 'review' section. xox November 16th 1 new fantastic affiliate! Nene has some really awesome premades, so be sure to check her out @ Sugary Premades!! xox November 15th 1 new petlookup and 1 new userlookup (both which were requests) were added! I also revamped my examples if you want to take a look at them! They're here. I also just wanted to say that Nick (bronzegiraffe) has been the bestest friend EVERR lately. ILYILYILY, Nick. xox November 12th Sorry for big in activeness - I went on camp! I love you. xox November 6th 4 new affiliates & 1 listed at... I may be a little slow because I recently lost Clover )= and I'm trying to re-build the site. I'm not sure if it will be clover anymore... xox November 2nd I fixed userlookup 2 (thanks to a friend!!) and got 1 new listed at. Enjoy! xox November 1st Pinch, punch, first day of the month! Heh. Today is just a 'eat as many lollies as you can' day! I also went swimming.. lulz. xox October 31st HAPPY HALLOWEEN! Everyone, SKELEBRATE xD xox October 28th 3 new affiliates! xox October 27th Care to vote for me at KissMeReviews? I've got: 6 new 'listed at' affies & 2 new regular affies. I also cleaned up the requests section so that it's much neater. c: xox October 25th Affie cleanout. I also added 3 affiliates! Affie count: 12. It was 16 with the added affies, so only the 4 that hadn't actually linked me got wiped! And I made 1 more link back button to match the new pallette! xox October 24th I've made 4 new petpages & updated rules section. I've also updated the layout - new fonts, new colours, a new background + MORE! I'm SOOOOO excited x3 Wow, lol! Anyways, ily =) xox October 23rd New petpage + more colours for userlookup #4. Check em out! xox October 22nd I'm so sorry! Userlookup coming soon & more colours for lookups! PROMISE! xox 18 October I have made a new petpage and I'll re-add one of the old userlookups that I have just fixed! Enjoy. xox October 13th Ok. I'll finish the last button request and close them for a week - or a few days (until I'm finished with this site for a little while). xox October 10th Gahhh! I'm sooo sorry, everyone! I think it'll be a little while before I get back up to making more colours - I'm just getting really busy with my other site, school's been a manic and general family business is very stressful at the moment! I PROMISE I'll have more colours and possibly a shiny new style by... lets say November?! K. xox October 4th 1 new affiliate! Clover is my new high quality button site! I am now doing two things at once, so I'm really sorry for any slowness! xox October 1st 1 affie gone (Landslide). I made more colours for the userlookups but now there is something wrond with all of them. I think its the word 'position', so I'll be a little while 'cause I have to clean them all up! xox September 29th ZOMG LOL WE'RE BACK UP!!!! I LOVE YOU PPLZ! Wow. I have edited all the userlookups so that they work now, and the page is now up and running! I'm sorry it took so long, but its finished now, so yeah! I DID delete userlookup 4. It was totally stuffed up and I couldn't fix it... sorry! HOWEVER, I replaced it with a new style. I hope you like it! Oh & I'm making more colours for style 2-5 NOW!!! xox September 5th New affies. Soory, I haven't been able to make any more colours so far, but i'll get around to it! xox August 29th I've made another colour for style 4 lookup! I'm getting onto the petpages now! xox August 28th Added style 4 & 5 Lookups! Lolz. Likey? Anyway, I should probably stop making new styles and keep making new colour pallets for the five styles! I'll get onto that in a tick! I don't like the old petpages. I might add some new and better ones soon - I haven't make a petpage in months =D xox August 24th Made another colour for userlookup style 3! Hope you like it! And a big thanks to all those lovely volunteers to use my css on their userlookie! It is greatly appreciated. Love you guys, and requests are open, so send em in!! xox August 23rd Added style 3 Lookup! Hope you enjoy. I'm making a few more colours for it aswell, so yeah! xox August 21st Jeeshh! I haven't updated in weeks! Sorry. Love you guys & keep checking back.. xox Updates past this point have been deleted! Sorry - they got lost in a big change of coding & stuff!	nav rules please! petpage css userlookup css petlookup css requests affies link / credit
RULES 1. Please do not steal or claim any of these pages as your own! If you use my CSS, MAKE SURE you leave the credit on. 2. You may edit or change my CSS as much as you'd like, just keep my link on! 3. I love the daily mail, but pleasee do not spam my inbox with questions or comments - a little feedback and sweet neomail is much appreciated, but spamming or hate mail could easily get you reported. Thanks c:
PETPAGE CSS There are currently 10 different petpages to chose from! I stopped making zillions of colours for each petpage - but there might be a few with the same template that I've decided to keep =) <style> body, td, p, div { text-align: center; } </style> <STYLE type=text/css> TD, P, FONT, BODY, * {font-family: courier new; font-size: 7pt; color: grey;letter-spacing:1px; } body{background:url(http://i43.tinypic.com/23kaue1.png) fixed} textarea {color: gray; letter-spacing: .8px; width: 90px; height: 15px; background-color: #fef; border: 1px solid #777; overflow: hidden;} b {font-family: georgia; font-size: 7pt; color: #cc016f; background: none; } i {font-family: georgia; font-size: 7pt; color: grey; background: #f0e4c2; } u {font-family: georgia; font-size: 7pt; color: #cce405; border-bottom:1px dotted orange; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } a:link, a:visited { color: #fe99c9; font-family: venerda; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none} a:hover, a:active { color: orange; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #aaaaaa; } h2 {COLOR: #ccfe64; font-family: impact;letter-spacing:1px; font-size:24pt; text-transform:none;font-weight:lightest;background: white; text-align: CENTER; border-bottom: none; } </STYLE> <center> <table width=400 border=0 cellpadding=4px cellspacing=3><tr><td bgcolor="white" style="border: 2px dashed white; filter: alpha(opacity=100)"></i></i></a><p><p> <h2>HEADER 1</h2> Your text goes here. <br> <b>bold</b>. <i>italic</i>. <u>underline</u>. text. <br><br> <h2>HEADER 2</h2> Your text goes here. <br><br> <h2>CREDITS</h2> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> <style> body, td, p, div { text-align: center; } </style> <STYLE type=text/css> TD, P, FONT, BODY, * {font-family: courier new; font-size: 7pt; color: grey;letter-spacing:1px; } body{background:url(http://i41.tinypic.com/35am2ib.png) fixed} textarea {color: gray; letter-spacing: .8px; width: 90px; height: 15px; background-color: #fef; border: 1px solid #777; overflow: hidden;} b {font-family: georgia; font-size: 7pt; color: #B7FC49; background: none; } i {font-family: georgia; font-size: 7pt; color: #B9EDFF; background:none; } u {font-family: georgia; font-size: 7pt; color: #D9B2F3; border-bottom:1px dotted #EC1E86; border-top:1px dotted #FAC4DF; font-weight:lightest;text-decoration:none; } a:link, a:visited { color: #C8C8C8; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none} a:hover, a:active { color: gray; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #D0FF6B; } h2 {COLOR: #CFFFFB; font-family: impact;letter-spacing:1px; font-size:24pt; text-transform:none;font-weight:lightest;background: white; text-align: CENTER; border-bottom: none; } </STYLE> <center> <table width=400 border=0 cellpadding=4px cellspacing=3><tr><td bgcolor="white" style="border: 2px dashed white; filter: alpha(opacity=100)"></i></i></a><p><p> <h2>HEADER 1</h2> Your text goes here. <br> <b>bold</b>. <i>italic</i>. <u>underline</u>. text. <br><br> <h2>HEADER 2</h2> Your text goes here. <br><br> <h2>CREDITS</h2> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> <style> body {background: url('http://i36.tinypic.com/4r3h1h.jpg') fixed; } #body {width:400; padding:3px; background: white; text-align:left; opacity:.85;} body, tr, td, table {font: 7.5pt verdana; color:#797979;} h1 {font: 50pt century gothic; color: #C1E7F9; margin-bottom: -12px; margin-top: 4px; } h2 {font: 16pt century gothic; color:#4A4A4A; background-color:#E3F9F8; opacity:.85; text-align: right;margin-bottom: 1px;margin-top:0px;} b {color:#C0E850;} i {color:#FF73A6;} a:link, a:visited {color:#73DFFF; text-decoration: none; font-weight:bold;} a:hover, a:active {color: #C4EEFA;} </style><center> <h1>PAGE TITLE</h1> <div id="body"> <h2>header</h2> <i>italic</i> <u>underline</u> <b>bold</b> <a href=/>link</a><br> Here's some spiffy CSS for you to use! Just type whatever you like in this little box here! Ain't it cute? You may edit this page as much as you'd like - just make sure that you keep the credit on, k? Thanks! <br>LOTS OF LOVE, <a>CATIE</a> <br><br> <h2>credits</h2> <b>CREDITS //</b> CSS (c) <i>xxcinnamon</i>. Get your own layout <a href="/~duskk_">here</a>. <br><br> </div> <center><style> body {font: 7.5pt verdana; line-height: 12px; color:#777;background-color: #F9E7F9; } #body {width: 412px; border-left: #F8AFE2 9px double;border-top: #F8AFE2 9px double; background-color: #FBF4FB;} #cred {width: 412px; border-left: #F8AFE2 9px double;} h1 {font: 24pt century gothic; color: #E90980; line-height:20pt; text-align: center; margin-bottom:4px; margin-top:3px;} h2 {font-size:36; font-family: verdana; margin-top:-10px; margin-bottom:5px;} i{color: #FFACAC; letter-spacing: 2px;} b{color: #FD96DE;} a:active, a:visited, a:link {color: #D39ADC; text-decoration:none;} a:hover {color:#D804F9; text-transform: uppercase;} </style ><br> <div id="body"> <h1>site title</h1> <b>BOLD</b> <i>italic</i> <u>underline</u> <a href=/>link</a><br> Here's some spiffy CSS for you to use! Just type whatever you like in this little box here! Ain't it cute? You may edit this page as much as you'd like - just make sure that you keep the credit on, k? Thanks! <br> LOTS OF LOVE, <b>CATIE</b><p> </div> <div id="cred"> <h2>• • • • • • • • • • • </h2> <b>CREDITS //</b> CSS (c) <i>xxcinnamon</i>. Click <a href=/~duskk_>here</a> to get your own layout. </div> <center><style /> //{} body {background: #777;} td,p,body,a,u,b,.medText{font-family: verdana; font-size:10px; color:#666666;} b{color:#CA7EFC;} i {color:#F86767} u {color:#B0E652; font-weight:bold; } A:link, A:visited, A:active {color: #FB60A3; text-decoration: none;} A:hover { color: #F8A8CB;} h1 {font-family: century gothic; font-size: 20px; color: #222; line-height:19px; background-color:#9DE0DC; letter-spacing: 3px; text-align: center; font-weight: normal; border-left: 30px solid #C7EBE9} h1 {font-family: century gothic; font-size: 20px; color: #222; line-height:19px; background-color:#9DE0DC; letter-spacing: 3px; text-align: center; font-weight: normal; border-left: 30px solid #C7EBE9} h2 {font-family: century gothic; font-size: 72px; color: #222; line-height:0px; letter-spacing: 7px; text-align: center; font-weight: normal; } </style /> <h2>header</h2> <div style="width:487; background-color: #f5f5f5; border:1px solid #555; padding:4px;" align="center"> <h1>header 1</h1> This is your text. <b>Bold.</b> <i>Italic.</i> <u>Underlined.</u><br> You can type anything you'd like here! Text here. I'd just like to say thanks for using my CSS and make sure you leave the credit ON! Bye =) </div> <br> <div style="width:487; background: url('http://i33.tinypic.com/mwp3l5.png'); border:1px solid #555; padding:4px;" align="center"> <br> </div> <br> <div style="width:487; background-color: #f5f5f5; border:1px solid #555; padding:4px;" align="center"> <h1>header 2</h1> You can type anything you'd like here! Text here. </div> <br> <div style="width:487; background: url('http://i33.tinypic.com/mwp3l5.png'); border:1px solid #555; padding:4px;" align="center"> <br> </div> <br> <div style="width:487; background-color: #f5f5f5; border:1px solid #555; padding:4px;" align="center"> <h1>credits</h1> Thanks <b><a href="http://www.neopets.com/~duskk_">Catie</a></b> for the CSS =)<br> (Please make sure you keep the credit on!) </div> <br> </div> <style> BODY,td,font,table,p {color: #494949; font:10px arial; line-height:7pt;} body{background-color: #f9f9f9;} i{font-family:georgia; font-size:10px; color: #6594B1;} u{font-family:tahoma; font-size: 9px; color:#BF9EE3; text-transform:uppercase; font-weight: bold;} b{font-family:georgia; font-size:8px; color: #000000; letter-spacing:2.5px; line-height:4pt; font-weight:bold; } h1{color:#A9E5FF; font-family:georgia; font-size:24pt; background-color:#fafafa; line-height:24pt; letter-spacing:-1px; text-align: center; border-top: 1px dashed #444; border-bottom: 1px dashed #888; margin-bottom:-2; margin-top:0;} a:Link, a:Visited { color:#A3DBFD; font-family:verdana; font-size: 9px; border-bottom: dotted 1px grey} A:Hover { color: #0D3954; } </style><br> <div style="width:400px; overflow:auto; padding:5px; border-right: 1px solid #fff; position:absolute; border: 1px solid grey; background: #fefefe;"> <h1>* header here</h1><br> <b>BOLD</b> <i>italic</i> <u>underline</u> <a href=/>link</a><br><br> Here's some spiffy CSS for you to use! Just type whatever you like in this little box here! Ain't it cute? Just make sure that you keep the credit on, k? Thanks!<br><br> CSS (c) <b>XXCINNAMON</b>. Click <a href=http://www.neopets.com/~duskk_>here</a> for your own petpage. <br> <style> body {background: url('http://i38.tinypic.com/263k6lz.png') fixed;} body, td, font, div, p{font:10px verdana; color:#444;} a:link, a:active, a:visited{text-decoration:none; font-weight:bold; color:#FCA2C6;} a:hover{color:#F9C3D9;} #nav a{display:block; background:#FF9FD1;margin:2px;text-transform:uppercase;color:#666; text-align:center; height:10px} #nav a:hover{background:#FCB1D8; color:#999;} #body{width:500px; padding:3px; border:1px solid #222; background:#fff; align:center;} h1{font-family:verdana;font-size:24pt;color:#F94A90;line-height:21pt; border-bottom:1px dashed #ddd; background-color:#f7f7f7;margin-top:5px;margin-bottom:2px;} h2{font-family:georgia; font-size:8px; color: #000000; letter-spacing:2.5px; line-height:4pt; font-weight:bold; text-transform:uppercase;margin-top:1px;margin-bottom:1px; background-color:#eee} </style> <center><p> <table cellspacing=7px> <td width=440 valign=top><center> <div style="width:500; background-color: #fff; border:1px solid #777; padding:3px; text-align:center;"> <h1>Page header</h1> <h2>Mini header 1</h2> A little blog! You can type anything you'd like here! Text here. I'd just like to say thanks for using my CSS and make sure you leave the credit ON! Bye =)<br> <b>bold</b> <i>italic</i> <u>underline</u> <a href=/>link</a><br> <br> <h2>Mini header 2</h2> Another little blog! You can type anything you'd like here! Text here. I'd just like to say thanks for using my CSS and make sure you leave the credit ON! Bye =)<br> <b>bold</b> <i>italic</i> <u>underline</u> <a href=/>link</a><br> </div></td><td width="200" valign=top><center> <div style="width:200; background-color: #fff; border:1px solid #777; padding:3px; text-align:center;"> <h1>Side</h1> <h2>navigation</h2> <div id="nav"> <a href="/">clickeh</a> <a href="/">neopets</a> <a href="/~duskk_">credits</a> </div> <br> <h2>Disclaimer</h2> Layout (c) <b>xxcinnamon.</b> Get your own layout <a href=/~duskk_>here!</a><br>Thanks so much! </div></td></table> <style /> //{} tr, td, table, body, .text {font-family: verdana; font-size:7.5pt; color: black;} body{background: url(http://s4.tinypic.com/r1zlet_th.jpg) fixed;} h2 {font:11pt verdana; color:#000; font:weight:bold;text-align:center; margin-top:2px; margin-bottom:2px; background:#A24EBF; text-transform:uppercase; padding:2px; letter-spacing:6px;} #body {width:370; background-color: white; border:1px solid white; padding:4px; text-align:left;} b {color:#E493FF} i {color:#79099F} a:link, a:visited, a:active {color:#D8A0D8; text-decoration:none;} a:hover {color:#6F676F;} </style /><center><table cellspacing="5px"><td width=370 valign=top> <div id="body" align="center"> <h2>Header One</h2> <img src="http://images.neopets.com/items/spooky_foo_purplegoop.gif" align="left"><b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href=>link</a><br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here. <br><br><h2>Header two</h2> <b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href=>link</a><br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here. </div></td></tr> </table> <div id="body" align="center"><center> <b>CREDITS // </b> CSS (c) <i>xxcinnamon</i>. Get your own layout <a href=/~duskk_ target=blank>here</a>! </div></td></tr> </table></center> <style> body {background: url('http://i27.tinypic.com/2lkwpee.jpg') fixed; } body, td, tr {font-family:verdana; font-size:8px; color: #777; letter-spacing:2px; line-height:6pt; font-weight:bold;margin-bottom:4px;} #body{text-align:left; width:328; background: #fff; opacity:.90; padding:2px} h1 {font: 30pt century gothic; color:#8FDCFF; margin-top:3px; margin-bottom:2px; text-align:right; background: #FCFCFC; border-bottom:#CFCFCF;} b{font: 7.5pt verdana; font-weight:bold; color:#6AE2F9;} i{font-family: verdana; font-size:7.5pt; font-weight:normal; color: #AE69FC;} a:link, a:visited {color:#E49AFF; font-family: verdana; font-size:7pt; text-decoration: none; } a:hover, a:active {color: #F3D8FD;} </style><center> <div id="body"><h1>header</h1> <i>italic</i> <u>underline</u> <b>bold</b> <a href=/>link</a><br> Here's some spiffy CSS for you to use! Just type whatever you like in this little box here! Ain't it cute? You may edit this page as much as you'd like - just make sure that you keep the credit on, k? Thanks! <br><br><br> <b>CREDITS //</b> CSS (c) <i>xxcinnamon</i>. Get your own layout <a href="/~duskk_">here</a>. </div> <style /> //{} tr, td, table, body, .text {font-family: verdana; font-size:7.5pt; color: #7F7F7F;} body{background: url(http://i36.tinypic.com/8ydmh2.png) fixed;} h2 {font:11pt verdana; color:#4D4D4D; font:weight:bold;text-align:center; margin-top:2px; margin-bottom:2px; background:#C8E6EE; text-transform:uppercase; padding:2px; letter-spacing:6px;} #body {width:370; background-color: white; border:1px solid white; padding:4px; text-align:left;} b {color:#61D4FE} i {color:#9CDEE0} a:link, a:visited, a:active {color:#62ACAF; text-decoration:none;} a:hover {color:#C4D5DC;} </style /><center><table cellspacing="5px"><td width=370 valign=top> <div id="body" align="center"> <h2>Header One</h2> <img src="http://images.neopets.com/items/groom_star_shampoo.gif" align="left"><b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href=>link</a><br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here. <br><br><h2>Header two</h2> <b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href=>link</a><br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here. </div></td></tr> </table> <div id="body" align="center"><center> <b>CREDITS // </b> CSS (c) <i>xxcinnamon</i>. Get your own layout <a href=/~duskk_ target=blank>here</a>! </div></td></tr> </table></center>
USERLOOKUP CSS There are 5 userlookup styles so far and a couple of colours for each one! I'm still making more colours and styles, but this is what we have to far! preview style 1 <style> #sml {padding:1px; text-align:center; width:400px; background-color:#fff; border:none;} #crd {padding:1px; text-align:center; width:170px; background-color:#fff; border:none} TD, P, FONT, BODY, * {font-family: verdana; font-size: 7.5pt; color: grey;letter-spacing:1px; } body{background:url(http://i44.tinypic.com/rhqzv6.png) fixed} b {font-size: 7.5pt; color: #FF8CB4; background: none; } i {font-size: 7.5pt; color: grey; background: #E9D0F5; } u {font-size: 7.5pt; color: #cce405; border-bottom:1px dotted #FF83C5; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } a:link, a:visited { color: #0AD7FF; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none; line-height:15px;} a:hover, a:active { color: gray; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #FFDDFB; line-height:15px;} h2 {COLOR: #E978FA; font-family: century gothic;letter-spacing:2px; font-size:36pt; text-transform:none;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } .contentModule, .contentModuleTable{border:none;} .contentModuleHeaderAlt, .contentModuleHeader{COLOR: #fff; font-family: century gothic;letter-spacing:1px; font-size:2px; text-transform:lowercase;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } </STYLE><h2>header</h2> <table cellspacing="5"> <tr><td valign=top id="sml"> Your text goes here. <br> <b>bold</b>. <i>italic</i>. <u>underline</u>. text.<br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here. <br><br> </td> <td valign=top id="crd"> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> </td></tr> </td></tr> <style> #sml {padding:1px; text-align:center; width:400px; background-color:#fff; border:none;} #crd {padding:1px; text-align:center; width:170px; background-color:#fff; border:none} a:hover img{opacity: 0.7;filter: alpha(opacity=75);} TD, P, FONT, BODY, * {font-family: verdana; font-size: 7.5pt; color: grey;letter-spacing:1px; } b {font-size: 7.5pt; color: #87EEFE; background: none; } i {font-size: 7.5pt; color: grey; background: #E9D0F5; } u {font-size: 7.5pt; color: #FABB26; border-bottom:1px dotted #FF83C5; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } a:link, a:visited { color: #CFFF41; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none; line-height:15px;} a:hover, a:active { color: gray; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #CAF1F8; line-height:15px;} h2 {COLOR: #FC70BD; font-family: century gothic;letter-spacing:2px; font-size:36pt; text-transform:none;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } .contentModule, .contentModuleTable{border:none;} .contentModuleHeaderAlt, .contentModuleHeader{COLOR: #fff; font-family: century gothic;letter-spacing:1px; font-size:2px; text-transform:lowercase;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } </STYLE><h2>header</h2> <table cellspacing="5"> <tr><td valign=top id="sml"> Your text goes here. <br> <b>bold</b>. <i>italic</i>. <u>underline</u>. text.<br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here. <br><br> </td> <td valign=top id="crd"> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> </td></tr> </td></tr> <style> #sml {padding:1px; text-align:center; width:400px; background-color:#fff; border:none;} #crd {padding:1px; text-align:center; width:170px; background-color:#fff; border:none} a:hover img{opacity: 0.7;filter: alpha(opacity=75);} TD, P, FONT, BODY, * {font-family: verdana; font-size: 7.5pt; color: grey;letter-spacing:1px; } b {font-size: 7.5pt; color: #66b2c8; background: none; } i {font-size: 7.5pt; color: grey; background: #5be6fb; } u {font-size: 7.5pt; color: #5b9efb; border-bottom:1px dotted #FF83C5; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } a:link, a:visited { color: #91c5f6; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none; line-height:15px;} a:hover, a:active { color: gray; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #b1f0eb; line-height:15px;} h2 {COLOR: #78d8f8; font-family: century gothic;letter-spacing:2px; font-size:36pt; text-transform:none;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } .contentModule, .contentModuleTable{border:none;} .contentModuleHeaderAlt, .contentModuleHeader{COLOR: #fff; font-family: century gothic;letter-spacing:1px; font-size:2px; text-transform:lowercase;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } </STYLE><h2>header</h2> <table cellspacing="5"> <tr><td valign=top id="sml"> Your text goes here. <br> <b>bold</b>. <i>italic</i>. <u>underline</u>. text.<br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here. <br><br> </td> <td valign=top id="crd"> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> </td></tr> </td></tr> <style> #sml {padding:1px; text-align:center; width:400px; background-color:#fff; border:none;} #crd {padding:1px; text-align:center; width:170px; background-color:#fff; border:none} a:hover img{opacity: 0.7;filter: alpha(opacity=75);} TD, P, FONT, BODY, * {font-family: verdana; font-size: 7.5pt; color: grey;letter-spacing:1px; } b {font-size: 7.5pt; color: #ccf946; background: none; } i {font-size: 7.5pt; color: grey; background: #effea2; } u {font-size: 7.5pt; color: #b6fc6c; border-bottom:1px dotted #b3f609; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } a:link, a:visited { color: #caf1fb; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none; line-height:15px;} a:hover, a:active { color: gray; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #f4fed4; line-height:15px;} h2 {COLOR: #e3fc61; font-family: century gothic;letter-spacing:2px; font-size:36pt; text-transform:none;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } .contentModule, .contentModuleTable{border:none;} .contentModuleHeaderAlt, .contentModuleHeader{COLOR: #fff; font-family: century gothic;letter-spacing:1px; font-size:2px; text-transform:lowercase;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; margin-bottom:2px; margin-top:5px; } </STYLE><h2>header</h2> <table cellspacing="5"> <tr><td valign=top id="sml"> Your text goes here. <br> <b>bold</b>. <i>italic</i>. <u>underline</u>. text.<br> text here text here text here text here text here text here text here text here text here text here text here text here text here text here. <br><br> </td> <td valign=top id="crd"> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> </td></tr> </td></tr> preview style 2 <style> TD, P, FONT, BODY, * {font-family: courier new; font-size: 7pt; color: grey;letter-spacing:1px; } body{background:url(http://i44.tinypic.com/rhqzv6.png) fixed} b {font-family: georgia; font-size: 7pt; color: #FF8CB4; } i {font-family: georgia; font-size: 7pt; color: grey; background: #C0F5FF; } u {font-family: georgia; font-size: 7pt; color: #cce405; border-bottom:1px dotted orange; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } a:link, a:visited { color: #0AD7FF; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none} a:hover, a:active { color: gray; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #FFDDFB; } h2 {COLOR: #E978FA; font-family: impact;letter-spacing:1px; font-size:20pt; text-transform:none;font-weight:lightest;background: white; text-align: CENTER; border-bottom: none; padding: 0px; line-height:1px} #header, #footer, #usertrophies, #userneopets, #usershop, #usercollections, #userneohome {//display:none;display:none;} .contentModuleTable, .contentModule {border:none;} .contentModuleHeader, .contentModuleHeaderAlt {display:none;} #main {border:none; background:none;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #userinfo .contentModuleContent{background:white;} #userinfo .medText img {visibility:hidden;} #userinfo .medText table table img {visibility:visible;} </STYLE > <div style="text-align: left; width: 371px"><div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; top:44px; left: 820px; width: 210px; height: 231px; margin-right: -103px; margin-bottom: -129px; background:#fff; padding:3px; POSITION:ABSOLUTE"> <h2>Header 1</h2> Your text goes here.<br> <i>Italic</i>. <u>Underline</u>. <h2>Credits</h2> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> <style> TD, P, FONT, BODY, * {font-family: courier new; font-size: 7pt; color: grey;letter-spacing:1px; } body{background:url(http://i31.tinypic.com/20rp5wn.png) fixed} i {font-family: georgia; font-size: 7pt; color: grey; background: #E3FDFD; } u {font-family: georgia; font-size: 7pt; color: #0DFBFB; border-bottom:1px dotted #1D7D7D; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } b {font-family: georgia; font-size: 7pt; color: #C0F5FF;} a:link, a:visited { color: #E8A7FF; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none} a:hover, a:active { color: gray; font-family: georgia; font-size: 7.8pt; font-weight: normal; text-decoration:none; right:0px;left:1px;top:2.1px; background: #DDE1FA; } h2 {COLOR: #E3F4FC; font-family: impact;letter-spacing:1px; font-size:20pt; text-transform:none;font-weight:lightest;background: white; text-align: CENTER; border-bottom: none; padding: 0px; line-height:1px} #header, #footer, #usertrophies, #userneopets, #usershop, #usercollections, #userneohome{//display:none;display:none;} .contentModuleTable, .contentModule {border:none;} .contentModuleHeader, .contentModuleHeaderAlt {//display:none;display:none;} #main {border:none; background:none;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #userinfo .contentModuleContent{background:white;} #userinfo .medText img {visibility:hidden;} #userinfo .medText table table img {visibility:visible;} </STYLE > <div style="text-align: left; width: 371px"><div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; top:44px; left: 820px; width: 210px; height: 231px; margin-right: -103px; margin-bottom: -129px; background:#fff; padding:3px; POSITION:ABSOLUTE"> <h2>Header 1</h2> Your text goes here.<br> <i>Italic</i>. <u>Underline</u>. <h2>Credits</h2> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> <style> TD, P, FONT, BODY, * {font-family: courier new; font-size: 7pt; color: grey;letter-spacing:1px; } body{background:url(http://i38.tinypic.com/ipulfk.jpg) fixed} i {font-family: georgia; font-size: 7pt; color: grey; background: #E3FDFD; } u {font-family: georgia; font-size: 7pt; color: #D980F8; border-bottom:1px dotted #1D7D7D; border-top:1px dotted purple; font-weight:lightest;text-decoration:none; } b {font-family: verdana; font-size: 7.5pt; color: #F94480;} a:link, a:visited { color: #D9FF00; font-family: verdana; font-size: 7.5pt; text-decoration: none; font-weight: bold; background: none} a:hover, a:active { color: gray; background: #fff;font-weight: normal; border-bottom: 2px solid #6DD8FF } h1 {COLOR: #83E7F7; font-family: century gothic;letter-spacing:1px; font-size:20pt; text-transform:none;font-weight:normal;background: white; text-align: CENTER; border-bottom: none; padding: 0px; line-height:1px} #header, #footer, #usertrophies, #userneopets, #usershop, #usercollections, #userneohome{//display:none;display:none;} .contentModuleTable, .contentModule {border:none;} .contentModuleHeader, .contentModuleHeaderAlt {//display:none;display:none;} #main {border:none; background:none;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #userinfo .contentModuleContent{background:white;} #userinfo .medText img {visibility:hidden;} #userinfo .medText table table img {visibility:visible;} </STYLE > <div style="text-align: left; width: 371px"><div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; top:44px; left: 820px; width: 210px; height: 231px; margin-right: -103px; margin-bottom: -129px; background:#fff; padding:3px; POSITION:ABSOLUTE"> <h1>Header 1</h1> Your text goes here.<br> <i>Italic</i>. <u>Underline</u>. <h1>Credits</h1> Please DO NOT remove the credit (:<br><a href="http://www.neopets.com/~duskk_">Catie's CSS</a><br> preview style 3 <style /> h2{font:20pt century gothic;font-weight:normal;color:#ccc; text-transform:uppercase;letter-spacing:3px;text-align:center;} .contentModuleHeaderAlt, .contentModuleHeader{font:18pt century gothic; font-weight:normal;color:#ccc;text-transform:uppercase;letter-spacing:3px; text-align:center;background-color:#fff} td, p, body, .medText {color: #999; font-family:verdana; line-height:8pt;font-size:7.5pt;} b{color:hotpink;font-weight:normal;} A:link, A:visited, A:active {text-decoration:none; color:hotpink} A:hover {color:#f0c} #header, #footer, hr{//display:none;display:none;} #usershop, #userneohome {//display:none;display:none;} .contentModule, .contentModuleTable{border:none;} #content{left:320px;top:-52px; background-color:#FFF; padding-right:20px;width:500px;} </style /> <h2>header</h2> Info & other shnazzy stuff XD<br> Write whatever you like in this space! Yup, its just a big text box for all your info and stuff to go in! Type away! Text here, text here. All I ask is that you keep the credits ON. I don't mind if you edit the CSS, but (repeat): keep the credits ON. Thank-youu! <br><br> Credits go to <a href=http://www.neopets.com/~duskk_>Catie</a></div> <style /> h2{font:20pt century gothic;font-weight:normal;color:#c9d; text-transform:uppercase;letter-spacing:3px;text-align:center;} .contentModuleHeaderAlt, .contentModuleHeader{font:18pt century gothic; font-weight:normal;color:#c9d;text-transform:uppercase;letter-spacing:3px; text-align:center;background-color:#fff} td, p, body, .medText {color: #555; font-family:verdana; line-height:8pt;font-size:7.5pt;} b{color:#c1e;font-weight:normal;} A:link, A:visited, A:active {text-decoration:none; color:#c1e} A:hover {color:#c7f} #header, #footer, hr{//display:none;display:none;} body {background-color:#999;} .contentModule, .contentModuleTable{border:none;} #content{left:320px;top:-52px; background-color:#FFF; padding-right:20px;width:500px;} </style /> <h2>header</h2> Info & other shnazzy stuff XD<br> Write whatever you like in this space! Yup, its just a big text box for all your info and stuff to go in! Type away! Text here, text here. All I ask is that you keep the credits ON. I don't mind if you edit the CSS, but (repeat): keep the credits ON. Thank-youu! <br><br> Credits go to <a href=http://www.neopets.com/~duskk_>Catie</a></div> preview style 4 <style /> body{background:#e8ccf4;} body, p, div, table, td, font{font:8pt tahoma; line-height:10pt; color:#444;} .contentModule, .contentModuleTable{border:none;} .contentModuleHeader,.contentModuleHeaderAlt{text-transform:uppercase; font:18pt arial black; color:purple; line-height:14pt;background-color:#fff} h1{text-transform:uppercase; font:18pt arial black; color:purple; line-height:14pt;} a:link, a:visited {color:#666;} a:hover {color:#999;} b {color:purple;} </style /> Hello. Write all you spiffy stuff <b>here</b>.<br> Edit it if you want, but leave credit ;)<br> Thanks <a href="/~duskk_">Catie's CSS</a><br> </td><td> <style /> body{background:#FCC6CD;} body, p, div, table, td, font{font:8pt tahoma; line-height:10pt; color:#222;} .contentModule, .contentModuleTable{border:none;} .contentModuleHeader,.contentModuleHeaderAlt{text-transform:uppercase; font:18pt arial black; color:#ff0e4c; line-height:14pt;background-color:#fff} h1{text-transform:uppercase; font:18pt arial black; color: #ff0e4c; line-height:14pt;} a:link, a:visited {color:#555;} a:hover {color:#888;} b {color:#ff0e4c;} </style /> Hello. Write all you spiffy stuff <b>here</b>.<br> Edit it if you want, but leave credit ;)<br> Thanks <a href="/~duskk_">Catie's CSS</a><br> </td><td> <style /> body{background:#DBF3FC;} body, p, div, table, td, font{font:8pt tahoma; line-height:10pt; color:#222;} .contentModule, .contentModuleTable{border:none;} .contentModuleHeader,.contentModuleHeaderAlt{text-transform:uppercase; font:18pt arial black; color:#8BDCF9; line-height:14pt;background-color:#fff} h1{text-transform:uppercase; font:18pt arial black; color: #8BDCF9; line-height:14pt;} a:link, a:visited {color:#555;} a:hover {color:#888;} b {color: #8BDCF9;} </style /> Hello. Write all you spiffy stuff <b>here</b>.<br> Edit it if you want, but leave credit ;)<br> Thanks <a href="/~duskk_">Catie's CSS</a><br> </td><td> preview style 5 <style /> font, body, tr, td, .medText {font-family: tahoma; font-size: 7pt; color: #666;} #footer {//display:none;display:none;} .contentModule, .contentModuleTable {border: 1px solid #ddd;} #userinfo .contentModuleTable, #usercollections .contentModuleTable, #usershop .contentModuleTable, #userneopets .contentModuleTable {border: none;} .contentModuleHeader, .contentModuleHeaderAlt {height: 15px; font-family: small fonts; font-size: 9px; text-transform: uppercase; font-weight: normal; background: url(http://i35.tinypic.com/1or9l0.jpg); text-align: right;} b {color:#222; font-weight:normal;} u {color: #cee; text-decoration:none;} i {color: #3ce;} a, a:link, a:active, a:visited {color: #999;} a:hover, a:hover b {color:#666;} </style /> Text here! Yuss text here!<br> <b>bold</b> <i>italic</i> <u>underline</u><br><br> Thanks <a href="/~duskk_">Catie</a>
petlookup css There are currently 2 petlookups to chose from! Don't worry (lulz), more coming soon. <style> //{} body, td, p{color:#545454;font-family:verdana; font-size:7.5pt; text-align:center} a:link, a:visited, .content {color:#F98CC5;} a:hover{color:#D2D2D2} #main{width:680px; border:0; background: #eee} #content{width:100%;} .sidebar,#footer,#nst,.nav_image,.bb, .user, #header{display:none;} .contentModuleHeader,.contentModuleHeaderAlt, .ds,.contentModuleTable,.contentModuleTable img, .contentModule,.cs {border:0px;background-color:#777; color: #fff; font-family: century gothic; font-size: 18pt} .contentModuleContent {color:#545454;} body{background:#aaa;} b{font-weight:normal; color:#F98CC5} </style> <a href=/myaccount.phtml>account</a> <a href=/explore.phtml>explore</a> <a href=/objects.phtml>shops</a> <a href=/~duskk_>credit</a><br> This is where you can type about your pet! Make sure you leave the credit on, though =) Thanks. <style> //{} body, td, p{color:#545454;font-family:verdana; font-size:7.5pt; text-align:center} a:link, a:visited, .content {color:#E8B2F8;} a:hover{color:#CBE4FF} #main{width:680px; border:0; background: #eee} #content{width:100%;} .sidebar,#footer,#nst,.nav_image,.bb, .user, #header{display:none;} h2{border:0px;background-color:#fff; color: #FF4C9D; font-family: century gothic; font-size: 18pt; margin-bottom:2px; margin-top:4px; line-height:15px;} .contentModuleHeader,.contentModuleHeaderAlt, .ds,.contentModuleTable,.contentModuleTable img, .contentModule,.cs {border:0px;background-color:#fff; color: #FF4C9D; font-family: century gothic; font-size: 18pt} .contentModuleContent {color:#545454;} body{background:#aaa;} #header, #footer, #ban, .adBox, .sidebar, hr,.contentModuleHeaderAlt,.contentModuleHeader {display:none;} b{font-weight:normal; color:#F98CC5} h1{text-decoration: none;color: #666;letter-spacing:5px; margin-bottom:2px; margin-top:4px; font: 7.5pt verdana; text-transform:lowercase; font-weight: bold; } </style> <h2>pet name here</h2> <a href=/myaccount.phtml>account</a> <a href=/explore.phtml>explore</a> <a href=/objects.phtml>shops</a> <a href=/~duskk_>credit</a> <h1>information</h1> This is where you can type about your pet! Make sure you leave the credit on, though =) Thanks.
request This is the place where you can request your own CSS layout! Whether it be simply another colour pallette for a currently displayed petpage / userlookup / petlookup that you like, or a whole new layout. We'll do anything! REMEMBER: Just because you requested a layout does NOT mean that you made it, so you may NOT redistribute it or delete my link. neomail catie Please make sure that requests are open! new colour: petpage Hello Catie! I would like to request a petpage! Name: Template / petpage number: Colours: Background (idea): Extra: Thanks! new colour: userlookup Hello Catie! I would like to request a userlookup! Name: Template / userlookup number: Colours: Background (idea): Extra: Thanks! new colour: petlookup Hello Catie! I would like to request a petlookup! Name: Template / userlookup number: Colours: Background (idea): Extra: Thanks! new style: petpage Hello Catie! I would like to request a new petpage! Name: Boxes: please be specific (eg. 1 nav bar [left], 1 main text [right]) Colours / images: Background (idea): Extra: Thanks! new style: userlookup Hello Catie! I would like to request a new userlookup! Name: Colours / images: Background (idea): Extra: Thanks! new style: petlookup Hello Catie! I would like to request a new petlookup! Colours / images: Background (idea): Extra: Thanks! By requesting you are saying that anyone can use it - it's only fair! Your request will be displayed in its appropriate section for everyone to use.
Regular Affiliates: 26 Listed At: 19
link back <a href="/~duskk_"><img src="http://i39.tinypic.com/2wcr72w.gif" border="0"></a> <a href="/~duskk_"><img src="http://i35.tinypic.com/2eoz241.gif" border="0"></a> button by me \| button by me <a href="/~duskk_"><img src= "http://i40.tinypic.com/rh08jq.gif" border="0"></a> <a href="/~duskk_"><img src="http://i43.tinypic.com/3148odt.gif" border="0"></a> button by onyx \| button by em <a href="/~duskk_"><img src="http://i34.tinypic.com/157ghva.gif" border="0"></a> <a href="/~duskk_"><img src="http://i44.tinypic.com/13zmhag.jpg" border="0"></a> button by me \| button by reb <a href="/~duskk_"><img src="http://i44.tinypic.com/2iurwgy.png" border="0"></a> button by amy	other Credits: Layout and Content © Catie. Alot of inspiration came from Rudy. Thanks Cass for tables in petpage #9. Homepage by neopets. Online: Affies: Open Requests: Open Listed at: Open

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office. All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions

updates

nav

RULES

PETPAGE CSS

USERLOOKUP CSS

petlookup css

request

link back

other