В верх страницы

Тест 2

Объявление

30.10.25 - Конкурс аватаров "Велесова ночь: открыт набор в конкурс"
28.10.25 - Ролевой флуд "Велесова ночь: бал-маскарад"
06.10.25 - Детективный марафон Награждение!
01.09.25 - Сменилось игровое время!
11.07.25 - Международный день принятия - итоги и награждения
01.06.25 - Сменилось игровое время!
01.03.25 - Сменилось игровое время!
21.02.25 - Итоги конкурса постов к Дню Валентина!
14.02.25 - Все валентинки нашли своих адресатов!
06.01.25 - Итоги конкурса: Новогодний маскарад!
30.12.24 - Новогодний флуд: Приходи постоять на табуретке, получить подарок!
13.12.24 - Попробуй-ка разгадай Новогодний кроссворд!
22.11.24 - Мини-игра к дню рождения НСК
22.11.24 - Нам один год!
00.00.00 - Игровые события прошлых лет
22.11.23 - Мы открылись.
2106 год. Март - май.
Календарь
Март теплый, с пиком до +20°C в конце месяца. Апрель - умеренные +18°C, возможны ночные возвратные заморозки. В мае температура плавно растет, в конце месяца вовсе ощущается приход лета
Особенности:
Резкое потепление вызывает паводки. В зоне риска низинные районы города и территории вдоль русла Оби.

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Тест 2 » Для наград пользователей » Тест галереи


Тест галереи

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

1

[hideprofile][html]<!-- В пост. Только верх. (done by Kolobdur) -->
<style>
.tabbed {
  display: grid;
  grid-template: /* навигация верх */
                 "nav-top-1 nav-top-2 nav-top-3 nav-top-4" 1fr
         
                 /* Поле */
             "tabs-body tabs-body tabs-body tabs-body" 510px                       
         
                 /* Коллонки */
             / 1fr 1fr 1fr 1fr;
  width: 100%;         
}
</style>

<div class="tabbed">
  <!-- Навигация верх -->
  <!-- Первый -->
  <input type="radio" name="tabs-body" id="nav-top-1" checked>
  <label for="nav-top-1">Общие</label>
  <!-- Второй -->
  <input type="radio" name="tabs-body" id="nav-top-2">
  <label for="nav-top-2">Праздники</label>
  <!-- Третий -->
  <input type="radio" name="tabs-body" id="nav-top-3">
  <label for="nav-top-3">Животные</label>
  <!-- Четвертый -->
  <input type="radio" name="tabs-body" id="nav-top-4">
  <label for="nav-top-4">Цветы</label>

  <div class="tabs-body">
<!-- Контент вкладок сверху -->
<div class="body-top-1">
<table>
    <tr>
        <td style="background: #685261;"><p>1.
        <p>https://vk.com/images/gift/1467/96.png</td>
        <td style="background: #ad8156;"><p>2.<p>https://vk.com/images/gift/1415/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/1400/96.png</td>
        <td style="background: #ad8156;">https://vk.com/images/gift/1394/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/1381/96.png</td>
        <td style="background: #ad8156;">https://vk.com/images/gift/1357/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/791/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/756/96.png</td>
        <td>https://vk.com/images/gift/738/96.png</td>
        <td>https://vk.com/images/gift/596/96.png</td>
        <td>https://vk.com/images/gift/546/96.png</td>
        <td>https://vk.com/images/gift/497/96.png</td>
        <td>https://vk.com/images/gift/309/96.png</td>
        <td>https://vk.com/images/gift/428/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/379/96.png</td>
        <td>https://vk.com/images/gift/293/96.png</td>
        <td>https://vk.com/images/gift/245/96.png</td>
        <td>https://vk.com/images/gift/238/96.png</td>
        <td>https://vk.com/images/gift/234/96.png</td>
        <td>https://vk.com/images/gift/186/96.png</td>
        <td>https://vk.com/images/gift/75/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/107/96.png</td>
        <td>https://vk.com/images/gift/108/96.png</td>
        <td>https://vk.com/images/gift/101/96.png</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
</div>
    <div class="body-top-2">Текст вкладки верх 2</div>
    <div class="body-top-3">Текст вкладки верх 3</div>
    <div class="body-top-4">Текст вкладки верх 4</div>
   </div>
</div>[/html]

0

2

