// *{} font.sf{display:none;} table{background-color:transparent;} table a img{display:none;} td,p,i,body,font,a,.medText,u,b{font:7pt TAHOMA;color:#666;text-align:left; font-weight:normal;letter-spacing:0px;text-transform:none} body{background:url(http://i49.tinypic.com/149p0l5.jpg);background-repeat:repeat;background-attachment:fixed; background-position:top left;overflow-x:hidden;} a.nav:link, a.nav:visited{font:16pt arial;color:#3355A5;font-style:none;padding: 2pt;font-weight:bold;letter-spacing:-2px;font-style:none;text-transform:lowercase;text-decoration:none} a.nav:hover{color:#6682C4;} .ast1{font:100pt georgia;color:#CCCCCC} .ast2{font:200pt georgia;color:#999999} .ast3{font:300pt georgia;color:#AAA7D3} .ast4{font:75pt georgia;color:#CCCCCC} .ast5{font:115pt georgia;color:#999999} .ast6{font:125pt georgia;color:#CCCCCC} .ast7{font:150pt georgia;color:#AAA7D3} .ast8{font:175pt georgia;color:#999999} .ast9{font:225pt georgia;color:#CCCCCC} .ast10{font:400pt georgia;color:#AAA7D3} .ast11{font:350pt georgia;color:#999999} .ast12{font:360pt georgia;color:#CCCCCC} .ast13{font:310pt georgia;color:#AAA7D3} .ast14{font:390pt georgia;color:#999999} b{ font-family: arial; font-size: 11pt; font-weight: bold; color: #3B5EB4; text-transform: lowercase; letter-spacing:0px;} .b{font-family: arial; font-size: 9pt; font-weight: bold; color: #3B5EB4; text-transform: lowercase; letter-spacing:0px;} TEXTAREA{ font-family: terminal; font-size: 3pt; font-weight: none; color: navy; border: #fff 1px solid; text-transform: lowercase; background-color:#E5E5E5; height:100px; width:112px; letter-spacing:0px; line-height:5px; overflow:hidden;} .h1{ color:#3B5EB4; font:italic 20pt georgia; line-height:1px; letter-spacing:0px;} .h2{ color:grey; font:10pt monospace; font-style:none; font-weight:none; letter-spacing:2px;} .star{ color:navy; font:25pt arial; font-style:none; font-weight:none; letter-spacing:2px;} .sym{ color:#555555; font:30pt arial; font-style:none; font-weight:none; letter-spacing:2px;} .header{ color:#3B5EB4; font:15pt arial; font-style:none; font-weight:bold; letter-spacing:-5.5px; text-align:left;} .one{ color:navy; font:20pt arial; font-style:none; font-weight:bold; letter-spacing:-2px; text-align:left;} #userlookup{top:50px; left:550; width:577px; background-color:#fff; border:none; padding-right:10px;padding-left:10px;overflow:} #hello{top:50px; left:50; width:520px;height:500px;background-color:#fff; border:none; padding-right:10px;padding-left:10px;overflow:auto} #updates{top:50px; left:610; width:190px;height:500px;background-color:#fff; border:none; padding-right:10px;padding-left:10px;overflow:auto} //>

navigation


home
userlookups
petpages
pickups
affies
link back
credits





updates



This page is still under construction! More and more premades are being added, and I'm really going to start making more this summer, when I'm out of school :P
So you may use as you wish, just know that this is not the final version and the best is yet to come! (:

» hello, and welcome to my css page! my name is paige and i absolutely love coding, so i thought i'd share some of my work with you ~ i just started this page, but i'm working really hard on getting you guys new content, so stay tuned! ;3 i'm not really sure if i'm accepting requests yet, but send me a neomail and i'll see what i can do :3
and try not to get too distracted by the falling prettiness to your right! ;]

HOW TO ~
+ place your cursor in the text box
+ press ctrl (or command) A
+ press ctrl (or command) C
+ place your cursor in the coding box
+ press ctrl (or command) V




RULES ~
+ please do not take my work without crediting it !!
+ if you take CSS premades from the boxes below, keep the credit on.
+ if you take CSS from any other aspect of my account, such as my own userlookups, petpages, or even the css on this page, PLEASE neomail me asking permission. the css that i make for myself is not meant to be used publicly, so please:
don't take it without asking me c:
+ never claim my work as your own, and never redistribute my work without my permission.
+ please link back to this PAGE, not my userlookup. i will do the best i can to always keep this page located at /~Uvnn.




























❝ have you ever been alone ☆
IN A CROWDED ROOM WHEN I'M HERE WITH YOU ❞
♔♞♕♝♖♛♗♚♘♜
★—userlookup css
If you're looking for a nice premade to spruce up your userlookup, these are the codes that will give you what you're looking for! follow the instructions at the top of the page, and remember to neomail me if you you have any questions at all. i might even be able to do a custom request for you ~ :3



