4% . .
lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris luctus porttitor convallis. in ut mi eu velit mattis ullamcorper. nulla ac ex auctor, sodales sem dapibus. lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris luctus porttitor convallis. in ut mi eu velit mattis mauris luctus porttitor convallis. in ut mi eu velit mattis ullamcorper. nulla ac ex auctor, sodales sem dapibus.
lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris luctus porttitor convallis. in ut mi eu velit mattis ullamcorper. nulla ac ex auctor, sodales sem dapibus. lorem ipsum dolor sit amet, consectetur adipiscing elit. mauris luctus porttitor convallis. in ut mi eu velit mattis mauris luctus porttitor convallis. in ut mi eu velit mattis ullamcorper. nulla ac ex auctor, sodales sem dapibus.
TAINTBORNE

    Nebel

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

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


    Вы здесь » Nebel » Новый форум » лор


    лор

    Сообщений 31 страница 38 из 38

    31

    [html]<div style="
      background:#3a3a3a;
      color:#ededed;
      padding:20px;
      border-radius:12px;
      max-width:860px;
      font-family:Verdana, Arial, sans-serif;
    ">

      <!-- Название -->
      <div style="font-size:26px;font-weight:700;margin-bottom:12px;color:#fff;">
        Tear You Apart
      </div>

      <!-- Верхние плашки -->
      <div style="margin-bottom:18px; display:flex; flex-wrap:wrap; gap:6px;">
        <span class="tag" style="background:#1f8a9b;color:#fff;padding:5px 10px;border-radius:6px;font-size:13px;">Слэш</span>
        <span class="tag" style="background:#901f25;color:#fff;padding:5px 10px;border-radius:6px;font-size:13px;">NC-21</span>
        <span class="tag" style="background:#c8c1a6;color:#3a3a3a;padding:5px 10px;border-radius:6px;font-size:13px;">В процессе</span>
        <span class="tag" style="background:#2f7d32;color:#fff;padding:5px 10px;border-radius:6px;font-size:13px;">👍 Скрыто</span>
      </div>

      <!-- Основной блок -->
      <div style="display:flex; gap:18px; align-items:flex-start;">

        <!-- Левая колонка -->
        <div style="flex:1; font-size:14px; line-height:1.65;">

          <!-- Авторы -->
          <div style="margin-bottom:10px;">
            <strong style="color:#fff;">Авторы:</strong><br>
            <div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
              <span class="tag" style="display:inline-flex; align-items:center; gap:6px; background:#4a4a4a; padding:4px 8px; border-radius:6px;">
                <img src="https://upforme.ru/uploads/001c/82/f2/62/231882.png" alt="аватар1" style="width:24px;height:24px;border-radius:50%;object-fit:cover;"> Sean Bones
              </span>
              <span class="tag" style="display:inline-flex; align-items:center; gap:6px; background:#4a4a4a; padding:4px 8px; border-radius:6px;">
                <img src="https://upforme.ru/uploads/001c/82/f2/62/529972.png" alt="аватар2" style="width:24px;height:24px;border-radius:50%;object-fit:cover;"> Clyde Steel
              </span>
            </div>
          </div>

          <!-- Пейринг -->
          <div style="margin-bottom:10px;">
            <strong style="color:#fff;">Пейринг:</strong><br>
            <div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Steel Boner</span>
            </div>
          </div>

          <!-- Фэндом -->
          <div style="margin-bottom:10px;">
            <strong style="color:#fff;">Фэндом:</strong><br>
            Ориджиналы
          </div>

          <!-- Размер -->
          <div style="margin-bottom:14px;">
            <strong style="color:#fff;">Размер:</strong><br>
            планируется Макси, написано 42 страницы, 9 345 слов, 2 части
          </div>

          <!-- Жанры -->
          <div style="margin-bottom:12px;">
            <strong style="color:#fff;">Жанры:</strong><br>
            <div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Любовь/Ненависть</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Ангст</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Мистика</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Соулмейты</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Учебные заведения</span>
            </div>
          </div>

          <!-- Предупреждения -->
          <div style="margin-bottom:12px;">
            <strong style="color:#fff;">Предупреждения:</strong><br>
            <div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Садизм</span>
              <span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Гуро</span>
              <span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Зоофилия</span>
              <span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Каннибализм</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Насилие</span>
              <span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Некрофилия</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Нецензурная лексика</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Серая мораль</span>
              <span class="tag" style="background:#6a3b3b;padding:4px 8px;border-radius:6px;">Смерть второстепенного персонажа</span>
            </div>
          </div>

          <!-- Другие метки -->
          <div style="margin-bottom:14px;">
            <strong style="color:#fff;">Другие метки:</strong><br>
            <div style="display:flex; flex-wrap:wrap; gap:6px; margin-top:4px;">
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Боль</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Отрицание чувств</span>
              <span class="tag" style="background:#4a4a4a;padding:4px 8px;border-radius:6px;">Лишение конечности</span>
            </div>
          </div>

        </div>

        <!-- Правая колонка: обложка -->
        <div style="width:220px;flex-shrink:0; display:flex; justify-content:center; align-items:flex-start;">
          <div class="cover-wrapper" style="
            background:#2d2d2f;
            border-radius:10px;
            overflow:hidden;
            box-shadow:0 6px 16px rgba(0,0,0,0.4);
            width:300px;
            height:450px;
          ">
            <img
              src="https://upforme.ru/uploads/001c/82/f2/62/625344.png"
              alt="Обложка фанфика"
              style="width:100%; height:100%; display:block; object-fit:cover; transition: transform 0.3s ease;">
          </div>
        </div>
      </div>
      <!-- Описание фанфика -->
      <div style="margin-top:20px; padding:12px; background:#2d2d2f; border-radius:8px; line-height:1.5; clear:both;">
        <strong style="color:#fff;">Описание фанфика:</strong><br>
       Я ненавижу тебя за то, что, стоит мне замахнуться на твой пульс, как мой собственный припадает к земле и затравленно щерится. Ненавижу за то, что в твоих глазах, сколько ни ищи, сколько ни раскапывай - не нахожу даже крупицы себя самого, даже слабый свой отголосок. Ненавижу за то, что твои руки, точно треклятые шулеры, всегда заранее знают, как выиграть мой стон, скрутить его в узел и выбросить. Ненавижу за то, что умеешь терпеть даже самую адскую боль и притом совсем не умеешь оставлять меня равнодушным. Ненавижу за то, что нам нужно прислуживать нашей магической связи, печься о ней неотступными няньками, кормить ее с ложечки хрупкими компромиссами, чтобы не взбунтовалась, не закапризничала, не отказала нам в силе и помощи. Ненавижу тебя, потому что меньшего ты не заслуживаешь.
      </div>

    </div>

    <style>
      .cover-wrapper:hover img {
        transform: scale(1.05);
      }

      .tag:hover {
        filter: brightness(0.8);
      }
    </style>

    <br>
    <iframe frameborder="0" allow="clipboard-write" style="border:none;width:860px;height:88px;" width="100%" height="88" src="https://music.yandex.ru/iframe/album/6041384/track/772295">Слушайте <a href="https://music.yandex.ru/album/6041384/track/772295?utm_source=web&utm_medium=copy_link">Tear You Apart</a> — <a href="https://music.yandex.ru/artist/28128">She Wants Revenge</a> на Яндекс Музыке</iframe>
    [/html]

    0

    32

    [html]<!DOCTYPE html>
    <html lang="ru">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Книга заклинаний</title>
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font-family: 'Georgia', serif;
                background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
                color: #e6e6e6;
                line-height: 1.6;
                padding: 20px;
            }

            .spell-book {
                max-width: 800px;
                margin: 0 auto;
                background: rgba(20, 20, 40, 0.8);
                border: 2px solid #8b4513;
                border-radius: 15px;
                overflow: hidden;
                box-shadow: 0 0 20px rgba(139, 69, 19, 0.5);
            }

            .book-header {
                background: linear-gradient(to right, #8b4513, #a0522d);
                padding: 15px 20px;
                text-align: center;
                border-bottom: 3px solid #654321;
            }

            .book-title {
                font-size: 24px;
                font-weight: bold;
                letter-spacing: 2px;
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
                color: #fff;
            }

            .spells-container {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
                gap: 15px;
                padding: 20px;
            }

            .spell-card {
                background: rgba(30, 30, 50, 0.9);
                border: 1px solid #5a3914;
                border-radius: 8px;
                padding: 15px;
                transition: transform 0.3s ease;
            }

            .spell-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 5px 15px rgba(139, 69, 19, 0.4);
            }

            .spell-name {
                color: #ffd700;
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 8px;
                border-bottom: 1px dashed #8b4513;
                padding-bottom: 5px;
            }

            .spell-level {
                color: #98fb98;
                font-size: 14px;
                margin-bottom: 10px;
                font-style: italic;
            }

            .spell-description {
                font-size: 14px;
                margin-bottom: 10px;
                text-align: justify;
            }

            .spell-details {
                display: flex;
                justify-content: space-between;
                font-size: 12px;
                color: #aaa;
            }

            .mana-cost {
                color: #1e90ff;
                font-weight: bold;
            }

            .casting-time {
                color: #ff6347;
            }

            .range {
                color: #32cd32;
            }

            .school {
                display: inline-block;
                background: #444;
                padding: 2px 8px;
                border-radius: 10px;
                font-size: 11px;
                color: #ffd700;
            }

            .book-footer {
                text-align: center;
                padding: 15px;
                font-size: 12px;
                color: #888;
                border-top: 1px solid #444;
            }
        </style>
    </head>
    <body>
        <div class="spell-book">
            <div class="book-header">
                <h1 class="book-title">✦ КНИГА ЗАКЛИНАНИЙ ✦</h1>
            </div>

            <div class="spells-container">
                <!-- Заклинание 1 -->
                <div class="spell-card">
                    <h2 class="spell-name">Огненный шар</h2>
                    <div class="spell-level">Уровень 3, Школа разрушения</div>
                    <div class="spell-description">
                        Создаёт взрыв пламени в указанной точке, нанося $8d6$ урона огнём всем существам в радиусе $20$ футов. Существа могут совершить спасбросок Ловкости Сл $15$, чтобы получить половину урона.
                    </div>
                    <div class="spell-details">
                        <span class="mana-cost">Стоимость: 15 маны</span>
                        <span class="casting-time">Время: 1 действие</span>
                    </div>
                    <div class="spell-details">
                        <span class="range">Дальность: 120 футов</span>
                        <span class="school">Разрушение</span>
                    </div>
                </div>

                <!-- Заклинание 2 -->
                <div class="spell-card">
                    <h2 class="spell-name">Лечение ран</h2>
                    <div class="spell-level">Уровень 1, Школа восстановления</div>
                    <div class="spell-description">
                        Восстанавливает $3d8 + 5$ очков здоровья выбранному существу. Может быть усилено дополнительными слотами заклинаний для увеличения эффекта.
                    </div>
                    <div class="spell-details">
                        <span class="mana-cost">Стоимость: 8 маны</span>
                        <span class="casting-time">Время: 1 действие</span>
                    </div>
                    <div class="spell-details">
                        <span class="range">Дальность: Касание</span>
                        <span class="school">Восстановление</span>
                    </div>
                </div>

                <!-- Заклинание 3 -->
                <div class="spell-card">
                    <h2 class="spell-name">Невидимость</h2>
                    <div class="spell-level">Уровень 2, Школа иллюзий</div>
                    <div class="spell-description">
                        Делает цель невидимой на $1$ час или до тех пор, пока она не совершит атаку или не наложит заклинание. Невидимость распространяется на всё, что цель носит и несёт.
                    </div>
                    <div class="spell-details">
                        <span class="mana-cost">Стоимость: 12 маны</span>
                        <span class="casting-time">Время: 1 действие</span>
                    </div>
                    <div class="spell-details">
                        <span class="range">Дальность: Касание</span>
                        <span class="school">Иллюзия</span>
                    </div>
                </div>
            </div>

            <div class="book-footer">
                Страница 1 из 3 • Перевёрнута заклинателем: Маг Эльрин
            </div>
        </div>
    </body>
    </html>
    [/html]

    0

    33

    [html]<!DOCTYPE html>
    <html lang="ru">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Книга Заклинаний</title>
        <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font-family: 'Cormorant Garamond', serif;
                background: linear-gradient(135deg, #2c1b3d 0%, #1a0d26 100%);
                color: #e8d5ff;
                line-height: 1.7;
                padding: 20px;
                min-height: 100vh;
            }

            .spell-book {
                max-width: 900px;
                margin: 30px auto;
                background: rgba(40, 25, 55, 0.6);
                border-radius: 20px;
                overflow: hidden;
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(138, 43, 226, 0.1);
                backdrop-filter: blur(5px);
                border: 1px solid rgba(138, 43, 226, 0.3);
            }

            .book-header {
                text-align: center;
                padding: 30px 20px;
                position: relative;
                overflow: hidden;
            }

            .book-title {
                font-size: 32px;
                font-weight: 700;
                letter-spacing: 4px;
                color: #d8bfff;
                text-shadow:
                    0 0 10px rgba(216, 191, 255, 0.5),
                    0 0 20px rgba(138, 43, 226, 0.3);
                position: relative;
                display: inline-block;
            }

            .book-title::before,
            .book-title::after {
                content: "✦";
                color: #9460ff;
                margin: 0 15px;
                opacity: 0.8;
            }

            .spells-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
                gap: 25px;
                padding: 20px 30px 40px;
            }

            .spell-card {
                background: radial-gradient(circle at top left, rgba(60, 35, 80, 0.8), rgba(35, 20, 45, 0.9));
                border-radius: 15px;
                padding: 25px;
                position: relative;
                overflow: hidden;
                transition: all 0.4s ease;
                border: 1px solid rgba(140, 60, 230, 0.2);
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            }

            .spell-card::before {
                content: "";
                position: absolute;
                top: -10px;
                left: -10px;
                right: -10px;
                bottom: -10px;
                border: 1px dashed rgba(140, 60, 230, 0.3);
                border-radius: 18px;
                pointer-events: none;
            }

            .spell-card:hover {
                transform: translateY(-8px);
                box-shadow: 0 12px 25px rgba(140, 60, 230, 0.25);
                background: radial-gradient(circle at top left, rgba(70, 40, 90, 0.9), rgba(45, 25, 60, 0.95));
            }

            .spell-name {
                font-size: 22px;
                font-weight: 600;
                color: #e6c8ff;
                margin-bottom: 12px;
                position: relative;
                padding-bottom: 8px;
            }

            .spell-name::after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 50px;
                height: 2px;
                background: linear-gradient(to right, #9460ff, transparent);
            }

            .spell-meta {
                display: flex;
                justify-content: space-between;
                font-size: 13px;
                color: #b8a0e0;
                margin-bottom: 15px;
                flex-wrap: wrap;
            }

            .spell-element {
                display: inline-block;
                background: rgba(148, 96, 255, 0.2);
                padding: 3px 10px;
                border-radius: 12px;
                font-size: 11px;
                color: #c9a8ff;
            }

            .spell-description {
                font-size: 15px;
                color: #dcd0ff;
                text-align: justify;
                margin-bottom: 20px;
                line-height: 1.8;
            }

            .spell-details {
                display: flex;
                justify-content: space-between;
                font-size: 12px;
                color: #a080d0;
            }

            .detail-item {
                display: flex;
                align-items: center;
            }

            .icon {
                margin-right: 6px;
                font-size: 14px;
            }

            .book-footer {
                text-align: center;
                padding: 20px;
                font-size: 13px;
                color: #9980c0;
                border-top: 1px solid rgba(148, 96, 255, 0.2);
                background: rgba(30, 18, 42, 0.7);
            }

            /* Анимации */
            @keyframes float {
                0%, 100% { transform: translateY(0px); }
                50% { transform: translateY(-5px); }
            }

            .spell-card:nth-child(odd) {
                animation: float 6s ease-in-out infinite;
            }
        </style>
    </head>
    <body>
        <div class="spell-book">
            <div class="book-header">
                <h1 class="book-title">КНИГА ЗАКЛИНАНИЙ</h1>
            </div>

            <div class="spells-grid">
                <!-- Заклинание 1 -->
                <div class="spell-card">
                    <h2 class="spell-name">Шепот звёзд</h2>
                    <div class="spell-meta">
                        <span class="spell-element">Эфирное</span>
                        <span>Лёгкое заклинание</span>
                    </div>
                    <p class="spell-description">
                        Создаёт вокруг заклинателя ауру мерцающих частиц, похожих на далёкие звёзды. В радиусе $10$ метров звуки становятся тише, а мысли — яснее. Действует $1$ час.
                    </p>
                    <div class="spell-details">
                        <[/html]

    0

    34

    [html]<!DOCTYPE html>
    <html lang="ru">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Книга Заклинаний — Страница 1</title>
        <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font-family: 'Cormorant Garamond', serif;
                background: linear-gradient(135deg, #4a1a1a 0%, #2a3a20 100%);
                color: #f0e8d5;
                line-height: 1.7;
                padding: 20px;
                min-height: 100vh;
            }

            .spell-book {
                max-width: 900px;
                margin: 30px auto;
                background: rgba(60, 30, 30, 0.7);
                border-radius: 20px;
                overflow: hidden;
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(160, 40, 40, 0.2);
                backdrop-filter: blur(5px);
                border: 1px solid rgba(160, 40, 40, 0.4);
            }

            .book-header {
                text-align: center;
                padding: 30px 20px;
                position: relative;
                overflow: hidden;
            }

            .book-title {
                font-size: 32px;
                font-weight: 700;
                letter-spacing: 4px;
                color: #e0b0b0;
                text-shadow:
                    0 0 10px rgba(224, 176, 176, 0.4),
                    0 0 20px rgba(160, 40, 40, 0.3);
                position: relative;
                display: inline-block;
            }

            .spells-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
                gap: 25px;
                padding: 20px 30px 40px;
            }

            .spell-card {
                background: radial-gradient(circle at top left, rgba(80, 35, 35, 0.8), rgba(50, 25, 25, 0.9));
                border-radius: 15px;
                padding: 25px;
                position: relative;
                overflow: hidden;
                transition: all 0.4s ease;
                border: 1px solid rgba(160, 60, 60, 0.3);
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
            }

            .spell-name {
                font-size: 22px;
                font-weight: 600;
                color: #f0c0c0;
                margin-bottom: 12px;
                position: relative;
                padding-bottom: 8px;
            }

            .spell-description {
                font-size: 15px;
                color: #f0d0c0;
                text-align: justify;
                margin-bottom: 20px;
                line-height: 1.8;
            }

            /* Стили кнопок навигации */
            .nav-buttons {
                display: flex;
                justify-content: space-between;
                padding: 20px 30px;
                background: rgba(50, 25, 25, 0.8);
                border-top: 1px solid rgba(160, 40, 40, 0.4);
            }

            .nav-btn {
                background: linear-gradient(145deg, #5a2020, #3a4a20);
                color: #f5e5d5;
                border: none;
                padding: 12px 60px;
                border-radius: 30px;
                cursor: pointer;
                font-family: 'Cormorant Garamond', serif;
                font-size: 16px;
                transition: all 0.3s ease;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
                position: relative;
                text-decoration: none;
                display: inline-block;
                text-align: center;
            }

            /* Псевдоэлементы для стрелок */
            .prev-btn::before {
                content: '';
                position: absolute;
                left: 20px;
                top: 50%;
                transform: translateY(-50%) rotate(180deg); /* Поворот на 180° для стрелки «Назад» */
                width: 20px;
                height: 20px;
                background-image: url('https://i.pinimg.com/1200x/60/3c/0d/603c0d0c5fa60e5a51fa8988f9f41dd7.jpg');
                background-size: contain;
                background-repeat: no-repeat;
            }

            .next-btn::after {
                content: '';
                position: absolute;
                right: 20px;
                top: 50%;
                transform: translateY(-50%); /* Без поворота — стрелка уже направлена вправо */
                width: 20px;
                height: 20px;
                background-image: url('https://i.pinimg.com/1200x/60/3c/0d/603c0d0c5fa60e5a51fa8988f9f41dd7.jpg');
                background-size: contain;
                background-repeat: no-repeat;
            }

           

    /* Анимации */
            @keyframes float {
                0%, 100% { transform: translateY(0px); }
                50% { transform: translateY(-5px); }
            }

            .spell-card:nth-child(odd) {
                animation: float 6s ease-in-out infinite;
            }
        </style>
    </head>
    <body>
        <div class="spell-book">
            <div class="book-header">
                <h1 class="book-title">КНИГА ЗАКЛИНАНИЙ</h1>
            </div>

            <div class="spells-grid">
                <!-- Заклинание 1 -->
                <div class="spell-card">
                    <h2 class="spell-name">Шепот звёзд</h2>
                    <p class="spell-description">Создаёт вокруг заклинателя ауру мерцающих частиц, похожих на далёкие звёзды. В радиусе $10$ метров звуки становятся тише, а мысли — яснее. Действует $1$ час.</p>
                </div>

                <!-- Заклинание 2 -->
                <div class="spell-card">
                    <h2 class="spell-name">Зелёный покров</h2>
                    <p class="spell-description">Вызывает рост магических растений вокруг заклинателя. Растения светятся мягким зелёным светом и отпугивают тёмных существ в радиусе $5$ метров. Длительность — $30$ минут.</p>
                </div>
            </div>

            <div class="spells-grid">
                <!-- Заклинание 1 -->
                <div class="spell-card">
                    <h2 class="spell-name">Шепот звёзд</h2>
                    <p class="spell-description">Создаёт вокруг заклинателя ауру мерцающих частиц, похожих на далёкие звёзды. В радиусе $10$ метров звуки становятся тише, а мысли — яснее. Действует $1$ час.</p>
                </div>

                <!-- Заклинание 2 -->
                <div class="spell-card">
                    <h2 class="spell-name">Зелёный покров</h2>
                    <p class="spell-description">Вызывает рост магических растений вокруг заклинателя. Растения светятся мягким зелёным светом и отпугивают тёмных существ в радиусе $5$ метров. Длительность — $30$ минут.</p>
                </div>
            </div>

       
            <div class="spells-grid">
                <!-- Заклинание 1 -->
                <div class="spell-card">
                    <h2 class="spell-name">Шепот звёзд</h2>
                    <div class="spell-meta">
                        <span class="spell-element">Эфирное</span>
                        <span>Лёгкое заклинание</span>
                    </div>
                    <p class="spell-description">
                        Создаёт вокруг заклинателя ауру мерцающих частиц, похожих на далёкие звёзды. В радиусе $10$ метров звуки становятся тише, а мысли — яснее. Действует $1$ час.
                    </p>
                    <div class="spell-details">

             

         

    [/html]

    0

    35

    [html]

    <center>
    <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
    <style type="text/css">
    .otr01 { width: 500px; background-color: transparent; opacity: .9; transition-duration: 2s;  -moz-transition-duration: 2s;  -webkit-transition-duration: 2s;  -o-transition-duration: 2s; }
    .otr01:hover { opacity: 1; }
    .small8990 { width: 142px; height: 158px; padding: 10px; padding-bottom: 40px; background: url(http://i.imgur.com/lriQaOE.png) repeat; background-color: #f2f2f1; }
    .medium8990 { width: 220px; height: 244px; padding: 10px; padding-bottom: 40px; background: url(http://i.imgur.com/lriQaOE.png) repeat; background-color: #f2f2f1; }
    .pfpsmtxt01 { position: relative; left: -10px;width: 162px; height: 50px; background-color: transparent; }
    .pfpsmtxt02 { font-family: 'Homemade Apple', cursive; font-size: 25px; text-align: center; position: relative; top: 12px; line-height: 30px; text-transform: lowercase;  }
    .pfpmedtxt01 { position: relative; left: -10px;width: 239px; height: 60px; background-color: transparent; }
    .pfpmedtxt02 { font-family: 'Homemade Apple', cursive; font-size: 30px; text-align: center; position: relative; top: 15px; line-height: 30px; text-transform: lowercase; }
    .streetcred {  text-align: center; font-size: 10px; }
    </style>

    <div class="otr01"><div class="otr01">
    <table cellpadding="2" cellspacing="0"><td rowspan="2">
    <div class="small8990"><div style=" width: 142px; height: 148px;  background-color: #fff;"><img src="142x148 IMAGE HERE!!"><div class="pfpsmtxt01"><div class="pfpsmtxt02">texthere!!</div></div></div></div>
    </td><td>
    <div class="small8990"><div style="width: 142px; height: 148px;  background-color: #fff; "><img src="142x148 IMAGE HERE!!"><div class="pfpsmtxt01"><div class="pfpsmtxt02">texthere!!</div></div></div></div>
    </td><td>
    <div class="small8990"><div style="width: 142px; height: 148px;  background-color: #fff;  "><img src="142x148 IMAGE HERE!!"><div class="pfpsmtxt01"><div class="pfpsmtxt02">texthere!!</div></div></div></div>
    </td></tr></table>
    <div style="position: relative; margin-left: -4px;">
    <table cellpadding="7" cellspacing="0"><td rowspan="2">
    <div class="medium8990"><div style="width: 220px; height: 224px;  background-color: #fff; "><img src="220X224 IMAGE HERE!!"><div class="pfpmedtxt01"><div class="pfpmedtxt02">texthere!!</div></div></div></div>
    </td><td>
    <div class="medium8990"><div style="width: 220px; height: 224px;  background-color: #fff; "><img src="220X224 IMAGE HERE!!"><div class="pfpmedtxt01"><div class="pfpmedtxt02">28:06:42:12</div></div></div></div>
    </td></tr></table></div>

    <table cellpadding="2" cellspacing="0"><td rowspan="2">
    <div class="small8990"><div style="width: 142px; height: 148px;  background-color: #fff;"><img src="142x148 IMAGE HERE!!"><div class="pfpsmtxt01"><div class="pfpsmtxt02">texthere!!</div></div></div></div>
    </td><td>
    <div class="small8990"><div style="width: 142px; height: 148px;  background-color: #fff; "><img src="142x148 IMAGE HERE!!"><div class="pfpsmtxt01"><div class="pfpsmtxt02">texthere!!</div></div></div></div>
    </td><td>
    <div class="small8990"><div style="width: 142px; height: 148px;  background-color: #fff; "><img src="142x148 IMAGE HERE!!"><div class="pfpsmtxt01"><div class="pfpsmtxt02">texthere!!</div></div></div></div>
    </td></tr></table></div></div>
    <p><div class="streetcred"><a href="http://wecode.jcink.net/index.php?showuser=5"><font color="#d8dacc">oliver</font></a> <a href="http://shine.b1.jcink.com/index.php?showuser=6227"><font color="#d8dacc">sykes</font></a></div>
    </center>

    [/html]

    0

    36

    https://wecode.jcink.net/index.php?showtopic=5480

    0

    37

    [html]

    <style type="text/css">

    .windowsdown2 { width: 450px; padding: 10px; box-shadow: 1px 1px 10px #000; }
    .ommtf { font-family: helvetica; font-size: 25px; font-weight: bold; text-align: center; text-transform: lowercase; letter-spacing: 0px; line-height: 26px; color: #fff; }
    .s4aknf { font-family: helvetica; font-size: 15px; text-align: center; text-transform: lowercase; letter-spacing: 0px; line-height: 26px; color: #fff; }
    .tmgu { border-bottom: solid 1px #c2c6b3; padding:5px; }
    .tmp { width: 50px; height: 50px; text-align: center; position: relative; top: 10px; font-family: helvetica; font-size: 15px; line-height: 15px; }
    .ptvafftd { font-family: calibri; font-size: 15px; font-weight: bold; text-transform: none; line-height: 15px; letter-spacing: 0px; color: #000; }
    .gclihb { font-family: arial; text-transform: uppercase; font-size: 10px; line-height: 15px; letter-spacing: 0px; }
    .ommtf3 { border-top: solid 1px #c2c6b3; padding: 5px; }
    .atldw { width: 50px; height: 50px; position: relative; top: -3px; }
    .aptpatp { position: relative; top: 5px; }
    .streetcred {  text-align: center; font-size: 10px; }

    </style>

    <center><div class="windowsdown2">

    <div style="background-image: url(PLAYLISTBACKGROUNDIMAGEGOESHERE!!);width: 450px; height: 200px;"><div style="position: relative; top: 25px;"><div style="text-align: center; border: solid 5px #fff; width: 100px; height: 100px;"><img src="http://placehold.it/100x100"style="height: 100px; width: 100px;"></div><div class="ommtf">playlist name</div><div class="s4aknf"><b>genre</b> • by <b>username</b> • <b>##</b> songs</div></div></div><div class="tmgu"></div><div style="position: relative; top: 5px;"><div style="width: 450px; ">

    <table><table cellpadding="5" cellspacing="0"><td rowspan="2"><div class="tmp">1</div> </td><td><div style="width: 50px; height: 50px;"><img src="http://placehold.it/45x45"style="height: 45px; width: 45px;"></div></td><td><div style="width: 350px; height: 50px;"><div class="aptpatp"><div class="ptvafftd">song title</div><div class="gclihb">musical artist • album / single name</div></div></div></td></tr></table>

    <div class="ommtf3"></div><table><table cellpadding="5" cellspacing="0"><td rowspan="2"><div class="tmp">2</div> </td><td><div class="atldw"><img src="http://placehold.it/45x45"style="height: 45px; width: 45px;"></div></td><td><div style="width: 350px; height: 50px;"><div class="aptpatp"><div class="ptvafftd">song title</div><div class="gclihb">musical artist • album / single name</div></div></div></td></tr></table>

    <div class="ommtf3"></div><table><table cellpadding="5" cellspacing="0"><td rowspan="2"><div class="tmp">3</div> </td><td><div class="atldw"><img src="http://placehold.it/45x45"style="height: 45px; width: 45px;"></div></td><td><div style="width: 350px; height: 50px;"><div class="aptpatp"><div class="ptvafftd">song title</div><div class="gclihb">musical artist • album / single name</div></div></div></td></tr></table>

    <div class="ommtf3"></div><table><table cellpadding="5" cellspacing="0"><td rowspan="2"><div class="tmp">4</div> </td><td><div class="atldw"><img src="http://placehold.it/45x45"style="height: 45px; width: 45px;"></div></td><td><div style="width: 350px; height: 50px;"><div class="aptpatp"><div class="ptvafftd">song title</div><div class="gclihb">musical artist • album / single name</div></div></div></td></tr></table>

    <div class="ommtf3"></div><table><table cellpadding="5" cellspacing="0"><td rowspan="2"><div class="tmp">5</div> </td><td><div class="atldw"><img src="http://placehold.it/45x45"style="height: 45px; width: 45px;"></div></td><td><div style="width: 350px; height: 50px;"><div class="aptpatp"><div class="ptvafftd">song title</div><div class="gclihb">musical artist • album / single name</div></div></div></td></tr></table>

    <div class="ommtf3"></div><table><table cellpadding="5" cellspacing="0"><td rowspan="2"><div class="tmp">6</div> </td><td><div class="atldw"><img src="http://placehold.it/45x45"style="height: 45px; width: 45px;"></div></td><td><div style="width: 350px; height: 50px;"><div class="aptpatp"><div class="ptvafftd">song title</div><div class="gclihb">musical artist • album / single name</div></div></div></td></tr></table>

    </div></div></div><p><div class="streetcred"><a href="http://wecode.jcink.net/index.php?showuser=5"><font color="#d8dacc">oliver</font></a> <a href="http://shine.b1.jcink.com/index.php?showuser=6227"><font color="#d8dacc">sykes</font></a></div></center>
    [/html]

    0

    38

    [html]/******************************************************** INDICE ****************************************/

    <div class="btb-otl22 btb-otl22night" style="--accent: #be9a8a;"><div class="btb-h22q"><i class="cp cp-maple-leaf"></i><b>Amnesia D. Collins</b><span>Ciudadano ejemplar</span></div><div class="btb-otl22c"><div class="btb-hallcj"><div class="btb-h22contact"><div class="btb-h22filtro"></div><span><a href="#" title="Expediente"><i class="cp cp-pizza"></i></a><a href="#" title="Relaciones"><i class="cp cp-pizza"></i></a><a href="#" title="Cronologia"><i class="cp cp-pizza"></i></a><a href="#" title="Teléfono"><i class="cp cp-pizza"></i></a></span></div><div class="btb-h22img"><div class="btb-h22filtro"></div><img src="https://via.placeholder.com/270x250"></div></div></div><div class="btb-h22q2"><span>On the loose</span></div></div><a href="https://bettyleg.tumblr.com/" style="color:#aaa; font-family:Arial; font-size:10px; text-transform:uppercase; display:block; width:400px; margin:5px auto">BETTYLEG</a>

    <link href="https://bettyleg.github.io/OnTheLoose/OnTheLoose_Indice.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@600&family=Open+Sans&family=Playfair+Display+SC:wght@700;900&display=swap" rel="stylesheet"/>

    /************************************************* RELACIONES *******************************************/

    <div class="btb-otl22night btb-otl22rels"><div class="btb-otlrelaciones">

    <div class="btbotl-modulo" style="--accent: #d391b9;"><div><i class="cp cp-anchor"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    <div class="btbotl-modulo" style="--accent: #c390d5;"><div><i class="cp cp-badger"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    <div class="btbotl-modulo" style="--accent: #929cb7;"><div><i class="cp cp-bat"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    <div class="btbotl-modulo" style="--accent: #84c6c9;"><div><i class="cp cp-bear"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    <div class="btbotl-modulo" style="--accent: #5dbd94;"><div><i class="cp cp-blossom"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    <div class="btbotl-modulo" style="--accent: #88c96c;"><div><i class="cp cp-boat"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    <div class="btbotl-modulo" style="--accent: #b9b55e;"><div><i class="cp cp-butterfly"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    <div class="btbotl-modulo" style="--accent: #d39d5d;"><div><i class="cp cp-cat"></i><img src="https://via.placeholder.com/70x70"><div class="btbotlm-descripcion"><a href="#">Florence D. Hackings</a><span>mejor amigo</span></div></div></div>

    </div></div><a href="https://bettyleg.tumblr.com/" style="color:#aaa; font-family:Arial; font-size:10px; text-transform:uppercase; display:block; width:515px; margin:5px auto">bettyleg</a>

    <link href="https://bettyleg.github.io/OnTheLoose/OnTheLoose_relaciones.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>

    /******************************************************** POST DE ROL ****************************************/

    <div class="btb-otlpost btb-otl22night" style="--accent: #be9a8a;"><div class="btbotl-title"><b>Hard times</b><i class="cp cp-maple-leaf"></i></div><div class="btbotl-content" style="color:#aaa">No... no El, you're not the monster. You saved me. Do you understand? You saved me. Why do we even need weapons anyway? We have her. We never would've upset you if we knew you had superpowers. Don’t take it so personally, okay? I don’t like most people. He’s in the vast majority.

    Nobody normal ever accomplished anything meaningful in this world. Oh... candy, leftovers, Eggo's... she really likes Eggo's. It's just, sometimes... people don't really say what they're really thinking. But when you capture the right moment, it says more.

    If we’re both going crazy, then we’ll go crazy together, right? This is not yours to fix alone. You act like you’re all alone out there in the world, but you’re not. You’re not alone. YOU BETTER RUN! She's our friend, and she's crazy! If anyone asks where I am, I've left the country.</div><div class="btb-otldats"> lugar, hora, con quién.<i class="fa fa-circle-chevron-left"></i></div></div><a href="https://bettyleg.tumblr.com/" style="color:#aaa; font-family:Arial; font-size:10px; text-transform:uppercase; display:block; width:380px; margin:5px auto">bettyleg</a>

    <link href="https://bettyleg.github.io/OnTheLoose/OnTheLoose_Post.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>

    /******************************************** Cronologia **********************************************/

    <div class="btb-otl22night btb-otl22rels"><div class="btb-otl22rtitle"><b>playlist of my life</b><i class="cp cp-maple-leaf"></i></div><div class="btb-otlrelaciones">

    <div class="btbotlcr-modulo"><i class="cp cp-lock"></i><div class="btbotlmc-descripcion"><a href="#">Little moments</a><span>20 de Agosto 2022</span></div></div>

    <div class="btbotlcr-modulo"><i class="cp cp-pencil"></i><div class="btbotlmc-descripcion"><a href="#">Sunrise</a><span>5 de septiembre 2022</span></div></div>

    <div class="btbotlcr-modulo"><i class="cp cp-chat"></i><div class="btbotlmc-descripcion"><a href="#">Happier than ever</a><span>10 de Septiembre 2022</span></div></div>

    <div class="btbotlcr-modulo"><i class="cp cp-lock"></i><div class="btbotlmc-descripcion"><a href="#">Looking at me</a><span>25 de Septiembre 2022</span></div></div>

    <div class="btbotlcr-modulo"><i class="cp cp-brush"></i><div class="btbotlmc-descripcion"><a href="#">Love is a B*</a><span>10 de octubre 2022</span></div></div>

    <div class="btbotlcr-modulo"><i class="cp cp-pencil"></i><div class="btbotlmc-descripcion"><a href="#">Thinking out loud</a><span>12 de octubre 2022</span></div></div>

    <div class="btbotlcr-modulo"><i class="cp cp-car"></i><div class="btbotlmc-descripcion"><a href="#">Neverending story</a><span>15 de Octubre 2022</span></div></div>

    <div class="btbotlcr-modulo"><i class="cp cp-cloud"></i><div class="btbotlmc-descripcion"><a href="#">Sky full of stars</a><span>20 de Octubre 2022 </span></div></div>

    </div></div><a href="https://bettyleg.tumblr.com/" style="color:#aaa; font-family:Arial; font-size:10px; text-transform:uppercase; display:block; width:515px; margin:5px auto">bettyleg</a>

    <link href="https://bettyleg.github.io/OnTheLoose/OnTheLoose_Cronologia.css" rel="stylesheet"/><link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital@1&family=Poppins:wght@500;600&display=swap" rel="stylesheet"><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet"/>[/html]

    0

    Быстрый ответ

    Напишите ваше сообщение и нажмите «Отправить»



    Вы здесь » Nebel » Новый форум » лор


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