● ● ●— список занятости персонажей;
— биржа разбита на три локации; в кладках ищите нужный вам город;
— в списке отмечены только самые основные места; можно добавлять ваше;● ● ●

[html]
<style>
  .korpus > div, .korpus > input { display: none; }

.korpus {text-align: center; padding: 10px;}

.korpus label { width: 180px;  padding: 5px 5px;  display: inline-block;
  word-spacing: 5px;  letter-spacing: 2px;  background: #176e6d;  /* не выбранные вкладки */
  color: #d6d6d6; border: 1px solid #135a5a; text-transform: uppercase; font-family: montserrat;
  text-shadow: 1px 1px #114e4d;
  box-shadow: 0 4px 10px #19504f91 inset, 0 0 3px #56c5c4b0 inset;
     transition: 1s; /* Переход */ }

.korpus label:hover {  background-color:  #af2627;  /* наведение */  color:  #d6d6d6;
     border: 1px solid #842424;   text-shadow: 1px 1px #114e4d;
  box-shadow: 0 4px 10px #19504f91 inset, 0 0 3px #56c5c4b0 inset; transition: 1s; /* Переход */  }

.korpus input[type="radio"]:checked + label {  background-color: #af2627;  /* выбранный элемент */
  font-weight: normal;  color:  #d6d6d6;
     border: 1px solid #842424;   text-shadow: 1px 1px #114e4d;
  box-shadow: 0 4px 10px #19504f91 inset, 0 0 3px #56c5c4b0 inset; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3){
  display: block;
  padding-top: 2px;
  text-align: justify;}

.text {  height: 400px; /* высота нашего блока */
overflow-y: scroll; /* прокрутка по вертикали */
  padding: 4px 10px 4px 10px;
    margin: 10px 4px 0 0 !important;  }

.textarea { height: 180px; /* высота нашего блока */
overflow-y: scroll; /* прокрутка по вертикали */ 
  padding: 4px 10px 4px 10px;    }

.yeseva { font-family: Yeseva One; font-size: 18px; font-weight: bold;
                 text-align: center; color: #2d2c2c;    }

</style>
<div>
<table width="100%">
<tbody>
<tr>
<td colspan="2">
<div class="korpus"><input type="radio" name="odin" checked="checked" id="vkl1" /><label for="vkl1">Ивелбейн</label> <input type="radio" name="odin" id="vkl2" /><label for="vkl2">Дерри</label> <input type="radio" name="odin" id="vkl3" /><label for="vkl3">Хэйвен</label>
<div class="text">
<div>
<table width="100%" style="height: 468px; width: 100%;">
<tbody>
<tr style="height: 18px;">
<td style="height: 18px;">
<div class="yeseva ">закон и порядок</div>
</td>
<td width="2%" style="height: 18px;"></td>
<td style="height: 18px;">
<div class="yeseva ">здравоохранение</div>
</td>
</tr>
<tr style="height: 126px;">
<td style="height: 126px;">
<div class="textarea">
мэрия &laquo;evilbane town hall&raquo; <br /><b>&rsaquo;</b> <br /><br />
отделение полиции &laquo;evilbane police department&raquo;<br /><b>&rsaquo;</b>
патрульный полицейский &mdash; <a href="http://evilbane.rusff.ru/profile.php?id=116">jeremy myers</a><br /><b>&rsaquo;</b>
специальный агент ФБР &mdash; <a href="http://theredrum.ru/profile.php?id=266">Johnny Carter</a><br/><b>&rsaquo;</b> <br /><br />
городской суд &laquo;evilbane municipal court&raquo;<br/><b>&rsaquo;</b>
адвокат &mdash; <a href="http://theredrum.ru/viewtopic.php?id=703#p90498">Daniel Reyes</a><br/><br /><b>&rsaquo;</b><br />
</div>
</td>
<td width="2%" style="height: 126px;"></td>
<td style="height: 126px;">
<div class="textarea">
больница &laquo;st. mary's hospital&raquo;<br /><br/><b>&rsaquo;</b>
<b>&rsaquo;</b> <br /><br />
ветеринарная клиника &laquo;vet's vet&raquo;<br /><b>&rsaquo;</b> <br /><br />
аптека &laquo;walgreens&raquo;<br /><b>&rsaquo;</b> <br />
</div>
</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px;">
<div class="yeseva ">образование</div>
</td>
<td width="2%" style="height: 18px;"></td>
<td style="height: 18px;">
<div class="yeseva ">сми</div>
</td>
</tr>
<tr style="height: 90px;">
<td style="height: 90px;">
<div class="textarea">
ясли &laquo;nursery service&raquo;<br /><b>&rsaquo;</b> <br /><br />
начальная школа &laquo;lincoln school&raquo;<br /><b>&rsaquo;</b>
школьница — <a href="http://theredrum.ru/profile.php?id=239">lillian lynch </a><br /><b>&rsaquo;</b> <br /><br />
средняя школа &laquo;st peter's school&raquo;<br /><b>&rsaquo;</b> <br /><br />
старшая школа &laquo;bay nore high school&raquo;<br /><br/><b>&rsaquo;</b>
учитель биологии и химии &mdash; <a href="http://theredrum.ru/profile.php?id=71">Noah Thornhill</a><br/><b>&rsaquo;</b> <br /><br />
публичная библиотека &laquo;evilbane public library&raquo;<br /><b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%" style="height: 90px;"></td>
<td style="height: 90px;">
<div class="textarea">
еженедельник «evilbane live»<br/><b>&rsaquo;</b>заместитель редактора &mdash; <a href="http://theredrum.ru/profile.php?id=210">Dana Preston</a><br/><br />
городская газета «evilbane news»<br /><b>&rsaquo;</b>
помощница редактора &mdash; <a href="'http://evilbane.rusff.ru/profile.php?id=25">riley bates</a><br /><b>&rsaquo;</b>
внештатный журналист &mdash; <a href="'http://evilbane.rusff.ru/profile.php?id=130">gordon lynch </a><b>&rsaquo;</b> <br /><br />
почтовое отделение «evilbane post service»<br /><b>&rsaquo;</b> <br />
</div>
</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px;">
<div class="yeseva ">развлечения</div>
</td>
<td width="2%" style="height: 18px;"></td>
<td style="height: 18px;">
<div class="yeseva ">частный бизнес</div>
</td>
</tr>
<tr style="height: 90px;">
<td style="height: 90px;">
<div class="textarea">кинотеатр «renaissance»<br /><b>&rsaquo;</b> <br /><br />
художественная галерея «wassenberg art center»<br /><b>&rsaquo;</b> <br /><br />
ТЦ «sunset place»<br /><b>&rsaquo;</b> <br /><br />
ночной клуб «holiday roll»<br /><b>&rsaquo;</b> <br /><br />
ресторан «american dream»<br/><b>&rsaquo;</b>
Владелец ресторана &mdash; <a href="http://theredrum.ru/profile.php?id=241">Ethan Brooks</a><br/><br />
ресторан «the star»<br /><b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%" style="height: 90px;"></td>
<td style="height: 90px;">
<div class="textarea">
бутик «vintage cafe» <br/><b>&rsaquo;</b>
владелица &mdash; <a href="http://theredrum.ru/profile.php?id=59">Reyna Saltzman</a><br/><br />
отель «19th hole»<br /><b>&rsaquo;</b> <br /><br />
похоронное бюро «plummer funeral home»<br /><b>&rsaquo;</b> <br /><br />
книжный магазин «barnes & noble»<br /><b>&rsaquo;</b> <br /><br />
цветочный магазин «roses 'n violets»<br /><b>&rsaquo;</b> <br /><br />
автомастерская «cobb's»<br /><b>&rsaquo;</b> <br /><br />
бар «mad arthur»<br /><b>&rsaquo;</b> <br /></div>
</td>
</tr>
<tr style="height: 18px;">
<td style="height: 18px;">
<div class="yeseva ">инфраструктура</div>
</td>
<td width="2%" style="height: 18px;"></td>
<td style="height: 18px;">
<div class="yeseva ">другое</div>
</td>
</tr>
<tr style="height: 90px;">
<td style="height: 90px;">
<div class="textarea">
пожарная часть &laquo;evilbane fire department station&raquo;<br /><b>&rsaquo;</b><br /><br />
банк &laquo;chase bank&raquo;<br /><b>&rsaquo;</b><br /><br />
страховое агенство &laquo;stephen-dolce agency&raquo;<br /><b>&rsaquo;</b><br /><br />
мотель &laquo;midwest motel&raquo;<br /><b>&rsaquo;</b><br /><br />
автозаправка &laquo;shell&raquo;<br /><b>&rsaquo;</b><br /><br />
дом престарелых &laquo;haven bay&raquo;<br /><b>&rsaquo;</b><br /><br />
парк отдыха &laquo;central park&raquo;<br /><b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%" style="height: 90px;"></td>
<td style="height: 90px;">
<div class="textarea"><b>&rsaquo;</b>
web-программист &mdash; <a href="http://theredrum.ru/profile.php?id=275">jeff powell</a><br/> <b>&rsaquo;</b>глава нескольких медицинских клиник, хирург &mdash; <a href="http://theredrum.ru/profile.php?id=284">Jonathan Deeks</a><br/><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="text">
<div>
<table width="100%">
<tbody>
<tr>
<td>
<div class="yeseva ">закон и порядок</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">здравоохранение</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
полицейский участок «derry police station»<br />
<br/><b>&rsaquo;</b>
специальный агент ФБР &mdash; <a href="http://theredrum.ru/profile.php?id=266">Johnny Carter</a><br/><b>&rsaquo;</b>
агент ФБР &mdash; <a href="http://theredrum.ru/profile.php?id=298">rosalind patton</a><br/><b>&rsaquo;</b>
старший детектив &mdash; <a href="http://theredrum.ru/profile.php?id=233">daniel spellman</a><br/>
<b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%"></td>
<td>
<div class="textarea">
больница «derry central hospital»<br /><b>&rsaquo;</b> <br /><br />
дом престарелых «paradise mill»<br /><b>&rsaquo;</b> <br /><br />
аптека «central drug-store»<br /><b>&rsaquo;</b> <br /><br />
дом для душевнобольных «chester hill»<br />
<b>&rsaquo;</b> <br />
</div>
</td>
</tr>
<tr>
<td>
<div class="yeseva ">образование</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">сми</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
публичная библиотека «derry public library»<br /><b>&rsaquo;</b> <br /><br />
детская библиотека «derry children's library»<br /><b>&rsaquo;</b> <br /><br />
старшая школа «derry high school»<br/><b>&rsaquo;</b>
школьница &mdash; <a href="http://theredrum.ru/profile.php?id=306">josie masterson</a><br/><br /><b>&rsaquo;</b> <br /><br />
средняя школа «derry middle school»<br />
<b>&rsaquo;</b> школьник — <a href="http://theredrum.ru/profile.php?id=236">jacob spellman</a> <br /><b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%"></td>
<td>
<div class="textarea">
еженедельник «derry weekly»<br /><b>&rsaquo;</b> <br /><br />
радиостанция «voice of derry»<br />
<b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br />
</div>
</td>
</tr>
<tr>
<td>
<div class="yeseva ">развлечения</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">инфраструктура</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
кинотеатр «aladdin»<br /><b>&rsaquo;</b> <br /><br />
кафе «derry coffee»<br /><b>&rsaquo;</b> <br /><br />
ресторан «avenue lane»<br /><b>&rsaquo;</b> <br /><br />
бар «wild fox»<br />
<b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%"></td>
<td>
<div class="textarea">
городской центр «derry center»<br /><b>&rsaquo;</b> <br /><br />
окружной суд «derry court»<br /><b>&rsaquo;</b> <br /><br />
банк «merrill trast»<br /><b>&rsaquo;</b> <br /><br />
банк «new england bank»<br /><b>&rsaquo;</b> <br /><br />
мотель «derry town-house»<br /><b>&rsaquo;</b> <br /><br />
отель «holiday inn»<br /><b>&rsaquo;</b> <br /><br />
пожарная станция «derry point»<br /><b>&rsaquo;</b><br />
приют для животных «pet's house of derry»
<br/><b>&rsaquo;</b>
директор приюта, кинолог &mdash; <a href="http://theredrum.ru/profile.php?id=172">Jane Trenton</a>
<br/><b>&rsaquo;</b> рабочий &mdash; <a href="http://theredrum.ru/profile.php?id=169">adam price</a><br/>
</div>
</td>
</tr>
<tr>
<td>
<div class="yeseva ">частный бизнес</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">другое</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
ритуальные услуги «mason house»<br /><b>&rsaquo;</b> <br /><br />
книжный магазин «last pages»<br /><b>&rsaquo;</b> <br /><br />
бургерная «10 inches»<br />
<b>&rsaquo;</b> <br />
реставрационная мастерская «Illumination» <br/><b>&rsaquo;</b>
художник-реставратор &mdash; <a href="http://theredrum.ru/profile.php?id=252">Morgan Hall</a><br/>
</div>
</td>
<td width="2%"></td>
<td>
<div class="textarea"><br/><b>&rsaquo;</b>
администратор агенства "Desert Flower" в Портленде &mdash; <a href="http://theredrum.ru/profile.php?id=288">Morten White</a><br/><b>&rsaquo;</b>
домохозяйка, швея-фрилансер &mdash; <a href="http://theredrum.ru/profile.php?id=278">elizabeth avila</a><br/><b>&rsaquo;</b>
безработный &mdash; <a href="http://theredrum.ru/profile.php?id=295">artur dorset</a><br/>
<b>&rsaquo;</b>
Владелец сети оружейных магазинов и мастерских в Портленде &mdash; <a href="http://theredrum.ru/profile.php?id=300">karim krishan</a><br/><b>&rsaquo;</b>
владелица цветочного магазина «Black Dahlia» &mdash; <a href="http://theredrum.ru/profile.php?id=314">Dani Decody</a><br/><b>&rsaquo;</b>
IT-специалист &mdash; <a href="http://theredrum.ru/profile.php?id=307">atly lund</a><br/><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="text">
<div>
<table width="100%">
<tbody>
<tr>
<td>
<div class="yeseva ">закон и порядок</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">здравоохранение</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
полицейский участок «haven police department»<br /><br/><b>&rsaquo;</b>
шериф &mdash; <a href="http://theredrum.ru/profile.php?id=180">Isabel Stevens</a>
<br/><b>&rsaquo;</b>
капрал, патрульный &mdash; <a href="http://theredrum.ru/viewtopic.php?id=408">Caleb Wright</a><br/><b>&rsaquo;</b>
детектив полиции &mdash; <a href=http://theredrum.ru/profile.php?id=308>felix blare</a><br/><b>&rsaquo;</b> <br /><br />
окружная тюрьма «shawshank state prison» (castle-rock)<br /><b>&rsaquo;</b> <br /><br />
городской суд «haven court house»<br />
<b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%"></td>
<td>
<div class="textarea">
медицинский центр «hessberg medical center»<br /><b>&rsaquo;</b> <br /><br />
дом для душевнобольных «murray q. frederikson psychiatric facility»<br /><b>&rsaquo;</b> <br /><br />
больница «haven regional hospital»<br/><b>&rsaquo;</b>
парамедик &mdash; <a href="http://theredrum.ru/viewtopic.php?id=732">Nathan Imrie</a><br/><br /><b>&rsaquo;</b> <br /><br />
дом престарелых «golden days»<br /><b>&rsaquo;</b>
волонтёр &mdash; <a href="https://theredrum.ru/profile.php?id=281">ariel stevens</a><br/>
<b>&rsaquo;</b> <br />
</div>
</td>
</tr>
<tr>
<td>
<div class="yeseva ">образование</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">сми</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
начальная школа «haven shores elementary school»<br /><b>&rsaquo;</b> <br /><br />
старшая школа «east haven high school»<br/><b>&rsaquo;</b>
учитель английского и литературы &mdash; <a href="http://theredrum.ru/profile.php?id=282">Lucas Dane</a><br/><br /><b>&rsaquo;</b> <br /><br />
старшая школа «haven high school»<br/><b>&rsaquo;</b>
учитель изобразительного искусства &mdash; <a href="http://theredrum.ru/profile.php?id=287">Mort Ray</a><br /><b>&rsaquo;</b> <br /><br />
средняя школа «haven junior high school»<br /><b>&rsaquo;</b> <br /><br />
творческая школа «The End» <br/><b>&rsaquo;</b>
совладелец и актёр-преподаватель & mdash; <a href="http://theredrum.ru/profile.php?id=196">Jennifer Wright</a><br/><b>&rsaquo;</b>
преподаватель декоративно-прикладного искусства в творческой школе «The End»  &mdash; <a href="http://theredrum.ru/profile.php?id=317">allen nemro</a><br/><br/>
центральная библиотека «new haven library»<br />
<b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b></div>
</td>
<td width="2%"></td>
<td>
<div class="textarea">
газета «havan herald»
<br/><b>&rsaquo;</b>
журналист-фрилансер & mdash; <a href="http://theredrum.ru/profile.php?id=196">Jennifer Wright</a><br/><br /><b>&rsaquo;</b> <br /><br />
радиостанция «dominion»<br />
<b>&rsaquo;</b> <br />
</div>
</td>
</tr>
<tr>
<td>
<div class="yeseva ">развлечения</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">инфраструктура</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
кинотеатр «cinematheque»<br /><b>&rsaquo;</b> <br /><br />
кинотеатр под открытым небом «dockside green»<br /><b>&rsaquo;</b> <br /><br />
закусочная «black house coffee»<br /><br/><b>&rsaquo;</b>
официантка в закусочной «black house coffee»&mdash; <a href="http://theredrum.ru/profile.php?id=311"> zoe harrell</a><br/>
<b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%"></td>
<td>
<div class="textarea">
мэрия «founder's square»<br /><b>&rsaquo;</b> <br /><br />
мотель «twin pines overlook»<br /><b>&rsaquo;</b> <br /><br />
церковь «the good shepherd church»<br /><b>&rsaquo;</b> <br /><br />
кладбище норт-хэйвен «north haven cemetery»<br /><b>&rsaquo;</b> <br /><br />
общественный центр «haven community arts center»<br /><b>&rsaquo;</b> <br /><br />
яхт-клуб «haven yacht club»<br />
<b>&rsaquo;</b> <br />
</div>
</td>
</tr>
<tr>
<td>
<div class="yeseva ">частный бизнес</div>
</td>
<td width="2%"></td>
<td>
<div class="yeseva ">другое</div>
</td>
</tr>
<tr>
<td>
<div class="textarea">
бар «grey gull»<br/><b>&rsaquo;</b>
бармен &mdash; <a href="http://theredrum.ru/profile.php?id=294">Katarina Gallagher</a><br/><br /><b>&rsaquo;</b> <br /><br />
ресторан «valentino's ristorante»<br /><b>&rsaquo;</b> <br /><br />
мотель «altair bay inn»<br /><b>&rsaquo;</b> <br /><br />
бар «the shiny scupper»<br />
<b>&rsaquo;</b> <br />
</div>
</td>
<td width="2%"></td>
<td>
<div class="textarea"><b>&rsaquo;</b>
моделлер &mdash; <a href="http://theredrum.ru/profile.php?id=181">miles fowler</a><br/><b>&rsaquo;</b>
автомеханик &mdash; <a href="http://theredrum.ru/profile.php?id=283">James Ross</a><br/><b>&rsaquo;</b>
безработная &mdash; <a href="http://theredrum.ru/profile.php?id=297">Ariadna Ray</a><br/><b>&rsaquo;</b>
разнорабочий &mdash; <a href="http://theredrum.ru/profile.php?id=304">rust irby</a><br/><b>&rsaquo;</b>
мясник, разнорабочий &mdash; <a href="http://theredrum.ru/profile.php?id=315">milo rowdy</a><br/><b>&rsaquo;</b>
Доброволец в ПСО «Alert» &mdash; <a href="http://theredrum.ru/profile.php?id=311">Zoe Harrell</a><br/><b>&rsaquo;</b>
блогер, продавец в магазине техники и фото-салоне &mdash; <a href="http://theredrum.ru/profile.php?id=318">casper day</a><br/><b>&rsaquo;</b>
продавец в книжном магазине &mdash; <a href="http://theredrum.ru/profile.php?id=316">noel nemro</a><br/><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b> <br /><b>&rsaquo;</b></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
[/html]

Отредактировано Oscar Raven (2020-01-23 21:55:22)