хранилище ;

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

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

Вы здесь » хранилище ; » Ячейка A9-31 » таблица

таблица

Страница: 1

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

1

  • Автор: Monday
  • Администратор
  • Monday
  • Уважение: [+0/-0]

[html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="http://sg.uploads.ru/o9RXn.png"></div>
    <div class="spiritfirsttitle">виктор
<br>гроссерберг
      <subtitle>— «добро пожаловать отсюда»</subtitle></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>

    <section id="content-tab1">
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=158#p9035" rel="nofollow" target="_blank"><span style="font-size: 18px">ЭФФЕКТ ОБМАНУТОГО ОЖИДАНИЯ</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>рейнард</strong> × <strong>виктор</strong><br/><span style="font-size: 10px">1808, 26-ое число Ласточки<br/>о. Оста, Дагорт</span></p></td><td><p>Он явно был худшим объектом для разбойного ограбления, но что сделано, то сделано</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=236#p17430" rel="nofollow" target="_blank"><span style="font-size: 18px">ЛАТУННЫЕ КОСТИ</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>муха</strong> × <strong>виктор</strong><br/><span style="font-size: 10px">1808, 6-ое число Жатвы<br/>о. Оста, окрестности Золотого Леса</span></p></td><td><p>Что может пойти не так, когда лезешь в подозрительный дом в компании подозрительного контрабандиста? Абсолютно все</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=244#p17992" rel="nofollow" target="_blank"><span style="font-size: 18px">ЛЕСНОЕ МОРЕ</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>лисандр</strong> × <strong>виктор</strong><br/><span style="font-size: 10px">1809, 10-ое число Солнца<br/>о. Оста, лес Рурк</span></p></td><td><p>В черном-черном лесу была черная-черная яма и несколько черноруких людей</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=150#p8926" rel="nofollow" target="_blank"><span style="font-size: 18px">IT'S JUST ANOTHER WAY TO DIE</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>миколаш</strong> × <strong>виктор</strong><br/><span style="font-size: 10px">1809, 7-ое число Охоты<br/>о. Оста, окрестности Мориона</span></p></td><td><p>Кое-что о малориятности спонтанных открытий и природе слуховых галлюцинаций</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=188#p11970" rel="nofollow" target="_blank"><span style="font-size: 18px">ПУСТЬ МУЗЫКА СТАНЕТ ДРОЖЬЮ</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>илай</strong> × <strong>виктор</strong><br/><span style="font-size: 10px">1810, 14-ое число Ласточки<br/>о. Оста, Дагорт</span></p></td><td><p>Когда <span style="font-style: italic">такой</span> человек говорит тебе «добрый вечер», ты как-то сразу понимаешь, что вечер будет совсем не добрым</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=245#p17999" rel="nofollow" target="_blank"><span style="font-size: 18px">РАЗРУШЕННАЯ БАШНЯ</span></a><br /><span style="font-size: 10px">сюжетный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>илай</strong> × <strong>клифф</strong> × <strong>рейнард</strong> × <strong>виктор</strong><br/><span style="font-size: 10px">1810, 14-ое число Солнца<br/>о. Оста, Редларт, Пустота</span></p></td><td><p>Сомнительные приключения в сомнительных местах для сомнительных людей</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=178#p10533" rel="nofollow" target="_blank"><span style="font-size: 18px">КОНСТРУКТОР</span></a><br /><span style="font-size: 10px">альтернатива <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>дисмас</strong> × <strong>рейнальд</strong><br/><span style="font-size: 10px">darkest dungeon<br/>—</span></p></td><td><p>Все они тут — убогие гамлетовы дворняги, с аппетитом жрущие требуху, а потом оттого хиреющие и сдыхающие.</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=179#p10542" rel="nofollow" target="_blank"><span style="font-size: 18px">БЕЗУМНОЕ</span></a><br /><span style="font-size: 10px">альтернатива <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>риз</strong> × <strong>тимоти</strong><br/><span style="font-size: 10px">borderlands<br/>—</span></p></td><td><p>Их ублюдочные недо_отношения.</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=182#p10810" rel="nofollow" target="_blank"><span style="font-size: 18px">ПОЕЗД ДАЛЬШЕ НЕ ИДЕТ</span></a><br /><span style="font-size: 10px">альтернатива <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>максим</strong> × <strong>дмитрий</strong><br/><span style="font-size: 10px">metro 2033<br/>—</span></p></td><td><p>Как нелегкой принесло, так нелегкой и унесет обратно.</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="http://dagort.ru/viewtopic.php?id=199#p13368" rel="nofollow" target="_blank"><span style="font-size: 18px">ТАНЦУЙ НА КОСТЯХ</span></a><br /><span style="font-size: 10px">альтернатива <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>капитан аллен</strong> × <strong>rk900</strong><br/><span style="font-size: 10px">detroit: become human<br/>—</span></p></td><td><p>[ ч. II ] | Чуть ближе к мятежнику, чуть ближе к распаду, чуть ближе к пониманию о том, что такое ra9 на самом деле.</p></td></tr></table>
        <hr/>
    </section> 
    <section id="content-tab2">
        <p>
<span style="font-size: 8px"><strong>общее:</strong> положительные, деловые, доверительные, романтический интерес</span>
<br/><span style="font-size: 10px">«<span style="font-style: italic">Если у дегенератизма есть вершина, то ты ее покорил</span>» — именно это, кажется, было первым, что я ему сказал. И, на самом деле, с учетом его рода деятельности, это было действительно много слов. Я неустанно напоминаю ему о его дурости, невоспитанности и несносности, и столь же неустанно возвращаюсь в его общество раз за разом. Это моя личная болезнь, которой я потворствую со скрытой приязнью. <a href="http://dagort.ru/profile.php?id=53"><strong>Рейнард</strong></a> — это прекрасный пример того, как люди могут выстроить отношения из ничего, и еще того, что некоторые драки и споры могут заканчиваться крайне неожиданно.</span>
        </p>
        <hr/>
        <p>
<span style="font-size: 8px"><strong>общее:</strong> положительные, деловые, товарищеческие</span>
<br/><span style="font-size: 10px">Я никогда его не жалел, не бросал вслед сочувствующих взглядов и никогда не понимал, почему это делают другие. Жалеть стоит покойных, а <a href="http://dagort.ru/profile.php?id=47"><strong>Миколаш</strong></a> жив и нашел дело, которому посвящает эту самую жизнь. Наши интересы во многом схожи и мы часто обмениваемся мнениями, он интересный человек и хороший ученый. Пожалуй, он один из немногих в чью тайны я решил не лезть из искреннего уважения, и возможно... столь же искреннего нежелания знать о том, что с ним произошло в прошлом.</span>
        </p>
        <hr/>
        <p>
<span style="font-size: 8px"><strong>общее:</strong> положительные, деловые, доверительные</span>
<br/><span style="font-size: 10px">Давняя подруга, которой я точно могу доверить кое-что из того, о чем другим знать совсем не обязательно. Она прятала по своим тайникам мои вещи — все эти запретные предметы, амулеты и книги, — о которых не должны узнать, а я дарил ей травы, каких не найти на Осте. Она интересный собеседник и, пожалуй, импонирует мне, несмотря на все ходящие о ней слухи (люди глупы и их россказням верить опасно). У <a href="http://dagort.ru/profile.php?id=32"><strong>Зоркой Мэгги</strong></a> много тайн, я чувствую это, и когда-нибудь, возможно, я рискну вызнать о них.</span>
        </p>
        <hr/>
        <p>
???
        </p>
        <hr/>
    </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: #d7d7d7;
margin:auto;
box-shadow: 0 0 0 0px 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 #d7d7d7}

.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
}

