grey lie profile

<div id="floatimg"></div>

<div id="story">
<h2>Lorem ipsum dolor sit amet,</h2>
consectetur adipiscing elit. Donec consectetur consectetur velit nec tristique. Praesent tincidunt posuere tempus. Nullam augue orci, porta a nisi id, aliquet egestas quam. Nunc faucibus ligula nunc, non consequat mi tristique eu. Curabitur at metus mollis, auctor ex in, sodales erat. Aenean turpis nisl, scelerisque faucibus purus in, rhoncus elementum eros. Vivamus aliquam efficitur auctor. Ut facilisis enim quam, dictum pharetra mi malesuada in. Donec elementum porta rhoncus. Etiam dui leo, aliquam quis risus et, iaculis lobortis dolor. Suspendisse potenti. Duis magna quam, faucibus sed viverra ut, aliquam in nibh. Curabitur laoreet aliquam est, ut lobortis enim bibendum ac. Donec vulputate felis eros, efficitur consequat quam vestibulum a. Aliquam efficitur, tellus nec congue accumsan, nisi neque blandit risus, eu volutpat nisi purus sed augue.
[p]
Etiam eu neque dictum nulla congue congue ut eget quam. Sed arcu sem, condimentum sed ex sed, placerat viverra ipsum. Fusce aliquet, tortor ut tincidunt suscipit, ligula justo facilisis felis, ac lobortis nulla elit ac erat. Praesent ut auctor ipsum. Fusce quam turpis, convallis volutpat elit sed, aliquam fringilla velit. Aliquam posuere nunc molestie faucibus molestie. Aliquam eleifend nulla at arcu convallis, eu pulvinar nunc fermentum. Curabitur dignissim purus sit amet elit tempus fringilla. Sed consequat vel urna ut consectetur. Curabitur vel odio a nisl dictum fermentum vitae sed risus. Sed sit amet risus vel risus tincidunt fringilla vitae ac tellus. In mi nulla, convallis non finibus at, feugiat vehicula ante. Duis lacinia arcu sit amet mauris hendrerit imperdiet quis vel risus. Integer porta nisi id augue vestibulum luctus. Nulla vehicula dapibus ex et lobortis. Fusce eu velit nec dui pharetra hendrerit sit amet at diam.
[p]
Maecenas non varius lectus. Praesent faucibus efficitur mauris ut hendrerit. Aliquam erat volutpat. Donec accumsan pretium nunc. Mauris maximus arcu et libero tristique, a commodo odio consectetur. Fusce blandit condimentum leo, accumsan interdum diam auctor vel. Duis porttitor magna id consequat varius. Aliquam id fringilla metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed gravida tristique est at vulputate. Curabitur mattis, nulla et ornare ornare, arcu lectus venenatis erat, in elementum libero lorem quis nibh. Nulla at tempus nulla. Donec non justo iaculis, faucibus ipsum et, tincidunt justo.
[p]
Nam vel libero sit amet dolor congue tincidunt. Vestibulum purus diam, dapibus ac posuere eget, varius eget est. Cras eu nunc velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam mollis, leo eget eleifend lobortis, orci lectus laoreet elit, eget rhoncus erat risus nec mi. Maecenas consequat tempor dolor at condimentum. Vivamus congue elit sed est sollicitudin, eget malesuada lectus egestas. Maecenas lobortis nulla tellus, sit amet blandit ipsum pretium ut. Sed quis varius ante, eu elementum orci. Maecenas sit amet mauris vitae nulla ultricies sodales vitae in nisl.
[p]
Nam blandit condimentum mauris, at rutrum purus porttitor et. In ac neque at orci porttitor condimentum. Nunc sed faucibus dui. Quisque ac dui nibh. Morbi lobortis, urna at dignissim iaculis, ligula risus dapibus enim, euismod semper leo justo a ipsum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam vitae eros viverra, porttitor tortor eget, pretium erat. Quisque ante dui, feugiat eget imperdiet quis, mattis at lacus. Proin eget feugiat purus, eu vestibulum dolor. Sed elementum rhoncus quam non tincidunt. Maecenas non tempus lectus. Nunc lectus erat, iaculis eget bibendum eget, porttitor ac ipsum. Etiam mauris lacus, dapibus eu vulputate et, blandit condimentum mi.

