secret keeper

<style>

/* PROFILE BY PIZZA FOR SHAKESPEARE c:
DONUT TAKE ANY PART OF THIS CODE THX */

/* BLANK SLATE */
#header, #menu, #sidebar, #postcards, #bookmarks, #rightbg, #footer, h2 {display:none;}
#content, #page, body {background-color:transparent;}

/* HIDE STATS */
#pet_stats, #column_3 {display:none;}

/* HIDE DATES */
.pet_age_info_date, .pet_wco_info_date {display:none;}

/* HIDE FRIENDS */
#pet_friends {display:none;}

/* HIDE NAME */
.pet_name {display:none;}

/* BACKGROUND */
body, html {height:100%; width:100%; background: url(http://i.imgur.com/RMjDWun.png), url(http://i.imgur.com/RsCvamh.png); background-repeat:repeat-x, repeat; position:fixed;}
body {height:100%; background:url(http://i.imgur.com/IVtE5gD.png) center top no-repeat; overflow:hidden;}

/* TEXT */
body,html,a {font-family:tahoma; font-size:10px; color:#000; letter-spacing:1px; line-height:10px; text-align:center;}
b {color:#000;}
i {color:#0b2486;}
a:link,a:visited {font-family:tahoma; font-size:10px; color:#8a1004;}
a:hover {font-family:tahoma; font-size:10px; text-decorate:underline;}

/* BASIC */
.owner {font-family:tahoma; font-size:9px;  color:#c1816a; letter-spacing:2px; line-height:13px; font-weight:bold; text-align:left; height:13px; width:250px; top:285px; left:50%; margin-left:410px; border:none; position:fixed;}
.owner a {font-family:tahoma; font-size:9px; letter-spacing:2px; line-height:9px; font-weight:bold; text-decoration:none;}
.owner a:hover {font-family:tahoma; font-size:9px; letter-spacing:2px; line-height:9px; text-decoration:underline;}
.pet_color_info {font-family:tahoma; font-size:10px; color:#c1816a; letter-spacing:2px; line-height:13px; font-weight:bold; text-align:left; height:13px; width:250px; top:275px; left:50%; margin-left:415px; border:none; position:fixed;}
.pet_like {height:13px; width:20px; top:440px; left:50%; margin-left:360px; text-shadow: 0px 1px #000, 0px -1px #000, 1px 0px #000, -1px 0px #000; text-decoration:none; border:none; position:fixed; z-index:10;}
.pet_like a {font-size:tahoma; font-size:11px; line-height:13px; text-shadow: 0px 1px #000, 0px -1px #000, 1px 0px #000, -1px 0px #000; text-decoration:none; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; opacity:0.8;}
.pet_like a:hover {font-size:tahoma; font-size:11px; line-height:13px; text-shadow: 0px 1px #000, 0px -1px #000, 1px 0px #000, -1px 0px #000; text-decoration:none; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; opacity:0.4;}

/* CONTENT */
#secretcontent {font-family:tahoma; font-size:10px; color:#000; letter-spacing:1px; line-height:10px;  height:343px; width:450px; top:126px; left:50%; margin-left:-133px; overflow-y:auto; overflow-x:hidden; border:0px; border-radius:25px; padding:5px 15px 5px 20px; position:fixed; z-index:4;}
#secretcontent:target {z-index:5;}
#secretmain {background:url(http://i.imgur.com/s3WvBhp.png) no-repeat; height:373px; width:495px; top:121px; left:50%; margin-left:-137px; border:none; position:fixed; z-index:3;}
#secretname {background:url(http://i.imgur.com/gyEk5u5.png) no-repeat; height:75px; width:375px; top:56px; left:50%; margin-left:-82px; border:none; position:fixed; z-index:6;}
#secretanchors {height:20px; width:200px; top:490px; left:50%; margin-left:140px; border:none; position:fixed;}

/* PET TREASURE */
#pet_treasure {background:url(http://i.imgur.com/yNBTfHL.png) repeat-y; height:343px; width:450px; top:126px; left:50%; margin-left:-133px; border:0px; border-radius:25px; padding:5px 15px 5px 20px; position:fixed; z-index:0; overflow:auto;}
#pet_treasure:target {z-index:5;}
.treasure_item img:hover {opacity:0.8;}
.treasure_item {height:50px; width:50px; border:none; padding:0px 5px 5px 0px;}
.treasure_item img {height:50px; width:50px; border:1px solid #000; border-radius:25px; opacity:1.0;}

/* PET IMAGE */
#pet_image {background:url(http://i.imgur.com/U4Sm1wH.png); height:464px !important; width:436px !important; top:105px; left:50%; margin-left:-540px; border:none; position:fixed; opacity:1; z-index:7;}

/* PET SPOTLIGHT */
.pet_spotlight {background:url(http://i.imgur.com/csYKIHx.png) no-repeat; height:130px; width:110px; top:320px; left:50%; margin-left:420px; overflow:hidden; border:none; position:fixed; font-family:tahoma; font-size:10px; padding:10px 10px 0px 10px; z-index:1; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s; z-index:1;}
.pet_spotlight:hover {top:430px; -moz-transition:1s; -webkit-transition:1s; -o-transition:1s;}
.pet_spotlight img {height:50px; width:50px; border:1px solid #000; border-radius:10px; opacity:0.9;}
#secretcover {background-image:url(http://i.imgur.com/vmm9Ca3.png); background-repeat:no-repeat; height:139px; width:255px; top:301px; left:50%; margin-left:340px; position:fixed; border:none; z-index:2;}

/* MINION */
#pet_minion {font-family:tahoma; font-size:10px; color:#f9e279; height:115px; width:150px; top:320px; left:50%; margin-left:430px; position:absolute; z-index:9; border:none;}
#pet_minion b {font-family:tahoma; font-size:10px; color:#fff; font-weight:normal;}
#pet_minion img {background:url(http://i.imgur.com/AEecMZK.png) no-repeat; height:0px; width:64px; padding: 0px 0px 64px 0px; opacity:0.7;}

/* SCROLLBAR */
::-webkit-scrollbar-track {background-color:transparent;}
::-webkit-scrollbar {width:6px; background-color:transparent;}
::-webkit-scrollbar-thumb {background-color:transparent; border:none;}
#secretscroll {background-image:url(http://i.imgur.com/ZHVT937.png); background-repeat:no-repeat; height:362px; width:25px; top:122px; left:50%; margin-left:329px; position:fixed; border:none; z-index:8;}

</style>
<div id="secretscroll"></div>
<div id="secretmain"></div>
<div id="secretname"></div>
<div id="secretcover"></div>
<div id="secretanchors">[b]<a href="#secretcontent">story</a>[/b] | [b]<a href="#pet_treasure">treasure</a>[/b]</div>


<div id="secretcontent">

STORY GOES HERE[br]
[b]bold[/b] [i]italics[/i] [url=ad]link[/url]

</div>