Код:
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
/* Clean up the lists styles */
ul.accordion {
list-style: none;
margin: 0;
padding: 0;
}

/* Hide the radio buttons */
/* These are what allow us to toggle content panes */
ul.accordion label + input[type='radio'] {
display: none;
}

/* Give each content pane some styles */
ul.accordion li {
background-color: #d8cbb1;
       width: 450px;
text-align: justify;
font-size: 9.5px;
font-family: tahoma;
line-height: 95%;
color: #262422;
border-bottom: 2px solid #493d47;
}

/* Make the main tab look more clickable */
ul.accordion label {
background-color: #a55a3b;
       width: 430px;
color: #d8cbb1;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #493d47;

}

ul.accordion label:hover {
cursor: pointer;
}

/* Set up the div that will show and hide */
ul.accordion div.content {
overflow: hidden;
padding: 0 10px;
display: none;
}

/* Show the content boxes when the radio buttons are checked */
ul.accordion label + input[type='radio']:checked + div.content {
display: block;
}

.apples {padding: 10px;}

.lemons {  background-color: #a55a3b;
       width: 430px;
color: #d8cbb1;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #493d47;}
</style>
<center>
<div class="lemons">Rules</div>
<div style="width: 450px; height: 250px; background-color: #493d47; border-bottom: 2px solid #493d47;"><div style="padding-top: 25px;"><div style="width: 400px; height: 200px; background-image: url(http://funkyimg.com/i/Kg4Y.png); border: 2px solid #a55a3b;"></div></div></div>
<ul class='accordion'>
<li>
 <label for='cp-1'>main</label>
 <input type='radio' name='a' id='cp-1'>
 <div class='content'><div class="apples">
 	

♦ Данная ролевая игра по реальной жизни. У нас отсутствуют мифические существа, которых мы не можем наблюдать в нашей повседневной жизни. Но в нашей жизни есть экстрасенсы и цыгане, которые обладают мастерством гипноза. Однако просим обратить внимание на то, что количество таких персонажей будет ограничено, что бы ими не были абсолютно все.<br>
♦ Рейтинг игры NC-21 подразумевает, что мы допускаем описание сцен интимного характера, насилия, употребления нецензурной лексики. Однако все это делаем в умеренном количестве так, как возможно вашим партнерам будут неприятны подробные описания подобных сцен.<br>
♦ Все роли и внешности придерживаются на два дня. Если Вы по каким-либо причинам не успеваете подать анкету, вы имеете право продлить "бронь". Для этого вам стоит обратиться в гостевую проекта.<br>
♦ Игрок отсутствующий без предупреждения более недели может быть удален, занимаемая внешность автоматически освобождается. Так же если игрок регулярно заходит на форум, но не проявляет никакой активности и не пишет сообщения так же может быть удален по решению администраторского состава. (Предупредить об отсутствии игрок может в специально отведенной для этого темы.)<br>
♦ Если вас не было долго время, но вас чудом еще не удалили и вы зашли, то вы должны отписаться в какой-либо теме и дать знать о себе, что вы есть и вы будете. Если сообщения после вашего появления нет, вы все так же можете быть в списке на удаление.<br>
♦ Если в течение 5 дней с момента вашей регистрации игра так и не начата, вам выносится предупреждение и через два дня, если игра так и не появится, профиль может быть удален.<br>
♦ По всем вопросам, пожеланиям или выражению недовольства просим обращаться в специальную тему - <a class="shake" href="ССЫЛКА НА ГОСТЕВУЮ">Гостевая</a>. Не забывайте, что на любые недочеты стоит указывать тактично и вежливо. У всех бывают промахи и мы ценим ваше желание улучшить наш форум и полностью его поддерживаем.<br>
♦ Ролевая это не место для конфликтов. Мы стремимся к тому чтобы на ролевой была дружественная и уютная атмосфера.  Так, что убедительно просим, если все же возник конфликт, то не выяснять отношения на глазах у всей ролевой и подключать всех к этому действию. Старайтесь решать вашу проблему тихо и вежливо или же по средствам личной связи. За всяческие разборки на форуме ваш IP может быть забанен на трое суток.
 </div></div>
</li>

<li>
 <label for='cp-2'>registration</label>
 <input type='radio' name='a' id='cp-2'>
 <div class='content'><div class="apples">
 	

♦ Ники регистрируем на английском языке. Ник должен соответствовать имени персонажа, которого вы прописываете в анкете. В нике не допускается использование капслока, текста заборчиком и различных символов.<br>
♦ Не стоит давать имя персонажу соответствующее имени внешности. Это делается на другой тематике, поэтому у нас такие персонажи просто не пройдут регистрацию.<br>
♦ Перед регистрацией просмотрите организационные темы чтобы быть уверенным в том, что желаемая внешность или имя не занято.<br>
♦ Тема с анкетой создается в специальном форуме. Отнеситесь к написанию анкеты серьезно так, как вы создаете персонажа, которым предстоит играть в первую очередь вам.<br>
♦ Анкета заполняется строго по предоставленным шаблонам. Если же персонаж, которого вы выбрали проходит по заявке из нужных персонажей, то заказчик имеет право попросить написать вас пост от лица этого персонажа.<br>
♦ Персонаж, которого взяли из акции на нужных принимается после одобрения заказчика. Если заказчик отсутствует более двух дней амс берет на себя право принять анкету без согласия заказчика.<br>
♦ На написание анкеты дается три дня. Если вы не успеваете вложится в срок, то предупредите об этом администрацию и вам дадут дополнительное время на написание анкеты. <br>
♦ Если же вы не дописали анкету и не предупредили администрацию о задержке, то ваша тема закрывается и сносится в архив, а профиль удаляется.<br>
♦ После принятия анкеты, Вам необходимо посетить все соответствующие организационные темы, их список вы увидите в сообщении по принятию вашей анкеты.
 </div></div>
</li>

<li>
 <label for='cp-3'>post and profile</label>
 <input type='radio' name='a' id='cp-3'>
 <div class='content'><div class="apples">
 	

♦ Минимальный размер поста не установлен. Примерные рамки от 3000 символов, но главное - это не количество, а качество и содержание.<br>
♦ Написание постов разрешено от любого лица. Единственное, если вы уже начали игру в каком-то лице, то в нем же и продолжите, а не перескакивайте в одной игре с одного на другое.<br>
♦ Так, как система игры эпизодическая, просим такие дополнения, как ваш внешний вид указывать ссылкой вначале вашего поста.<br>
♦ Перед отправкой поста не забывайте прогнать его через Word.<br>
♦ Правила оформления постов стандартны, а именно:<br>
прямая речь оформляется <b>жирным</b>, мысли - <i>курсивом</i>, речь другого игрока - <u>подчеркнутым</u>. <br>
♦ Перед тем, как начать писать пост внимательно ознакомьтесь с содержанием сюжета, погодными условиями и т.д. Чтобы не оказалось, что в игре зима, а вы в летней одежде.<br>
♦ Ваш аватар должен соответствовать внешности вашего персонажа. Помним, что наша ролевая о реальных людях и внешности героев аниме запрещены.<br>
♦ Разрешены аватары как статические, так и анимационные, размер не более 180*180рх.<br>
♦ Запрещена реклама в подписи.
 </div></div>
</li>

<li>
 <label for='cp-4'>advertisement</label>
 <input type='radio' name='a' id='cp-4'>
 <div class='content'><div class="apples">
 	

♦ Реклама должна находится только в соответствующей теме. <br>
♦ Запрещается рассылка рекламы в ЛС пользователям.<br>
♦ Мы строго следим за тем, чтобы реклама была взаимной. Будьте добры, оставляйте ссылку на нашу рекламу, в противном случае Ваша реклама будет удалена, а проект добавлен в черный список.<br>
 </div></div>
</li>
</ul>
<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=5361">❤</a>

</center>