<style></style> // *{} #ban{display:none} body {background:url(http://i48.tinypic.com/8ycqhf.png);} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #E0FFBA;border-top:3px solid #E0FFBA;border-left:3px solid #E0FFBA;border-right:3px solid #E0FFBA;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets{width: 100px;} #userneopets img{width: 50px; height:auto;} .medText {font-family: tahoma;font-size: 7pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText { display:none; } #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px arial; color:#93E84A; text-transform:uppercase; letter-spacing:-8px; font-weight:bold;} .sym{ font:50px arial; color:#93E8A3; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} b{ color:#BFEF8B;} a:link, a:visited, a:active{ color: #93E8A3; font: 9px georgia; font-style:italic;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 310px; border-bottom: 20px solid #BFEF8B; margin-bottom: -100px;"><td> <font class="sym">♛</font> <font class="h1">your name</font><br><font></font> <textarea><style></style> // *{} #ban{display:none} body {background:url(http://i48.tinypic.com/8ycqhf.png);} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #FFD6E2;border-top:3px solid #FFD6E2;border-left:3px solid #FFD6E2;border-right:3px solid #FFD6E2;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets{width: 100px;} #userneopets img{width: 50px; height:auto;} .medText {font-family: tahoma;font-size: 7pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText { display:none; } #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px arial; color:#D82F62; text-transform:uppercase; letter-spacing:-8px; font-weight:bold;} .sym{ font:50px arial; color:#E25D87; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} b{ color:#EF7FA0;} a:link, a:visited, a:active{ color: #E25D87; font: 9px georgia; font-style:italic;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 310px; border-bottom: 20px solid #E56289; margin-bottom: -100px;"><td> <font class="sym">♛</font> <font class="h1">your name</font><br><font></font> <textarea><style></style> // *{} #ban{display:none} body {background:url(http://i48.tinypic.com/8ycqhf.png);} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #50D1E5;border-top:3px solid #50D1E5;border-left:3px solid #50D1E5;border-right:3px solid #50D1E5;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets{width: 100px;} #userneopets img{width: 50px; height:auto;} .medText {font-family: tahoma;font-size: 7pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText { display:none; } #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px arial; color:#42E5FF; text-transform:uppercase; letter-spacing:-8px; font-weight:bold;} .sym{ font:50px arial; color:#9EF2FF; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} b{ color:#50D1E5;} a:link, a:visited, a:active{ color: #E25D87; font: 9px georgia; font-style:italic;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 310px; border-bottom: 20px solid #50D1E5; margin-bottom: -100px;"><td> <font class="sym">♛</font> <font class="h1">your name</font><br><font></font> <textarea><style></style> // *{} #ban{display:none} body {background:url(http://i48.tinypic.com/8ycqhf.png);} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #FFBE4F;border-top:3px solid #FFBE4F;border-left:3px solid #FFBE4F;border-right:3px solid #FFBE4F;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets{width: 100px;} #userneopets img{width: 50px; height:auto;} .medText {font-family: tahoma;font-size: 7pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText { display:none; } #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px arial; color:#FFBE4F; text-transform:uppercase; letter-spacing:-8px; font-weight:bold;} .sym{ font:50px arial; color:#FFD07F; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} b{ color:#FFC15E;} a:link, a:visited, a:active{ color: #E25D87; font: 9px georgia; font-style:italic;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 310px; border-bottom: 20px solid #FFC15E; margin-bottom: -100px;"><td> <font class="sym">♛</font> <font class="h1">your name</font><br><font></font> <br><br><br><br><font class="h1"> want a blog ? </font> <br><br><br><b>+</b> copy and paste this code at the very <i>end</i> of the coding !!<br><br><br><br><textarea><div id="blog" style="position: absolute; left: 478px; top: 39px; width: 150px; height: 389px; text-align: center; background: #fff; padding: 3px; border: #F4F4F4 1px solid; margin-bottom: -100px;"> <font style="color: grey; font: tahoma 7px; line-height: 9px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor eros et quam laoreet gravida eget et nibh. In aliquet turpis id nunc aliquet cursus. Aenean lectus purus, ornare vel tempus ut, rhoncus sit amet augue. Ut sed risus neque, id venenatis justo. Morbi tempus, nibh et venenatis malesuada, lacus orci pharetra ligula, et mollis diam arcu at lectus. Nam varius massa a neque tempor egestas. Nulla massa sem, molestie id aliquet quis, tempor at urna. Pellentesque lacinia, arcu at vehicula eleifend, ante massa sodales risus, commodo sollicitudin elit nunc a mauris. Maecenas ac iaculis enim. Vestibuum fermentum ligula ut velit posuere vulputate. Suspendisse non felis lorem. Pellentesque lacinia, arcu at vehicula eleifend, ante massa sodales risus, commodo sollicitudin elit nunc a mauris. Maecenas ac iaculis enim. Vestibulum fermentum ligula ut.</font> </div>