.spiritsecond {background: #d7d7d7;
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: #f1f1f1;
  width: 195px;
  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: 188px;
height: 3px;
background: #fefefe;
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: #b95f43;}
.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: 188px;
height: 3px;
background: #581600;
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]

2

  • Автор: Monday
  • Администратор
  • Monday
  • Уважение: [+0/-0]

[indent]— Фелиша, она же Фифи ;
[indent][float=right]http://sg.uploads.ru/pftFe.png[/float]Человеческий, женский череп неустановленной этнической группы; ориентировано насчитывает возраст от трёх и более столетий. Визуально примечателен обильными кристаллическими наростами голубо-сиреневого цветов, и наличием медных прожилок в черепных сечениях (образцы за номерами К-348 и М-206 хранятся в IV-й секции вещественного архива левого корпуса). Установлено, но не внесено в заключение: со слов эпигонов череп отличается высокой степенью "певучести", ими же охарактеризованный, как: "говорливый", "зловредный", "сварливый".
[indent]Черп был найден в 1802-ом году Виктором Гроссербергом, во время раскопок в северном регионе материка; позже доставлен в Коллегию Исследователей для анализа и описи. Закрепленное за черепом имя "Фелиша" было дано также Виктором Гроссербергом.
[indent]Документально череп был уничтожен спустя три месяца после поступления в хранилище Коллегии по предписанию об уничтожении останков. На деле — Фифи уже восьмой год проживает в закрытой секции стеллажа в кабинете Виктора, любовно прикрытая тряпочкой и доводящая до нервного тика особенно восприимчивых к костному пению эпигонов.

