[html]
<div class="nymap">
<!--Тюрьма Хартсфилд-->
<span class="tooltip2" style="top: 667px; left: 410px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Тюрьма Хартсфилд</b>, открытая в 2022 году и построенная по самым современным
технологиям, вмещает в себя
до 219 заключённых.
В основном используется для временного содержания,
до и во время проведения следственных мероприятий и суда.</p>
</em2>
</span>
<!--Окружной суд и офис прокурора округа Кинг-->
<span class="tooltip2" style="top: 297px; left: 305px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Окружной суд и офис прокурора округа Кинг</b> историческое здание, в котором судили ещё вашего
прадеда – любителя за неподобающее поведение в общественном месте. Несмотря на громкое название, местный
судья и прокурор чаще сталкиваются с делами о невыплате алиментов или систематическом вождении в
нетрезвом виде, чем с кровавыми убийствами.</p>
</em2>
</span>
<!--Пожарная часть и станция скорой помощи-->
<span class="tooltip2" style="top: 455px; left: 285px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Пожарная часть и станция скорой помощи</b>, два в одном, так сказать. Заправляют всем шеф и парамедик,
которые не всегда находят общий язык, но готовы в любой момент выехать на помощь. В последнее время
участились случаи странных звонков, поступающих на линию и вызывающих пожарных к давно сгоревшим или
заброшенным домам. Пока пранкер не пойман.</p>
</em2>
</span>
<!-- Маяк-->
<span class="tooltip2" style="top: 875px; left: 312px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/83613.png">
<em2>
<p id="pop"><b>Маяк</b> – одиноко возвышается на острове в заливе, являясь
излюбленным фоном для фотографий туристов. Об этом месте ходит множество легенд, о которых с
удовольствием за бокальчиком чего покрепче поведают вам местные завсегдатаи баров.</p>
</em2>
</span>
<!--Церковь и кладбище Мерч Холт-->
<span class="tooltip2" style="top: 371px; left: 50px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Церковь и кладбище Мерч Холт</b> – единственное кладбище, на котором сейчас хоронят жителей.
Расположенная рядом католическая церковь является старейшей в городе.</p>
</em2>
</span>
<!--Мемориальная больница Денборо-->
<span class="tooltip2" style="top: 280px; left: 144px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Мемориальная больница Денборо</b> – та самая с заброшенным крылом, но если смотреть на неё в отрыве от
байки, то хорошо оснащённая больница со своей вертолётной площадкой, но ночью в коридоры лучше не
выходить.</p>
</em2>
</span>
<!--Начальная школа Кермита Никельсона-->
<span class="tooltip2" style="top: 296px; left: 240px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Начальная школа Кермита Никельсона</b> – Была основана мистером Никельсоном на свои деньги в 1940
году, после того как вся его семья погибла в пожаре. Кермит сам же и обучал детей, был приятным
старичком, которого все до сих пор вспоминают с уважением.</p>
</em2>
</span>
<!--Средняя школа Корнспрингс-->
<span class="tooltip2" style="top: 399px; left: 114px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Средняя школа Корнспрингс</b> – здесь дети обучаются с 5 по 8 класс, ничем не примечательна, разве
что, подростки с завидной регулярностью пытаются самовыразиться, рисуя неприличные граффити на стенах
школы или воруя флаг с флагштока.</p>
</em2>
</span>
<!--Старшая школа Юнион ривер-->
<span class="tooltip2" style="top: 262px; left: 210px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Старшая школа Юнион ривер</b> — Печально знаменитая после выпускного 2011 школа. Хотя спортзал
отстроили, а проводку обновили во всём историческом здании, в годовщину трагедии кто-то из учеников да
пожалуется на запах гари.</p>
</em2>
</span>
<!--Департамент полиции-->
<span class="tooltip2" style="top: 370px; left: 150px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Департамент полиции</b> – новое современное здание департамента вызывает постоянную зависть у соседей
из управления шерифа, напротив. Полиция в Блэкпайнс занимается обеспечением правопорядка, борьбой с
преступлениями и арестами в черте города.</p>
</em2>
</span>
<!--Управление шерифа округа Кинг-->
<span class="tooltip2" style="top: 378px; left: 110px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Управление шерифа округа Кинг</b> – расположено в одном из старейших зданий на Кингс роуд. Если
полиция отвечает за город, то управление за весь округ. Помимо традиционных правоохранительных функций
вроде патруля, эти ребята отвечают за управление окружными тюрьмами, охрану судов и выдачу юридических
документов, таких как ордера.</p>
</em2>
</span>
<!--Доки-->
<span class="tooltip2" style="top: 780px; left: 71px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Доки</b> — Рядом со старенькими рыболовецкими судами, красуются белоснежные парусные яхты, на которых
туристов вывозят к океану или к маяку.</p>
</em2>
</span>
<!--Рыбзавод-->
<span class="tooltip2" style="top: 660px; left: 45px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Рыбзавод</b> — долгое время он обеспечивал изрядную долю доходов Блэкпайнс, но даже тогда жителей
смущал отвратительный запах, распространяющийся от построек. Раз в два месяца, мэру на стол ложится
очередная петиция с требованием проверки завода на соответствие экологическим нормам штата. Владеющая
этим местом семья Дейли отрицает любые нарушения.</p>
</em2>
</span>
<!--Дамба и электростанция-->
<span class="tooltip2" style="top: 600px; left: 62px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Дамба и электростанция</b> — выдаёт около 30 000 мегаватт-часов каждый год, что около 1% от всей
гидроэнергетики штата Мэн. Дамба была спонсировала, и построена семьёй Сканланов в 1907 году, а в 1923
стала, по мнению жителей, причиной крупного потопа.</p>
</em2>
</span>
<!--Химический завод Эмера-->
<span class="tooltip2" style="top: 510px; left: 210px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Химический завод Эмера</b> — открыт в середине 2024 года. Помимо привлечения новых инвестиций и
создания рабочих мест, знаменит тем, что был построен на месте выгоревшего в 1933 году леса, который к
2022 успел восстановиться, но был нещадно вырублен, что привело к недовольству части местного населения.
</p>
</em2>
</span>
<!--Бумажно-целлюлозный завод-->
<span class="tooltip2" style="top: 670px; left: 200px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Бумажно-целлюлозный завод</b> — расположен на самой кромки леса для удобства вырубки и доставки сырья.
Кто-то из местных уже беспокоится о том, что экологии и туризму в Блэкпайнс скоро придёт конец.
Прескоттов, спонсирующих это предприятия, интересует лишь прибыль, они и так слишком долго ждали, пока
смогут распорядиться землёй, которой они владели не одно столетие.</p>
</em2>
</span>
<!--Частный университет Кирби-->
<span class="tooltip2" style="top: 225px; left: 35px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Частный университет Кирби</b> — частное учебное заведение, основанное в 1900 году и пережившее за свою
историю множество взлётов и падений. Вмещает в себя 1 950 студентов. Помимо классического метода
получения образования, некоторые профессии можно освоить путём онлайн-обучения. Среди направлений вы не
найдёте искусство или юриспруденцию. Отсюда выходят люди с более практичными профессиями: специалисты
айти, учителя, менеджеры и даже полицейские. Талисманом университета является лягушонок Кирби, что
служит нескончаемым поводом для шуток, особенно на матчах по футболу, иногда дело доходит до драк. </p>
</em2>
</span>
<!--Кэмпинг Форест-ридж-->
<span class="tooltip2" style="top: 163px; left: -55px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Кэмпинг Форест-ридж</b> — Начинался как небольшой семейный бизнес с несколькими палатками и старым
трейлером. За годы существования обзавёлся 30 кэмперами и несколькими коттеджами под сдачу, но не
беспокойтесь, если вы фанат отдыха с палатками к вашим услугам 23 акра девственного леса.</p>
</em2>
</span>
<!--Мэрия-->
<span class="tooltip2" style="top: 325px; left: 38px"><img
src="https://forumupload.ru/uploads/001c/3c/e5/6/588549.png">
<em2>
<p id="pop"><b>Мэрия</b> — построена после ужасного пожара 1934 года, уничтожившего старую мэрию и большую часть
делового района города. Здание построено в георгианском стиле и входит в национальный реестр
исторических мест.</p>
</em2>
</span>
</div>
<style>
.nymap {
background: url(https://i.imgur.com/oxZytVt.png);
background-repeat: no-repeat;
background-size: contain;
width: 792px;
height: 950px;
margin: 0px 50px;
}
.tooltip2 {
position: relative;
display: inline;
}
.tooltip2 em2 {
display: inline;
transition: all 0.5s ease-in-out 0s;
opacity: 1;
right: -115px !important;
position: absolute;
text-align: left;
width: 144px;
height: 18px;
top: -100px;
transform: scaleX(1);
transform-origin: left;
opacity: 0;
visibility: hidden;
}
.tooltip2:hover em2 {
position: absolute;
width: 144px;
height: 18px;
z-index: 99;
transform: scaleX(1);
top: -130px;
opacity: 1;
visibility: visible;
}
.tooltip2 img {
transition: all 0.5s ease-in-out 0s;
}
.tooltip2:hover img {
transform: scale(.8) translateY(15px)
}
.tooltip2:hover em2 img {
transform: scale(1) translateY(0px)
}
em2 p {
width: 215px;
background-color: #b7b5b5;
color: black;
text-align: justify;
border-radius: 3px;
padding: 5px 5px;
}
#pop {
padding: 10px 10px;
}
</style>
[/html]