CSS Layouts

Revamped on 20th September 2009, works in the new neopet filters as of (4th Oct 09).
Simple coloured CSS for you to use for your petspage or site.
Newest at the top.
Credit.link back must stay intact at all times
Do not redistribute.
Most colour schemes are from Colour Lovers

<style>

body{background-color:#fdf2bd;}

.innocent {
  width: 500px;
  background-color:#fce98d;
  font-family: tahoma;
  color: #525252;
  margin-left: 0px;
  margin-bottom:20px;
  font-size: 10px;
  line-height: 12px;
  text-align:center;}

h1 {
width: 500px;
color: #9d1c38;
border-bottom: 3px solid #9d1c38;
font-size:15px;
margin-top:0px;
line-height:17px;
font-family:georgia;
margin-bottom:1px;
text-transform:uppercase;
text-align:right;
text-decoration:none;}

h3 {
width: 500px;
color: #405e5c;
border-bottom: 3px solid #405e5c;
font-size:15px;
margin-top:0px;
line-height:17px;
font-family:georgia;
margin-bottom:1px;
text-transform:uppercase;
text-align:left;
text-decoration:none;}

h4 {
width: 500px;
color: #432e19;
background-color:#fce98d; 
border-bottom: 10px solid #432e19;
font-size:35px;
margin-top:0px;
line-height:36px;
padding-left: 5px;
font-family:georgia;
margin-bottom:30px;
text-transform:uppercase;
text-align:right;
text-decoration:none;}

a:link,a:visited,a:active
{color:#9d1c38;
font-weight:normal;
font-family:tahoma;
font-size:11px;
text-decoration:none;
text-transform: none;}

a:hover
{color:#432e19;
font-size:11px;
text-transform: none;}

b {color: #405e5c;font-size: 11pxfont-weight: strong;   font-family: arial;text-transform: uppercase; }

u {color: #432e19;font-weight: normal;text-transform: uppercase;border-bottom: 1px solid #432e19;}

i {color: #a49974;font-weight: normal; text-transform: none;}

div#right
{left: 622px;
top: 3px;
padding: 20px;}

a.right:link, a.right:visited, a.right:active
{width: 70px;
height: 50px;
color:#405e5c; 
background-color:#fce98d; 
display:block; 
font-size:30px; 
font-family: arial; 
text-align: center; 
padding-top: 15px;
margin: 5px;
text-transform: lowercase;}

a.right:hover
{color: #9d1c38;
background-color: #fce98d;
text-decoration: none;}

hr,font{display: none ;}

#m, #n, #mb, center font b,.hdr, td, .bodycenter font b{display:none}

</style>

<h4>Title</h4>
<div class="innocent">
</div>

<h3>Header</h3>
<div class="innocent">
Hi, how are you? My name is Zoe from Innocense. This is obviously what the CSS will look like if are choosing to use it. Thank you if you are. You may of course edit this to your liking or to suit your need but naturally the credit and link back to Innocense will need to be kept on this CSS layout at all times. If you remove it and/or claim this CSS as your own I will have to add you to my wall of shame and send my pet kangaroos after you and we don't want that. 
<p>

For your information: this is <u>underline</u> ~ <strike>strike</strike> ~ <b>Bold</b> ~ <i>italic</i> and a <a href="http://www.neopets.com/~zoeatinnocense">link </a>
<p>
Type as much info as you need here, blah blah blah. If in doubt of what you can and cannot do, feel free to ask me. Bear in mind that you may not redistribute this CSS or edited versions of this CSS. Hope you like it. Thanks! 
<p>
</div>

<h1>Header</h1>
<div class="innocent">
Hi, how are you? My name is Zoe from Innocense. This is obviously what the CSS will look like if are choosing to use it. Thank you if you are. You may of course edit this to your liking or to suit your need but naturally the credit and link back to Innocense will need to be kept on this CSS layout at all times. If you remove it and/or claim this CSS as your own I will have to add you to my wall of shame and send my pet kangaroos after you and we don't want that. 
<p>

<h3>Credits</h3>
<div class="innocent">
CSS made by Zoe at <a href="http://www.neopets.com/~zoeatinnocense">Innocense</a>
Add more credits here if you wish but do NOT remove my credit or link back. Thanks

Nadia	Vibeke	Sabryna
Tiff	Vesa	Faye
Lyn	Maria	Julia
Kate	Apply	Jay

CSS Layouts

The End