<style></style> // *{} #ban{display:none} body {background:url(http://i50.tinypic.com/m7f4nr.png);background-repeat: repeat} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #FFBE4F;border-top:3px solid #FFBE4F;border-left:3px solid #FFBE4F;border-right:3px solid #FFBE4F;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets img{width: 120px; height:auto;} .medText {font-family: tahoma;font-size: 6pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText {display:none;} #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px georgia; color:#FFDE5E; text-transform:lowercase; letter-spacing:-8px; font-weight:none; font-style:italic;} .sym{ font:50px arial; color:#CECECE; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} .normal{font:8pt franklin gothic book;color:black;text-transform:lowercase;} b{ color:#FBECA5;font:8pt arial black;text-transform:uppercase;letter-spacing:-2px;font-weight:bold;} a:link, a:visited, a:active{ color: #808080; font: 10px georgia; font-style:italic;} a:hover{color:#fff} .bold{font:12pt trebuchet ms; color:#FFE132; font-weight:bold;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 3px; left: 300px; border-bottom: 170px solid #fff; margin-bottom: -100px; z-index: 2;"><td> <div style="position: absolute; top: 50px; left: 120px; z-index: 3; padding: 15px;"> <img src="http://i50.tinypic.com/2rfwztt.png"> </div> <div style="position: absolute; top: 370px; z-index: 3; padding: 15px;"> <font class="sym">♛</font> </div> <div style="position: absolute; left: 303px; top: 370px; z-index: 2; width: 380px; background-color: white; margin-bottom: -100px; padding: 15px;"> <font class="h1"></font><center>~your name</center> <br><center><font class="normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor eros et quam laoreet gravida eget et nibh. In aliquet turpis id nunc aliquet cursus. Aenean lectus purus, ornare vel tempus ut, rhoncus sit amet augue. Ut sed risus neque, id venenatis justo. Morbi tempus, nibh et venenatis malesuada, lacus orci pharetra ligula, et mollis diam arcu at lectus.<br><br><font class="bold">Credits:</font> all coding credit goes to paige (<a href="/userlookup.phtml?user=tsiella">emango</a>). photography credit goes to margot- at flickr. Get your own CSS <a href="/~uvnn">here</a>, at Déjà Vu. <textarea><style></style> // *{} #ban{display:none} body {background:url(http://i45.tinypic.com/24c709i.png);background-repeat: repeat} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #FFBE4F;border-top:3px solid #FFBE4F;border-left:3px solid #FFBE4F;border-right:3px solid #FFBE4F;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets img{width: 120px; height:auto;} .medText {font-family: tahoma;font-size: 6pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText {display:none;} #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px georgia; color:#479FCC; text-transform:lowercase; letter-spacing:-8px; font-weight:none; font-style:italic;} .sym{ font:50px arial; color:#CECECE; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} .normal{font:8pt franklin gothic book;color:black;text-transform:lowercase;} b{ color:#84A1F9;font:8pt arial black;text-transform:uppercase;letter-spacing:-2px;font-weight:bold;} a:link, a:visited, a:active{ color: #808080; font: 10px georgia; font-style:italic;} a:hover{color:#fff} .bold{font:12pt trebuchet ms; color:#479FCC; font-weight:bold;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 3px; left: 300px; border-bottom: 170px solid #fff; margin-bottom: -100px; z-index: 2;"><td> <div style="position: absolute; top: 50px; left: 120px; z-index: 3; padding: 15px;"> <img src="http://i49.tinypic.com/vdjn7r.png"> </div> <div style="position: absolute; top: 370px; z-index: 3; padding: 15px;"> <font class="sym">♛</font> </div> <div style="position: absolute; left: 303px; top: 370px; z-index: 2; width: 380px; background-color: white; margin-bottom: -100px; padding: 15px;"> <font class="h1"></font><center>~your name</center> <br><center><font class="normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor eros et quam laoreet gravida eget et nibh. In aliquet turpis id nunc aliquet cursus. Aenean lectus purus, ornare vel tempus ut, rhoncus sit amet augue. Ut sed risus neque, id venenatis justo. Morbi tempus, nibh et venenatis malesuada, lacus orci pharetra ligula, et mollis diam arcu at lectus.<br><br><font class="bold">Credits:</font> all coding credit goes to paige (<a href="/userlookup.phtml?user=tsiella">emango</a>). photography credit goes to sumthingdifferent at flickr. Get your own CSS <a href="/~uvnn">here</a>, at Déjà Vu. <textarea><style></style> // *{} #ban{display:none} body {background:url(http://i50.tinypic.com/zjcej4.jpg);background-repeat: repeat} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #B0F276;border-top:3px solid #B0F276;border-left:3px solid #B0F276;border-right:3px solid #B0F276;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets img{width: 120px; height:auto;} .medText {font-family: tahoma;font-size: 6pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText {display:none;} #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px georgia; color:#B0F276; text-transform:lowercase; letter-spacing:-8px; font-weight:none; font-style:italic;} .sym{ font:50px arial; color:#CECECE; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} .normal{font:8pt franklin gothic book;color:black;text-transform:lowercase;} b{ color:#A1EF58;font:8pt arial black;text-transform:uppercase;letter-spacing:-2px;font-weight:bold;} a:link, a:visited, a:active{ color: #808080; font: 10px georgia; font-style:italic;} a:hover{color:#fff} .bold{font:12pt trebuchet ms; color:#85C130; font-weight:bold;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 3px; left: 300px; border-bottom: 170px solid #fff; margin-bottom: -100px; z-index: 2;"><td> <div style="position: absolute; top: 50px; left: 120px; z-index: 3; padding: 15px;"> <img src="http://i45.tinypic.com/2hdnmea.jpg"> </div> <div style="position: absolute; top: 370px; z-index: 3; padding: 15px;"> <font class="sym">♛</font> </div> <div style="position: absolute; left: 303px; top: 370px; z-index: 2; width: 380px; background-color: white; margin-bottom: -100px; padding: 15px;"> <font class="h1"></font><center>~your name</center> <br><center><font class="normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor eros et quam laoreet gravida eget et nibh. In aliquet turpis id nunc aliquet cursus. Aenean lectus purus, ornare vel tempus ut, rhoncus sit amet augue. Ut sed risus neque, id venenatis justo. Morbi tempus, nibh et venenatis malesuada, lacus orci pharetra ligula, et mollis diam arcu at lectus.<br><br><font class="bold">Credits:</font> all coding credit goes to paige (<a href="/userlookup.phtml?user=tsiella">emango</a>). photography credit goes to irishgirl72 at dA. Get your own CSS <a href="/~uvnn">here</a>, at Déjà Vu. <textarea><style></style> // *{} #ban{display:none} body {background:url(http://i46.tinypic.com/favr5s.jpg);background-repeat: repeat} #footer, #user, #header, .sf, .sidebar, .brand-mamabar, #usershop, #userneohome, #usertrophies, #usercollections, .contentModuleHeader, .contentModuleHeaderAlt{display: none;} #userinfo img{width:0px;height:auto;} #userinfo{width: 290px;height:100px} #userneopets img:hover{border-bottom:3px solid #FF7CAC;border-top:3px solid #FF7CAC;border-left:3px solid #FF7CAC;border-right:3px solid #FF7CAC;} #userneopets img{border-bottom:3px solid #fff;border-top:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;} #userneopets img{width: 120px; height:auto;} .medText {font-family: tahoma;font-size: 6pt;line-height: 8pt;color: #999999; text-transform:lowercase;} #userinfo .medText .medText .medText {display:none;} #userneopets img{padding-bottom:-5px;} .contentModule,.contentModuleTable{border: 0px;} .content div a img, .content div b {visibility:hidden;} .contentModule div a img, .contentModule div b {visibility:visible;} #main{border: none; background: transparent;} .h1{ font:50px georgia; color:#FF7CAC; text-transform:lowercase; letter-spacing:-8px; font-weight:none; font-style:italic;} .sym{ font:50px arial; color:#CECECE; text-transform:uppercase; letter-spacing:-8px; font-weight:none;} .normal{font:8pt franklin gothic book;color:black;text-transform:lowercase;} b{ color:#FF9BC0;font:8pt arial black;text-transform:uppercase;letter-spacing:-2px;font-weight:bold;} a:link, a:visited, a:active{ color: #808080; font: 10px georgia; font-style:italic;} a:hover{color:#fff} .bold{font:12pt trebuchet ms; color:#FF9BC0; font-weight:bold;} /> <table style="position: absolute; background-color: white; margin-top: -10px; width: 3px; left: 300px; border-bottom: 170px solid #fff; margin-bottom: -100px; z-index: 2;"><td> <div style="position: absolute; top: 50px; left: 120px; z-index: 3; padding: 15px;"> <img src="http://i50.tinypic.com/2rzdwgo.jpg"> </div> <div style="position: absolute; top: 370px; z-index: 3; padding: 15px;"> <font class="sym">♛</font> </div> <div style="position: absolute; left: 303px; top: 370px; z-index: 2; width: 380px; background-color: white; margin-bottom: -100px; padding: 15px;"> <font class="h1"></font><center>~your name</center> <br><center><font class="normal">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porttitor eros et quam laoreet gravida eget et nibh. In aliquet turpis id nunc aliquet cursus. Aenean lectus purus, ornare vel tempus ut, rhoncus sit amet augue. Ut sed risus neque, id venenatis justo. Morbi tempus, nibh et venenatis malesuada, lacus orci pharetra ligula, et mollis diam arcu at lectus.<br><br><font class="bold">Credits:</font> all coding credit goes to paige (<a href="/userlookup.phtml?user=tsiella">emango</a>). photography credit goes to marys_friends at PB. Get your own CSS <a href="/~uvnn">here</a>, at Déjà Vu. <br><br><br><br><font class="h1"> don't have three pets? </font> <br><br><br><b>+</b> You will need to change the width of the blog, so that it doesn't look odd. <br><b>+</b> Find the bit of coding that looks like this:<br><font class="b">div style="position:absolute;left:303px;top:370px;opacity:0.65;filter:alpha(opacity=65);z-index:1;width:380px;background-color:white;-moz-border-radius: 15px; -webkit-border-radius: 15px;margin-bottom:-100px;z-index:2;padding:15px;</font> <br><b>+</b> You're going to need to mess with the value, width:380px<br><b>+</b> If you have four pets, you'll need to increase the value<br><b>+</b> If you have one or two pets, you'll need to decrease the value.<br><b>+</b> Sorry for the hassle and just neomail me if you need any help at all! <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><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="petpages"></a> <font class="star">❝</font> <font class="h1"> lights will guide you home </font> <font class="star">☆</font><br><font class="h2">& IGNITE YOUR BONES & I WILL TRY TO FIX YOU ❞</font> <br><font class="sym">♔♞♕♝♖♛♗♚♘♜</font> <font class="header">★—</font><font class="one">petpage css </font><br><br> Here is some great petpage css that you can use to decorate your petpages. In order to use these codes, go here:<br><a href="http://www.neopets.com/editpage.phtml?pet_name=petname">http://www.neopets.com/editpage.phtml?pet_name=petname</a><br> Enter your the name of the pet on whose page you would like the CSS to be used instead of "petname." <br><br><img src="http://i48.tinypic.com/2j0o9vp.png"><br><img src="http://i45.tinypic.com/rvafk3.jpg" height="146" width="112"><img src="http://i46.tinypic.com/k4vwc7.jpg" height="146" width="112"><img src="http://i49.tinypic.com/2q3daqa.jpg" height="146" width="112"><img src="http://i50.tinypic.com/4ufot1.jpg" height="146" width="112"><br><textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i42.tinypic.com/112e4k5.gif"); background-repeat: repeat; } #hello { top: 50px; left: 200; width: 600px; height: 700px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } a { color: #FF5E96; font: 8pt tahoma; font-weight: bold; } a:hover { color: #FF96BB; } .h1 { font: 35px georgia; color: #DB95C7; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .h2 { font: 35px georgia; color: #D65E8A; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: left; border-bottom: 3pt solid #BCBCBC; } .h3 { font: 35px georgia; color: #E23675; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .symbol { font: 25pt arial; color: #B76190; } .b { font: 8pt tahoma; color: #CE426C; font-weight: bold; } .u { font: 8pt georgia; color: #B59DA4; font-style: -blocked-; border-bottom: 1px solid #CC7E95; } .i { font: 8pt georgia; color: #E06297; font-style: italic; } .credit { font: 16pt arial; color: #E06297; font-weight: bold; border-bottom: 3px solid #CE426C; } </style> <div id="hello" style="position: absolute; padding: 6px; border: 1px solid #e7e7e7;"><tr><td> <p align="left"><font class="h1">header one</font> <font class="symbol">☆</font></p> <p></p> <font class="b">bold</font> - <font class="u">underline</font> - <font class="i">italic</font><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="right"> <font class="symbol">☆</font> <font class="h2">header two</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="left"><font class="h3">header three</font> <font class="symbol">☆</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits!</font><br><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <br><br><br><br><br><textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i48.tinypic.com/mctbm9.jpg"); background-repeat: repeat; } #hello { top: 50px; left: 200; width: 600px; height: 700px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } a { color: #858189; font: 8pt tahoma; font-weight: bold; } a:hover { color: #C1BCC6; } .h1 { font: 35px georgia; color: #91E840; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .h2 { font: 35px georgia; color: #B1EA7C; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: left; border-bottom: 3pt solid #BCBCBC; } .h3 { font: 35px georgia; color: #C7FF93; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .symbol { font: 25pt arial; color: #B099C4; } .b { font: 8pt tahoma; color: #915BC1; font-weight: bold; } .u { font: 8pt georgia; color: #B9B3BF; font-style: -blocked-; border-bottom: 1px solid #B9B3BF; } .i { font: 8pt georgia; color: #B1EA7C; font-style: italic; } .credit { font: 16pt arial; color: #91E840; font-weight: bold; border-bottom: 3px solid #C7FF93; } </style> <div id="hello" style="position: absolute; padding: 6px; border: 1px solid #e7e7e7;"><tr><td> <p align="left"><font class="h1">header one</font> <font class="symbol">☆</font></p> <p></p> <font class="b">bold</font> - <font class="u">underline</font> - <font class="i">italic</font><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="right"> <font class="symbol">☆</font> <font class="h2">header two</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="left"><font class="h3">header three</font> <font class="symbol">☆</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits!</font><br><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <br><br><br><br><br><textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i49.tinypic.com/2mfk6j6.jpg"); background-repeat: repeat; } #hello { top: 50px; left: 200; width: 600px; height: 700px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } a { color: #858189; font: 8pt tahoma; font-weight: bold; } a:hover { color: #C1BCC6; } .h1 { font: 35px georgia; color: #A8DBA8; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .h2 { font: 35px georgia; color: #79BD9A; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: left; border-bottom: 3pt solid #BCBCBC; } .h3 { font: 35px georgia; color: #3B8686; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .symbol { font: 25pt arial; color: #B099C4; } .b { font: 8pt tahoma; color: #4EADAD; font-weight: bold; } .u { font: 8pt georgia; color: #FFEEA7; font-style: -blocked-; border-bottom: 1px solid #B9B3BF; } .i { font: 8pt georgia; color: #95E5BB; font-style: italic; } .credit { font: 16pt arial; color: #C6C6C6; font-weight: bold; border-bottom: 3px solid #0B486B; } </style> <div id="hello" style="position: absolute; padding: 6px; border: 1px solid #e7e7e7;"><tr><td> <p align="left"><font class="h1">header one</font> <font class="symbol">☆</font></p> <p></p> <font class="b">bold</font> - <font class="u">underline</font> - <font class="i">italic</font><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="right"> <font class="symbol">☆</font> <font class="h2">header two</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="left"><font class="h3">header three</font> <font class="symbol">☆</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits!</font><br><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <br><br><br><br><br><textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i48.tinypic.com/34ovcap.jpg"); background-repeat: repeat; } #hello { top: 50px; left: 200; width: 600px; height: 700px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } a { color: #C7F464; font: 8pt tahoma; font-weight: bold; } a:hover { color: #C1BCC6; } .h1 { font: 35px georgia; color: #C7F464; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .h2 { font: 35px georgia; color: #79BD9A; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: left; border-bottom: 3pt solid #BCBCBC; } .h3 { font: 35px georgia; color: #C44D58; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; } .symbol { font: 25pt arial; color: #B099C4; } .b { font: 8pt tahoma; color: #4ECDC4; font-weight: bold; } .u { font: 8pt georgia; color: #B9B3BF; font-style: -blocked-; border-bottom: 1px solid #FFEEA7; } .i { font: 8pt georgia; color: #556270; font-style: italic; } .credit { font: 16pt arial; color: #CC4F7D; font-weight: bold; border-bottom: 3px solid #CCCCCC; } </style> <div id="hello" style="position: absolute; padding: 6px; border: 1px solid #e7e7e7;"><tr><td> <p align="left"><font class="h1">header one</font> <font class="symbol">☆</font></p> <p></p> <font class="b">bold</font> - <font class="u">underline</font> - <font class="i">italic</font><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="right"> <font class="symbol">☆</font> <font class="h2">header two</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><p align="left"><font class="h3">header three</font> <font class="symbol">☆</font></p> <p></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits!</font><br><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <br><br><br><br><br><br><br><img src="http://i49.tinypic.com/1y0sch.jpg"><br><br><img src="http://i46.tinypic.com/flwkuc.jpg" width="112" height="146"><img src="http://i46.tinypic.com/5a0zs1.jpg" width="112" height="146"><img src="http://i48.tinypic.com/f3fl7p.jpg" width="112" height="146"><img src="http://i49.tinypic.com/30tmik0.jpg" width="112" height="146"><br><textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i45.tinypic.com/2aaf0hg.png"); background-repeat: repeat; } #hello { top: 50px; left: 100; width: 450px; height: 310px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } #aster1 { left: 500px; top: 0px; } #aster2 { left: 505px; top: 0px; } #aster3 { left: 510px; top: 0px; } #quo { left: 547px; top: 45px; margin-top: 0px; } a { color: #FF5E96; font: 8pt tahoma; font-weight: bold; } a:hover { color: #FF96BB; } .aster1 { font: 220pt calibri; color: #EAEAEA; } .aster2 { font: 220pt calibri; color: #DBDBDB; } .aster3 { font: 220pt calibri; color: #CCCCCC; } .quo { font: 150pt trebuchet ms; color: #DB326D; } .h1 { font: 35px georgia; color: #878787; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; line-height: 42pt; } .symbol { font: 25pt arial; color: #FF3A7C; line-height: 42pt; } .b { font: 8pt tahoma; color: #CE426C; font-weight: bold; } .u { font: 8pt georgia; color: #B59DA4; font-style: -blocked-; border-bottom: 1px solid #CC7E95; } .i { font: 8pt georgia; color: #E06297; font-style: italic; } .credit { font: 16pt arial; color: #E06297; font-weight: bold; border-bottom: 3px solid #CE426C; } </style> <div id="quo" style="position: absolute;"><tr><td> <font class="quo">›</font> <div id="hello" style="position: absolute; padding: 6px; border: 3px solid #DB326D;"> <p align="left"><font class="h1">header</font> <font class="symbol">☆</font></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits</font><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <div id="aster1" style="position: absolute;"><tr><td> <font class="aster1">*</font> <div id="aster2" style="position: absolute;"><tr><td> <font class="aster2">*</font> <div id="aster3" style="position: absolute;"><tr><td> <font class="aster3">*</font> <textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i45.tinypic.com/2aaf0hg.png"); background-repeat: repeat; } #hello { top: 50px; left: 100; width: 450px; height: 310px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } #aster1 { left: 500px; top: 0px; } #aster2 { left: 505px; top: 0px; } #aster3 { left: 510px; top: 0px; } #quo { left: 547px; top: 45px; margin-top: 0px; } a { color: #259EA7; font: 8pt tahoma; font-weight: bold; } a:hover { color: #B59DA4; } .aster1 { font: 220pt calibri; color: #EAEAEA; } .aster2 { font: 220pt calibri; color: #DBDBDB; } .aster3 { font: 220pt calibri; color: #CCCCCC; } .quo { font: 150pt trebuchet ms; color: #1790A5; } .h1 { font: 35px georgia; color: #878787; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; line-height: 42pt; } .symbol { font: 25pt arial; color: #259EA7; line-height: 42pt; } .b { font: 8pt tahoma; color: #259EA7; font-weight: bold; } .u { font: 8pt georgia; color: #B59DA4; font-style: -blocked-; border-bottom: 1px solid #259EA7; } .i { font: 8pt georgia; color: #2FC3CE; font-style: italic; } .credit { font: 16pt arial; color: #74D6F7; font-weight: bold; border-bottom: 3px solid #CBE6EF; } </style> <div id="quo" style="position: absolute;"><tr><td> <font class="quo">›</font> <div id="hello" style="position: absolute; padding: 6px; border: 3px solid #1790A5;"> <p align="left"><font class="h1">header</font> <font class="symbol">☆</font></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits</font><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <div id="aster1" style="position: absolute;"><tr><td> <font class="aster1">*</font> <div id="aster2" style="position: absolute;"><tr><td> <font class="aster2">*</font> <div id="aster3" style="position: absolute;"><tr><td> <font class="aster3">*</font> <textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i45.tinypic.com/2aaf0hg.png"); background-repeat: repeat; } #hello { top: 50px; left: 100; width: 450px; height: 310px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } #aster1 { left: 500px; top: 0px; } #aster2 { left: 505px; top: 0px; } #aster3 { left: 510px; top: 0px; } #quo { left: 547px; top: 45px; margin-top: 0px; } a { color: #A4EA48; font: 8pt tahoma; font-weight: bold; } a:hover { color: #BDEF7C; } .aster1 { font: 220pt calibri; color: #EAEAEA; } .aster2 { font: 220pt calibri; color: #DBDBDB; } .aster3 { font: 220pt calibri; color: #CCCCCC; } .quo { font: 150pt trebuchet ms; color: #97EA38; } .h1 { font: 35px georgia; color: #878787; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; line-height: 42pt; } .symbol { font: 25pt arial; color: #A7FF3D; line-height: 42pt; } .b { font: 8pt tahoma; color: #A2F23A; font-weight: bold; } .u { font: 8pt georgia; color: #B59DA4; font-style: -blocked-; border-bottom: 1px solid #A2F23A; } .i { font: 8pt georgia; color: #BDEF7C; font-style: italic; } .credit { font: 16pt arial; color: #C4FF7C; font-weight: bold; border-bottom: 3px solid #9FCE65; } </style> <div id="quo" style="position: absolute;"><tr><td> <font class="quo">›</font> <div id="hello" style="position: absolute; padding: 6px; border: 3px solid #97EA38;"> <p align="left"><font class="h1">header</font> <font class="symbol">☆</font></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits</font><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <div id="aster1" style="position: absolute;"><tr><td> <font class="aster1">*</font> <div id="aster2" style="position: absolute;"><tr><td> <font class="aster2">*</font> <div id="aster3" style="position: absolute;"><tr><td> <font class="aster3">*</font> <textarea><style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i45.tinypic.com/2aaf0hg.png"); background-repeat: repeat; } #hello { top: 50px; left: 100; width: 450px; height: 310px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; } #aster1 { left: 500px; top: 0px; } #aster2 { left: 505px; top: 0px; } #aster3 { left: 510px; top: 0px; } #quo { left: 547px; top: 45px; margin-top: 0px; } a { color: #BE63E2; font: 8pt tahoma; font-weight: bold; } a:hover { color: #CFA8E0; } .aster1 { font: 220pt calibri; color: #EAEAEA; } .aster2 { font: 220pt calibri; color: #DBDBDB; } .aster3 { font: 220pt calibri; color: #CCCCCC; } .quo { font: 150pt trebuchet ms; color: #A54CFF; } .h1 { font: 35px georgia; color: #878787; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; line-height: 42pt; } .symbol { font: 25pt arial; color: #6B32A8; line-height: 42pt; } .b { font: 8pt tahoma; color: #6B32A8; font-weight: bold; } .u { font: 8pt georgia; color: #B59DA4; font-style: -blocked-; border-bottom: 1px solid #AC68FF; } .i { font: 8pt georgia; color: #D3ADFF; font-style: italic; } .credit { font: 16pt arial; color: #B168FF; font-weight: bold; border-bottom: 3px solid #7D4AB5; } </style> <div id="quo" style="position: absolute;"><tr><td> <font class="quo">›</font> <div id="hello" style="position: absolute; padding: 6px; border: 3px solid #A54CFF;"> <p align="left"><font class="h1">header</font> <font class="symbol">☆</font></p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget odio ut sem scelerisque ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas auctor accumsan est vel auctor. Morbi quis justo eget risus viverra volutpat tristique sit amet nisl. Donec dignissim, magna vitae ultrices lacinia, sapien purus aliquet nisi, vel ultrices nisi odio in tellus. Sed mi nisi, sagittis quis vestibulum a, condimentum iaculis risus. Curabitur eu mi nunc. In lacinia accumsan lacinia. Suspendisse molestie enim et nisl volutpat ac ornare est posuere. Fusce in nisi justo, ac egestas tortor. Etiam in leo vel sem sodales ultrices. Nam sit amet sem ac tellus accumsan semper. <br><br><font class="credit">credits</font><br><font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font>. get your own CSS, at <a href="/~uvnn">déjà vu</a>. <div> <div id="aster1" style="position: absolute;"><tr><td> <font class="aster1">*</font> <div id="aster2" style="position: absolute;"><tr><td> <font class="aster2">*</font> <div id="aster3" style="position: absolute;"><tr><td> <font class="aster3">*</font> <br><br><img src="http://i45.tinypic.com/b4xbmf.png"><br><br> COMING SOON! <br><img src="http://i45.tinypic.com/30ib9kg.png"><img src="http://i45.tinypic.com/30ib9kg.png"><img src="http://i45.tinypic.com/30ib9kg.png"><img src="http://i45.tinypic.com/30ib9kg.png"><br><textarea>







































