Здесь делается вжух 🪄

Рядом с владельцем аптеки она так же увидела рыжеволосую молодую женщину, которая тут же подошла к ней выпалила пару фраз и счастливая испарилась. Так что Туни успела лишь только вымолвить — Взаимно, — ворчливым она Арсениуса, конечно, не считала, но из слов последнего поняла, что видимо у него довольно близкие отношения с помощницей, если у них позволительно такие шутки шутить. Вот у них в Гранингс вряд ли бы кто-то так пошутил при их начальнике. Маги одним словом.Petunia Evans

Скептический взгляд Арсениуса метнулся к Дамоклу. К какой это такой “подобной ситуации” он готовился? В планах самого Джиггера в принципе отсутствовал пункт, где он должен будет обратиться к вампирам за помощью, но комментарии волшебник оставил при себе. Возможно, у друга есть какой-то план по созданию сети должников на разные случаи жизни, Арсениус не удивился бы, если у целителя уже в книжечке “запросить поддержку” числились пикси, драконы и тролли.Arsenius Jigger

— Не знал, но не удивлюсь, если её всё равно едят. Ты наверняка можешь правильно её приготовить? — Рыба-фугу, вероятно, не водится в реках Великобритании, если уж Фебус, пусть и далёкий от интереса к названию зверья без необходимости, совсем не слышал про такую. Для него всё гораздо проще: поймал — значит можно сожрать. А если оно окажется ядовитым — с большой вероятностью организм оборотня переварит такую тварь без фатальных последствий.Phoebus Howling

Скептический взгляд Арсениуса метнулся к Дамоклу. К какой это такой “подобной ситуации” он готовился? В планах самого Джиггера в принципе отсутствовал пункт, где он должен будет обратиться к вампирам за помощью, но комментарии волшебник оставил при себе. Возможно, у друга есть какой-то план по созданию сети должников на разные случаи жизни, Арсениус не удивился бы, если у целителя уже в книжечке “запросить поддержку” числились пикси, драконы и тролли.Arsenius Jigger

«Шлёп. Бум. Шмяк» — раздавалось за дверью, и Лит обречённо вздохнул. По всему выходило, что спокойный сон ему не светит: за физзгигом стоило приглядеть, чтобы тот не поранился в попытках выбраться. Неугомонное создание. Стащив с кровати подушку и одеяло, он велел животным не волноваться и снова зашёл в комнату, где обосновался клыкастый зверь. На полу тут и там виднелись капли крови, но, к счастью, принадлежали они не физзгигу, а всего лишь уже сожранному кролику. Дверь захлопнулась, отрезая обоим путь к побегу.Hippolytus Scamander

На коварный вопрос “верила ли она в преображение” Симона стыдливо промолчала. Отвечать честно утвердительно не позволяло чувство такта и благодарности (все-таки ведьма выполнила свою часть уговора, не бросила апеллируя к собственной неуклюжести итальянки), а врать не хотелось. Почему-то думалось, что ложь Локуста распознает на раз. И не оценит, даже если то будет ложь из вежливости.Simona Fiorelli

Когда этот день начинался, то Джу и представить не могла, что они увидят нечто настолько ужасное. И дело даже не в пропаже людей, искусственно созданном пространстве или каких-то монстрах. Дело в людях, когда речь о чём-то страшном, то дело всегда в них.Judith Milligan

Такого вопиющего в своей наглости поведения Долиш стерпеть не мог. — Не вали с больной головы на здоровую! Сам небось вообще не на тот рецепт смотришь. Одиннадцатая страница. Один-над-ца-тая, — Джон тянет по слогам, глядя на одноклассника с пренебрежительной снисходительностью. — Понимаю, это целое двухзначное число и тебе может быть тяжело сосчитать до него, но это Хогвартс, тут тебе придется сложно, если не сделаешь усилие над своей умственной неполноценностью.John Dawlish

Северус входит и останавливается. Запах трав и лекарственных зелий сразу ударяет в нос, но все равно ему кажется, что здесь все пахнет иначе. Сев не может объяснить действительно ли это так, или это игра его воображения. Все, что связано с Эванс до сих пор меняет его взгляды на происходящее. Он не злодей, не жертва обстоятельств, он просто человек, который раз за разом делает неправильный выбор, потому что хочет что-то доказать этому миру, себе. Хочет, но не может этого достичь.Severus Snape

— Дорогая Беллатрикс, — он лично считает, что начало ему удалось деликатнее некуда. Отличное великосветское начало. — какого драккла... — все же он староста и нужно сразу показать, как серьезны его намерения. Впрочем, так тоже нельзя, вспоминает Люциус... Нужно деликатно, она же Дама. Ну, будет. Через пару лет. Нужно как-то...без обвинений. — творится? Мы потеряли столько баллов, что я подумал: тебе, вероятно, нужна помощь...Lucius Malfoy

Взглядом провожает Беллу, которая идёт к нему и поднимает бровь, продолжая стоять на месте. Палочка в руках раздражала, как и то, что она ходит вокруг, а из-за своего роста, её причёска, которая похожа на его после полнолуния, мельтешила перед глазами. Инстинкт так и поддевал схватить малявку, у неё то палочка, но ему вспомнился пьяница на празднике Рождества, который устроил дебош и оказался в не лучшем положении, когда палочку сломали. А с ней тоже был очень уверен.Fenrir Greyback

Поведение Фенрира, явившегося к Темному Лорду, кажется ей вызывающим. Он не склоняет головы. Кивает, будто бы равному. Одно простенькое движение заставляет кровь Лестрейндж вскипеть. Она вспыльчива и фанатична, когда дело касается Повелителя. Рука невольно стискивает волшебную палочку. Одно единственное заклинание, самый простенький «Империус» и эта шавка будет не просто отвешивать поклоны – кинется лобызать ему ноги. Белла делает глубокий вздох. Не сейчас. Этот союз важен.Bellatrix Lestrange

Хотел бы на Гриффиндор? Нет. Конечно же нет! Почему я должен хотеть на Гриффиндор? Только потому что там Сириус? Я вообще-то не приложение к брату, чтобы следовать за ним по факультетам, коридорам и вообще по жизни. Да мы даже не похожи! Мать говорит, что он породы »британская… дворняга"… Я тебе точно говорю, его усыновили! Иначе с чего бы вдруг он попал на Гриффиндор. Это же немыслимо!Regulus Black

И конечно же, именно в тот вечер, когда Ремус решил заняться своим эссе, пока не пришло время ужина, библиотека переполнена студентами, хотя до экзаменов ещё несколько месяцев. Как будто бы на всех напала учебная лихорадка, или призрак Елены Рейвенкло, вспомнив девиз факультета своей матери, прокралась в головы учеников, поселив в них рвение к учёбе. Нашлись среди занявших столы между стеллажами и несколько парочек, больше занятых поцелуями и хихиканьем, как будто бы нельзя было найти места получше. Их Рем старался проходить как можно быстрее и как раз на одну такую наткнулся, сперва густо покраснев, а потом побледнев, когда встретился взглядом со старшекурсницей из Слизерина, оторвавшейся от своего приятеля.Remus Lupin

