Код:
<!--HTML-->
<link href='http://www.seiryuu.org/~cal/code/cal-ipad.css' rel='stylesheet' type='text/css'>
<style>
/* main background image */
.cal-ipad { background-image: url(http://placehold.it/385x460); }
/* if you want to change the section icons */
.cal-ipad .ci-notes label { background-image: url(http://i.imgur.com/yQNdVmo.png) }
.cal-ipad .ci-skype label { background-image: url(http://i.imgur.com/Di0mpPq.png) }
.cal-ipad .ci-music label { background-image: url(http://i.imgur.com/EhijXjC.png) }
</style>
<div class="cal-ipad">
<img src="http://i.imgur.com/qO9o0cg.png" style="background-size: contain; z-index: 0; position: absolute;">
<div class="ci-close"><input id="ci-0" name="ipad" type="radio" checked="checked">
<label for="ci-0"><span>⊗</span></label>
</div>
<div class="ci-notes">
<input id="ci-1" name="ipad" type="radio"/>
<label for="ci-1"><span>заметки</span></label>
<div class="ci-content">
<h3 class="ci-title">ДОБРО ПОЖАЛОВАТЬ!</h3>
<div class="ci-text">
<p>Добро пожаловать на пробник по реальной жизни! Я не буду обещать вам золотые горы, просто скажу, что вы не пожалеете выбрав нас! Что я знаю: это будет любимая всеми Америка, город не выбран. Пробник создан больше для поиска единомышленников, желающих приложить руку к созданию уютного для каждого игрока местечка. Но, я с радостью придержу тебе роль и вообще, эти двери всегда открыты!
<br><center><b>!!! 1 профиль – 1 внешность;
<br>48 часов = 1 соо. В противном случае твою мордашку с радостью займёт кто-то другой.
</p>
</div>
</div>
</div>
<div class="ci-skype">
<input id="ci-2" name="ipad" type="radio" />
<label for="ci-2"><span>Внехи</span></label>
<div class="ci-content">
<h3 class="ci-title">список:</h3>
<div class="ci-text">
<center>- A, B, C, D -
<br><b>внешность/имя</b> — <a href="ссылка на профиль">ник</a>
<br>- E, F, G -
<br><b>внешность/имя</b> — <a href="ссылка на профиль">ник</a>
- H, I, J, K -
<br><b>внешность/имя</b> — <a href="ссылка на профиль">ник</a>
<br>- L, M, N, O, P -
<br><b>внешность/имя</b> — <a href="ссылка на профиль">ник</a>
- Q, R, S, T, U -
<br><b>внешность/имя</b> — <a href="ссылка на профиль">ник</a>
<br>- V, W, X, Y, Z -
<br><b>внешность/имя</b> — <a href="ссылка на профиль">ник</a>
</div>
</div>
</div>придержать внешность
Код:<br><b>внешность/имя</b> — <a href="ссылка на профиль">ник</a>
