CSS Layouts

<style> body{background-color:#ece5ce;} .innocent { width: 500px; background-color:#e7e7e7; font-family: tahoma; color: #505050; margin-left: 0px; margin-bottom:20px; font-size: 10px; line-height: 12px; text-align:center;} h3 { width: 500px; color: #589ad5; border-bottom: 3px solid #589ad5; font-size:15px; margin-top:0px; line-height:17px; font-family:georgia; margin-bottom:1px; text-transform:uppercase; text-align:right; text-decoration:none;} h1 { width: 500px; color: #e32636; border-bottom: 3px solid #e32636; 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: #e32636; background-color:#e7e7e7; border-bottom: 10px solid #e32636; 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:#589ad5; font-weight:normal; font-family:tahoma; font-size:11px; text-decoration:none; text-transform: none;} a:hover {color:#e32636; font-size:11px; text-transform: none;} b {color: #e32636;font-size: 11pxfont-weight: strong; font-family: arial;text-transform: uppercase; } u {color: #589ad5;font-weight: normal;text-transform: uppercase;border-bottom: 1px solid #432e19;} i {color: #505050;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:#e32636; background-color:#e7e7e7; display:block; font-size:30px; font-family: arial; text-align: center; padding-top: 15px; margin: 5px; text-transform: lowercase;} a.right:hover {color: #589ad5; background-color: #e7e7e7; text-decoration: none;} hr,font{display: none ;} #m, #n, #mb, center font b,.hdr, td, .bodycenter font b{display:none} </style> <div style="position: absolute; top: 0px; left: 0px;"> <IMG SRC="http://i224.photobucket.com/albums/dd220/innocensekitten/dotsa.jpg" BORDER="0"> </div> <div style="position:absolute;" id="right"> <a href="http://www.neopets.com/" class="right">1</a> <a href="http://www.neopets.com/" class="right">2</a> <a href="http://www.neopets.com/" class="right">3</a> <a href="http://www.neopets.com/" class="right">4</a> <a href="http://www.neopets.com/" class="right">5</a> </div> </div> <div style="position:absolute; left:131px; top: 20px; width: 500px;border:none;"> <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> 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> <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

<style> body{background-color:#fff;} .innocent { width: 500px; background-color:#e8e7e7; font-family: tahoma; color: #505050; margin-left: 0px; margin-bottom:20px; font-size: 10px; line-height: 12px; text-align:center;} h3 { width: 500px; color: #b8f430; border-bottom: 3px solid #b8f430; font-size:15px; margin-top:0px; line-height:17px; font-family:georgia; margin-bottom:1px; text-transform:uppercase; text-align:right; text-decoration:none;} h1 { width: 500px; color: #f03063; border-bottom: 3px solid #f03063; 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: #2ca5f4; background-color:#e8e7e7; border-bottom: 10px solid #2ca5f4; 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:#f1663d; font-weight:normal; font-family:tahoma; font-size:11px; text-decoration:none; text-transform: none;} a:hover {color:#b8f430; font-size:11px; text-transform: none;} b {color: #2ca5f4;font-size: 11pxfont-weight: strong; font-family: arial;text-transform: uppercase; } u {color: #b8f430;font-weight: normal;text-transform: uppercase;border-bottom: 1px solid #432e19;} i {color: #f03063;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:#b8f430; background-color:#e8e7e7; display:block; font-size:30px; font-family: arial; text-align: center; padding-top: 15px; margin: 5px; text-transform: lowercase;} a.right:hover {color: #2ca5f4; background-color: #e8e7e7; text-decoration: none;} hr,font{display: none ;} #m, #n, #mb, center font b,.hdr, td, .bodycenter font b{display:none} </style> <div style="position: absolute; top: 0px; left: 0px;"> <IMG SRC="http://i224.photobucket.com/albums/dd220/innocensekitten/dotsb.jpg" BORDER="0"> </div> <div style="position:absolute;" id="right"> <a href="http://www.neopets.com/" class="right">1</a> <a href="http://www.neopets.com/" class="right">2</a> <a href="http://www.neopets.com/" class="right">3</a> <a href="http://www.neopets.com/" class="right">4</a> <a href="http://www.neopets.com/" class="right">5</a> </div> </div> <div style="position:absolute; left:131px; top: 20px; width: 500px;border:none;"> <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> 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> <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

<style> body{background-color:#868c7a;} .innocent { width: 500px; background-color:#646c55; font-family: tahoma; color: #cbcac9; margin-left: 0px; margin-bottom:20px; font-size: 10px; line-height: 12px; text-align:center;} h3 { width: 500px; color: #2a2017; border-bottom: 3px solid #2a2017; font-size:15px; margin-top:0px; line-height:17px; font-family:georgia; margin-bottom:1px; text-transform:uppercase; text-align:right; text-decoration:none;} h1 { width: 500px; color: #290f12; border-bottom: 3px solid #290f12; 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: #8f2d24; background-color:#646c55; border-bottom: 10px solid #8f2d24; 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:#8f2d24; font-weight:normal; font-family:tahoma; font-size:11px; text-decoration:none; text-transform: none;} a:hover {color:#290f12; font-size:11px; text-transform: none;} b {color: #8f2d24;font-size: 11pxfont-weight: strong; font-family: arial;text-transform: uppercase; } u {color: #2a2017;font-weight: normal;text-transform: uppercase;border-bottom: 1px solid #432e19;} i {color: #290f12;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:#290f12; background-color:#646c55; display:block; font-size:30px; font-family: arial; text-align: center; padding-top: 15px; margin: 5px; text-transform: lowercase;} a.right:hover {color: #8f2d24; background-color: #646c55; text-decoration: none;} hr,font{display: none ;} #m, #n, #mb, center font b,.hdr, td, .bodycenter font b{display:none} </style> <div style="position: absolute; top: 0px; left: 0px;"> <IMG SRC="http://i224.photobucket.com/albums/dd220/innocensekitten/dotsc.jpg" BORDER="0"> </div> <div style="position:absolute;" id="right"> <a href="http://www.neopets.com/" class="right">1</a> <a href="http://www.neopets.com/" class="right">2</a> <a href="http://www.neopets.com/" class="right">3</a> <a href="http://www.neopets.com/" class="right">4</a> <a href="http://www.neopets.com/" class="right">5</a> </div> </div> <div style="position:absolute; left:131px; top: 20px; width: 500px;border:none;"> <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> 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> <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