post of the week
Голова трещала так, словно накануне у Эроса была веселая ночка в «трех метлах». Собственно ночка была действительно всем на зависть, только вот вместо распития сливочного пива до утра и с песнями, он всю ночь гонялся за соседской кошкой, потому что вдовствующая миссис Принстли не может спать если её Королева Елизавета не гоняет свою вязанную мышь по дому. Это видите ли её успокаивает, но очень раздражает Эроса потому что её величество сбегает из дома по три раза на дню и работать в таком режиме совершенно невозможно. Эрос вообще становится дёрганным если его постоянно отвлекают.
Здесь делается вжух 🪄

hp: solitude

Объявление

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

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


Вы здесь » hp: solitude » jinx by twilight, undone at midnight » сюжетные хэдканоны


сюжетные хэдканоны

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

1

[html]
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&family=Manrope:wght@300;400;500;600&display=swap" rel="stylesheet">

<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-title fp-title--sm">Quill of Acceptance</div>
    <div class="fp-subtitle">сюжетные хэдканоны</div>
  </div>

  <div class="fp-body">
    <p>Добро пожаловать в сюжетные акции — здесь собраны персонажи, способные изменить ход войны, повлиять на судьбы других и оставить свой след в истории. Их биографии написаны волшебным пером, служащим для регистрации всех новорождённых волшебников Соединённого Королевства и Ирландии. Среди них члены Ордена Феникса и Пожиратели смерти, информаторы и предатели, те, кто сражается на передовой, и те, кто плетёт интриги. Ваше решение взять одного из них означает, что вы станете участником ключевых событий, которые определят будущее магического мира.</p>
    <p><b>Важно!</b> Если вы берёте персонажа из акции, вы по желанию можете изменить только внешность и возможно немного скорректировать возраст — всё остальное (имя, биография, связи, хэдканоны) остаётся неизменным и должно быть учтено в анкете.</p>

    <div class="fp-divider-soft"></div>

    <div class="fp-rewards">
      <div class="fp-reward-title">За персонажа по акции вы получите</div>
      <div class="fp-reward-grid">
        <div class="fp-reward-item">
          <div class="fp-reward-icon">✦</div>
          <div class="fp-reward-text">100 галлеонов на старте</div>
        </div>
        <div class="fp-reward-item">
          <div class="fp-reward-icon">✦</div>
          <div class="fp-reward-text">гарантированное место в сюжете и участие в квестах</div>
        </div>
        <div class="fp-reward-item">
          <div class="fp-reward-icon">✦</div>
          <div class="fp-reward-text">особую плашку участника сюжетных событий</div>
        </div>
        <div class="fp-reward-item">
          <div class="fp-reward-icon">✦</div>
          <div class="fp-reward-text">артефакт</div>
        </div>
      </div>
    </div>

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

+1

2

