Администрация: Stacy ответит на любые вопросы, завернет в плед, Arabella покошмарит за матчасть, подберёт проклятие без регистрации и смс, Toby возьмёт на карандашик, устроит тусу, Jason текст
зима 2023-2024, Нью-Бедфорд, мистика, 18+
    SWITCH

    Squirrel test

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

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


    Вы здесь » Squirrel test » Dream-team forever » коды коды кодики


    коды коды кодики

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

    1

    [html]<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Table with Two Tabs</title>
        <style>
           body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
    }

            .container {
        width: auto;
    height: auto;
        margin: 20px auto;
        background-color: #3498db;
        border-radius: 10px;
        padding: 10px;
    overflow-x: auto; /* Enable horizontal scrolling */
        overflow-y: auto; /* Enable vertical scrolling */
    }

            .tab {
                overflow: hidden;
                background-color: #f1f1f1;
                border-radius: 10px;
                margin-bottom: 10px;
            }

            .tab button {
                background-color: inherit;
                float: left;
                border: none;
                outline: none;
                cursor: pointer;
                padding: 10px 15px;
                width: 50%;
                border-radius: 10px 10px 0 0;
                border-bottom: 1px solid #ccc;
                font-size: 16px;
                font-weight: bold;
                text-align: center;
            }

            .tab button:hover {
                background-color: #ddd;
            }

            .tabcontent {
                display: none;
                padding: 20px;
                border-radius: 0 10px 10px 10px;
                border: 1px solid #ccc;
                background-color: white;
            }

            .active {
                display: block;
            }

         

            table {
        min-width: 100%; /* Ensure table takes up full width of container */
    }

            th, td {
              padding: 5px; /* Adjusted padding */
        border-bottom: none; /* Remove border-bottom */
            }

            th {
                background-color: #f2f2f2;
            }

    @media screen and (max-width: 540px) {
        /* Your additional CSS styles for mobile devices */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        .container {
            width: auto;
            height: auto;
            margin: 20px auto;
            background-color: #3498db;
            border-radius: 10px;
            padding: 10px;
            overflow-x: auto; /* Enable horizontal scrolling */
            overflow-y: auto; /* Enable vertical scrolling */
        }

        .tab {
            overflow: hidden;
            background-color: #f1f1f1;
            border-radius: 10px;
            margin-bottom: 10px;
        }

        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 10px 15px;
            width: 50%;
            border-radius: 10px 10px 0 0;
            border-bottom: 1px solid #ccc;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
        }

        .tab button:hover {
            background-color: #ddd;
        }

        .tabcontent {
            display: none;
            padding: 20px;
            border-radius: 0 10px 10px 10px;
            border: 1px solid #ccc;
            background-color: white;
        }

        .active {
            display: block;
        }
    }

        </style>
    </head>
    <body>

    <div class="container">
        <img src="https://i.imgur.com/yu4qk8K.png" alt="Sample Image" style="width: 100%; max-width: 100%; height: auto; display: block; margin: 0 auto 10px;">
        <div class="tab">
            <button class="tablinks active" onclick="openTab(event, 'List')">List of Characters</button>
            <button class="tablinks" onclick="openTab(event, 'Jobs')">Jobs</button>
        </div>

        <div id="List" class="tabcontent" style="display: block;">
            <table>
                <tr>
                    <th>Male</th>
                    <th>Female</th>
                </tr>
                <tr>
                    <td>ABCD</td>
                    <td></td>
                </tr>
                <tr>
                    <td>EFGH</td>
                    <td></td>
                </tr>
                <tr>
                    <td>JKLM</td>
                    <td></td>
                </tr>
                <tr>
                    <td>NOPQ</td>
                    <td></td>
                </tr>
                <tr>
                    <td>RSTU</td>
                    <td></td>
                </tr>
                <tr>
                    <td>VWXYZ</td>
                    <td></td>
                </tr>
            </table>
        </div>

        <div id="Jobs" class="tabcontent">
            <p>Content for the Jobs tab goes here.</p>
        </div>
    </div>

    <script>
        function openTab(event, tabName) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }
            document.getElementById(tabName).style.display = "block";
            event.currentTarget.className += " active";
        }

        document.getElementsByClassName("tablinks")[0].click(); // Open the first tab by default
    </script>

    </body>
    [/html]

    0

    2

    [html]<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
    <style>
    #ship4 {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        overflow: hidden;
        width: auto;
        margin: auto auto auto 2em;
        padding: 20px 0;
        background: #b5c1c9;
        border-radius: 40px;
    border: 15px solid #000000;
    }

    .shimg {
        order: 2;
        background: 50% 50% no-repeat;
        background-size: cover;
        width: 250px;
        height: 550px;
    margin-right: 1em;
          background-image: url(https://i.imgur.com/CmDPXJs.png);
        box-shadow:
            0 0 0 1px #00000024 inset,
            15px -15px 0 -10px #1b232a,
            -15px 15px 0 -10px #335b6f,
            0px 0px 20px 0px rgba(0,0,0,0.5);
        border-radius: 20px;
    }

    .stx1 {
        order: 1;
        width: 500px;
        box-sizing: border-box;
        text-align: center;
        line-height: 130%;
        font-size: 11px;
        padding: 0 0 0 26px;
        color: #263139;
    }

    .stx1 > h5 {
        position: relative;
        margin-right: -30px;
        line-height: 150%;
        font-style: normal !important;
        font-weight: 400;
        font-size: 45px;
        font-family: "beaufort", Times New Roman, serif;
        text-transform: uppercase;
        color: #917f42;
    }

    .stx1 > em {
        display: block;
        position: relative;
        margin-right: -30px;
        padding: 4px 0 18px 0;
        font-family: Georgia, Arial, sans-serif;
        font-weight: 400;
        font-size: 11px;
        font-style: italic !important;
        color: #636363;
    }

    .stx2 {
        display: block;
        overflow: auto;
        max-height: 500px;
        text-align: justify;
        padding-right: 10px;
        color: #1b232a;
        font-size: 10px;
    }

    .stx2::-webkit-scrollbar {
        width: 3px;
        height: 3px;
        background-color: transparent;
    }

    .stx2::-webkit-scrollbar-thumb {
        background: #232323;
    }

    </style>

    <div id="html-wrapper"><div id="ship4">
        <div class="shimg"></div>
        <div class="stx1">
            <h5>Beware</h5>
            <em>Мистическая олдскульная камерная ролевая. <br>Мы здесь за комфортом, игрой и общением. </em>
            <div class="stx2">
                <!-- ТЕКСТ -->
                <center><b>Кто мы такие</b></center><br>
                Наша мистика - призраки, убийцы, призраки-убийцы, зубастых русалок и призраки убийц зубастых русалок. Подробнее об этом в наши <a href="https://beaware.rusff.me/viewtopic.php?id=44#p37562">легендах</a> и <a href="http://beaware.rusff.me/viewtopic.php?id=39">FAQ</a>
    <br><br>
    Нью-Бедфорд - большой (~100 тыс. населения) приморский городок, некогда столица китобойного промысла, сейчас развивается благодаря рыбной ловле, текстилю и сфере здравоохранения.
    <br><b>Время в игре:</b> зима 2023-2024.
    <br><br>
    <center><b>Что у нас можно и нельзя</b></center><br>
    брать роль призрака/экстрасенса/гадалки и других производных от обычного человека;<br>
    использовать в игре одну, несколько или все легенды;<br>
    быть одержимым призраками или сущностями;<br>
    брать ролью нелюдей (русалок, барабашек и т.д.);<br>
    брать ролью призрака из легенд, т.к. авторский персонаж — существо неприкосновенное, а вот легенды являются достоянием общественности.
    <br><br><center><b>Придержать внешность</b></center><br>
    ► Внешности для новых игроков придерживаются на пять дней, можно продлить три раза;<br>
    ► Игроки могут придержать внешность для твинка/заявки на месяц за 50 реклам. Отдаём не больше четырёх внешностей в одни руки;
    <br>► Для того, чтобы придержать внешность, заполните шаблон ниже. <br>
    <details open="open">
        <summary><span class="summary-title">Придержанные внешности (держим до открытия)</span></summary>
        <table layout="fixed" width="100%">
            <tr>
                <td><b>Мужские</b><br>разраз</td>
                <td><b>Женские</b><br>двадва</td>
            </tr>
            <tr>
                <td><br></td>
                <td><br></td>
            </tr>
        </table>
    </details>
            <!-- КОНЕЦ ТЕКСТА --></div></div></div></div>
    [/html]

    0

    3

    [html]<div id="spiritworkroom">
      <div class="spiritfirst">
        <div class="spiritfirstpic"><img src="https://i.imgur.com/5uipK4n.png"></div>
        <div class="spiritfirsttitle">от вещего духа
          <subtitle>однако, дратути</subtitle></div>
        <div class="spiritfirsttext"><subtitle>да, этот мужик смотрит вам в душу хд</subtitle>
          <about>шел оформлять тему в графику, но споткнулся о раздел с дизайнами. к такому меня жизнь не готовила. прежде перебивался заказами от знакомых через знакомых, но сейчас решил оформиться, так сказать, официально. дизайнами и вот этим вот всем занимаюсь столько, сколько себя на ролевых помню, в связи с чем по факту могу как минимум в плане кодов исполнить практически любое пожелание. графически тоже не отстаю и в процессе работы стараюсь передать дизайном атмосферу и направленность проекта. это, собственно, всё, что я хотел сказать в приветствии.</about></div>
      </div>
     
      <div class="spiritsecond">
    <div class="tabs">
        <input id="tab1" type="radio" name="tabs" checked>
        <label for="tab1">информация</label>

        <input id="tab2" type="radio" name="tabs">
        <label for="tab2">вопросник</label>

        <input id="tab3" type="radio" name="tabs">
        <label for="tab3">портфолио</label>

        <section id="content-tab1">
            <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

    Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam diam leo, malesuada et nulla sed, auctor ornare odio. Curabitur eu mi leo. Suspendisse mauris nulla, rhoncus et quam nec, feugiat aliquet lorem. In hac habitasse platea dictumst. Sed justo metus, lobortis vel posuere in, cursus non magna. Nam mattis feugiat malesuada.

    Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

    Maecenas pellentesque eros vitae elementum condimentum. Sed nec orci est. Vestibulum a ex nec nisl euismod varius. Etiam bibendum nibh id tortor vehicula malesuada volutpat ut augue. Integer sodales, leo eget molestie finibus, nibh diam laoreet dui, quis efficitur lectus lacus suscipit mi. Aliquam finibus et lorem congue imperdiet. Curabitur porta dolor sit amet eros semper viverra. Fusce aliquet, ligula quis mattis bibendum, nulla eros vulputate tortor, eget gravida erat tortor eget nulla. In arcu nisl, elementum sed tristique id, elementum eu odio. Duis imperdiet metus ac justo tempus vehicula et a sem. Vestibulum et volutpat libero. Cras vestibulum diam sit amet pulvinar accumsan. Donec sed ultrices libero. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla facilisi. Aenean sed ex arcu.
            </p>
        </section> 
        <section id="content-tab2">
            <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In efficitur eros eu diam vestibulum, at pretium libero blandit. Duis ut blandit tellus, interdum euismod nisl. Sed mattis erat non dapibus porttitor. Curabitur faucibus dictum ex et eleifend. Sed ultrices ante a sapien bibendum lobortis. Aliquam erat volutpat. Mauris ornare ligula eget felis placerat, a laoreet felis lobortis. Aliquam et elementum lectus. Aliquam suscipit nisl non tortor elementum ullamcorper. Donec tincidunt mollis purus, a condimentum leo.

    Nullam sed iaculis lectus, sed euismod arcu. Maecenas scelerisque consequat enim, nec semper nulla laoreet vitae. Curabitur elit elit, ultrices in diam et, aliquam tristique ipsum. Aenean pulvinar fermentum egestas. In hac habitasse platea dictumst. Fusce hendrerit odio et eleifend tempor. Phasellus condimentum scelerisque ultricies. Phasellus pretium, risus vitae pretium volutpat, tellus nunc tristique diam, ut ornare nisi nunc in est. Nullam lacinia, nibh nec lacinia mollis, leo metus luctus leo, sed posuere lorem lorem a arcu. Fusce faucibus dolor a ultrices sagittis. Duis nec fringilla purus.

    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam diam leo, malesuada et nulla sed, auctor ornare odio. Curabitur eu mi leo. Suspendisse mauris nulla, rhoncus et quam nec, feugiat aliquet lorem. In hac habitasse platea dictumst. Sed justo metus, lobortis vel posuere in, cursus non magna. Nam mattis feugiat malesuada.

    Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.

            </p>
        </section>
        <section id="content-tab3">
            <p>
    Cras velit mauris, consequat ullamcorper luctus ut, vehicula quis enim. Fusce vehicula nunc sit amet ligula venenatis sodales. Vivamus ac arcu dui. Cras turpis justo, ullamcorper non tellus vel, facilisis venenatis velit. Aliquam elementum risus ultrices nisi gravida efficitur. Aenean pulvinar tellus convallis varius tincidunt. Cras molestie diam at dui vehicula viverra. Fusce id sapien neque. Suspendisse egestas varius arcu, quis lobortis augue. Ut ultricies semper lacus. Quisque sed commodo augue. Vestibulum leo risus, viverra vitae magna id, volutpat scelerisque felis. Proin aliquam elit et ipsum posuere malesuada.
        </p>
        </section>   
    </div>
      </div>
    </div>
    <div class="clearer"></div>

    <style>
    /* код от вещего духа */
    @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
    @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

    #spiritworkroom {width: 610px;
    height: 520px;
    background: #fefefe;
    margin:auto;
    box-shadow: 0 0 0 1px rgba(0,0,0,.2)}

    .spiritfirst {float: left;
      margin: 10px;
    width: 190px;
    height: 490px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    overflow: hidden;
    position: relative;
    border: 5px solid #fefefe}

    .spiritfirstpic {margin:auto;
    width: 190px;
    height: 490px;}

    .spiritfirsttitle {font-family: playfair display;
    font-weight: 900;
    width: 190px;
    color: #dfdfdf;
    text-shadow: 1px 1px 0px #000;
    font-size: 18px;
    height: 73px;
    margin: -80px 0 0 0px;
    z-index: 10;
    position: relative;
    padding-left: 10px;
    background: rgba(0,0,0,.65);
    transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}
    .spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
      font-family: pt sans;
    font-weight: normal;
    color: #cecece;
    text-shadow: 1px 1px 0px #333;
    font-size: 9px;
    display: block;
    text-align: right;
    letter-spacing: 1px;
    margin-top:4px;
    margin-right: 20px}
    .spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
    top: -50px;
    margin-left: -10px}
    .spiritfirsttext {
    z-index:8;
    position: relative;
    background: rgba(0,0,0,.65);
    width: 190px;
    margin: 0px 0 0 0px;
    font-family: pt sans;
    font-size: 10px;
    text-align: justify;
    padding: 1px 0px;
      color: #efefef;}
    .spiritfirsttext about {margin: 10px 15px;
    display: block;
    box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
    padding-top:10px}
    .spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: -100px;
    margin-left: 0px}
    .spiritfirsttext subtitle {
      text-align: center;
      display: block;
      width: 190px;
      font-size: 9px;
      font-family: pt sans;
      color: #999;
      opacity: 0;
      transform: translate(0,400px);
      transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
    }

    .spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
    }
    .spiritfirst:hover subtitle {opacity:1;
      transform: translate(0,0px)}

    .spiritsecond {background: #fefefe;
    width: 389px;
      margin: 10px;
      height: 500px;
      margin-top:9px;
    border: 1px solid rgba(0,0,0,.2);
      position: absolute;
      margin-left: 211px
    }

    .tabs {
    padding: 0px;
    margin: 0 auto;
    }

    .tabs>section {
    display: none;
    padding: 10px;
      height: 440px;
      overflow-y: auto;
      margin: 5px;
      font-family: arial;
      font-size: 11px;
      text-align: justify
    }
    .tabs>section>p {
    margin: 0 0 5px;
    line-height: 1.5;
    color: #383838;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    }

    @keyframes fadeIn {
    from {
        transform: translate(-400px,0);
        transform-origin: 50% 0%;
    }
    to {
        transform: translate(0px,0);
    }
    }

    .tabs>input {
    display: none;
    position: absolute;
    }

    .tabs>label:first-of-type {box-shadow: none}
    .tabs>label {
    display: inline-grid;
    margin: 0 -3px 0px;
    padding: 10px 0px;
    font-weight: 600;
    text-align: center;
    color: #aaa;
    background: #fefefe;
      width: 131px;
      border: solid rgba(0,0,0,.2);
      border-width: 0px 0px 1px 0px;
      left: 3px;
      top: 0px;
      position: relative;
      font-family: pt sans;
      font-size: 8px;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: lighter;
      box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
    }
    .tabs>label:after {content: "";
    display: block;
    position:absolute;
    width: 123px;
    height: 3px;
    background: #dfdfdf;
    left:3px;
    bottom:3px;
    transform: scaleX(0);
      transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

    .tabs>label:hover:after {transform: scaleX(1);
    background: #888;}
    .tabs>label:hover {
    color: #888;
    cursor: pointer;
      transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
    }

    .tabs>input:checked+label {
    color: #555;
      background: #f1f1f1;
    }
    .tabs>input:checked+label:after {content: "";
    display: block;
    position:absolute;
    width: 123px;
    height: 3px;
    background: #888;
    left:3px;
    bottom:3px;
    transform: scaleX(1);
      transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

    #tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
    display: block;
    }
    </style>[/html]

    0

    4



    Внешность

    Имя

    Профессия



    Раз раз

    Два два

    Три три


    0

    5

    [html]<!-- мироописание от духа -->
    <script type="text/javascript" src="https://forumstatic.ru/files/001b/36/d6/94544.js"></script>
    <div class="world-container">

      <div class="world-block">
      <div class="header">
        <span>история</span>
      </div>
        <img src="https://i.ibb.co/cFHBz68/Untitled-1-copy-03.png">
      </div>
      <div class="info1 closed">
      <div class="close-btn">— свернуть блок —</div>
      <div>
          <h5>Header text</h5>
          <em>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</em>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed pulvinar est. Nam sodales, est a efficitur convallis, sapien ex mollis dolor, eu vestibulum est ex et mi. Nunc quis luctus risus, at ornare tellus. Cras non arcu tellus. Suspendisse vel lacinia urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat erat ut auctor gravida. Suspendisse aliquet, purus eget posuere scelerisque, eros velit sagittis nibh, ac mattis urna mauris non dolor. Suspendisse dignissim orci nec porttitor condimentum. Nam tellus justo, pulvinar ut mauris a, facilisis volutpat dui. Suspendisse tincidunt elementum quam feugiat malesuada. Praesent congue feugiat lectus molestie consectetur. In eleifend nunc et mauris volutpat elementum. Mauris eget elit turpis. Cras tempus mattis odio eu semper. Donec gravida non nunc quis interdum.</p>
    <h5>Header text</h5>
    <p>Nulla ut leo mi. Quisque sagittis ligula ante, ac efficitur dolor accumsan vel. Quisque at mi felis. Cras congue felis at erat interdum posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam sodales nunc lacus, ultricies lobortis mauris sodales at. Praesent mauris lorem, suscipit id dignissim ut, dapibus eget lacus. Vestibulum fermentum aliquet mauris id dictum. Aliquam fringilla erat suscipit dui aliquam, eget fringilla tellus pretium. Nullam varius maximus ante, non aliquam tortor sollicitudin ut. Nulla tincidunt hendrerit egestas. Nunc turpis nibh, fermentum ut blandit dapibus, ultricies sit amet nunc.<p>

    <p>Sed dictum purus vel venenatis hendrerit. Cras mollis tincidunt metus, eu euismod massa euismod at. Cras egestas elit non mauris vehicula consectetur. Fusce finibus varius lectus maximus tincidunt. Fusce vehicula tristique purus id posuere. In feugiat justo sit amet ligula ornare maximus ac vitae nisl. Aenean in viverra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Morbi vehicula sem a elit malesuada, quis faucibus elit dignissim. Nulla quis erat vitae eros faucibus gravida ac congue magna. Cras tortor lectus, pharetra ac metus ac, euismod imperdiet libero. Phasellus eros ante, scelerisque in ultrices quis, scelerisque eu ipsum.</p>

    <p>Vestibulum eu blandit risus. Donec rhoncus tristique eros, ullamcorper malesuada turpis laoreet vitae. Nullam in sollicitudin dui. Morbi et hendrerit purus. Donec in ullamcorper erat. Curabitur facilisis sagittis neque, eget tristique erat posuere a. Etiam et quam nec nunc cursus fermentum. Mauris rhoncus euismod risus, et vestibulum quam sollicitudin quis. Vivamus feugiat finibus porttitor. Mauris vel sem mauris. Nunc cursus eleifend dolor id semper. Maecenas consectetur nibh felis, sed commodo nisl fringilla at. Vestibulum condimentum ultrices massa, in lobortis urna. Aliquam et dolor quam. Mauris neque mauris, condimentum sit amet dui sit amet, sagittis faucibus magna.</p>

    <p>Cras porttitor vel mi vitae dapibus. Mauris ultricies ante nec nulla luctus, quis varius tellus consectetur. Pellentesque ac tellus sed urna faucibus viverra vitae a libero. Maecenas pellentesque blandit ipsum ac laoreet. Aenean mattis ut ligula vel vulputate. Aliquam consequat vitae mi a vehicula. Nulla ullamcorper est velit, ut molestie purus molestie et. Vivamus nisl felis, tempus eget eros non, mollis efficitur odio. Nullam tempus ligula at rutrum volutpat. </p>

         </div></div>

      <div class="world-block">
      <div class="header">
        <span>религия и боги</span>
        </div>
       <img src="https://i.ibb.co/PzDPppW/Untitled-1-copy-12.png">
       </div>
         <div class="info2 closed">     
         <div class="close-btn">— свернуть блок —</div>
           <div>
    <h5>Header text 2</h5>
          <em>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</em>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed pulvinar est. Nam sodales, est a efficitur convallis, sapien ex mollis dolor, eu vestibulum est ex et mi. Nunc quis luctus risus, at ornare tellus. Cras non arcu tellus. Suspendisse vel lacinia urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat erat ut auctor gravida. Suspendisse aliquet, purus eget posuere scelerisque, eros velit sagittis nibh, ac mattis urna mauris non dolor. Suspendisse dignissim orci nec porttitor condimentum. Nam tellus justo, pulvinar ut mauris a, facilisis volutpat dui. Suspendisse tincidunt elementum quam feugiat malesuada. Praesent congue feugiat lectus molestie consectetur. In eleifend nunc et mauris volutpat elementum. Mauris eget elit turpis. Cras tempus mattis odio eu semper. Donec gravida non nunc quis interdum.</p>
         </div></div>

      <div class="world-block">
        <div class="header">
        <span>решения стража</span>
        </div>
        <img src="https://i.ibb.co/NKgbMnM/Untitled-1-copy-05.png"></div>
      <div class="info3 closed">
             <div class="close-btn">— свернуть блок —</div>
        <div>
    <h5>Header text 3</h5>
          <em>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</em>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed pulvinar est. Nam sodales, est a efficitur convallis, sapien ex mollis dolor, eu vestibulum est ex et mi. Nunc quis luctus risus, at ornare tellus. Cras non arcu tellus. Suspendisse vel lacinia urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat erat ut auctor gravida. Suspendisse aliquet, purus eget posuere scelerisque, eros velit sagittis nibh, ac mattis urna mauris non dolor. Suspendisse dignissim orci nec porttitor condimentum. Nam tellus justo, pulvinar ut mauris a, facilisis volutpat dui. Suspendisse tincidunt elementum quam feugiat malesuada. Praesent congue feugiat lectus molestie consectetur. In eleifend nunc et mauris volutpat elementum. Mauris eget elit turpis. Cras tempus mattis odio eu semper. Donec gravida non nunc quis interdum.</p>
         </div></div>

      <div class="world-block">
            <div class="header">
        <span>решения хоука</span>
        </div>
        <img src="https://i.ibb.co/XjTwW91/Untitled-1-copy-08.png"></div>
      <div class="info4 closed">
             <div class="close-btn">— свернуть блок —</div>
        <div>
    <h5>Header text 4</h5>
          <em>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</em>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed pulvinar est. Nam sodales, est a efficitur convallis, sapien ex mollis dolor, eu vestibulum est ex et mi. Nunc quis luctus risus, at ornare tellus. Cras non arcu tellus. Suspendisse vel lacinia urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat erat ut auctor gravida. Suspendisse aliquet, purus eget posuere scelerisque, eros velit sagittis nibh, ac mattis urna mauris non dolor. Suspendisse dignissim orci nec porttitor condimentum. Nam tellus justo, pulvinar ut mauris a, facilisis volutpat dui. Suspendisse tincidunt elementum quam feugiat malesuada. Praesent congue feugiat lectus molestie consectetur. In eleifend nunc et mauris volutpat elementum. Mauris eget elit turpis. Cras tempus mattis odio eu semper. Donec gravida non nunc quis interdum.</p>
         </div></div>

      <div class="world-block">
            <div class="header">
        <span>решения инквизитора</span>
        </div>
        <img src="https://i.ibb.co/DGVdvtn/Untitled-1-copy-10.png"></div>
      <div class="info5 closed">
             <div class="close-btn">— свернуть блок —</div>
        <div>
    <h5>Header text 5</h5>
          <em>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</em>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed pulvinar est. Nam sodales, est a efficitur convallis, sapien ex mollis dolor, eu vestibulum est ex et mi. Nunc quis luctus risus, at ornare tellus. Cras non arcu tellus. Suspendisse vel lacinia urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat erat ut auctor gravida. Suspendisse aliquet, purus eget posuere scelerisque, eros velit sagittis nibh, ac mattis urna mauris non dolor. Suspendisse dignissim orci nec porttitor condimentum. Nam tellus justo, pulvinar ut mauris a, facilisis volutpat dui. Suspendisse tincidunt elementum quam feugiat malesuada. Praesent congue feugiat lectus molestie consectetur. In eleifend nunc et mauris volutpat elementum. Mauris eget elit turpis. Cras tempus mattis odio eu semper. Donec gravida non nunc quis interdum.</p>
         </div></div>

       <div class="world-block">
         <div class="header">
        <span>расы</span>
        </div>
         <img src="https://i.ibb.co/HpGjmWR/Untitled-1-copy-14.png"></div>
      <div class="info6 closed">
             <div class="close-btn">— свернуть блок —</div>
        <div>
    <h5>Header text 6</h5>
          <em>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</em>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed pulvinar est. Nam sodales, est a efficitur convallis, sapien ex mollis dolor, eu vestibulum est ex et mi. Nunc quis luctus risus, at ornare tellus. Cras non arcu tellus. Suspendisse vel lacinia urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat erat ut auctor gravida. Suspendisse aliquet, purus eget posuere scelerisque, eros velit sagittis nibh, ac mattis urna mauris non dolor. Suspendisse dignissim orci nec porttitor condimentum. Nam tellus justo, pulvinar ut mauris a, facilisis volutpat dui. Suspendisse tincidunt elementum quam feugiat malesuada. Praesent congue feugiat lectus molestie consectetur. In eleifend nunc et mauris volutpat elementum. Mauris eget elit turpis. Cras tempus mattis odio eu semper. Donec gravida non nunc quis interdum.</p>
         </div></div>

      <div class="world-block">
         <div class="header">
        <span>круги магов</span>
        </div>
        <img src="https://i.ibb.co/QCXxjdw/Untitled-1-copy-17.png"></div>
      <div class="info7 closed">
             <div class="close-btn">— свернуть блок —</div>
        <div>
    <h5>Header text 7</h5>
          <em>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</em>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed pulvinar est. Nam sodales, est a efficitur convallis, sapien ex mollis dolor, eu vestibulum est ex et mi. Nunc quis luctus risus, at ornare tellus. Cras non arcu tellus. Suspendisse vel lacinia urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat erat ut auctor gravida. Suspendisse aliquet, purus eget posuere scelerisque, eros velit sagittis nibh, ac mattis urna mauris non dolor. Suspendisse dignissim orci nec porttitor condimentum. Nam tellus justo, pulvinar ut mauris a, facilisis volutpat dui. Suspendisse tincidunt elementum quam feugiat malesuada. Praesent congue feugiat lectus molestie consectetur. In eleifend nunc et mauris volutpat elementum. Mauris eget elit turpis. Cras tempus mattis odio eu semper. Donec gravida non nunc quis interdum.</p>
         </div></div>

    </div>

    <style>
    /* css мироописания от духа */
    @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&family=Rubik:wght@500;600;800;900&display=swap');

    .world-container {
      column-gap: 4px;  /* отступ между колонками */
      margin: 0px auto 20px auto;
      column-count: 2; /* количество столбцов*/
      width: 584px;  /* ширина контейнера с блоками*/
      position: relative;
      text-align: center;
    }

    .world-block {
      margin: 1px 0px;  /* нижний и верхний отступ между блоками*/
      padding: 0px;
      display: inline-block;
      line-height: 0;
      width: 290px;  /* ширина блоков */
      overflow: hidden;
      position: relative;
      cursor: pointer;
      transition: all .9s cubic-bezier(.63,.34,.09,.96) 0s;
    }

    .world-block .header {
      position: absolute;
    background: linear-gradient(to bottom, rgba(41,154,11,0) 0%, rgba(0,0,0,0.29) 18%,rgba(0,0,0,0.48) 39%,rgba(0,0,0,0.69) 74%,rgba(0,0,0,0.85) 100%);
      color: #fefefe;  /* цвет шрифта заголовков на картинках */
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content:  flex-end;
      align-items: center;
      font: 800 22px/150% 'Rubik';  /* шрифт заголовков на картинках */
      text-transform: uppercase;
      z-index: 1;
    }

    .world-block:hover {
      filter: grayscale(100%)
    }

    .world-block img {
        transition: all .3s cubic-bezier(.63,.34,.09,.96) 0s;
    }

    .world-block:hover img {
      transform: scale(1.1);
      filter: blur(1px)
    }

    .world-block .header span {
      display: block;
      margin-bottom: 20px;
      text-align: center
    }

    .closed{
      background: #fefefe;  /* фон выпадающего описания */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: calc(100% - 50px);
      height: calc(100% - 50px);
      padding: 25px;
      text-align: left;
      display: none;
      box-shadow: 0 0 0 9px #fefefe inset, 0 0 0 10px rgba(0,0,0,.1) inset  /* обводка */
    }

    .closed > div:not(.close-btn) {
      overflow-y: auto;
      height: calc(100% - 35px);
      padding-right: 5px;
    }

    .close-btn {
      background: rgba(0,0,0,.04);  /* фон кнопки закрытия */
      border: 1px solid rgba(0,0,0,.06);  /* бордер кнопки закрытия */
      height: 15px;
      text-transform: uppercase;
      font: 300 10px/15px merriweather;  /* шрифт кнопки закрытия*/
      text-align: center;
      margin-bottom: 20px;
      cursor: pointer;
      letter-spacing: 2px
    }

    .closed h5 {
      font: 700 20px merriweather;  /* шрифт заголовков описания */
      margin: 20px 0px 10px;
      position: relative;
      padding-left: 45px
    }

    .closed h5:before {
      content: "";
      height: 2px;
      width: 30px;
      background: rgba(0,0,0,.7);
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%)
    }

    .closed h5:first-child {
      margin-top: 0
    }

    .closed em {
      font: 300 italic 11px merriweather;  /* шрифт мини цитаток */
      display: block;
      border-right: 5px solid rgba(0,0,0,.1);  /* правый бордер мини цитаток*/
      padding-right: 10px;
      text-align: right;
      margin: 10px 0;
    }
    </style>[/html]

    0

    6

    [html]<link href="https://fonts.googleapis.com/css2?family=PT+Sans&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap" rel="stylesheet"><style>/* shipovnik */
    #ship13, #ship13h {
      --bgw: 700px; /* максимальная ширина главного блока */
      --bg1: #ececec; /* главный фон */
      --clr1: #2f5865;   /* ХРОНОЛОГИЯ цвет названия */
      --clr2: #969696;   /* цвет строки под хронологией */
      --clr3: #000; /* цвет рамки */
      --clr4: rgba(161,190,199, 0.35);   /* полупрозрачная цифра */
      --clr5: #116b96;   /* цвет ссылок */
      margin: auto; /* отступы от краев */
    }

    #ship13 {display:block; width:auto; box-sizing:border-box; padding:24px; max-width: var(--bgw); background: var(--bg1);}
    #ship13 *, #ship13h * {box-sizing:border-box;}
    /*** ХРОНОЛОГИЯ название ***/
    #ship13h {display:block; box-sizing:border-box; width:auto; max-width: var(--bgw); padding: 14px 0; background:var(--bg1); color: var(--clr1); text-align:center; font-weight:600; font-size:24px; font-family: 'Playfair Display', Georgia, serif;}
    #ship13h em {display:block; padding-top:4px; font-style:normal !important; color: var(--clr2); font-weight:400; font-family: Arial, sans-serif; font-size:10px;}
    /* цифра */
    .boxf {display:block; position:relative; z-index:3; width: 50%; min-height:50px; background:transparent; border-right: 1px solid var(--clr3);}
    .boxf:nth-child(2n) {display: block; position: relative; margin-top: -40px; margin-bottom: -40px; margin-left: calc(50% - 1px); width: 50%; min-height: 50px; border-right: 0px none transparent; border-left: 1px solid var(--clr3);}
    /* категория */
    .boxcat {display:block; padding:0 10px 4px 10px; text-align:left; border-bottom: 1px solid var(--clr3);
    text-transform:uppercase; font-weight:600; font-size:16px; font-family: 'Playfair Display', Georgia, serif;}
    .boxf:nth-child(2n) .boxcat {text-align:right;}
    .boxcat::after {display: block; content: ""; height: 6px; width: 6px; float: right; margin: 23px -13px auto auto; background: var(--clr3); border-radius: 50%;}
    .boxf:nth-child(2n) .boxcat::after {float: left; margin: 22px auto auto -13px;}
    .boxf:last-of-type {margin-bottom:0.3em;}
    /* цифры */
    .numbrow {display: block; margin: auto auto -46px 30px !important; z-index: 2; width: auto; background: transparent; text-align: left; font-style: normal !important; font-size: 76px; height: 76px; line-height: 76px; letter-spacing: -3px; font-family: 'Yeseva One', Arial, sans-serif; color: var(--clr4);}
    .boxf:nth-child(2n) .numbrow {text-align: right; margin: auto 25px -52px auto !important;}
    /* текстовый блок */
    .textf {display:block; padding:20px; line-height:120%; text-align:justify; font-weight: 400; font-size: 12px; font-family:'PT Sans', Tahoma, sans-serif;}
    .textf > p {margin:0px !important; padding: 0 0 16px 0 !important; line-height: 110% !important;}
    .textf > p:last-child {padding-bottom:0px !important;}
    #ship13 a {color: var(--clr5); text-decoration: none;}
    #ship13 a:hover {text-decoration: underline;}</style>

    <div id="ship13h">Хронология
    <em>цитата, музыкальный трек или многозначительное замечание</em></div>
    <div id="ship13"><!--- НАЧАЛО БЛОКОВ --->

    <!--- ЯНВАРЬ --->
    <div class="boxf"><em class="numbrow">01</em><div class="boxcat">Январь</div>
    <div class="textf">
    <p><a href="ссылка">Я - название эпизода</a> - а здесь небольшое его описание</p>
    <p><a href="ссылка">"Второй эпизод"</a> - и разнообразные пояснения к нему</p>
    <p><a href="ссылка"><s>Печальный незакрытый эпизод</s></a> - слова прощания</p>
    </div></div>

    <!--- ФЕВРАЛЬ --->
    <div class="boxf"><em class="numbrow">02</em><div class="boxcat">Февраль</div>
    <div class="textf">
    Блок 2.
    <p><a href="ссылка">Эпизод 1</a> - а здесь небольшое его описание</p>
    <p><a href="ссылка">Эпизод 2</a> - и разнообразные пояснения к нему</p>
    <p><a href="ссылка">Эпизод 3</a> - слова прощания</p>
    </div></div>

    <!--- МАРТ --->
    <div class="boxf"><em class="numbrow">03</em><div class="boxcat">Март</div>
    <div class="textf">
      <p>Блок 3 - в отдельных тегах P. Мы все еще живем бок о бок с вами. Мы также травим себя сигаретами и алкоголем, ловим такси по пути на работу, валимся с ног от усталости по вечерам и мечтаем о несбывшемся. Мы - замкнутое общество и с неохотой открываемся чужакам.</p>
    </div></div>

    <!--- АПРЕЛЬ --->
    <div class="boxf"><em class="numbrow">04</em><div class="boxcat">Апрель</div>
    <div class="textf">
      <p>Блок 4.1. И некоторый текст внутри него.</p>
      <p>Блок 4.2. Следующий текст, может содержать почти что угодно, а не только сылку на эпизоды.</p>
    </div></div>

    <!--- КОНЕЦ БЛОКОВ ---></div>[/html]

    0

    7

    Добро пожаловать в Нью-Бедфорд!
    Чувствуй себя как дома, главное, ночью на берег не ходи.

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

    https://forumupload.ru/uploads/001c/04/27/6/588898.gif

    Добро пожаловать в Нью-Бедфорд!
    Чувствуй себя как дома, главное, ночью на берег не ходи.

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

    0

    8

    0

    9

    0

    10

    0

    11



    Вкладка слева 1

    Вкладка слева 2

    Вкладка слева 3

    Вкладка слева 4

    Вкладка слева 5



    Вкладка справа 1

    Вкладка справа 2

    Вкладка справа 3

    Вкладка справа 4

    Вкладка справа 5



    Вкладка снизу 1

    Вкладка снизу 2

    Вкладка снизу 3

    Вкладка снизу 4

    Вкладка снизу 5



    Содержимое слева 1

    Содержимое слева 2

    Содержимое слева 3

    Содержимое слева 4

    Содержимое слева 5

    Содержимое справа 1

    Содержимое справа 2

    Содержимое справа 3

    Содержимое справа 4

    Содержимое справа 5

    Содержимое снизу 1

    Содержимое снизу 2

    Содержимое снизу 3

    Содержимое снизу 4

    Содержимое снизу 5


    0

    12



    Вкладка слева 1

    Вкладка слева 2

    Вкладка слева 3

    Вкладка слева 4

    Вкладка слева 5



    Вкладка справа 1

    Вкладка справа 2

    Вкладка справа 3

    Вкладка справа 4

    Вкладка справа 5



    Содержимое слева 1

    Содержимое слева 2

    Содержимое слева 3

    Содержимое слева 4

    Содержимое слева 5

    Содержимое справа 1

    Содержимое справа 2

    Содержимое справа 3

    Содержимое справа 4

    Содержимое справа 5


    0

    13



    ...


    hhh

    0

    14

    https://i.imgur.com/yu4qk8K.png
    В данной теме вы можете ознакомиться со списком персонажей, присутствующих на форуме. Отдельных тем для списка внешностей и биржи труда у нас нет, всё кратко собрано вот тут вот. Для удобства поиска можно воспользоваться клавишами Ctrl+F. Чтобы узнать побольше о персонаже, наведите курсор на имя на русском.



    Персонажи

    Биржа труда

    Мистика



    Female

    Male

    A-B-C-D

    Anna Scott | Анна Скотт 25   
    (Mackenzie Christine Foy)

    Arabella de la Barra | Арабелла де ла Барра 19
    (Jenna Ortega)

    Ashley Myers | Эшли Майерс 46
    (Sandra Bullock)

    Alabama Mount | Алабама Маунт 17
    (Finn Wolfhard)

    Broderick Nash | Бродерик Нэш 45
    (Christian Bale)

    Darren Myers | Даррен Майерс 50
    (Michael McElhatton)

    E-F-G-H

    Erik Falk | Эрик Фальк 17
    (Kevin Rehn)

    Etienne Mallory | Этьен Мэллори 20
    (Lorenzo Zurzolo)

    Felix Mount | Феликс Маунт 26
    (Aaron Taylor-Johnson)

    Frank Monroe | Фрэнк Монро 41
    (Jon Berntha)

    Gideon Whitehall | Гидеон Уайтхолл 26
    (Jacob Elordi )

    I-J-K-L

    Ivy Pounsett | Айви Паунсетт 22
    (Danielle Rose Russell)

    Jackie Sparks | Джеки Спаркс 22
    (Milly Alcock)

    Juliette Duff | Джульетт Дафф 32
    (Charlotte Hope)

    Jason Wolf | Джейсон Вульф 45 лет
    (Jason Momoa)

    John Roberts | Джон Робертс 27
    (Landon Liboiron)

    Kurt Higgins | Курт Хиггинс 37
    (Norman Reedus)

    Liam Behrakis-Gallagher | Лиам Беракис-Галлахер 20
    (Louis Partridge)

    M-N-O-P

    Marianne Whitehill | Марианна Уайтхилл 32
    (Lily James)

    Olivia McKenna | Оливия МакКенна 31
    (Martha Higareda

    Meredith Colt | Мередит Кольт 29
    (Tom Holland)

    *Michael Flynn | Майкл Флинн 35
    (Tyler Hoechlin)

    Michael Myers | Майкл Майерс 22
    (Matthew Gray Gubler

    Neil Ward | Нил Уорд 34
    (Neil Newbon)

    Q-R-S-T

    Samantha "Sam" Monroe | Саманта "Сэм" Монро 17
    (Aubrey Plaza)

    Stacy Linhart | Стейси Линхарт 26
    (Giorgia Whigham)

    Reid Ing | Рид Инг 29
    (Thomas Brodie-Sangster)

    Rory Denbrough | Рори Денбро 30
    (Percy Hynes White)

    Taylor Leare | Тейлор Лир 28
    (Jack O’Connell

    Toby Sparks  | Тоби Спаркс, 25
    (Brandon Flynn)

    Travis Gray | Трэвис Грэй 31
    (Gerhard Freidl)

    U-V-W

    Ursula van Kampen | Урсула ван Кампен 42
    (Katie McGrath)

    Vanessa Bateman  | Ванэсса Бэйтман 37
    (Sarah Shahi)

    X-Y-Z

    Zachary Maynard | Закари Мейнард 26
    (Machine Gun Kelly)


    Медицина
    Felix Mount - парамедик

    Правопорядок
    Broderick Nash - капитан полиции, центральный полицейский участок Нью-Бедфорда
    Darren Myers - детектив полиции 3-го класса, отдел уголовных расследований
    Meredith Colt - специальный агент ФБР
    Rory Denbrough - диспетчер, полиция
    Travis Gray - полицейский-детектив, отдел особо тяжких
    Ванэсса Бэйтман - руководитель тренировочного центра к-9 в Бостоне

    Образование

    Обучающие
    Anna Scott - учитель рисования, живописи
    Gideon Whitehall - помощник тренера футбольной команды Массачусетского университета в Дартмуте
    Neil Ward - учитель английского языка и литературы в средней школе
    Frank Monroe - учитель математики в старшей школе

    Обучающиеся
    Alabama Mount - старшеклассник
    Arabella de la Barra - студентка, изучает литературу
    Erik Falk - старшеклассник
    Liam Behrakis-Gallagher - студент Массачусетского университета в Дартмуте (начинающий актёр)
    Samanta "Sam" Monroe - ученица выпускного класса
    Etienne Mallory - студент журфака Массачусетского университета

    Культура и туризм
    Marianne Whitehill - заместитель директора музея Томаса Вила, историк (аспирантка Массачусетского университета)
    Michael Myers - библиотекарь в городской библиотеке
    Stacy Linhart - работница туристического бюро
    Ursula van Kampen - владелица туристического бюро "Heyliger"

    Товары и услуги
    Ashley Myers - совладелец и юрист фирмы "Thompson&Myers"
    Jackie Sparks - повар в Макдональдсе (актриса любительского театра)
    Juliette Duff - официантка в пивном ресторане Cisco Brewery Kitchen & Bar
    Kurt Higgis - механик в автосервисе "Lakeside" (бывший коп, подрабатывает техником в школе Нью-Бедфорда)
    Olivia McKenna - совладелица и иногда бариста кафе “Чернильное сердце”, экстрасенс, гадалка
    Zachary Maynard - тату мастер
    Reid Ing - продавец в книжном магазине «Глава Последняя»
    Toby Sparks - кассир в магазинчике "У Бенни"

    Морское дело
    Jason Wolf - владелец рыбацкого судна

    Прочее
    John Roberts - писатель под псевдонимом
    Ivy Pounsett - безработная
    Taylor Leare - фотограф, известный в богемных кругах


    Призраки
    неупокоенные души людей, вынужденные бесконечно скитаться подле живых

    список

    Одержимые
    люди, в которых поселился призрак или сущность

    Jason Wolf
    John Roberts
    Ivy Pounsett
    Zachary Maynard
    Rory Denbrough
    Toby Sparks

    Медиумы
    люди, с рождения наделённые даром (и проклятьем) видеть и слышать призраков, общаться с ними и помогать им

    Alabama Mount
    Arabella de la Barra
    Ashley Myers
    Marianne Whitehill
    Meredith Colt
    Reid Ing

    Экстрасенсы
    люди, чувствительные к другой стороне и обладающие некими способностями

    Olivia McKenna

    Чувствительные к другой стороне
    люди, которые обладают смутным даром предчувствия и ясновидения

    Gideon Whitehall
    Liam Behrakis-Gallagher
    Travis Gray
    Ursula van Kampen
    Etienne Mallory

    Прочее
    люди, которых нельзя отнести ни в одну из предыдущих категорий, но с ними всё равно не всё так просто

    Taylor Leare



    0

    15

    Beware
    https://i.imgur.com/yu4qk8K.png
    Мистическая олдскульная камерная ролевая. Мы здесь за комфортом, игрой и общением.



    О форуме

    Можно и нельзя

    Придержанные внешности



    Наша мистика - призраки, убийцы, призраки-убийцы, зубастые русалки, призраки зубастых русалок и призраки убийц зубастых русалок. Подробнее об этом в наши легендах и FAQ.

    Нью-Бедфорд - большой (~100 тыс. населения) прибрежный городок, некогда столица китобойного промысла, сейчас развивается благодаря рыбной ловле, текстилю и сфере здравоохранения.
    Время в игре: зима 2023-2024.


    Можно:
    — брать роль призрака/экстрасенса/гадалки и других производных от обычного человека;
    — использовать в игре одну, несколько или все легенды;
    — быть одержимым призраками или сущностями.

    Нельзя:
    — брать ролью нелюдей (русалок, барабашек и т.д.);
    — брать ролью призрака из легенд, т.к. авторский персонаж — существо неприкосновенное, а вот легенды являются достоянием общественности.


    ПРИДЕРЖАТЬ ВНЕШНОСТЬ
    Внешности и роли придерживаются на 5 дней, продлевать можно 3 раза.
    Код:
    Name Surname — [url=ссылка на профиль]ваш ник[/url]
    Придержанные внешности
    (список внешностей)



    0

    16



    О форуме

    Можно и нельзя

    Придержанные



    https://i.imgur.com/WYK1VP9m.png



    Наша мистика - призраки, убийцы, призраки-убийцы, зубастые русалки, призраки зубастых русалок и призраки убийц зубастых русалок. Подробнее об этом в наши легендах и FAQ.

    Нью-Бедфорд - большой (~100 тыс. населения) прибрежный городок, некогда столица китобойного промысла, сейчас развивается благодаря рыбной ловле, текстилю и сфере здравоохранения.
    Время в игре: зима 2023-2024.


    Можно:
    — брать роль призрака/экстрасенса/гадалки и других производных от обычного человека;
    — использовать в игре одну, несколько или все легенды;
    — быть одержимым призраками или сущностями.

    Нельзя:
    — брать ролью нелюдей (русалок, барабашек и т.д.);
    — брать ролью призрака из легенд, т.к. авторский персонаж — существо неприкосновенное, а вот легенды являются достоянием общественности.


    ПРИДЕРЖАТЬ ВНЕШНОСТЬ
    Внешности и роли придерживаются на 5 дней, продлевать можно 3 раза.
    Код:
    Name Surname — [url=ссылка на профиль]ваш ник[/url]
    Придержанные внешности
    (список внешностей)



    0

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

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



    Вы здесь » Squirrel test » Dream-team forever » коды коды кодики


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