@import url(http://fonts.googleapis.com/css?family=Happy+Monkey);
body {color:#677666;
background-color:#ffffff;
background-image: url('https://assets.tumblr.com/images/x.gif');
background-attachment:fixed;
font-family: 'Happy Monkey', cursive;
font-size:10px;
line-height:100%;
text-align:justify;
font-style:normal
}
a:link, a:active, a:visited {color: #6783a2;
font-family: 'Happy Monkey', cursive;
text-decoration:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.8s ease-out;
transition:all 0.2s ease-out;
}
a:hover {color:#ffffff;
-webkit-transition:all 0.4s ease-out;
-moz-transition:all 0.4s ease-out;
transition:all 0.4s ease-out;
}
small{font-size:12px
}
big{font-size:12px;
color:#3e3d3d;
text-transform:lowercase;
font-style:italic
}
b, strong{color:
}
i, em {color:#838282
}
p{margin-top:5px; margin-bottom:5px}
blockquote {margin-left:10px;
margin:8px;
padding:3px;
border-left:1px double
}
img {
border:none;
}
blockquote {
padding-left:5px;
border-left:2px solid;
}
blockquote blockquote {
padding-left:5px;
border-left:2px solid;
}
h1 {
font-size:15px;
}
#entries {padding:10px;
width:500px;
margin-left:500px;
margin-top:-10px;
}
#post {
width:500px;
margin-top:40px;
padding:20px;
border:1px solid #f8f8f8;
background-color:;
}
#post img{
opacity:0.75;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
#post img:hover{
opacity:1;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
#info {text-align:left;
padding:5px;
margin-top:10px;
margin-bottom:5px;
font-size:10px;
text-transform: lowercase;
font-family: 'Happy Monkey', cursive;}
#sidebar {
width:250px;
position:fixed;
margin-left:250px;
margin-top:100px;
}
#tags {
font-family: 'Happy Monkey', cursive;
letter-spacing:0px;
text-transform:uppercase;
font-size:10px;
margin-top:4px;
}
#tags
a {display:inline; background-color:;
padding:-4px;
text-align:left;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;}
#sidebar {
width:250px;
position:fixed;
margin-left:250px;
margin-top:100px;
}
#footer{ position:fixed;
bottom:0;
background-color:#ffffff;
width:530px;
padding:20px 0 20px 0px;
text-align:center;
}
#description {
background-color:transparent;
font-family: 'Happy Monkey', cursive;
padding-top:1px;
width:70px;
margin-top:-10px;
margin-bottom:25px;
line-height:80%;
font-size:10px;
padding:7px
}
#description img {
width:70px;
padding:10px;
height:190px;
background-color:transparent;
border:1px solid ;
margin-top:-30px
}
#des {position:fixed;
text-align:justify;
word-spacing:3px;
font-family: 'Happy Monkey', cursive;
font-style:normal;
font-size: 12px;
height:auto;
margin-top:-273px;
padding:10px;
margin-left:50px;
opacity:0;
width:90px;
height:90px;
line-height:150%;
color:#CCCCCC;
background-color:#ffffff;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#des:hover{
opacity:1;
}
#des a{font-size:14px;
padding:2px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.64s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#des a:hover {
color:#ffffff;
opacity:.8;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#links {text-align:center;
position:fixed;
text-transform: lowercase;
width:100px;
height:100px;
margin-top:424px;
margin-left:291px;
opacity:0;
font-family: 'Happy Monkey', cursive;
color:#6783a2;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
#links a {
display:block;
font-family: 'Happy Monkey', cursive;
width:110px;
height:22px;
font-size:9px;
line-height:210%;
text-decoration:none;
opacity:1;
text-align:center;
background-color:#fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#links:hover{
opacity:1;
}
#links a:hover{
background-color:#ffffff;
color:#ffffff;
opacity:1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#title{
margin-top:102px;
margin-left:290px;
font-family: 'Happy Monkey', cursive;
font-size:20px;
font-style:italic;
text-align:center;
color:#CCCCCC;
line-height:150%;
width:90px;
height:90px;
padding:10px;
opacity:0;
background-color:#ffffff;
position:fixed;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#title:hover{
opacity:1;
}
#sidebar {
width:170px;
height:200px;
position:fixed;
margin-left:240px;
margin-top:170px;
}
#sidebarimage img {
width:130px;
height:450px;
background-color:#ffffff;
padding:7px;
margin-left:30px;
margin-top:-90px;
border:4px #f8f8f8 double;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#pic1{
margin-top:-450px;
margin-left:50px;
}
#pic1 img {
width:100px;
height:100px;
background-color:#ffffff;
border:5px #f8f8f8 solid;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#pic2{
margin-top:48px;
margin-left:50px;
}
#pic2 img {
width:100px;
height:100px;
background-color:#ffffff;
border:5px #f8f8f8 solid;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#pic3{
margin-top:51px;
margin-left:51px;
}
#pic3 img {
width:100px;
height:100px;
background-color:#ffffff;
border:5px #f8f8f8 solid;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#description {
padding:5px;
text-align:center;
}
.pagination { text-align:center;
color:;
left:213px;
}
.current_page { background-color:;
padding:5px;
margin:5px;
}
.jump_page, .next { background-color:;
padding:5px;
margin:5px;
}
.note {
text-transform:uppercase;
font-style:normal;
letter-spacing:0px;
font-size: 9px;
text-align:left;
line-height:90%;
margin-left:-40px;
}
.note li {
list-style-type:none;
border-bottom:1px solid #f8f8f8;
padding:10px 25px 10px 25px;
text-align:left;
margin:0px;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
}
#info {
text-align:center;
margin-top:10px;
}
#question { padding:15px;
background-color: #f8f8f8;
position: relative;
}
#question:after, #demo:before { border: solid transparent;
content: ' ';
height: 0;
left: 100%;
position: absolute;
width: 0;
}
#question:after { border-width: 9px;
border-left-color: #f8f8f8;
top: 15px;
}
#question:before { border-width: 14px;
border-left-color: #f8f8f8;
top: 10px;
}
#credit {
text-align:center;
font-family: 'Happy Monkey', cursive;
font-size:8px;
line-height:70%;
background-color:#fcfcfc;
position:fixed;
right:8px;
bottom:2px;
}
/* SCARFCODE1 BEGINS */
scarves{
position:fixed;
margin-right: 280px;
margin-top:0px;
}
scarf1{
width:25px;
height:160px;
position:fixed;
margin-top:-115px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf1:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf2{
width:25px;
height:150px;
position:fixed;
margin-left:27px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf2:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf3{
width:25px;
height:150px;
position:fixed;
margin-left:54px;
margin-top:-120px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf3:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf4{
width:25px;
height:150px;
position:fixed;
margin-left:81px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf4:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
/* SCARFCODE1 ENDS */
the boy who lived