авторство: Рейнард
[indent]виктор гроссерберг приглашает его к себе в кабинет морозным, солнечным утром: он буквально ловит шимуса за ворот пальто в одном из коридоров коллегии и разворачивает лицом в другую сторону. шимус, чуть не выронивший из рук ветхие свитки, поднимает на него затравленный взгляд, на который виктор совершенно не обращает внимания — он лишь манит за собой рваным жестом, ничего не объясняя и отсекая любую возможность задать вполне резонный вопрос.
[indent]шимус медленно выдыхает прохладный, сыроватый воздух, и пальцы его трепетно придерживают древние рукописи, с запросом на которые он устраивал героически набеги на кабинет верховного архивариуса в течении трех месяцев. шимус выдыхает прохладный, сыроватый воздух и следует за стремительно удаляющейся фигурой, грубой тенью врубленной в ореоле подсвеченных солнцем арок.
[indent]виктор, как ни странно, пригласил его в свой личный кабинет. личный кабинет, который больше похож на итог величайшего погрома, но никак не на место, в котором изредка пребывает обладатель чуткого, живого ума. шимус воровато оглядывается по сторонам, словно боится, будто его интерес будет замечен, медленно и аккуратно ступая по скрипучему полу, чувствуя, как в ноздри забиваются запахи бумаги, пыли и каких-то восточных благовоний. он часто смотрит под ноги, лишь бы не наступить на очередную книгу или выпотрошенную (он предпочел бы не знать, кем) тетрадь с записями. виктор же передвигается в этом беспорядке до удивления плавно и со знанием дела, не задевая хрупко стоящие на стопах рукописей предметы даже полами своего пальто. шимус застывает посреди кабинета, вглядываясь в пламя свечей, разглядывая очередные заметки, оставленные чужой рукой, засушенные цветы в граненном стакане. а потом упирается взглядом в один из стеллажей, заставленных то ли книгами, то ли очередным мусором, назначение которого известно лишь его владельцу.
[indent]стеллаж издавал еле заметное, но навязчивое бормотание. ни словечка шимус не могу разобрать, и пальцы его, все еще сжимающие хрупкие свитки верховного архивариуса, начинают дрожать, и весь он заходится мелкой, нездоровой дрожью. ноги его будто врастают в древесные половицы, и весь окружающий мир будто перестает существовать: существует лишь этот усиливающийся гомон и сам шимус, что завороженный, вглядывающийся в темные глубины загадочного стеллажа.
[indent]виски его наливаются болью.
[indent]виктор говорит:
[indent]— мой лорд, просыпайтесь, — говорит виктор, негромко хлопая в ладоши. хлопок этот для шимуса кажется громче взрыва. — мне крайне неудобно прерывать ваш сон, но ваша аудиенция уже началась.
[indent]шимус морщится.
[indent]шимус не сводит пустого взгляда со стеллажа.
[indent]шимус спрашивает:
[indent]— господин гроссерберг, в вашем кабинете хранятся кости? — спрашивает шимус, и интонации у него медленные, неторопливые, монотонные. кивок головы его указывает на проклятый стеллаж. — предположительно, человеческие. предположительно, в этом стеллаже.
[indent]виктор теперь тоже смотрит в глубины стеллажа. шимус аккуратно опускает свитки в первое попавшееся кресло, даже не думая об их сохранности, и делает шаг. второй. третий. делает еще шаг, и еще, и снова, пока не оказывается к стеллажу вплотную — он протягивает к верхним полкам руку, так и не решаясь отодвинуть одну из книжных стопок в сторону.
[indent]виктор говорит:
[indent]— с чего ты взял, дорогой мой шимус, что в моем кабинете хранятся предположительно человеческие кости, предположительно в этом стеллажи?
[indent]голос у виктора неприятный. заискивающий. какой-то неправильный и опасный. за бормотанием человеческих костей шимус не слышит скрытого смысла, что прячется за этим вопросом. шимуса волнует лишь гомон, исходящий из недр стеллажа, совсем рядом. так рядом, что протянешь руку и почувствуешь тайну. раскроешь секрет. коснешься правды.
[indent]виски ломит. в горле першит.
[indent]шимус, без доли сомнения, говорит:
[indent]— виктор, эти кости поют. они хотят, чтобы я их увидел.
[indent]говорит это так наивно и с таким трепетом, что в пору забеспокоиться за собственную сохранность. виктор медленно выдыхает, и в выдохе его слышится не то улыбка, не до веселое понимание. он поднимается со своего древнего, как и все в этом кабинете, скрипучего кресла, встает позади так близко, что кожа на спине начинает зудеть от нарушения границ личного пространства. шимуса трясет, и он тупо следит за тем, как ладонь виктора утопает в тенях одной из полок, из которой выуживает то, что не давало ему покоя. что звало и село ему. что наполняло его голову болью, а тело — дрожью холода и предвкушении.
[indent]виктор достает человеческий череп. череп, заросший словно сверкающими изнутри кристаллами, переливающими свет свечей из грани в грань. медные жилы, трещинами покрывающими лобную и затылочную долю, походили на свежие струйки крови. шимус смотрел в темные провалы пустых глазниц, и чувствовал, как мертвая песнь забивалась в уши, ноздри и рот.
[indent]виктор кладет череп в его, шимуса, ладонь. и тело его, до этого охладевшее в пахнущем бумагой, пылью и восточными благовониями, вдруг успокаивается, замирает, застывает.
[indent]пальцы его больше не дрожат.

