Stungbyfate Gallery

<center>

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

html, body {
background: #A99781;
background-image: url('http://i.imgur.com/pURGcdR.png');
background-attachment: fixed;
background-repeat: repeat;
}

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

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

a:link, a:visited, a:active {
font-family: trebuchet ms;
color: #4a5161;
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: #474B3A;
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: 800px;
margin: auto;
background: #213235;
margin-top: -5px;
border: none;
float: center;
border-bottom: 7px solid #E3DCD0;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
}

.folder_node {
margin-top: -10px;
width: 104px;
height: 107px;
background-image: url("http://i.imgur.com/fpVU2Xl.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/fpVU2Xl.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: #2b2b2b;
border: 4px solid #404654;
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;
background: linear-gradient(#404654, #474B3A);
}
.gallery_node img:hover {
align: center;
width: 90px;
height: 90px;
border-radius: 8px;
background: #404654;
border: 4px solid #2b2b2b;
background: linear-gradient(#474B3A, #404654);
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; }

.header {
width: 800px;
padding: 0px;
}

.links {
position: absolute;
top: 245px;
width: 800px;
height: 27px;
margin-top: 2px;
text-align: left;
}

.links a img {
border: none;
width: 30px;
height: 30px;
border-radius: 8px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}
.links a img:hover {
opacity: .7;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}

.links a {
display: inline-block;
width: 40px;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
letter-spacing: 2px;
color: #ccc;
font: 8px trebuchet ms;
padding: 3px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin: -7px;
border-radius: 10px;
}
.links a:hover {
display: inline-block;
width: 40px;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
letter-spacing: 2px;
color: #a2625f;
font: 8px trebuchet ms;
padding: 3px;
text-transform: uppercase;
margin: -7px;
}

#vf_pic {
width: 400px;
border-radius: 8px;
background: #2b2b2b;
border: 4px solid #404654;
background: linear-gradient(#404654, #474B3A);
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: 8px;
background: #404654;
border: 4px solid #2b2b2b;
background: linear-gradient(#474B3A, #404654);
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: 80px;
border-radius: 5px;
background: #2b2b2b;
border: 4px solid #404654;
background: linear-gradient(#404654, #474B3A);
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: 80px;
border-radius: 5px;
background: #404654;
border: 4px solid #2b2b2b;
background: linear-gradient(#474B3A, #404654);
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/bph1LTw.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:hover[src="http://e.vampirefreaks.com/images/win.png"] {
background-image: url(http://i.imgur.com/bph1LTw.png); top right no-repeat;
height: 12px;
width:0px;
padding-right: 13px;
opacity: .8;
-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/DAQpMqK.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:hover[src="http://e.vampirefreaks.com/images/fail.png"] {
background-image: url(http://i.imgur.com/DAQpMqK.png); top right no-repeat;
height: 12px;
width:0px;
padding-right: 13px;
opacity: .8;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

textarea {
background: #E3DCD0;
color: #23212C;
border: none;
width: 100%;
border-radius: 10px;
font: 11px trebuchet ms;
}

input {
background: #E3DCD0;
border: none;
border-radius: 10px;
color: #23212C;
font: 11px trebuchet ms;
letter-spacing: 1px;
}

.comment_table {
border: none;
width: 680px;
background: #A99781;
border-radius: 10px;
color: #23212C;
}
.comment_table td { border: none; }

.forum_comment {
background: none;
border-bottom: 2px dotted #938370;
color: #E3DCD0;
font-family: trebuchet ms;
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 5px;
}

</style>

<center>
<div class="header"><img src="http://i.imgur.com/eRM1FaN.png"></div>
<div class="links">
<a href="/vfmain.php" title="VF Main"><img src="http://i.imgur.com/XAIr4U4.png"></a>
<a href="/user_comment.php?user=Stungbyfate&rate=1" title="Message"><img src="http://i.imgur.com/NjnFjQF.png"></a>
<a href="/profile_action.php?user=Stungbyfate" title="Add Me"><img src="http://i.imgur.com/Neoe9hq.png"></a>
<a href="/journal/Stungbyfate" title="Journal"><img src="http://i.imgur.com/q5c6uqj.png"></a>
<a href="/Stungbyfate" title="My Profile"><img src="http://i.imgur.com/amx43Gz.png"></a>
<a href="/Phrenik" title="Layout by Phrenik of VFDesignTeam"><img src="http://i.imgur.com/0j8hcgb.png"></a>
</div>

</center>