[html]<link href="https://fonts.googleapis.com/css?family=Kurale&display=swap&subset=cyrillic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400&display=swap" rel="stylesheet">
<!-- link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0012/ee/e9/41582.css" -->
<style>
@font-face {font-family: Cormorant; src: url(https://forumstatic.ru/files/001a/65/51/63669.ttf); }
@font-face {font-family: Trajan; src: url(https://forumstatic.ru/files/001a/65/51/19176.ttf); }

#vultbase {padding: 10px 20px 25px 20px; max-width: 660px; box-sizing: border-box; line-height: 150%;
background: radial-gradient(circle, rgba(255, 252, 241, 0.2) 0%, rgba(255,255,255,0) 120%),
url(https://forumstatic.ru/files/001a/65/51/54189.png) 0% 100% no-repeat,
url(https://forumstatic.ru/files/001a/65/51/52933.jpg) calc(0% + 510px) calc(0% - 24px) no-repeat,
url(https://forumstatic.ru/files/001a/65/51/89849.jpg) calc(100% + 80px) calc(0% - 24px) repeat-y,
url(https://forumstatic.ru/files/001a/65/51/79894.jpg) calc(50% + 322px) calc(0% - 24px) repeat #111214;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://forumstatic.ru/files/001a/65/51/80280.png) 3 stretch;
-webkit-border-image: url(https://forumstatic.ru/files/001a/65/51/80280.png) 3 stretch;
border-image: url(https://forumstatic.ru/files/001a/65/51/80280.png) 3 fill stretch;
color: #a28b78;}
#vultbase td {border: 0px none transparent;}
#vultbase a {color: #214a63; text-decoration:none;}
#vultbase a:hover {color: #634321;}

.tabset {  text-align: center; width: auto; }
.tabset > input[type="radio"] {position: absolute; left: -200vw; }

/* вкладки с инфой */
.tabset .tab-panel { display: none; }

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {display: block; }

.tab-panels{box-shadow: 0 0 8px #000 inset; margin-top:10px;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://forumstatic.ru/files/001a/65/51/80280.png) 3 stretch;
-webkit-border-image: url(https://forumstatic.ru/files/001a/65/51/80280.png) 3 stretch;
border-image: url(https://forumstatic.ru/files/001a/65/51/80280.png) 3 fill stretch;
}

.tab-panels:before {content:''; display:block; width:56px; height:20px; position: absolute; margin-top: 0px; margin-left:290px !important;
background: url(https://forumstatic.ru/files/001a/65/51/32242.png) 50% 0% no-repeat transparent;}

/* вкладочки */
.tabset > label { position: relative; display: inline-block;
padding: 5px 15px 4px; margin: auto 10px 0px auto;
background: transparent; border: none;
font-weight: 400; font-family: Cormorant, Verdana, serif; font-size: 16px;
text-shadow: 1px 1px 2px #000; color: #d0b490;
letter-spacing: 1px; cursor: pointer; }
.tabset > label:last-child{margin-right:0px;}

/*цвет при наведении на вкладку*/
.tabset > label:hover,
.tabset > input:focus + label {filter: brightness(1.3); background: transparent; }
.tabset > input:checked + label {color: #eab774; margin-bottom: -1px; text-shadow: 0 0 1px #000, 0 0 8px #9c3a00; background: transparent; border: none; margin-bottom: -1px; }

/* панель с текстом*/
.tab-panel {background: rgb(0 0 0 / 30%);
overflow-y: auto; height: 270px;
padding: 20px 10px; }

.tab-panel::-webkit-scrollbar {width:5px; height:4px; background:rgb(60 60 60 / 22%);}
.tab-panel::-webkit-scrollbar-thumb {background: #252527; border-radius:0px;}
.tab-panel::-webkit-scrollbar-corner {background: transparent;}

/* заголовки общие */
.vulth1 { font-family: Trajan, Times New Roman, serif; font-size: 16px; padding: 30px 0 6px; text-align: center; }
.vulth1 a {font-weight: 400; font-family: Cormorant, Verdana, serif; font-size: 16px; text-shadow: 0 0 1px #000, 0 0 8px #9c3a00; color:#f3c78d !important;}
</style>
<!-- Radio version of tabs. -->
<div id="vultbase"><div class="tabset">
  <!-- Tab 1 -->
  <input type="radio" name="tabset" id="tab1" aria-controls="domper" checked>
  <label for="tab1">9:45</label>
  <!-- Tab 2 -->
  <input type="radio" name="tabset" id="tab2" aria-controls="domplot">
  <label for="tab2">9:41-9:44</label>
  <!-- Tab 3 -->
  <input type="radio" name="tabset" id="tab3" aria-controls="domeps">
  <label for="tab3">9:34-9:40</label>
    <!-- Tab 4 -->
  <input type="radio" name="tabset" id="tab4" aria-controls="domsklad">
  <label for="tab4">9:16-9:34</label>
 
<div class="tab-panels">
  <section id="domper" class="tab-panel">

Несколько историй из настоящего времени
<div class="vulth1">× <a href="/viewtopic.php?id=40">[15 верименсиса 9:45] Сердце Империи</a> ×</div>
Титул официального посла Совета - тяжкая ноша. Особенно когда не знаешь Инквизитора в лицо и легко путаешь его то ли со слугой, то ли с рядовым агентом Инквизиции.

<div class="vulth1"><a href="/viewtopic.php?id=359">[21-е плутаниса 9:45] Ловец светлячков</a></div>
Теневые тропинки могут завести в необычный сон маленького кунари.

<div class="vulth1">× <a href="/viewtopic.php?id=274">[3-е элувиеста 9:45] В забвеньи полупьяном</a> ×</div>
Как искать духов в Тени в компании Лавеллана и поучаствовать в создании необычного артефакта.

<div class="vulth1"><a href="/viewtopic.php?id=366">[25-е молиориса 9:45] То место, что я люблю</a></div>
Долгожданная экспедиция в лес Арлатан. Встреча с Анджелусом Валериусом и его рабом эльфом Аридэлем Сильвасом.

   </section>
   <section id="domplot" class="tab-panel">
<b>9:41-9:44</b> - тревожные сны, интерес к Бреши и путешествие в Орлей к Убежищу. Поездка не удалась - Убежище было разрушено и след новой организации на время затерялся.
<div class="vulth1">× <a href="/viewtopic.php?id=44">[1-е молиориса, 9:43] В случае чрезвычайной ситуации — горите</a> ×</div>
Как мы с Дорианом ходили на ярмарку. Провалились в катакомбы под городом, нашли голодного демона и изгнали его.
   </section>

   <section id="domeps" class="tab-panel" style="text-align:center;">
<b>9:34-9:40</b> - переезд в Тевинтер. Год в услужении у магистра Маэнаса; после - обучение у него же и поступление в Круг. Длительное и разнообразное обучение.<br>

<div class="vulth1"><s><a href="/viewtopic.php?id=141">[Парвулис, 9:39] Забытые</a></s></div>
Красс Сэрбис и подработка в качестве гида.

   </section>

   <section id="domsklad" class="tab-panel">
<div style="text-align:left;"><b>9:16</b> - рождение<br><br>
<b>9:24</b> - первое проявление магических сил: заставил засохший цветок зацвести вновь.<br><br>
<b>9:30-31</b> - первые подростковые бунты, приход кошмаров. Попытка побега, пленение работорговцем и спасение от Хоука. Начало учебы у Хранительницы Маретари.<br><br>
<b>9:34</b> - попадание в ловушку Гордыни. Второе спасение Хоуком - теперь уже в Тени.</div>
   </section>

  </div> 
</div></div>[/html]

[html]<style>.feyh {
padding: 8px 0 6px 0;
text-align:center;
font-family: Trajan, Georgia, Arial;
font-size: 12px !important;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
border-style: solid; border-width: 3px;
-moz-border-image: url(https://forumstatic.ru/files/001a/65/51/27250.png) 3 round;
-webkit-border-image: url(https://forumstatic.ru/files/001a/65/51/27250.png) 3 round;
-o-border-image: url(https://forumstatic.ru/files/001a/65/51/27250.png) 3 round;
border-image: url(https://forumstatic.ru/files/001a/65/51/27250.png) 3 fill round;
color: #eaaf67;
text-shadow: 0 0 2px #000, 1px 0 1px #000;
background: url(https://forumstatic.ru/files/001a/65/51/80019.jpg) 50% 0% repeat #231306;
box-shadow: 0px 0px 3px 0px #251102, 0 0 5px 1px rgba(41, 22, 2, 0.5), inset 0 0 7px #000;
}
</style>

<div class="feyh">Общие положения. Бытовые мелочи.</div>[/html]
[float=right][/float]
✦  У Фейнриэля должен был быть другой учитель, сведущий в Тени и древней магии. Но придя на порог в выбранному по снам магистру, юный марчанин оказался высмеян и выгнан взашей. Фей чуть не угодил на невольничий рынок, но на свою удачу повстречал магистра Маэнаса, которому на тот момент нужен был толковый слуга.

✦  О специфичном даре сомниари знают лишь доверенные лица. Ни магистр Маэнас, ни сам Фейнриэль пока не горят желанием обнародовать этот занятнейший факт.

✦  У Люциуса Маэнаса родился лишь один сын, но магическая искра в нем так и не разгорелась. Зато из него получился прекрасный парфюмер! Магистр "усыновил" Фейнриэля в тот момент, когда отправил того в Круг, дал ему свое имя и липовую родословную. Так для большей части тевинтерского общества полукровка стал дальним племянником, рожденным чуть ли не от рабыни, но по воле случая оказавшимся единственным отпрыском в затухающем ответвлении семьи Маэнасов.

✦  В Тевинтере Фей полюбил розы и с удовольствием посещает городские сады и цветочные плантации младшего Маэнаса в провинции.

✦  Обожает фрески и мозаики столичного Круга, находит их очень выразительным произведением искусства и в первые годы обучения мог долго торчать возле них, завороженно уставившись в одну точку.

✦  Считает, что водит дружбу с библиотекарем Великой Библиотеки.

✦  Стыдливо признается, что обожает любовные романы. Порой и весьма сомнительного качества.

✦  Порой из духа противоречия старается подчеркнуть в своей внешности отголоски эльфийской крови - через вышивку на одежде, украшения или магические трюки.

✦  Большую часть времени Фейнриэль живет в особняке своего наставника, в своем скромном доме на задворках Минратоса полукровка бывает довольно редко.

✦  У Фейнриэля есть личный слуга, Кахир, немолодой хромой тевинтерец, который отнюдь не одобряет самостоятельность своего хозяина. Большую часть времени он занят присмотром за домом Фейнриэля, но сопровождая хозяина в поездках, берет на себя заботы о его комфорте и внешнем виде.

✦  Фейнриэль выступает против рабовладельческого строя, но не является сторонником радикальных мер.