Джули едва ли могла уверенно сказать, что знала ее — видела пару раз на собраниях Ордена, и слышала слух, что недавняя выпускница факультета Рейвенкло обладает удивительным талантом находить общий язык с детьми, и вот же — свидетельство чуда без мановений волшебной палочкой. Кевин, задержав говорящий вместо него взгляд на волшебнице, перевел его обратно на Джули — и на нее уже смотрел не навсегда потерявший радость и наивность детства оставленный сын, а решившийся наконец-то открыть украшенный подарок ребенок, вдруг поверивший, что он правда для него.Julia White

Сколько лет прошло — мысли о родовых обязательствах наполняли душу матери горечью, которую не перебить ни сладким чаем ни теплой беседой, и смириться с тем, что предначертано — никогда не означало принять. Сколько бы наследных мальчиков не должно было пройти становление патриархами, сколько бы девочек не должно было лечь на заклание в русла кровных уз — легче к этому невозможно было относиться. Не той женщине, что сама оказалась предметом сделки двух ростовщиков, когда могла стать супругом патриарха Эйвери по собственной воле, если бы ей только дали выбор.Alexandrite Avery

В воцарившейся тишине купе собственные мысли стали ощутимо громче. Их с Александрит последняя встреча... обнадёживала. Однако, не так-то просто перечеркнуть годы отстранённости и прохлады, и где-то на задворках холодной души патриарха всё ещё скребло опасение — опасение, что она передумает, что всё вернётся к тому, что было до. Оно не вызывало тревоги, поскольку Морвран уже давно привык смиренно принимать правила, диктуемые супругой. Так же, как она когда-то приняла условия четырежды проклятого договора их предков.Morvran Avery

Поняла ли Александрит что-то про неё и Дамокла? Даже если и так, она была бы последним человеком, которого Роуз могла заподозрить в каких-то злых намерениях и распространении слухов. Глупо, наивно, они ведь толком незнакомы. Да и разница в их с Дамоклом чистоте крови могла возмутить аристократку сильнее, чем разница в их возрасте. Но Александрит не выглядела ни возмущённой, ни желающей вывести её на чистую воду. Даже подозревать эту волшебницу в подобных мыслях казалось оскорблением.Rose Harland

Как будто ей снова девять. Как будто она весь день носилась на улице. И как будто после такого длинного и занятого важными детскими делами дня она наконец вернулась домой, где ее очень-очень ждали. И если бы Марлин не знала, что подобной магии не существует, она непременно бы заподозрила семейство Уизли в каких-нибудь хитрых чарах, заставляющих каждого почувствовать себя самым желанным из гостей.Marlene McKinnon

Конец мелодии чуть участился вновь, дрогнул, окончившись величаво, как если бы само закатное солнце поставило точку перед тем, как полностью исчезнуть с горизонта, оставив после себя жаркие огненные крылья на небе. Прохладные пальцы Мальсибера, пока он играл, согрелись о мамино стучащее сердце, кривой рот исправился на легкую мягкую улыбку, а потемневшие до этого от злости зеленые глаза смягчились, сверкая при свечах как два изумруда.Anthony Mulciber

Они справятся. Джеймс и Лили справятся. Сириус и Марлин. Орден Феникса. Глядя на то, как две чистые любящие души выбирают друг друга, стоя перед алтарем, глядя влюбленно, счастливо, волнительно, у шафера жениха не остается и тени сомнений, что все они справятся. Солнечные лучи, бьющие золотом на брачующихся, словно благословляют их на долгую жизнь вместе. Сириус улыбается. Они этого заслужили.Sirius Black

Дирк бесконечно любил осень именно за конец октября. Редкое время в году, когда можно было объедаться тыквенными кексами, пить литрами тыквенный сок, и никто не осудит, ведь Хэллоуин на носу! Кругом тыквы, даже маги соревнуются друг с другом за право называться королём самой большой красивой тыквы, выросшей на их грядке. Вырезают страшные лица, проводят маскарады, украшают свои дома различными ужасами, показывая, что принимают зло, живущее в мире, как должное. И Крессвел с удовольствием этим пользовался, чтобы не отказывать себе в печеньках и сладостях, потому что не обожать тыкву — кощунство!Dirk Cresswell

Прямо сейчас куда больше восторга в ней вызвала реакция Авроры, ее глаза, полные счастья и обожания. С каплей недоверия Лавиния тоже шагнула ближе, чтоб разглядеть аликорна, но он и правда был цел. Будто бы новенький и только-только подаренный. Сестра тут же со своими обыкновенными искренностью и совершенно неконтролируемой, как и все ее остальные эмоции, благодарностью бросилась к Тони с криками. На этот раз счастливыми.Lavinia Mulciber

— Сладенький, ты всегда такой нервный? – спрашивает Раймонд бармена, наблюдая за улыбающимся Мальсибером. Он понимает, что этот сукин сын не испугался ни на секунду. Волшебник ему однозначно нравится. Рай жадно смотрит на Энтони, чувствуя, что, возможно, может не просто поконкурировать с ним в жестокости, но даже чему-то научиться.Raymond Pyrites

Сознание возвращается медленно и нехотя. Сначала появляются запахи, горькие зелья, чистое бельё и что-то травяное. Потом звуки, тиканье часов, шелест занавески, приглушённые шаги. Уиспер пытается открыть глаза, но свет немедленно вонзается в голову раскалённой иглой. Уиспер осторожно ощупывает языком зубы, все на месте, уже неплохо. Воспоминания возвращаются обрывками: Эван с битой, направленный в Тристиана удар, столкновение плечами, облупившаяся синяя краска и пустота. — Надеюсь, я красиво упал, — смеется он, но никто ему не отвечает. Только когда удается открыть глаза он видит сладости на прикроватной тумбочке и почему-то шоколадные лягушки с надписями на французском языке и французскими волшебниками.Whisper Whisp

Через несколько минут они будут идти с Уиспером по увешанному рождественскими гирляндами Косому переулку, кутаться в тёплые мантии, заглянут в небольшое кафе, из которого так уютно на всю улицу звучат рождественские песни Селестины Уорлок. Эван припомнит, что летом отсюда так же играла какая-то песня Селестины, и они точно так же решили заглянуть в это место свободным прохладным июльским вечером. — С Рождеством, — скажет он Уисперу совсем по-другому, не так, как говорил эти слова за столом в шумной редакции. И подумает про себя, что хотел бы встретить ещё сотню таких праздников, стукаясь кружками сливочного пива с корицей с этим парнем, и глядя в эти для одного него тёплые глаза. И загадает рождественское желание, о котором нельзя рассказывать вслух. Иначе не сбудется.Evan Rosier

Праздник догорел незаметно и быстро, как свеча за рождественским столом. Никто здесь не был настроен на работу, так что опоздание Эммы быстро забылось. Признаться, она и сама отвлеклась от своего приключения, проникнувшись духом Рождества, которое в редакции всё равно пахло не только хвоей и имбирём, но и чернилами, и свежими газетами.Emma Squiggle

