Don't forget the start tags and end tags. All the codes on this page go in between these two tags!

Start Tag <style>

End Tag </style>

Change Pet Size
Increase or decrease the size of your pet.

#CustomNeopetView{height:100px; width:100px}


Change Content Width
Increase or decrease the size of the page content.

#content {width:600px;}


Change Pet Stats Text
The table color changes the information text itself, while the div color changes the titles.

#content table {color:green;} #content div {color:red;}


Change Module Border
This code changes the borders of the modules that contain your pet, your pets info, and your description box.

.contentModuleTable {border: 0px solid #898BDF;} .contentModule {border: 2px solid #898BDF;}


Change Module Background Colour
This code changes the background colour of the modules that contain your pet, your pets info, and your description box.

.contentModuleContent {background-color: #FFCCFF;}


Change Module Background Colour with Transparency
This code changes the background colour of the modules that contain your pet, your pets info, and your description box, and also adds opacity so you can make it semi-transparent. Just alter the code to style it how you want.

.contentModuleContent {background-color: #FFCCFF;opacity:.70; filter: alpha(opacity=70);}


Module Header
Use this all inclusive code to style your module headers. Remove what you don't want, add what you do.

.contentModuleHeaderAlt, .contentModuleHeader {
font-weight:bold;
background:#898BDF;
font: 8pt tahoma;
letter-spacing:4px;
color: #FFFFFF;
border-bottom:2px solid #B3F1F7;
text-align:center;
}