Untitled

<html>
<style>
#div2
{
text-align:center;
position:absolute;
left:80px;
top:70px;
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
overflow:hidden;
background-color:#C0C0C0;
border:1px solid black;
opacity:0.5;
filter:alpha(opacity=50);
overflow:auto;
}
#div3
{
text-align:center;
position:absolute;
left:800px;
top:70px;
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
overflow:hidden;
background-color:#C0c0c0;
border:1px solid black;
opacity:0.5;
filter:alpha(opacity=50);
overflow:auto;
}
#layer1
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000000;
background-image:url('http://www.wallpaperpimper.com/wallpaper/Art_&_3D/Abstract/Black-Abstract-1-A2ZHFOACK7-1280x960.jpg')
}
#div1
{
opacity:0.9;
filter:alpha(opacity=90);
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
display:none;
background-color:#000;
}
#text
{
text-align:center;
position:absolute;
left:380px;
top:70px;
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
overflow:hidden;
background-color:#000;
border:1px solid black;
opacity:0.3;
filter:alpha(opacity=30);
}
#text:hover
{
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity:1;
padding-bottom:80px;
}
#div2:hover
{
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity:1;
}
#div3:hover
{
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity:1;
}
.h
{
text-align:center;
text-transform: uppercase;
font-size:32px;
color:#999
font-family:century gothic bold serif;
border-bottom:2px dashed #999;
border-bottom-width:1px;
border-bottom-style:dashed;
border-bottom-color:#999;
letter-spacing:2px:0px;
text-shadow: #5992A3 20px 12px 2px;
}
.h:hover
{
-webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
letter-spacing:12px;
}
</style>
<div id="layer1"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#text").click(function(){
    $("#div1").fadeIn("slow");
    $("#div2").fadeIn("4000");
    $("#div3").fadeIn("4000");
  });
});
document.title('Sayium Vi Victorian');
</script>
<center><div id="text"><font color="#ffffff">Enter Sayium's page?</font></center></div>
<div id="div1"><div class="h"><font color="#ffffff">// Sayium // Vi Victorian //</font></div><br><br>
<div id="div2">Text</div>
<div id="div3">Text</div>
</div></html>