kowai-yume Gallery

<center>

<style>
#menu0, .leftnav, .maintop, .thumbnail, .folder_pic, .footer_links, .gallery_text { display: none; }

html, body {
background: #042744;
background-image: url('http://i.minus.com/ibxFWMto8XZHCz.png');
background-attachment: fixed;
background-repeat: no-repeat;
}

div, table, body {
font-family: trebuchet ms;
font-size: 11px;
color: #999;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #BB4E77;
height: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar {
width: 5px;
background-color: #0A4667;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

a:link, a:visited, a:active {
font-family: trebuchet ms;
color: #BB4E77;
background: none; transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}

a:hover {
color: #804C72;
background: none;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}

.main {
width: 600px;
margin-right: 60px;
background: #053257;
margin-top: 0px;  border: none;
float: center;
border-bottom: 7px solid #45496C;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}

.folder_node {
margin-top: -10px;
width: 104px;
height: 107px;
background-image: url("http://i.imgur.com/HlRBF4T.png");
background-repeat: no-repeat;
display: inline-block;
opacity: .3;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.folder_node:hover {
width: 104px;
height: 107px;
background-image: url("http://i.imgur.com/HlRBF4T.png");
background-repeat: no-repeat;
opacity: .6;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.pic_title {
text-transform: uppercase;
font-size: 8px; letter-spacing: 1px;
}
#gallery_top {
width: 526px;
margin-top: -80px;
}
.gallery_node img {
align: center;
width: 90px;
height: 90px;
border-radius: 8px;
background: #804C72;
border: 3px solid #BB4E77;
padding: 5px;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.gallery_node img:hover {
align: center;
width: 90px;
height: 90px;
border-radius: 8px;
background: #BB4E77;
border: 3px solid #804C72;
padding: 5px;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out; }

#gallery_top { margin-top: -10px; }

.links {
width: 600px;
height: 27px;
margin-top: 6px;
}

.links a {
display: inline-block;
border-radius: 8px;
background: #BB4E77;
width: 100px;
font: 10px trebuchet ms;
text-transform: uppercase;
color: #ccc;
letter-spacing: 4px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
margin-top: 6px;
padding: 3px;
margin: 1px;
}
.links a:hover {
background: #804C72;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

#vf_pic {
width: 400px;
border-radius: 5px;
background: #804C72;
border: 3px solid #ccc;
padding: 5px;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
#vf_pic:hover {
width: 400px;
border-radius: 5px;
background: #BB4E77;
border: 3px solid #fff;
padding: 5px;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}

.lefticon_td img,.member_thumbnail {
width: 70px;
border-radius: 5px;
background: #804C72;
border: 2px solid #ccc;
padding: 5px;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.lefticon_td img:hover, .member_thumbnail:hover {
width: 70px;
border-radius: 5px;
background: #BB4E77;
border: 2px solid #fff;
padding: 5px;
transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.graytext { display: none; }

a:link img[src="http://e.vampirefreaks.com/images/win.png"] {
background-image: url(http://i.imgur.com/8fLAB1S.png); top right no-repeat;
height: 12px;
width:0px;
padding-right: 13px;
opacity: .6;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
a:link img:hover[src="http://e.vampirefreaks.com/images/win.png"] {
background-image: url(http://i.imgur.com/8fLAB1S.png); top right no-repeat;
height: 12px;
width:0px;
padding-right: 13px;
opacity: 1.0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
a:link img[src="http://e.vampirefreaks.com/images/fail.png"] {
background-image: url(http://i.imgur.com/Lz1zdGS.png); top right no-repeat;
height: 12px;
width:0px;
padding-right: 13px;
opacity: .6;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
a:link img:hover[src="http://e.vampirefreaks.com/images/fail.png"] {
background-image: url(http://i.imgur.com/Lz1zdGS.png); top right no-repeat;
height: 12px;
width:0px;
padding-right: 13px;
opacity: 1.0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

textarea {
background: #0A4667;
color: #ccc;
border: none;
width: 100%;
border-radius: 10px;
font: 11px trebuchet ms;
}

input {
background: #0A4667;
border: none;
border-radius: 10px;
color: #999;
}

.comment_table {
border: none;
background: #0A4667;
border-radius: 10px;
color: #ccc;
}
.comment_table td { border: none; }

.forum_comment {
background: #804C72;
color: #ccc;
font-family: trebuchet ms;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 10px;
}

</style>

<center>

<div class="links">
<a href="http://vampirefreaks.com/profiles/home.php">VF Main</a>
<a href="/USERNAME">My Profile</a>
<a href="http://vampirefreaks.com/profile_action.php?user=USERNAME&amp;friendslist=1">Add Me</a>
<a href="http://vampirefreaks.com/user_comment.php?user=USERNAME&amp;rate=1">Comment</a>
<a href="http://dethpunch.com" target="_blank" title="2014 Phrenik at VF">&copy;dethpunch</a>
</div>

</center>