❝ have you ever been alone ☆
IN A CROWDED ROOM WHEN I'M HERE WITH YOU ❞
♔♞♕♝♖♛♗♚♘♜

★—pickups

for Tayla (ijustcoloured)
<style> { } table { background-color: transparent; } table a img { display: none; } font.sf, .hold { visibility: hidden; } body { font: 8pt tahoma; color: grey; text-align: center; line-height: 20px; background: url("http://i48.tinypic.com/mctbm9.jpg"); background-repeat: repeat; } #one { top: 50px; left: 25; width: 450px; height: 530px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; overflow: auto; } #two { top: 50px; left: 500; width: 450px; height: 530px; background-color: #fff; border: none; padding-right: 10px; padding-left: 10px; overflow: -blocked-; } #aster1 { left: 474px; top: 75px; } #aster2 { left: 480px; top: 75px; } a { color: #BE63E2; font: 8pt tahoma; font-weight: bold; } a:hover { color: #CFA8E0; } .aster2 { font: 180pt calibri; color: #C190F9; } .aster1 { font: 180pt calibri; color: #E6C9FF; } .h1 { font: 35px georgia; color: #878787; letter-spacing: -2px; font-weight: -blocked-; font-style: italic; text-align: right; border-bottom: 3pt solid #BCBCBC; line-height: 42pt; } .symbol { font: 25pt arial; color: #6B32A8; line-height: 42pt; } .b { font: 8pt tahoma; color: #6B32A8; font-weight: bold; } .u { font: 8pt georgia; color: #B59DA4; font-style: -blocked-; border-bottom: 1px solid #AC68FF; } .i { font: 8pt georgia; color: #D3ADFF; font-style: italic; } .credit { font: 16pt arial; color: #B168FF; font-weight: bold; border-bottom: 3px solid #7D4AB5; } </style> <div id="one" style="position: absolute; padding: 6px; border: 3px solid #A54CFF;"> <img src="http://i47.tinypic.com/wvd4qu.jpg"><br><p align="left"><font class="h1">header one</font> <font class="symbol">☆</font></p> Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! Here's the text that goes below your first header! <br><br><br><br><font class="credit">credits</font><p> <font class="b">CSS</font> and <font class="b">images</font> were made by <font class="i"><a href="http://www.neopets.com/userlookup.phtml?user=tsiella">paige</a></font> <br>exclusively for Tayla. get your own CSS, at <a href="/~uvnn">déjà vu</a>. </p> </div> <div id="two" style="position: absolute; padding: 6px; border: 3px solid #A54CFF;"> <p align="right"><font class="h1">header two</font> <font class="symbol">☆</font></p> Here's the text that goes below your second header! Here's the text that goes below your second header! Here's the text that goes below your second header! Here's the text that goes below your second header! Here's the text that goes below your second header! Here's the text that goes below your second header! <br><br><p align="left"><font class="h1">header three</font> <font class="symbol">☆</font></p> Here's the text that goes below your third header! Here's the text that goes below your third header! Here's the text that goes below your third header! Here's the text that goes below your third header! Here's the text that goes below your third header! Here's the text that goes below your third header! Here's the text that goes below your third header! <br><br><p align="right"><font class="h1">header four</font> <font class="symbol">☆</font></p> Here's the text that goes below your fourth header! Here's the text that goes below your fourth header! Here's the text that goes below your fourth header! Here's the text that goes below your fourth header! Here's the text that goes below your fourth header! Here's the text that goes below your fourth header! Here's the text that goes below your fourth! <br><br> </div>











































































