3

  • Автор: Monday
  • Администратор
  • Monday
  • Уважение: [+0/-0]

Забвение 85 мл

Расслоенная, прозрачная жидкость с комковатым, белым осадком; при взбалтывании приобретает молочно-белый цвет. Обладает сладковатым, цветочным запахом и горьким вкусом. Распространяется в высоких, 100 мл бутылях синего стекла с крышкой-пипеткой.

• 25 мл молочка из семян мака

• 4 мл настойки плодов болиголова

• 18 мл масляной вытяжки шлемника мааского

• 8 мл масляной вытяжки цветков вербены

• 30 мл воды разведенной с опием-сырцом

• эффект: болеутоляющее средство наркотической группы, обладающее успокаивающим и снотворным эффектами.
• дозировка: 1 мл (1 капля) для успокаивающего эффекта; 3 мл (3 капли) для снятия боли; 7 мл (7 капель) для снотворного эффекта - не чаще 1 раза в 12 часов.
• свойства: частично (или полностью - в зависимости от дозировки) угнетает работу нервной системы, в течении 30 минут после принятия препарата влияя на очаги боли, блокируя их и оказывая болеутоляющий эффект (применение при желудочных болях не рекомендуется), в полноте сохраняющийся до 6 часов, после чего эффективность постепенно снижается в течении еще пяти часов.
• применение: пероральное принятие, посредством нанесение необходимой дозы препарата на корень языка признанно наиболее эффективным; при резкой реакции на горечь допускается разведение удвоенной дозы препарата в теплой, подслащенной воде.
• побочные эффекты: легкое головокружение, расфокусировка зрения, незначительное нарушение когнитивных функций, незначительное чувство дезориентации, притупление рефлексов. Превышение рекомендованной максимальной дозы более чем в два раза может привести к интоксикации компонентами препарата. При хроническом употреблении рекомендуется делать перерывы не менее 2-х недель во избежание привыкания.
• передозировка: тошнота, рези в желудке, жар, затрудненное дыхание, учащенное сердцебиение (вплоть до остановки сердца), острый бред, паранойя, визуальные и обонятельные галлюцинации, беспокойство, резкие смены настроения, мидриаз, светочувствительность. При подозрении на передозировку, рекомендуется дать пострадавшему раствор вытяжки ягод волковника, поставить холодные компрессы, держать в состоянии покоя в темном помещении и давать обильное питье.

