СОДЕРЖАНИЕ | 1) Можно предложить описание не сюжетной, но колоритной и полезной локации. 2) Можно предложить описание (согласно общему формату) своего региона или Дома, если участник активен, инициативен, берет роль главы и куратора, ответственность развивать там игру и пр. Например, малые страны в Атрии (княжества, герцогства, малые королевства, города-государства), так и фракции в неописанных пока странах — внутренние регионы Шияра, потенциально новые государства вне карты (как Азия и т.п.). Однако важно учитывать: |
Основные Локации(география — основная матчасть) | Малые Локации(эта тема — от игроков) Подать свою локацию можно здесь. |
[html]<!-- 1. Сама кнопка -->
<div id="spoiler-open-all">
<button id="toggle-spoilers-btn" onclick="toggleSpoilersBeautiful()" onmouseover="updateBeautifulButton(true)" onmouseout="updateBeautifulButton(false)">
📂 Открыть все спойлеры
</button>
<span id="toggle-count"></span>
</div>
<!-- 2. Стили (CSS) -->
<style>
div#spoiler-open-all {
position: fixed;
display: block;
z-index: 9990;
/* РАЗМЕРЫ: Задаем жесткую высоту (четное число), чтобы не мылило */
width: 300px;
height: 30px;
/* ПОЗИЦИЯ: Центрируем математически, без дробных процентов */
top: 50%;
margin-top: -15px; /* Половина высоты 30px. Заменяет translateY(-50%) для четкости */
left: 50%;
margin-left: -688px; /* Ваш настроенный отступ */
/* Поворот кнопки вертикально */
transform: rotate(-90deg);
transform-origin: center center;
text-align: center;
/* Сброс лишнего */
right: auto;
bottom: auto;
/* Плавность при смене позиции */
transition: margin-left 0.3s ease;
}
/* Прижимаем кнопку к краю контейнера */
#toggle-spoilers-btn {
cursor: pointer;
border: none;
background: rgb(151, 67, 55);
color: white;
text-transform: uppercase;
/* ОТСТУПЫ: Подобраны так, чтобы высота кнопки была четной (13шрифт + 3 + 4 = 20px) */
padding: 3px 10px 4px;
/* НОВОЕ: Минимальная ширина, чтобы кнопка не меняла размер скачками при смене текста */
min-width: 210px;
font-family: Playfair, serif !important;
font-size: 13px;
font-weight: bold;
white-space: nowrap;
outline: none;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
border-radius: 0 0 8px 8px;
/* ОБНОВЛЕНО: Очень плавная анимация (0.6s с мягким замедлением) */
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.6s ease, color 0.4s ease;
/* Убираем хаки, возвращаем стандартный рендеринг */
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}
#toggle-count {
color: white;
margin-left: 5px;
font-size: 13px;
font-weight: 500;
/* Анимация исчезновения цифр */
opacity: 1;
transition: opacity 0.4s ease;
display: inline-block; /* Для корректной работы opacity */
}
</style>[/html]


