[hideprofile][html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="https://i.imgur.com/5uipK4n.png"></div>
    <div class="spiritfirsttitle">от вещего духа
      <subtitle>однако, дратути</subtitle></div>
    <div class="spiritfirsttext"><subtitle>да, этот мужик смотрит вам в душу хд</subtitle>
      <about>шел оформлять тему в графику, но споткнулся о раздел с дизайнами. к такому меня жизнь не готовила. прежде перебивался заказами от знакомых через знакомых, но сейчас решил оформиться, так сказать, официально. дизайнами и вот этим вот всем занимаюсь столько, сколько себя на ролевых помню, в связи с чем по факту могу как минимум в плане кодов исполнить практически любое пожелание. графически тоже не отстаю и в процессе работы стараюсь передать дизайном атмосферу и направленность проекта. это, собственно, всё, что я хотел сказать в приветствии.</about></div>
  </div>
 
  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">информация</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">вопросник</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">портфолио</label>

    <section id="content-tab1">
        <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam diam leo, malesuada et nulla sed, auctor ornare odio. Curabitur eu mi leo. Suspendisse mauris nulla, rhoncus et quam nec, feugiat aliquet lorem. In hac habitasse platea dictumst. Sed justo metus, lobortis vel posuere in, cursus non magna. Nam mattis feugiat malesuada.

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

Maecenas pellentesque eros vitae elementum condimentum. Sed nec orci est. Vestibulum a ex nec nisl euismod varius. Etiam bibendum nibh id tortor vehicula malesuada volutpat ut augue. Integer sodales, leo eget molestie finibus, nibh diam laoreet dui, quis efficitur lectus lacus suscipit mi. Aliquam finibus et lorem congue imperdiet. Curabitur porta dolor sit amet eros semper viverra. Fusce aliquet, ligula quis mattis bibendum, nulla eros vulputate tortor, eget gravida erat tortor eget nulla. In arcu nisl, elementum sed tristique id, elementum eu odio. Duis imperdiet metus ac justo tempus vehicula et a sem. Vestibulum et volutpat libero. Cras vestibulum diam sit amet pulvinar accumsan. Donec sed ultrices libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Aenean sed ex arcu.
        </p>
    </section> 
    <section id="content-tab2">
        <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam diam leo, malesuada et nulla sed, auctor ornare odio. Curabitur eu mi leo. Suspendisse mauris nulla, rhoncus et quam nec, feugiat aliquet lorem. In hac habitasse platea dictumst. Sed justo metus, lobortis vel posuere in, cursus non magna. Nam mattis feugiat malesuada.

Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

        </p>
    </section>
    <section id="content-tab3">
        <p>
Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.
    </p>
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 610px;
height: 520px;
background: #fefefe;
margin:auto;
box-shadow: 0 0 0 1px rgba(0,0,0,.2)}

.spiritfirst {float: left;
  margin: 10px;
width: 190px;
height: 490px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
overflow: hidden;
position: relative;
border: 5px solid #fefefe}

.spiritfirstpic {margin:auto;
width: 190px;
height: 490px;}

.spiritfirsttitle {font-family: playfair display;
font-weight: 900;
width: 190px;
color: #dfdfdf;
text-shadow: 1px 1px 0px #000;
font-size: 18px;
height: 73px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
padding-left: 10px;
background: rgba(0,0,0,.65);
transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}
.spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
  font-family: pt sans;
font-weight: normal;
color: #cecece;
text-shadow: 1px 1px 0px #333;
font-size: 9px;
display: block;
text-align: right;
letter-spacing: 1px;
margin-top:4px;
margin-right: 20px}
.spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
content: "";
display: block;
position: absolute;
width: 100%;
height: 50px;
top: -50px;
margin-left: -10px}
.spiritfirsttext {
z-index:8;
position: relative;
background: rgba(0,0,0,.65);
width: 190px;
margin: 0px 0 0 0px;
font-family: pt sans;
font-size: 10px;
text-align: justify;
padding: 1px 0px;
  color: #efefef;}
.spiritfirsttext about {margin: 10px 15px;
display: block;
box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
padding-top:10px}
.spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
content: "";
display: block;
position: absolute;
width: 100%;
height: 100px;
bottom: -100px;
margin-left: 0px}
.spiritfirsttext subtitle {
  text-align: center;
  display: block;
  width: 190px;
  font-size: 9px;
  font-family: pt sans;
  color: #999;
  opacity: 0;
  transform: translate(0,400px);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
}

.spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
}
.spiritfirst:hover subtitle {opacity:1;
  transform: translate(0,0px)}