[html]<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-tag">hp: solitude // сюжетные хэдканоны</div>
    <div class="fp-title fp-title--sm">Chapter I. Venom in the veins</div>
  </div>

  <div class="ac-body">
    <div class="df-grid">

      <!-- Ludovic Bagman -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Ludovic Bagman<span class="df-age"> · 40</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/3331109a38c86cfbc60c3af35312cad9/080b92854603f735-8a/s400x600/fdfc11c59dfebc8936ae5be105130c4f00bcfc7d.gif"><div class="df-fc">fc :ryan gosling</div></div>
        <div class="df-head">
          <div class="df-faction f-min"><span class="df-dot"></span>чиновник</div>
          <div class="df-meta"><span class="df-label">должность:</span> глава департамента маг. игр и спорта</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> связан с пожирателями и рынком</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">людо — бывший загонщик «уимбурнских ос» и член сборной англии — активно продвигает идею, что спорт вне политики. показной оптимист, который на словах не понимает, почему все так серьезно относятся к этой войне. его любимая фраза: «давайте устроим чемпионат, объявим перемирие, объединимся вокруг квиддича» звучит забавно... пока не узнаешь, что отмена чемпионата мира оставила людо без возможности отмывать деньги на организации и зарабатывать на спортивных ставках. местные матчи не приносят столько дохода, его сейф пустеет, а долги растут. потому бэгмен так рьяно продвигает идею «спортивного перемирия» и возвращения международных турниров. со стороны может казаться, что он за скорейший мир и против всего плохого, но на деле готов сотрудничать с любой стороной, которая может дать ему то, что нужно. пожиратели смерти? без проблем. министерство? конечно. черный рынок? да у него там букмекерская контора на подставное лицо оформлена. людо с улыбкой говорит о «великом объединяющем значении спорта», пьет виски с теми, кто на следующий день наденет маску и станет причиной полыхающих пожаров. война для него — досадное неудобство, мешающее делать деньги.</div></div>
      </div>

      <!-- John Dawlish -->
      <div class="df">
        <div class="df-tab"><span class="df-name">John Dawlish<span class="df-age"> · 33</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/844f360b8e043f3735e176eccab7d5c8/ce0af58a23edc534-28/s400x600/8646c07c5f6b4900be3c6e3bdd15d6af44f78f2d.gif"><div class="df-fc">fc: chris evans</div></div>
        <div class="df-head">
          <div class="df-faction f-min"><span class="df-dot"></span>чистильщик</div>
          <div class="df-meta"><span class="df-label">должность:</span> аврор</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> министерство, помощник крауча</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">джон — волшебник с синдромом отличника, получивший «превосходно» по всем жаба и считающий это только началом. стажировался у крауча-старшего и искренне восхищался его бескомпромиссностью. когда крауч формировал чистильщиков, долиш оказался среди первых завербованных. этот аврор исполнителен до педантичности, методичен в работе и убежден, что темные маги не заслуживают снисхождения, а полумеры в военное время равносильны предательству. джон уже убивал, и каждый раз он повторяет себе, что это необходимость, что закон разрешил аврорам применять непростительные, что враг не оставляет выбора. но по ночам долиш все чаще вспоминает их лица — и каждый раз находит новое обоснование, почему это было правильно.  где-то здесь давно уже стерлась граница. он спускается на нижние ярусы министерства, входит в камеры предварительного заключения, и порой методы его допросов не отличаются от методов его врагов.</div></div>
      </div>

      <!-- Barnabas Cuffe -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Barnabas Cuffe<span class="df-age"> · 40</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/18bfcf87c95c9fae13214d318bb49dc2/6a32908bdc8e8bc3-2e/s540x810/d67c07746396b859eaebac57eba4df899e4ddd9b.gif"><div class="df-fc">fc: jamie dornan</div></div>
        <div class="df-head">
          <div class="df-faction f-de"><span class="df-dot"></span>пропагандист</div>
          <div class="df-meta"><span class="df-label">должность:</span> главред ежедневного пророка</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> пожиратели смерти</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">еще школьником, будучи членом клуба слизней, барнабас учился заводить нужные знакомства. он начинал как амбициозный журналист, но чем выше поднимался по карьерной лестнице, тем яснее понимал, что правда не продается так хорошо, как удобная ложь. постепенно журналистская этика уступила приоритет галлеонам и связям, а принципы — статусу. когда пожиратели смерти расширили влияние, барнабас стал главредом пророка. получая щедрую плату за заказные статьи, кафф искусно перемешивает в одном котле пропаганду, показную независимость и красиво поданные истории. он умеет хоронить карьеры заметкой на последней полосе. и знает, как формировать общественное мнение — сегодня сделать героем, а завтра превратить в предателя. барнабас лично редактирует самые важные материалы, и репортеры боятся его вердикта, как и цензуры министерства. при этом кафф достаточно умен, чтобы обеспечить себе пути отступления. он собирает компромат на всех — и на пожирателей смерти, и на министерских чиновников. барбу как раз прислали анонимное письмо с указанием, где стоит копать, чтобы найти клад со скелетами одного известного кумира чистокровных.</div></div>
      </div>

      <!-- Taren Mulciber -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Taren Mulciber<span class="df-age"> · 21</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/1c39a71daaf6fbb3d913dd3d9c228953/5980b30b04dd0444-96/s400x600/2d01278a44f5ec4ee75cc87c978e2840343bcdf8.gif"><div class="df-fc">fc: gabriel guevara</div></div>
        <div class="df-head">
          <div class="df-faction f-de"><span class="df-dot"></span>манипулятор</div>
          <div class="df-meta"><span class="df-label">должность:</span> на ваш выбор</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> пожиратели смерти</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">тарен мальсибер источает столько самомнения, что хочется отвернуться, чтобы не ослепнуть от его сияния. он наслаждается властью, влиянием, и тем, как его фамилия звучит в разговорах пожирателей смерти, хотя мальсиберы не входят в священные 28. его отец усиленно доказывает, что они ничем не хуже древних родов, и тарен перенимает эту одержимость, превратив ее в жажду признания любой ценой. еще в школе он вместе со снейпом и эйвери решил присоединиться к пожирателям, и в 1978 все трое влились в ряды темного лорда. их первым заданием стало нападение на годрикову впадину. позже к ним присоединились уилкис и розье-младший — их круг стал ядром нового поколения, доказывающего, что они достойны наследия отцов. любимое заклинание тарена — империус, потому что ничто не сравнится с ощущением абсолютной власти над чужой волей. в школе он издевался над мэри макдональд вместе с друзьями, и это была репетиция — проверка того, как далеко они готовы зайти. тарен прошел эту проверку с блеском, и теперь носит метку с гордостью, убежденный, что заслужил свое место среди избранных. для него война — это шанс наконец доказать, что мальсиберам не нужно дотягиваться до вершины, потому что они уже давно там.</div></div>
      </div>

      <!-- Evan Rosier -->
      <div class="df df--taken">
        <div class="df-tab"><span class="df-name">Evan Rosier<span class="df-age"> · 20</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/f359c343b66d18879327e0fea111c901/007a7fabdfc0d344-3f/s400x600/7726100747f0fc0c0c8c5b45a79bc0717ac5691c.gif"><div class="df-fc">fc: felix mallard</div></div>
        <div class="df-mark">найден</div>
        <div class="df-head">
          <div class="df-faction f-de"><span class="df-dot"></span>наследник</div>
          <div class="df-meta"><span class="df-label">должность:</span> на ваш выбор</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> пожиратели смерти</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">быть сыном бертрама розье — одного из первых соратников темного лорда — эвану сложно. конечно, он гордится своей фамилией, но она же стала его проклятием. в рядах пожирателей требуют доказательств преданности и не прощают слабости. отец контролирует каждый его шаг, оспаривает каждое решение. и эван неловко барахтается в чужих ожиданиях, понимая, что никогда не станет достаточно хорошим в глазах бертрама. эван — старший сын, но не первенец, и все равно стал наследником семейного издательского бизнеса и антикварной лавки на каркитте (втайне крупнейшего поставщика запрещенных артефактов и фолиантов). с ранних лет он дружен с мальсибером, уилкисом, эйвери и снейпом — они вместе изучали темную магию, экспериментировали и шутки ради наложили проклятие на мэри макдональд. тогда это казалось игрой, но теперь эван понимает, что это был экзамен, после которого сгорели мосты. отец сделал из него умелого дуэлянта — он причинил столько боли, видел столько смертей, что его сестра элоиза недавно сказала ему: она больше не узнает своего брата в том человеке, которым он стал. чем дольше длится война, тем больше эван чувствует, что тонет в этом. но остановиться не может, не желая признавать перед отцом, что оказался недостаточно силен.</div></div>
      </div>

      <!-- Peter Pettigrew -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Peter Pettigrew<span class="df-age"> · 20</span></span></div>
        <div class="df-gif"><img src="https://i.pinimg.com/originals/36/cf/fb/36cffbd6f58a548e86cc0e8ab5f4a613.gif"><div class="df-fc">fc: hunter doohan</div></div>
        <div class="df-head">
          <div class="df-faction f-de"><span class="df-dot"></span>предатель</div>
          <div class="df-meta"><span class="df-label">должность:</span> в бегах, скрывается</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> бывший шпион пожирателей в ордене</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">хвост исчез на три недели в июле 1979 года. в ордене искали его, но по оставленным хлебным крошкам поверили, что пожиратели его убили. мародеры оплакивали друга, а потом питер вернулся с туманной историей о побеге от пожирателей смерти. его проверили легилименцией и веритасерумом — следов вмешательства не нашли. муди параноидально ему не верил и наблюдал за ним с тех пор, как тот вернулся. питер стал осторожнее, тише и замкнутее — все еще улыбается мародерам и поддерживает их шутки, но что-то в нем изменилось. пожиратели смерти использовали на нем другой метод внушения, оценив его действеннее пыток. они разговаривали с ним и задавали вопросы, ломая хрупкие мостики, ведущие к друзьям: почему же никто не пришел за ним до сих пор? это разве не значит, что он один и снова никому не нужен? он пытался не слушать их первое время, но голод и попадение похитителей в болевую точку сделали свое — он начал сомневаться. когда пожиратели увидели, что зерно посеяно, то отпустили его, выбросив на пустыре. питер вернулся к друзьям, где его встретили недоверием и бесконечными вопросами. он прошел все проверки, но получил подтверждение чужим словам — действительно, здесь он никому не нужен. спустя время, хвост сам пришел к связному пожирателей. петтигрю чуть меньше года передавал ему информацию, сообщил о как минимум двух важных миссиях своей ячейки. и делал бы это дальше, если бы летом 1980 года ни попытался предупредить пс о засаде ордена, и его попытку вызвать патронус заметила эммелина вэнс. паралельно с этим, шпион ордена в среде пс подтвердил, что питер работает с врагом. когда муди и вэнс наведались к нему в гости, тот обратился в крысу и сбежал. сейчас его местонахождение неизвестно... но это не значит, что его не ищут (уже совсем с другой целью).</div></div>
      </div>

    </div>
  </div>
