BODY, font { background-color:#FFFFFF; background-image:url(http://i37.tinypic.com/2aaa6nc.jpg); font-size:12px; color:#999999; font-family:tahoma; } textarea { width:500px; height:31px; line-height:1.5; padding:2px; text-transform:lowercase; font-size:8px; background:#F8F8F8; border:1px solid #C0C0C0; } .lookup, lookup, #lookup { filter: alpha(opacity=50); opacity: .50; } .lookup:hover, lookup:hover, #lookup:hover { filter: alpha(opacity=100); opacity:100; } .footer { color:#000000; font-family: verdana; font-size:12px; line-height:1.5; background:#F8F8F8; border:1px solid #C0C0C0; margin-top:10px; margin-bottom:2px; padding:2; } .main { color:#000000; font-family: verdana; font-size:12px; line-height:1.5; width:590; padding:5; } A:link, A:visited, A:active { color:#D282DD; border-bottom:1px solid; text-decoration:none; } A:hover { color:#EADFA2; text-decoration:none; } b { color:#50CFF8; font-weight:bold; } i { color:#CDBB76; font-family:verdana; background:none; } tr, table, td { font-size:10px; color:#999999; background:white; font-family:tahoma; border-bottom:0px; } h1 { color:#D68FE1; font:10pt georgia; font-weight:bold; padding-bottom:3; padding-top:8; padding:2px; border-left:5px solid #B7EEFE; text-align:left; text-transform:uppercase; margin:0px; } />

Katlyn's CSS was created by me (xmakemesmile). None of the backgrounds used on these lookups were made by me, but were found on Photobucket and Swimchick, so I take no credit for them. Don't have a Neopets account, or want a new one? Create one now!

Hi guest! This is Katlyn's CSS! I'm Katlyn, and I decided to offer premade lookups because my dear friend Ana asked me to. (: I'll add a few every now and then. Hopefully at least 3 a week, however I will start to slack a bit with school coming up, so give me time. :D

I only ask that you keep the link back to this page on the lookup. Before you ask - yes, you may edit the lookup (colors, background, etc.) as long as you don't remove the credit. Just because you edit a few things, doesn't mean you put it all together.

View a full example.
Hover over the previews :)


<style></style> body { background-attachment: fixed; background-image:url(http://i34.tinypic.com/iw7zew.jpg); } #header,#footer,hr,#usershop,#userneohome { display:none; } a img, img{ filter: alpha(opacity=50); opacity: .50; } #usertrophies img,#userneopets img { width:70px; height:70px; border:1px solid #FFFFFF; } #userneopets img:hover { border:1px solid #FF6600; } #userinfo,#content { width:325px; padding-right:5px; } font,td,p,xmp,u,body,.content,.medText { font-family:verdana; font-size:10px; line-height:1; color:#000000; } .main { width:500px; position:absolute; left:250px; top:0px; border-left:1px solid black; border-right:1px solid black; padding:10px; text-align:center; background: white; } #about { width:500px; line-height:1.5; } .content div a img, .content div b { visibility:hidden; } .contentModuleTable,.contentModule,#main { background:none; border:none; } .contentModule b, .contentModule img, div#about b, .contentModule div a img, .contentModule div b { visibility:visible; border:none; } .contentModuleHeader,.contentModuleHeaderAlt { color:#FF0D3D; font-size:15px; font-family:georgia; font-weight:bold; text-align:center; margin:0px; border:1px solid; background:white; } h1 { color:#FF0D3D; font-size:18px; font-family:georgia; font-weight:bold; text-align:center; margin:0px; background:white; } A:link,A:visited,A:active { color:#FF6600; } A:hover { color:black; } b,i,em,u { color:#FF0D3D; line-height:1.5; } a.nav { color:#FF6600; font:10px verdana; font-weight: bold; padding:2px; margin:2px; text-align:left; } a.nav:hover { color:#FF0D3D; } a.nav2 { color:#FF0D3D; font:10px verdana; font-weight: bold; padding:2px; margin:2px; border:1px solid; text-align:left; } a.nav2:hover { color:#FF6600; } /> <div class="main"> <div id="about"> <div align="center"> <h1>user lookup: name</h1> <a href="/~Klasmatic" class="nav2">CSS</a><a href="/myaccount.phtml" class="nav">My Account</a><a href="/petcentral.phtml" class="nav">Pet 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">Neoboards</a><a href="/objects.phtml" class="nav">Shop</a><a href="/nf.phtml" class="nav">News</a><br><br> TEXT! <b>TEXT!</b> <i>TEXT!</i> </div> </div> </div>