[p]
<h2>credits:</h2>
profile and coding by [userid=526420].
[br]custom cursors from [url=http://oficinadehtml.tumblr.com/post/88436269178]oficinadehtml[/url].
</div>



<style>
html {background-image:url(https://i.imgur.com/Jz5YVCA.png); background-repeat:repeat-x; background-color:#a1828a;}
body {background-image:url(https://i.imgur.com/imcfrjN.png); background-repeat:no-repeat; background-position:left top; width:1200px !important; height:900px !important;}


/* fonts */

body,html,div,table,td,tr,a {font-family: 'Roboto Condensed', sans-serif; font-size:11px; color:#4e3a3f; text-shadow:0px 1px 1px rgba(0,0,0,0.2);}
a:link, a:visited, a:hover {color:#fff9f6; font-family: 'Roboto Condensed', sans-serif; font-size:11px;}
h2 {color:#4e3a3f; background:transparent; font-family: 'Open Sans Condensed', sans-serif; font-size:16pt; text-shadow:0px 1px 1px rgba(0,0,0,0.2);
   text-transform:uppercase; letter-spacing:1px; font-weight:bold; text-align:center; padding-bottom:3px;}


/* no touchie */

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

body, div{cursor:url('https://78.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_1280.png'), auto;}
a {cursor:url('https://78.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_p7nrx1hoRW1r1shc4_75sq.png'), auto;}

#content {background:none; margin:0px; height:100% !important;}
#rightbg, #page {background:none;}
#pet_info {position:absolute; top:0px; left:0px;}
html {overflow: -moz-scrollbars-none;}

#footer, #postcards, #menu, #header, #sidebar, #spacer, #bookmarks, #column_1 h2, #column_2 h1, #column_3 h2, #pet_friends h2, #pet_treasure h2, .pet_wco_info, .pet_wco_info_date, .pet_age_info_date, #pet_image, #pet_friends, .owner img, #stat_books_read, #stat_food_eaten, #pet_employment, #column_3 a, #pet_minion, .hustler, .pet_color_info, .pet_spotlight {display:none;}

html,body,#page,#main-content,#content{position:static!important;}
.container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}

/* profile content */

#column_3 {position:absolute; left:465px; top:388px; overflow:hidden;
   width:210px; height:320px; margin:0px; padding:0px;
   color:#4e3a3f; font-size:11px; font-family:'Roboto Condensed', sans-serif;
   letter-spacing:1px; text-transform:uppercase; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
#pet_stats {position:absolute;
   left:5px; top:0px; width:200px;}
#pet_stats li {margin:9px;}
.statbar {width:80%; height:10px !important;
   background-color:rgba(129,102,107,0.5); padding:0px; border:1px solid #775961;}
.stat {height:10px!important;
   background-color:rgba(231,204,209,0.8) !important; padding:0px;}

.owner {position:absolute; background:transparent; font-size:0px; left:761px; top:106px;}
.owner a {display:block; background-image:url(http://i58.tinypic.com/24bnrkm.jpg); font-size:0px;
   width:16px; height:6px; filter: alpha(opacity=0); -moz-opacity:0; opacity:0; z-index:9;}

#story {position:absolute; overflow-y:scroll; scrollbar-color: rgba(0,0,0,0.2) rgba(255,255,255,0.2); scrollbar-width:thin; left:709px; top:168px; width:280px; height:530px;
   text-align:justify; z-index:4; padding-right:25px;}

#pet_treasure {position:absolute; overflow:hidden; left:144px; top:148px; width:300px; height:560px; margin:0px; padding:0px;}
.treasure_item {border:1px solid rgba(78,58,63,0.4);
   width:60px; height:60px; margin-left:10px; margin-top:7px;
   -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px !important;}
.treasure_item img {width:60px; height:60px;
   -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important; border-radius: 10px!important;
   filter: alpha(opacity=40); -moz-opacity:.4; opacity:.4;}
.treasure_item img:hover {filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}
.treasure_item img, .treasure_item img:hover {transition: all .4s ease-in-out}

::-webkit-scrollbar{width:0px;}
::-webkit-scrollbar-button{height:0px;background:#000;}
::-webkit-scrollbar-thumb{background:#363633;}

#floatimg{position: fixed; background-image: url(https://i.imgur.com/pN6PDRB.png); left:995px; top:20px;width:534px;height:780px; z-index:5;
float: left;
    -webkit-animation-name: floatingx;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: floating;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;


@-webkit-keyframes floatingx{
    from {-webkit-transform:translate(0, 0px);}
    50% {-webkit-transform:translate(0, 25px);}
    to {-webkit-transform: translate(0, 0px);    }
}

@-moz-keyframes floating{
    from {-moz-transform:translate(0, 0px);}
    50% {-moz-transform:translate(0, 25px);}
    to {-moz-transform: translate(0, 0px);}
}
}

.floating{
    float: left;
    -webkit-animation-name: floatingx;
    -webkit-animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: floating;
    -moz-animation-duration: 6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;

}

@-webkit-keyframes floatingx{
    from {-webkit-transform:translate(0, 0px);}
    50% {-webkit-transform:translate(0, 25px);}
    to {-webkit-transform: translate(0, 0px);    }
}

@-moz-keyframes floating{
    from {-moz-transform:translate(0, 0px);}
    50% {-moz-transform:translate(0, 25px);}
    to {-moz-transform: translate(0, 0px);}
}

</style>