</div>

<style>
/* ── акции: папки-досье v2 ── */
.ac-body { padding: 10px 40px 30px; }

.df-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 52px 30px;
  margin-top: 40px;
}

.df {
  position: relative;
  padding: 30px 28px 24px;
  background: linear-gradient(180deg, #e5e5e1 0%, #dbdbd6 45%);
  border-radius: 2px 16px 16px 16px;
  box-shadow: 0 14px 30px rgba(35, 45, 30, 0.20);
  isolation: isolate;
  opacity: .90;
}
.df::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(92, 98, 84, 0.22);
  pointer-events: none;
}
.df::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 14px;
  bottom: 14px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(92, 98, 84, 0.20), transparent);
  pointer-events: none;
}

/* язычок с именем — слева, выступает вверх */
.df-tab {
  position: absolute;
  top: -24px;
  left: 22px;
  z-index: 2;
  max-width: 56%;
  padding: 4px 22px 4px 18px;
  background: linear-gradient(180deg, #e1e1dc, #d5d5cf);
  border: 1px solid rgba(92, 98, 84, 0.22);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -3px 8px rgba(35, 45, 30, 0.05);
}
.df-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 8px;
  background: #d5d5cf;
}
.df-name {
  display: block;
  font: 700 17px/1.1 'Playfair Display', Georgia, serif;
  color: #353228;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.df-age { font-weight: 600; color: #8b8f7e; font-size: 13px; }

/* горизонтальная гифка справа, с фильтром, свисает на папку */
.df-gif {
  position: absolute;
  top: -20px;
  right: 24px;
  z-index: 3;
  width: 230px;
  height: 115px;
  padding: 2px;
  background: #edede9;
  border: 1px solid rgba(92, 98, 84, 0.24);
  border-radius: 4px;
  transform: rotate(2.4deg);
}
.df-gif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 2px;
filter: grayscale(1) sepia(0.25) hue-rotate(55deg) saturate(0.65) brightness(0.97) contrast(1.03);
}

/* fc — язычок на верхней кромке гифки, в рифму к имени */
.df-fc {
  position: absolute;
  top: -18px;
  right: 8px;
  z-index: 4;
  padding: 4px 12px 2px;
  background: linear-gradient(180deg, #e8e8e3, #dadad4);
  border: 1px solid rgba(92, 98, 84, 0.26);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  font: 700 8px/1 'Manrope', Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6b7060;
  box-shadow: 0 -2px 6px rgba(35, 45, 30, 0.05);
  white-space: nowrap;
}
.df-fc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: #dadad4;
}

