Revie Profile CSS

body{
background:url(http://i.imgur.com/h2IVeLf.png)  no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font:12px Trebuchet MS;
color:#444;
}

h1{
font-weight:normal;
background:#fff;
color:#333;
padding:5px;
margin-bottom:5px;
font-weight:bold;
font-size:13px;
letter-spacing:1px;
border-bottom:1px solid #fcafd0;
}

#info-panel{
float:left;
left:200px;
position:relative;
top:-20px;
height:auto;
}

#info-panel dl{
margin-top:6px;
}

#info-panel dt{
text-align:left;
color:#c75485;
}

#info-panel dd{
text-align:right;
}

#link-panel{
float:left;
margin-top:7px;
position:relative;
left:200px;
height:140px;
top:-26px;
width:290px;
}

#link-panel li{
display:block;
text-align:center;
}

#link-panel a, a:visited, #info-panel a, #info-panel a:visited{
color:#000;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#link-panel a:hover, #info-panel a:hover{
color:#dd7ca5;
}

#profile-nav, #profile-nav a{
opacity:0.5;
background:none;
border:none;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
color:#000;
}

#profile-nav a:hover{
opacity:1;
}

#custom-14-panel{
height:35px;
overflow:auto;
width:300px;
position:absolute;
background:#fff;
float:right;
top:145px;
text-align:justify;
line-height:15px;
margin-left:200px;
text-align:center;
padding:0;
z-index:5;
}

#custom-14-panel h1, #custom-22-panel h1{
display:none;
}

#custom-14-panel a{
color:#dd7ca5;
display:inline-block;
font-size:17px;
font-variant:small-caps;
letter-spacing:1px;
margin:-5px 9px;
padding:10px 6px;
float:left;
text-align:center;
   transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#custom-13-panel{
height:148px;
overflow:auto;
width:290px;
position:absolute;
background:#fff;
float:right;
margin-top:193px;
line-height:17px;
margin-left:200px;
opacity:1;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#custom-12-panel, #comment-panel{
height:148px;
overflow:auto;
width:290px;
position:absolute;
background:#fff;
float:right;
margin-top:193px;
line-height:17px;
margin-left:200px;
opacity:0;
    transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#custom-12-panel, #comment-panel:target{
opacity:1;
}

#custom-13-panel, #custom-12-panel{
text-align:justify;
}

#comment-panel{
text-align:center;
}

#custom-13-panel{
z-index:3;
}

#custom-12-panel{
z-index:2;
}

#comment-panel{
z-index:1;
}

#custom-13-panel:target{
z-index:4;
}

#custom-12-panel:target{
z-index:5;
}

#comment-panel:target{
z-index:6;
}

#comment-panel a, a:visited{
color:#dd7ca5;
   transition:0.5s ease;
    -o-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition:0.5s ease;
}

#custom-14-panel a:hover, #comment-panel a:hover{
color:#ad577b;
}

#custom-14-panel a:hover{
background:#fcafd0;
color:#fff;
}

.panel{
border:1px solid #dd7ca5;
}