Chapter 1 - codes here

<!-- hello! welcome to your new layout. i'll be here to help you customize everything in case you have trouble navigating the coding.-->
<link href='http://fonts.googleapis.com/css?family=Inconsolata';;;;;;; rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono';;;;;;; rel='stylesheet' type='text/css'>

<!-- below me is the coding for the three stationary boxes on the right side of the screen. each of them has enough space for a sentence or two. the "about me" box can be used to introduce your name and a few other things about yourself. the links can be used to link people to a sales thread or family thread or something like that. the reminders box can be used for just about anything! just remember to keep the content in these boxes short.-->
<div style=
"width:100px; 
height:114px; 
border: 1px solid #0A2B58;
padding:10px; 
background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2424/2424037.png);
color:#808080;
margin:10px;
margin-left:715px;
margin-top:73px;
position:fixed;
font-family: 'Inconsolata';
overflow:hidden;">
<center><div id="about"><b>about me</b>
<br>bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days</div></center>
</div>
<br><div style=
"width:100px; 
height:114px; 
border: 1px solid #0A2B58;
padding:10px; 
background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2424/2424037.png);
color:#808080;
margin:10px;
margin-left:715px;
margin-top:202px;
position:fixed;
font-family: 'Inconsolata';
overflow:hidden;">
<center><div id="links"><b>links</b>
<br>bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days</div></center>
</div>
<br><div style=
"width:100px; 
height:114px; 
border: 1px solid #0A2B58;
padding:10px; 
background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2424/2424037.png);
color:#808080;
margin:10px;
margin-left:715px;
margin-top:330px;
position:fixed;
font-family: 'Inconsolata';
overflow:hidden;">
<center><div id="notes"><b>reminders</b>
<br>bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days</div></center>
</div>

<center>
<span class="chat">
<center><a href=/chat.php>chat</a></center>
</span>
<span class="myposts">
<center><a href=/searchtopics.php?subject=&author=3762&mweor=&board=0&search=Search>my posts</a></center>
</span>
<span class="explore">
<center> <a href=/explore.php>explore</a></center>
</span>
</center>

<!-- this is the coding for the main box. at the top, you'll see an image url. this is the square image of the pattern. if you want, you can change the url to your current avatar or another square image, or you can leave it as is. be sure to change the header and subheader, and then add whatever you want to the content box.-->
<div style=
"width:602px; 
height:400px; 
overflow:hidden;
border: 1px solid #0A2B58;
padding:10px;
padding-left:20px;
margin:10px;
background:#ffffff;
color:#808080;
float:right;
font-family: 'Inconsolata';">
<img src="http://colourlovers.com.s3.amazonaws.com/images/patterns/2424/2424037.png";; width="75px" height="75px" border="1px solid #FCA89D" align="left"></img><div align="right">
<font size=4><h1>header here</h1></font size>
<h3>subsubsubsubsubsubsubsubsubsubsubsubsubsubsubsubsubsub</h3>
<hr></div>
<p>bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days ribbons tattered old books grey cats rain boots tan lines thank-you notes new notebooks golden rings tutus daisies metallics bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach daysbicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days ribbons tattered old books grey cats rain boots tan lines thank-you notes new notebooks golden rings tutus daisies bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days ribbons tattered old books grey cats rain boots tan lines thank-you notes new notebooks golden rings tutus daisies metallics bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach daysbicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days ribbons tattered old books grey cats rain boots tan lines thank-you notes new notebooks golden rings tutus daisies bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days ribbons tattered old books grey cats rain boots tan lines thank-you notes new notebooks golden rings tutus daisies metallics bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach daysbicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days ribbons tattered old books grey cats rain boots tan lines thank-you notes new notebooks golden rings tutus daisies</p>
</div>

<!-- ta-da! you're done customizing your new layout. enjoy!-->

<br><br><br><br><br><br><br><br><br><br><br><br><div style=
"width:30px; 
height:100px; 
overflow:hidden;
border: 0px solid #0A2B58;
margin-right:-25px;
background:#ffffff;
color:#808080;
float:right;
font-family: 'Inconsolata';">
<center>
<font size=1><br><a class="compose" cid="3762">talk</a>
<br><br><a href=/report.php?loc=1&other=3762>report</a>
<br><br><a href=/cattery.php?id=43641>creds</a></font size></center>
</div>


<p><p><p><p><p><p><p><p><p><p><p><p><center>
<span class="shop">
<center><a href=/usershop.php?id=3762>shop</a></center>
</span>
<span class="overview">
<center><a href=/cattery_overview.php?id=3762>overview</a></center>
</span>
<span class="messages">
<center><a href=/messages.php>messages</a></center>
</span>
</center>