Бесконечные вопросы, с его появлением вновь нахлынувшие бурным потоком, не могли пробиться сквозь ощущение его рядом, целого и невредимого. Его губы на её губах, вкус его поцелуев, который она так боялась навсегда забыть, тепло его тела под её руками и эти объятия, в которых всегда казалось, что безопаснее в мире места нет, всё это казалось сном. Одним из тех, в которых Дамокл возвращается к ней, целует, успокаивает, а потом она просыпается одна в пустой постели. — Ты же не снишься мне, правда?Rose Harland

постописцы августа
С чем еще ей решительно повезло, так это со спутником жизни. Волшебница всегда удивлялась тому, как Артур виртуозно невилирует сложности. Как он шутит, когда она хочет плакать. Как поддерживает ее, замалчивая свои проблемы. Которых, Молли уверена, тоже было предостаточно. Артур ни разу за всю их совместную жизнь не заставил свою жену почувствовать себя не на своем месте; не давал ни единого повода для зарождения мысли о расставании или разводе. Он любил ее и это было очевидно даже слепому. А уж как он любил детей! Одна из причин, по которой Молли снова и снова готова была рожать — то самое плечо рядом, с которым ничего не страшно. Артур давал жене уверенность в том, что, что бы ни случилось, они со всем справятся.
Molly Weasley читать дальше
эпизод недели
Генри Форду и не снилось Arthur & Charity
Подарки Осенние!
Пазломания NEW!
Игорный домставки 21.09-27.09
Смотрим фильмыдетектив
Наша телегаподписывайся!

safe space design

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

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

Вы здесь » safe space design » Новый форум » Банк

Банк

Страница: 1

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

1

  • Автор: squirrel
  • Администратор
  • squirrel
  • Люсьен Олливандер, 25
    Младший нексусолог, Отдел Тайн
    ㅤ
  • Сообщений: 37
  • Уважение: +9
  • посты: 1345
  • банк: 246678



Gringotts Wizarding Bank
Enter, stranger, but take heed
Of what awaits the sin of greed

Здесь вы можете проводить манипуляции со своими денежными средствами.


Передавать средства можно между своими профилями

Шаблон для заявок
Код:
[b]За что:[/b] название услуги и подтверждение ссылками/скринами
[b]Сколько:[/b] сколько должно быть добавлено или списано
[b]Итоговая сумма:[/b] остаток на счету

[html]
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">

<style>

.bank-wrap {
    --bank-dark: #2d2635;
    --bank-purple: #5f4c75;
    --bank-purple-light: #806a99;
    --bank-gold: #b79a62;
    --bank-gold-light: #d8c7a5;
    --bank-paper: #f4f0e8;
    --bank-paper-dark: #e7e0d5;
    --bank-text: #403a43;
    --bank-muted: #837b86;

    width: 100%;
    max-width: 900px;
    margin: 25px auto;
    padding: 0;

    box-sizing: border-box;

    font-family: Georgia, "Times New Roman", serif;
    color: var(--bank-text);
}

/* ВЕРХНИЙ БЛОК */

.bank-header {
    position: relative;
    overflow: hidden;

    padding: 30px 30px 27px;
    margin-bottom: 18px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,0)
        ),
        #332b3b;

    border: 1px solid #554760;
    border-radius: 16px;

    box-shadow:
        0 8px 25px rgba(30,20,35,.12),
        inset 0 0 0 1px rgba(255,255,255,.03);

    text-align: center;
}

.bank-header:before,
.bank-header:after {
    content: "";
    position: absolute;

    width: 180px;
    height: 180px;

    border: 1px solid rgba(183,154,98,.13);
    border-radius: 50%;
}

.bank-header:before {
    top: -115px;
    left: -65px;
}

.bank-header:after {
    right: -70px;
    bottom: -125px;
}

.bank-emblem {
    width: 45px;
    height: 45px;

    margin: 0 auto 13px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid var(--bank-gold);
    border-radius: 50%;

    color: var(--bank-gold-light);

    font-family: Georgia, serif;
    font-size: 19px;

    box-shadow:
        0 0 0 5px rgba(183,154,98,.05);
}

.bank-header-title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 4px;

    color: var(--bank-gold-light);
}

.bank-header-line {
    width: 55px;
    height: 1px;

    margin: 15px auto 0;

    background: var(--bank-gold);

    opacity: .55;
}

/* ВКЛАДКИ */

.bank-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;

    width: 100%;

    margin: 0 0 18px;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;
}

.bank-tab {
    flex: 1;

    max-width: 320px;
    min-width: 0;

    padding: 11px 18px;

    border: 0;
    outline: none;
    border-radius: 40px;

    background: #e8e4e9;

    color: #716b74;

    cursor: pointer;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    letter-spacing: .3px;

    transition:
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}

.bank-tab:hover {
    background: #ded6e3;
    color: var(--bank-purple);
}

.bank-tab.active {
    background: linear-gradient(
        135deg,
        var(--bank-purple-light),
        var(--bank-purple)
    );

    color: #fff;

    box-shadow:
        0 4px 12px rgba(73,55,91,.22);
}

/* СОДЕРЖИМОЕ ВКЛАДОК */

.bank-content {
    display: none;
}

.bank-content.active {
    display: block;
    animation: bankFade .3s ease;
}

