Untitled


<html>
<head>
<style type="text/css">


body{
background:url('http://ishworgyawali.neocities.org/Gray-plain-website-background.jpg')no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.body-wrap-2{
display:none;
}


#splashcontent{
left : 50%;
  top : 10%;
position:absolute;
transform: translate(-50%, -50%);
width:100%;
max-width:340px;
}

#innersplash{
position:absolute;

}

#logo{
margin-bottom:20px;

}

#logo img{
width:100%;
min-width:100px;
}

#splashcontent #innersplash >a img{
max-width:150px;

}

#splashcontent #innersplash >a{
opacity:0.8;
transition: all 0.5s ease;
float:left;
margin-right:20px;
margin-bottom:20px;
}

#splashcontent #innersplash >a:hover{
opacity:1;
}

#innersplash a:nth-child(3n+1){
margin-right:0px !important;
}


/*Screen Optimize*/

@media screen and (max-width: 360px){

#splashcontent{
max-width:240px !important;
}
#splashcontent #innersplash >a img{
max-width:240px !important;
}

#logo img{
width:240px !important;
}
}


@media screen and (max-width: 680px){
#enjin-tray-messaging,#enjin-tray,#enjin-tray-chatchannels,.element_microtip.clickable .inner{
display:none !important;
}
}


</style>
</head>
<body>


<div id="splashcontent">

<div id="innersplash">


<div id="logo">
<img src="http://www190.lunapic.com/editor/working/146885850618077?113422474"></img>
</div>

<a href=""><img src="http://files.enjin.com/780854/home%20new%201.png"></img></a>
<a href=""><img src="http://files.enjin.com/780854/store%20new%201.png"></img></a>
<a href=""><img src="http://files.enjin.com/780854/forum%20new%201.png"></img></a>
<a href=""><img src="http://files.enjin.com/780854/vote%20new%201.png"></img></a>


<center><b>©Craftworld 2016. All rights reserved</b><center>

</div>

</div>


<script>

$(document).ready(function(){
$('#splashcontent').prependTo($('body'));


});

</script>

</body>
</html>