Код:
<!--HTML-->
<style type="text/css">
.anntitle7 { font-family: 'Open Sans Condensed', sans-serif; display; font-size: 30px; font-weight:bold; color:#fcfcfc; line-height:60px; text-shadow: #a1a1a1 1px 1px 0px;}
.tott000 { width: 450px; padding: 10px; background-image : url(http://savepic.net/6001798.jpg); background-color: #f6f4ea;}
.anncontent7 { width: 400px; height: 770px; word-wrap: break-word; margin-left: -8%; margin-top: 5px; font-size: 12px; font-family: calibri, sans-serif; text-align: justify; color: #392e00;}
.becky004 { width: 450px; font-family: 'Marck Script', cursive; padding-bottom: 10px; font-size: 50px; text-align: center; text-transform: lowercase; line-height: 100%; color: #0000CC; text-shadow: 1px 1px 0px #222; margin-top: -25px; padding-bottom: 15px;}
.becky005 { width: 450px; font-family: 'Poiret One', cursive; font-size: 15px; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; word-spacing: 2px; color: #392e00; }
.becky06 {font-family: 'Philosopher', sans-serif; font-size: 15px; text-transform: uppercase; line-height: 100%; text-align: center; letter-spacing: 2px; word-spacing: 2px; color: #392e00; }
.becky003 { width: 355px; font-family: calibri, sans-serif; text-align: justify; align: center; color: #392e00; margin-left: 20px }
.becky003::-webkit-scrollbar { width: 5px; height: 5px; }
.becky003::-webkit-scrollbar-track { background-color: #fc9c4f; }
.becky003::-webkit-scrollbar-thumb { background-color: #fafafa; }
.dlyricaltabs {
position: relative;
width: 400px;
height: 700px;
background-color: #fd7c15;
}
.dlyricaltab label {
display: block;
width: 70px;
height: 50px;
font-family: 'Open Sans Condensed', sans-serif; display;
font-weight:bold;
color:#392e00;
text-shadow: #a1a1a1 1px 1px 0px;
background-image : url(http://savepic.net/6001798.jpg);
background-color: #f6f4ea;
padding: 3px;
font-family: times new roman;
font-size: 8px;
line-height: 10px;
text-transform: uppercase;
text-align: center;
position: absolute;
left: 0px;
top: -25px;
border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
}
.dlyricaltabs [type=radio] { display: none; }
.dlyricalcontent {
line-height: 12px;
position: absolute;
top: 40px; bottom: 0px; left: 0px; right: 0px;
background-color: #f6f4ea;
background-image : url(http://savepic.net/6001798.jpg);
padding: 0px;
color: #392e00;
height: 100% !important;
width: 100% !important;
border: 1px solid #fd7c15;
overflow-x: hidden !important;
overflow-y: auto;
}
.dlyricalcontent ::-webkit-scrollbar { width: 5px; height: 5px; }
.dlyricalcontent ::-webkit-scrollbar-track { background-color: #fc9c4f; }
.dlyricalcontent ::-webkit-scrollbar-thumb { background-color: #fafafa; }
.cont {
width: 100% !important;
height: 99% !important;
border: 0px solid blue;
overflow: auto !important;
padding-right: 15px !important;
}
.dlyricaltab [type=radio]:checked ~ label {
background-color: #f6f4ea;
color: #392e00;
width: 70px;
height: 40px;
border-left: 0px ;
border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-bottom: 10px solid #99CCFF;
z-index: 8;
}
[type=radio]:checked ~ label ~ .dlyricalcontent {
z-index: 9;
}</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Philosopher:700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Marck+Script&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Poiret+One&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<center>
<div class="tott000">
<div class="becky005">устраиваем на работу</div>
<div class="becky004">БИРЖА ТРУДА</div>
<div class="anncontent7">
<div class="becky003">
<table border="0" align="center">
<tr>
<td bgcolor=#fd7c15 >
<div class="becky06">ЗАПОЛНЯЕМ ПО ШАБЛОНУ</div>
</td></tr>
<tr><td align="center">
<br><b>1. Категория / профессия<br>
2. <a href="ССЫЛКА_НА_ПРОФИЛЬ"><b>ВАШ НИК</b></a></b>
<br>
</td>
</tr>
</table>
<center><b>ДОСТУПНЫЕ ПРОФЕССИИ</b><br>
(открываются при клике на шестиугольники):</center>
<br><br>
</div>
<div class="dlyricaltabs"><div class="dlyricaltab"><input type="radio" id="dlyricaltab-1" name="dlyricaltab-group-1" checked><label for="dlyricaltab-1"><img src="http://savepic.net/5802233.png" title="ОХРАНА И ПРАВОПОРЯДОК"></label>
<div class="dlyricalcontent"><div class="cont"><div class="becky003">
<table border="0" align="center" width="150">
<tr><td bgcolor=#fd7c15 >
<div class="becky06">ОХРАНА И ПРАВОПОРЯДОК</div>
</td></tr>
<tr><td align="center">Те, кто охраняют покой жителей и гостей Розмари - ведь иногда и в раю бывают "дожди".</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">CITY HALL</div></td></tr>
<tr><td>• мэр:
<br>• заместители [не более 5]:
<br>• секретари:
<br>• сенаторы:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">POLICE</div></td></tr>
<tr><td>• начальник полиции:
<br>• помощники:
<br>• офицеры: <a href=http://rosemary.rusff.me/profile.php?id=96><b>Leo Hardman</b></a>
<br>• детективы:
<br>• прокуроры:
<br>• патрульные:
<br>• переводчики:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">CENTRAL HOSPITAL</div></td></tr>
<tr><td>• глав. врач:
<br>• зав. отделениями:
<br>• врачи:
<br>• интерны:
<br>• персонал:
</td></tr><br>
</table>
</div>
</div></div></div>
<div class="dlyricaltab"><input type="radio" id="dlyricaltab-2" name="dlyricaltab-group-1">
<label for="dlyricaltab-2" style="margin-left: 70px;"><img src="http://savepic.net/5772536.png" title="КУЛЬТУРА И СПОРТ"></label>
<div class="dlyricalcontent"><div class="cont"><div class="becky003">
<table border="0" align="center" width="150">
<tr><td bgcolor=#fd7c15 >
<div class="becky06">КУЛЬТУРА И СПОРТ</div>
</td></tr>
<tr><td align="center">Парки, музеи, спортивные арены - поверьте, у нас есть не только пляж.</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">SPORT ARENA</div></td></tr>
<tr><td>• владелец:
<br>• администраторы:
<br>• спортсмены:
<br>• черлидеры:
<br>• мед. персонал:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">CONCERT HALL</div></td></tr>
<tr><td>• директор:
<br>• руководитель труппы:
<br>• танцоры:
<br>• певцы: <a href="http://rosemary.rusff.me/profile.php?id=105"><b> Nina Humprey</b></a>
<br>• дирижер:
<br>• оркестр:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">AMUSEMENT PARK "ATMOSFEAR"</div></td></tr>
<tr><td>• владелец:
<br>• администраторы:
<br>• персонал:
<br>• охрана:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">MUVIE HOUSE "MAJESTIC"</div></td></tr>
<tr><td>• владелец:
<br>• администраторы:
<br>• персонал:
<br>• охрана
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">CARRINGTON COUNTRY CLUB</div></td></tr>
<tr><td>• совет директоров:
<br>• администраторы:
<br>• фин. отдел:
<br>• тренеры:
<br>• повара:
<br>• официанты:
<br>• бармены:
<br>• охрана:
<br>• прочий персонал:
</td></tr><br>
</table></div>
</div></div></div>
<div class="dlyricaltab"><input type="radio" id="dlyricaltab-3" name="dlyricaltab-group-1">
<label for="dlyricaltab-3" style="margin-left: 140px;"><img src="http://savepic.net/5802235.png" title="СМИ">
</label>
<div class="dlyricalcontent"><div class="cont"><div class="becky003">
<table border="0" align="center" width="150">
<tr><td bgcolor=#fd7c15 >
<div class="becky06">СРЕДСТВА МАССОВОЙ ИНФОРМАЦИИ</div>
</td></tr>
<tr><td align="center">Каждый день на нашем пляже озаряется тысячами тысяч вспышек фотоаппаратов, а уж сколько здесь телекамер...</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">CELEBRITY MAGAZINE</div></td></tr>
<tr><td>• владелец:
<br>• гл. редактор:
<br>• редакторы:
<br>• журналисты: <a href="rosemary.rusff.me/profile.php?id=110"><b>Сhloe Brooks</b></a>
<br>• дизайнеры:
<br>• фотографы:
<br>• модели: <a href=http://rosemary.rusff.me/profile.php?id=113><b>Francesca Rossi</b></a>
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">NEW LIVE TV</div></td></tr>
<tr><td>• владелец:
<br>• директора:
<br>• продюсеры:
<br>• телеведущие:
<br>• репортеры:
<br>• операторы: <a href="http://rosemary.rusff.me/profile.php?id=93"><b>Neil Weesman</b></a>
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">GIVE FIVE FM</div></td></tr>
<tr><td>• владелец:
<br>• директора:
<br>• продюсеры:
<br>• радиоведущие:
<br>• DJ's:
</td></tr><br>
</table></div>
</div></div></div>
<div class="dlyricaltab"><input type="radio" id="dlyricaltab-4" name="dlyricaltab-group-1">
<label for="dlyricaltab-4" style="margin-left: 210px;"><img src="http://savepic.net/5768443.png" title="СФЕРА УСЛУГ"></label>
<div class="dlyricalcontent"><div class="cont"><div class="becky003">
<table border="0" align="center" width="150">
<tr><td bgcolor=#fd7c15 >
<div class="becky06">СФЕРА УСЛУГ</div>
</td></tr>
<tr><td align="center">Маленькие мелочи для приятного времяпрепровождения.</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">NATIONAL CITY BANK</div></td></tr>
<tr><td>• владелец:
<br>• управляющий:
<br>• заместители:
<br>• служащие:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">FOUR SEASONS HOTEL</div></td></tr>
<tr><td>• владелец: <a href="http://rosemary.rusff.me/profile.php?id=94"><b>Lauren Torres</b></a>
<br>• управляющий:
<br>• администраторы:
<br>• горничные:
<br>• швейцары:
<br>• повара:
<br>• официанты:
<br>• бармены:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">ROYAL CASINO "BLACJ ROSE"</div></td></tr>
<tr><td>• владелец: <a href="http://rosemary.rusff.me/profile.php?id=11"><b>Lucky Santangelo</b></a>
<br>• соучредители: Gino Santangelo
<br>• персонал:
<br>• охрана:
<br>• спонсоры:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">DOLPHIN MALL</div></td></tr>
<tr><td>• владелец:
<br>• директор:
<br>• администраторы:
<br>• субарендаторы: <a href="http://rosemary.rusff.me/profile.php?id=88"><b>Samantha Morgan-Ward</b></a>
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">RESTAURANT "VITRUM"</div></td></tr>
<tr><td>• владелец:
<br>• управляющий: <a href="http://rosemary.rusff.me/profile.php?id=100"><b>Nicole Gale</b></a>
<br>• официанты:
<br>• бармены:
<br>• шеф-повар:
<br>• повара:
</td></tr><br>
</table></div>
</div></div></div>
<div class="dlyricaltab"><input type="radio" id="dlyricaltab-5" name="dlyricaltab-group-1">
<label for="dlyricaltab-5" style="margin-left: 280px;"><img src="http://savepic.net/5807354.png" title="СФЕРА РАЗВЛЕЧЕНИЙ"></label>
<div class="dlyricalcontent"><div class="cont"><div class="becky003">
<table border="0" align="center" width="150">
<tr><td bgcolor=#fd7c15 >
<div class="becky06">СФЕРА РАЗВЛЕЧЕНИЙ</div>
</td></tr>
<tr><td align="center">Святая святых Розмари, места, где никому и никогда не дадут скучать. Интересно, они хоть на время закрываются?</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">CAFE "PIAR"</div></td></tr>
<tr><td>• владелец:
<br>• повара:
<br>• официанты:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">GRILL "HELL YEAH"</div></td></tr>
<tr><td>• владелец:
<br>• повара:
<br>• официанты:
<br>• бармены:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">BAR "TIME-OUT"</div></td></tr>
<tr><td>• владелец: <a href="http://rosemary.rusff.me/profile.php?id=84"><b>Ryan Ralston </b></a>
<br>• официанты:
<br>• бармены:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">BEACH BAR "PARRRTY"</div></td></tr>
<tr><td>• владелец: <a href="http://rosemary.rusff.me/profile.php?id=4"><b>Evelyn Thomas</b></a>
<br>• официанты:
<br>• бармены: <a href="http://rosemary.rusff.me/profile.php?id=91"><b>Vanessa Connors</b></a>
<br>• музыканты:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">STRIP CLUB "ATLAS"</div></td></tr>
<tr><td>• владелец: <a href="http://rosemary.rusff.me/profile.php?id=6"><b>Hunter V. Warren</b></a>
<br>• управляющий:
<br>• танцовщицы: <a href="rosemary.rusff.me/profile.php?id=70"><b>Kamila Walls</b></a>
<br>• проститутки:
<br>• бармены:
<br>• официанты:
<br>• охрана:
</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">NIGHT CLUB "SAPPHIRE"</div></td></tr>
<tr><td>• владелец:
<br>• управляющий:
<br>• DJ's:
<br>• бармены: <a href="http://rosemary.rusff.me/profile.php?id=13"><b>Kristina Donnelly</b></a>
<br>• официанты: <a href=http://rosemary.rusff.me/profile.php?id=113><b>Francesca Rossi</b></a>
<br>• охрана:
</td></tr><br>
</table></div>
</div></div></div>
<div class="dlyricaltab"><input type="radio" id="dlyricaltab-6" name="dlyricaltab-group-1">
<label for="dlyricaltab-6" style="margin-left: 350px;"><img src="http://savepic.net/5782778.png" title="ПРОЧИЕ ПРОФЕССИИ"></label>
<div class="dlyricalcontent"><div class="cont"><div class="becky003">
<table border="0" align="center" width="150">
<tr><td bgcolor=#fd7c15 >
<div class="becky06">ПРОЧИЕ ПРОФЕССИИ</div>
</td></tr>
<tr><td align="center">То, на что у нас не хватило фантазии, но что придумали Вы. И помните: мы Вас ни в чем не ограничиваем.</td></tr>
<tr><td bgcolor=#fd7c15 ><div class="becky06">VACANCIES</div></td></tr>
<tr><td>
<br>• студенты: <a href=http://rosemary.rusff.me/profile.php?id=57><b>Violet Conors</b></a>, <a href="http://rosemary.rusff.me/profile.php?id=108"><b>Sofia Woods</b></a>
<br>• стритрейсеры: <a href="http://rosemary.rusff.me/profile.php?id=13"><b>Kristina Donnelly</b></a>, <a href="http://rosemary.rusff.me/profile.php?id=40"><b>Marcela Cartwright</b></a>, <a href="http://rosemary.rusff.me/profile.php?id=97"><b>William Donnelly</b></a>
<br>• флешмобер: <a href="http://rosemary.rusff.me/profile.php?id=13"><b>Kristina Donnelly</b></a>, <a href="http://rosemary.rusff.me/profile.php?id=97"><b>William Donnelly</b></a>
<br>• терапевт: <a href="http://rosemary.rusff.me/profile.php?id=16"><b>Aria Montgomery</b></a>
<br>• судебный антрополог в ФБР: <a href="http://rosemary.rusff.me/profile.php?id=25"><b>Annette J. Amersey</b></a>
<br>• совладелица салона красоты: <a href="http://rosemary.rusff.me/profile.php?id=65 "><b>Brooka Williams</b></a>
<br>• глава страховой компании "Price&Foster": <a href="http://rosemary.rusff.me/profile.php?id=32"><b>Theodore Price</b></a>
<br>• помощница главы страховой компании "Price&Foster": <a href="http://rosemary.rusff.me/profile.php?id=31"><b>Joanna Walter</b></a>
<br>• владелец кондитерского магазина: <a href="http://rosemary.rusff.me/profile.php?id=19"><b>Odette Thomas</b></a>
<br>• владелица автомастерской, мастер там же: <a href="http://rosemary.rusff.me/profile.php?id=40"><b>Marcela Cartwright</b></a>, <a href="http://rosemary.rusff.me/profile.php?id=97"><b>William Donnelly</b></a>
<br>• тренер дельфинов в аквапарке "Фортуна": <a href="http://rosemary.rusff.me/profile.php?id=53"><b>Jesse White</b></a>
<br>• архитектор, генеральный директор строительного холдинга "Conors int": <a href="http://rosemary.rusff.me/profile.php?id=59"><b>Nicholas Conors</b></a>
<br>• гимнастка: <a href="http://rosemary.rusff.me/profile.php?id=62"><b>Stacey Wilson</b></a>
<br>• переводчик: <a href=http://rosemary.rusff.me/profile.php?id=58><b>Jason Daniels</b></a>
<br>• дизайнер одежды: <a href="http://rosemary.rusff.me/profile.php?id=69"><b>Iris Azalea</b></a>
<br>• ударник в группе "Sonne": <a href="http://rosemary.rusff.me/profile.php?id=76"><b>Daniel Northman</b></a>
<br>• владелица косметической компании "Reivers Perfume Company": <a href="http://rosemary.rusff.me/profile.php?id=81"><b>Lilian Reivers</b></a>
<br>• шеф-повар и хозяйка ресторанчика "Livin' La Vida Loca": <a href="http://rosemary.rusff.me/profile.php?id=82"><b>Valentina Lightman</b></a>
<br>• фотографы:
<br>• свободный вокалист: <a href="http://rosemary.rusff.me/profile.php?id=104"><b>Alan Black</b></a>
<br>• хореограф бальной студии: <a href="http://rosemary.rusff.me/profile.php?id=109"><b>Shailene Cartwright</b></a>
<br><br></td></tr><br>
</table></div>
</div></div></div>
</div>
</div>
</div>
</center>