Изобретением рецепта препарата в течении нескольких лет занимался Арчибальд Уайтвол - месмер, ботаник и ученый - долгое время страдавший от интенсивных мигреней и бессонницы. Из-за вызывающих привыкание компонентов и сложности их получения (за счет сезонности добытия, ограниченной весенне-летним периодом), а также высокой себе стоимости, препарат так и не получил широкого распространения, но до сих пор производится семьей Уайтвол малыми партиями (по персональным заказам), и продается со строгим ограничением: не более двух флаконов в месяц в одни руки. За махинаци и случаи превышения рекомендованной дозы Уайтволы ответственности не несут.

4

  • Автор: Monday
  • Администратор
  • Monday
  • Уважение: [+0/-0]

[html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="http://sg.uploads.ru/o9RXn.png"></div>
    <div class="spiritfirsttitle">михаил
<br>свиридов
      <subtitle>— «добро пожаловать отсюда»</subtitle></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>
        <span style="display: block; text-align: center"><a href="ССЫЛКА" rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ ЭП</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>имя</strong> × <strong>имя</strong><br/><span style="font-size: 10px">ДАТА<br/>МЕСТО</span></p></td><td><p>ОПИСАНИЕ</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="ССЫЛКА" rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ ЭП</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>имя</strong> × <strong>имя</strong><br/><span style="font-size: 10px">ДАТА<br/>МЕСТО</span></p></td><td><p>ОПИСАНИЕ</p></td></tr></table>
        <hr/>
    </section> 
    <section id="content-tab2">
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ АРТ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ АРТ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ АРТ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
    </section>
   <section id="content-tab3">
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ РАСХ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ РАСХ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ РАСХ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
    </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: 700px;
height: 520px;
background: #d7d7d7;
margin:auto;
box-shadow: 0 0 0 0px 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 #d7d7d7}

.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
}

.spiritsecond {background: #d7d7d7;
width: 479px;
  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: #f1f1f1;
  width: 161px;
  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: 157px;
height: 3px;
background: #fefefe;
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: #b95f43;}
.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: 157px;
height: 3px;
background: #581600;
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]

5

  • Автор: Monday
  • Администратор
  • Monday
  • Уважение: [+0/-0]

[html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="https://i.imgur.com/Q2x3ggn.png"></div>
    <div class="spiritfirsttitle">очень
<br>злая собака
      <subtitle>— «добро пожаловать отсюда»</subtitle></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>
        <span style="display: block; text-align: center"><a href="ССЫЛКА" rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ ЭП</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>имя</strong> × <strong>имя</strong><br/><span style="font-size: 10px">ДАТА<br/>МЕСТО</span></p></td><td><p>ОПИСАНИЕ</p></td></tr></table>
        <hr/>
        <p>
        <span style="display: block; text-align: center"><a href="ССЫЛКА" rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ ЭП</span></a><br /><span style="font-size: 10px">личный эпизод <sup>[ активен ]</sup></span></span></p><table style="table-layout:fixed;width:100%"><tr><td><p><strong>имя</strong> × <strong>имя</strong><br/><span style="font-size: 10px">ДАТА<br/>МЕСТО</span></p></td><td><p>ОПИСАНИЕ</p></td></tr></table>
        <hr/>
    </section> 
    <section id="content-tab2">
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ АРТ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ АРТ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ АРТ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
    </section>
   <section id="content-tab3">
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ РАСХ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ РАСХ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
       <p>
        <span style="display: block; text-align: center"><rel="nofollow" target="_blank"><span style="font-size: 18px">НАЗВАНИЕ РАСХ</span></a><br /><span style="font-size: 10px">редкий артефакт</span></span></p><table style="table-layout:fixed;width:100%"><tr><td valign=top width="120px"><p><img src="https://i.imgur.com/VOIQtVA.jpg"></span></p></td><td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis suscipit mauris, sed lobortis arcu semper et. Sed efficitur fringilla lorem, at pharetra libero molestie quis. Fusce ut nulla cursus, pellentesque neque sed, vestibulum massa. Fusce tincidunt tincidunt ex a egestas.
<br>
<br>
<strong>История  //</strong> Suspendisse fermentum tellus id massa pretium mollis nec vel eros. In sapien risus, venenatis vel elit et, rutrum mollis sapien. Proin eu pretium augue, in scelerisque dolor. Nullam dapibus metus sapien, ac molestie neque tincidunt vel. Fusce non condimentum nunc, sit amet malesuada arcu.</p></td></tr></table>
        <hr/>
    </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: 700px;
height: 520px;
background: #d7d7d7;
margin:auto;
box-shadow: 0 0 0 0px 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 #d7d7d7}

.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
}

