Chapter 1 - click for codes

<link href='http://fonts.googleapis.com/css?family=Vibur' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>

<style>
#cattery_infobox
{float:right;
left:210px;
top:350px;
box-shadow:0px 0px 10px #96ffff;
border: 0px solid #ffffff;
background:#ff96e3;
color:#96ffff;
font-family:'Istok Web', sans-serif;}
</style>

<img src="http://i1348.photobucket.com/albums/p721/gates0412/15_zpsadbb5891.png" id="pic"></img>

<div style=
"width:750px; 
height:200px; 
overflow:hidden;
border: 0px solid #ffffff;
box-shadow:0px 0px 10px #96ffff;
padding:10px;
margin:10px;
background-image:url(http://i49.tinypic.com/9lcz6g.jpg);
color:#96ffff;
font-family: 'Istok Web', sans-serif;">
<div align="right"><font size=25><h1>header here</h1></font size></div>
</div>

<div style=
"width:750px; 
height:200px; 
overflow:hidden;
border: 0px solid #ffffff;
box-shadow:0px 0px 10px #96ffff;
padding:10px;
margin:10px;
background:#ff96e3;
color:#000000!important;
font-family: 'Istok Web', sans-serif;">
<div align="right"><h1>header here</h1></div>
<br><font size=2>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 metallics bicycles ponies rainbows hot chocolate peppermint ice cream snow cones blizzards beach days</font size>
</div>

<div style=
"width:750px; 
height:200px; 
overflow:hidden;
border: 0px solid #ffffff;
box-shadow:0px 0px 10px #96ffff;
padding:10px;
margin:10px;
background:#ff96e3;
color:#96ffff;
font-family: 'Istok Web', sans-serif;">
<center><br><marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" id="marquee"><img src="http://i49.tinypic.com/9lcz6g.jpg"; width="200px" height="175px"></img> <img src="http://i49.tinypic.com/9lcz6g.jpg"; width="200px" height="175px"></img> <img src="http://i49.tinypic.com/9lcz6g.jpg"; width="200px" height="175px"></img> </marquee></center>
</div>

<div style=
"width:750px; 
height:35px; 
overflow:hidden;
border: 0px solid #ffffff;
box-shadow:0px 0px 10px #96ffff;
padding:10px;
margin:10px;
background-image:url(http://i49.tinypic.com/9lcz6g.jpg);
color:#96ffff;
font-family: 'Istok Web', sans-serif;">
<center><h1><a href=/cattery.php>cattery</a> <a href=/chat.php>chat</a> <a href=/searchtopics.php?subject=&author=16055&mweor=&board=0&search=Search>my posts</a> <a href=/explore.php>explore</a> <a href=/news.php>news</a> <a href=/help.php>help</a> <a href=/logout.php>logout</a> <a href=/report.php?loc=1&other=16055>report</a> <a class="compose" cid="16055">message</a> <a href=/cattery.php?id=43641>credits</a></center>
</div>

<font color=#96ffff>

<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:765px;
margin-top:-300px;
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;}
#eventtxt  
{property: value;
background: #ff96e3;
font-family: 'Istok Web', sans-serif;
color:#96ffff; 
box-shadow:0px 0px 10px #96ffff;}
div [style="width: 99px; height: 98px; position: relative; float: left;"] {display:none;}
</style>

<style>
#mweor_tabs 
{background: #ff96e3; 
border:0px solid #8575ff!important;
color: #96ffff!important;
box-shadow:0px 0px 10px #96ffff;
font-family: 'Istok Web', sans-serif !important;
border-radius:0px;}
.ui-widget-header 
{background:#96ffff;
border:0px solid transparent;
color: #96ffff!important; 
font-family: 'Istok Web', sans-serif; !important
border: none;
border-radius:0px;}
ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: #7b0aba;
color: #96ffff!important; 
border: 0 px solid #ffffff;
font-family: 'Istok Web', sans-serif; !important}
ul#cattery_menu
{background:#ff96e3;
color:#96ffff!important;
font-family: 'Istok Web', sans-serif;
border-radius:0px;}
.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: #ff96e3;
color:#96ffff!important;
border:0px solid #ffffff;
font-family: 'Istok Web', sans-serif;}
.ui-corner-top
{background:#8575ff;
border:0px solid #8575ff!important;
color:#96ffff!important;
font-family: 'Istok Web', sans-serif;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
border-radius:0px;}
.add_small_margins
{border: 0px solid #ffffff!important;}
th
{color:#96ffff!important;
font-family: 'Istok Web', sans-serif;}
.ui-tabs-anchor
{color:#96ffff!important;
font-family: 'Istok Web', sans-serif;}
</style>

<style>
#cattery_descbox
{background:#8575ff;
width:800px;
height:800px;
float: right;
left:50px;
top:-318px;
margin-bottom:-325px;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
body
{background:#8575ff;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
#content 
{background:#8575ff;
width:800px;
height:750px;
float:right;
background-repeat:repeat;
background-attachment:fixed;
background-position:right;}
tbody
{font-family: 'Istok Web', sans-serif!important;
color:#7b0aba;}
td
{font-family: 'Istok Web', sans-serif!important;
color:#7b0aba;}
</style>

<style>
.button
{color:#96ffff;
background:#ff96e3;
box-shadow:0px 0px 10px #96ffff;
border: 0px solid #ffffff;
font-family: 'Vibur', cursive;
-webkit-transition-duration: 2s;
-moz-transition-duration: 2s;
-o-transition-duration: 2s;}
.button:hover
{color:#7b0aba;
box-shadow:0px 0px 10px #96ffff;
border: 0px solid #ffffff;}
.theader
{property: value;
background: #ff96e3;
font-family: 'Istok Web', sans-serif;
color:#96ffff; 
position:relative;}
.popup 
{background-image:url(http://i49.tinypic.com/9lcz6g.jpg);
color:#96ffff;
box-shadow:0px 0px 10px #0aaf9e;
border: 0px solid #ffffff;
font-family: 'Istok Web', sans-serif;}
.ui-tooltip
{background: #8575ff!important;
color:#96ffff!important;
box-shadow:0px 0px 10px #96ffff;
border: 0px solid #8575ff;
font-family: 'Istok Web', sans-serif; }
.tip.good_label
{background: #7b0aba;!important;
box-shadow:0px 0px 10px #96ffff;
color:#96ffff!important;
border: 0px solid #8575ff;
font-family: 'Istok Web', sans-serif;
right:13px;}
.tip.neutral_label 
{background: #7b0aba;!important;
box-shadow:0px 0px 10px #96ffff;
color:#96ffff!important;
border: 0px solid #8575ff;
font-family: 'Istok Web', sans-serif;
right:13px;}
#notice
{display:none;}
.ui-button
{-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
</style>

<style>
font
{color:#000000; !important
font-family: 'Istok Web', sans-serif;}
a 
{color:#7b0aba;
-webkit-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;}
a:hover
{color:#96ffff;}
i
{display:none;}
h1
{color:#7b0aba;
font-family: 'Vibur', cursive;
text-shadow:0px 0px 10px #96ffff;}
b
{color:#7b0aba;
font-family: 'Vibur', cursive;}
</style>

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