Код:
<!--HTML--><center>
<div class="stellaa"><div class="stellaa3"><div class="stellaa4">
<div class="stellaa7">
свободный шаблон / нужные персонажи
</div></div>
<div class="stellaa5">
<center><b>Vol.1 Будут очень нужны!</b></center><br><br>
В этой теме вы можете заранее дать клич на поиск нужного вам персонажа. Он/она/они не обязательно могут быть из одной вселенной, это же кроссовер. Заявки на нужных персонажей оставляются <b>в свободной форме.</b> Игроки, берущие персонажа по заявке, заполняют упрощенный шаблон.
</div></div><div class="stellaa2"></div><div class="stellaa6"></div></div>
<span class="libcred"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">*</a></span>
</center>
<style type="text/css">
.stellaa {
width: 354px;
min-height: 200px;
padding: 20px;
border: 3px double #eee;
background-color: #f6f6f6;
position: relative
}
.stellaa2 {
width: 394px;
height: 100px;
position: absolute;
top: 0;
left: 0;
background-color: #c7c6f8;
z-index: 1
}
.stellaa3 {
width: 312px;
background-color: #fcfcfc;
border: 1px solid #eee;
padding: 20px;
position: relative;
z-index: 4
}
.stellaa4 {
width: 310px;
height: 150px;
/*IMAGE*/
background-image: url(http://s01.geekpic.net/di-CGRXG3.gif);
background-position: center center;
border: 1px solid #eee;
position: relative;
overflow: hidden;
/*TAKE THESE OUT IF YOU DON'T WANT YOUR IMG TO RESIZE*/
-webkit-background-size: auto 200px;
background-size: auto 150px;
}
.stellaa7 {
width: 300px;
padding: 5px;
background-color: #c7c6f8;
text-align: center;
font-family: verdana;
color: #f6f6f6;
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
line-height: 100%;
position: absolute;
bottom: -50px;
left: 0;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear
}
.stellaa4:hover .stellaa7 {
bottom: 0;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear
}
.stellaa5 {
width: 270px;
line-height: 100%;
padding: 20px;
padding-bottom: 0;
font-family: verdana;
font-size: 10px;
color: #444;
text-align: justify
}
.stellaa5 b {
color: #c7c6f8;
font-size: 12px
}
.stellaa5 i {
color: #8081bb;
font-weight: 600
}
.stellaa6 {
width: 394px;
height: 100px;
position: absolute;
bottom: 0;
left: 0;
background-color: #e6e8cf;
z-index: 1
}
.libcred a {
font-family: arial;
font-size: 7px;
color: #666;
line-height: 8px;
letter-spacing: 1px;
width:319px;
padding-right:5px;
padding-top:2px;
display:block;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}
</style>