@keyframes bankFade {

    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

/* РАЗДЕЛЫ */

.bank-section {
    margin: 0 0 24px;
}

.bank-section-title {
    display: flex;
    align-items: center;

    margin: 0 0 9px;
    padding: 0 5px;

    color: #4b3b59;

    font-size: 13px;
    font-weight: normal;

    text-transform: uppercase;
    letter-spacing: 1.6px;
}

.bank-section-title:before {
    content: "◆";

    margin-right: 9px;

    color: var(--bank-gold);

    font-size: 7px;
}

.bank-section-title:after {
    content: "";

    flex: 1;

    height: 1px;

    margin-left: 12px;

    background: linear-gradient(
        to right,
        #d3c4aa,
        transparent
    );
}

/* БЛОК ТАБЛИЦЫ */

.bank-table-box {
    width: 100%;

    overflow: hidden;

    box-sizing: border-box;

    background: var(--bank-paper);

    border: 1px solid #d8d0c5;
    border-radius: 12px;

    box-shadow:
        0 4px 15px rgba(52,43,58,.05);
}

.bank-table-scroll {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

/* ТАБЛИЦА */

.bank-table {
    width: 100%;
    min-width: 0;

    margin: 0 !important;

    border-collapse: collapse;
    border-spacing: 0;

    table-layout: fixed;

    box-sizing: border-box;

    border: 0 !important;
    border-bottom: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;
}

.bank-table th,
.bank-table td {
    box-sizing: border-box;

    padding: 12px 14px;

    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;

    vertical-align: middle;
}

.bank-table th {
    background: #ded7e4;

    color: #4d4059;

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 1px;

    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #cfc4d5 !important;
}

.bank-table td {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #ddd7cf !important;

    color: #474147;

    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.55;
}

.bank-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.bank-table tbody tr {
    transition: background .18s ease;
}

.bank-table tbody tr:hover {
    background: rgba(117,92,139,.055);
}

/* КОЛОНКИ */

.bank-table th:nth-child(1),
.bank-table td:nth-child(1) {
    width: 22%;
}

.bank-table th:nth-child(2),
.bank-table td:nth-child(2) {
    width: 58%;
}

.bank-table th:nth-child(3),
.bank-table td:nth-child(3) {
    width: 20%;
}

/* НАЗВАНИЕ УСЛУГИ */

.bank-table td:first-child {
    color: #51415e;

    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
}

/* СУММА */

.bank-table td:last-child,
.bank-table th:last-child {
    text-align: center;
}

.bank-price {
    display: inline-block;

    max-width: 100%;

    padding: 4px 9px;

    box-sizing: border-box;

    background: #ebe3d4;
    border: 1px solid #d9c6a2;
    border-radius: 20px;

    color: #755e32;

    font-size: 11px;
    font-weight: bold;
    line-height: 1.3;

    white-space: normal;

    overflow-wrap: break-word;
}

/* ССЫЛКИ */

.bank-wrap a {
    color: #655078;

    text-decoration: none;

    border-bottom: 1px dotted #9b89aa;

    transition: .2s ease;
}

.bank-wrap a:hover {
    color: #382844;

    border-bottom-color: #382844;
}

/* ПРИМЕЧАНИЕ */

.bank-note {
    margin-top: 15px;

    padding: 14px 17px;

    background: #eeebe7;

    border-left: 3px solid var(--bank-gold);
    border-radius: 5px;

    color: #766f77;

    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.6;
}

/* МОБИЛЬНАЯ ВЕРСИЯ */

@media (max-width: 650px) {

    .bank-wrap {
        width: 100%;

        margin: 15px auto;
        padding: 0;

        overflow: hidden;

        box-sizing: border-box;
    }

    .bank-header {
        padding: 22px 12px;

        border-radius: 12px;
    }

    .bank-header-title {
        font-size: 9px;

        letter-spacing: 2px;
    }

    .bank-tabs {
        display: flex;

        width: 100%;

        gap: 5px;

        margin-bottom: 15px;
    }

    .bank-tab {
        flex: 1;

        min-width: 0;
        max-width: none;

        padding: 9px 5px;

        border-radius: 9px;

        font-size: 10px;
        line-height: 1.25;

        white-space: normal;
    }

    .bank-section {
        width: 100%;

        margin-bottom: 20px;
    }

    .bank-section-title {
        padding: 0 2px;

        font-size: 10px;
        letter-spacing: .8px;

        line-height: 1.3;
    }

    .bank-section-title:before {
        margin-right: 6px;
    }

    .bank-section-title:after {
        margin-left: 7px;
    }

    .bank-table-box {
        width: 100%;

        overflow: hidden;

        border-radius: 9px;
    }

    .bank-table-scroll {
        width: 100%;

        overflow: hidden;
    }

    .bank-table {
        width: 100%;

        min-width: 0;

        margin: 0 !important;

        table-layout: fixed;
    }

    .bank-table th:nth-child(1),
    .bank-table td:nth-child(1) {
        width: 25%;
    }

    .bank-table th:nth-child(2),
    .bank-table td:nth-child(2) {
        width: 55%;
    }

    .bank-table th:nth-child(3),
    .bank-table td:nth-child(3) {
        width: 20%;
    }

    .bank-table th {
        padding: 7px 4px;

        font-size: 7.5px;
        line-height: 1.2;

        letter-spacing: .2px;

        overflow-wrap: break-word;
        word-break: normal;
    }

    .bank-table td {
        padding: 7px 4px;

        font-size: 9px;
        line-height: 1.35;

        overflow-wrap: break-word;
        word-break: normal;
    }

    .bank-table td:first-child {
        font-size: 9px;

        hyphens: auto;
    }

    .bank-table td:nth-child(2) {
        font-size: 8.8px;
    }

    .bank-table td:last-child {
        padding-left: 2px;
        padding-right: 2px;
    }

    .bank-price {
        display: inline-block;

        width: auto;
        max-width: 100%;
        min-width: 0;

        padding: 3px 4px;

        border-radius: 10px;

        font-size: 8.5px;
        line-height: 1.15;

        white-space: normal;

        overflow-wrap: break-word;
        word-break: normal;
    }

    .bank-note {
        padding: 11px 12px;

        font-size: 9.5px;
        line-height: 1.5;
    }

}

/* ОЧЕНЬ УЗКИЕ ЭКРАНЫ */

@media (max-width: 400px) {

    .bank-table th:nth-child(1),
    .bank-table td:nth-child(1) {
        width: 24%;
    }

    .bank-table th:nth-child(2),
    .bank-table td:nth-child(2) {
        width: 56%;
    }

    .bank-table th:nth-child(3),
    .bank-table td:nth-child(3) {
        width: 20%;
    }

    .bank-table th {
        padding: 6px 3px;

        font-size: 7px;
    }

    .bank-table td {
        padding: 6px 3px;

        font-size: 8.4px;
        line-height: 1.3;
    }

    .bank-table td:first-child {
        font-size: 8.5px;
    }

    .bank-table td:nth-child(2) {
        font-size: 8.2px;
    }

    .bank-price {
        padding: 3px;

        font-size: 8px;

        border-radius: 8px;
    }

    .bank-tab {
        padding: 8px 4px;

        font-size: 9px;
    }

}

/* УБИРАЕМ НИЖНЮЮ ПОЛОСУ RUSFF */

.bank-table-box table.bank-table,
.bank-table-box table.bank-table tbody,
.bank-table-box table.bank-table tfoot {
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.bank-table-box table.bank-table tbody tr:last-child {
    border-bottom: none !important;
}

.bank-table-box table.bank-table tbody tr:last-child td {
    border-bottom: none !important;
    box-shadow: none !important;
}

.bank-table-box .bank-table-scroll {
    border-bottom: none !important;
    box-shadow: none !important;
}

.bank-table-box {
    border-bottom-color: #d8d0c5 !important;
}

.bank-table-box:after,
.bank-table-scroll:after,
.bank-table:after {
    display: none !important;
    content: none !important;
}

</style>
</head>

<body>

<div class="bank-wrap">

    <div class="bank-header">

        <div class="bank-emblem">
            G
        </div>

        <div class="bank-header-title">
            Gringotts Wizarding Bank
        </div>

        <div class="bank-header-line"></div>

    </div>

    <div class="bank-tabs">

        <button
            class="bank-tab active"
            onclick="bankTab(event,'bank-give')">
            За что даём деньги
        </button>

        <button
            class="bank-tab"
            onclick="bankTab(event,'bank-take')">
            За что берём деньги
        </button>

    </div>

    <div id="bank-give" class="bank-content active">

        <div class="bank-section">

            <div class="bank-section-title">
                Автоматические выплаты
            </div>

            <div class="bank-table-box">

                <div class="bank-table-scroll">

                    <table class="bank-table">

                        <thead>
                            <tr>
                                <th>Услуга</th>
                                <th>Примечание</th>
                                <th>Сумма</th>
                            </tr>
                        </thead>

                        <tbody>

                            <tr>
                                <td>Стартовый капитал</td>
                                <td>
                                    Регистрация персонажа,
                                    подача и принятие анкеты
                                </td>
                                <td>
                                    <span class="bank-price">100</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Бонус за акцию</td>
                                <td>
                                    Регистрация персонажа,
                                    подача и принятие анкеты по акции
                                </td>
                                <td>
                                    <span class="bank-price">200</span>
                                </td>
                            </tr>

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

        <div class="bank-section">

            <div class="bank-section-title">
                Посты
            </div>

            <div class="bank-table-box">

                <div class="bank-table-scroll">

                    <table class="bank-table">

                        <thead>
                            <tr>
                                <th>Услуга</th>
                                <th>Примечание</th>
                                <th>Сумма</th>
                            </tr>
                        </thead>

                        <tbody>

                            <tr>
                                <td>Быстрый ответ</td>
                                <td>Пост в течение суток</td>
                                <td>
                                    <span class="bank-price">10</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Пост</td>
                                <td>
                                    Пост от 1000 символов
                                    в основной или сюжетной игре
                                </td>
                                <td>
                                    <span class="bank-price">30</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Альт</td>
                                <td>
                                    Пост в альте от 1000 символов
                                </td>
                                <td>
                                    <span class="bank-price">10</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Постописец</td>
                                <td>
                                    За каждые 50 постов на форуме
                                    — дополнительный бонус
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Завершение эпизода</td>
                                <td>
                                    Эпизод доигран и занесён в тему
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=44#p177"
                                       target="_blank">
                                        завершение эпизода
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Ачивка</td>
                                <td>
                                    Каждая полученная ачивка
                                    за закрытый эпизод
                                </td>
                                <td>
                                    <span class="bank-price">10</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Шапка</td>
                                <td>
                                    Создание самостоятельного оформления:
                                    манипа, плаката, gif-изображения
                                    и т.д. к эпизоду
                                </td>
                                <td>
                                    <span class="bank-price">30</span>
                                </td>
                            </tr>

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

        <div class="bank-section">

            <div class="bank-section-title">
                Актив
            </div>

            <div class="bank-table-box">

                <div class="bank-table-scroll">

                    <table class="bank-table">

                        <thead>
                            <tr>
                                <th>Услуга</th>
                                <th>Примечание</th>
                                <th>Сумма</th>
                            </tr>
                        </thead>

                        <tbody>

                            <tr>
                                <td>Хочу видеть</td>
                                <td>
                                    Оставили заявку на персонажа в теме
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=17"
                                       target="_blank">
                                        хотим видеть
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">20</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Нужные</td>
                                <td>
                                    Оставили заявку на персонажа в
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=5"
                                       target="_blank">
                                        нужных
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Интересная акция</td>
                                <td>
                                    Персонаж из вашей акции начал игру
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Друг</td>
                                <td>
                                    Персонаж, приведённый вами,
                                    начал игру
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Опекун</td>
                                <td>
                                    Вы забрали персонажа из темы
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=15"
                                       target="_blank">
                                        хочу к вам
                                    </a> играть
                                </td>
                                <td>
                                    <span class="bank-price">20</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Куратор</td>
                                <td>
                                    Вы начали игру с новичком,
                                    который пришёл не по вашей заявке.
                                    Действует, если в отыгрыше написано
                                    по одному посту от каждого.
                                    Новичком считается игрок
                                    в течение месяца после принятия.
                                    С новичком можно открыть больше одной игры,
                                    но награда считается только один раз
                                    для каждой пары игроков.
                                </td>
                                <td>
                                    <span class="bank-price">100</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Мастер</td>
                                <td>
                                    Ведение сюжетного эпизода
                                    в качестве мастера.
                                    Выплачивается после завершения эпизода.
                                </td>
                                <td>
                                    <span class="bank-price">750</span>
                                </td>
                            </tr>

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

        <div class="bank-section">

            <div class="bank-section-title">
                Графика и реклама
            </div>

            <div class="bank-table-box">

                <div class="bank-table-scroll">

                    <table class="bank-table">

                        <thead>
                            <tr>
                                <th>Услуга</th>
                                <th>Примечание</th>
                                <th>Сумма</th>
                            </tr>
                        </thead>

                        <tbody>

                            <tr>
                                <td>Аватар</td>
                                <td>
                                    Создание и размещение аватара в теме
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=26"
                                       target="_blank">
                                        графика
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">20</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Подпись</td>
                                <td>
                                    Создание и размещение подписи в теме
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=26"
                                       target="_blank">
                                        графика
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">20</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Комплект</td>
                                <td>
                                    Создание и размещение аватара
                                    и подписи в теме
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=26"
                                       target="_blank">
                                        графика
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Рекламный плакат</td>
                                <td>
                                    Создание рекламного плаката
                                    для форума
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Пазл</td>
                                <td>
                                    Собрать один
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=45"
                                       target="_blank">
                                        пазл
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Отзыв</td>
                                <td>
                                    На топ ФРПГ
                                </td>
                                <td>
                                    <span class="bank-price">300</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Листовки</td>
                                <td>
                                    Один пост пиара
                                </td>
                                <td>
                                    <span class="bank-price">5</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Гуру рекламы</td>
                                <td>
                                    100 реклам —
                                    дополнительный бонус к листовкам
                                </td>
                                <td>
                                    <span class="bank-price">100</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Знаток</td>
                                <td>
                                    Развёрнутый ответ в
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=1160"
                                       target="_blank">
                                        дискуссионном клубе
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">30</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Историк</td>
                                <td>
                                    Принесли цитаты в тему
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=1171"
                                       target="_blank">
                                        Цитаты для главной
                                    </a>
                                </td>
                                <td>
                                    <span class="bank-price">100</span>
                                </td>
                            </tr>

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

    </div>

    <div id="bank-take" class="bank-content">

        <div class="bank-section">

            <div class="bank-section-title">
                Выкуп внешности, имени и персонажа
            </div>

            <div class="bank-table-box">

                <div class="bank-table-scroll">

                    <table class="bank-table">

                        <thead>
                            <tr>
                                <th>Услуга</th>
                                <th>Примечание</th>
                                <th>Сумма</th>
                            </tr>
                        </thead>

                        <tbody>

                            <tr>
                                <td>Внешность</td>
                                <td>
                                    Выкуп внешности на 1 месяц
                                </td>
                                <td>
                                    <span class="bank-price">300</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Слабый канон</td>
                                <td>
                                    Выкуп персонажа из слабо прописанного
                                    канона для маски вместе с внешностью —
                                    только для своей маски
                                </td>
                                <td>
                                    <span class="bank-price">1000</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Имя</td>
                                <td>
                                    Выкупить имя.
                                    Нельзя выкупить имя из канона.
                                </td>
                                <td>
                                    <span class="bank-price">300</span>
                                </td>
                            </tr>

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

        <div class="bank-section">

            <div class="bank-section-title">
                Прочее
            </div>

            <div class="bank-table-box">

                <div class="bank-table-scroll">

                    <table class="bank-table">

                        <thead>
                            <tr>
                                <th>Услуга</th>
                                <th>Примечание</th>
                                <th>Сумма</th>
                            </tr>
                        </thead>

                        <tbody>

                            <tr>
                                <td>Смена персонажа</td>
                                <td>
                                    Сменить персонажа
                                    на текущем профиле
                                </td>
                                <td>
                                    <span class="bank-price">
                                        50% от суммы
                                    </span>
                                </td>
                            </tr>

                            <tr>
                                <td>Реклама</td>
                                <td>
                                    Графика для вашего
                                    акционного персонажа
                                </td>
                                <td>
                                    <span class="bank-price">300</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Подарок</td>
                                <td>
                                    Отправить
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=22"
                                       target="_blank">
                                        подарок
                                    </a>
                                    соигроку
                                </td>
                                <td>
                                    <span class="bank-price">от 50</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Пазл</td>
                                <td>
                                    Заказать пазл по своему персонажу
                                    или сюжету.
                                    Один персонаж включён в стоимость,
                                    за каждого нового персонажа
                                    на пазле доплата +300.
                                </td>
                                <td>
                                    <span class="bank-price">500</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Кубик</td>
                                <td>
                                    Перебросить кубик
                                    в сюжетном эпизоде.
                                    Нельзя оплатить другому.
                                </td>
                                <td>
                                    <span class="bank-price">200</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Фоны</td>
                                <td>
                                    Поставить
                                    <a href="https://safespace.rusff.me/viewtopic.php?id=1220"
                                       target="_blank">
                                        фон
                                    </a>
                                    в профиль
                                </td>
                                <td>
                                    <span class="bank-price">от 200</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Стикер</td>
                                <td>
                                    Заказать стикер
                                    по своей идее
                                </td>
                                <td>
                                    <span class="bank-price">200</span>
                                </td>
                            </tr>

                            <tr>
                                <td>Эдит</td>
                                <td>
                                    Заказать короткий эдит
                                    по своему персонажу.
                                    Дополнительный персонаж в видео
                                    оплачивается отдельно.
                                </td>
                                <td>
                                    <span class="bank-price">
                                        5000 +3000
                                    </span>
                                </td>
                            </tr>

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

        <div class="bank-note">
            ✦ Выкуп внешности, имени и слабого канона действует
            только для собственных профилей и масок.
        </div>

    </div>

</div>

<script>

function bankTab(event, tabId) {

    const bank = event.currentTarget.closest('.bank-wrap');

    bank.querySelectorAll('.bank-content').forEach(function(tab) {
        tab.classList.remove('active');
    });

    bank.querySelectorAll('.bank-tab').forEach(function(button) {
        button.classList.remove('active');
    });

    document.getElementById(tabId).classList.add('active');

    event.currentTarget.classList.add('active');

}

</script>

</body>
</html>
[/html]

[hideprofile]

0

2

  • Автор: squirrel
  • Администратор
  • squirrel
  • Люсьен Олливандер, 25
    Младший нексусолог, Отдел Тайн
    ㅤ
  • Сообщений: 37
  • Уважение: +9
  • посты: 1345
  • банк: 246678

[html]<style>
@font-face { font-family:'kiri-youmurdererbb'; src:url('https://forumstatic.ru/files/001c/0c/35/65006.woff2') format('woff2'); }
@font-face { font-family:'kiri-venecia'; src:url('https://forumstatic.ru/files/001c/0c/35/90521.woff2') format('woff2'); }
@font-face { font-family:'kiri-roadrage'; src:url('https://forumstatic.ru/files/001c/0c/35/98702.woff2') format('woff2'); }
@font-face { font-family:'kiri-majestic'; src:url('https://forumstatic.ru/files/001c/0c/35/16562.woff2') format('woff2'); }
@font-face { font-family:'kiri-christmas'; src:url('https://forumstatic.ru/files/001c/0c/35/64381.woff2') format('woff2'); }
@font-face { font-family:'kiri-amphicyr'; src:url('https://forumstatic.ru/files/001c/0c/35/13711.woff2') format('woff2'); }

.kiri-paper-v3 {
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:700px!important;
  height:auto!important;
  min-height:0!important;
  margin:10px auto 22px!important;
  padding:0 5px!important;
  background:none!important;
  border:0!important;
  overflow:visible!important;
  text-align:left!important;
  filter:drop-shadow(0 9px 12px rgba(38,24,11,.22));
}
.kiri-paper-v3 .kiri-sheet,
.kiri-paper-v3 .kiri-sheet-fufu,
.kiri-paper-v3 .kiri-sheet-burned {
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:54px 55px 35px!important;
  margin:0!important;
  overflow:visible!important;
  border:1px solid rgba(94,62,32,.34)!important;
  border-radius:5px 9px 4px 8px!important;
  box-shadow:inset 0 0 0 5px rgba(255,244,209,.13),
             inset 0 0 40px rgba(98,59,27,.15)!important;
  text-align:left!important;
}
/* Чистый пергамент */
.kiri-paper-v3 .kiri-sheet {
  --kiri-edge:#f1e2bc;
  --kiri-ink:#4b3425;
  background:
    radial-gradient(ellipse at 5% 12%,rgba(131,89,48,.11),transparent 36%),
    radial-gradient(ellipse at 95% 80%,rgba(133,83,42,.14),transparent 40%),
    repeating-linear-gradient(113deg,transparent 0 5px,rgba(97,68,36,.016) 6px 7px,transparent 9px 13px),
    linear-gradient(145deg,#f8edcf 0%,#f1e1bd 52%,#ead5ac 100%)!important;
}
/* Состаренный пергамент */
.kiri-paper-v3 .kiri-sheet-fufu {
  --kiri-edge:#ddc398;
  --kiri-ink:#433020;
  background:
    radial-gradient(ellipse at 8% 8%,rgba(116,65,29,.33),transparent 35%),
    radial-gradient(ellipse at 95% 10%,rgba(103,58,24,.22),transparent 28%),
    radial-gradient(ellipse at 12% 96%,rgba(108,54,23,.25),transparent 34%),
    radial-gradient(ellipse at 90% 92%,rgba(88,51,26,.31),transparent 38%),
    radial-gradient(ellipse at 60% 44%,rgba(255,240,198,.32),transparent 56%),
    repeating-linear-gradient(104deg,transparent 0 4px,rgba(87,53,30,.026) 5px 7px,transparent 9px 15px),
    linear-gradient(140deg,#e9d5ad,#d9bf91 58%,#cba97b)!important;
}
/* Подожжённый пергамент: уголь, коричневые подпалины, светлая середина. */
.kiri-paper-v3 .kiri-sheet-burned {
  --kiri-ink:#39271d;
  --kiri-edge:#1f100b;
  overflow:hidden!important;
  isolation:isolate;
  border:0!important;
  border-radius:0!important;
  padding:70px 65px 55px!important;
  background:
    radial-gradient(ellipse 23% 17% at 0% 0%,rgba(17,10,9,.98) 0%,rgba(45,20,13,.94) 26%,rgba(101,48,25,.72) 50%,transparent 100%),
    radial-gradient(ellipse 25% 18% at 100% 0%,rgba(17,11,10,.98) 0%,rgba(54,26,16,.87) 30%,rgba(123,61,29,.57) 55%,transparent 100%),
    radial-gradient(ellipse 24% 14% at 3% 100%,rgba(20,11,9,.98) 0%,rgba(62,30,16,.89) 35%,rgba(123,63,30,.45) 70%,transparent 100%),
    radial-gradient(ellipse 30% 18% at 100% 100%,rgba(17,10,9,.99) 0%,rgba(63,29,18,.9) 31%,rgba(121,55,25,.57) 61%,transparent 100%),
    radial-gradient(ellipse 30% 6% at 42% 0%,rgba(31,14,10,.97) 0%,rgba(105,52,25,.69) 35%,transparent 100%),
    radial-gradient(ellipse 38% 7% at 62% 100%,rgba(28,14,11,.96) 0%,rgba(120,57,26,.52) 40%,transparent 100%),
    radial-gradient(ellipse 7% 24% at 0% 47%,rgba(27,13,10,.94) 0%,rgba(104,48,24,.61) 52%,transparent 100%),
    radial-gradient(ellipse 8% 26% at 100% 68%,rgba(26,12,10,.96) 0%,rgba(115,58,25,.66) 45%,transparent 100%),
    linear-gradient(to right,rgba(25,13,11,.89) 0%,rgba(54,27,17,.84) 2%,rgba(125,63,27,.51) 5%,rgba(175,105,50,.18) 10%,transparent 19%),
    linear-gradient(to left,rgba(20,11,10,.93) 0%,rgba(62,30,17,.83) 2%,rgba(128,63,27,.48) 5%,rgba(176,101,47,.16) 11%,transparent 20%),
    linear-gradient(to bottom,rgba(24,12,10,.93) 0%,rgba(74,35,18,.86) 12px,rgba(130,70,30,.56) 28px,rgba(192,115,58,.18) 53px,transparent 88px),
    linear-gradient(to top,rgba(22,11,9,.97) 0%,rgba(68,32,17,.85) 12px,rgba(133,68,32,.54) 27px,rgba(186,105,53,.19) 52px,transparent 91px),
    radial-gradient(ellipse at 45% 28%,rgba(255,240,200,.58),transparent 65%),
    repeating-linear-gradient(115deg,transparent 0 4px,rgba(64,35,19,.034) 5px 6px,transparent 8px 13px),
    linear-gradient(130deg,#d5b17c 0%,#e4c997 42%,#dcc18e 74%,#c99e6f 100%)!important;
  box-shadow:inset 0 0 15px 4px rgba(36,17,11,.82),
             inset 0 0 58px 12px rgba(85,42,19,.39),
             inset 0 0 96px 24px rgba(140,75,35,.23)!important;
  /* Неровный контур: обгоревшие уголки, выеденные огнём края.
     Все зубцы измерены в px, поэтому длинный текст не увеличивает подпалины. */
  -webkit-clip-path:polygon(
    0 31px,2% 20px,4% 30px,7% 13px,10% 25px,13% 16px,16% 22px,20% 9px,
    24% 19px,27% 11px,31% 24px,36% 14px,40% 20px,44% 9px,49% 18px,
    53% 10px,58% 20px,61% 13px,65% 25px,69% 17px,73% 10px,77% 22px,
    80% 16px,84% 25px,88% 15px,92% 29px,96% 17px,100% 31px,
    calc(100% - 18px) 5%,calc(100% - 8px) 13%,calc(100% - 23px) 25%,
    calc(100% - 11px) 39%,calc(100% - 18px) 53%,calc(100% - 7px) 65%,
    calc(100% - 22px) 82%,calc(100% - 11px) 93%,100% calc(100% - 27px),
    96% calc(100% - 18px),92% calc(100% - 34px),88% calc(100% - 16px),
    84% calc(100% - 25px),79% calc(100% - 11px),74% calc(100% - 23px),
    69% calc(100% - 14px),64% calc(100% - 29px),60% calc(100% - 15px),
    54% calc(100% - 24px),49% calc(100% - 13px),43% calc(100% - 27px),
    37% calc(100% - 16px),33% calc(100% - 30px),28% calc(100% - 14px),
    23% calc(100% - 23px),18% calc(100% - 12px),14% calc(100% - 26px),
    10% calc(100% - 17px),6% calc(100% - 35px),0 calc(100% - 24px),
    16px 92%,8px 81%,21px 67%,10px 55%,19px 42%,8px 31%,19px 17%);
  clip-path:polygon(
    0 31px,2% 20px,4% 30px,7% 13px,10% 25px,13% 16px,16% 22px,20% 9px,
    24% 19px,27% 11px,31% 24px,36% 14px,40% 20px,44% 9px,49% 18px,
    53% 10px,58% 20px,61% 13px,65% 25px,69% 17px,73% 10px,77% 22px,
    80% 16px,84% 25px,88% 15px,92% 29px,96% 17px,100% 31px,
    calc(100% - 18px) 5%,calc(100% - 8px) 13%,calc(100% - 23px) 25%,
    calc(100% - 11px) 39%,calc(100% - 18px) 53%,calc(100% - 7px) 65%,
    calc(100% - 22px) 82%,calc(100% - 11px) 93%,100% calc(100% - 27px),
    96% calc(100% - 18px),92% calc(100% - 34px),88% calc(100% - 16px),
    84% calc(100% - 25px),79% calc(100% - 11px),74% calc(100% - 23px),
    69% calc(100% - 14px),64% calc(100% - 29px),60% calc(100% - 15px),
    54% calc(100% - 24px),49% calc(100% - 13px),43% calc(100% - 27px),
    37% calc(100% - 16px),33% calc(100% - 30px),28% calc(100% - 14px),
    23% calc(100% - 23px),18% calc(100% - 12px),14% calc(100% - 26px),
    10% calc(100% - 17px),6% calc(100% - 35px),0 calc(100% - 24px),
    16px 92%,8px 81%,21px 67%,10px 55%,19px 42%,8px 31%,19px 17%);
}
/* Местами огонь сильнее выжег бумагу, оставив локальные островки копоти. */
.kiri-paper-v3 .kiri-sheet-burned::before {
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 7% 7% at 8% 6%,rgba(9,7,7,.89),rgba(73,30,17,.53) 55%,transparent 98%),
    radial-gradient(ellipse 9% 4% at 77% 2%,rgba(5,6,6,.87),rgba(87,40,18,.59) 48%,transparent 99%),
    radial-gradient(ellipse 5% 8% at 98% 34%,rgba(10,8,7,.82),rgba(106,50,19,.45) 55%,transparent 99%),
    radial-gradient(ellipse 10% 8% at 12% 99%,rgba(9,7,6,.91),rgba(102,47,18,.58) 45%,transparent 99%),
    radial-gradient(ellipse 6% 6% at 62% 97%,rgba(12,8,7,.87),rgba(121,55,25,.42) 51%,transparent 99%),
    radial-gradient(ellipse 4% 9% at 1% 57%,rgba(5,4,4,.82),rgba(98,39,21,.48) 55%,transparent 99%)!important;
}
.kiri-paper-v3 .kiri-sheet-burned::after {
  content:""!important;
  position:absolute!important;
  inset:25px!important;
  z-index:0!important;
  display:block!important;
  pointer-events:none!important;
  border:1px solid rgba(104,58,30,.10)!important;
  box-shadow:inset 0 0 30px rgba(116,55,26,.08)!important;
}
.kiri-paper-v3 .kiri-sheet-burned .kiri-inner,
.kiri-paper-v3 .kiri-sheet-burned .kiri-monogram { z-index:1!important; }

/* Мягкий рваный край (декоративный, без обрезания текста) */
.kiri-paper-v3 .kiri-sheet::before,
.kiri-paper-v3 .kiri-sheet-fufu::before,
.kiri-paper-v3 .kiri-sheet::after,
.kiri-paper-v3 .kiri-sheet-fufu::after {
  content:""!important;
  pointer-events:none!important;
  position:absolute!important;
  display:block!important;
  left:-1px!important;
  right:-1px!important;
  height:12px!important;
  background:var(--kiri-edge)!important;
  clip-path:polygon(0 62%,3% 49%,7% 69%,12% 43%,18% 60%,24% 46%,31% 67%,38% 49%,46% 62%,53% 42%,61% 65%,69% 48%,76% 65%,84% 44%,91% 63%,96% 46%,100% 60%,100% 100%,0 100%)!important;
}
.kiri-paper-v3 .kiri-sheet::before,
.kiri-paper-v3 .kiri-sheet-fufu::before { top:-8px!important; }
.kiri-paper-v3 .kiri-sheet::after,
.kiri-paper-v3 .kiri-sheet-fufu::after { bottom:-8px!important; transform:rotate(180deg)!important; }
.kiri-paper-v3 .kiri-inner {
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  overflow:visible!important;
  color:var(--kiri-ink)!important;
}
.kiri-paper-v3 .kiri-inner::before {
  content:"❦"; display:block; text-align:center; font:30px/1 Georgia,serif;
  color:rgba(103,65,31,.54); margin:0 0 16px;
}
.kiri-paper-v3 .kiri-title {
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 22px!important;
  padding:0 0 14px!important;
  color:var(--kiri-ink)!important;
  background:none!important;
  border:0!important;
  border-bottom:1px solid rgba(102,67,36,.25)!important;
  font:italic 30px/1.3 Georgia,serif!important;
  text-align:center!important;
  overflow-wrap:anywhere;
}
.kiri-paper-v3 .kiri-text {
  position:static!important;
  display:block!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--kiri-ink)!important;
  font-size:25px!important;
  line-height:1.55!important;
  font-weight:normal!important;
  text-align:left!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  overflow:visible!important;
}
.kiri-paper-v3.kiri-font-amphicyr .kiri-text { font-family:'kiri-amphicyr',Georgia,serif!important; }
.kiri-paper-v3.kiri-font-youmurdererbb .kiri-text { font-family:'kiri-youmurdererbb',Georgia,serif!important; }
.kiri-paper-v3.kiri-font-venecia .kiri-text { font-family:'kiri-venecia',Georgia,serif!important; }
.kiri-paper-v3.kiri-font-roadrage .kiri-text { font-family:'kiri-roadrage',Georgia,serif!important; }
.kiri-paper-v3.kiri-font-majestic .kiri-text { font-family:'kiri-majestic',Georgia,serif!important; }
.kiri-paper-v3.kiri-font-christmas .kiri-text { font-family:'kiri-christmas',Georgia,serif!important; }
.kiri-paper-v3 .kiri-monogram {
  position:relative!important;
  inset:auto!important;
  display:block!important;
  box-sizing:border-box!important;
  width:105px!important;
  height:105px!important;
  margin:24px 0 0 auto!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  transform:rotate(-8deg);
}
.kiri-paper-v3 .kiri-monogram-img {
  position:absolute!important;
  display:block!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:contain!important;
  max-width:none!important;
}
.kiri-paper-v3 .kiri-monogram-letter {
  position:absolute!important;
  display:flex!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  color:var(--seal-color,#9e703c)!important;
  font:bold 26px/1 Georgia,serif!important;
  letter-spacing:0!important;
  text-shadow:0 1px 1px rgba(255,245,218,.45)!important;
}
.kiri-paper-v3 .kiri-monogram-letter.kiri-double { font-size:22px!important; }
.kiri-paper-v3 .kiri-monogram-letter.kiri-triple { font-size:18px!important; }
@media(max-width:600px) {
  .kiri-paper-v3 .kiri-sheet,.kiri-paper-v3 .kiri-sheet-fufu { padding:42px 25px 24px!important; }
  .kiri-paper-v3 .kiri-sheet-burned { padding:54px 33px 45px!important; }
  .kiri-paper-v3 .kiri-title { font-size:25px!important; }
  .kiri-paper-v3 .kiri-text { font-size:21px!important; }
  .kiri-paper-v3 .kiri-monogram { width:85px!important; height:85px!important; }
}
</style>
<div class="kiri-wrap kiri-paper-v3 kiri-font-majestic">
  <div class="kiri-sheet-burned">
    <div class="kiri-inner">
      <div class="kiri-title">Дорогой Эван</div>
      <div class="kiri-text">Я столько раз хотел вернуться назад и простить тебя. Снова, в третий раз, хоть в сотый. Каждый день я достаю пергамент и пишу тебе письмо о том, как сильно люблю, как мне тебя не хватает, как постель, которая больше не хранит твой запах чувствуется могильной землей.
Прошло столько времени, но мне все еще снится вкус твоих губ, а утром, когда я открываю глаза мне нужно еще пара мгновений, чтобы осознать, что я не увижу больше твою сонную улыбку рядом с собой.
У нас никогда не было будущего, я знал это, но о прошлом, которое у нас было я тоскую больше всего на свете.

Я знаю, что и это письмо отправится в камин. Мне просто легче от того, что могу выразить боль хотя бы пергаменту. </div>
    </div>
<div class="kiri-monogram"><img class="kiri-monogram-img" src="https://cdn.imgchest.com/files/0032a793a4e9.png" alt=""><div class="kiri-monogram-letter kiri-double" style="--seal-color:#9E703C">WW</div></div>
  </div>
</div>[/html]

0

Страница: 1

Вы здесь » safe space design » Новый форум » Банк

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