Плавающие блоки в шапке

Приглашаем поклонников не слишком альтернативной истории с элементами криминального детектива! Криминал, политика, вечеринки, загадочные убийства.

ЖДЕМ В ИГРУ:

псевдоистория / антуражка / эпизодическая система / 18+

    1920. НА ЗАРЕ СУХОГО ЗАКОНА

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

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


    Вы здесь » 1920. НА ЗАРЕ СУХОГО ЗАКОНА » Ждём тебя » Акции от администрации


    Акции от администрации

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

    1

    [html]<style>
      .forum-table-container {
        background-image: url(https://upforme.ru/uploads/001c/86/f6/2/140849.jpg);  /* Фон подложки */
        color: #2e2d2d;
        padding: 20px;
      text-align: center;
        border-radius: 10px;
        font-family: American Typewriter , sans-serif;
      }
      .forum-table-header {
        text-align: center;
        font-family: American Typewriter , serif;
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 20px;
        text-transform: uppercase;
      }
      .forum-table-columns {
        display: flex;
    text-align: center;
        border-radius: 10px;
        gap: 15px;
      }
      .forum-table-column {
        flex: 1;
      text-align: center !important;
        background-color: #dcd2c8;
        color: #2e2d2d;
        border-radius: 10px;
        padding: 15px;
      }
      .forum-table-column h3 {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        border-radius: 10px;
        text-transform: uppercase;
        margin-top: 0;
      }
      .forum-table-column hr {
        border: none;
    text-align: center;
        height: 0px;
        background-color: #2e2d2d;
        margin: 10px 0;
      }
      .forum-table-column ul {
        list-style-type: none;
        padding: 0;
    text-align: center;
        margin: 0;
      }
      .forum-table-column li {
        margin-bottom: 10px;
      text-align: center;
      }
      .forum-table-footer {
        background-color: #dcd2c8;
        color: #2e2d2d;
        border-radius: 10px;
        text-align: center;
        padding: 10px;
        margin-top: 20px;
        font-weight: bold;
      }
      .forum-table-footer .highlight {
        font-weight: bold;
      text-align: center;
      }

    </style>

    <div class="forum-table-container">
     
    <div class="forum-table-column">
          <h1>АКЦИИ ОТ АДМИНИСТРАЦИИ</h1>
          <hr>

          <ul>
            <li>  Один раз в месяц (или по необходимости чаще) будет появляться новая акция на нужных в сюжет персонажей. </li>

          </ul>
        </div>

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

    [sign][/sign]

    +1

    2

    [html]<!-- ДОСЬЕ -->
    <div class="ny20-file">
      <div class="ny20-file__top">
        <div class="ny20-file__stamp">CONFIDENTIAL</div>
        <div class="ny20-file__source">
          Источник: <em>New York Evening Herald</em>
        </div>
        <div class="ny20-file__date">Март 1920</div>
      </div>

      <!-- ОБЛОЖКА (картинка в самом начале к "оглавлению") -->
      <!-- Подставь свой URL в --cover -->
      <figure class="ny20-cover" style="--cover:url('https://i.pinimg.com/originals/fd/3f/f0/fd3ff0236c302fcd6c0613f634f8ce89.gif');">
      </figure>

      <header class="ny20-file__header">
        <h1>АКЦИЯ #1. БОГЕМА</h1>
        <p class="ny20-file__lead">
          Менять можно все кроме внешности и сферы деятельности. <br>
    Настоятельно рекомендуем брать исходники в духе эпохи.<br>
    Из плюшек - 1000$ стартового капитала, 5 купонов на бесплатный подарок ближнему и сокращенная анкета (можно написать 5 коротких пунктов о персонаже и не вдаваться в остальные подробности).<br>
    Взгляните только на это разнообразие ролей и лиц. Они же прекрасны. Очень ждем каждого.
        </p>
      </header>

      <section class="ny20-file__block">
        <ul class="ny20-cards">

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/885534.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Laura Harrier</span>
              <h3>Изабель "Белль" Дюбуа</h3>
              <p>Подающая надежды поэтесса из Гарлема. Часто выступает в подпольных клубах и мечтает издать свой первый сборник.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/716999.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Eddie Redmayne</span>
              <h3>Леонард Флейшман</h3>
              <p>Владелец небольшого книжного магазина в Гринвич-Виллидж, который служит неофициальным салоном для писателей, художников и интеллектуалов.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/545016.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Adrien Brody</span>
              <h3>Джулиан Бэнкс</h3>
              <p>Критик-интеллектуал, чьи едкие, но проницательные рецензии могут как вознести, так и уничтожить карьеру.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/864536.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Marion Cotillard</span>
              <h3>Клара Вайс
    </h3>
              <p>Фотограф-документалист, которая снимает жизнь улиц Нью-Йорка и его богемных обитателей, стремясь запечатлеть подлинную атмосферу эпохи.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/520143.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Christian Bale</span>
              <h3>Оскар Финч
    </h3>
              <p>Эксцентричный композитор, пишущий музыку для немых фильмов и авангардных балетов. Экспериментирует с необычными инструментами и звуками.

    </p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/264434.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Ben Barnes</span>
              <h3>Ричард Стоун
    </h3>
              <p>Актёр театра, известный своими ролями в экспериментальных постановках. Харизматичен и обожает быть в центре внимания.

    </p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/253117.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Charles Dance</span>
              <h3>Нед Келли</h3>
              <p>Пожилой, немного рассеянный, но невероятно эрудированный филолог и литературовед, который специализируется на модернистской поэзии. Он часто проводит лекции в небольших читальных залах, собирая вокруг себя молодых поэтов и писателей, делясь мудростью и редкими анекдотами.

    </p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/820507.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Willem Dafoe</span>
              <h3>Гарольд Блэквуд</h3>
              <p>Влиятельный музыкальный продюсер и владелец небольшого независимого лейбла, который ищет и продвигает молодые джазовые и блюзовые таланты.

    </p>
            </div>
          </li>

        </ul>
      </section>

    </div>

    <style>
    /* ====== NY1920 dossier block (sepia / sand / brown) ====== */
    .ny20-file{
      --bg:#efe3c7; --paper:#f4ead1; --ink:#2a221a; --sepia:#c9a068;
      --edge:#b28e62; --chip:#836a4a;
      --shadow:0 8px 18px rgba(42,34,26,.18);
      --grain:linear-gradient(rgba(0,0,0,.03),rgba(0,0,0,.03));
      font:16px/1.6 "American Typewriter","Yeseva One","Georgia",serif;
      color:var(--ink);
      background:
        radial-gradient(1200px 300px at 10% 0%, rgba(0,0,0,.06), transparent 60%),
        var(--grain), var(--paper);
      border:1px solid var(--edge);
      border-radius:12px;
      padding:22px;
      box-shadow:var(--shadow);
      max-width:960px; margin:20px auto; position:relative; overflow:hidden;
    }
    .ny20-file:before{
      content:""; position:absolute; inset:-20px -20px auto -20px; height:44px;
      background:linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,0)); pointer-events:none;
    }

    /* верхняя плашка */
    .ny20-file__top{ display:flex; gap:14px; align-items:center; justify-content:space-between; margin-bottom:10px; flex-wrap:wrap; }
    .ny20-file__stamp{
      letter-spacing:.2em; border:2px solid var(--ink); color:var(--ink);
      padding:4px 10px; font-weight:700; transform:rotate(-3deg);
      background:rgba(201,160,104,.18); box-shadow:inset 0 0 0 2px rgba(0,0,0,.04);
    }
    .ny20-file__source,.ny20-file__date{ opacity:.85; font-size:.95rem; }

    /* ОБЛОЖКА */
    .ny20-cover{
      margin:6px 0 14px; height:200px;
      background:
        linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)),
        var(--cover) center/cover no-repeat,
        #d9c7a7;
      border:1px solid var(--edge); border-radius:10px; position:relative;
      box-shadow:0 2px 10px rgba(0,0,0,.08);
    }
    .ny20-cover figcaption{
      position:absolute; left:10px; bottom:8px;
      background:rgba(244,234,209,.85); border:1px solid var(--edge);
      padding:4px 8px; border-radius:6px; font-weight:700; letter-spacing:.04em;
    }

    /* заголовок */
    .ny20-file__header{ margin:10px 0 18px; }
    .ny20-file__header h1{
      font:700 28px/1.2 "Yeseva One","American Typewriter","Georgia",serif;
      margin:0 0 6px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink); position:relative;
    }
    .ny20-file__header h1:after{
      content:""; display:block; width:110px; height:3px; margin:8px 0 0;
      background:linear-gradient(to right,var(--sepia),transparent);
    }
    .ny20-file__lead{ background:rgba(255,255,255,.4); border-left:4px solid var(--sepia); padding:10px 12px; border-radius:6px; }

    /* секции */
    .ny20-file__block{ margin:18px 0; }
    .ny20-file__block h2{
      font:700 18px/1.2 "American Typewriter","Georgia",serif; margin:0 0 8px;
      text-transform:uppercase; letter-spacing:.08em; color:#3a2f24; position:relative;
    }
    .ny20-file__block h2:before{ content:"§"; margin-right:8px; color:var(--sepia); }
    .ny20-file__block p{ margin:0; }

    /* карточки персонажей */
    .ny20-cards{
      list-style:none; margin:12px 0 0; padding:0;
      display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px;
    }
    .ny20-card{
      background:var(--paper); border:1px solid var(--edge); border-radius:10px;
      padding:10px; box-shadow:0 2px 8px rgba(0,0,0,.08);
      display:grid; grid-template-columns:88px 1fr; gap:10px; align-items:start; position:relative;
    }
    .ny20-thumb{
      width:88px; height:112px; border:2px solid var(--chip); border-radius:4px;
      background:
        linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05)),
        var(--ph) center/cover no-repeat,
        #d7c6a6;
      filter:grayscale(100%) contrast(1.12) brightness(.95);
    }
    .ny20-card__text h3{
      font:700 17px/1.3 "American Typewriter","Georgia",serif; margin:2px 0 6px;
    }
    .ny20-card__text p{ margin:0; }
    .ny20-tag{
      position:absolute; top:-10px; right:10px;
      background:linear-gradient(#a4835a,#8b6e4c);
      color:#fff; font-size:.75rem; padding:3px 8px; border-radius:12px; letter-spacing:.05em;
      box-shadow:0 2px 6px rgba(0,0,0,.2);
    }

    /* списки */
    .ny20-list{ margin:8px 0 0 18px; padding:0; }
    .ny20-list li{ margin:6px 0; }

    /* цитата */
    .ny20-file__quote{
      margin:18px 0 8px; padding:12px 14px; background:rgba(201,160,104,.15);
      border:1px dashed var(--edge); border-radius:10px; font-style:italic;
    }

    /* футер */
    .ny20-file__foot{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }
    .ny20-badge{
      background:linear-gradient(#d5c19c,#c1a77c); color:#2b2219; border:1px solid var(--edge);
      padding:4px 10px; border-radius:999px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem;
    }
    .ny20-badge--dark{ background:linear-gradient(#7b6345,#5f4e39); color:#f5ead6; border-color:#4c3d2c; }

    /* лёгкая «зернистость» */
    .ny20-file,.ny20-card{ background-blend-mode:multiply; }

    /* ====== Мобильная адаптация ====== */
    body.m-app .ny20-cards{ grid-template-columns:1fr; }
    body.m-app .ny20-file{ padding:16px; border-radius:10px; }
    body.m-app .ny20-file__header h1{ font-size:22px; }
    @media (max-width:640px){
      .ny20-cards{ grid-template-columns:1fr; }
      .ny20-card{ grid-template-columns:76px 1fr; }
      .ny20-thumb{ width:76px; height:100px; }
      .ny20-file{ padding:16px; }
      .ny20-file__header h1{ font-size:22px; }
      .ny20-cover{ height:180px; }
    }
    </style>[/html][hideprofile]

    +2

    3

    [html]<!-- ДОСЬЕ -->
    <div class="ny20-file">
      <div class="ny20-file__top">
        <div class="ny20-file__stamp">CONFIDENTIAL</div>
        <div class="ny20-file__source">
          Источник: <em>New York Evening Herald</em>
        </div>
        <div class="ny20-file__date">Март 1920</div>
      </div>

      <!-- ОБЛОЖКА (картинка в самом начале к "оглавлению") -->
      <!-- Подставь свой URL в --cover -->
      <figure class="ny20-cover" style="--cover:url('https://i.pinimg.com/originals/c7/60/1a/c7601a8a0cdd0590ceb06b5797b36d19.gif');">
      </figure>

      <header class="ny20-file__header">
        <h1>АКЦИЯ #2. МАФИЯ</h1>
        <p class="ny20-file__lead">
            Данная акция продиктована духом времени. Ведь кто может представить себе Америку ревущих 20х без мафии и кровавой дележки территории, чтобы оторвать себе кусок побольше да поаппетитней? Прочитать подробней о группировках, которые опутывают город можно <a href="https://1920.rusff.me/viewtopic.php?id=377#p29832">по ссылке</a>.<br>
         Менять можно все кроме сферы деятельности. Настоятельно рекомендуем брать исходники в духе эпохи.<br>
          Из плюшек - 1000$ стартового капитала, 5 купонов на бесплатный подарок ближнему и сокращенная анкета (можно написать 5 коротких пунктов о персонаже и не вдаваться в остальные подробности).<br>
          Взгляните только на это разнообразие ролей и лиц. Они же прекрасны. Очень ждем каждого.
        </p>
      </header>

    <header class="ny20-file__header">
        <h1>СЕМЬЯ МОРЕЛЛО-ТЕРРАНОВА</h1>  </header>
      <section class="ny20-file__block">
        <ul class="ny20-cards">

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/18858.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Johnny Depp</span>
              <h3>Винченцо Терранова</h3>
              <p>Фактический глава Семьи. Сын Джо Морелло, амбициозен, внешне сдержан, но мстителен.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://i.pinimg.com/736x/c5/d5/f9/c5d5f99ae9865ad1332d33822f8d4986.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Daniel Radcliffe</span>
              <h3>Никколо Терранова</h3>
              <p>Брат Винченцо и его правая рука. Контролирует типографии, занимается сбором «налогов» для семьи.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/508766.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Jack Black</span>
              <h3>Сальваторе Д’Альяро</h3>
              <p>Капитан. Занимается «мясными лавками», устрашает лавочников, собирает налоги, знает все про всех, внешне добродушный толстяк, но не советуем обольщаться на его счет.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/802782.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Monica Bellucci</span>
              <h3>Мария Морелло</h3>
              <p>Глаза и уши семьи на улицах. Приносит дурные вести в дома, занимается вопросами помощи пострадавшим семьям (финансовая помощь), использует связи в приходах и среди вдов эмигрантов чтобы постоянно быть в курсе событий и держит но по-ветру.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/579979.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Michael Pitt</span>
              <h3>Карло Лучано</h3>
              <p>Амбициозный молодой гангстер, который только начинает свой путь. Солдат у Терранова с большими амбициями.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/104353.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Rachel McAdams</span>
              <h3>Лола Моретти</h3>
              <p>Хозяйка самого модного подпольного клуба в Нью-Йорке, связана с мафией.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/607386.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Helen McCrory</span>
              <h3>Мадлен Деверо</h3>
              <p>Хозяйка самого популярного борделя в Нью-Йорке. Заведение посещают политики, мафиози и даже полицейские чины.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/567203.png');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Penélope Cruz</span>
              <h3>Амелия Фальконе</h3>
              <p>Бывшая актриса немого кино, жена Винченцо Терранова.</p>
            </div>
          </li>

        </ul>
      </section>

    <header class="ny20-file__header">
        <h1>ИРЛАНДСКАЯ МАФИЯ GOPHER GANG</h1>  </header>
      <section class="ny20-file__block">
        <ul class="ny20-cards">

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://i.pinimg.com/1200x/f8/73/8d/f8738debcd91ded4551bb4736405bf35.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Tom Hardy</span>
              <h3>Оуэни Мэдден</h3>
              <p>Теневая фигура, бутлегер, дипломат банды. Образованный, контролирует клубы, лоялен к интересам Ирландии и иммигрантам своей страны в новых землях. Преследует цель накопить достаточно денег и собрать армию, чтобы потом вернуться на родину и дать огня Англии.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://i.pinimg.com/1200x/fa/c2/bb/fac2bbb660f63a02c12caa19db18756f.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: James Norton</span>
              <h3>Патрик Коннолли</h3>
              <p>Лидер бойцов, наставник молодежи. Экс-боксёр, психически неуравновешен, отвечает за давление на профсоюзы. Предпочитает пользоваться силовыми методами и не гнушается идти «до конца». Известен своим способом вести переговоры — ломает пальцы оппоненту, один за другим, пока тот не соглашается сделать так, как надо Патрику.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://upforme.ru/uploads/0019/49/95/2/275293.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Nicole Kidman</span>
              <h3>Мэгги О’Хара</h3>
              <p>Агент «под прикрытием». Мэгги посылают туда, где нужно решить вопрос без лишнего шума. Чертовски красива и обаятельна. Способна заставить любого мужчину забыть обо всем. Вместе с вашими секретами может прихватить половину ценностей в вашем доме. Нет ни любви, ни жалости, ни человечности. Поговаривают, что на родине её семью зверски убили, когда те отказались платить налоги, потому что было нечем. Одному Богу известно как ей самой удалось спастись и выбраться в Новый Свет.</p>
            </div>
          </li>

          <li class="ny20-card">
            <div class="ny20-thumb" style="--ph:url('https://i.pinimg.com/736x/bd/b0/95/bdb0952f4803f00961820910727a2121.jpg');"></div>
            <div class="ny20-card__text">
              <span class="ny20-tag">Внешность: Barry Keoghan</span>
              <h3>Шеймус Рурк</h3>
              <p>Инспектор. Работает в доках, занимается перевозкой алкоголя из Ирландии в Америку, следит за качеством товара и решает вопросы на воде, и на суше. Мастер по части быстрой перевозки товара и договорняков с таможней.</p>
            </div>
          </li>

    </div>

    <style>
    /* ====== NY1920 dossier block (sepia / sand / brown) ====== */
    .ny20-file{
      --bg:#efe3c7; --paper:#f4ead1; --ink:#2a221a; --sepia:#c9a068;
      --edge:#b28e62; --chip:#836a4a;
      --shadow:0 8px 18px rgba(42,34,26,.18);
      --grain:linear-gradient(rgba(0,0,0,.03),rgba(0,0,0,.03));
      font:16px/1.6 "American Typewriter","Yeseva One","Georgia",serif;
      color:var(--ink);
      background:
        radial-gradient(1200px 300px at 10% 0%, rgba(0,0,0,.06), transparent 60%),
        var(--grain), var(--paper);
      border:1px solid var(--edge);
      border-radius:12px;
      padding:22px;
      box-shadow:var(--shadow);
      max-width:960px; margin:20px auto; position:relative; overflow:hidden;
    }
    .ny20-file:before{
      content:""; position:absolute; inset:-20px -20px auto -20px; height:44px;
      background:linear-gradient(to bottom, rgba(0,0,0,.08), rgba(0,0,0,0)); pointer-events:none;
    }

    /* верхняя плашка */
    .ny20-file__top{ display:flex; gap:14px; align-items:center; justify-content:space-between; margin-bottom:10px; flex-wrap:wrap; }
    .ny20-file__stamp{
      letter-spacing:.2em; border:2px solid var(--ink); color:var(--ink);
      padding:4px 10px; font-weight:700; transform:rotate(-3deg);
      background:rgba(201,160,104,.18); box-shadow:inset 0 0 0 2px rgba(0,0,0,.04);
    }
    .ny20-file__source,.ny20-file__date{ opacity:.85; font-size:.95rem; }

    /* ОБЛОЖКА */
    .ny20-cover{
      margin:6px 0 14px; height:200px;
      background:
        linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)),
        var(--cover) center/cover no-repeat,
        #d9c7a7;
      border:1px solid var(--edge); border-radius:10px; position:relative;
      box-shadow:0 2px 10px rgba(0,0,0,.08);
    }
    .ny20-cover figcaption{
      position:absolute; left:10px; bottom:8px;
      background:rgba(244,234,209,.85); border:1px solid var(--edge);
      padding:4px 8px; border-radius:6px; font-weight:700; letter-spacing:.04em;
    }

    /* заголовок */
    .ny20-file__header{ margin:10px 0 18px; }
    .ny20-file__header h1{
      font:700 28px/1.2 "Yeseva One","American Typewriter","Georgia",serif;
      margin:0 0 6px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink); position:relative;
    }
    .ny20-file__header h1:after{
      content:""; display:block; width:110px; height:3px; margin:8px 0 0;
      background:linear-gradient(to right,var(--sepia),transparent);
    }
    .ny20-file__lead{ background:rgba(255,255,255,.4); border-left:4px solid var(--sepia); padding:10px 12px; border-radius:6px; }

    /* секции */
    .ny20-file__block{ margin:18px 0; }
    .ny20-file__block h2{
      font:700 18px/1.2 "American Typewriter","Georgia",serif; margin:0 0 8px;
      text-transform:uppercase; letter-spacing:.08em; color:#3a2f24; position:relative;
    }
    .ny20-file__block h2:before{ content:"§"; margin-right:8px; color:var(--sepia); }
    .ny20-file__block p{ margin:0; }

    /* карточки персонажей */
    .ny20-cards{
      list-style:none; margin:12px 0 0; padding:0;
      display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:12px;
    }
    .ny20-card{
      background:var(--paper); border:1px solid var(--edge); border-radius:10px;
      padding:10px; box-shadow:0 2px 8px rgba(0,0,0,.08);
      display:grid; grid-template-columns:88px 1fr; gap:10px; align-items:start; position:relative;
    }
    .ny20-thumb{
      width:88px; height:112px; border:2px solid var(--chip); border-radius:4px;
      background:
        linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05)),
        var(--ph) center/cover no-repeat,
        #d7c6a6;
      filter:grayscale(100%) contrast(1.12) brightness(.95);
    }
    .ny20-card__text h3{
      font:700 17px/1.3 "American Typewriter","Georgia",serif; margin:2px 0 6px;
    }
    .ny20-card__text p{ margin:0; }
    .ny20-tag{
      position:absolute; top:-10px; right:10px;
      background:linear-gradient(#a4835a,#8b6e4c);
      color:#fff; font-size:.75rem; padding:3px 8px; border-radius:12px; letter-spacing:.05em;
      box-shadow:0 2px 6px rgba(0,0,0,.2);
    }

    /* списки */
    .ny20-list{ margin:8px 0 0 18px; padding:0; }
    .ny20-list li{ margin:6px 0; }

    /* цитата */
    .ny20-file__quote{
      margin:18px 0 8px; padding:12px 14px; background:rgba(201,160,104,.15);
      border:1px dashed var(--edge); border-radius:10px; font-style:italic;
    }

    /* футер */
    .ny20-file__foot{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }
    .ny20-badge{
      background:linear-gradient(#d5c19c,#c1a77c); color:#2b2219; border:1px solid var(--edge);
      padding:4px 10px; border-radius:999px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem;
    }
    .ny20-badge--dark{ background:linear-gradient(#7b6345,#5f4e39); color:#f5ead6; border-color:#4c3d2c; }

    /* лёгкая «зернистость» */
    .ny20-file,.ny20-card{ background-blend-mode:multiply; }

    /* ====== Мобильная адаптация ====== */
    body.m-app .ny20-cards{ grid-template-columns:1fr; }
    body.m-app .ny20-file{ padding:16px; border-radius:10px; }
    body.m-app .ny20-file__header h1{ font-size:22px; }
    @media (max-width:640px){
      .ny20-cards{ grid-template-columns:1fr; }
      .ny20-card{ grid-template-columns:76px 1fr; }
      .ny20-thumb{ width:76px; height:100px; }
      .ny20-file{ padding:16px; }
      .ny20-file__header h1{ font-size:22px; }
      .ny20-cover{ height:180px; }
    }
    </style>[/html][hideprofile]

    +1


    Вы здесь » 1920. НА ЗАРЕ СУХОГО ЗАКОНА » Ждём тебя » Акции от администрации