Список ролей

[html]
<style>
.notebook {
white-space: nowrap;
overflow: hidden;
background: transparent;
}

.notebook > input {
display: none;
}

.notebook > input + label {
display: inline-block;
border: 2px dotted #2d2d2d;
padding: 5px;
cursor: pointer;
position: relative;
color: #6e6e70;
background: #c9c9c9;
width: 54px;
height: 54px;
text-align: center;
margin: 0px 5px 0px 5px;
}

.notebook > input + label:not(:last-of-type) {
order-right: none;
}

.notebook > input + label:hover {
color: #6e6e70;
background: rgba(221, 221, 221, 0.68);
}

.notebook > input + label:last-of-type::after {
display: block;
background: #788ea7;
width: 700px;
content: "";
position: absolute;
bottom: 0px;
left: 100%;
}

.notebook > input:checked + label {
color: #6e6e70;
background: #dddddd;
}

.notebook > input:checked + label:last-of-type::after {
bottom: 0px;
}

.notebook > div {
white-space: normal;
display: none;
border: none;
border-top: none;
margin: 0px;
padding: 20px;
background: transparent;
text-align: justify;
color: #6e6e70;
}

.notebook > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.notebook > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.notebook > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.notebook > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.notebook > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.notebook > input:nth-of-type(6):checked ~ div:nth-of-type(6) {
display: block;
}

.clan
{
width: 50px;
height: 50px;
background-size: cover;
}
</style>

<div class="text2"; style="padding: 10px 30px 10px 30px; text-align: center">
<br>
- <a href="http://eyeofthestorm.f-rpg.ru/viewtopic.php?id=20#p33">Бронирование Ролей</a></div>
<div class="notebook">
<input type="radio" name="notebook1" id="notebook1_1">
<label for="notebook1_1" style="margin-left: 75px"><img src="http://forumstatic.ru/files/0018/3d/c7/95516.png"></label>
<input type="radio" name="notebook1" id="notebook1_2">
<label for="notebook1_2"><img src="http://forumstatic.ru/files/0019/b9/fa/39844.png"></label>
<input type="radio" name="notebook1" id="notebook1_3">
<label for="notebook1_3"><img src="http://forumstatic.ru/files/0018/3d/c7/66828.png"></label>
<input type="radio" name="notebook1" id="notebook1_4">
<label for="notebook1_4"><img src="http://forumstatic.ru/files/0018/3d/c7/63698.png"></label>
<input type="radio" name="notebook1" id="notebook1_5">
<label for="notebook1_5"><img src="http://forumstatic.ru/files/0018/3d/c7/96904.png"></label>
<input type="radio" name="notebook1" id="notebook1_6">
<label for="notebook1_6"><img src="http://forumstatic.ru/files/0018/3d/c7/10155.png"></label>

<div><table><tbody><tr style="border: 2px double #841511; background-color:#dddddd">
<td style="width: 310px">
<center>
<div class="caps2" style="width: 200px; background-color: #dddddd;">
<b> ПРАВИТЕЛЬСТВО</b>
</div>
</center></td><td><div class="text2" style="width: 200px; padding: 10px 30px 10px 30px;">
Сенджу Тсунаде - хокаге <br>
Шизуне <br>
Шимура Данзо

</div></td></tr></tbody></table>

<table><tbody><tr style="border: 2px solid #841511; background-color: #dddddd"><td style="width: 310px"><center><b>КОМАНДА #7</b></div>
<br></center></td><td><div class="text2" style="width: 200px; padding: 10px 30px 10px 30px;">Хатаке Какаши<br>
Ямато<br>
Узумаки Наруто<br>
<s>Харуно Сакура</s> <br>
Сай<br>
</div></td></tr></tbody></table>

<table><tbody><tr style="border: 2px solid #841511; background-color: #dddddd"><td style="width: 310px"><center><b>КОМАНДА #10</b></center></td><td><div class="text2" style="width: 200px; padding: 10px 30px 10px 30px;">
Сарутоби Асума<br>
Яманака Ино<br>
Нара Шикамару<br>
Акимичи Чоуджи<br>

</div></td></tr></tbody></table>

<table><tbody><tr style="border: 2px solid #841511; background-color: #dddddd"><td style="width: 310px"><center><div class="caps2" style="width: 100px; background-color: #dddddd; margin: 10px 0px 7px 0px"><b>КОМАНДА ЭБИСУ</b></div>
</center></td><td><div class="text2" style="width: 200px;padding: 10px 30px 10px 30px; ">Эбису <br>
Сарутоби Конохомару<br>
Моэги<br>
Удон<br>
</div></td></tr></tbody></table>

<table><tbody><tr style="border: 2px solid #841511; background-color: #dddddd"><td style="width: 310px"><center><div class="caps2" style="width: 200px;background-color:#dddddd;margin: 10px 0px 7px 0px"><b>ПРОЧИЕ ПЕРСОНАЖИ</b></div></center></td><td><div class="text2" style="width: 200px;padding: 10px 30px 10px 30px;">
Джирайя<br>
Камизуки Изумо<br>
Митараши Анко<br>
Морино Ибики<br>
Намиаши Райдо<br>
Умино Ирука<br>
Ямато<br>
Ямаширо Аоба<br>
Нара Шикаку<br>
Гекко Хаяте <br>
Узуки Югао </div></td></tr></tbody></table>

</div>

<div><table><tbody>
<tr style="border: 2px solid #841511; background-color: #dddddd">
<td style="width: 310px">
<center>
<div class="caps3" style="width: 200px; background-color: #dddddd;margin: 10px 0px 7px 0px"><b>СЕМЬЯ КАДЗЕКАГЕ</b></div></center></td><td><div class="text2" style="width: 200px;padding: 10px 30px 10px 30px;">
Гаара - кадзекаге<br>
Темари <br>
Канкуро<br>
</div></td></tr></tbody></table>

</div>

<div><table><tbody><tr style="border: 2px solid #841511; background-color: #dddddd"><td style="width: 310px"><center><div class="caps2" style="width: 200px;background-color:#dddddd;margin: 10px 0px 7px 0px"><b>КУРАЯМИ</b></div></center></td><td><div class="text2" style="width: 200px;padding: 10px 30px 10px 30px;">
<s>Акума</s><br>
<a href="http://narutobridge.f-rpg.ru/viewtopic.php?id=8#p9">Гордыня</a><br>
<s>Зависть</s><br>
<a href="http://narutobridge.f-rpg.ru/viewtopic.php?id=8#p9">Чревоугодие</a><br>
<a href="">Блуд</a><br>
<a href="http://narutobridge.f-rpg.ru/viewtopic.php?id=8#p9">Гнев</a><br>
<a href="http://narutobridge.f-rpg.ru/viewtopic.php?id=8#p9">Алчность</a><br>
<a href="http://narutobridge.f-rpg.ru/viewtopic.php?id=8#p9">Лень(уныние)</a>
</div></td></tr></tbody></table>
</div>
</div>[/html]

Naruto. The bridge

Меню навигации

Пользовательские ссылки

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

Список ролей

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

Поделиться12018-07-26 20:45:06