.spiritsecond {background: #fefefe;
width: 389px;
  margin: 10px;
  height: 500px;
  margin-top:9px;
border: 1px solid rgba(0,0,0,.2);
  position: absolute;
  margin-left: 211px
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: arial;
  font-size: 11px;
  text-align: justify
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
}
to {
    transform: translate(0px,0);
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid;
margin: 0 -3px 0px;
padding: 10px 0px;
font-weight: 600;
text-align: center;
color: #aaa;
background: #fefefe;
  width: 131px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
  font-family: pt sans;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #dfdfdf;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover:after {transform: scaleX(1);
background: #888;}
.tabs>label:hover {
color: #888;
cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
color: #555;
  background: #f1f1f1;
}
.tabs>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #888;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
display: block;
}
</style>[/html]

0

3

[hideprofile][html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"></div>
    <div class="spiritfirsttitle">от вещего духа
      <subtitle></subtitle></div>
    <div class="spiritfirsttext"><subtitle></subtitle>
      <about></about></div>
  </div>
 
  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">Общие</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">Праздники</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">Животные</label>

<input id="tab4" type="radio" name="tabs">
    <label for="tab4">Цветы</label>

<input id="tab5" type="radio" name="tabs">
    <label for="tab5">День рождения</label>

    <section id="content-tab1">
       <p>Сергей прекрасно всё понимал, пусть это и не отменяло его раздражения происходящим. Дергать из одной конторы в другую его могут долго, просто повезло, что в СК делом занимался Гриша, а значит хотя бы в комитет не придётся выезжать по первому требованию. Основную обязательную процедуру они исполнили – на дачу показаний Воронцов явился, а дальнейшие вопросы они с Гришей могут решить и без встреч в комитете.
– Да что тут еще вспомнишь, темно уже было, так что будь где-то рядом посторонний человек или автомобиль, мы бы даже не заметили, – Сергей взял планшет и открыл редактирование, быстро пробегая глазами по вопросам, в том числе и тем, что Гриша уже успел заполнить до него, дописывал недостающее, кое-что подправил в показаниях, написанных мужем.
– В том-то и дело, что не было ничего подозрительного, ну, кроме трупов в озере. Посторонних тоже. У машин так же оставались люди – из числа наших водителей и скорой. Это ниндзя каким-нибудь нужно быть, чтоб на глазах у всех незаметно установить взрывчатку.
Вздохнув, закончив с протоколом и поставив подпись, Сергей передал Орлову планшет, глянул на время, потом на дверь, где его ждала охрана.
– Да, преступника нужно найти очень быстро – меня не радует перспектива, что эти два... ангела-хранителя потащатся с нами домой, - Воронов скривился, – кстати, пора бы уже, я и так попросил тетю Веру задержаться, нехорошо каждый раз напрягать её слишком сильно. А... я же стребовал со следователя УСБ копию списка кто мог выйти и начать мстить, сейчас перешлю, чтобы не тратить время еще и на это. Поверь, мы с СБшником прошерстили все базы вдоль и поперек и собрали максимум тех, кто хотел бы и имел возможность. А на счет угонщиков я уже знаю, – Сергей широко улыбнулся Грише, мол, не только его люди умеют добывать информацию в обход официальных запросов, – будем надеяться, они их не упустят. Но вообще, почему это только меня? Ты такая же потенциальная жертва, тебя вон того, чуть ключом по голове не огрели. Так что на опознание мы поедем вместе, не мне ж одному страдать.
Поднявшись, Сергей похлопал мужа по плечу и поцеловал в щеку, – давай, собирайся, я буду ждать тебя в машине. Моя осталась возле отдела – эти товарищи не позволили ехать самостоятельно. Думаю, возражать против того, чтоб я ехал с тобой они не станут.
Умыкнув у Гриши ключ от машины, Воронцов вышел за дверь и молча прошел мимо СБшников, которые тут же зашагали следом.
– Слушайте, это обязательно? Мы ведь дома будем, – Сергей предпринял попытку отделать от сопровождающих.
– У нас приказ. К десяти часам прибудет новая смена, так что конкретно от нашего общества вы избавитесь.
– Надо же, у СБшников еще и чувство юмора имеется, – закатывая глаза, проворчал Воронцов, выходя на служебную парковку и пока ему не успели запретить, прыгнул в машину супруга, захлопывая дверь и делая вид, что не видит и не слышит возмущений и требований пройти в служебный автомобиль.
    </section> 
    <section id="content-tab2">
       <table>
    <tr>
        <td style="background: #685261;"><p>1.
        <p>https://vk.com/images/gift/1467/96.png</td>
        <td style="background: #ad8156;"><p>2.<p>https://vk.com/images/gift/1415/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/1400/96.png</td>
        <td style="background: #ad8156;">https://vk.com/images/gift/1394/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/1381/96.png</td>
        <td style="background: #ad8156;">https://vk.com/images/gift/1357/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/791/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/756/96.png</td>
        <td>https://vk.com/images/gift/738/96.png</td>
        <td>https://vk.com/images/gift/596/96.png</td>
        <td>https://vk.com/images/gift/546/96.png</td>
        <td>https://vk.com/images/gift/497/96.png</td>
        <td>https://vk.com/images/gift/309/96.png</td>
        <td>https://vk.com/images/gift/428/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/379/96.png</td>
        <td>https://vk.com/images/gift/293/96.png</td>
        <td>https://vk.com/images/gift/245/96.png</td>
        <td>https://vk.com/images/gift/238/96.png</td>
        <td>https://vk.com/images/gift/234/96.png</td>
        <td>https://vk.com/images/gift/186/96.png</td>
        <td>https://vk.com/images/gift/75/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/107/96.png</td>
        <td>https://vk.com/images/gift/108/96.png</td>
        <td>https://vk.com/images/gift/101/96.png</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
    </section>
    <section id="content-tab3">
     Текст №3
    </section>   
<section id="content-tab4">
     Текст №4
    </section>   

<section id="content-tab5">
     Текст №5
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 760px;
height: 555px;
border: 2px solid #685261;
    background: url(https://forumstatic.ru/files/0010/92/03/76296.png) #edd8cc;
    color: #000000;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 2px #000000;
    margin:auto;
}

.spiritfirst {float: left;
  margin: 0px;
width: 0px;
overflow: hidden;
position: relative;
}

.spiritfirsttitle {font-family: playfair display;
width: 0px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
}
.spiritfirsttext {
z-index:8;
position: relative;
width: 0px;
margin: 0px 0 0 0px;
padding: 1px 0px;
}
.spiritfirsttext about {
margin: 10px 15px;
display: block;
padding-top:10px;
}

.spiritfirsttext:after {
content: "";
display: block;
position: absolute;
margin-left: 0px;
}
.spiritfirsttext subtitle {
  display: block;
  width: 0px;
}

.spiritsecond {background: #fefefe;
    background: url(https://forumstatic.ru/files/0010/92/03/76296.png) #ddc1b4;
    width: 740px;
    margin: 10px;
    height: 535px;
    margin-top: 9px;
    border: 2px solid rgb(104 82 97);
    position: absolute;
    margin-left: 7px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 2px #321304;
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 0px;
  height: 490px;
  overflow-y: auto;
  margin: 5px;
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
}
to {
    transform: translate(0px,0);
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid
;
    margin: 0 -3px 0px;
    padding: 10px 0px;
    font-weight: 600;
    text-align: center;
    color: #e5b892;
    background: #685261;
    width: 130px;
    border: 1px solid #3d303a;
    border-width: 0px 0px 1px 0px;
    left: 3px;
    top: 0px;
    position: relative;
    font-family: pt sans;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 1px 1px 3px #000000;
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #dfdfdf;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover {
color: #e3b0d3;
cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
background-image: url("https://forumstatic.ru/files/0010/92/03/88567.png"), linear-gradient(360deg, #2c2334, #4d3c46)!important;
    color: #e5b892 !important;
    font-weight: 600;
    text-shadow: 1px 2px 3px #000000;

}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5 {
display: block;
}
</style>[/html]

0

4

Подарки и открытки

Потратить сиберики возможно на представленные ниже подарки или открытки, а так же другие временные активности. Стоимость подарка - 600 сибериков. Стоимость открытки - 1000 сибериков.

[hideprofile][html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"></div>
    <div class="spiritfirsttitle">от вещего духа
      <subtitle></subtitle></div>
    <div class="spiritfirsttext"><subtitle></subtitle>
      <about></about></div>
  </div>
 
  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">Общие</label>

    <input id="tab2" type="radio" name="tabs">
    <label for="tab2">Праздники</label>

    <input id="tab3" type="radio" name="tabs">
    <label for="tab3">Животные</label>

<input id="tab4" type="radio" name="tabs">
    <label for="tab4">Цветы</label>

<input id="tab5" type="radio" name="tabs">
    <label for="tab5">День рождения</label>

    <section id="content-tab1">
       <p>Сергей прекрасно всё понимал, пусть это и не отменяло его раздражения происходящим. Дергать из одной конторы в другую его могут долго, просто повезло, что в СК делом занимался Гриша, а значит хотя бы в комитет не придётся выезжать по первому требованию. Основную обязательную процедуру они исполнили – на дачу показаний Воронцов явился, а дальнейшие вопросы они с Гришей могут решить и без встреч в комитете.
– Да что тут еще вспомнишь, темно уже было, так что будь где-то рядом посторонний человек или автомобиль, мы бы даже не заметили, – Сергей взял планшет и открыл редактирование, быстро пробегая глазами по вопросам, в том числе и тем, что Гриша уже успел заполнить до него, дописывал недостающее, кое-что подправил в показаниях, написанных мужем.
– В том-то и дело, что не было ничего подозрительного, ну, кроме трупов в озере. Посторонних тоже. У машин так же оставались люди – из числа наших водителей и скорой. Это ниндзя каким-нибудь нужно быть, чтоб на глазах у всех незаметно установить взрывчатку.
Вздохнув, закончив с протоколом и поставив подпись, Сергей передал Орлову планшет, глянул на время, потом на дверь, где его ждала охрана.
– Да, преступника нужно найти очень быстро – меня не радует перспектива, что эти два... ангела-хранителя потащатся с нами домой, - Воронов скривился, – кстати, пора бы уже, я и так попросил тетю Веру задержаться, нехорошо каждый раз напрягать её слишком сильно. А... я же стребовал со следователя УСБ копию списка кто мог выйти и начать мстить, сейчас перешлю, чтобы не тратить время еще и на это. Поверь, мы с СБшником прошерстили все базы вдоль и поперек и собрали максимум тех, кто хотел бы и имел возможность. А на счет угонщиков я уже знаю, – Сергей широко улыбнулся Грише, мол, не только его люди умеют добывать информацию в обход официальных запросов, – будем надеяться, они их не упустят. Но вообще, почему это только меня? Ты такая же потенциальная жертва, тебя вон того, чуть ключом по голове не огрели. Так что на опознание мы поедем вместе, не мне ж одному страдать.
Поднявшись, Сергей похлопал мужа по плечу и поцеловал в щеку, – давай, собирайся, я буду ждать тебя в машине. Моя осталась возле отдела – эти товарищи не позволили ехать самостоятельно. Думаю, возражать против того, чтоб я ехал с тобой они не станут.
Умыкнув у Гриши ключ от машины, Воронцов вышел за дверь и молча прошел мимо СБшников, которые тут же зашагали следом.
– Слушайте, это обязательно? Мы ведь дома будем, – Сергей предпринял попытку отделать от сопровождающих.
– У нас приказ. К десяти часам прибудет новая смена, так что конкретно от нашего общества вы избавитесь.
– Надо же, у СБшников еще и чувство юмора имеется, – закатывая глаза, проворчал Воронцов, выходя на служебную парковку и пока ему не успели запретить, прыгнул в машину супруга, захлопывая дверь и делая вид, что не видит и не слышит возмущений и требований пройти в служебный автомобиль.
    </section> 
    <section id="content-tab2">
       <table>
    <tr>
        <td style="background: #685261;"><p>1.
        <p>https://vk.com/images/gift/1467/96.png</td>
        <td style="background: #ad8156;"><p>2.<p>https://vk.com/images/gift/1415/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/1400/96.png</td>
        <td style="background: #ad8156;">https://vk.com/images/gift/1394/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/1381/96.png</td>
        <td style="background: #ad8156;">https://vk.com/images/gift/1357/96.png</td>
        <td style="background: #685261;">https://vk.com/images/gift/791/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/756/96.png</td>
        <td>https://vk.com/images/gift/738/96.png</td>
        <td>https://vk.com/images/gift/596/96.png</td>
        <td>https://vk.com/images/gift/546/96.png</td>
        <td>https://vk.com/images/gift/497/96.png</td>
        <td>https://vk.com/images/gift/309/96.png</td>
        <td>https://vk.com/images/gift/428/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/379/96.png</td>
        <td>https://vk.com/images/gift/293/96.png</td>
        <td>https://vk.com/images/gift/245/96.png</td>
        <td>https://vk.com/images/gift/238/96.png</td>
        <td>https://vk.com/images/gift/234/96.png</td>
        <td>https://vk.com/images/gift/186/96.png</td>
        <td>https://vk.com/images/gift/75/96.png</td>
    </tr>
    <tr>
        <td>https://vk.com/images/gift/107/96.png</td>
        <td>https://vk.com/images/gift/108/96.png</td>
        <td>https://vk.com/images/gift/101/96.png</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
    </section>
    <section id="content-tab3">
     Текст №3
    </section>   
<section id="content-tab4">
     Текст №4
    </section>   

<section id="content-tab5">
     Текст №5
    </section>   
</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 760px;
height: 555px;
border: 2px solid #685261;
    background: url(https://forumstatic.ru/files/0010/92/03/76296.png) #edd8cc;
    color: #000000;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 2px #000000;
    margin:auto;
}

.spiritfirst {float: left;
  margin: 0px;
width: 0px;
overflow: hidden;
position: relative;
}

.spiritfirsttitle {font-family: playfair display;
width: 0px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
}
.spiritfirsttext {
z-index:8;
position: relative;
width: 0px;
margin: 0px 0 0 0px;
padding: 1px 0px;
}
.spiritfirsttext about {
margin: 10px 15px;
display: block;
padding-top:10px;
}

.spiritfirsttext:after {
content: "";
display: block;
position: absolute;
margin-left: 0px;
}
.spiritfirsttext subtitle {
  display: block;
  width: 0px;
}

.spiritsecond {background: #fefefe;
    background: url(https://forumstatic.ru/files/0010/92/03/76296.png) #ddc1b4;
    width: 740px;
    margin: 10px;
    height: 535px;
    margin-top: 9px;
    border: 2px solid rgb(104 82 97);
    position: absolute;
    margin-left: 7px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 2px #321304;
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 0px;
  height: 490px;
  overflow-y: auto;
  margin: 5px;
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #383838;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
}
to {
    transform: translate(0px,0);
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid
;
    margin: 0 -3px 0px;
    padding: 10px 0px;
    font-weight: 600;
    text-align: center;
    color: #e5b892;
    background: #685261;
    width: 130px;
    border: 1px solid #3d303a;
    border-width: 0px 0px 1px 0px;
    left: 3px;
    top: 0px;
    position: relative;
    font-family: pt sans;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 1px 1px 3px #000000;
}
.tabs>label:after {content: "";
display: block;
position:absolute;
width: 123px;
height: 3px;
background: #dfdfdf;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover {
color: #e3b0d3;
cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
background-image: url("https://forumstatic.ru/files/0010/92/03/88567.png"), linear-gradient(360deg, #2c2334, #4d3c46)!important;
    color: #e5b892 !important;
    font-weight: 600;
    text-shadow: 1px 2px 3px #000000;

}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5 {
display: block;
}
</style>[/html]

Для покупки просим заполнить одну из приведенных ниже форм:

Заказ подарка:

Код:
1. Получатель (ссылка на профиль участника)
2. Категория и номер подарка
3. Отправитель (можно оставить пустым, если желаете сделать подарок анонимно)
4. Небольшой комментарий к подарку (по желанию)
5. Количество сибериков после списания

Заказ открытки:

Код:
1. Получатель (ссылка на профиль участника)
2. Номер открытки
3. Отправитель (можно оставить пустым, если желаете сделать подарок анонимно)
4. Развернутое сообщение (по желанию)
5. Количество сибериков после списания

0

5

Банк

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

Участвуйте в конкурсах и иных событиях, либо же просто активно играйте - валюта будет начисляться за следующие действия:

1) Единоразовая награда за принятую анкету - 600 сибериков.

2) За конкурсы в следующей градации:
   - 1-е место - 1000 сибериков
   - 2-е место - 600 сибериков
   - 3-е место - 400 сибериков
   - за участие - 200 сибериков

3) За завершенные эпизоды в следующей градации:
   - эпизод с количеством сообщений до 31 - 200 сибериков
   - за каждые следующие 30 сообщений в теме - 200 сибериков

Так же за все полученные до 06 октября 2025 года награды в профиле участникам будет автоматически начислено по 200 сибериков за каждую вне зависимости от редкости.

Сиберики за регистрацию и полученные ранее монеты будут начислены администрацией. Для начисления валюты за отыгранные эпизоды просим отписаться в данной теме с указанием причины и суммы начисления.

Шаблон для начисления:

Код:
1. Ссылка(и) на эпизод(ы)
2. Количество сибериков после начисления:

0


Вы здесь » Тест 2 » Для наград пользователей » Тест галереи


Рейтинг форумов | Создать форум бесплатно