биржа труда

[html]<script type="text/javascript">
$(document).ready(function(){
$("#banner_1").click(function(){
$("#vkladka1").fadeToggle();
$("#vkladka2").hide();
});

$("#banner_2").click(function(){
$("#vkladka1").hide();
$("#vkladka2").fadeToggle();
});
});
</script>

.textt {
margin: 80px 0px 0px 30px;
padding: 0px 150px 0px 5px;
width: 520px;
height: 580px;
overflow-y: auto;
font-family: Verdana, sans-serif;
font-size: 10px;
color: #252422;
text-align: center;
line-height: 1.6;
position: absolute;
}

/* Стилизация скролла */
.textt::-webkit-scrollbar { width: 3px; }
.textt::-webkit-scrollbar-thumb { background: #afaa9e; }

.textt a { color: var(--link) !important; text-decoration: none; font-weight: bold; }
.textt a:hover { color: var(--link-hover) !important; text-decoration: underline; }

.oformlenie_knopki {
cursor: pointer;
display: inline-block;
margin-top: 120px;
padding-top: 10px;
text-align: center;
width: 150px;
font-family: 'Yeseva One', Garamond, serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #afaa9e;
text-shadow: 1px 1px 1px #15110f;
transition: 0.3s;
box-sizing: border-box;
}

.oformlenie_knopki:hover { color: #c5c2bc; letter-spacing: 1px; }

#banner_1 { margin-left: 50px; }
#banner_2 { margin-left: 190px; }

/* --- СТИЛИ НАПОЛНЕНИЯ (БИРЖА) --- */
.birzha-grid {
display: grid;
grid-template-columns: 1fr 1fr; /* 2 колонки*/
gap: 15px;
margin-top: 10px;
}

.birzha-item {
vertical-align: top;
}

.birzha-item b {
display: block;
font-family: 'Yeseva One', Garamond, serif;
color: #594423;
text-transform: uppercase;
font-size: 10px;
margin-bottom: 5px;
border-bottom: 1px solid #bcb5a5;
}

.birzha-item ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 10px;
}

.birzha-item li {
padding-left: 8px;
position: relative;
margin-bottom: 2px;
}

.birzha-item li::before {
content: "•";
position: absolute;
left: 0;
color: #89807c;
}

.birzha-wide {
margin-top: 25px;
padding-top: 10px;
border-top: 2px double #bcb5a5;
}

.birzha-wide b {
font-family: 'Yeseva One', Garamond, serif;
color: #594423;
display: block;
text-align: center;
margin-bottom: 10px;
}

/* --- Стили для Тайных Обществ (v2) --- */

/* Сетка для четырех основных блоков */
.societies-grid {
display: grid;
grid-template-columns: 1fr 1fr; /* 2 колонки */
grid-template-rows: auto auto; /* 2 ряда */
gap: 30px 20px; /* Отступы: 30px между рядами, 20px между колонками */
margin-top: 15px;
text-align: center;
padding-right: 10px; /* Небольшой отступ справа, чтобы не упиралось в край */
}

.society-container { /* Обертка для каждого из 4-х блоков */
display: flex;
flex-direction: column;
align-items: center;
}

/* Заголовок организации */
.society-title {
font-family: 'Yeseva One', Garamond, serif;
font-size: 18px; /* Крупнее */
font-weight: bold;
text-transform: uppercase;
color: #594423; /* коричневый акцент */
line-height: 1.1;
margin-bottom: 8px;
padding-bottom: 5px;
border-bottom: 2px solid #bcb5a5; /* Подчеркивание */
width: 90%; /* Шире */
}

/* Подзаголовки отделов/должностей */
.society-subtitle {
font-family: Verdana, sans-serif;
font-size: 11px; /* Чуть крупнее, чем раньше */
text-transform: uppercase; /* Всегда верхний регистр */
font-weight: bold;
color: #89807c; /* Приглушенный цвет */
margin-top: 10px; /* Добавим отступ сверху, чтобы разделить блоки */
margin-bottom: 3px;
width: 90%;
}

/* Блок с игроками */
.society-players {
font-family: Verdana, sans-serif;
font-size: 11px;
color: #252422;
line-height: 1.5; /* Чуть больше межстрочного расстояния */
margin-top: 2px;
margin-bottom: 5px; /* Небольшой отступ после игроков */
width: 90%;
}

/* Стилизация ссылок-ников */
.society-players a {
display: inline-block;
margin: 2px 5px; /* Небольшой отступ между никами */
color: var(--link) !important; /* Используем переменные */
text-decoration: none;
font-weight: bold;
}

.society-players a:hover {
color: var(--link-hover) !important;
text-decoration: underline;
}

/* Специальный стиль для двух строк подзаголовка (как у Отдела "П") */
.special-subtitle-line {
font-family: Verdana, sans-serif;
font-size: 10px; /* Чуть мельче, для детализации */
font-weight: normal; /* Не жирный */
text-transform: lowercase; /* Не верхний регистр */
font-style: italic;
color: #afaa9e; /* Светлее */
margin-top: 2px;
margin-bottom: 2px;
width: 90%;
}
</style>

<div class="menutabs">

<div class="oformlenie_knopki" id="banner_1">Городская занятость</div>
<div class="oformlenie_knopki" id="banner_2">Тайные общества</div>

<div class="textt" id="vkladka1">
<center><h2 style="font-family: 'Yeseva One'; text-transform: uppercase; color: #594423; font-size: 16px;">Биржа труда</h2></center>

<div class="birzha-grid">
<div class="birzha-item">
<b>ГОРОДСКОЕ УПРАВЛЕНИЕ</b>
<ul>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=10">Екатерина Филатова</a> - архитектор</li>
<li></li>
</ul>
</div>

<div class="birzha-item">
<b>МЧС РОССИИ</b>
<ul>
<li></li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=3">Василиса Звягинцева</a> - начальница пожарной охраны</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=45">Мирослав Столетов</a> - Капитан МЧС, аварийно-спасательный</li>
</ul>
</div>

<div class="birzha-item">
<b>МВД И ПРАВО</b>
<ul>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=18">Дмитрий Волков
</a> - следственный комитет, майор</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=11">Елизавета Решетникова</a> - юрист «crane team int.»</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=36">Иван Соболев</a> - начальник управления уголовного розыска</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=37">Юлия Ветрова</a> - следователь следственного комитета</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=38">Фёдор Бондарев</a> - оперуполномоченный управления уголовного розыска</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=21">Ярослав Аксёнов</a> - управление уголовного розыска, майор</li>
</ul>
</div>

<div class="birzha-item">
<b>МИНЗДРАВ</b>
<ul>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=19">Александр Морозов
</a> - морг городской многопрофильной больницы №2, лаборант</li>
<li></li>
</ul>
</div>

<div class="birzha-item">
<b>НАУКА И ОБРАЗОВАНИЕ</b>
<ul>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=15">Аврора Аллен
</a> - доцент, кандидат искусствоведения в СПбГУ</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=8">Алёна Лебедева</a> - школьница</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=32">Иван Царёв</a> - директор центра дополнительного детского образования</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=24">Тина Кройве</a> - студентка факультета искусствоведения</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=9">Генриетта Яновская</a> - заведующая исторической кафедрой в СПбГУ</li>
</ul>
</div>

<div class="birzha-item">
<b>КУЛЬТУРА И СПОРТ</b>
<ul>
<li></li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=4">Серафим Воронин</a> - тренер молодежной сборной по хоккею</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=28">Егор Демидов</a> - охранник спортивного комплекса</li>
</ul>
</div>

<div class="birzha-item">
<b>БИЗНЕС</b>
<ul>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=7">Алекс Штадлер</a> - ceo «crane team int.»</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=26">Елена Вяземская</a> - coo «crane team int.»</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=22">Владислав Зимин</a> - владелец магазина артефактов «Тщетность бытия»</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=27">Витослава Марич</a> - книжный магазин «Фолиант», продавец.</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=30">Виктор Гервальд</a> - владелец продюсерского центра "Логос"</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=31">Сергей Гордеев</a> - владелец тату-салона «Niflheimr», тату-мастер</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=13">Софья Ланская</a> - администратор клуба</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=35">Ульяна Исаева</a> - шоу-бизнес, певица/модель </li>
</ul>
</div>
</div>

<div class="birzha-wide">
<b>ИНОЕ, КРИМИНАЛ И БЕЗРАБОТИЦА</b>
<ul>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=17">Алиса Егорова</a> - тату-мастер</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=44">Виктор Звягинцев</a> - курьер</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=29">Егор Бантеев</a> - звукорежиссер</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=39">Кира Изотова</a> - HR-менеджер</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=12">Марк Гребенщиков</a> - член опг «Север», барыга</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=41">Мара Свон</a> - переводчик</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=40">Пётр Мурин</a> - безработный</li>
<li><a href="https://nevskiicodex.rusff.me/profile.php?id=43">Саня Ярцева</a> - бродяжка, воровка</li>
<li></li>
<li></li>
</ul>
</div>
</div>

<div class="textt" id="vkladka2" style="display:none">
<div class="societies-grid">

<div class="society-container">
<div class="society-title">ХРАНИТЕЛИ</div>
<div class="society-subtitle">Старший Хранитель:</div>
<div class="society-players">
<a href="https://nevskiicodex.rusff.me/viewtopic.php?id=53#p1337">Матеуш Раткевич [npc]</a>
</div>
<div class="society-subtitle">Внутренний Круг:</div>
<div class="society-players">
</div>
<div class="society-subtitle">Информационно-Аналитический Отдел:</div>
<div class="society-players">
<a href="https://nevskiicodex.rusff.me/profile.php?id=26">Елена Вяземская</a><br>
</div>
<div class="society-subtitle">Оперативно-Следственный Отдел:</div>
<div class="society-players">
</div>
<div class="society-subtitle">Судебный Отдел:</div>
<div class="society-players">
<a href="https://nevskiicodex.rusff.me/profile.php?id=26">Елена Вяземская</a><br>
</div>
<div class="society-subtitle">Отдел Зачистки:</div>
<div class="society-players">
</div>
</div>

<div class="society-container">
<div class="society-title">ЕГЕРЯ</div>
<div class="society-subtitle">Мастер-охотник:</div>
<div class="society-players">
<a href="https://nevskiicodex.rusff.me/viewtopic.php?id=52#p1331">Авраам Хмилевский [npc]</a>
</div>
<div class="society-subtitle">Координаторы:</div>
<div class="society-players">
</div>
<div class="society-subtitle">Резервисты</div>
<div class="society-players">
</div>
<div class="society-subtitle">Следопыты</div>
<div class="society-players">
<a href="https://nevskiicodex.rusff.me/profile.php?id=3">Василиса Звягинцева</a><br>
<a href="https://nevskiicodex.rusff.me/profile.php?id=9">Генриетта Яновская</a><br>
</div>
<div class="society-subtitle">Книжники</div>
<div class="society-players">
</div>
<div class="society-subtitle">Аптекари</div>
<div class="society-players">
</div>
<div class="society-subtitle">Ученики</div>
<a href="https://nevskiicodex.rusff.me/profile.php?id=41">Мара Свон</a><br>
<div class="society-players">
</div>
</div>

<div class="society-container">
<div class="society-title">ОТДЕЛ "П"</div>
<div class="society-subtitle">Администратор</div>
<div class="special-subtitle-line">уровень доступа 6</div>
<div class="society-players">
<a href="#">Валентина Гриенко [npc]</a>
</div>
<div class="society-subtitle">Триумвират</div>
<div class="society-players">
</div>
<div class="society-subtitle">НИИТИЭР</div>
<div class="society-players">
</div>
<div class="society-subtitle">О-СОЗНАНИЕ</div>
<div class="society-players">
</div>
<div class="society-subtitle">ЗАРЯ</div>
<div class="society-players">
</div>
</div>

<div class="society-container">
<div class="society-title">ИМПЕРАТОРСКИЙ КОВЕН</div>
<div class="society-subtitle">Архимаг</div>
<div class="society-players">
<a href="#">Ольга Белогорова [npc]</a>
</div>
<div class="society-subtitle">Магистериум</div>
<div class="society-players">
</div>
<div class="society-subtitle">Сфера Образования</div>
<div class="society-players">
</div>
<div class="society-subtitle">Сфера Торгов</div>
<div class="society-players">
</div>
<div class="society-subtitle">Сфера Искусств</div>
<div class="society-players">
</div>
<div class="society-subtitle">Сфера Обороны</div>
<div class="society-players">
</div>
</div>
</div>
[/html]

Невский Кодекс

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

биржа труда

Сообщений 1 страница 1 из 1

Поделиться12026-01-26 16:36:39