Код:
<!--HTML-->
<style>
.bankk {width: 570px! important; height: 545px; min-height: 350px; padding: 5px; background: url("http://zagruzitfoto.com/images/2016/04/16/p0n2.png") no-repeat center top, url("http://i.imgur.com/0i8QhTv.png") no-repeat center bottom, url("http://i.imgur.com/Ln7yhHb.png") repeat-y center;}
.app { position: relative; width: 510px; height: 250px; padding: 20px; }
.tabs { float: right; }
.tabs label { display: block; width: 170px; padding: 5px; text-align: center; font-family: 'Calibri'; font-size: 11px; color: #7e8936; text-transform: uppercase; background: #dfe79e; position: relative; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; top: 50px; }
.tabs:hover label { color: #f6fcc6; background: #899314; -moz-transition-duration: .8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; }
.tabs [type=radio] { display: none; }
.content1 { width: 300px; height: 210px; padding: 12px; font-family: 'Verdana'; font-size: 10px; color: #656c42; overflow: auto; opacity: 0; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; position: absolute; top: 35px; right: 220px; text-align: justify; line-height: 1.2em; }
.content1::-webkit-scrollbar { width: 5px; background: #dfe79e; } .content1::-webkit-scrollbar-thumb { background: #7e8936; } .content1::-webkit-scrollbar-corner { background: #7e8936; } .content1::-webkit-scrollbar { width: 5px; background: #dfe79e; } .content1::-webkit-scrollbar-thumb { background: #7e8936; } .content1::-webkit-scrollbar-corner { background: #7e8936; }
[type=radio]:checked ~ label { color: #dfe79e; background: #7e8936; z-index: 2; }
[type=radio]:checked ~ label ~ .content1 { z-index: 1; opacity: 1; }
.title1 { font-family: 'cuprum'; font-size: 20px; text-transform: uppercase; }
.shortfact { width: 230px; padding: 3px; background: #7e8936; font-family: 'Verdana'; font-size: 12px; color: #dfe79e; text-transform: uppercase; margin: auto; text-align: center; }
.shortfacta { width: 230px; padding: 3px; background: #453030; font-family: 'Verdana'; font-size: 7px; color: #dfe79e; text-transform: uppercase; letter-spacing: 2px; margin: auto; text-align: center; }
.shortfact a:link { color: #dfe79e; font-weight: normal; text-shadow: none; text-decoration: none; }
</style>
<div class="bankk">
<table style="padding: 20px; text-align:center;"><tr><td>
<center><div style="border: 3px solid #d0db9f; text-align: center; width: 440px;padding: 10px; margin-top: 115px; margin-left: -5px;">
Для того, чтобы вам начислили деньги, достаточно процитировать ту или иную строчку и не забудьте приложить ссылку-доказательство. </div></center>
<div class="app">
<div class="tabs">
<input type="radio" id="tabs-1" name="tabs-group-1" checked>
<label for="tabs-1">+ регистрация & заявки</label>
<div class="content1">
<div class="title1"><center>регистрация & заявки</center></div>
<br><br>
<center>
<b>регистрация авторского персонажа</b> — 100$<br>
<b>регистрация персонажа из «хочу видеть»</b> — 125$<br>
<b>регистрация персонажа из нужных</b> — 150$<br>
<b>написание заявки в «хочу видеть»</b> — 25$<br>
<b>написание заявки в нужные</b> — 50$<br>
<b>по вашей заявке пришли и уже начали игру</b> — 20$<br>
<b>забрали игрока из «хочу к вам»</b> — 15$
</center>
</div></div>
<div style="margin-top: 30px;">
<div class="tabs">
<input type="radio" id="tabs-2" name="tabs-group-1">
<label for="tabs-2">+ игра & посты</label>
<div class="content1">
<div class="title1"><center>игра & посты</center></div>
<br><br>
<center><b>первый пост в течение суток после принятия анкеты</b> — 50$<br>
<b>пост в квест</b> — 15$<br>
<b>пост в телешоу</b> — 15$<br>
<b>ответ на пост в течение суток</b> — 10$<br>
<b>пост до 2000 символов</b> — 15$<br>
<b>пост от 2000 до 5000 символов</b> — 50$<br>
<b>пост от 5000 до 8000 символов</b> — 70$<br>
<b>пост от 8000 до 10000 символов</b> — 100$<br>
<b>каждая 1000 сверх 10000 символов</b> — 10$<br>
<b>отыгранный эпизод</b> — по 100$ каждому участвовавшему<br>
<b>надбавка за каждый 10-й пост</b> — 20$</center>
</div></div></div>
<div style="margin-top: 60px;">
<div class="tabs">
<input type="radio" id="tabs-3" name="tabs-group-1">
<label for="tabs-3">+ помощь форуму</label>
<div class="content1">
<div class="title1"><center>помощь форуму</center></div>
<br><br>
<center><b>1 рекламный пост</b> — 5$<br>
<b>клик на топ</b> — 5$<br>
<b>отзыв в RPG-топ без оценки</b> — 10$<br>
<b>отзыв в RPG-топ с оценкой</b> — 20$<br>
<b>1 единица графики, выполненная на заказ в соответствующей теме</b> — 50$<br>
<b>1 gif, уменьшенная с tumblr</b> — 5$<br>
<b>предложение нашего форума на LYL</b> — 15$ за одно сообщение<br>
<b>приглашение друга</b> — по 100$ другу и пригласившему [только после того, как приглашенный начал игру]</center>
</div></div></div>
<div style="margin-top: 90px;">
<div class="tabs">
<input type="radio" id="tabs-4" name="tabs-group-1">
<label for="tabs-4">+ конкурсы & развлечения</label>
<div class="content1">
<div class="title1"><center>конкурсы & развлечения</center></div>
<br><br>
<center><b>участие в конкурсе</b> — 10$<br>
<b>победа в конкурсе</b> — указывается в самом конкурсе<br>
<b>голосование в конкурсе</b> — 5$<br>
<b>голосование за активистов недели</b> — по 10$ за каждую номинацию<br>
<b>флудер недели</b> — 15$<br>
<b>постописец недели</b> — 30$<br>
<b>пара недели</b> — по 50$<br>
<b>пост недели</b> — 50$<br>
<b>эпизод недели</b> — по 100$<br>
<b>участие в телешоу</b> — 50$<br>
<b>победа в телешоу</b> — 500$<br>
<b>участие в «кто хочет стать миллионером»</b> — указывается в самом шоу<br>
<b>победа в «кто хочет стать миллионером»</b> — 1000$</center>
</div></div></div>
<div style="margin-top: 120px;">
<div class="tabs">
<input type="radio" id="tabs-5" name="tabs-group-1">
<label for="tabs-5">+ прочее</label>
<div class="content1">
<div class="title1"><center>прочее</center></div>
<br><br>
<center><b>каждые 500 сообщений</b> — 150$<br>
<b>каждый месяц, с момента регистрации</b> — 300$<br>
<b>подарок на ваш день рождения</b> — 500$<br>
<b>каждая полученная награда</b> — 50$<br>
<b>создание соцсети</b> — 20$<br>
<b>каждый пост в соцсети</b> — 5$<br>
<b>помощь администрации</b> — на усмотрение администрации</center></div></div></div>
<div style="margin-top: 150px;">
<div class="tabs">
<input type="radio" id="tabs-6" name="tabs-group-1">
<label for="tabs-6">— тратим</label>
<div class="content1">
<div class="title1"><center>на что потратить</center></div>
<br><br>
<center><b>смена внешности, если игра не начата</b> — первая смена бесплатно, каждая последующая 600$<br>
<b>смена внешности, если игра начата</b> — 800$<br>
<b>смена роли, если игра не начата</b> — первая смена бесплатно, каждая последующая 1000$<br>
<b>смена роли, если игра начата</b> — 1500$<br>
<b>выкуп имени</b> — 500$<br>
<b>выкуп фамилии</b> — 1000$<br>
<b>выкуп внешности для нужного</b> — 250$ в неделю<br>
<b>шаблон рекламы с нужным</b> — 650$<br>
<b>нужный в таблицу</b> — 200$ в неделю<br>
<b>индивидуальная плашка</b> — 1500$<br>
<b>вторая роль</b> — 2000$ и 15 написанных постов<br>
<b>подарок</b> — цены указаны в <a href="ссылка">магазине</a><br>
<b>перевод другому участнику</b> — 10% комиссии от суммы перевода</center>
</div></div></div>
</td></tr></table>
</div></div>
