CSS Layouts

All are working as tested on 2nd August 2010.
Simple coloured CSS for you to use for your petspage or site.
Newest at the top.
Credit and 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

Ida	Lyn	Sabryna
Tiff	Faye

Welcome

Affiliates

Stats

Questions?

Advertise?

CSS Layouts

The End