.spiritsecond {background: #d7d7d7;
width: 479px;
  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: #f1f1f1;
  width: 161px;
  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: 157px;
height: 3px;
background: #fefefe;
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: #b95f43;}
.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: 157px;
height: 3px;
background: #581600;
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]

6

  • Автор: Monday
  • Администратор
  • Monday
  • Уважение: [+0/-0]

август шоу
august shaw
2о.о8.1894 › 128 [ 32 ]
lurk

|

× doja cat // boss bitch
× baklan // it was a show
× die antwoord // baby's on fire

https://forumupload.ru/uploads/0014/d3/8b/2/474225.png https://forumupload.ru/uploads/0014/d3/8b/2/826547.png https://forumupload.ru/uploads/0014/d3/8b/2/524030.png https://forumupload.ru/uploads/0014/d3/8b/2/317911.png
RAFA RECH

[indent] • уроженец франции, патриот своей страны. искушенный ценитель круассанов, улиток в чесночном соусе, настоящего шампанского из шампани, высокой моды и эстетики во всем и сразу. настолько же парле франсе, что пиздеть на французском иной раз начинает сам того не понимая, чем страшно всех раздражает;
[indent] • сын крайне экстраординарной пары чистокровных ведьмаков, результат брака по расчету, но все равно мамино солнышко. все детство наблюдал, как ма и папа флиртовали друг с другом посредством метания ножей (обязательно по средам); психику ему это не сломало, но строить с ним какие-либо отношения задача из разряда высшей математики;
[indent] • из ключевой родни: тетка по матери одетт — древняя как мир мегера из монпелье, которую он любит и ненавидит одновременно, именно она взялась за его магическое воспитание, когда поняла, что ее нерадивая сестра никак не хочет доставать из его рта серебряную ложечку; тетка обладала характером крайне непредсказуемым, эгоцентричным, но в то же время терпимым, так что то что она иной раз позволяла себе запустить в нерадивого племянника древним фолиантом, не отрицало того, что она попускала и закрывала глаза на его ночные похождения;
[indent] сестра жизель — наследница папиного ума и его же путеводная звезда. берет всех вокруг на удушающий своим менторским пиздежом о высших материях, умна до неприличия, тактична и воспитана до отвращения, педантична и расчетлива, всегда знает как лучше. август знает, что жизель по большей части превосходит его, но все равно не устает напоминать ей о том, что с ее характером она до скончания времен останется старой девой, потому что мужики от ее занудства будут разбегаться, как тараканы от света;
[indent] • пока жил с теткой в монпелье практикуя и шлифуя магические таланты, постоянно съебывался то гулять по кабакам, то к этан-де-то, где водил дружбу с местными сиренами и прочим рыбоморфным народцем. вспоминает об этом времени всегда с флером приятной и уютной ностальгии, а к водной стихии до сих пор неровно дышит;
[indent] • всю жизнь живет то ли на птичьих правах, то ли на правах содержанки и всегда на грани фолла. четверть мира точно исколесил так или иначе. много времени провел во франции, послевоенной германии, новом орлеане и лас-вегасе. в свое время был и конферансье в маленьком лондонском театре, и натурщиком во флорентийском пригороде, какое-то время путешествовал с бродячим цирком и брался за нехитрые статейки для последних полос желтых газетенок;
[indent] • драться не хочет из обостренного чувства прекрасного, зато съебывается с грациозностью лани, потому что сестре может и достался отцовский ум, зато ему — мамина красота и длинные ноги. махать кулаками удел холопов и маргиналов, он же как создание исключительно возвышенное, предпочитает месить грязь чужими руками, портить авторитеты, организовывать изящные подлости и по-скотски подсирать недругам втихушу. вообще организует все что угодно: хоть детский утренник, хоть похищение королевы норвегии;
[indent] • возраст, как социальный конструкт. до сих пор не избавился от шила в жопе и стремления к эпатированию, разве что перестал прыгать по три раза на одни и те же грабли. неприлично слащав, манерен, высокомерен и брезглив, не строитель но постоянно строит из себя хуй пойми что. уверенно говорит о том, чего не понимает, при чем искренне в свой пиздеж верит, а потому звучит настолько убедительно, что ему все почему-то тоже верят;
[indent] • коллекционирует древние книги, артефакты и слухи; тяготит к мистическому, эзотерическому и необъяснимому, шляется по антикварным лавкам и гадальным салонам, посещает семинары по экстрасенсорике и престранные фестивали, тратит массу времени на мистическую литературу и кинематограф. в полном восторге от разного рода гаданий на костях, гущах, картах, ладошках и прочих цыганских фокусов на которые ведется с каким-то истинно детским восторгом;
[indent] • создает впечатление ветреного и легкомысленного щеголя, хотя де факто та еще зловредно-хитровыебанная падла;
[indent] • отжал у бывшего землю на аляске и отгрохал там совмещенное с винотекой кабаре, которое живет выступлениями в туристический сезон, а в мертвый сезон выживает на продаже вина;
[indent] • ему пришлось трижды жениться и один раз выйти замуж, чтобы понять, что такие конкурсы не для него. впрочем, он неплохо заработал на брачных контрактах, а одна из его жен загадочно и трагично погибла (и это точно не его рук дело);
[indent] • жуткий собственник и твердолобый баран, на уступки никогда не идет просто так, на все имеет какой-то хитрожопый план, если ему что-то очень надо, то заебет до смерти всех вокруг, но свое получит так или иначе;
[indent] • человек откровенно серой морали, отсутствия всякого смущения, присутствия крайне натянутого такта и ужасающей прямолинейности. травит анекдоты на поминках, за спасибо соглашается на оргии, равнодушно относится ко всякого рода депривациям, в принципе ему насрать что вы ебете козу посреди главной городской площади, с отсылкой на то, что коза не его;
[indent] • маргарита и космополитан — вместо чашки кофе по утрам. вообще де факто импонирует светлому алкоголю любой крепости и вкуса в любое время суток, а также десертным коктейлям разного толка;
[indent] • как всякая "королева школы" имеет страшненькую лучшую подружку. подружка у него, правда, незримая, почти четырехметровая и имеющая сущность такую же хитровыебанную ему под стать. подружкой он зовет септема, духа с которым у него заключен долговременный контракт на контракты — август "разводит на бабки" людей и другую нечисть, кося под демона перекрестка с обещаниями неба в алмазах и золотых гор. прикола он не понимает, но с септемом уже давно притерся и чувствует себя неуютно без своей преснолицей персональной рельсы за плечами, хотя нахер они друг друга посылают с завидной частотой;
[indent] • слишком часто упоминает имя господа всуе, находя это избитым, но все равно ироничным. вообще в целом находит религиозные веяния крайне занимательными. касательно речевых привычек, также часто пользуется уменьшительно-ласкательными формами слов при обращении к кому-либо (вне зависимости от степени знакомства);
[indent] • владеет симпатичным молескином в оттенке 15-0751 с нанесенным на обложку изображением семистрельной иконы. книжечка по совместительству является артефактом: хранилищем для излишка лимфы (хотя мистичны в ней как "хранилище" только проросшие по форме нимба иконы камни); а так же тем самым "журнальчиком учета всякого разного" — записи в молескине постоянно изменяют порядок, перешифровываются, меняют язык написания и вообще всячески мешают непрошеному зрителю понять написанное.

Страница: 1

Вы здесь » хранилище ; » Ячейка A9-31 » таблица

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