Tam's CSS

So. This is my petpage CSS. You can take some. =)
If you want, you can edit the colors, but make sure to leave the credit. ^^

Here it is

Just hover over the thumbnail to see the preview of the CSS.

<style>
p, td, body
{font-family: sans-serif;
font-size: 10px;
color: #ffffff;
text-transform: lowercase;}
body
{background-color:#4F7169;}
td.stuff
{background-color: #EDA026;
border: 20px solid #B7F533;
width: 125px;}
h1
{margin: 0px;
font-family: century gothic;
border-bottom: 1px dashed #B7F533;
color:#FFFFFF;
letter-spacing: -3px;
text-align: right;}
b
{color:#CCF870;
text-transform: uppercase;
font-size: 8px;}
i
{color:#BD811E;
font-style: normal;
letter-spacing: 2px;}
u
{text-decoration: none;
border-bottom: 2px solid #F2BC67;
margin: 0px;
color: #4F7169;}
A:link, A:active, A:visited
{color: #B7F533;
text-decoration: none;
border-bottom: 1px dashed #4F7169;}
A:hover
{text-transform: uppercase;
font-size: 9;
color: #B7F533;
text-decoration: none;
border-bottom: 1px solid #4F7169;}
</style>

<br><br>
<center><table><tr><td class="stuff">
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)
</td></tr></table>Tamera305's <a href="http://www.neopets.com/~PrincessFishyfood">CSS</a></center>

<style>
p, td, body
{font-family: tahoma;
font-size: 10px;
color: #52C826;
text-transform: lowercase;}
body
{background-color: #B8B197;}
td.stuff
{background-color: #FFFFFF;
border: 20px double #ffffff;
width: 300px;}
h1
{font-family: georgia;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 4px;
color: #0B9794;
margin: 0px;
border-bottom: 8px dotted #B8B197;
text-align: left;}
b
{font-family: georgia;
color: #0B9794;
font-weight: normal;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;}
i
{color: #B8B197;
font-family: georgia;
font-weight: bold;}
u
{text-decoration: none;
border-bottom: 2px solid #52C826;
color: #0B9794;
font-family: arial;
letter-spacing: 1px;}
A:link, A:active, A:visited
{color: #0B9794;
text-decoration: none;
text-transform: uppercase;
font-size: 8px;}
A:hover
{color: #0B9794;
text-decoration: none;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 2px;}
</style>

<br><br>
<center><table><tr><td class="stuff">
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)

</td></tr></table> Tamera305's <a href="http://www.neopets.com/~PrincessFishyfood">CSS</a> </center>

<style>
p, td, body
{font-family: arial;
font-size: 10px;
text-transform: lowercase;
color: #909090;}
body
{background-color: #1C85AD;}
td.stuff
{width: 250px;
border: 15px solid #EBD01E;
background-color: #ffffff;}
h1
{font-family: garamond;
text-transform: lowercase;
letter-spacing: -2px;
color: #B3394A;
border-bottom: 1px dashed #B3394A;
margin: 0px;
border-right: 10px dotted #1C85AD;
text-align: right;
line-height: 30px;}
b
{color: #1C85AD;
letter-spacing: 2px;}
i
{font-family: garamond;
font-style: normal;
font-size: 12px;
color: #B3394A;}
u
{color:  #1C85AD;
text-decoration: none;
border-bottom: 1px dashed #EBD01E;
letter-spacing: 1px;}
A:link, A:active, A:visited
{color: #EBD01E;
text-decoration: none;
border-bottom: 1px solid #B3394A;}
A:hover
{color: #B3394A;
border-bottom: 1px solid #1C85AD;}
</style>

<br><br>
<center><table><tr><td class="stuff">
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)

</td></tr></table> Tamera305's <a href="http://www.neopets.com/~PrincessFishyfood">CSS</a> </center>

<style>
p, td, body
{font-family: verdana;
font-size: 10px;
color: #6C9007;
text-transform: lowercase;}
body
{background-color: #5E668D;
color: #ffffff;}
td.stuff
{width: 250;
border: 3px dotted #EBD01E;}
td.stuff2
{width: 250;
border: 10px solid #9FA6C8;
background-color: #B9E73B;}
h1
{font-family: serif;
font-weight: normal;
letter-spacing: -4px;
text-transform: lowercase;
margin: 0px;
color: 5E668D;
border-bottom: 6px dotted EDA026;
text-align: left;}
b
{color: #5E668D;
letter-spacing: 1px;
font-weight: normal;
text-transform: uppercase;
font-size: 8px;}
i
{color: #EDA026;
font-style: normal;
letter-spacing: 2px;}
u
{text-decoration: none;
border-bottom: 2px dotted #EDA026;
color: #5E668D;}
A:link, A:active, A:visited td
{text-decoration: none;
color: #5E668D;
letter-spacing: 1px;}
A:hover
{text-decoration: none;
color: #5E668D;
letter-spacing: -1px;}
A:link.credit, A:active.credit, A:visited.credit
{text-decoration: none;
color: #FFFFFF;
letter-spacing: 1px;}
</style>

<br><br>
<center><table><tr><td class="stuff">
<center><table><tr><td class="stuff2">
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)

</td></tr></table></td></tr></table> Tamera305's <a href="http://www.neopets.com/~PrincessFishyfood" class="credit">CSS</a> </center>

<style>
p, td, body
{font-family: century gothic;
font-size: 10px;
color: #BCA618;
text-transform: lowercase;
line-height: 15px;}
body
{background-color: #8F2D3B}
td.stuff
{background-color: #FFFFFF;
border: 20px solid #EBD01E;
width: 275px;}
h1
{color: #94B82F;
font-family: century gothic;
margin: 0px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 8px;
text-align: right;
border-bottom: 2px solid #8F2D3B;
line-height: 32px;}
b
{color: #94B82F;
letter-spacing: 2px;}
i
{font-style: normal;
color: B3394A;
font-family: arial;
font-size: 10px;
letter-spacing: 1px;}
u
{text-decoration: none;
color: #94B82F;
border-bottom: 2px solid #B3394A;
margin: 0px;}
A:link, A:active, A:visited
{color: #B3394A;
text-decoration: none;
letter-spacing: 2px;}
A:hover
{letter-spacing: 0px;}
</style>

<br><br>
<center><table><tr><td class="stuff">
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)

</td></tr></table> Tamera305's <a href="http://www.neopets.com/~PrincessFishyfood">CSS</a> </center>

The css that's being used here. =)

<style>
p, td, body
{font-family: arial;
font-size: 10px;
text-transform: lowercase;
color: #999999;}
body
{background-color: #E0E0E0;}
td
{background-color: #ffffff;
width: 300px;
border: 15px solid #3F8CA8;}
h1
{Font-weight: bold;
font-style: italic;
letter-spacing: 2px;
color: #EDA026;
margin: 0px;
font-family: Georgia;
border-bottom: 3px solid #3F8CA8}
b
{letter-spacing: 1px;
color: #EDA026;}
i
{font-family: georgia;
color: #3F8CA8;}
u
{color: #3F8CA8;
text-decoration: none;
border-bottom: 2px solid F2BC67;}
A:link, A:active, A:visited
{color: EDA026;
text-decoration: none;
text-transform: uppercase;
font-size: 8px;}
A:hover
{color: EDA026;
text-decoration: none;
text-transform: lowercase;
font-size: 8px;
letter-spacing: 2px;}
</style>

<br><br>
<center><table><tr><td>
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)

</td></tr></table> Tamera305's <a href="http://www.neopets.com/~PrincessFishyfood">CSS</a> </center>

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

<style>
p,td,body
{font-family: sans-serif;
font-size: 10px;
text-transform: lowercase;
color: #94B82F;}
body
{background-color: #DDDDDD;}
td.stuff
{border: 14px solid #EDA026;
background-color: #FFFFFF;
width: 200px;}
h1
{color: #24A7D9;
font-weight: normal;
font-family: century gothic;
letter-spacing: 5px;
margin: 0px;
border-bottom: 7px dashed #DDDDDD;
text-align: right;
line-height: 33px;}
b
{color: #24A7D9;
letter-spacing: 2px;
font-weight: normal;}
i
{color: #EDA026;
font-family: garamond;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;}
u
{color: #24A7D9;
text-decoration: none;
border-bottom: 1px dashed #EDA026;}
a:link, a:active, a:visited
{color: #EDA026;
text-decoration: none;
font-size: 8px;
text-transform: uppercase;}
a:hover
{text-transform: lowercase;
letter-spacing: 1px;}
</style>

<br><br>
<center><table><tr><td class="stuff">
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)

</td></tr></table>Tamera305's <a href="http://www.neopets.com/~PrincessFishyfood">CSS</a></center>

<style>
p,td,body
{font-family: sans-serif;
font-size: 10px;
text-transform: lowercase;
color: #28507D;}
body
{background-color: #2f2f2f;}
td.stuff2
{border: 5px solid #CC0000;
width: 200px;}
td.stuff
{border: 13px solid #990000;
background-color: #FFFFFF;
width: 200px;}
h1
{color: #CC0000;
font-weight: normal;
font-family: times;
letter-spacing: -4px;
margin: 0px;
border-bottom: 3px dotted #AFAFC8;
text-align: center;
line-height: 30px;}
b
{color: #CC0000;
letter-spacing: -1px;
font-weight: normal;}
i
{color: #AFAFC8;
font-family: garamond;
font-weight: normal;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
font-style: normal;}
u
{color: #CC0000;
text-decoration: none;
border-bottom: 1px dotted #AFAFC8;
font-family: verdana;
letter-spacing: -1px;}
a:link, a:active, a:visited
{color: #AFAFC8;
text-decoration: none;
font-size: 8px;
text-transform: uppercase;}
a:hover
{text-transform: lowercase;
letter-spacing: 1px;}
</style>

<br><br>

<center><table><tr><td class="stuff2"><table><tr><td class="stuff">
<h1>Header</h1>
<b>Bold,</b> <i>Italics</i>, <u>Underline,</u> and <a href="notalink">a Link</a>.<br>
Oh yeah, and normal text, too. =)<br><br>
<b>Here's a sample paragraph:</b><br>
This is what a long paragraph would look like. Make sure to leave the credit on the CSS, and if you want you can re-color it. =)
</td></tr></table> </td></tr></table> <a href="http://www.neopets.com/~PrincessFishyfood">Tamera305's CSS</a> </center>

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