<style>
.chat
{width:197px; 
height:10px; 
background:#ffffff;
border:1px solid #0A2B58; 
color:#808080; 
font-family: 'Inconsolata';
margin:10px; 
float:right;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
padding-bottom:3px;}
.chat:hover
{background:#0A2B58;}
.myposts
{width:197px; 
height:10px; 
background:#ffffff;
border:1px solid #0A2B58; 
color:#808080; 
font-family: 'Inconsolata';
margin:10px; 
float:right;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
padding-bottom:3px;}
.myposts:hover
{background:#0A2B58;}
.explore
{width:197px; 
height:10px; 
background:#ffffff;
border:1px solid #0A2B58; 
color:#808080; 
font-family: 'Inconsolata';
margin:10px; 
float:right;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
padding-bottom:3px;}
.explore:hover
{background:#0A2B58;}
.shop
{width:197px; 
height:10px; 
background:#ffffff;
border:1px solid #0A2B58; 
color:#808080; 
font-family: 'Inconsolata';
margin:10px; 
float:right;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
padding-bottom:3px;}
.shop:hover
{background:#0A2B58;}
.overview
{width:197px; 
height:10px; 
background:#ffffff;
border:1px solid #0A2B58; 
color:#808080; 
font-family: 'Inconsolata';
margin:10px; 
float:right;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
padding-bottom:3px;}
.overview:hover
{background:#0A2B58;}
.messages
{width:197px; 
height:10px; 
background:#ffffff;
border:1px solid #0A2B58; 
color:#808080; 
font-family: 'Inconsolata';
margin:10px; 
float:right;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
padding-bottom:3px;}
.messages:hover
{background:#0A2B58;}
#about
{width:95px!important;
height:111px!important;
background:#ffffff;
border: 0px solid #ffffff;
font-family: 'Inconsolata';
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
opacity:.7;
overflow:hidden;}
#about:hover
{opacity:1;}
#links
{width:95px!important;
height:111px!important;
background:#ffffff;
border: 0px solid #ffffff;
font-family: 'Inconsolata';
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
opacity:.7;
overflow:hidden;}
#links:hover
{opacity:1;}
#notes
{width:95px!important;
height:111px!important;
background:#ffffff;
border: 0px solid #ffffff;
font-family: 'Inconsolata';
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
opacity:.7;
overflow:hidden;}
#notes:hover
{opacity:1;}
</style>

<font color=#808080>

<style>
#marquee
{-webkit-marquee-style: alternate;
-moz-marquee-style: alternate;
-o-marquee-style: alternate;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
opacity: .85;}
#marquee:hover
{opacity: 1;}
#pic
{position:fixed;
left:840px;
margin-top:100px;
z-index:1;}
</style>

<style>
#topbanner,
#bottombanner,
#titlebar,
#bodyi, .titlebar, .sf-menu {display: none;} 
#footer{display:none;}
#titleimg { display:none;}
#titletxt { display:none; }
.titlebar { display:none; height:0px}
#topbanner { display:none;}
#bottombanner img { display:none;}
#menu_holder { display:none; }
img.trans {display:none;}
.tip.good_label {display:none;}
.tip.neutral_label  {display:none;}
#notice {display:none;}
#eventtxt  {display:none;}
#cattery_infobox {display:none;}
div [style="width: 99px; height: 98px; position: relative; float: left;"] {display:none;}
</style>

<style>
.breed_count
{display:none;}
#mweor_tabs 
{background: #ffffff; 
border:0px solid #0A2B58!important;
color: #808080!important;
box-shadow:0px 0px 10px #ffffff;
font-family: 'Inconsolata'  !important;
border-radius:0px;
margin-left:70px;}
.ui-widget-header 
{background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2424/2424037.png);
border:0px solid transparent;
color: #808080!important; 
font-family: 'Inconsolata'  !important
border: none;
border-radius:0px;}
ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #E13764;
color: #808080!important; 
border: 0 px solid #ffffff;
font-family: 'Inconsolata'  !important}
ul#cattery_menu
{background:#ffffff;
color:#808080!important;
font-family: 'Inconsolata';
border-radius:0px;}
.ui-corner-top
{border:0px solid #0A2B58!important;
color:#808080!important;
font-family: 'Inconsolata';
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
border-radius:0px;
background:#ffffff;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{background: #ffffff;
color:#808080!important;
border:0px solid #ffffff;
font-family: 'Inconsolata';}
.add_small_margins
{border: 0px solid #ffffff!important;}
th
{color:#808080!important;
font-family: 'Inconsolata';}
.ui-tabs-anchor
{color:#808080!important;
font-family: 'Inconsolata';}
</style>

<style>
#cattery_descbox
{background:#ffffff;
width:700px;
height:600px;
float: right;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
body
{background:#ffffff;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
#content 
{background:#ffffff;
width:700px;
height:600px;
float:right;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
tbody
{font-family: 'Inconsolata';
color:#808080;}
td
{font-family: 'Inconsolata';
color:#808080;}
</style>

<style>
.button
{color:#0A2B58;
background:#ffffff;
border: 1px solid #0A2B58;
font-family: 'Ubuntu Mono';
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;}
.button:hover
{color:#E13764;
border: 1px solid #E13764;}
.theader
{property: value;
background: #ffffff;
font-family: 'Inconsolata';
color:#808080; 
position:relative;}
.popup 
{background-image:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2424/2424037.png);
color:#808080;
border: 1px solid #0A2B58;
font-family: 'Inconsolata';}
.ui-tooltip
{background: #ffffff!important;
color:#808080!important;
border: 1px solid #0A2B58;
font-family: 'Inconsolata';}
.ui-button
{-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
.mweorbox.ui-corner-all
{ margin-left:-1px;
margin-right:-1px; }
</style>

<style>
font
{color:#808080; !important
font-family: 'Inconsolata';}
a 
{color:#0A2B58;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
a:hover
{color:#E13764;}
i
{display:none;}
h1
{color:#808080;
font-family: 'Ubuntu Mono';}
b
{color:#0A2B58;
font-family: 'Ubuntu Mono';}
h2
{color:#0A2B58;
font-family: 'Ubuntu Mono';}
h3
{color:#0A2B58;
font-family: 'Ubuntu Mono';}
hr
{background-color:#E13764;
height:1px;
width:550px;
border:0px solid #ffffff;}
</style>

You are not authorized to comment here. Your must be registered and logged in to comment