❝ have you ever been alone ☆
IN A CROWDED ROOM WHEN I'M HERE WITH YOU ❞
♔♞♕♝♖♛♗♚♘♜

★—link back!



<a href="/~Uvnn"><img src="http://i49.tinypic.com/o07aww.gif"></a><a href="/~Uvnn"><img src="http://i47.tinypic.com/w7m139.gif"></a><a href="/~Uvnn"><img src="http://i50.tinypic.com/11h9x5l.gif"></a><a href="/~Uvnn"><img src="http://i49.tinypic.com/o07aww.gif"></a>
~ more to come !











































❝ have you ever been alone ☆
IN A CROWDED ROOM WHEN I'M HERE WITH YOU ❞
♔♞♕♝♖♛♗♚♘♜ ★—affies ♥










































❝ have you ever been alone ☆
IN A CROWDED ROOM WHEN I'M HERE WITH YOU ❞
♔♞♕♝♖♛♗♚♘♜









★—credits
ALL CODING © PAIGE/TSIELLA BACKGROUNDS TAKEN FROM dA AND EDITED BY ME.
TOUTE L'ENCODAGE © PAIGE/TSIELLA LES FONDS VIENNENT DE dA ET EDITE PAR MOI.

dAs- eddli, zygat3r.



































































































* * * * * * * * * * * * * ☆ ☆