Home | CSS | Icons | Site | Credits | Neomail | Neo

hourglass css*

Hello guest, welcome to Hourglass CSS, a premade CSS site run by Kitty (kylithekitty). This is where where you'll find unique and colorful petpage and userlookup layouts. Feel free to take a look around. (:

Why is Hourglass here? What makes it so different?
Hourglass was created on June 18th, 2010. I had an old site called Sprinkles Inc. (which was soon transformed into Hollywood CSS), that lasted about six months until Neopets updated all the filters. I quit a couple days after, giving up entirely on my old layouts.

I came back last month, and everything was... different.
It seemed to me that everyone was just out for a competition, to who can have to most/best affies, or who can get listed at the most directories, or who could get the best reviews. Everyone was against each other, trying to push their way to the top with the sites that have been popular for a long time. But Neopets sites aren't supposed to be like that. Neopets sites should be here to help people. To make them feel welcome, and help them get what they need.
That's why I created Hourglass.

rules

I have one rule: DON'T STEAL. Pleeeaaase.
I work hard on my layouts; I'd be extremely upset if someone tried to rip me off at what I enjoy doing. You can edit the layouts all you want, but please leave credit.
Please neomail me if you find anyone stealing my CSS.


updates&blog


8/07/10-- +2 affiliates.
+1 listed.
Sorry again for not updating. Starting school soon :p. It's gotta start sometime though, doesn't it? *sigh* Anyways, haven't gotten much inspiration as I like to call it recently, all my ideas have fallen flat. But I should be able to pull myself together for at least a few weeks. Sorry for not doing much, once again. I promise I'll be better ^^; xo

8/03/10-- +3 affiliates.
+1 listed.
+2 icons.
Sorry for not updating; been kinda busy (or lazy, whichever one). I'm working on a petpage atm, considering I haven't made one for at least a month. It should be up today/tomorrow... something like that. xo

7/27/10-- +1 new affiliate.
+2 new icons.
Ah. All my links went crazy. x.x Gosh-darn coding. I fixed it all thankfully; I'll be working on a new petpage any day now... when I work up enough energy to do something. xo

