<!--HTML-->
<div class="post-box">
            <div id="p908-content" class="post-content">
            <p><strong></strong></p><style>

.iggya {
    width: 300px;
    height: 300px;
    margin: 10px;
    border: 30px solid #2b2f28;
    overflow: hidden;
    position: relative;
    text-align: center;
outline: 1px solid #eee;
    cursor: default;
    background-image: url(http://images.vfl.ru/ii/1438040324/89adf0ca/9406818.jpg
);
}
.iggya .content {
    width: 300px;
    height: 300px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
z-index:0;
}


/* NINTH EXAMPLE*/





.iggya-ninth .content {
background-image: url(http://i.imgur.com/Lao8eo7.png);
opacity: .8;
    height: 0;
color: #FAF0E6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    width: 600px;
    overflow: hidden;
    -webkit-transform: rotate(-45deg) translate(-210px, 210px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}

.iggya-ninth:hover .content {
    height: 300px;
    width: 300px;
    top: 0px;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}




.nirvana {top: -2660px;  height:300px; width:300px; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  position: absolute;  z-index: 100;}

.iggya-ninth:hover .nirvana {top:-60px;  transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }

</style>


<center>
<div class="iggya iggya-ninth">
 
    <div class="content">  </div>
<div class="nirvana"> <center> 

<div style="padding:10px; height:10px; width:240px; overflow:auto; line-height:100%; background-color: #FAF0E6; margin-top:15px; color: #FAF0E6; text-align:center; font-family:nova square; font-size:8px; ">TAG : ANALESE / DONNIE SANDERS</div><br><br><br><br>
<div style="border-bottom:10px solid #FAF0E6; border-top:10px solid #FAF0E6; padding:20px; height:170px; width:220px; overflow:auto; line-height:100%; background-color: #FAF0E6; margin-top:15px; color: #000; text-align:justify; ">
<b>Гостевая книга форума "Грани", в которой...</b>
<br>
орудуют исключительно гости проекта. 
<br>
<br>
<br>
<center>Дорогие гости, данный раздел создан специально для вас! Здесь вы смело можете оставлять любой интересующий вас вопрос, придержать роль, уточнить какие-либо моменты по миру.</align>

</div></center> </div>




</div>
</center><p><strong><br></strong></p>
            </div>
        	</div>