/* шапка контента — воздух справа под гифку */
.df-head { padding-right: 172px; min-height: 74px; }
.df-faction {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 2px 0 12px;
  padding: 4px 12px 4px 10px;
  background: rgba(92, 98, 84, 0.10);
  border: 1px solid rgba(92, 98, 84, 0.22);
  border-radius: 20px;
  font: 600 8px/1 'Manrope', Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6b7060;
}
.df-dot { width: 6px; height: 6px; border-radius: 50%; background: #7d8270; }
.f-de .df-dot { background: #8a4038; }
.f-min .df-dot { background: #4f6a70; }
.f-ord .df-dot { background: #5f7046; }

.df-meta { font: 11.5px/1.55 'Manrope', Arial, sans-serif; color: #545550; margin-bottom: 3px; }
.df-label { font-weight: 700; text-transform: uppercase; font-size: 8.5px; letter-spacing: .05em; color: #6f735b; }

.df-scroll {
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(92, 98, 84, 0.20);
  max-height: 178px;
  overflow-y: auto;
  padding-right: 6px;
}
.df-scroll-inner { font: 12px/1.65 'Manrope', Arial, sans-serif; color: #55564f; text-align: left; }
.df-scroll::-webkit-scrollbar { width: 4px; }
.df-scroll::-webkit-scrollbar-thumb { background: rgba(92, 98, 84, 0.3); border-radius: 4px; }
.df-scroll::-webkit-scrollbar-track { background: transparent; }

.df--taken { opacity: .70; }
.df--taken .df-mark {
    position: absolute;
    top: 33px;
    right: 220px;
    z-index: 4;
    font: 700 20px 'Playfair Display', Arial, sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #b0574b;
    border: 2px solid rgba(176, 87, 75, 0.62);
    padding: 3px 11px;
    transform: rotate(-4deg);
}

@media (max-width: 600px) {
  .df-grid { grid-template-columns: 1fr; }
  .df-gif { position: static; transform: none; width: 100%; height: 150px; margin: 8px 0 4px; }
  .df-head { padding-right: 0; min-height: 0; }
}
</style>
[/html]
[hideprofile]

0

3

[html]<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-tag">hp: solitude // сюжетные хэдканоны</div>
    <div class="fp-title fp-title--sm">Chapter II. Even angels learn to lie</div>
  </div>

  <div class="ac-body">
    <div class="df-grid">

      <!-- Dirk Cresswell -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Dirk Cresswell<span class="df-age"> · 20</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/7c3a6676816dba8f99cd700b060b8b20/708bc91ca9e0c490-75/s250x400/82f5502753916297c60e909666df21f55fa1992f.gif"><div class="df-fc">fc: timothee chalamet</div></div>
        <div class="df-head">
          <div class="df-faction f-osk"><span class="df-dot"></span>террорист</div>
          <div class="df-meta"><span class="df-label">должность:</span> безработный, на попечении марцелла</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> осквернители</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">кто знает, о чем мечтал дирк в детстве — но точно не о том, чтобы участвовать в терроре. возможно, он радовался магии и шансу на другую жизнь, гордился тем, что стал «избранным» среди обычных магглов. в хогвартсе дирк не понимал, за что его гнобят, и однажды даже подрался с обидчиком «по-маггловски», чтобы доказать: кровь ничем не отличается. дирк был вундеркиндом и членом клуба слизней — слагхорн устроил его в управление по связям с гоблинами после выпуска, но статус крови стал клеймом, лишившим его шанса закончить стажировку. его обвинили в чужом преступлении. дирк провел месяц в камерах министерства, пережил запугивания поцелуем дементора и сдался. во время этапирования в азкабан на карету с заключенными напали: пожиратели пришли за другим узником, а он успел сбежать. тогда дирк решил взять все в свои руки, решив: если мир отказывается принимать его, пусть тогда сгорит дотла. его побег стал громкой новостью, и марцелл нашел его вскоре после. вместе они спланировали первую масштабную операцию. аланнис, вейла из борделя в яме, стала информатором осквернителей, выуживая сведения у сестер по ремеслу. ее информация помогла спланировать теракт на рождественском приеме в особняке сэлвинов.</div></div>
      </div>

      <!-- Minerva McGonagall -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Minerva McGonagall<span class="df-age"> · 45</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/05a38e545faaec56274229c6ba2812cf/478b9338ea3e56d6-6e/s540x810/6177f555302e570bb964759ff4f20f33c2e588e5.gif"><div class="df-fc">fc: rachel weisz</div></div>
        <div class="df-head">
          <div class="df-faction f-ord"><span class="df-dot"></span>преподавательница</div>
          <div class="df-meta"><span class="df-label">должность:</span> декан гриффиндора, преподаватель трансфигурации</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> орден феникса</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">родиться ведьмой в семье священника — сомнительный старт, но минерва росс справилась с этим, прекрасно показав себя во время учебы в хогвартсе и работы в ДОМП. она мастерски совмещала работу и личную жизнь уже в статусе миссис макгонагалл, но ее счастье было недолгим. детей завести им так и не удалось — когда ее муж умирал, минерва впервые за много лет попыталась помолиться, торгуясь с богом, в которого не верила. бог не ответил, и элфинстоун умер. после его похорон она отправилась в хогвартс и больше не покидала замок. ночью минерва в облике полосатой кошки выслеживает пожирателей смерти, а собранную информацию передает лично дамблдору, считаясь его правой рукой. до хогвартса она работала аврором и остается одним из самых опасных бойцов ордена. для учеников минерва — непоколебимая скала и гарантия безопасности в замке. макгонагалл строга с ними, но так она пытается защитить их, хотя бы детство оставив подальше от войны. отец учил ее, что каждая душа достойна спасения, даже самая заблудшая. но когда минерва смотрит на пожирателей смерти, она не видит заблудших душ — только монстров, которых нужно остановить.</div></div>
      </div>

      <!-- Miriam Strout -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Miriam Strout<span class="df-age"> · 35</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/b3c0b45558583ddbdd14b25fb45573bc/c29ee5a227234674-38/s400x600/1972b328424a38aede95d84b67b61d0edca385ab.gif"><div class="df-fc">fc: janet montgomery</div></div>
        <div class="df-head">
          <div class="df-faction f-ord"><span class="df-dot"></span>целительница</div>
          <div class="df-meta"><span class="df-label">должность:</span> заместитель главного целителя мунго</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> орден феникса</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">когда главцелитель мунго поддержал орден, мириам последовала его примеру. кто-то ведь должен это остановить: изуродованные тела, сломанные разумы, бесконечный поток жертв... полгода назад пожиратели смерти убили ее мужа, и с тех пор работа стала для нее смыслом жизни. в отделении недугов от заклятий мириам исследует долгосрочные последствия круциатуса. для ордена она — настоящее спасение: может определить, какими именно проклятиями пытали человека, как долго, насколько обратимы последствия. страут превратила несколько безопасных домов ордена в импровизированные лазареты. она убеждена, что целитель не имеет права выбирать пациентов по статусу или шансам на выздоровление — для нее важен каждый. мириам обучает стажеров, мало спит, пытаясь сделать как можно больше для победы ордена. и не верит в то, что свет может проиграть.</div></div>
      </div>

      <!-- Arthur Weasley -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Arthur Weasley<span class="df-age"> · 30</span></span></div>
        <div class="df-gif"><img src="https://s11.gifyu.com/images/Suc6D.gif"><div class="df-fc">fc: jake austin walker</div></div>
        <div class="df-head">
          <div class="df-faction f-ord"><span class="df-dot"></span>магглофил</div>
          <div class="df-meta"><span class="df-label">должность:</span> глава сектора борьбы с незаконным использованием изобретений маглов</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> министерство и орден феникса</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">артур уизли раньше положенных лет опыта стал главой сектора. в отличие от большинства, для артура это была мечта: работа, где маггловские диковинки являются его прямой ответственностью. его увлечение граничит с одержимостью — он способен часами рассуждать о функциях резиновой уточки или электрических розеток. венец его экспериментов — усовершенствованный форд англия, который артур конфисковал во время рейда и теперь держит у себя в сарае. его открытая любовь к маггловскому и работа в министерстве сделали уизли потенциальной мишенью для пожирателей. он женат на молли пруэтт, чьи братья сражаются в рядах ордена — именно они привели туда и артура. долг перед растущей семьей не позволяет рисковать жизнью. да и он не боевой маг и прекрасно это понимает, но может предложить хотя бы связи в департаменте и помощь в восполнении некоторых ресурсов конфискатом.</div></div>
      </div>

      <!-- Rosmerta Brown -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Rosmerta Brown<span class="df-age"> · 35</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/417d98d140fe9fb55cdeaceed29639d4/1bfb2bebb52b696a-95/s640x960/831bc8270ab842fda8d53c7aaa0b39d316c5eb96.gif"><div class="df-fc">fc: annabelle wallis</div></div>
        <div class="df-head">
          <div class="df-faction f-ord"><span class="df-dot"></span>информатор</div>
          <div class="df-meta"><span class="df-label">должность:</span> владелица «трех метел»</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> информатор ордена феникса</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">в пабе розмерты, доставшемся ей по наследству, всегда тепло и людно. и она улыбается всем одинаково: министерским чиновникам и незнакомцам в черных капюшонах. но ее нейтральность и приветливость — иллюзия с тех пор, как пожиратели сожгли паб дотла. она не простила, что министерство списало это на «сопутствующий ущерб». жители хогсмида вместе собрали деньги на восстановление, и с тех пор, как двери ее детища открылись вновь, розмерта работает на орден. «три метлы» — это последнее, что осталось у нее от отца. браун наливает потенциальным пожирателям огненный виски, флиртует с ними или сочувственно кивает, но запоминает каждое их пьяное слово. наблюдает: кто куда направляется, кто с кем встречается. а потом передает сведения связному. именно она помогла предотвратить захват хогвартса, который пожиратели планировали на лето 1980 года.</div></div>
      </div>

      <!-- Theodora Vane -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Theodora Vane<span class="df-age"> · 27</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/cdbaad7bc135f1fe36380e561e8bd4ed/578e3136e865ed31-0a/s400x600/1f8ed09d5c0db771c2bba695aff47f7c0b545be9.gif"><div class="df-fc">fc: victoria pedretti</div></div>
        <div class="df-head">
          <div class="df-faction f-grey"><span class="df-dot"></span>дезертир</div>
          <div class="df-meta"><span class="df-label">должность:</span> безработная</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> серые плащи</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">тео помогает вывозить магглорожденных во францию — работа, требующая крепких нервов, но с ними у теодоры не очень. война сломала ее, когда тео провалила операцию по спасению многодетной семьи. пожиратели устроили засаду, теодора прикрывала отступление и получила проклятие. подставилась она тщетно — никто из ее отряда не выжил. после этого вейн дезертировала, считая, что орден готов жертвовать людьми ради «большой цели». серые плащи приняли ее, и теперь теодора помогает тем, кого еще можно спасти. шрамы на левом плече она скрывает под одеждой, но то, что проклятие сделало с ее разумом, спрятать не всегда получается: тео преследуют провалы в памяти, дрожь в руках, ночные кошмары. иногда она забывает, кого везет и куда — но пока это никого не убило, она продолжает делать единственное, в чем видит смысл.</div></div>
      </div>

    </div>
  </div>
</div>

<style>
/* ── акции: папки-досье v2 ── */
.ac-body { padding: 10px 40px 30px; }

.df-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 52px 30px;
  margin-top: 40px;
}

.df {
  position: relative;
  padding: 30px 28px 24px;
  background: linear-gradient(180deg, #e5e5e1 0%, #dbdbd6 45%);
  border-radius: 2px 16px 16px 16px;
  box-shadow: 0 14px 30px rgba(35, 45, 30, 0.20);
  isolation: isolate;
  opacity: .90;
}
.df::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(92, 98, 84, 0.22);
  pointer-events: none;
}
.df::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 14px;
  bottom: 14px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(92, 98, 84, 0.20), transparent);
  pointer-events: none;
}

/* язычок с именем — слева, выступает вверх */
.df-tab {
  position: absolute;
  top: -24px;
  left: 22px;
  z-index: 2;
  max-width: 56%;
  padding: 4px 22px 4px 18px;
  background: linear-gradient(180deg, #e1e1dc, #d5d5cf);
  border: 1px solid rgba(92, 98, 84, 0.22);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -3px 8px rgba(35, 45, 30, 0.05);
}
.df-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 8px;
  background: #d5d5cf;
}
.df-name {
  display: block;
  font: 700 17px/1.1 'Playfair Display', Georgia, serif;
  color: #353228;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.df-age { font-weight: 600; color: #8b8f7e; font-size: 13px; }

/* горизонтальная гифка справа, с фильтром, свисает на папку */
.df-gif {
  position: absolute;
  top: -20px;
  right: 24px;
  z-index: 3;
  width: 230px;
  height: 115px;
  padding: 2px;
  background: #edede9;
  border: 1px solid rgba(92, 98, 84, 0.24);
  border-radius: 4px;
  transform: rotate(2.4deg);
}
.df-gif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 2px;
filter: grayscale(1) sepia(0.25) hue-rotate(55deg) saturate(0.65) brightness(0.97) contrast(1.03);
}

/* fc — язычок на верхней кромке гифки, в рифму к имени */
.df-fc {
  position: absolute;
  top: -18px;
  right: 8px;
  z-index: 4;
  padding: 4px 12px 2px;
  background: linear-gradient(180deg, #e8e8e3, #dadad4);
  border: 1px solid rgba(92, 98, 84, 0.26);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  font: 700 8px/1 'Manrope', Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6b7060;
  box-shadow: 0 -2px 6px rgba(35, 45, 30, 0.05);
  white-space: nowrap;
}
.df-fc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: #dadad4;
}

/* шапка контента — воздух справа под гифку */
.df-head { padding-right: 172px; min-height: 74px; }
.df-faction {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 2px 0 12px;
  padding: 4px 12px 4px 10px;
  background: rgba(92, 98, 84, 0.10);
  border: 1px solid rgba(92, 98, 84, 0.22);
  border-radius: 20px;
  font: 600 8px/1 'Manrope', Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6b7060;
}
.df-dot { width: 6px; height: 6px; border-radius: 50%; background: #7d8270; }
.f-de .df-dot { background: #8a4038; }
.f-min .df-dot { background: #4f6a70; }
.f-ord .df-dot { background: #5f7046; }
.f-grey .df-dot { background: #6f747a; }
.f-osk .df-dot { background: #9c5a3a; }

.df-meta { font: 11.5px/1.55 'Manrope', Arial, sans-serif; color: #545550; margin-bottom: 3px; }
.df-label { font-weight: 700; text-transform: uppercase; font-size: 8.5px; letter-spacing: .05em; color: #6f735b; }

.df-scroll {
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(92, 98, 84, 0.20);
  max-height: 178px;
  overflow-y: auto;
  padding-right: 6px;
}
.df-scroll-inner { font: 12px/1.65 'Manrope', Arial, sans-serif; color: #55564f; text-align: left; }
.df-scroll::-webkit-scrollbar { width: 4px; }
.df-scroll::-webkit-scrollbar-thumb { background: rgba(92, 98, 84, 0.3); border-radius: 4px; }
.df-scroll::-webkit-scrollbar-track { background: transparent; }

.df--taken { opacity: .70; }
.df--taken .df-mark {
    position: absolute;
    top: 33px;
    right: 220px;
    z-index: 4;
    font: 700 20px 'Playfair Display', Arial, sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #b0574b;
    border: 2px solid rgba(176, 87, 75, 0.62);
    padding: 3px 11px;
    transform: rotate(-4deg);
}

@media (max-width: 600px) {
  .df-grid { grid-template-columns: 1fr; }
  .df-gif { position: static; transform: none; width: 100%; height: 150px; margin: 8px 0 4px; }
  .df-head { padding-right: 0; min-height: 0; }
}
</style>
[/html]
[hideprofile]

0

4

[html]
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-tag">hp: solitude // сюжетные хэдканоны</div>
    <div class="fp-title fp-title--sm">Chapter III. The Pit Has No Bottom</div>
  </div>

  <div class="ac-body">

    <div class="ac-intro">
      Банда Скорпиуса — наемники и специалисты в определенных магических науках, объединенных личной лояльностью к одному человеку. Ядро составляют оборотни, которых Скорпиус нанял еще в самом начале своего пути в Лютном, и представители семей-основателей Лютного, верхушка криминальной пирамиды переулка и Ямы. Представители выполняют функции охраны, силовиков и исполнителей — обеспечивают порядок в Обугленном Котле и на Бирже, выбивают долги и устраняют тех, кто нарушает правила нейтральной территории, арбитражат споры между группировками, гарантируют выполнение сделок и выполняют наемнические заказы, не нарушающие нейтралитет. Все члены внутреннего круга носят татуировку скорпиона с поднятым жалом и другие символы магических контрактов разного рода.
    </div>

    <div class="df-grid">

      <!-- Chester Noggin -->
      <div class="df df--taken">
        <div class="df-tab"><span class="df-name">Chester Noggin<span class="df-age"> · ~40–45</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/52ad23fa06da38cee2d5d6c200909d43/tumblr_inline_ps8yu9gDU21rqq37j_400.gif"><div class="df-fc">fc: charlie hunnam</div></div>
        <div class="df-mark">найден</div>
        <div class="df-head">
          <div class="df-faction f-mkt"><span class="df-dot"></span>ритуалист</div>
          <div class="df-meta"><span class="df-label">должность:</span> наемник банды</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> черный рынок</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">лавка сушеных голов, которую вы с братом веспер бонс пополам делите — удобное прикрытие, серая зона. у самого входа в рамочке висит иссохшийся пергаментный листок — свидетельство о праве собственности — и на старое здание, и на статус семей-основателей лютного. твоя фамилия — пропуск в первые ряды на гладиаторскую арену чужих страстей под накрывшим яму колпаком. но тебе всегда мало. тебе всегда хотелось другого: еще выше взобраться, еще больше от пирога откусить. предложенный скорпиусом кусок ты съедаешь весь и не давишься. ритуалистика — твоя семейная стезя, сколько поколений назад она была и оставалась теми знаниями, что волшебники вашей семьи передавали по линии наследования. говорят, что именно ваша семья отвечает за скрытные чары ямы, что скорпиус доверяет вам периметр. ты не отрицаешь и не подтверждаешь. а когда последние крупицы соли опадают кристаллами на юге, создавая линию барьера, ты откладываешь инструменты и идешь на задание — в яме свои правила, и тебе слишком нравится это чувство власти, чтобы захотелось что-либо менять.</div></div>
      </div>

      <!-- Declan Scabior -->
      <div class="df df--taken">
        <div class="df-tab"><span class="df-name">Declan Scabior<span class="df-age"> · 45</span></span></div>
        <div class="df-gif"><img src="https://storage.ko-fi.com/cdn/useruploads/display/25dfee3f-6c18-45a1-8299-eba1f6b61787_tumblr_59aa047e899c5e0dfecae514201b41cd_ec1d660d_540.gif"><div class="df-fc">fc: karl urban</div></div>
        <div class="df-mark">найден</div>
        <div class="df-head">
          <div class="df-faction f-mkt"><span class="df-dot"></span>контрабандист</div>
          <div class="df-meta"><span class="df-label">должность:</span> начальник складов ямы</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> стая фенрира / черный рынок</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">выпускник слизерина, после школы решивший, что легкие деньги в лютном ощущаются куда привлекательнее честной карьеры. контрабанда шла неплохо, пока во время одного из рейсов деклан не столкнулся с фенриром грейбеком — укус оборотня поставил крест на прежней жизни. теперь скабиор формально часть стаи фенрира, но реальную верность хранит скорпиусу, дослужившись в иерархии ямы до начальника складов. пока скабиор умудряется оставаться полезным обоим, но с каждым полнолунием чувствует, что ошейник давит все сильнее и вгрызается шипами в его кожу. и пусть контрабанда осталась его стихией — теперь ставки на скрытность гораздо выше. в контрабандистских кругах скабиора знают как «гончую» — если деклан берется провезти груз, он доставит его целым, даже если придется прогрызать путь через половину Британии.</div></div>
      </div>

      <!-- Vesper Bonce -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Vesper Bonce<span class="df-age"> · 35</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/277704cbe904eac844f3eb3fc6245c29/tumblr_nzfet7cfkH1udr5nho2_250.gif"><div class="df-fc">fc: eiza gonzalez</div></div>
        <div class="df-head">
          <div class="df-faction f-mkt"><span class="df-dot"></span>вудуистка</div>
          <div class="df-meta"><span class="df-label">должность:</span> смотрящая биржи</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> черный рынок</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">полукровная волшебница, горячая смесь двух кровей и двух культур. дочь торговца из лютного и ведьмы из нового орлеана — в яме ее называют вуду-квин. когда скорпиус взошел на трон рынка, она оказалась достаточно проницательной, чтобы поймать момент, и достаточно расчетливой, чтобы им воспользоваться. верность новому порядку и впечатляющая демонстрация магии принесли свои плоды — веспер заняла место смотрящей, отвечая за биржу и ее торговцев. теперь она собирает налоги для скорпиуса и следит, чтобы на подконтрольной территории царил порядок. веспер создает защитные гри-гри для людей скорпиуса, использует ритуалы для поиска предателей. ходят слухи, что бонс может почувствовать ложь по дрожи куклы в руках, а тех, кто пытается ее обмануть, преследуют ночные кошмары, пока долг не будет оплачен.</div></div>
      </div>

      <!-- Caleb Webb -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Caleb Webb<span class="df-age"> · ~40–45</span></span></div>
        <div class="df-gif"><img src="https://i.pinimg.com/originals/3b/71/0b/3b710b96256e1ec41629fa5e05f1aca8.gif"><div class="df-fc">fc: tom hardy</div></div>
        <div class="df-head">
          <div class="df-faction f-mkt"><span class="df-dot"></span>оборотень</div>
          <div class="df-meta"><span class="df-label">должность:</span> наемник банды</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> черный рынок</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">стихия твоей лавки — предметы, связанные с темными искусствами. борджины были вашими давними клиентами, и все казалось простым и понятным — избегай рейдов, прячь опасное в скрытых сейфах. но темную магию практикует недостаточно волшебников, чтобы бизнес процветал, потому вы с партнером не ограничиваетесь мелкой торговлей. ваша вторая стихия — контрабанда, поставка ценных товаров в антикварную лавку и на аукционы дома розье. когда-то тебя поймали авроры и в азкабан грозились посадить, если не выдашь главных партнеров. ты молчал — два месяца провел в заключении, где дементоры уже начали высасывать из тебя все светлое. министерству не хватило доказательств, и тебя выпустили с условным сроком. в последнюю ночь перед освобождением к тебе в камеру подсадили незарегистрированного оборотня, естественно, он никогда не видел аконит. ночь стала фатальной, вирус въелся под кожу, стал твоей второй сутью. но ты выжил, а скорпиус нашел тебя через неделю после первого превращения и предложил место в банде. ты не жалеешь ни о чем. и в яме ты нашел больше, чем потерял наверху.</div></div>
      </div>

      <!-- Roger Belby -->
      <div class="df">
        <div class="df-tab"><span class="df-name">Roger Belby<span class="df-age"> · ~35–40</span></span></div>
        <div class="df-gif"><img src="https://64.media.tumblr.com/a152ffda1d3d418fd7b6f5f81ef56f33/3bd7d79f3cd0eafd-65/s540x810/b9de8959ce58b4d527fa9f82d5f07e7940ce1581.gif"><div class="df-fc">fc: finn wittrock</div></div>
        <div class="df-head">
          <div class="df-faction f-mkt"><span class="df-dot"></span>татуировщик</div>
          <div class="df-meta"><span class="df-label">должность:</span> ритуалист и рунолог</div>
          <div class="df-meta"><span class="df-label">лояльность:</span> черный рынок</div>
        </div>
        <div class="df-scroll"><div class="df-scroll-inner">ты любил рисовать с детства, пока твой брат дамокл пропадал в теплице вашей матери. акварельные пейзажи и портреты приносили гроши. ты быстро понял, что искусство ради искусства — привилегия богатых. в школе начал экспериментировать с рунами: сначала копировал футарк на пергамент, потом попробовал нанести на кожу — и почувствовал, как магия откликается. ты дополнил художественные навыки темной магией: можно было рисовать красоту и вместе с тем запечатлевать защиту или проклятие прямо на человеческую плоть. скорпиус пришел к тебе с предложением — искал мастера, способного создать метку, которая свяжет с ним его банду. ты работал над клеймом три недели, и теперь каждый член внутреннего круга носит твою работу. ты рисуешь на заказ контрактные печати, гарантирующие сделки; защитные руны от проклятий и ядов; проклятые метки для должников и кровные ритуалы, связывающие партнеров. на твоем собственном теле — десятки рун и тату скорпиона с поднятым жалом на левом предплечье.</div></div>
      </div>

    </div>
  </div>
</div>

<style>
/* ── акции: папки-досье v2 ── */
.ac-body { padding: 10px 40px 30px; }

.ac-intro {
  margin: 26px auto 2px;
  padding: 20px 26px;
}

.df-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 52px 30px;
  margin-top: 40px;
}

.df {
  position: relative;
  padding: 30px 28px 24px;
  background: linear-gradient(180deg, #e5e5e1 0%, #dbdbd6 45%);
  border-radius: 2px 16px 16px 16px;
  box-shadow: 0 14px 30px rgba(35, 45, 30, 0.20);
  isolation: isolate;
  opacity: .90;
}
.df::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(92, 98, 84, 0.22);
  pointer-events: none;
}
.df::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 14px;
  bottom: 14px;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(92, 98, 84, 0.20), transparent);
  pointer-events: none;
}

/* язычок с именем — слева, выступает вверх */
.df-tab {
  position: absolute;
  top: -24px;
  left: 22px;
  z-index: 2;
  max-width: 56%;
  padding: 4px 22px 4px 18px;
  background: linear-gradient(180deg, #e1e1dc, #d5d5cf);
  border: 1px solid rgba(92, 98, 84, 0.22);
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -3px 8px rgba(35, 45, 30, 0.05);
}
.df-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 8px;
  background: #d5d5cf;
}
.df-name {
  display: block;
  font: 700 17px/1.1 'Playfair Display', Georgia, serif;
  color: #353228;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.df-age { font-weight: 600; color: #8b8f7e; font-size: 13px; }

/* горизонтальная гифка справа, с фильтром, свисает на папку */
.df-gif {
  position: absolute;
  top: -20px;
  right: 24px;
  z-index: 3;
  width: 230px;
  height: 115px;
  padding: 2px;
  background: #edede9;
  border: 1px solid rgba(92, 98, 84, 0.24);
  border-radius: 4px;
  transform: rotate(2.4deg);
}
.df-gif img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 2px;
filter: grayscale(1) sepia(0.25) hue-rotate(55deg) saturate(0.65) brightness(0.97) contrast(1.03);
}

/* fc — язычок на верхней кромке гифки, в рифму к имени */
.df-fc {
  position: absolute;
  top: -18px;
  right: 8px;
  z-index: 4;
  padding: 4px 12px 2px;
  background: linear-gradient(180deg, #e8e8e3, #dadad4);
  border: 1px solid rgba(92, 98, 84, 0.26);
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  font: 700 8px/1 'Manrope', Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6b7060;
  box-shadow: 0 -2px 6px rgba(35, 45, 30, 0.05);
  white-space: nowrap;
}
.df-fc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 6px;
  background: #dadad4;
}

/* шапка контента — воздух справа под гифку */
.df-head { padding-right: 172px; min-height: 74px; }
.df-faction {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 2px 0 12px;
  padding: 4px 12px 4px 10px;
  background: rgba(92, 98, 84, 0.10);
  border: 1px solid rgba(92, 98, 84, 0.22);
  border-radius: 20px;
  font: 600 8px/1 'Manrope', Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6b7060;
}
.df-dot { width: 6px; height: 6px; border-radius: 50%; background: #7d8270; }
.f-de .df-dot { background: #8a4038; }
.f-min .df-dot { background: #4f6a70; }
.f-ord .df-dot { background: #5f7046; }
.f-grey .df-dot { background: #6f747a; }
.f-osk .df-dot { background: #9c5a3a; }
.f-mkt .df-dot { background: #74566e; }

.df-meta { font: 11.5px/1.55 'Manrope', Arial, sans-serif; color: #545550; margin-bottom: 3px; }
.df-label { font-weight: 700; text-transform: uppercase; font-size: 8.5px; letter-spacing: .05em; color: #6f735b; }

.df-scroll {
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid rgba(92, 98, 84, 0.20);
  max-height: 178px;
  overflow-y: auto;
  padding-right: 6px;
}
.df-scroll-inner { font: 12px/1.65 'Manrope', Arial, sans-serif; color: #55564f; text-align: left; }
.df-scroll::-webkit-scrollbar { width: 4px; }
.df-scroll::-webkit-scrollbar-thumb { background: rgba(92, 98, 84, 0.3); border-radius: 4px; }
.df-scroll::-webkit-scrollbar-track { background: transparent; }

.df--taken { opacity: .70; }
.df--taken .df-mark {
    position: absolute;
    top: 33px;
    right: 220px;
    z-index: 4;
    font: 700 20px 'Playfair Display', Arial, sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #b0574b;
    border: 2px solid rgba(176, 87, 75, 0.62);
    padding: 3px 11px;
    transform: rotate(-4deg);
}

@media (max-width: 600px) {
  .df-grid { grid-template-columns: 1fr; }
  .df-gif { position: static; transform: none; width: 100%; height: 150px; margin: 8px 0 4px; }
  .df-head { padding-right: 0; min-height: 0; }
}
</style>
[/html]
[hideprofile]

0


Вы здесь » hp: solitude » jinx by twilight, undone at midnight » сюжетные хэдканоны


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