[hideprofile]
[html]<style>
.text-tabs {
width: 100%;
max-width: auto;
margin: 20px auto;
box-sizing: border-box;
border: 0px solid blue;
}
/* скрываются настоящие radio-кнопки */
.text-tabs > input {
display: none;
}
/* Общая область: кнопки + текст */
.tabs-layout {
display: flex;
align-items: stretch;
margin: 5px;
}
/* верхняя картинка*/
.bigpictureontop {
height: 220px;
width: auto;
background: url('https://upforme.ru/uploads/001c/53/e7/9/638314.png') center center / cover no-repeat;
margin-bottom: -40px;
}
/* боковые кнопочки */
.tabs-buttons {
display: flex;
flex: 1;
flex-direction: column;
gap: 2px;
}
.tabs-buttons label {
display: flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 5px;
background: #6e7864;
box-sizing: border-box;
text-align: center;
cursor: pointer;
font-size: 12px;
color: green;
}
.tabs-buttons label:hover {
background: #58684f;
}
/* текстовая область */
.tabs-content {
position: relative;
height: 700px;
max-width: 700px;
padding: 15px;
border: 2px solid #c4c7a9;
box-sizing: border-box;
overflow-y: auto;
background: #d6d7c0;
font-size: 10px;
color: black;
}
/* все вкладки скрыты по умолчанию */
.tab-panel {
display: none;
}
.big-title {
font-size: 30px;
color: blue;
text-transform: uppercase;
background-color: #2d3327;
text-align: center;
text-color: #f1f0d9;
padding: 5px 0px;
margin: 10px 0px;
}
.small-title {
font-size: 20px;
color: blue;
text-transform: uppercase;
background-color: #e4e7d3;
text-align: center;
text-color: #f1f0d9;
padding: 5px 0px;
margin: 10px 0px;
}
/* показ нужной вкладки */
#text-tab-1:checked ~ .tabs-layout .tab-panel-1,
#text-tab-2:checked ~ .tabs-layout .tab-panel-2,
#text-tab-3:checked ~ .tabs-layout .tab-panel-3,
#text-tab-4:checked ~ .tabs-layout .tab-panel-4,
#text-tab-5:checked ~ .tabs-layout .tab-panel-5 {
display: block;
animation: tab-slide-in 2s ease;
}
/* въезд слева */
@keyframes tab-slide-in {
from {
opacity: 0;
transform: translateX(-90px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* активная кнопка */
#text-tab-1:checked ~ .tabs-layout label[for="text-tab-1"],
#text-tab-2:checked ~ .tabs-layout label[for="text-tab-2"],
#text-tab-3:checked ~ .tabs-layout label[for="text-tab-3"],
#text-tab-4:checked ~ .tabs-layout label[for="text-tab-4"],
#text-tab-5:checked ~ .tabs-layout label[for="text-tab-5"] {
background: #2d3327;
border: 1px solid #f1f0d9;
font-weight: bold;
}
</style>
<div class="text-tabs">
<div class="bigpictureontop"></div>
<!-- переключатели -->
<input type="radio" name="text-tabs" id="text-tab-1" checked>
<input type="radio" name="text-tabs" id="text-tab-2">
<input type="radio" name="text-tabs" id="text-tab-3">
<input type="radio" name="text-tabs" id="text-tab-4">
<input type="radio" name="text-tabs" id="text-tab-5">
<div class="tabs-layout">
<!-- кнопки -->
<div class="tabs-buttons">
<label for="text-tab-1">ОБЩИЙ FAQ</label>
<label for="text-tab-2">FAQ ПО МИРУ</label>
</div>
<!-- содержимое -->
<div class="tabs-content">
<div class="tab-panel tab-panel-1">
<div class="big-title">ОБ ОСНОВНОМ</div>
<div class="panel-text"><br><b>— Что за форум?</b><br><br>
У нас тут антуражное фэнтези, черпающее вдохновение в раннем и классическом Средневековье (V-XIV века).<br>
Рейтинг высокий - NC-21, мастеринг пассивный, с нюансами.<br><br><br>
<b>— На какие художественные источники вы опирались??</b><br><br>
Всего немного и по чуть-чуть: какого-то одного определённого произведения, лёгшего в основу, нет. Мы обратились ко всем концептам и мирам, которые нам нравятся, и собрали их в <s>наваристую солянку</s> проект на свой вкус. Во многом опирались на реальную историю и мифологии.<br>
На какую-то оригинальность не претендуем: в первую очередь, мы хотели создать площадку для реализации наших идей и возможности вольно поиграться с определёнными эпохами. <br><br><br>
<b>— Что происходит в мире?</b><br><br>
На протяжении последних шести веков на тинийском континенте главенствующую позицию занимала Лурцийская Республика. Сегодня годы расцвета остались позади: Республика расколота на четыре враждующих провинции, растеряла колонии и переживает упадок.
На политическую арену выходят новые государства: земли варваров (тулар). Они набирают власть, заключают власть и устанавливают собственные порядки. Время правления лурциев подходит к концу, а мир неумолимо меняется. <br><br><br>
<b>— Что такое Туларис?</b><br><br>
Туларисом республиканские географы и хронисты окрестили все земли, не входящие в состав Республики. Тулары - собирательное название всех племён вандалов и нецивилизованных государств, практически ethnic slur. Сами жители земель за пределами Республики со временем сами начали себя так называть, противопоставляя лурциям. <br><br><br>
<b>— Какое время в игре?</b><br><br>
1073 год от прихода Единого (летоисчисление Республики и государств, принявших единую религию); 4012 год от сотворения мира по хронологии языческих стран. <br><br><br>
<b>— Во что играть?</b><br><br>
Мировой глобальной угрозы, как и назревающей великой войны, у нас нет. Величие Республики, как и её колоссальное влияние на мир, в далёком прошлом.<br><br><br>
Наш проект посвящён началу эпохи тулар: времени, когда новые государства начинают обретать собственный политический вес и постепенно укрепляют сферы своих влияний на фоне рушащейся Республики. ОМы решили сосредоточиться на междоусобицах и внутренних конфликтах: в каждом регионе свои проблемы, свои претензии на власть, свои магические конфликты. Подробнее почитать о сюжетных завязках, которые выступают стартом, вы можете в этой теме.<br><br><br>
<b>— А что с Республикой? Она может вновь стать великой?</b><br><br>
Нет. Все провинции Республики находятся в упадке, столица погрязла в долгах <s>и разврате</s>. С каждым месяцем приближается день, когда Солнечный город объявит, что Лурции больше не существует. Это не значит, что ваш персонаж не может грезить идеями о том, как может make Republic great again - однако отметим, что каждый из наместников считает себя отдельным правителем, объединяться не хочет и ресурсами для ведения большой войны не обладает.<br><br>
Перед регистрацией республиканца, занимающего высокий пост, мы просим обсудить этот момент с администрацией. <br><br><br>
<b>— Квесты будут</b><br><br>
Как таковых квестов не будет. Мастеринг пассивный - вы вольны развивать свои личные сюжеты и регионы на ваше усмотрение и по-своему тусовать тузы в рукаве, <b><i>учитывая и опираясь</i></b> на матчасть и сюжетные завязки.<br>При необходимости и по запросу, администрация может выдать дополнительные вводные данные, сориентировать на местности, обсудить затравки, поделиться собственными идеями и помочь вписать ваши собственные. Агрессивное влияние на мир мы просим заранее уточнить и согласовать.<br>Персонажи, играющие для мира ключевую роль, указаны в теме акций: игроки вольны развивать костяк образа, соблюдая пул указанных фактов. <br><br><br>
<b>— Какие есть регионы?</b><br><br>
Вечно холодные земли <b>Альсвейгира</b> - три северных королевства, недавно пережившие войну. Суровые края мореходов и язычников.<br>
<b>Сольвения</b>: рябиновые земли семи княжеств, часть из которых остаются верны древним традициям и старым богам, а часть - принимают новую единую религию Республики. Рядом с ними находится <b>Великая Степь</b>, заселённая кочевыми народами.
Островное государство <b>Кеврин</b>, земля спящих гигантов, некогда было колонией Республики. Сегодня это пять разных королевств на грани войны, включая вольное княжество <b>Гвинедд</b>.
На полуострове Хафсан возвышаются торговые империи: города-государства <b>Табари-Шахр</b> и <b>Зарран</b>, прозванные городами-близнецами. Здесь - колыбель магии и центр науки. Города граничат с Мёртвыми землями, куда стремятся авантюристы и путешественники, в надежде встретить таинственные <b>кочующие города</b>.<br>
По водам дрейфует независимый город-корабль <b>Раггартта</b>: сюда стекаются пираты, беглые маги и самые опасные преступники в поисках заказов. <br><br>
<b>Лурцийская Республика</b> погрязла во внутренних конфликтах и распрях. День, когда будет официально объявлено о её падении - лишь вопрос времени.<br><br>
Подробнее о самом мире и его регионах можно прочитать в данной теме. <br><br> <br>
<b>— Кем можно играть?</b><br><br>
Человеком или магом. <br>
Существа из бестиария являются неигровыми персонажами. <br><br><br>
<b>— Что с магией? Она существует? Насколько распространена?</b><br><br>
Да. Есть несколько различных магических школ: если маги Республики и её наследников следуют чёткому церемониалу, то в северных странах маги славятся тесной связью с природой и необузданностью сил. Подробнее о магии и школах можно почитать в этой теме.
<br><br>
Инквизиции не существует, официально магия нигде не запрещена. Отдельные ненавистники магических тварей вершат личные вендетты. <br><br>
Однако не забывайте, что магия тесно связана с религией, принятой в той или иной стране. Магов, прибегающих к языческой школе, будут преследовать в странах, исповедующих религию Единого, и наоборот.<br><br><br>
<b>— Есть ли в мире монстры? Охотятся ли на них?</b><br><br>
Да, мир заселен различными чудовищами, о которых вы можете прочитать в Бестиарии.<br>
Охотник на монстров - это профессия, в которую идут как люди, так и маги. По сути, это опытные наёмники, которым очень хорошо платят и которые прекрасно понимают, как быстро может оборваться их жизнь.<br><br><i>Тем не менее</i>, прибегая к зачарованным татуировкам, амулетам и артефактам, охотники могут усиливать свои рефлексы, силу и выносливость, получая некоторое преимущество перед поимкой монстров.<br><br><br>
<b>— Я хочу добавить своё существо в бестиарий / свою организацию, что делать?</b><br><br>
Обращайтесь в личные сообщения к администрации, всё обсудим и состыкуем. В первую очередь форум создан для комфортной игры и реализации хотелок. <br><br><br>
<b>— Что по твинкам?</b><br><br>
Первый твинк — бесплатно.
Следующие 2 твинка — за посты: на каждом профиле должно быть по 3 поста от лица вашего персонажа, последний пост — не старше месяца.
Для последующих персонажей сохраняются те же условия, но постов на каждом профиле должно быть не менее 5. <br><br><br>
<b>— А по игровой активности?</b><br><br>
Мы решили отказаться от постовых чисток в угоду игре в своё удовольствие.<br><br><br>
<div class="small-title">Заголовок</div></div>
</div>
<div class="tab-panel tab-panel-2">
<div class="panel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc semper ex at turpis vulputate, eu luctus massa ultricies. Phasellus scelerisque arcu ut nunc luctus, quis egestas risus condimentum. Vivamus varius neque eget leo tempor commodo. Quisque luctus neque diam, sit amet lacinia urna auctor et. Cras ut justo at urna accumsan dignissim. Nulla sit amet nisl sit amet lectus vulputate viverra eget ut lorem. Cras ipsum dui, mollis in tristique vel, imperdiet et odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
sit amet sem sapien. Donec sed risus posuere, euismod nulla in, interdum nulla. Aliquam erat volutpat. Donec eget turpis porttitor, eleifend purus eget, consectetur dui. Cras nec velit nulla. Nulla non tincidunt orci. Nunc quis fringilla lacus, at euismod risus. In congue diam nulla, at interdum nunc rhoncus at.</div>
</div>
<div class="tab-panel tab-panel-3">
<div class="panel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc semper ex at turpis vulputate, eu luctus massa ultricies. Phasellus scelerisque arcu ut nunc luctus, quis egestas risus condimentum. Vivamus varius neque eget leo tempor commodo. Quisque luctus neque diam, sit amet lacinia urna auctor et. Cras ut justo at urna accumsan dignissim. Nulla sit amet nisl sit amet lectus vulputate viverra eget ut lorem. Cras ipsum dui, mollis in tristique vel, imperdiet et odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
sit amet sem sapien. Donec sed risus posuere, euismod nulla in, interdum nulla. Aliquam erat volutpat. Donec eget turpis porttitor, eleifend purus eget, consectetur dui. Cras nec velit nulla. Nulla non tincidunt orci. Nunc quis fringilla lacus, at euismod risus. In congue diam nulla, at interdum nunc rhoncus at.
Donec felis ipsum, congue id laoreet at, laoreet a nisi. Cras vel pretium risus. Duis quis porta nisl. Duis accumsan convallis neque vitae sagittis. Quisque auctor diam dapibus nulla faucibus, a facilisis leo mollis. Cras ut congue leo, vel lacinia dui. Phasellus venenatis, nibh id feugiat luctus, libero ante scelerisque justo, sed malesuada metus nulla a lectus. Suspendisse nec neque et erat viverra efficitur in sit amet risus. Nunc ornare sit amet velit sed accumsan. Nunc non odio arcu. Donec eleifend elementum sollicitudin. Aliquam erat volutpat. Ut euismod rutrum dui, in maximus lacus malesuada sit amet. Nunc ut dui sed felis iaculis hendrerit vel in mi. Aenean porttitor, nibh a blandit luctus, diam augue volutpat nisi, ac pellentesque erat orci et risus. Integer vel tempor nulla, sit amet pharetra libero. Morbi sit amet turpis eros. Curabitur ac accumsan tellus, nec luctus purus. Nunc laoreet nulla cursus fermentum auctor. Sed at ligula sagittis, viverra dui in, suscipit est. Nunc porta ex vel tellus dictum sollicitudin. Etiam sem velit, dignissim et rutrum sed, semper in lorem. Suspendisse potenti. Proin molestie justo id enim vulputate, sit amet blandit ante blandit. Aliquam sed nunc vel est pretium pharetra. Morbi id eros nec felis volutpat tristique ut sit amet justo. Sed efficitur ipsum nec augue aliquam facilisis. Sed suscipit mollis lorem, sit amet facilisis ligula. Nullam viverra nibh in dui bibendum varius. Suspendisse potenti. Quisque tincidunt libero elit, sit amet elementum urna tristique fermentum. Integer luctus arcu condimentum sem varius consectetur. Vivamus quis libero commodo, fringilla risus quis, rhoncus quam. Pellentesque accumsan mollis enim, id tincidunt felis semper fringilla. Praesent pretium ligula ac libero luctus luctus. Vivamus mauris diam, gravida ut ornare vitae, tincidunt vitae arcu. Aliquam ornare arcu quis congue placerat. Etiam consequat placerat sapien maximus iaculis. Phasellus vehicula condimentum eros, quis egestas ipsum malesuada at. Quisque placerat euismod dui, non pulvinar neque mollis efficitur. Nam eleifend diam nibh, non tempus ipsum dictum id. Morbi ut posuere quam. Aliquam quis finibus nisl, eget pretium quam. Vivamus consectetur eros eget nunc fringilla, a pretium eros consequat. Cras at molestie tellus. Aenean ullamcorper fermentum imperdiet. Nam gravida erat at nunc ullamcorper, quis semper tortor ullamcorper. Maecenas ullamcorper, neque quis scelerisque gravida, risus elit aliquam lorem, id faucibus felis mauris vel lectus. Proin eleifend sit amet est in suscipit. Donec sapien metus, pretium nec mi nec, blandit mattis lacus. Sed eu nisl sed ex fringilla congue ut quis sapien. Aenean scelerisque aliquet magna, non feugiat dolor viverra nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis sagittis blandit iaculis. Vestibulum mattis massa quis rutrum ultricies. Duis sit amet libero sed nisl tincidunt sodales. </div>
</div>
<div class="tab-panel tab-panel-4">
<div class="panel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc semper ex at turpis vulputate, eu luctus massa ultricies. Phasellus scelerisque arcu ut nunc luctus, quis egestas risus condimentum. Vivamus varius neque eget leo tempor commodo. Quisque luctus neque diam, sit amet lacinia urna auctor et. Cras ut justo at urna accumsan dignissim. Nulla sit amet nisl sit amet lectus vulputate viverra eget ut lorem. Cras ipsum dui, mollis in tristique vel, imperdiet et odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
sit amet sem sapien. Donec sed risus posuere, euismod nulla in, interdum nulla. Aliquam erat volutpat. Donec eget turpis porttitor, eleifend purus eget, consectetur dui. Cras nec velit nulla. Nulla non tincidunt orci. Nunc quis fringilla lacus, at euismod risus. In congue diam nulla, at interdum nunc rhoncus at.</div>
</div>
<div class="tab-panel tab-panel-5">
<div class="panel-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc semper ex at turpis vulputate, eu luctus massa ultricies. Phasellus scelerisque arcu ut nunc luctus, quis egestas risus condimentum. Vivamus varius neque eget leo tempor commodo. Quisque luctus neque diam, sit amet lacinia urna auctor et. Cras ut justo at urna accumsan dignissim. Nulla sit amet nisl sit amet lectus vulputate viverra eget ut lorem. Cras ipsum dui, mollis in tristique vel, imperdiet et odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
sit amet sem sapien. Donec sed risus posuere, euismod nulla in, interdum nulla. Aliquam erat volutpat. Donec eget turpis porttitor, eleifend purus eget, consectetur dui. Cras nec velit nulla. Nulla non tincidunt orci. Nunc quis fringilla lacus, at euismod risus. In congue diam nulla, at interdum nunc rhoncus at.</div>
</div>
</div>
</div>
</div>
[/html]