Petpage CSS

Here you can find petpage CSS which you can use to spice up your page.

Brown Diamonds
PREVIEW

<body background="http://everydayicons.jp/download/patterns/n03-1.jpg">
<STYLE type=text/css>
body, td, p, div { text-align: center;}

TD, P, FONT, BODY, * {font-family: georgia; font-size: 7.5pt; color: #999999; text-transform: none;}
b {font-family: tahoma; font-size: 7.5pt; color: #64522e; font-weight: none; }
i {font-family: georgia; font-size: 7.5pt; color: #64522e; }
u {font-family: georgia; font-size: 7.5pt; color: #64522e; text-decoration:none; }

a:link, a:visited { color: #64522e; font-family: tahoma; font-size: 7.5pt; font-weight: bold; text-decoration: none; }

a:hover, a:active { color: #ede5d4; font-family: tahoma; font-size: 7.5pt; font-weight: bold; border-bottom: 3px solid #64522e;}
h1
{COLOR: #ede5d4; font-family: georgia; font-size:14pt; text-transform:none;font-weight:none; background: #64522e; text-align: right;line-height:16px; border-bottom: 2px dotted #ede5d4;}

</STYLE>

<h1>Header</h1>
<b>bold</b><i>italic</i><u>underline</u> <br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel velit diam. Pellentesque sit amet lorem erat, in aliquam massa. In hac habitasse platea dictumst. Donec diam lorem, facilisis id volutpat a, accumsan id ante. Phasellus quis nisl vel mi dictum pretium. Proin ultrices lobortis nunc id luctus. Fusce ultrices.

<h1>Credit</h1>
Thank you <a href="http://www.neopets.com/~chaoticserenade">Chaotic Serenade</a> for the lovely petpage CSS!

</center>
</td></tr></table>

Purple Stripes
PREVIEW
<body background="http://everydayicons.jp/download/patterns/c09-4.jpg"> <STYLE type=text/css> body, td, p, div { text-align: center;} TD, P, FONT, BODY, * {font-family: georgia; font-size: 7.5pt; color: #000000; text-transform: none;} b {font-family: tahoma; font-size: 7.5pt; color: #611884; font-weight: none; } i {font-family: georgia; font-size: 7.5pt; color: #611884; } u {font-family: georgia; font-size: 7.5pt; color: #611884; text-decoration:none; } a:link, a:visited { color: #611884; font-family: tahoma; font-size: 7.5pt; font-weight: bold; text-decoration: none; } a:hover, a:active { color: #781a88; font-family: tahoma; font-size: 7.5pt; font-weight: bold; border-bottom: 3px solid #571473;} h1 {COLOR: #bf78d0; font-family: georgia; font-size:14pt; text-transform:none;font-weight:none; background: #45126e; text-align: right;line-height:16px; border-bottom: 2px dotted #781a88;} </STYLE> <center><table width=500 border=0 cellpadding=7px cellspacing=1><tr><td bgcolor="#ffffff" style="border: #B8860B 1px solid;filter: alpha(opacity=100)"> <h1>Header</h1> <b>bold</b><i>italic</i><u>underline</u> <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel velit diam. Pellentesque sit amet lorem erat, in aliquam massa. In hac habitasse platea dictumst. Donec diam lorem, facilisis id volutpat a, accumsan id ante. Phasellus quis nisl vel mi dictum pretium. Proin ultrices lobortis nunc id luctus. Fusce ultrices. <h1>Header</h1> <b>bold</b><i>italic</i><u>underline</u> <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel velit diam. Pellentesque sit amet lorem erat, in aliquam massa. In hac habitasse platea dictumst. Donec diam lorem, facilisis id volutpat a, accumsan id ante. Phasellus quis nisl vel mi dictum pretium. Proin ultrices lobortis nunc id luctus. Fusce ultrices. <h1>Header</h1> <b>bold</b><i>italic</i><u>underline</u> <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel velit diam. Pellentesque sit amet lorem erat, in aliquam massa. In hac habitasse platea dictumst. Donec diam lorem, facilisis id volutpat a, accumsan id ante. Phasellus quis nisl vel mi dictum pretium. Proin ultrices lobortis nunc id luctus. Fusce ultrices. <h1>Credit</h1> Thank you <a href="http://www.neopets.com/~chaoticserenade">Chaotic Serenade</a> for the lovely petpage CSS! </center> </td></tr></table>