CLIDE_juju got their homepage at Neopets.com

Kenzie's CSS

Welcome!! Hi im Kenzie and this is my CSS page[Duh!:p] You may know me from my other pages Anime Awesome and Kawaii Directory, OK well there are just a few rules and here they are~
1.NO STEALING MY CSS!! (this should be obvious)
2.No makeing minor[or major] changes and then just saying you made it.
3.Leave ALL my credit!!
4. ,, Oh I guess thats it! :p

Oh and before you go...
Facts About Me!!
Im 13 and I play the flute, my fav sport is soccer and im an anime otaku[that should expand your vocabulary :p] and thats about it,, mabe you should check my... Updates

Updates

1-02-10
Ok sorry for not updateing and all but I had some major computer issues and almost lost the codeing for this whole page,, lucky me I saved it all but the updates heh ^^; o well I can start over on this at least,, im off to make sure I didnt lose anything!
Bye!!

Lookups!

All my lookups are simple color text layouts,, I like basic things so my lookups are very basic((please neomail me if the codes dont work!!))

Pretty in Purple

body,td,.medText{
font:12px century gothic;
color:#990099;}

#header, #footer {display: none;}

b {font-weight:bold;color:#660099;}
u{color:#6600FF;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#9933CC;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#9900FF;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

<font class="intro">Header!!</font>
<p>
Put all your <i>Italic</i>,<b>Bold</b>, Underlined, or normal text here!! TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT
 XTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT

</p>
<div align="center">
<a>Kenzie's css</a> 
<a href="/">@neopets</a> </div>

Cool

body,td,.medText{
font:12px century gothic;
color:#3366CC;}

#header, #footer {display: none;}

b {font-weight:bold;color:#0000CC;}
u{color:#00FFCC;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#0066CC;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#33FFFF;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a> 
<a href="/">@neopets</a> </div>

Bright

body,td,.medText{
font:12px century gothic;
color:#FF9005;}

#header, #footer {display: none;}

b {font-weight:bold;color:#5EF805;}
u{color:#DFFC06;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#FF0B0A;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#5EF805;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a> 
<a href="/">@neopets</a> </div>

Minty

body,td,.medText{
font:12px century gothic;
color:#66CCFF;}

#header, #footer {display: none;}

b {font-weight:bold;color:#99FFCC;}
u{color:#33FF99;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#99FF99;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#33FF99;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a> <a href="/">@neopets</a> </div>

Citrusy :p(I like this one!)

body,td,.medText{
font:12px century gothic;
color:#66FF00;}

#header, #footer {display: none;}

b {font-weight:bold;color:#1CBF0D;}
u{color:#FFFF66;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#16FF00;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#FFFF66;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a>  <a href="/">@neopets</a> </div>

Girly

body,td,.medText{
font:12px century gothic;
color:#FF0099;}

#header, #footer {display: none;}

b {font-weight:bold;color:#990099;}
u{color:#6600FF;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#6633CC;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#FF0066;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a>  <a href="/">@neopets</a> </div>

Pink 'n Brown

body,td,.medText{
font:12px century gothic;
color:#FF0099;}

#header, #footer {display: none;}

b {font-weight:bold;color:#996633;}
u{color:#996633;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#660000;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#CCCC66;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a> <a href="/">@neopets</a> </div>

Warm

body,td,.medText{
font:12px century gothic;
color:#CC9933;}

#header, #footer {display: none;}

b {font-weight:bold;color:#996633;}
u{color:#996633;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#660000;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#CCCC66;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a> <a href="/">@neopets</a>  </div>

Ocean Breeze

body,td,.medText{
font:12px century gothic;
color:#00FFCC;}

#header, #footer {display: none;}

b {font-weight:bold;color:#99CCFF;}
u{color:#00FF66;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#33FF99;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#00CCCC;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

<font class="intro">Header!!</font>
<p>
Put all your <i>Italic</i>,<b>Bold</b>, Underlined, or normal text here!! TXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXTXT

</p>
<div align="center">
<a>Kenzie's css</a> <a href="/">@neopets</a>  </div>

Earthy

body,td,.medText{
font:12px century gothic;
color:#CC9933;}

#header, #footer {display: none;}

b {font-weight:bold;color:#00CC33;}
u{color:#996633;text-transform:none;text-decoration:none border-bottom:1px;}
i{color:#99FF66;font-weight:bold;}

.contentModule{border:0px;}
.contentModuleHeader, .contentModuleHeaderAlt{display:none;}
.contentModuleTable {border:none;}

.intro {font: 50px "century gothic"; line-height: 20px; font-weight:bold; letter-spacing:-7px}
.intro{color:#00CC33;}

#userneopets img{padding:5px; border:1px solid #000;}

a:link, a:visited{
color:#0066FF;}
a:hover, a:active{
color:#00FF33;}
//>

</p>
<div align="center">
<a>Kenzie's css</a> <a>@neopets</a>  </div>

Two columns

<i><h1>Left header</h1></i>
This place is great for a <i>Navigation</i>!! ;)

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text

i {
   font: 9px arial;
   font-weight: normal;
   font-style: italic;
   color: #FF0033;
}

u {
   font: 9px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #717171;
   border-bottom: 0px dashed #83816D;
}

a:link, a:active, a:visited {
   font: 7px tahoma;
   color: #000;
   background-color: none;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: underline;
   letter-spacing: 1px;
}

a b:hover, a:hover {
   color: #808080;
   text-transform: uppercase;
   letter-spacing: 4px;
   cursor: crosshair;
   background-color: none;
}

body, font, td {
   font: 12px century gothic;
   color: #000;
   text-transform: none;

}

body {
   scrollbar-face-color: #000;
   scrollbar-track-color: #000;
   scrollbar-arrow-color: #FFF;
   scrollbar-3dlight-color: #000;
   scrollbar-highlight-color: #000;
   scrollbar-shadow-color: #000;
   scrollbar-darkshadow-color: #000;
}

div.cl{
Color: #FFFFFF;
font-size: 15pt;
Height: 19px; 
font-family: 'century gothic';
text-transform: uppercase;
text-align:right;
background: #861805;
letter-spacing:1.5pt;}

div.kenzie{
Color: #FFF;
background-color: #FF0033;
font-size: 15pt;
Height: 16px; 
font-family: century gothic;
text-transform: none;
text-align:center;
letter-spacing:2pt;
font-style: none;

font-style: normal;}

</div>

</center></div>
<div style="position: absolute; top: 114px; left: 350px; width: 472px; height: auto; overflow: auto; background-color: #FEFEFE;">

<div class="kenzie">header1</div>

<b>bold</b> underline and <i>italics</i><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
text text text text text text text text text text text text text text text text text text text text text text text text text text text text

<div class="kenzie">header2</div>

<div class="kenzie">header3</div>

<div class="kenzie">credits</div>
css by <a href="/~clide_juju">Kenzie's CSS</a><br><p></p>
</div>

Peace!!
One column

i {
   font: 9px arial;
   font-weight: normal;
   font-style: italic;
   color: #808080;
}

u {
   font: 9px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #717171;
   border-bottom: 0px dashed #83816D;
}

a b:hover, a:hover {
   color: #808080;
   text-transform: uppercase;
   letter-spacing: 4px;
   cursor: crosshair;
   background-color: none;
}

body, font, td {
   font: 12px century gothic;
   color: #000;
   text-transform: none;

}

div.cl{
Color: #FFFFFF;
font-size: 15pt;
Height: 19px; 
font-family: 'century gothic';
text-transform: uppercase;
text-align:right;
background: #861805;
letter-spacing:1.5pt;}

div.kenzie{
Color: #FFF;
background-color: #66FF00;
font-size: 15pt;
Height: 16px; 
font-family: century gothic;
text-transform: none;
text-align:center;
letter-spacing:2pt;
font-style: none;

font-style: normal;}

</div>

</center></div>
<div style="position: absolute; top: 114px; left: 350px; width: 472px; height: auto; overflow: auto; background-color: #FEFEFE;">

<div class="kenzie">header1</div>

<div class="kenzie">header2</div>

<div class="kenzie">header3</div>

<div class="kenzie">credits</div>
css by <a href="/~clide_juju">Kenzie's CSS</a><br><p></p>
</div>

Two columns

<i><h1>Left header</h1></i>
This place is great for a <i>Navigation</i>!! ;)

i {
   font: 9px arial;
   font-weight: normal;
   font-style: italic;
   color: #66FF00;
}

u {
   font: 9px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #717171;
   border-bottom: 0px dashed #83816D;
}

a b:hover, a:hover {
   color: #808080;
   text-transform: uppercase;
   letter-spacing: 4px;
   cursor: crosshair;
   background-color: none;
}

body, font, td {
   font: 12px century gothic;
   color: #000;
   text-transform: none;

}

div.cl{
Color: #FFFFFF;
font-size: 15pt;
Height: 19px; 
font-family: 'century gothic';
text-transform: uppercase;
text-align:right;
background: #861805;
letter-spacing:1.5pt;}

div.kenzie{
Color: #FFF;
background-color: #66FF00;
font-size: 15pt;
Height: 16px; 
font-family: century gothic;
text-transform: none;
text-align:center;
letter-spacing:2pt;
font-style: none;

font-style: normal;}

</div>

</center></div>
<div style="position: absolute; top: 114px; left: 350px; width: 472px; height: auto; overflow: auto; background-color: #FEFEFE;">

<div class="kenzie">header1</div>

<div class="kenzie">header2</div>

<div class="kenzie">header3</div>

<div class="kenzie">credits</div>
css by <a href="/~clide_juju">Kenzie's CSS</a><br><p></p>
</div>

B/W hearts
One column

i {
   font: 9px arial;
   font-weight: normal;
   font-style: italic;
   color: #808080;
}

u {
   font: 9px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #717171;
   border-bottom: 0px dashed #83816D;
}

a b:hover, a:hover {
   color: #808080;
   text-transform: uppercase;
   letter-spacing: 4px;
   cursor: crosshair;
   background-color: none;
}

body, font, td {
   font: 9px verdana;
   color: #A1A4AE;
   text-transform: none;

}

div.cl{
Color: #FFFFFF;
font-size: 15pt;
Height: 19px; 
font-family: 'century gothic';
text-transform: uppercase;
text-align:right;
background: #861805;
letter-spacing:1.5pt;}

div.kenzie{
Color: #FFF;
background-color: #000;
font-size: 15pt;
Height: 16px; 
font-family: century gothic;
text-transform: none;
text-align:center;
letter-spacing:2pt;
font-style: none;

font-style: normal;}

</div>

</center></div>
<div style="position: absolute; top: 114px; left: 350px; width: 472px; height: auto; overflow: auto; background-color: #FEFEFE;">

<div class="kenzie">header1</div>

<div class="kenzie">header2</div>

<div class="kenzie">header3</div>

<div class="kenzie">credits</div>
css by <a href="/~clide_juju">Kenzie's CSS</a><br><p></p>
</div>

Two columns

<h1>Left header</h1>
This place is great for a <i>Navigation</i>!! ;)

i {
   font: 9px arial;
   font-weight: normal;
   font-style: italic;
   color: #808080;
}

u {
   font: 9px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #717171;
   border-bottom: 0px dashed #83816D;
}

a b:hover, a:hover {
   color: #808080;
   text-transform: uppercase;
   letter-spacing: 4px;
   cursor: crosshair;
   background-color: none;
}

body, font, td {
   font: 9px verdana;
   color: #A1A4AE;
   text-transform: none;

}

div.cl{
Color: #FFFFFF;
font-size: 15pt;
Height: 19px; 
font-family: 'century gothic';
text-transform: uppercase;
text-align:right;
background: #861805;
letter-spacing:1.5pt;}

div.kenzie{
Color: #FFF;
background-color: #000;
font-size: 15pt;
Height: 16px; 
font-family: century gothic;
text-transform: none;
text-align:center;
letter-spacing:2pt;
font-style: none;

font-style: normal;}

</div>

</center></div>
<div style="position: absolute; top: 114px; left: 350px; width: 472px; height: auto; overflow: auto; background-color: #FEFEFE;">

<div class="kenzie">header1</div>

<div class="kenzie">header2</div>

<div class="kenzie">header3</div>

<div class="kenzie">credits</div>
css by <a href="/~clide_juju">Kenzie's CSS</a><br><p></p>
</div>

<br>

Petpages

Keep scrolling!!

Hearts in circles
One column

i {
   font: 9px arial;
   font-weight: normal;
   font-style: italic;
   color: #FF0033;
}

u {
   font: 9px verdana;
   font-weight: normal;
   letter-spacing: 2px;
   color: #717171;
   border-bottom: 0px dashed #83816D;
}

a b:hover, a:hover {
   color: #808080;
   text-transform: uppercase;
   letter-spacing: 4px;
   cursor: crosshair;
   background-color: none;
}

body, font, td {
   font: 12px century gothic;
   color: #000;
   text-transform: none;

}

div.cl{
Color: #FFFFFF;
font-size: 15pt;
Height: 19px; 
font-family: 'century gothic';
text-transform: uppercase;
text-align:right;
background: #861805;
letter-spacing:1.5pt;}

div.kenzie{
Color: #FFF;
background-color: #FF0033;
font-size: 15pt;
Height: 16px; 
font-family: century gothic;
text-transform: none;
text-align:center;
letter-spacing:2pt;
font-style: none;

font-style: normal;}

</div>

</center></div>
<div style="position: absolute; top: 114px; left: 350px; width: 472px; height: auto; overflow: auto; background-color: #FEFEFE;">

<div class="kenzie">header1</div>

<div class="kenzie">header2</div>

<div class="kenzie">header3</div>

<div class="kenzie">credits</div>
css by <a href="/~clide_juju">Kenzie's CSS</a><br><p></p>
</div>

Sitely

Link Me?

Awards!!
None yet :(

SOTM

I am not entered in any SOTMs at the moment

Affies!

Requests for affies are: OPEN :)
Fill out a form?

Me!

Hi im Kenzie!! im 13 and I play the flute and my favorite sport is soccer!! I own

and thats about it for now so Bye!!

Credit

design of petpage im useing now is by Amber @ Ambers CSS(I know what your gunna say'but YOUR a css site!' dont worrie this is only temperary ^^; , 1st button by

2nd button by

,3rd button by