7/22/10-- +1 new affiliate.
+3 new icons.
Aah! 1000 pageviews! Woohoooooo (: Thanks so much guys. xoxo

7/20/10-- +1 new affiliate.
+4 icons.
+1 new layout!
Geez. It's been like... eight days since I updated. o.o New layout! Wooooohoooh(:

7/12/10-- +4 new affiliates.
+1 new lookup.

7/11/10-- +1 new affiliate.
+1 lookup.
Ahh, I finished my first lookup! It's been so long since I even attempted to make one.. it's really simple, but hopefully my lookup-skillz will improve(:

7/10/10-- +2 new affiliates.
So yeah. I was thinking about going on hiatus (dun dun duhhhhh) but yeah. I'm not anymore, so.... yup(: Thanks for sticking with me, guys. I'm back for good now! :D

7/08/10-- +2 new affiliates.
+1 lister.
So yeah. Not really been updating, adding stuff lately... sorry about that guys. I might be going on a bit of a hiatus, not sure yet. For now, I'll try and add a few more petpages or somethin(: Thanks guys.
-xokitty♥

7/05/10-- +1 lister.
+1 review (90/100).

7/03/10-- +2 new affiliates.
+1 lister.
+1 anchored petpage.
First anchored petpage up! Took me long enough. :P So yeah. I'll (hopefully) be adding more pages tomorrow... unless I forget again.

7/01/10-- +1 new petpage.
+1 new contest.
+1 new layout!

the css

Drag images to address bar for full preview. Also, hover over the images for the name of the layouts.

Be sure to change [ and ] tags to angle brackets.

petpages


[style /] .object,td{display:none;} table,tr,td,.text,font,p,body,div,textarea,br,li{font:11px tahoma;color:#333333;} a:link,a:active,a:visited,a b{color:#f4c8b4;text-decoration:none;} b{color:#edb98e;} u{color:#eb6375;} i{color:#ff3853;} body{background-color:#a88d76;} #main {width:400px;height:auto;background:#ffffff;border:1px solid #cccccc;} h1{font:37px georgia;font-style:italic;letter-spacing:-3px;color:#f4c8b4;} a.nav1{background-color:#edb98e;} a.nav2{background-color:#eb6375;} a.nav3{background-color:#ff3853;} a.nav1:hover,a.nav2:hover,a.nav3:hover{background-color:#a88d76;} a.nav1,a.nav2,a.nav3{font:0px verdana;height:100px;width:133px;} [/style][center] [a href="/" class=nav1][/a] [a href="/" class=nav2][/a] [a href="/" class=nav3][/a] [a href="/" class=nav4][/a][br] [div id=main] [h1]header[/h1] put your text here. :) and change the three links above to whatever you want. [p] [b]bold[/b] [u]under[/u] [i]ital[/i] [a href="/"]link[/a][p] your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. [p] your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. [p][p] Petpage by [a href="/~technicolorrainbow"]kitty | hourglass[/a][p][/div]
[style /] .object,td{display:none;} a:link,a:active,a:visited,a b{color:#BBFBBF;text-decoration:none;} b,u,i,strike{color:#bbfbbf;} body{background-color:#DDFDDF;} a.golly1{background-color:#AAFAAF;} a.golly2{background-color:#BBFBBF;} a.golly3{background-color:#CCFCCF;} a.golly1,a.golly2,a.golly3{font:0px verdana;height:15px;width:100%;padding:0px;margin:0px;border:0px;display:block;} a.golly1:hover,a.golly2:hover,a.golly3:hover{background-color:whitesmoke;} tr,td,table,.text,div,font,textarea,p,body,br,li{font:10px tahoma;color:#999999;} #main{background:white;width:420px;padding:4px;} h1{font:56px georgia;font-weight:bold;color:#AAFAAF;text-align:center;letter-spacing:-3px;} [/style][center] [h1][i]titlehere*[/i][/h1] [div id=main] [a href="/" class=golly3][/a] [a href="/" class=golly2][/a] [a href="/" class=golly1][/a] [a href="/" class=golly3][/a] [a href="/" class=golly2[[/a] [a href="/" class=golly1][/a][p] put your text here. :) And change the links above to whatever you want. [p] your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. [p] your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. your text here. [p][p] petpage by [a href="/~technicolorrainbow"]kitty | hourglass[/a] [p][/div]
[style /] td,.object{display:none;} body{background:#e5daba;} table,tr,td,.text,font,p,body,div,textarea,br,li{font:10px verdana;color:#333;} a:link,a:visited,a b,a{color:#aed4bf;text-decoration:none;} a:hover,a b:hover{color:#e46964;} #main{width:500px;padding:15px;background:#fff;border:1px solid #aaa;height:400px;z-index:1;} i{color:#e46964;} u{color:#e9bfa6;} b{color:#9f8668;} #container{background:transparent;width:355px;border:none;height:340px;overflow:auto;z-index:2;} #navvy{height:365px;width:140px;background:transparent;z-index:2;top:30px;left:375px;padding:15px;} a.nav:link,a.nav:visited{font:40px georgia;color:#9f8668;text-decoration:none;font-style:normal;display:block;text-align:right;} a.nav:hover{font-style:italic;} h1{font:30px georgia;font-style:italic;color:#e9bfa6;letter-spacing:-1px;text-align:right;padding-right:7px;} h3{font:14px georgia;font-style:italic;color:#aed4bf;letter-spacing:0px;text-align:right;} [/style] [div id=main] [div id=container align=center] [h1]zeheaderr[/h1] hi there.[br] iloveyou c:[p] [a href="/"]major linkage[/a][br] [b]bold[/b] [i]ital[/i] && [u]under[/u][p][p] there's an empty room at the end of the hall[br] and its begging to swallow you whole[br] each step you take[br] makes it easier to fall on your face[br] each tear you fake[br] makes it easier to see straight through you now[br] and youre so hateful sometimes[br] throwing punches at lies[br] fall from somewhere above[br] just to say youre in love [p][/div] [div id=navvy style="position:absolute;" align=center] [a href="/" class=nav]link[/a] [a href="/" class=nav]link[/a] [a href="/" class=nav]link[/a] [a href="/~technicolorrainbow" class=nav]cred[/a][p] [h3]subheader[/h3] hi there.[br] my name is doug.[p] petpage by [b]kitty(kylithekitty)[/b][p][/div][/div]



[style /] body{background-color:white;} table,.object{display:none;} tr,td,body,font,p,.text,li,div,textarea,br{font:11px tahoma;color:dimgray;} .a{width:520;height:400;overflow:auto;background:transparent;padding:3px;} a:link,a:visited{color:#92B8CC;text-decoration:none;font:11px tahoma;} a:hover{color:#B2A8C0;cursor:crosshair;font-style:italic;} h1{font:60px century gothic;color:#B2A8C0;background-color:white;text-align:center;font-weight:bold;} .title{font:60px century gothic;font-weight:bold;color:#92B8CC;background-color:white;text-align:center;} h2{font-style:italic;color:white;background-color:#B2A8C0;size:20pt arial;text-align:right;} a.h5:link,a.h5:visited{color:white;background-color:#92B8CC;text-align:right;font-weight:bold;} a.h5:hover{font-style:italic;color:white;} h5{font-style:italic;color:white;background-color:#92B8CC;text-align:right;} [/style][center] [h1]HARRY [font class="title"]POTTER &&&[/font][/h1][br] [div class=a] [center] [a name=top][h2]the half-blood prince[/h2][/a] text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text [br][br][h5]Entry Date: 6/18/10[br][a href="#top "class=h5]back to top?[/a][/h5][br][br] [h2]header[/h2] text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text [br][br][h5]Entry Date: 6/18/10[br][a href="#top" class=h5]back to top?[/a][/h5][br][br] [h2]header[/h2] text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text [br][br][h5]Entry Date: 6/18/10[br][a href="#top" class=h5]back to top?[/a][/h5][br][br] [h2]creds[/h2] Petpage by [a href="/~technicolorrainbow"]kitty | hourglass[/a][br][br]
[style /] table,.object{display:none;} body{background:#e1dcb4;} #main{width:500px;height:375px;border:1px solid #ccc;background:#fff;padding:10px;} table,tr,td,.text,font,p,body,div,textarea,br,li{font:10px tahoma;color:#333;} b{color:#add2b3;} i{color:#FFDEB8;} u{color:#FE6D94;} a:link,a:visited,a b,a{color:#E63054;text-decoration:none;} a:hover,a b:hover{text-decoration:underline;cursor:default;} [/style] [div id=main] [img src=http://i51.photobucket.com/albums/f356/WVlilsexEthang/phtography-1.jpg align=left] [div style="height:100px;width:339px;overflow:auto;padding:7px;"] hi there.[br] i love you. c:[p] [a href="/"]link[/a][br][b]bold[/b] [i]ital[/i] [u]under[/u][p] icons off [b]photobucket[/b] bby. lovee[p][/div][p] [img src=http://i173.photobucket.com/albums/w76/ooo_ctc/photography/vintagevynls.jpg align=right] [div style="height:100px;width:339px;overflow:auto;padding:7px;"] hi there.[br] i love you. c:[p] [a href="/"]link[/a][br][b]bold[/b] [i]ital[/i] [u]under[/u][p] icons off [b]photobucket[/b] bby. lovee[p][/div][p] [img src=http://i293.photobucket.com/albums/mm74/NessQuickGlamour/8a408342fd0d1f993caaa57eb20b1ff5.png align=left] [div style="height:100px;width:339px;overflow:auto;padding:7px;"] hi there.[br] i love you. c:[p] [a href="/"]link[/a][br][b]bold[/b] [i]ital[/i] [u]under[/u][p] icons off [b]photobucket[/b] bby. lovee [p] petpage by [a href="~technicolorrainbow"]kitty | hourglass[/a][p] [/div][p] [/div]
[style /] td,.object{display:none;} body{background:#fffee0;} table,tr,td,.text,font,p,body,div,textarea,br,li{font:10px verdana;color:#333;} b{color:#ff9191;} a:link, a:visited, a b, a{color:#78ffa5;text-decoration:none;} i{color:#ffc391;} u{color:#fffa99;} a:hover, a b:hover{color:#7abfff;} #main{background:#fff;border:1px solid #ccc;width:300px;padding:8px;} a.nav1{color:#ff9191;background-color:#ff9191;} a.nav2{color:#ffc391;background-color:#ffc391;} a.nav3{color:#fffa99;background-color:#fffa99;} a.nav4{color:#78ffa5;background-color:#78ffa5;} a.nav5{color:#7abfff;background-color:#7abfff;} a.nav1,a.nav2,a.nav3,a.nav4,a.nav5{font:0px tahoma;height:35px;width:100%;display:block;} a.nav1:hover,a.nav2:hover,a.nav3:hover,a.nav4:hover,a.nav5:hover{color:whitesmoke;background-color:whitesmoke;} h1{font:72px georgia;color:#7abfff;font-style:italic;letter-spacing:-1px;text-align:right;text-align:center;} [/style][center] [h1]listentoyourheart[/h1][br][br][br] [div id=main align=center] [div style="height:150px;overflow:auto;"] why, hello there.[p] [b]bold[/b] [i]ital[/i] [u]under[/u] [a href="/"]linkage[/a] [p] blah blah blah; no you ain't gettin this. nah nah nah; not in the back of my ca-a-ar. if you keep talkin that [b]blah, blah, BLAH.[/b][p] blah blah blah; no you ain't gettin this. nah nah nah; not in the back of my ca-a-ar. if you keep talkin that [b]blah, blah, BLAH.[/b][p] blah blah blah; no you ain't gettin this. nah nah nah; not in the back of my ca-a-ar. if you keep talkin that [b]blah, blah, BLAH.[/b][p] [/div] [p][p] [a href="/" class=nav1][/a] [a href="/" class=nav2][/a] [a href="/" class=nav3][/a] [a href="/" class=nav4][/a] [a href="/~technicolorrainbow" class=nav5][/a] [/div]



[style /] table,.object{display:none;} table,tr,td,.text,font,p,body,div,textarea,br,li{color:white;font:11px tahoma;} body{background-color:#333333;} a{color:#37A65C;text-decoration:none;} h1{color:white;font:45px tahoma;text-transform:lowercase;font-style:none;} .title{color:#37A65C;font:45px georgia;letter-spacing:-2px;font-style:italic;} .navvy{border:1px solid white;height:35;width:450;padding:8px;text-align:center;} a.nav{color:white;font-size:8pt;font-family:tahoma;text-decoration:none;padding:12px;text-align:center;} a.nav:hover{color:white;font-style:italic;} #main {width:500;background:transparent;border:none;} [/style][center] [h1]your [font class=title]header[/font] here[/h1] [div class=navvy][a href="/myaccount.phtml" class=nav]account[/a][a href="/petcentral.phtml" class=nav]central[/a][a href="/explore.phtml" class=nav]explore[/a][a href="/games/arcade.phtml" class=nav]games[/a][a href="/neoboards/index.phtml" class=nav]boards[/a][a href="/~technicolorrainbow" class=nav]credit[/a][/div][p][div id=main]your text here. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah [br][br] petpage by [a href="/~technicolorrainbow"]kitty | hourglass[/a][br] page from [a href="/"]neopets.com[/a]
[style /] .object{display:none;} table,tr,td,.text,font,p,body,div,textarea,br,li{font:10px tahoma;color:#333333;} body{background:#effab4;} a:link,a:visited,a,a b,b{color:#f56991;text-decoration:none;font-weight:bold;} a:hover{cursor:default;text-decoration:underline;} u{color:#d1f2a5;} i{color:#ffc48c;} h4{color:#ff9f80;font:120px georgia;font-style:italic;letter-spacing:-6px;padding-bottom:9px;padding-top:15px;padding-left:15px;margin-bottom:0px;} h1{color:#d1f2a5;font:30px georgia;font-style:italic;letter-spacing:-2px;text-align:right;padding-right:5px;} [/style][center] [h4]titlehere*[/h4] [table][tr][td valign="top" width="455px" style="border:1px solid #cccccc;background:white;padding:9px;text-align:center;"] [img src=http://i636.photobucket.com/albums/uu86/xsillycrazyamii/icons/icon_cf665hamfuq6ujvd7l0avjb7q13.png align=left] [h1]litteheaderhere[/h1] hi there.[br] i love you. c:[p] [a href="/"]link[/a], [b]bold[/b], [i]ital[/i] &&[u]under[/u].[p] feel free to delete the song lyrics, icons, etc.[br]just leave credit somewhere(:[p] [img src=http://i636.photobucket.com/albums/uu86/xsillycrazyamii/icons/icon_912oocffsppgfku1poc0o3v8f51.png align=right] adore - hayley williams.[p] I don't mean to run[br] But every time you come around I feel[br] More alive, than ever[br] And I guess it's too much[br] But maybe we're too young and I don't even know what's real[br] But I know I've never[br] Wanted anything so bad[br] I've never wanted anyone so bad[p] If I let you love me[br] Be the one adore[br] Would you go all the way?[br] Be the one I'm looking for [2x][p] [img src=http://i636.photobucket.com/albums/uu86/xsillycrazyamii/icons/icon_cf665hamfuq6ujvd7l0avjb7q11-1.png align=left] Help me come back down,[br] From high above the clouds you know I'm suffocating but I blame this town[br] Why do I deny[br] The things that burn inside down deep, I'm barely breathing but you just see a smile[br] And I don't want to let this go[br] Really I just want to know[p] [img src=http://i636.photobucket.com/albums/uu86/xsillycrazyamii/icons/icon_cf665hamfuq6ujvd7l0avjb7q12.png align=right] If I let you love me[br] Be the one adore[br] Would you go all the way?[br] Be the one I'm looking for [2x][p] If I let you love me[br] Be the one adore[br] Would you go all the way?[br] Be the one I'm looking for [2x][p] If I let you love me[br] See the one adore[br] Would you go all the way?[br] Be the one I'm looking for[p] kthnxbai.[br]-xokitty♥ [/div][/td][p][p] [td valign="top" width="165px" style="border:1px solid #cccccc;background:white;padding:8px;text-align:center;"] [h1]nav[/h1] » [a href="/"]link[/a][br] » [a href="/"]link[/a][br] » [a href="/"]link[/a][br] » [a href="/index.phtml"]home[/a][br] » [a href="/~technicolorrainbow"]credit[/a][p] [h1]affies[/h1] so yeah.[br] affies go here, respectively. c: be sure to replace the buttons below.[p] [div style="width:140px;height:50px;overflow:auto;background:transparent;border:1px solid #cccccc;padding:5px;"][a href="/~technicolorrainbow"][img src=http://img3.imageshack.us/img3/5025/hourglass2.gif border=0][/a][a href="/~technicolorrainbow"][img src=http://img3.imageshack.us/img3/5025/hourglass2.gif border=0][/a][a href="/~technicolorrainbow"][img src=http://img3.imageshack.us/img3/5025/hourglass2.gif border=0][/a][a href="/~technicolorrainbow"][img src=http://img3.imageshack.us/img3/5025/hourglass2.gif border=0][/a][/div] [h1]credits[/h1] Petpage (c) [a href="/~technicolorrainbow"]Kitty | Hourglass[/a][br] Icons from [b]Photobucket[/b].[p][/table][/tr][/td][/div]
[style /] .object,td{display:none;} table,tr,td,.text,font,p,body,div,textarea,br,li{font:10px tahoma;color:#333333;} a:link,a:visited,a b,b,a{color:#3cb488;text-decoration:none;font-weight:bold;} a:hover,a b:hover{text-decoration:underline;cursor:default;} body{background:#b4da7d;} u{color:#e1c5e5;} i{color:#bb9aab;} strike{color:#6e494b;} #main{width:520px;background:white;padding:10px;border:1px solid #cccccc;height:255px;overflow:auto;z-index:1;} #bottom{z-index:5;bottom:0px;left:0px;width:100%;height:300px;background:#6e494b;} .font{font:175px georgia;color:white;font-style:italic;letter-spacing:-6px;padding-top:25px;padding-bottom:10px;} a.nav:link,a.nav:visited,a.nav:hover{font:25px monospace;color:white;letter-spacing:0px;text-decoration:none;} h1{font:35px georgia;color:#bb9aab;font-style:italic;text-align:right;margin-bottom:0px;z-index:3;padding-bottom:0px;} [/style][center][br][br] [div id=bottom style="position:absolute;"] [font class=font]titlehere*[/font][br][br][br] [a href="/" class=nav]LINKHERE [/a] [a href="/" class=nav]LINKHERE [/a] [a href="/" class=nav]LINKHERE [/a][br] [a href="/index.phtml" class=nav]HOME [/a] [a href="/~technicolorrainbow" class=nav]CREDIT [/a][/div] [div id=main align=left] [div style="width:150px;height:230px;background:transparent;padding:5px;z-index:2;position:absolute;top:10px;right:5px;overflow:auto;"][h1]about[/h1] [b]Name:[/b] Kitty[br] [b]Age:[/b] 15[br] [b]Birthday:[/b] February 20th[br] [b]Grade:[/b] 10th[p] [b]Fav. Band:[/b] Vampire Weekend[br] [b]Fav. Color:[/b] Green[br] [b]Fav. Food:[/b] Mac & Cheese[br] [b]Fav. Season:[/b] Winter[p] [div style="width:130px;height:40px;background:transparent;border:1px solid #cccccc;overflow:auto;" align=center]^^ REPLACE INFO ABOVE.[br] addition info here. blah blah blah blah blah blah blah blah blah blah blah blah [p][/div][/div] [div style="width:350px;height:230px;overflow:auto;background:transparent;padding:5px;z-index:2;"] [h1]zeheaderr[/h1] [a href="/"]linkage[/a][br] [u]under[/u], [i]ital[/i] && [strike]strike[/strike].[p] text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text [p] petpage by [a href="/~technicolorrainbow"]kitty | hourglass[/a]



[style /] td,.object{display:none;} table,tr,td,.text,font,p,body,div,textarea,br,li,xmp{font:10px tahoma;color:#333333;} #aboutmee{background:transparent;top:50px;left:200px;width:215px;height:auto;} a:link,a:visited,a b,b,a{color:#a3ead1;text-decoration:none;font-weight:bold;} a:hover,a b:hover{text-decoration:underline;cursor:default;} i{color:#a3b7d1;} u{color:#a3c8d1;} strike{color:#a3a6d1;} #main{background:transparent;top:50px;left:425px;height:auto;padding:10px;width:320px;border-left:1px dashed #cccccc;} h1{font:35px georgia;text-align:right;font-style:italic;letter-spacing:-3px;color:#a3a6d1;} [/style][center] [div id=aboutmee style="position:absolute;"] [img src="http://i561.photobucket.com/albums/ss53/stephiibaybee3/6.gif" style="padding:5px;" align=left] hey thurrrrr.[p] [b]Name:[/b] Kitty[br] [b]Age:[/b] 15[br] [b]Grade:[/b] 10th[br] [b]Likes:[/b] N/A[br] [b]Dislikes:[/b] Too many to count. x3[p] [b]Fav. Band:[/b] Vampire Weekend[br] [b]Fav. Color:[/b] Green[br] [b]Fav. Food:[/b] Mac && Cheese[br] [b]Fav. Season:[/b] Winter[br] [b]Fav. TV Show:[/b] I DON'T WATCH TV. :| LOL jk. (: I'm a Family Guy n00b.[p] I'm misunderstood. Just like everyone else on this website.[br]&& I'M SPECIAL.[br] Take that. (:[p] i love you. c:[br] -xokitty♥[p][/div] [div id=main style="position:absolute;"] [h1]titlehere*[/h1] [a href="/"]link(also bold)[/a], [i]ital[/i], [u]under[/u] &&[strike]strike[/strike].[p] Cave In - Owl City. ♥[p] Please take a long hard look through your text book[br]Cause I'm history[br] When I strap my helmet on I'll be long gone[br]Cause I've been dying to leave[br] Yeah, I'll ride the range and hide all my loose change[br] In my bedroom[br]Cause riding a dirtbike down a turnpike[br] Always takes it's toll on me[p] I've had just about enough[br] Of quote, "diamonds in the rough[br] Because my backbone is paper thin[br] Get me out of this cavern[br] Or I'll cave in[p] If the bombs go off[br] The sun will still be shining[br] Because we've heard it said that every mushroom cloud[br] Has a silver lining[br] (Though I'm always undermining too deep to know)[br] Swallow a drop of gravel and blacktop[br]Cause the road tastes like wintergreen[br] The wind and the rain smell of oil and octane[br] Mixed with stale gasoline[br] I'll soak up the sound trying to sleep on the wet ground[br] I'll get ten minutes give-or-take[br]Cause I just don't foresee myself getting drowsy[br] When cold integrity keeps me wide awake[p] Get me out of this cavern[br] Or I'll cave in[p] I'll keep my helmet on just in case my head caves in[br]Cause if my thoughts collapse or my framework snaps[br] It'll make a mess like you wouldn't believe[br] Tie my handlebars to the stars so I stay on track[br] And if my intentions stray I'll wrench them away[br] Then I'll take my leave and I won't even look back[p] I won't even look back[p] [h1]creds[/h1] petpage by [a href="/~technicolorrainbow"]kitty | hourglass[/a].[br] page from [a href="/"]neopets.com[/a].[p] icon from photobucket. ♥

[style /] .object{display:none;} table,tr,td,.text,p,div,body,font,textarea,br,li,xmp{font:10px tahoma;color:#333333;} body{background:#b4d2de;} a:link,a:visited,a b,b,a{color:#8095ab;text-decoration:none;font-weight:bold;} u{color:#ffe6b3;} i{color:#5b4e69;} strike{color:#b4d2de;} a:hover,a b:hover{text-decoration:line-through;} #main{background:#ffffff;border:1px solid #cccccc;padding:8px;width:500px;} h1{color:#5b4e69;letter-spacing:-2px;font:36px georgia;text-align:right;} #nav td{padding:8px;width:230px;height:190px;overflow:auto;} a.nav:link,a.nav:visited{background-color:whitesmoke;color:#333333;font:12px century gothic;border:2px solid white;width:100px;height:7px;padding:4px;letter-spacing:1px;text-align:center;text-decoration:none;} a.nav:hover{text-decoration:none;background-color:white;color:white;} [/style][center] [div id="main"] [a name="top"][h1]pageheader*[/h1][/a] Hey there! Welcome to [b]sitenamehere[/b], a site run by [a href="/userlookup.phtml?user=guest"]guest[/a]. Feel free to take a look around! You might find something you like.[p] [h1]updates&nav[/h1] [div id=nav] [table][tr][td valign="top"] [div style="width:220px;background:transparent;height:170px;overflow:auto;border:1px solid #cccccc;padding:8px;" align=center] [img src="http://i973.photobucket.com/albums/ae219/solsticerp/Alison_Sudol_126_0.jpg" align=left style="padding:5px;"] [i]d/m/y[/i]-- So yeah. This is your [u]Updates & Blog[/u] box, which you put your updates and blogs(respectively). [b]PLEASE DO NOT STEAL THIS LAYOUT[/b]. I worked hard on this thing, so plz keep my credit. If you do, [i]I will love you forever♥[/i].[p] Anyways. I'm kind of [b]obsessed[/b] with [i]Alison Sudol[/i], the singer of [u]A Fine Frenzy[/u], which I also obsess with (btw, she's the person in the icon). x3 I don't think you really care to know, but I first heard them in Starbucks and was like, "Gahhh OMGZ I needz tu now who dae arrr.[br] And that's exactly how it went.(:[p] ^^Feel free to delete this pathetic story.[p] [b]-xokitty♥[/b][/div][/td] [td valign="top"] [a href="#top" class=nav]TOP[/a] [a href="#content" class=nav]CONTENT[/a][br] [a href="#sitely" class=nav]SITELY[/a] [a href="#credits" class=nav]CREDITS[/a][br] [a href="/neomessages.phtml?type=send&recipient=guest" class=nav]NEOMAIL[/a] [a href="/userlookup.phtml?user=guest" class=nav]LOOKUP[/a][p] [/td][/tr][/table][/div][p] [a name="content"][h1]content[/h1][/a] You would put your content here. This site layout is made relatively for CSS/layout pages, or some sort of SOTM/contest. But you can use it for pretty much anything. I don't really know what's 'hip' nowadays in neopets, anyways. x3[p] [b]content would be put here, blah blah blah..... YEAHHH.[/b][p] [a name="sitely"][h1]sitely[/h1][/a] Here you would put link back/affies/listed at/reviews/awards/etc.[p] [div style="width:150px;height:100px;border:1px solid;overflow:auto;padding:5px;" align=center] [img src=http://i48.tinypic.com/16icuqa.jpg][img src=http://i48.tinypic.com/16icuqa.jpg][img src=http://i48.tinypic.com/16icuqa.jpg][img src=http://i48.tinypic.com/16icuqa.jpg][img src=http://i48.tinypic.com/16icuqa.jpg][img src=http://i48.tinypic.com/16icuqa.jpg][/div][p] [a name="credits"][h1]credits[/h1][/a] Content/Editing (c) [a href="/userlookup.phtml?user=guest"]guest[/a].[p] Petpage by [a href="/~technicolorrainbow"]Kitty | Hourglass[/a].[br] Button signs by [a href="/~xichliebe"]Amber's Pixels[/a].[br] Alison Sudol icon found on [b]Photobucket[/b].[br] [p][/div]
[style /] .object,td{display:none;} table,tr,td,.text,font,p,body,div,textarea,br,li,xmp{font:10px tahoma;color:#333333;} body{background:#fff7d9;} a:link,a:visited,a b,b,a{color:#ff9696;text-decoration:none;font-weight:bold;font-style:normal;} u{color:#ffd796;} i{color:#73e6e4;} strike{color:#704438;} h1{color:#ff9696;font:34px georgia;letter-spacing:-2px;margin-bottom:2px;text-align:right;} #main{top:30px;left:230px;width:520px;border:1px solid #cccccc;padding:3px;background:#ffffff;height:360px;} #container{overflow:hidden;margin:5px;padding:0px;background:transparent;border:none;height:340px;width:355px;} #overflow{padding:5px;background:transparent;overflow:auto;width:355px;height:340px;} #nav{top:38px;left:600px;width:145px;border:none;padding:6px;height:335px;} a.nav:link,a.nav:visited{font:34px georgia;color:#704438;text-decoration:none;font-style:normal;display:block;text-align:right;margin-bottom:2px;} a.nav:hover{font-style:italic;} [/style] [div id=main style="position:absolute;"] [div id=container align=center] [div id=overflow align=center] [a name="one"][h1]pageone*[/h1][/a] so, yeah. um. hi.[br] this is your [i]first[/i] page.[p] [a href="/"]link[/a]. yeahhh.[p] [u]under[/u], [i]ital[/i] && [strike]strike[/strike].[p] Happier is the second single from A Fine Frenzy's sophomore album, "Bomb in a Birdcage" which was released on Sept. 8th, 2009. The song is available on iTunes. [p][/div] [div id=overflow align=center] [a name="two"][h1]pagetwo*[/h1][/a] so, yeah. um. hi.[br] this is your [i]second[/i] page.[p] [a href="/"]link[/a]. yeahhh.[p] [u]under[/u], [i]ital[/i] && [strike]strike[/strike].[p] Happier is the second single from A Fine Frenzy's sophomore album, "Bomb in a Birdcage" which was released on Sept. 8th, 2009. The song is available on iTunes. [p][/div] [div id=overflow align=center] [a name="three"][h1]pagethree*[/h1][/a] so, yeah. um. hi.[br] this is your [i]third[/i] page.[p] [a href="/"]link[/a]. yeahhh.[p] [u]under[/u], [i]ital[/i] && [strike]strike[/strike].[p] Happier is the second single from A Fine Frenzy's sophomore album, "Bomb in a Birdcage" which was released on Sept. 8th, 2009. The song is available on iTunes. [p][/div] [div id=overflow align=center] [a name="four"][h1]credits*[/h1][/a] Petpage by [a href="/~technicolorrainbow"]Kitty | Hourglass[/a].[br] Colour scheme inspired by [a href="/~xweltoon"]Ice Cream Parlor CSS[/a].[p] Page hosted by [a href="/"]Neopets.com[/a]. [p][/div][/div][/div] [div id=nav style="position:absolute;" align=center] [a href="#one" class=nav]one[/a] [a href="#two" class=nav]two[/a] [a href="#three" class=nav]three[/a] [a href="#four" class=nav]creds[/a][p] Happier is the second single from A Fine Frenzy's sophomore album, "Bomb in a Birdcage" which was released on Sept. 8th, 2009. The song is available on iTunes.




lookups


[style /] .brand-mamabar,hr,.ad_wrapper_fixed p,#userneohome,#usershop,.eventIcon{display:none;} body{cursor:crosshair;border:none;} #main{border:0px;cursor:crosshair;} #content{font-size:xx-small;font-family:georgia;cursor:crosshair;width:370px;} td.medText{font-size:xx-small;font-family:georgia;align:left;cursor:crosshair;} .content div{font-size:xx-small;font-family:georgia;} a:link,a:visited,a b,b,a{color:black;cursor:crosshair;font-weight:normal;font:xx-small georgia;} .contentModuleTable,.contentModule{border:0px;} #usertrophies b{display:none;} #usertrophies div b{display:inline;} #usercollections img{height:auto;width:40px;} #userneopets img{height:auto;width:80px;padding:3px;background-color:white;} #usertrophies img{height:40px;width:40px;opacity:.7;} #userinfo img{display:none;} #userinfo .medText .medText .medText img{display:inline;} #userinfo img{height:17px;width:17px;} .contentModuleHeader{font:30px georgia;color:#222222;text-align:left;letter-spacing:-1px;margin-bottom:10px;background-color:white;} .contentModuleHeaderAlt{font:0px georgia;color:white;margin-bottom:10px;background-color:white;} #divvy{padding:1px;text-align:center;} .youme,.atsix{font:20px georgia;font-style:italic;margin-bottom:2px;letter-spacing:-1px;} .youme{align:left;color:#990000;} .atsix{align:right;color:#006666;} [/style][font class=youme align=left]old habits die hard;;[/font] [font class=atsix align=right]buti'mtooyoungtodie - - - *[/font][br][br] [table][tr][td valign="top" width="275"][div id="divvy"][br][img src="http://i191.photobucket.com/albums/z83/emmawatsonfan_2007/Photography/bluhugirlwalk.png" align=left style="padding:5px;"] hi there.[br]thank you for using this lookup. this is a very, [i]very[/i] simple lookup (i apologize deeply if you despise it. it's some of my first lookup-work for like, six months - a year).[br]feel free to delete this text, change the header, and change/delete the icon.[br][u]PLEASE DON'T STEAL[/u]. i don't like getting mad at peoples, so please don't make me(: gracias.[br][i]-xokitty♥[/i] [br][br][/div] [/td][td valign="top" width="100" style="text-align:left;"][br] » [a href="/"]link[/a][br] » [a href="/"]link[/a][br] » [a href="/"]link[/a][br] » [a href="/"]link[/a][br] » [a href="/~technicolorrainbow"]hourglass css[/a][br] [br][br][br][/td][/tr][/table] [table width=380][tr][td]
[style /] td,p,td,font,body,.midText,.text,br,div,tr,td,table,xmp,*,u,b,.contentModuleContent,#content,td.medText,a,.medText{font:10px tahoma;color:#483030;} .brand-mamabar,hr,#userneohome,#usershop,.eventIcon,.ad_wrapper_fixed p,.contentModuleHeaderAlt,.contentModuleHeader{display:none;} body{border:none;cursor:crosshair;} #main{border:0px;} #main a,a:link,a:visited,a b,a{color:#a8bae0;text-decoration:none;font-weight:normal;cursor:crosshair;} #main a:hover,a:hover,a b:hover{text-decoration:line-through;cursor:crosshair;} .contentModuleTable,.contentModule{border:0px;} #userinfo img{display:none;} #userinfo .medText .medText .medText img{display:inline;} #userinfo img{height:17px;width:17px;} #usertrophies b{display:none;} #usertrophies div b{display:inline;} #usercollections img{height:auto;width:40px;} #userneopets img{height:auto;width:80px;padding:3px;background-color:white;} #usertrophies img{height:40px; width:40px;opacity:.7;} b{color:#e4869d;} u{color:#f7a431;} i{color:#f1eba3;} h1{font:37px georgia;text-align:left;color:#e4869d;letter-spacing:-2px;margin-bottom:2px;} #divvy{padding:1px;text-align:center;} #content{width:400px;} [/style][center] [table][tr][td valign="top" width="315"][div id="divvy"][br] [h1]titlehere*[/h1] [a href="/"]link[/a], [b]bold[/b], [u]under[/u] and [i]ital[/i].[p] text text text text text text text. i know, this is a [i]very[/i] simple lookup. but [u]keep credit on;;[/u] either on the sidebar or below. i don't like getting mad at people, so plz don't make me(: gracias.[br][b]-xokitty♥[/b][br][br] css by [a href="/~technicolorrainbow"]kitty | hourglass[/a].[br][br][/div][/td] [td valign="top" width="100" style="text-align:left;"][b][br][br][br][br][br] » [a href="/"]link[/a][br] » [a href="/"]link[/a][br] » [a href="/"]link[/a][br] » [a href="/~technicolorrainbow"]css[/a][br] [br][br][br][/td][/tr][/table] [table width=415][tr][td]

icons

All of these icons were made 100% by me on GIMP ♥. ^^;;
P.S. I made these icons for fun; it doesn't change the fact that my site is still a css site.


[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/alexevans.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/alisonsudol.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/christoferdrew.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/demiandselena2.png" border="0"][/a]




[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/edwardscissorhands.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/hannabeth.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/hayleywilliams2.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/katvond.png" border="0"][/a]




[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/katyperry.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/ladygaga5.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/ladygaga10.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/laroux.png" border="0"][/a]




[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/valeriepoxleitner.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/natashakhan.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/owlcity.png" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i654.photobucket.com/albums/uu270/_kittykitty_45/taylorswift.png" border="0"][/a]

site

linkback


[a href="/~technicolorrainbow"][img src="http://i27.tinypic.com/20z5nbd.jpg" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://img171.imageshack.us/img171/5684/hourglass1.gif" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://img3.imageshack.us/img3/5025/hourglass2.gif" border="0"][/a]
[a href="/~technicolorrainbow"][img src="http://i927.photobucket.com/albums/ad118/onlyforneo/HourGlassCSS.gif" border="0"][/a]



[a href="/~technicolorrainbow"][img src="http://i45.tinypic.com/1fu7vt.jpg" border="0"][/a]




affiliates

Visit my amazingly fantabulous affiliates as well! ^^;






Wanna be affies? Just neomail me the form below to apply.

Hi Kitty, I'd like to be affiliates with Hourglass CSS. Your name: Site name: Site link: Do you have an 88x31 button? Does your site have any stolen content? Is your site under construction/on hiatus? Any other comments or concerns:




listed at





List me?



reviews/achievements

Sweet Pea Reviews (closed) - 100/100
Lotte City - 90/100
Millenium Snow (closed) - 88/100
Mignon - 84.5/100
Sky High Reviews - 78/100
Miso's Soup - 591/600 (Miso Soup)
Classify - pending
Immortal Tree Reviews - pending





credits

Hourglass CSS (c) kylithekitty 2010. Everything on this page is protected by Copyright Law. Do not steal.
Counter base by Amber's Pixels. | Colour palettes from Colourlovers. | Some brushes/textures from deviantART.
Some icons or images used in CSS found on Google and/or Photobucket.
Page hosted by Neopets.com.

Counter started June 18th, 2010.











Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2014.
® 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