s p n - n a r u t o

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » s p n - n a r u t o » АКЦИИ » [Action] Akatsuki


[Action] Akatsuki

Сообщений 1 страница 9 из 9

1

http://sg.uploads.ru/t/6CSOK.gif
Тайная организация.

- Первый возраст - на какой персонаж выглядит, второй - сколько ему есть на самом деле.
- Просим не забывать описывать в биографии демонов два момента: как именно персонаж стал демоном (то есть, из-за чего попал ад) и как отнесся к своему возвращению в мир живых.
- Все изменения обсуждаются с АМС.
- В организации могут состоять еще 2 неканона.
- В эту акцию также входят Какузу, Хошигаке Кисаме и Зетсу, биографию и характер которых Вы можете придумать сами.

0

2

Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #454545;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #4e4e4e;
-moz-box-shadow: 1px 1px 2px #4e4e4e;
box-shadow: 1px 1px 2px #4e4e4e;
background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(145,170,185,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #91aab9;
font-family: Courier New;
font-size: 14px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #837372;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #dddede;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #91aab9;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/vtgJ3.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">UCHIHA MADARA</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦ </font>Мадара самый древний представитель своего - ныне уничтоженного почти полностью - клана и ровесник Сенджу Хаширамы. Последнего уважает, как давнего соперника, хотя к его брату Тобираме относится с презрением и ненавистью, потому как он убил брата Мадары Изуну.<br><br>
<font color="#837372">♦ </font>В прошлом участвовал во многих сражениях между кланами Конохи, а также с охотниками. Когда все кланы, включая его собственный, установили перемирие, Мадара покинул его, посчитав, что они избрали не тот путь.<br><br>
<font color="#837372">♦ </font>Дальнейшая судьба Мадары неизвестна. О том, что он до сих пор жив, впервые стало известно двенадцать лет назад, когда он тайно спровоцировал своего потомка Итачи на уничтожение всего клана. С того момента он начал свою миссию, первым шагом в которой был призыв сильнейших демонов Преисподней. Из них он создал организацию "Akatsuki", целью которой стал отлов легендарных адских созданий - биджу.<br><br>
<font color="#837372">♦ </font>В настоящее время о существовании Мадары известно только Итачи, Пейну, Конан и Кисаме.<br /><br />

<br /><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>вампир<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>31 год | 545 лет<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0

3

Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #454545;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #4e4e4e;
-moz-box-shadow: 1px 1px 2px #4e4e4e;
box-shadow: 1px 1px 2px #4e4e4e;
background: url(http://sg.uploads.ru/t/mZqMa.png) no-repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(145,170,185,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #91aab9;
font-family: Courier New;
font-size: 14px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #837372;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #dddede;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #91aab9;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/Rfizm.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">UCHIHA OBITO, "TOBI"</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> От рождения является нечистокровным вампиром. Мать была человеком, а отец - вампиром, да еще и из того самого великого клана Учих.<br /><br />
<font color="#837372">♦</font> Мальчик потерял родителей в младенчестве, поэтому ничего о них не знал и до «смерти» рос обычным человеком, у которого не было даже намека на суперспособность или жажду крови. <br /><br />
<font color="#837372">♦</font> В детском доме подружился с Какаши, который отличался от других детей и всегда предпочитал делать все правильно и держаться особняком. Вот только Обито нашел способ сблизиться с мальчиком и проникся тем, каким тот был на самом деле. Стал его лучшим другом. Был безумно влюблен в Рин, но также прекрасно понимал, что это не взаимно. <br /><br />
<font color="#837372">♦</font> После спасения Рин (подробности в акции на Какаши), парень погиб, и только тогда в нем проснулись гены отца. После смерти мальчик пробудился вампиром, но с памятью человека. Он немедленно отправился к своим друзьям, чтобы разобраться в том, что с ним случилось, но увидел ужасную картину того, как его лучший друг Какаши убивает Рин. <br /><br />
<font color="#837372">♦</font> Не понимая, что произошло, он ушел оттуда, погруженный в свои мысли и озлобленный на весь мир. Именно тогда на его пути появился Учиха Мадара, который подарил ему новые цели в его, казалось бы, лишенной смысла жизни.<br /><br />
<br /><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>вампир<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>29 лет | 250 лет<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0

4

Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/mZqMa.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">UCHIHA ITACHI</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Мы даем вам право самим написать историю этого персонажа. <br /><br />
</div><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>вампир<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>18-20 лет | 33-35 лет<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0

5

занят
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/FP5D2.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">DEIDARA</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Обращен против своей воли. Он был простым мальчишкой, который любил запускать фейерверки. Простым мальчишкой, который порой дрался с ребятами во дворе. Пока беда не постучалась в двери. Дейдара был похищен и выращен преступной группировкой, которая ненавидела весь мир, просто так взрывала общественные места и убивала людей во имя чего-то странного и непонятного для мальчика. Именно в таких условиях он и рос. Он не разделял взгляды террористов, но убийство людей с помощью взрыва стало чем-то вроде его увлечением. Взрывы – вот что его интересовало. Каждый раз он восхищался этим моментом. <br /><br />
<font color="#837372">♦</font> После смерти попал в ад, где в муках он сам стал демоном. Долго с ним не пришлось бороться, так как он был весьма нехорошим «человеком». Через какое-то время он начал терзать души отправленных в ад, но потом все изменилось, и парень попал обратно на землю, призванный неким Учихой Мадарой - первородным вампиром, у которого хватило сил призвать еще пару демонов в мир смертных и сформировать организацию Акацуки. <br /><br />
</div><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>19 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0

6

Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/nqE4z.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">PAIN</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Когда-то давно его звали Нагато. Он видел смерть друга и вместе со своей близкой подругой - Конан - встал на кривую дорожку. Сами того не замечая, они обрекли себя на муки и страдания до конца своих дней. Нагато шел осознанно, а Конан просто-напросто не желала бросать своего друга. <br /><br />
<font color="#837372">♦</font> После смерти они оба попали в ад и спустя какое-то время сдались, став демонами подземного мира. Они обрели свои могущество и славу в Преисподней. Он всегда был главным, а Конан просто была ему предана и не могла бросить товарища, который был самым дорогим из всего, что у нее было.<br /><br />
<font color="#837372">♦</font> Вернувшись на землю из-за призыва, Нагато вселился в тело парня, который до ужаса похож на его лучшего друга, Яхико. После "воскрешения" Нагато сменил свое имя и стал называть себя Пейном - Богом Боли.<br /><br />
</div><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>25 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0

7

Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sh.uploads.ru/t/T8WZg.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">KONAN</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Обреченная на вечные муки противостоять самой себе, девушка молча следует за своим другом, Пейном. Она потеряла возлюбленного и не могла потерять еще и друга. Конан делала ужасные вещи, которые в итоге преломили ее судьбу. Из-за них она отправилась в ад, где стала демоном. Странным демоном, который не до конца потерял человеческие качества и чувства. Однако их пришлось затаить, ведь что за демон с сожалением и грустью в глазах?<br /><br />
<font color="#837372">♦</font> После призыва Мадары, вселилась в девушку, которая была похожа на нее в период ее жизни, и спрятала ее глубоко внутри, так, чтобы та ничего не ощущала и не страдала.<br /><br />
<font color="#837372">♦</font> Помогла Пейну воссоздать полную организацию, искала новых демонов. Всегда молчалива и послушна. Поразительная женщина, которая является ярким примером для подражания: она до последнего не оставила своего друга.<br /><br />
</div><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>25 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0

8

занят, родной
Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sh.uploads.ru/t/v6Iwi.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">HIDAN</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Занимался оккультизмом чуть ли не с самого детства. Вырос в монастыре, где его учили одному, а он учился другому. Однажды в запретном секторе библиотеки Хидан нашел книгу и изучил ее. С помощью заклятия, взятого из нее, мальчик смог призвать демона, который со временем стал выполнять его поручения и в конце уничтожил душу Хидана, превратив последнего в демона еще при жизни.<br /><br />
<font color="#837372">♦</font> Мальчик убежал из монастыря и начал кочевую жизнь, во время которой начал убивать людей для жертвоприношений. Его не раз ловили и сажали, но никто никогда не мог его остановить. Спустя много лет, парня встретил Пейн, который призвал его в организацию. Хидан особо не противился и, хотя не до конца понимал, зачем ему это надо, решил, что лишняя поддержка во имя Джашина ему явно не помешает.<br /><br />
</div><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>20 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0

9

Код:
<!--HTML-->
<style type="text/css">
.golliew {
width: 500px;
height: 300px;
margin: 10px;
border: 10px solid #322525;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #322525;
-moz-box-shadow: 1px 1px 2px #322525;
box-shadow: 1px 1px 2px #322525;
background: url(http://sh.uploads.ru/t/oAvwQ.jpg) repeat center center;
}

.golliew .gollask,.golliew .gollent {
width: 500px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.golliew img {
display: block;
position: relative;
}

.golliew-ninth .gollask-1, .golliew-ninth .gollask-2 {
height: 1000px;
width: 500px;
background: rgba(230,91,95,0.3);
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}

.golliew-ninth .gollask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-400px);
-moz-transform: rotate(56.5deg) translateX(-400px);
-o-transform: rotate(56.5deg) translateX(-400px);
-ms-transform: rotate(56.5deg) translateX(-400px);
transform: rotate(56.5deg) translateX(-400px);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}

.golliew-ninth .gollask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(400px);
-moz-transform: rotate(56.5deg) translateX(400px);
-o-transform: rotate(56.5deg) translateX(400px);
-ms-transform: rotate(56.5deg) translateX(400px);
transform: rotate(56.5deg) translateX(400px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}

.golliew-ninth .gollent {
background-color: rgba(59,45,44,0.9);
color: #ffffff;
height: 0;
width: 500px;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-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;
}

.golliew-ninth a.info {
display: none;
}

.golliew-ninth:hover .gollent {
height: 260px;
width: 400px;
top: 15px;
left: 50px;
-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);
}

.golliew-ninth:hover .gollask-1, .golliew-ninth:hover .gollask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

.golliew-ninth:hover .gollask-1 {
-webkit-transform: rotate(56.5deg) translateX(113px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}

.golliew-ninth:hover .gollask-2 {
-webkit-transform: rotate(56.5deg) translateX(-112px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}

.gollund {
overflow: hidden;
text-align: center;
color: #b99191;
font-family: Courier New;
font-size: 12px;
text-transform: lowercase;
font-style: italic;
}

.gollund:before, .gollund:after {
background-color: #2f2f2f;
gollent: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}

.gollund:before {
right: 0.5em;
margin-left: -50%;
}

.gollund:after {
left: 0.5em;
margin-right: -50%;
}

.three-columns .column {
width: 33%;
float: left;
}

.gollinfo {
height: 150px;
overflow: auto;
padding: 4px;
font-family: Candara, sans-serif;
font-size: 11px;
color: #f3ecec;
line-height: 12px;
text-align: justify;
}

div.gollinfo::-webkit-scrollbar {
width: 6px;
}

div.gollinfo::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}

div.gollinfo::-webkit-scrollbar-track {
background: transparent;
}

div.gollinfo::-webkit-scrollbar-thumb {
background:#837372;
}

.gollname {
font-family: Courier New;
font-size: 24px;
color: #b99191;
padding-top: 6px;
}

a.gollc {
font-size: 8px;
text-decoration: none;
color: black;
}
</style>

<center>
<div class="golliew golliew-ninth">
<img src="http://sg.uploads.ru/t/I7bSn.png" />
<div class="gollask gollask-1"></div>
<div class="gollask gollaskco-2"></div>
<div class="gollent">
<div class="gollname">AKASUNA SASORI</div>
<div style="padding: 4px;"><div class="gollinfo"><font color="#837372">♦</font> Счастливый ребенок. Он был по-настоящему счастливым, но в конечном итоге потерял своих родителей. Рос Сасори у бабушки, которая всегда была занята. И, имея много свободного времени, мальчик трудился и, в конце концов, стал прекрасным мастером кукольного дела, однако никто даже не подозревал, что он убивал людей, чтобы добыть материалы для своих шедевров. Кукольник, который делает свои куклы из людей - вот кто такой Сасори Акасуна.<br /><br />
<font color="#837372">♦</font> Умерев, попал прямиком в ад. Имея потенциал демона еще при жизни, стал им за короткое время и поднялся в ранге демонических отродий очень быстро. <br /><br />
<font color="#837372">♦</font> Вызванный Мадарой, пытался сопротивляться его власти, но был остановлен и побежден Конан.<br /><br />
</div><br />
</div><br />


<div class="three-columns">
<div id="clm1" class="column"><div class="gollund">РАСА</div>
<div class="gollinfo"><center>демон<br /></div></div>
<div id="clm2" class="column"><div class="gollund">ВОЗРАСТ</div>
<div class="gollinfo"><center>26 лет | unk.<br /></div></div>
<div id="clm3" class="column"><div class="gollund">СТОРОНА</div>
<div class="gollinfo"><center>Акацуки<br /></div></div>
</div>
</div>
</div>
</center>

0


Вы здесь » s p n - n a r u t o » АКЦИИ » [Action] Akatsuki


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC