[html]<style>
/* ===== ОБЩЕЕ ===== */
.orlando-guide {
max-width: 90%;
max-height: 600px; /* МАКСИМАЛЬНАЯ ВЫСОТА */
overflow-y: auto; /* ПРОКРУТКА ПРИ ПРЕВЫШЕНИИ */
margin: 20px auto;
background: var(--gray-alpha-60-color);
border-radius: 12px;
padding: 20px;
font-family: var(--default-font-family), sans-serif;
color: var(--light-gray-color);
border: var(--gray-30-dashed-border);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
position: relative;
box-shadow: 2px 3px 9px rgba(0, 0, 0, 0.8);
}
.orlando-guide::before {
content: "";
position: absolute;
inset: 0;
background: url('https://i.ibb.co/0pbj2x70/e296a2cd1d86fc8f89be7315464e5df2426f465f.png') center/cover no-repeat;
opacity: 0.1;
z-index: 0;
}
.orlando-guide > * {
position: relative;
z-index: 1;
}
/* Стилизация скроллбара для всего виджета */
.orlando-guide::-webkit-scrollbar {
width: 8px;
}
.orlando-guide::-webkit-scrollbar-track {
background: var(--gray-alpha-10-color);
border-radius: 4px;
}
.orlando-guide::-webkit-scrollbar-thumb {
background: var(--orange-color);
border-radius: 4px;
}
.orlando-guide::-webkit-scrollbar-thumb:hover {
background: #d35400;
}
/* ===== ЗАГОЛОВОК ===== */
.orlando-header {
text-align: center;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: var(--gray-30-dashed-border);
}
.orlando-title {
font-family: var(--second-font-family), serif;
font-size: 28px;
color: var(--light-gray-color);
margin-bottom: 8px;
}
.orlando-subtitle {
font-size: 14px;
color: var(--orange-color);
font-style: italic;
}
/* ===== СЕТКА ===== */
.orlando-grid {
display: grid;
grid-template-columns: 0.8fr 1.3fr;
gap: 5px;
margin-top: 10px;
}
/* ===== КАРТОЧКИ ===== */
.orlando-card {
background: var(--gray-alpha-30-color);
border-radius: 10px;
padding: 20px;
position: relative;
border: 1px solid var(--gray-alpha-10-color);
}
.orlando-card-title {
position: absolute;
top: -12px;
left: 20px;
background: var(--orange-color);
color: var(--light-gray-color);
padding: 6px 20px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
/* ===== ЛЕВАЯ КАРТОЧКА (Внешности) ===== */
.orlando-faces {
margin-top: 10px;
}
.orlando-date {
font-size: 11px;
color: var(--orange-color);
text-align: center;
margin-bottom: 20px;
font-weight: bold;
}
/* Колонки с внешностями */
.orlando-columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 20px;
}
.orlando-column {
display: flex;
flex-direction: column;
}
.orlando-column-header {
font-size: 13px;
font-weight: bold;
margin-bottom: 12px;
padding: 8px;
background: var(--gray-alpha-10-color);
border-radius: 6px;
text-align: center;
color: var(--light-gray-color);
border-left: 3px solid var(--orange-color);
}
/* Списки внешностей */
.orlando-faces-list {
list-style: none;
padding: 0;
margin: 0;
height: 220px;
overflow-y: auto;
}
.orlando-faces-list li {
padding: 6px 0;
border-bottom: var(--gray-30-dashed-border);
font-size: 12px;
line-height: 1.4;
}
.orlando-faces-list li:last-child {
border-bottom: none;
}
.orlando-faces-list a {
color: var(--orange-color) !important;
text-decoration: none;
font-weight: bold;
}
.orlando-faces-list a:hover {
text-decoration: none;
color: var(--light-gray-color) !important;
}
/* Гости */
.orlando-guests-section {
margin-top: 20px;
padding-top: 20px;
border-top: var(--gray-30-dashed-border);
}
.orlando-guests-header {
font-size: 13px;
font-weight: bold;
margin-bottom: 12px;
padding: 8px;
background: var(--gray-alpha-10-color);
border-radius: 6px;
text-align: center;
color: var(--light-gray-color);
}
.orlando-guests-list {
list-style: none;
padding: 0;
margin: 0;
max-height: 100px;
overflow-y: auto;
font-size: 12px;
}
.orlando-guests-list li {
padding: 5px 0;
border-bottom: var(--gray-30-dashed-border);
}
.orlando-guests-list li:last-child {
border-bottom: none;
}
/* ===== ПРАВАЯ КАРТОЧКА (Информация) ===== */
.orlando-info {
margin-top: 10px;
}
.orlando-welcome {
font-size: 13px;
line-height: 1.6;
margin-bottom: 20px;
}
.orlando-welcome p {
margin-bottom: 12px;
}
/* ===== ПРОСТЫЕ КОНТАКТЫ ===== */
.orlando-contacts-simple {
margin: 20px 0;
padding: 12px;
background: var(--gray-alpha-10-color);
border-radius: 8px;
border-left: 3px solid var(--orange-color);
font-size: 12px;
}
.orlando-contacts-simple strong {
display: block;
margin-bottom: 8px;
color: var(--light-gray-color);
}
.orlando-contact-name {
display: inline-block;
position: relative;
margin-right: 15px;
margin-bottom: 5px;
}
.orlando-contact-name a {
color: var(--orange-color) !important;
text-decoration: none;
border-bottom: 1px dotted var(--orange-color);
padding: 2px 0;
}
.orlando-contact-name a:hover {
color: var(--light-gray-color) !important;;
}
.orlando-contact-hint {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background: var(--gray-alpha-100-color);
color: var(--light-gray-color);
padding: 6px 10px;
border-radius: 4px;
font-size: 11px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease;
pointer-events: none;
z-index: 10;
border: 1px solid var(--gray-alpha-30-color);
}
.orlando-contact-hint::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: var(--gray-alpha-100-color) transparent transparent transparent;
}
.orlando-contact-name:hover .orlando-contact-hint {
opacity: 1;
visibility: visible;
bottom: calc(100% + 8px);
}
.orlando-rules-section {
margin-top: 20px;
padding-top: 20px;
border-top: var(--gray-30-dashed-border);
}
.orlando-rules-title {
font-size: 13px;
font-weight: bold;
margin-bottom: 15px;
color: var(--orange-color);
}
.orlando-rules-list {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 1.5;
}
.orlando-rules-list li {
padding: 6px 0;
padding-left: 20px;
position: relative;
}
.orlando-rules-list li::before {
content: '✦';
position: absolute;
left: 0;
color: var(--orange-color);
}
/* ===== СКРОЛЛБАРЫ ===== */
.orlando-faces-list::-webkit-scrollbar,
.orlando-guests-list::-webkit-scrollbar {
width: 4px;
}
.orlando-faces-list::-webkit-scrollbar-track,
.orlando-guests-list::-webkit-scrollbar-track {
background: var(--gray-alpha-10-color);
border-radius: 2px;
}
.orlando-faces-list::-webkit-scrollbar-thumb,
.orlando-guests-list::-webkit-scrollbar-thumb {
background: var(--orange-color);
border-radius: 2px;
}
/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 900px) {
.orlando-grid {
grid-template-columns: 1fr;
}
.orlando-columns {
grid-template-columns: 1fr;
gap: 15px;
}
}
@media (max-width: 600px) {
.orlando-guide {
padding: 15px;
margin: 15px auto;
}
.orlando-title {
font-size: 24px;
}
.orlando-card {
padding: 15px;
}
.orlando-card-title {
left: 15px;
padding: 5px 15px;
font-size: 11px;
}
}
@media (max-width: 420px) {
.orlando-title {
font-size: 20px;
}
.orlando-subtitle {
font-size: 12px;
}
.orlando-faces-list,
.orlando-guests-list {
font-size: 11px;
}
.orlando-welcome {
font-size: 12px;
}
}
</style>
<div class="orlando-guide">
<div class="orlando-header">
</div>
<div class="orlando-grid">
<!-- ЛЕВАЯ КАРТОЧКА - ВНЕШНОСТИ -->
<div class="orlando-card">
<div class="orlando-card-title">ПРИДЕРЖАННЫЕ ВНЕШНОСТИ</div>
<div class="orlando-faces">
<div class="orlando-date">За жителями</div>
<!-- Две колонки с внешностями -->
<div class="orlando-columns">
<!-- ДАМЫ -->
<div class="orlando-column">
<div class="orlando-column-header">ДАМЫ</div>
<ul class="orlando-faces-list">
<li>dakota johnson— <a href="https://phantomdance.rusff.me/profile.php?id=7">opalite</a></li>
<li>elle fanning— <a href="https://phantomdance.rusff.me/profile.php?id=10">кармическая бомба</a></li>
<li>madelyn cline— <a href="https://phantomdance.rusff.me/profile.php?id=10">кармическая бомба</a></li>
<li>mädchen amick — <a href="https://phantomdance.rusff.me/profile.php?id=19">alter</a></li>
<li>madison beer — <a href="https://phantomdance.rusff.me/profile.php?id=17">joker</a></li>
<li>megan fox— <a href="https://phantomdance.rusff.me/profile.php?id=15">жигуль</a></li>
<li>millie bobby brown — <a href="https://phantomdance.rusff.me/profile.php?id=23">ненависть опозданская</a></li>
<li>krysten ritter — <a href="https://phantomdance.rusff.me/profile.php?id=12">cthulhu fhtagn</a></li>
<li>natalia dyer <a href="https://phantomdance.rusff.me/profile.php?id=18">весна</a></li>
<li>sydney sweeney — <a href="https://phantomdance.rusff.me/profile.php?id=23">ненависть опозданская</a></li>
<li>tati gabriel — <a href="https://phantomdance.rusff.me/profile.php?id=4">Serpent</a></li>
</ul>
</div>
<!-- ГОСПОДА -->
<div class="orlando-column">
<div class="orlando-column-header">ГОСПОДА</div>
<ul class="orlando-faces-list">
<li>ben barnes— <a href="https://phantomdance.rusff.me/profile.php?id=17">joker</a></li>
<li>callum turner— <a href="https://phantomdance.rusff.me/profile.php?id=7">opalite</a></li>
<li>charlie hunnam — <a href="ссылка_на_профиль">bugs</a></li>
<li>christian yu — <a href="https://phantomdance.rusff.me/profile.php?id=11">cол</a></li>
<li>daniel sharman — <a href="https://phantomdance.rusff.me/profile.php?id=4">Serpent</a></li>
<li>drew starkey — <a href="https://phantomdance.rusff.me/profile.php?id=11">cол</a></li>
<li>finn wolfhard <a href="https://phantomdance.rusff.me/profile.php?id=6">из пробирки</a></li>
<li>harris dickinson— <a href="https://phantomdance.rusff.me/profile.php?id=10">кармическая бомба</a></li>
<li>haley lu richardson— <a href="https://phantomdance.rusff.me/profile.php?id=14">grandma, its me</a></li>
<li>jack lowden— <a href="https://phantomdance.rusff.me/profile.php?id=7">opalite</a></li>
<li>jacob elordi — <a href="https://phantomdance.rusff.me/profile.php?id=13">bugs bunny</a></li>
<li>joe keery— <a href="https://phantomdance.rusff.me/profile.php?id=5">капитан.</a></li>
<li>josh hueston — <a href="https://phantomdance.rusff.me/profile.php?id=4">Serpent</a></li>
<li>luke evans— <a href="https://phantomdance.rusff.me/profile.php?id=9">не хтонь</a></li>
<li>mads mikkelsen — <a href="https://phantomdance.rusff.me/profile.php?id=21">,блудный кот</a></li>
<li>neil newbon — <a href="https://phantomdance.rusff.me/profile.php?id=21">,блудный кот</a></li>
<li>noah schnapp <a href="https://phantomdance.rusff.me/profile.php?id=5">капитан.</a></li>
<li>toby regbo— <a href="https://phantomdance.rusff.me/profile.php?id=20">Diva</a></li>
</div>
</div>
<!-- ГОСТИ -->
<div class="orlando-guests-section">
<div class="orlando-guests-header">ГОСТИ (на сутки)</div>
<ul class="orlando-guests-list">
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
</ul>
</div>
</div>
</div>
<!-- ПРАВАЯ КАРТОЧКА - ИНФОРМАЦИЯ -->
<div class="orlando-card">
<div class="orlando-card-title">ИНФОРМАЦИЯ И ПРАВИЛА</div>
<div class="orlando-info">
<div class="orlando-welcome">
<p>Добро пожаловать в Орландо — город, где за блеском фейерверков над замком Золушки скрывается изнанка реальности. Здесь туристический рай соседствует с криминальными районами, а древняя мистика проникает в повседневность.</p>
<p>Вы можете стать скептиком-обывателем, медиумом, одержимым или членом тайной секты. Жить обычной жизнью или начать искать ответы на вопросы - выбор лишь ваш!</p>
</div>
<!-- Простые контакты -->
<div class="orlando-contacts-simple">
<strong>По вопросам обращаться к:</strong>
<div>
<span class="orlando-contact-name">
<a href="/profile.php?id=4">Serpent</a>
<span class="orlando-contact-hint">Матчасть и все остальное</span>
</span>
<span class="orlando-contact-name">
<a href="https://phantomdance.rusff.me/profile.php?id=3">Чайка</a>
<span class="orlando-contact-hint">Владыка кодов</span>
</span>
</div>
По желанию, вы можете присоединиться к команде, заполнив форму ниже. Находимся в поисках модератора, квестовика.
</div>
<div class="orlando-rules-section">
<div class="orlando-rules-title">ОСНОВНЫЕ ПРАВИЛА:</div>
<ul class="orlando-rules-list">
<li>Внешности за гостями резервируются на 24 часа</li>
<li>За постоянными игроками — до открытия форума</li>
<li>Для сохранения внешности активность не реже 1 раза в 3 дня</li>
<li>Твинки разрешены</li>
<li>Вы можете либо придержать 3 внешности на 1 профиль, либо создать 3 профиля</li>
</ul>
</div>
</div>
</div>
</div>
</div>[/html]
Код для внешности:
<li>name surname— <a href="ссылка_на_профиль">nickname</a></li>
Код для вступления в команду (можно спрятать под хайд):
[b]1. Желаемая роль[/b] [i](квестовик, модератор, ивентщик или можно предложить свою)[/i] [b]2. Чем можешь заниматься?[/b] [b]3. Ник в тг для связи[/b]
