Код:
<!--HTML-->
<style>
.prof {width: 570px; height: auto; 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;}
.app2 { position: relative; width: 500px; height: 340px; padding: 20px; }
.tabs { float: right; }
.tabs label { display: block; width: 130px; 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; }
.content2 { width: 280px; height: 280px; 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; }
.content2::-webkit-scrollbar { width: 5px; background: #dfe79e; } .content2::-webkit-scrollbar-thumb { background: #7e8936; } .content2::-webkit-scrollbar-corner { background: #7e8936; } .content2::-webkit-scrollbar { width: 5px; background: #dfe79e; } .content2::-webkit-scrollbar-thumb { background: #7e8936; } .content2::-webkit-scrollbar-corner { background: #7e8936; }
[type=radio]:checked ~ label { color: #e7ce9e; background: #7e8936; z-index: 2; }
[type=radio]:checked ~ label ~ .content2 { z-index: 1; opacity: 1; }
.title1 { font-family: 'cuprum'; font-size: 18px; text-transform: uppercase; }
.shortfact { width: 230px; padding: 3px; background: #7e8936; font-family: 'Verdana'; font-size: 12px; color: #e7ce9e; text-transform: uppercase; margin: auto; text-align: center; }
.shortfacta { width: 230px; padding: 3px; background: #424530; font-family: 'Verdana'; font-size: 7px; color: #e7ce9e; 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; }
.profn { width: 290px; height: 12px; padding: 3px; background-color: #893636;color: #dfe79e; font-family: 'Cuprum';font-size: 14px; text-align: center;text-transform: uppercase;}
</style>
<div class="prof">
<table style="padding: 20px; text-align:center;"><tr><td>
<center><div style="border: 3px solid #d0db9f; text-align: center; width: 470px;padding: 10px; margin-top: 115px;">
Убедительная просьба руководствоваться логикой и доводами рассудка, при выборе профессии для персонажа. Помните, что не все – магнаты и наследники империй. <br>
<b>[*code]» <*b>должность и место работы<*/b> – <*a href="ссылка на профиль">Имя Фамилия вашего персонажа на англ.<*/a><*br> [*/code]</b></div></center>
<center>
<div class="app2">
<div class="tabs">
<input type="radio" id="tabs-1" name="tabs-group-1" checked>
<label for="tabs-1">Law & Order</label>
<div class="content2">
<div class="title1"><center>Правоохранительная сфера</center></div>
<br>
» <b> агент ФБР под прикрытием</b> – <a href="http://ddonuts.rusff.me/profile.php?id=69">Ricard Lancaster</a><br>
» <b>адвокат</b> — <a href="http://ddonuts.rusff.me/profile.php?id=146">Luke Collins</a><br>
» <b>детектив ФБР</b> – <a href="http://ddonuts.rusff.me/profile.php?id=52">Beatrice DeLuna</a>[криминальный следственный отдел]<br>
» <b>детектив полиции</b> – <a href="http://ddonuts.rusff.me/profile.php?id=123">Eliza Stewart</a><br>
» <b>детектив полиции</b> – <a href="http://ddonuts.rusff.me/profile.php?id=155">Samantha Holden</a><br>
» <b>сержант полиции</b> – <a href="http://ddonuts.rusff.me/profile.php?id=20">Yennefer McFear</a><br>
» <b>старший судмедэксперт полиции Далласа</b> – <a href="http://ddonuts.rusff.me/profile.php?id=64">Jade Wainwright</a><br>
» <b>сенатор</b> – <a href="http://ddonuts.rusff.me/profile.php?id=61">Frederic Burgess [республиканская партия]</a><br>
» <b>спецагент ФБР</b> – <a href="http://ddonuts.rusff.me/profile.php?id=27">Anthony Fawkes [спецагент]</a>[отдел по контртерроризму]<br>
» <b>спецагент ФБР</b> – <a href="http://ddonuts.rusff.me/profile.php?id=23">Dominick Hart</a><br>
» <b>судмедэксперт</b> – <a href="http://ddonuts.rusff.me/profile.php?id=166">Dan Sable</a><br>
</div></div>
<div style="margin-top: 30px;">
<div class="tabs">
<input type="radio" id="tabs-2" name="tabs-group-1">
<label for="tabs-2">Health & Education</label>
<div class="content2">
<div class="title1">Социальная сфера</div>
<br>
» <b>врач-терапевт</b> – <a href="http://ddonuts.rusff.me/profile.php?id=70">Jeremy Newman</a><br>
» <b>Врач неотложной помощи</b> – <a href="http://ddonuts.rusff.me/profile.php?id=43">Christian Rose</a><br>
» <b>Заведующий травматологическим отделением</b> – <a href="http://ddonuts.rusff.me/profile.php?id=63">Howard Lovecraft</a><br>
» <b>Преподаватель</b> – <a href="http://ddonuts.rusff.me/profile.php?id=38">Lorenzo Malfoy</a><br>
» <b>преподаватель теоретической физики</b> – <a href="http://ddonuts.rusff.me/profile.php?id=65">ryan doherty</a><br>
» <b>старшеклассник, школа</b> – <a href="http://ddonuts.rusff.me/profile.php?id=47">Merlin Sunfate</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=15">Eefje Depoortere </a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=17">Rose Anderson</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=7"> Abigail Coleman</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=93">Fernanda Garcia</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=141">Vivienne Lawson</a><br>
» <b>студент</b> – <a href="http://ddonuts.rusff.me/profile.php?id=88">Asher Rochester</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=137">Heo Sol Ji</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=156">Naomi Lewis</a><br>
» <b>студентка</b> – <a href="http://ddonuts.rusff.me/profile.php?id=174">Evangilina Teyper</a><br>
» <b>Учительница младших классов</b> – <a href="http://ddonuts.rusff.me/profile.php?id=81">Malin Bergman</a><br>
» <b>Физиотерапевт</b> – <a href="http://ddonuts.rusff.me/profile.php?id=35">Robert Anderson</a><br>
» <b>Хирург</b> – <a href="http://ddonuts.rusff.me/profile.php?id=49">Jayanti Maxwel</a><br>
» <b>Эпидемиолог в научном центре</b> – <a href="http://ddonuts.rusff.me/profile.php?id=13">Edem Walsch</a><br>
» <b>школьный психолог</b> – <a href="http://ddonuts.rusff.me/profile.php?id=151">Sophie Bryant</a><br>
» <b>школьный психолог</b> – <a href="http://ddonuts.rusff.me/profile.php?id=165">Lolly Nicholson</a><br>
</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">Arts & Crafts</label>
<div class="content2">
<div class="title1">Сфера искусства</div>
<br>
» <b>актриса</b> – <a href="http://ddonuts.rusff.me/profile.php?id=21">Chenault DeLuna</a><br>
» <b>студентка вокального отделения консерватории, стажер в театре</b> – <a href="http://ddonuts.rusff.me/profile.php?id=59">Emilia Soul</a><br>
» <b>художник-аниматор в EA</b> – <a href="http://ddonuts.rusff.me/profile.php?id=60">Lilith Robin</a><br>
» <b>клавишница в музыкальной группе.</b> – <a href="http://ddonuts.rusff.me/profile.php?id=45">Daniella Carter</a><br>
» <b>актриса вторых ролей</b> – <a href="http://ddonuts.rusff.me/profile.php?id=45">Daniella Carter</a><br>
» <b>натурщик</b> – <a href="http://ddonuts.rusff.me/profile.php?id=88">Asher Rochester</a><br>
» <b>писательница детских книг</b> – <a href="http://ddonuts.rusff.me/profile.php?id=168">Reina Vader</a><br>
</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">Commerce</label>
<div class="content2">
<div class="title1">Сфера услуг</div>
<br>
» <b>администратор в автомастерской</b> – <a href="http://ddonuts.rusff.me/profile.php?id=67">Victoria Doherty</a><br>
»<b>Бариста в кофейне “handsome” :</b> <a href="http://ddonuts.rusff.me/profile.php?id=7"> Abigail Coleman</a><br>
» <b>Бармен в баре "Micki Mon"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=112">Adam West</a><br>
» <b> Бармен в баре "Micki Mon"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=111">Amber Quinn</a><br>
» <b>бармен</b> – <a href="http://ddonuts.rusff.me/profile.php?id=142">Matthew Finch</a><br>
»<b>Вице-президент строительной компании “luxor”</b> – <a href="http://ddonuts.rusff.me/profile.php?id=5"> Dexter Salvatore</a><br>
» <b>владелец аукционов и сети автосалонов "Манхейм"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=117">Trevor Shatner</a><br>
» <b>Владелец "Hardman's Restorants Group</b> – <a href="http://ddonuts.rusff.me/profile.php?id=44"> Richard Hardman</a><br>
» <b>Владелец ресторанов "Ryker Group"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=8"> Kaiden Ryker </a> <br>
<b>Владелица нескольких передвижных кафе "Delicious Stories", повар</b> – <a href="http://ddonuts.rusff.me/profile.php?id=42">Summer Bryan</a><br>
» <b>владелец салона красоты "across the universe"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=75">Maybellene Lovecraft</a><br>
» <b>владелица магазина-барахолки "Лампа Аладдина"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=91">Ava Goldman</a><br>
» <b>Владелец сети отелей и казино «Windsor Enterprise»</b> – <a href="http://mrsg63tvorzq.oj2xgztgfzzhk.cmle.ru/profile.php?id=92">Edmund Windsor</a><br>
» <b>Генеральный директор агентства организации мероприятий paradise</b> – <a href="http://ddonuts.rusff.me/profile.php?id=26">Albert Berti</a><br>
» <b>начальник рекламного отдела в алмазной компании "De Beers"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=86"> Lola Foster</a><br>
» <b>официантка в кофейне “handsome”</b> – <a href="http://ddonuts.rusff.me/profile.php?id=22">Jodie Atkins</a><br>
» <b>продавец в магазине для взрослых</b> – <a href="http://ddonuts.rusff.me/profile.php?id=120">Jo Mann</a><br>
» <b>тренер в фитнес-клубе</b> – <a href="http://ddonuts.rusff.me/profile.php?id=99">Dante Avelar</a><br>
» <b>шеф повар в ресторане Le Bec-Fin </b> – <a href="http://ddonuts.rusff.me/profile.php?id=40">Tigris Salvatore</a><br>
» <b>юрист в строительной компании “luxor”</b> – <a href="http://ddonuts.rusff.me/profile.php?id=31">Casey Maxwell</a><br>
» <b>PR-агент в компании "MILES STAR"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=101">Michelle Haynes</a><br>
» <b>со-владелец алмазной компании "De Beers"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=89">Daniel Mikaelson</a><br>
» <b>со-владелец алмазной компании "De Beers"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=121">Damien Mikaelson</a><br>
» <b>продавец-флорист в цветочной лавке</b> – <a href="http://ddonuts.rusff.me/profile.php?id=130">Zoey America Marlow</a><br>
» <b>проститутка в борделе "Paradise"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=161"> Anika Staton</a><br>
» <b>хостес в баре "Micki Mon"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=130">Zoey America Marlow</a><br>
» <b>продавец-флорист в цветочном магазине</b> – <a href="http://ddonuts.rusff.me/profile.php?id=156">Naomi Lewis</a><br>
» <b>частный tattoo-мастер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=175">Zach McGrane</a><br>
</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">Mass Media</label>
<div class="content2">
<div class="title1">Сфера СМИ</div>
<br>
» <b>владелец, гл.редактор The Dallas Review</b> – <a href="http://ddonuts.rusff.me/profile.php?id=54">Bobby Marley</a><br>
» <b>журналистка в The Dallas Review</b> – <a href="http://ddonuts.rusff.me/profile.php?id=73">Elizabet Winslet</a><br>
» <b>журналистка в The Dallas Review</b> – <a href="http://ddonuts.rusff.me/profile.php?id=76">Chloe Rafferty</a><br>
» <b>помощник глав.редактора журнала FC</b> – <a href="http://ddonuts.rusff.me/profile.php?id=133">Polly Golightly</a><br>
» <b>продюссер на Dallas TV</b> – <a href="http://ddonuts.rusff.me/profile.php?id=119">Savanna Abrams</a><br>
» <b>телеведущая (новостной программы) на Dallas TV</b> – <a href="http://ddonuts.rusff.me/profile.php?id=125">Juda Thornton</a><br>
» <b>it-специалист компании Google </b> – <a href="http://ddonuts.rusff.me/profile.php?id=170">Juliette Flatley</a><br>
</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">Work & Travel</label>
<div class="content2">
<div class="title1">Сфера туризма</div>
<br>
» <b>Владелец сети отелей Ryker Group</b> – <a href="http://ddonuts.rusff.me/profile.php?id=8"> Kaiden Ryker</a><br>
» <b>владелец сети отелей и казино "Shore"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=148">Viktor Bale</a><br>
» <b>управляющий отелем warwick melrose hotel</b> – <a href="http://ddonuts.rusff.me/profile.php?id=74">Nathaniel Wood</a><br>
</div></div></div>
<br>
<div style="margin-top: 15px;">
<div class="tabs">
<input type="radio" id="tabs-7" name="tabs-group-1">
<label for="tabs-7">Fun & Games</label>
<div class="content2">
<div class="title1">Сфера развлечений</div>
<br>
» <b>Администратор в ночном клубе «Сandleroom»</b> — <a href="http://ddonuts.rusff.me/profile.php?id=136">Scarlett Reed</a><br>
» <b>владелец сети дамских клубов "Пристанище", совладелец баров и ресторанов в Далласе</b> – <a href="http://ddonuts.rusff.me/profile.php?id=143">Ashot Espresso</a><br>
» <b>диджей в самых разных клубах</b> – <a href="http://ddonuts.rusff.me/profile.php?id=115">Cassie Urie</a><br>
» <b>совладелец казино Windsor</b> – <a href="http://ddonuts.rusff.me/profile.php?id=28">Sybill V. Windsor - Совладелец казино Windsor</a></br>
» <b>певец, лидер музыкальной группы</b> – <a href="http://ddonuts.rusff.me/profile.php?id=132">Hwang Tae Kyung</a><br>
» <b>певица в баре Fox`s tail</b> – <a href="http://ddonuts.rusff.me/profile.php?id=137">Heo Sol Ji</a><br>
» <b>Негласный владелец караоке бара(стрип клуба)</b> – <a href="http://ddonuts.rusff.me/profile.php?id=5">Dexter Salvatore</a>
» <b>танцовщица в ночном клубе</b> – <a href="http://ddonuts.rusff.me/profile.php?id=151">Sophie Bryant</a><br> <br>
</div></div>
<br>
<div style="margin-top: 15px;">
<div class="tabs">
<input type="radio" id="tabs-8" name="tabs-group-1">
<label for="tabs-8">Criminal</label>
<div class="content2">
<div class="title1">Криминал</div>
<br>
» <b>Автодилер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=32">Hall Geller</a><br>
» <b>Аферистка</b> <a href="http://ddonuts.rusff.me/profile.php?id=21">Chenault DeLuna</a><br>
» <b>воровка, стритрейсер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=93">Fernanda Garcia</a><br>
» <b>Аферист, контрабандист, боец в бойцовском клубе</b> – <a href="http://ddonuts.rusff.me/profile.php?id=41">Troy Geller</a><br>
» <b>Глава мультиэтнической англо-ирландской преступной группировки</b> – <a href="http://mrsg63tvorzq.oj2xgztgfzzhk.cmle.ru/profile.php?id=92">Edmund Windsor</a><br>
» <b>Лидер бандитской группы</b> – <a href="http://ddonuts.rusff.me/profile.php?id=38">Lorenzo Malfoy</a><br>
» <b>Организатор нелегальной трансплантации и продажи органов</b> - <a href="http://ddonuts.rusff.me/profile.php?id=44">Richard Hardman</a><br>
» <b>вор, мошенник, взломщик, нелегальный торговец антиквариатом </b> – <a href="http://ddonuts.rusff.me/profile.php?id=8">Kaiden Ryker</a><br>
» <b>проститут и немного вор, бордель</b> – <a href="http://ddonuts.rusff.me/profile.php?id=47">Merlin Sunfate</a><br>
» <b>импорт наркотиков.</b> – <a href="http://ddonuts.rusff.me/profile.php?id=5">Dexter Salvatore</a><br>
» <b>телохранитель Sybill V. Windsor, сестры босса англо-ирландской преступной группировки</b> – <a href="http://ddonuts.rusff.me/profile.php?id=69">Ricard Lancaster</a><br>
» <b>консильери мафии города</b> – <a href="http://ddonuts.rusff.me/profile.php?id=148">Viktor Bale</a><br>
</div></div>
<br>
<div style="margin-top: 15px;">
<div class="tabs">
<input type="radio" id="tabs-9" name="tabs-group-1">
<label for="tabs-9">Other</label>
<div class="content2">
<div class="title1">Прочее</div>
<br>
» <b>гонщик</b> – <a href="http://ddonuts.rusff.me/profile.php?id=38">Lorenzo Malfoy</a><br>
» <b>дизайнер одежды в доме мод</b> – <a href="http://ddonuts.rusff.me/profile.php?id=10">Сatherine Kennedy</a> <br>
» <b>дизайнер одежды в доме мод "Blackthorne"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=57">Octavia Blackthorne</a><br>
» <b>директор рекламного агенства</b> – <a href="http://ddonuts.rusff.me/profile.php?id=12">Miles Miller</a><br>
» <b>кибертспортсмен, пиротехник</b> – <a href="http://ddonuts.rusff.me/profile.php?id=37">Paul Rhodes</a><br>
» <b>кинолог в кинологическом центре "Zootopia"<*/b> – <a href="http://ddonuts.rusff.me/profile.php?id=169">Graham Hunter</a><br>
» <b>личный помощник президента IT-компании</b> – <a href="http://ddonuts.rusff.me/profile.php?id=18">Dominique Grunbaum</a><br>
» <b>маркетолог\ pr-менеджер в сети автосалонов "Манхейм"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=30">Jordan Shatner</a><br>
» <b>моторейсер, тест-драйвер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=32">Hall Geller</a><br>
» <b>Няня, фотограф</b> – <a href="http://ddonuts.rusff.me/profile.php?id=34">Erica MakKinney</a><br>
» <b>разведчик</b> – <a href="http://ddonuts.rusff.me/profile.php?id=127">Theodore Godfrey</a><br>
» <b>разработчик искусственного интеллекта, глава фирмы Creative Itellegence Inc.</b> – <a href="http://ddonuts.rusff.me/profile.php?id=152">Richard Brenson</a><br>
» <b>светская львица</b> – <a href="http://ddonuts.rusff.me/profile.php?id=9">Rhiannon Gallagher</a><br>
» <b>сисадмин в юридической фирме «B&B»</b> – <a href="http://ddonuts.rusff.me/profile.php?id=11">Nicolas Moore</a><br>
» <b>секретарь в компании "l urban"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=116">adelaide trevino</a><br>
» <b>танцор</b> – <a href="http://ddonuts.rusff.me/profile.php?id=12">Miles Miller</a><br>
» <b>тренер по фигурному катанию, чемпионка США</b> – <a href="http://ddonuts.rusff.me/profile.php?id=36">Emily Anderson</a>» <br>
» <b>автомеханик, стритрейсер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=71">Jamie Anne Diesel</a><br>
» <b>частный детектив</b> – <a href="http://ddonuts.rusff.me/profile.php?id=83">Sharon Waters</a><br>
» <b>маркетолог в сети автосалонов Манхейм</b> – <a href="http://ddonuts.rusff.me/profile.php?id=25">Winifred Forsyth</a><br>
» <b>член совета акционеров банка "Independent Construction Bank of Dallas"</b> – <a href="http://ddonuts.rusff.me/profile.php?id=95">Malcolm Reynolds</a><br>
» <b>инструктор по скалолазанию</b> – <a href="http://ddonuts.rusff.me/profile.php?id=95">Malcolm Reynolds</a><br>
» <b>гадалка и продавец в магической лавке</b> – <a href="http://ddonuts.rusff.me/profile.php?id=110">Yasmin Zaal</a><br>
» <b>программист в компании Google</b> – <a href="http://ddonuts.rusff.me/profile.php?id=131">Everett Newman</a><br>
» <b>организатор мероприятий</b> – <a href="http://ddonuts.rusff.me/profile.php?id=153">Aubrey Gautier</a><br>
» <b>переводчица фрилансер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=150">Eva Edwards</a><br>
» <b>программист-фрилансер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=180">Tyler Avis</a><br>
» <b>программист, хакер</b> – <a href="http://ddonuts.rusff.me/profile.php?id=178">Annie Cresta</a><br>
» <b>программист Google Inc.</b> – <a href="http://ddonuts.rusff.me/profile.php?id=171">Nevada James</a><br>
» <b>ветеринар в зоопарке</b> – <a href="http://ddonuts.rusff.me/profile.php?id=183">Regan McGrane</a><br>
</div></div></div>
</center>
</td></tr></table>
