[html]
<style>
#telo {
width:530px;
height:487px;
background:url(https://upforme.ru/uploads/0017/5e/b1/2/279175.gif);
border-radius:10px;
margin-left:100px;
font-family:'Arial';
}

.divider {
display: grid;
grid-template-columns: repeat(20, 1fr);
width:100%;
border-top-left-radius:6px;
border-top-right-radius:6px;
background:#5ed0a5;
font-family: 'Arial Black';
color:white;
font-style:italic;
text-align:center;
    padding: 3px 0;
position:relative;
}
.div_text {
grid-column-start: 1;
    grid-column-end: 20;
padding-left:8%;
padding-top:2px;
}
.zakr {
grid-column-start: 21;
    grid-column-end: 21;
font-style: normal;
width:10px;
border-radius:10px;
background:transparent;
color:#85ff5b;
border:1px solid #85ff5b;
padding: 0px 3px;
margin-left: -20px;
padding-bottom: 2px;
}
#chron {
cursor:pointer;
-webkit-transition-duration: 0.36s;
}
#chron:hover {
border:1px solid #d7ff5b;
color:#d7ff5b;
}

#spis {
position:absolute;
width:170px;
height:156px;
margin-top:235px;
margin-left:15px;
background:#fafafa;
border-radius:7px;
border:1px solid #d3d3d3;
}
#telo_spis {
    padding: 1px 7px;
font-size:8pt;
color:#acacac;
font-style:italic;
overflow-y:scroll;
height:107px;
margin-right:17px;
margin-top:6px;
}
#spis h1 {
font-size:12pt;
color:#5ed0a5;
font-style:italic;
font-weight:600;
margin-top:5px;
}
#spis h2 {
font-size:9pt;
color:#5ed0a5!important;
font-weight:600;
padding:4px 0px;
}

#priv {
display: grid;
grid-template-columns: repeat(3, 1fr);
position:absolute;
margin-top:26px;
margin-left:171px;
width:357px;
height:111px;
}
#lev {
grid-column-start: 1;
    grid-column-end: 3;
background:#fafafa;
height:71px!important;
margin-right:-52px;
padding: 7px 60px 1px 10px;
margin-top:15px;
    margin-left: -28px;
font-weight:600;
font-style:italic;
font-size:8pt;
color: #cecece;
text-align:justify;
}
#lev i {
color:#5ed0a5!important;
}
#prav {
grid-column-start: 3;
    grid-column-end: 3;
background:url(https://upforme.ru/uploads/0017/5e/b1/2/136206.png);
}

#zam {
position:absolute;
width:110px;
height:156px;
margin-top:93px;
margin-left:25px;
background:#fafafa;
border-radius:7px;
border:1px solid #d3d3d3;
}
#telo_zam {
color:#acacac;
font-style:italic;
font-size: 10px;
}
.lin_zam {
padding: 5px 6px;
border-bottom: 1px solid #cecece;
}

#chrono {
width:345px;
height:190px;
background:#fafafa;
position:absolute;
    margin-top: 178px;
    margin-left: 154px;
border-radius:7px;
border:1px solid #d3d3d3;
-webkit-transition-duration: 0.36s;
}
#telo_chrono {
height:70%;
padding: 0px 10px;
margin-right:10px;
margin-top: 10px;
text-align:justify;
color: #b4b4b4!important;
font-weight:600;
font-style:italic;
    overflow-y: scroll;
}
#chrono a {
color: #b4b4b4!important;
font-family:'Arial';
font-weight:600;
font-style:italic;
}
#chrono h1 {
color:#5ed0a5;
font-family:'Arial Black';
font-size:12pt;
}
#telo_chrono i {
font-size:8pt;
color:#5ed0a5;
}

#nazv_holder {
display:flex;
position:absolute;
margin-top:403px;
margin-left:176px;
width:140px;
height:45px;
}
.nazv {
width:45px;
height:45px;
border-radius:40px;
margin-left:4px;
    border: 2px solid #5ed0a5;
cursor:pointer;
}

audio {
    width: 270px;
    height: 25px;
    margin-left: 289px!important;
    transform: scale(0.6);
    margin-top: 416px!important;
}
</style>

<div id="telo">
<div class="divider"><div class="div_text">α:\root\study!!!!\111</div><div class="zakr">x</div></div>

<div id="zam">
<div class="divider"><div class="div_text">заметки</div><div class="zakr">х</div></div>
<div id="telo_zam">
<div class="lin_zam">Козий сыр вкусный!</div>
<div class="lin_zam">Линда просила убрать...</div>
<div class="lin_zam">Если амфибиям заменить...</div>
<div class="lin_zam">Постирать платье!</div>
</div>
</div>

<div id="priv">
<div id="lev">Пользователь: Юзер  Последний визит: ---
<br>
<i>Вам в Terregram только что: Феликс, ты можешь сама сменить имя пк, тебе необязательно ждать меня</i>
<br>
<i>(ответить...)</i></div>
<div id="prav"></div>
</div>

<div id="spis">
<div class="divider"><div class="div_text">списки</div><div class="zakr">x</div></div>
<div id="telo_spis">
<h1>Дом Земли</h1>
<h2>Первый курс (o･ω･o)</h2>
• Оран (анималия)
<br>
• Китти (анималия)
<h2>Второй курс (• ω •)</h2>
• Фиоре (гибрид)
<br>
• Фламея (гибрид)
<h1>Дом Воды</h1>
<h2>Первый курс (o･ω･o)</h2>
• Тасия (человек!)
<h1>Дом Неба</h1>
<h2>Второй курс (• ω •)</h2>
• Алтея (эманаре)
</div>
</div>

<div id="chrono">
<div class="divider"><div class="div_text">расписание</div><div class="zakr" id="chron">-</div></div>
<div id="telo_chrono">
<h1>Активные курсы</h1>
<a href="https://terrarium.f-rpg.me/viewtopic.php?id=150">08.04.2019 • sharing is caring they say</a>  <i>(х линда)</i>
<br>
<a href="">название</a>  <i>(х пара)</i>
<br><br>
<h1>Вне расписания</h1>
<a href="">название</a>  <i>(х пара)</i>
<br>
<a href="">название</a>  <i>(х пара)</i>
<br><br>
<h1>Законченные курсы</h1>
<a href="">название</a>  <i>(х пара)</i>
<br>
<a href="">название</a>  <i>(х пара)</i>
<br><br>
<h1>Архив</h1>
<a href="">название</a>  <i>(х пара)</i>
<br>
<a href="">название</a>  <i>(х пара)</i>
<br><br>
</div>
</div>

<div class="player">
<div id="nazv_holder">
<div class="nazv" title="Mamerico - Oyasumi" id="pic1"><img src="https://upforme.ru/uploads/0017/5e/b1/2/945956.png"></div><div class="nazv" title="Mamerico - Kirari Futari" id="pic2"><img src="https://upforme.ru/uploads/0017/5e/b1/2/174807.png"></div><div class="nazv" title="Mamerico - Natsu no Stole" id="pic3"><img src="https://upforme.ru/uploads/0017/5e/b1/2/483127.png"></div>
</div>
<style>audio::-webkit-media-controls-panel {background:#fafafa!important; } </style><audio src="https://forumstatic.ru/files/0017/5e/b1/33618.mp3" controls=" "></audio>
</div>

</div>

<script>
$("#pic1").click(function() {
   $('audio').attr('src', 'https://forumstatic.ru/files/0017/5e/b1/33618.mp3');
});
$("#pic2").click(function() {
   $('audio').attr('src', 'https://forumstatic.ru/files/0017/5e/b1/69318.mp3');
});
$("#pic3").click(function() {
   $('audio').attr('src', 'https://forumstatic.ru/files/0017/5e/b1/12696.mp3');
});
</script>

<script>
var cont = 0;
$('#chron').click(function() {
    cont = cont + 1;
    if((cont & 1) != 0) {
         $('#chrono').css({
           'margin-left': '0px',
           'margin-top': '0',
           'width': '528px',
           'height': '460px'
           });
           if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
               $('#chrono').css('height', '462px');
           };
     }
          else {
              $('#chrono').css({
              'margin-left': '154px',
              'margin-top': '178px',
              'width': '345px',
              'height': '190px'
               });
           };
});
</script>

[/html]

[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

#oof {
    display: grid;
    height: 335px;
    width: 600px;
    border: 1px solid #b5a9af;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    background: linear-gradient(to left, #d7d7d7, #f3f3f3);
    padding: 0 0 21px 0;
    border-radius: 10px;
    border-bottom: 6px solid #e68181;
}

#verh {
    grid-column-start:1;
    grid-column-end:5;
    grid-row-start: 1;
    grid-row-end:1;
    color:white;
    font-family:arial;
    font-size:15px;
    font-weight:600;
}
#verh img {
    border-radius: 10px;
}

.menu {
    display: block;
    grid-column-start:1;
    grid-column-end:1;
    grid-row-start: 2;
    grid-row-end:5;
    overflow-y:scroll;
    padding:6px;
    margin: 8px 13px;
}

.oof_knop {
  display: none;
}

.oof_nazv {
    display: block;
    padding: 11px;
    cursor: pointer;
    border-bottom: 1px solid #b15151;
    text-align: center;
    font-family:'Comfortaa';
    font-size:12px;
    color: #9d2631;
    -webkit-transition-duration: 0.36s;
}
.oof_nazv:hover {
    -webkit-transition-duration: 0.36s;
}

.oof_knop:checked+.oof_nazv {
    background: #b15151;
    color:white;
    cursor: default;
}

.txt {
    grid-column-start:2;
    grid-column-end:4;
    grid-row-start: 2;
    grid-row-end:5;
    background: #f5f5f5;
    margin: 10px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 14%);;
    border-radius: 14px;
}

.chichi {
    visibility: hidden;
    padding-left: 1em;
    padding-right: 1em;
    display: none;
    font-size:13px;
    text-align: justify;
    max-width: 348px;
    height:190px;
    color: #89595e;
    font-family:'Segoe UI';
}

.oof_knop:checked+.oof_nazv+.chichi {
    visibility: visible;
    display:block;
    transition-delay: 0;
    left: 217px;
    top: 136px;
    overflow-y:auto;
    position:absolute;
}

.player-container {
    max-width: 500px;
    margin: 20px auto;
}
.change-audio {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    cursor: pointer;
    margin: 4px 0;
    padding: 6px 10px;
    border: 1px solid #ddd;
    transition: all 300ms;
    background: #FFF;
}
.change-audio:hover {
    border: 1px solid #00b3ff
}
.change-audio.active {
    background: #00b3ff;
    color: #FFF;
    border: 1px solid #00b3ff
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #e68181;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #ffffff;
}
</style>
    <div id="oof">
        <div id="verh">
            <img src="https://upforme.ru/uploads/0017/5e/b1/2/16853.png">
        </div>
        <div class="menu">
            <input type="radio" class="oof_knop" name="damn" id="r1">
            <label for="r1" class="oof_nazv">Доброе утро, класс!</label>
            <div class="chichi">Привет! Привет! Я увидел, что мы идём в одну сторону, и понял, что это судьба. Стой, нет, не уходи, я не торговец! Просто ты выглядишь таким сильным, и я подумал, что с тобой я буду в безопасности. Меня Рагной зовут. Давай путешествовать вместе, хотя бы недолго?</div>
            <input type="radio" class="oof_knop" name="damn" id="r2">
            <label for="r2" class="oof_nazv">Простите за опоздание!</label>
            <div class="chichi">Ты не против, если я посплю, пока ты отдыхаешь?</div> 
            <input type="radio" class="oof_knop" name="damn" id="r3">
            <label for="r3" class="oof_nazv">Какая красивая ночь...</label>
            <div class="chichi">По секрету скажу, что у меня есть особый талант - я отлично ловлю крабов! Мы можем сходить к пляжу, а там я покажу, как делать снасти и краболовку. Улов можешь забрать себе. Это моя благодарность за сопровождение!</div>
            <input type="radio" class="oof_knop" name="damn" id="r4">
            <label for="r4" class="oof_nazv">Платье в грязи</label>
            <div class="chichi">Ты такой хороший повар! Однако я уверен, что лечебные настойки тебе готовить ещё не приходилось, в этом я тебя опережаю, ха-ха-ха! Я могу написать тебе один рецепт, который возможно выгодно продать любителям экзотики, ежели ты немного всё приукрасишь. То есть, нет, конечно, я не торгаш... ой, забудь, что я говорил!</div>
            <input type="radio" class="oof_knop" name="damn" id="r5">
            <label for="r5" class="oof_nazv">Смайлики</label>
            <div class="chichi">Мы сейчас промокнем до нитки и мне вновь придётся сушить всю одежду! Я же только её постирал!</div> 
            <input type="radio" class="oof_knop" name="damn" id="r6">
            <label for="r6" class="oof_nazv">Когда дует ветер</label>
            <div class="chichi">Всё в порядке, но если хочешь, можем укрыться на время. Или я могу держать тебя за плечи, чтобы ты не улетел! Я сильнее, чем кажусь! Наверное...</div>
            <input type="radio" class="oof_knop" name="damn" id="r7">
            <label for="r7" class="oof_nazv">За "отлично"</label>
            <div class="chichi">Проснулись и потянулись! Давай пройдём сегодня больше, чем вчера.</div>
            <input type="radio" class="oof_knop" name="damn" id="r8">
            <label for="r8" class="oof_nazv">За "хорошо"</label>
            <div class="chichi">О, ты проснулся. Ненавязчиво похвастаюсь, что я сторожил твой драгоценный сон всю ночь и прикорнул буквально на пять минут! А ещё я приготовил завтрак, даже использовал специи из своих запасов! Согласись, теперь я не такой бесполезный, как ты думал, правда?</div> 
            <input type="radio" class="oof_knop" name="damn" id="r9">
            <label for="r9" class="oof_nazv">За плохую оценку</label>
            <div class="chichi">Привет-привет, давно не виделись! А-ха-ха-ха, прости, что так внезапно пропал! Решил разведать нам путь и по итогу совсем загулялся. Ну, не злись. Пошли выполним задания из твоей гильдии, раз уж мы здесь.</div>
            <input type="radio" class="oof_knop" name="damn" id="r10">
            <label for="r10" class="oof_nazv">Почему? (1)</label>
            <div class="chichi">Какая чудесная спокойная ночь! Давай разведем костёр, а я расскажу тебе пару историй? Это очень поможет в закреплении наших товарищеских уз!</div>
            <input type="radio" class="oof_knop" name="damn" id="r11">
            <label for="r11" class="oof_nazv">Почему? (2)</label>
            <div class="chichi">У меня крепкие ноги, не стоит беспокоиться за то, сколько нам необходимо пройти. Я буду за тобой успевать, как бы сильно ты ни бежал!</div>
            <input type="radio" class="oof_knop" name="damn" id="r12">
            <label for="r12" class="oof_nazv">Про создателей</label>
            <div class="chichi">Это редкость, что я путешествую с кем-то так долго. Часто исчезаю? Ну, я же всегда возвращаюсь. По крайней мере, пока.</div> 
            <input type="radio" class="oof_knop" name="damn" id="r13">
            <label for="r13" class="oof_nazv">О судьбе вида</label>
            <div class="chichi">Как же так вышло, что ты без глаза бога и способен творить все эти вещи? В тебе столько... мощи. Должно быть, это чудесное чувство.</div>
            <input type="radio" class="oof_knop" name="damn" id="r14">
            <label for="r14" class="oof_nazv">Давай поделимся</label>
            <div class="chichi">Ты знаешь, я много каких слухов и историй слышал, пока скитался. Про лидеров и подчинённых, про богов и чудовищ... Если тебе захочется о чём-то узнать, спрашивай! Но за правдивость, конечно, я не ручаюсь, хе-хе-хе.</div>
            <input type="radio" class="oof_knop" name="damn" id="r15">
            <label for="r15" class="oof_nazv">Интересные вещи</label>
            <div class="chichi">Лучший и худший анекдот, который я слышал, мне рассказал рыбак с тростниковых островов.
                <br>
Как-то раз домовладелец нанял плотника, чтобы тот установил затвор на дверь, однако неуклюжий плотник установил его не с внутренней стороны двери, а с внешней. Домовладелец принялся его журить: "Ты что, слепой, как можно было так ошибиться?!". А плотник ему в ответ: "Нет, это ты слепой". Домовладелец был шокирован этим заявлением и спросил: "Как это? Я не могу быть слепым!". На что плотник ему сказал: "Если бы ты был менее слепым и более умным, то не стал бы меня нанимать".
                <br>
Я даже рассмеялся по итогу, потому что это настолько глупо!</div> 
            <input type="radio" class="oof_knop" name="damn" id="r16">
            <label for="r16" class="oof_nazv">Про Джинн</label>
            <div class="chichi">Работник одного печатного дома не так давно поделился занятным случаем. Мол, как-то раз связалась с ними аристократка из Мондштадта и запросила не просто книгу, а целую серию, с эксклюзивным оборотом. Ей пришлось отказать, потому как нанятый художник на тот момент не мог рисовать что-то новое. Лишь потом до работника дошло, что та аристократка была действующей главой рыцарского ордена! А серия книг была с жанром приключенская романтика, вроде как. Здорово, что такая занятая леди находит время на хобби!</div>
            <input type="radio" class="oof_knop" name="damn" id="r17">
            <label for="r17" class="oof_nazv">Про Лизу</label>
            <div class="chichi">Судя по всему, у заведующей библиотеки рыцарского ордена очень богатое прошлое! Я слышу истории про её ум и вклад в науку в любом регионе, куда ни пойду. И про её суровый нрав тоже, иногда. Хотелось бы мне однажды с ней встретиться! Или я умру от красы и величия, только взглянув на неё?</div>
            <input type="radio" class="oof_knop" name="damn" id="r18">
            <label for="r18" class="oof_nazv">Про Камисато Аяку</label>
            <div class="chichi">Одно из моих самых тёплых воспоминаний об Иназуме связано с юной госпожой из комиссии Яширо. Несмотря на свой возраст, она так мудра и милосердна! Благодаря её вмешательству, я смог выспаться ночью на мягком футоне, а не в лесу. И она даже не казнила тех воришек! Поистине чистая душа.</div> 
            <input type="radio" class="oof_knop" name="damn" id="r19">
            <label for="r19" class="oof_nazv">Про Сангономию Кокоми</label>
            <div class="chichi">О верховной жрице с острова Ватацуми говорят как о самой драгоценной жемчужине. Её ум свежестью своей сравним с горным родником, душа её бездоннее океана, а ласковое слово способно поставить хромого на ноги. Впечатляет, не правда ли?</div>
            <input type="radio" class="oof_knop" name="damn" id="r20">
            <label for="r20" class="oof_nazv">Про Аратаки Итто</label>
            <div class="chichi">Ежели однажды ты окажешься на громовых островах и услышишь, как с восходом луны начинает выть огр, то знай, это не демон, а всего лишь Аратаки Итто! То есть, он, конечно, демон, но воет он не потому, что злой, а потому что дети опять закидали его бобами тем же вечером. Не серчай на него, он не специально мешает тебе спать.</div>
            <input type="radio" class="oof_knop" name="damn" id="r21">
            <label for="r21" class="oof_nazv">Про архонтов</label>
            <div class="chichi">В Ли Юэ популярна одна легенда. Мол, несколько сотен лет назад Властелин Камня спустился к жителям гавани в человеческом обличии, в сопровождении не иначе, как Бога Свободы и неизвестного до того адепта. А сопровождали его, потому что хотели выразить своё почтение. Жителям Ли Юэ нравится эта легенда, ибо, получается, даже архонт соседней страны не мог не уважать их властелина. Меня же больше заинтересовала та часть, где говорится, что тот принял облик богатой дамы. Как думаешь, из геоархонта получилась красивая женщина?</div>
            <input type="radio" class="oof_knop" name="damn" id="r22">
            <label for="r22" class="oof_nazv">Про Нин Гуан</label>
            <div class="chichi">Наверняка ты чувствуешь себя особенным, что сама Воля Небес пригласила тебя в свой дворец. Эх, единицам выпадает такая честь! Мне и остальному простому люду приходится довольствоваться лишь частицами её планов, коими они милостиво делится. Однажды мне даже удалось совершить отличную сделку, продавая купцу особенно ценный клочок её знаний! Я на те деньги вот это кольцо купил, кстати.</div> 
            <input type="radio" class="oof_knop" name="damn" id="r23">
            <label for="r23" class="oof_nazv">Про Тарталью</label>
            <div class="chichi">Предвестник... Фатуи? Нет, я ничего не могу сказать об этом человеке. Фатуи хорошо хранят свои секреты. Я не советую тебе пытаться их узнать.</div>
            <input type="radio" class="oof_knop" name="damn" id="r24">
            <label for="r24" class="oof_nazv">Узнать больше о Рагне I</label>
            <div class="chichi">Обожаю сладкое! Хочешь, я приготовлю свой фирменный десерт?</div>
            <input type="radio" class="oof_knop" name="damn" id="r25">
            <label for="r25" class="oof_nazv">Узнать больше о Рагне II</label>
            <div class="chichi">Больше всего, пожалуй, меня привлекают горы. Это такая отличная зарядка! И этот вид сверху, когда ты поднимаешься на вершину, остаётся с тобой на всю жизнь. Однажды я заберусь на самую высокую гору...</div> 
            <input type="radio" class="oof_knop" name="damn" id="r26">
            <label for="r26" class="oof_nazv">Узнать больше о Рагне III</label>
            <div class="chichi">Хе-хе-хе, нет, это не праздничный ужин! Просто решил немного пошиковать, раз уж мы давно не были в городе. Мне нетрудно, чай, нас всего трое. Я привык готовить на куда большее количество людей.</div>
            <input type="radio" class="oof_knop" name="damn" id="r27">
            <label for="r27" class="oof_nazv">Узнать больше о Рагне IV</label>
            <div class="chichi">Говоришь, нравятся мои рассказы? Спасибо большое! Я, конечно, не сказитель из гавани, но в роль тоже войти могу. Осознавать чужие чувства, примерять на себя их прошлое и переживания, - это, отнюдь, не просто. Но у меня отлично получается, ха-ха! Так говорят.</div>
            <input type="radio" class="oof_knop" name="damn" id="r28">
            <label for="r28" class="oof_nazv">Узнать больше о Рагне V</label>
            <div class="chichi">Ах, мне придётся напомнить свой ответ: нет, мне не слишком комфортно делиться чем-то о себе. В мире столько прекрасного и неизведанного, что нет смысла тратить время на меня. Пожалуй, тебе пора научиться принимать отказ, друг мой.</div> 
            <input type="radio" class="oof_knop" name="damn" id="r29">
            <label for="r29" class="oof_nazv">Хобби</label>
            <div class="chichi">Есть ли у меня какой-то сборник? Нет! Все истории и анекдоты я запоминаю. Это тренировка памяти - осознание того, что мне негде будет подсмотреть ответ, учит выделять суть сказанного. Детали и подробности вторичны. Так что да, я могу иной раз привирать, ха-ха-ха!</div>
            <input type="radio" class="oof_knop" name="damn" id="r30">
            <label for="r30" class="oof_nazv">Беспокойства</label>
            <div class="chichi">Этот твой чайник такая удобная штука! Даже аренду платить не надо. Кликнешь меня, когда адептам в следующий раз понадобится помощь, договорились?</div>
            <input type="radio" class="oof_knop" name="damn" id="r31">
            <label for="r31" class="oof_nazv">Любимая еда</label>
            <div class="chichi">Как тебе мои сырники? Ну да, лучшие в мире! Однако я могу приготовить для Паймон что-то более сытное, если принесёте мне нужные ингредиенты.</div>
            <input type="radio" class="oof_knop" name="damn" id="r32">
            <label for="r32" class="oof_nazv">Нелюбимая еда</label>
            <div class="chichi">Пожалуйста, не заставляй весь лагерь своей рыбой, словно она на витрине! Ух, этот запах... Меня сейчас стошнит... Ой, я отойду ненадолго...</div>
            <input type="radio" class="oof_knop" name="damn" id="r33">
            <label for="r33" class="oof_nazv">Чувство возвышения: начало</label>
            <div class="chichi">Так-так, погляди, какой я выучил новый трюк! С тобой не сравнится, но я буду стараться!</div>
            <input type="radio" class="oof_knop" name="damn" id="r34">
            <label for="r34" class="oof_nazv">Чувство возвышения: нарастание</label>
            <div class="chichi">Глаз бога... Кажется, он никогда не издавал такой жар, как сейчас. Что это за чувство в груди?</div>
            <input type="radio" class="oof_knop" name="damn" id="r35">
            <label for="r35" class="oof_nazv">Чувство возвышения: кульминация</label>
            <div class="chichi">Ого-ого, ты это видел? Я уже почти поспеваю за тобой в бою! Всё благодаря нашему путешествию!</div>
            <input type="radio" class="oof_knop" name="damn" id="r36">
            <label for="r36" class="oof_nazv">Чувство возвышения: окончание</label>
            <div class="chichi">Я ощущаю себя таким... сильным. Ха-ха, вот это да. Быть может, однажды я даже перестану убегать. Я понимаю, что ты так мало знаешь обо мне, но всё же давай покорим самую высокую гору вместе, друг мой.</div>
        </div>
        <div class="txt">
        </div>
    </div>
[/html]

[html]
<style>
  @import "https://fonts.fontstorage.com/import/fog6.css";
  #telo {
    width: 540px;
    height: 540px;
    margin: auto;
    border-radius: 20px;
    border: 2px solid #d7d7d7;
    background: url(https://upforme.ru/uploads/0017/5e/b1/2/490228.gif);
    transition: background 2s ease;
    transition-delay: 1.4s;
  }
 
  #telo:hover {
    background: url(https://upforme.ru/uploads/0017/5e/b1/2/452577.jpg);
    transition: background 2s ease;
    transition-delay: 1.4s;
  }
 
  #tex {
    position: absolute;
    width: 540px;
    height: 540px;
    padding: 238px 0px;
    font-size: 12px;
    font-family: Comfortaa;
    text-align: center;
    color: white;
    font-weight: 900;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
    transition: 2s;
    transition-delay: 1.0s;
  }
 
  #telo:hover #tex {
    transition: 2s;
    margin-top: -350px;
  }
 
  #texter {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 540px;
    height: 540px;
    position: absolute;
  }
 
  #grib {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: url(https://upforme.ru/uploads/0017/5e/b1/2/342869.jpg);
    margin-left: 220px;
    margin-top: 20px;
    border: 2px solid #66b195;
    opacity: 0;
    transition-delay: 1.0s;
    transition: 2s;
  }
 
  #wave {
    position: absolute;
    width: 240px;
    height: 30px;
    margin-left: 150px;
    margin-top: 127px;
    font-family: Comfortaa;
    font-size: 12px;
    color: white;
    text-align: center;
    opacity: 0;
    transition-delay: 1.0s;
    transition: 2s;
  }
 
  #telo:hover #grib,
  #telo:hover #wave {
    transition-delay: 1.0s;
    opacity: 1;
  }
 
  #cont {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 343px;
    height: 349px;
    background: #87ab98ba;
    border-radius: 20px;
    border: 1px solid #66b195;
    transition: 1.4s;
    margin-left: 17px;
    margin-top: 600px;
  }
 
  #telo:hover #cont {
    margin-top: 175px;
    transition: 2s;
    transition-delay: 1.4s;
  }
 
  #telo:hover #rep {
    margin-top: 200px;
    transition: 2s;
    transition-delay: 1.4s;
  }
 
  #rep {
    grid-column-start: 4;
    grid-column-end: 4;
    width: 145px;
    height: 288px;
    overflow-y: scroll;
    transition: 1.4s;
    margin-right: 17px;
    margin-top: 600px;
    padding: 5px;
    font-family: Arial;
  }
 
  #sparkle {
    background-image: url(https://upforme.ru/uploads/0017/5e/b1/2/215001.gif);
    width: 540px;
    height: 540px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(0.3);
    position: absolute;
    mix-blend-mode: screen;
    border-radius: 20px;
    transition: 1.4s;
    opacity: 0;
    transition-delay: 1.4s;
  }
 
  #telo:hover #sparkle {
    opacity: 1;
    transition-delay: 1.4s;
    transition: 1.4s;
  }
 
  .oof_knop {
    display: none;
  }
 
  .oof_nazv {
    display: block;
    padding: 11px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    color: white;
    -webkit-transition-duration: 0.36s;
  }
 
  .oof_nazv:hover {
    -webkit-transition-duration: 0.36s;
  }
 
  .oof_knop:checked+.oof_nazv {
    background: #87ab98ba;
    cursor: default;
  }
 
  .chichi {
    display: none;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 12px;
    text-align: justify;
    font-weight: 400;
    font-style: italic;
    width: 310px;
    height: 310px;
    color: white;
    font-family: Arial;
    transition: 1.9s;
    opacity: 1;
  }
 
  .oof_knop:checked+.oof_nazv+.chichi {
    display: block;
    transition-delay: 0;
    overflow-y: auto;
    position: absolute;
    margin-left: -351px;
    top: 195px;
  }
 
  ::-webkit-scrollbar-thumb:vertical {
    background-color: #66b195;
  }
 
  ::-webkit-scrollbar {
    width: 3px;
    height: 5px;
    background-color: #fafafa;
  }
</style>

<div id="telo">
  <div id="tex">暮れてゆく季節
    <br>を追いかけてた
    <br>✧*☆*✧</div>
  <div id="sparkle"></div>
  <div id="grib"></div>
  <div id="wave">脱げかけのサンダル嫌いな身みてる
    <br>何気ない言葉に耳をすまし</div>
  <div id="texter">
    <div id="cont"></div>
    <div id="rep">
      <input type="radio" class="oof_knop" name="damn" id="r1">
      <label for="r1" class="oof_nazv">Доброе утро, класс!</label>
      <div class="chichi">Доброе утро всем!! Я учла ваши пожелания для этого триместра, однако порой нам всё равно придётся видеться довольно рано, прошу за это прощения! Мы успеем выполнить всю программу для этого урока до пяти часов, если приступим прямо сейчас, однако для тех, кто захочет дополнительное занятие для исправления оценок, я с удовольствием задержусь до семи!
        <br> Сегодня мы продолжим изучение различий внутренних органов в промежуточных формах у разных рас, в частности подробно рассмотрим почки. Занятие будет включать себя как теорию, так и практику, поэтому, пожалуйста, возьмите в руки скальпели. В отличии от предыдущего урока по изучению сердец, почки обескровлены почти полностью, так что не бойтесь замараться!</div>
      <input type="radio" class="oof_knop" name="damn" id="r2">
      <label for="r2" class="oof_nazv">Простите за опоздание!</label>
      <div class="chichi">Д-д-добрый... ах, добрый вечер! Здравствуйте! Я... ум... Мне пришлось немного задержаться, чтобы... В общем... Н-нет, в этот раз я не заперла себя в ванне. В-в любом случае, простите за опоздание!</div>
      <input type="radio" class="oof_knop" name="damn" id="r3">
      <label for="r3" class="oof_nazv">Какая красивая ночь...</label>
      <div class="chichi">Террариум - удивительное создание; даже небо, когда мы находимся в его атмосфере, кажется чернее, а звёзды ярче. И ночь при этом не такая холодная, как в Тошдоре! Может, стоит проводить часть занятий за пределами корпуса... Ах, да! Возможно, мне разрешат организовать... как их... полевые учения! Чаще да, чем нет, процесс исцеления необходим прямо на месте, без комфорта лаборатории. Надеюсь, студенты поддержат эту идею!</div>
      <input type="radio" class="oof_knop" name="damn" id="r4">
      <label for="r4" class="oof_nazv">Платье в грязи</label>
      <div class="chichi">И право же, платье сзади оказалось таким грязным! Как неловко... Я стараюсь менять форму уже после того, как выйду за пределы леса, однако этого явно недостаточно. А? Подол слишком длинный? Д-да, возможно, причина в этом... Мне нужно его укоротить! С-самой... Да, я и сама смогу его укоротить!</div>
      <input type="radio" class="oof_knop" name="damn" id="r5">
      <label for="r5" class="oof_nazv">Смайлики</label>
      <div class="chichi">Эти человеческие смайлики кажутся мне очень милыми! Например, если я напишу "у тебя пять! ты молодец o(>ω
        <)o", вместо обычной оценки, то студенту наверняка будет приятнее! В книге "Методы воспитания здорового ума: обучение будущих гениев" сказано, что дополнительные поощрения повышают мотивацию учащихся. Хи-хи, мне кажется, это работает! Молодёжь же использует всякие... м... стикеры! Это мне что-то вроде стикеров! Есть ещё мемы, но я ещё не до конца поняла, как они делаются и для чего нужны. Но некоторые студенты говорят мне, что я мемная! Наверное, это хорошо.</div> 
            <input type="radio" class="oof_knop " name="damn " id="r6 ">
            <label for="r6 =" class="oof_nazv">За "отлично "</label>
            <div class="chichi =">У тебя вновь наивысший балл! Это так здорово! Упорная работа всегда даёт результат, пусть и происходить это может не сразу. Надеюсь, ты и дальше продолжишь радовать меня своими оценками! И своих пациентов, если решишь выбрать профессию целителя. Всегда приятнее получить свою утерянную голень обратно! Хи-хи.</div>
            <input type="radio " class="oof_knop " name="damn " id="r7 ">
            <label for="r7 " class="oof_nazv ">За "хорошо "</label>
            <div class="chichi ">Какой замечательный результат! Твои ошибки были связаны исключительно с теоретической частью, а теория, в этот раз, тяжёлая, поэтому не расстраивайся. Если хочешь, я могу поделиться с тобой рядом упражнений для тренировки памяти, дабы лучше запоминать особенно тяжёлые параграфы.</div>
            <input type="radio " class="oof_knop " name="damn " id="r8 ">
            <label for="r8 " class="oof_nazv ">За плохую оценку</label>
            <div class="chichi ">Что ж, твои знания по данной теме нельзя назвать блестящими. Но ничего! Уверена, если потратишь на учебники чуть больше времени, результат пересдачи будет намного лучше. Разумеется, если тебя устроит не наивысшая оценка, то мы можем провести дополнительное практическое занятие, где тебе просто надо будет продемонстрировать свои магические умения.</div> 
            <input type="radio " class="oof_knop " name="damn " id="r9 ">
            <label for="r9 " class="oof_nazv ">Почему? (1)</label>
            <div class="chichi ">Почему я не пользуюсь стандартными смайликами в терреграме? Они не очень симпатичные! Мне больше нравятся текстовые. Студенты помогли мне установить приложение, где я просто нажимаю на смайлик - и он сразу копируется! Хи-хи (｡• ω •｡) Хе-хе (✯◡✯) Ты тоже можешь их использовать, когда что-то мне пишешь! Это было бы супер мило.</div>
            <input type="radio " class="oof_knop " name="damn " id="r10 ">
            <label for="r10 " class="oof_nazv ">Почему? (2)</label>
            <div class="chichi ">Почему моя третья форма так отличается от четвёртой? Ч-что ж... я ведь становлюсь больше похожей на человека, да? Конечно, фангии внешне сильно отличаются от людей. Однако если ты про цвет моих волос, то нет, я не ведаю, отчего это. Скорее всего, очередное свидетельство моего дефекта. </div>
            <input type="radio " class="oof_knop " name="damn " id="r11 ">
            <label for="r11 " class="oof_nazv ">Про создателей</label>
            <div class="chichi ">На каникулах я обычно уезжаю обратно в Тошдор, дабы проведать Фелицию и наших с ней создателей. Считается ли это поездкой к родственникам? Ах, ну... У кордицепсов, как вида, нет такого понятия, как "семья ". Однако я знаю, что оно есть у многих животных! И даже некоторых фангий! У нас однако оно не принято. Я не считаю создателей родителями. Они просто создатели. Ежели проводить аналогию, то я уважаю их, как... как уважаю Террариум. Я не испытываю каких-либо сильных эмоций по этому поводу. Все версипели разные, и сколько нас, столько и порядков.</div>
            <input type="radio " class="oof_knop " name="damn " id="r12 ">
            <label for="r12 " class="oof_nazv ">О судьбе вида</label>
            <div class="chichi ">Из нас двоих, это Фелиция способна продолжить наш род. Она уже это начала - несколько лет назад она породила первую версипель. Это прекрасная новость! В конце концов, создатели вырастили нас именно для этой цели. Хотя бы... хотя бы Фелиция может её исполнить.</div>

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

<script>
$("#texter ").hover(
  function () {
    $(this).addClass("hover ");
    $('.chichi').css('top', '195px');
    $('.chichi').css('transition-delay','1.4s');   
    $('.chichi').css('transition-duration','2s');   
  },
  function () {
    $(this).removeClass("hover ");
    $('.chichi').css('top', '640px');
    $('.chichi').css('transition-delay','0s');   
    $('.chichi').css('transition-duration','1.4s');   
  }
);
</script>
[/html]

- Я бы хотела помочь.

То, как у Феликс голос дрожит, - с частотой той же самой, что у зайцев бьётся сердце в груди, - Атольф уже знает; к дрожи её он привык. Прерывание в речи слогов его не раздражало и не волновало, покуда громкость раздражителя не резонировала с громкостью общего дела. Общее дело в лаборатории ведётся тихо: клавиатура печатает приглушённо, разговоры ведутся односложно, классическая музыка из-под забитой наполнителем коробки на потолке играла ещё немного - и будто во сне.

Общее дело в лаборатории ведётся тихо.

Феликс разговаривает ещё тише.

- С исследованиями.

Понадобилось несколько секунд, прежде чем Атольф закончил с печатью. Его хрупкая фигура повернулась к Феликс лицом. Ей непривычно видеть это лицо - человечье. Говорят, оно для оптимизации процесса: быстрее перемещение, ниже риск осложнений на рабочем месте, связанных с истинной формой.

У Атольфа не так много времени.

- Твои предложения.

В этот раз число он не озвучил. Феликс предполагает, что сейчас он способен посвятить ей либо минуту, либо две. Ей немного тревожно - и подступает к горлу тошнота. Она её сглатывает.

- Нет... сиюминутных. Но я бы... я бы хотела...

- Ты не можешь. Необходимых знаний у тебя нет, соответственно, твоя помощь не сможет равняться чему-то значительному.

Фигура у Атольфа хрупкая, а голос - прозрачный. Это один из признаков увядания. Печалится по этому поводу Феликс тихо, настолько, что никто не услышит.

- Я закончила школу, мои знания по всем предметам были отличные. Это... должно чего-то...

"стоить"

- Полученные в Террариуме знания считаются общими. Для работы в исследовательской деятельности необходимы знания специальные, необходим опыт.

- Я всему научусь! - вырвалось у Феликс до того, как Атольф закончил их разговор; у неё мало времени. - Я буду полезна.

В отличии от неё, Атольф никогда никого не прерывал и не повышал голоса. В сим отсутствует надобность

GENOS * — one-punch man

" проблемы? вы хотите послушать о моих проблемах? на самом деле, я еще четыре года назад был человеком. денег было мало, но все равно я жил мирной и довольно счастливой жизнью. но однажды один киборг сошел с ума и напал на мой город. безумный киборг..... скорее всего, неудачная модификация его тела как-то ударила в мозг. он уничтожал все на своем пути. парки, школы, муниципальные здания, мой дом... он убил всю мою семью. я чудом выжил, но мне тогда было всего 15 лет. одинокий слабак посреди разрушенного города - вот, кем я был. но затем я встретил профессора кусено. профессор кусено, ученый правосудия, как раз приследовал того киборга, чтобы остановить его. и я попросил профессора кусено провести модификации по усовершенствованию моего тела. так я и стал киборгом, который борется за справедливость. и я пообещал профессору кусено, что обязательно найду и уничтожу того злого киборга. и вот прошло уже 4 года. мне уже 19, и я путешествую из города в город, борясь со злом. число уничтоженных мной монстров и преступников растет в экспоненциальной прогрессии, и сейчас уже не придается исчислению. но я все равно не могу найти следов того безумного киборга. с каждым днем это неведение и беспомощность нагнетают все больше. однако невзгоды отступают, когда я сражаюсь с врагом; знание то, что я искореняю зло, наполняют меня решимостью на пути к своей цели. но в этот раз, во время сражения с комариным роем, я ослабил концентрацию. я поддался гордыне и решил, что могу проиграть только тому безумному киборгу, и потому вступил в схватку, даже не проведя предварительного анализа. и, как вы уже знаете, в итоге это стало зерном моего поражения. и если бы вас, сайтама-сенсей, не было рядом, то я определенно точно был бы уничтожен. сайтама-сенсей, вы спасли мне жизнь. однажды она уже была спасена профессором кусено, а теперь я уже в долгу перед вами, сайтама-сенсей. еще большая ноша легла на мои плечи. теперь я просто не могу умереть, не убив того киборга. более того, я буду карать зло везде, где только найду, пока не столкнусь с ним лицом к лицу. для этого мне нужно стать сильнее, намного сильнее. тогда, когда я увидел ваш удар, я понял, что обязан стать вашим учеником. если бы я только мог стать таким же сильным, как вы, сайтама-сенсей! мой враг силен и страшен, но я просто не могу проиграть. ради моего родного города, ради профессора кусено. но, увы, я еще неопытен. и поэтому сейчас мне нужна сила, чтобы победить великое зло! " " за-е-бал, а теперь покороче " как скажите, сенсей, вот короткая версия: научите меня быть таким же сильным, как и вы

log = logtext.Text;
                    pass = passtext.Text;

            SqlDataAdapter sda = new SqlDataAdapter(viv, con1);
            DataTable dataTable = new DataTable();
            sda.Fill(dataTable);
            if (dataTable.Rows.Count > 0 )
            {
                emtext.Text = dataTable.Rows[0][0].ToString();
            }

SqlConnection con1 = new SqlConnection();
        private SqlDataAdapter sqlDataAdapter = null;
        private DataSet dataSet = null;
        SqlCommandBuilder apbl = null;
apbl = new SqlCommandBuilder(sqlDataAdapter);
            sqlDataAdapter.Update(dataSet);

                    SqlCommand command2 = new SqlCommand();
                    command2.Connection = con1;
                    command2.CommandText = "SELECT * FROM Аккаунт WHERE Пароль='" + newpass1.Text + "'";
                    if (newpass1.Text == command2.ExecuteNonQuery().ToString())
                    {
                        MessageBox.Show("Такой пароль уже используется, выберите другой", "Error", MessageBoxButtons.OK, MessageBoxIcon.Error);
                    }
                    else
                    {
                        string cviv = "UPDATE Аккаунт WHERE Пароль ='" + newpass1.Text + "'";
                        SqlCommand command3 = new SqlCommand();
                        command3.Connection = con1;
                        command3.CommandText = "UPDATE Аккаунт WHERE Пароль = @Pass";
                        command3.Parameters.AddWithValue("@Pass", newpass1.Text);
                        command3.ExecuteNonQuery();
                        MessageBox.Show("Пароль был успешно обновлен!", "Готово", MessageBoxButtons.OK, MessageBoxIcon.Exclamation);
                    }

SqlCommand command2 = new SqlCommand();
            command2.Connection = con1;
            command2.CommandText = "SELECT LAST(id_заявки) FROM Заказы_на_ключи";

            int ab = Convert.ToInt32(command1.ExecuteScalar());

            SqlCommand command3= new SqlCommand();
            command3.Connection = con1;
            command3.CommandText = "INSERT INTO Relationship_2(id_заявки, id) VALUES(" + ab + ", " + cont + ")";
            command3.ExecuteNonQuery();

            MessageBox.Show("Заявка отправлена!");

Отредактировано дура (2022-12-21 00:06:37)

int row = dataGridView1.SelectedCells[0].RowIndex;
            SqlCommand command = new SqlCommand();
            command.Connection = con1;
            int row1 = row + 1;
            command.CommandText = "INSERT INTO студент VALUES(" + row1.ToString() + ")";

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

Я объясню! Даже не знаю, помнишь ли или нет, но вот когда-то там давно, когда жизнь казалась красочнее, обсуждался вопрос сюжеток. Обсуждали мы его с тобой. Довольно долго обсуждали, подробно. По итогу все пришло к тому, что ничего не пришло - вынесенное решение по поводу того, что с сюжеткой делать, меня не коснулось. Меня не предупредили, что с ней будет, мне не сказали прямо, что мой вклад в данный вопрос не приветствуется, меня вот, ну, котеночком подкинули на обочину, очевидно предполагая, что я и так все пойму. Я чета может и поняла, но правильно ли - хуй знает - да меня и не спрашивали.

Ну, и второй момент к произошёл не так давно. Захожу я такая форумку и вижу, что сои мою сняли с роли, и при этом на эту же самую роль кто-то уже запрыгнул (разумеется эти два события никак между собой не связаны). Очевидно, было нарушено какое-то правило! Очевидно, по этим самым правилам все хорошо! Ну и ещё для меня очевидно, что прикрываясь этими самыми правилами ты решила, что я опять все пойму и так - и ни о чем меня не предупредить. Прально, меня же это совсем не касается, это же не меня с роли сняли, хихи. Но сняли мою сои. И все, что связано с её наличием на форумке, меня касается. Её действительно чикнули с форумки по правилам. Но ты могла мне об этом сказать. Заранее. Предупредить. Так обычно делают люди, которых связывают какие-то приятельские отношения. Может у нас их не было? Или они кончились? Хз, ты опять же ничего не сказала.

Я не знаю ход твоих мыслей, не знаю, что творилось у тебя в голове, меня просто ставили перед фактом. Учитывая данные обстоятельства, я просто додумала все сама. Сорян, но так случается, когда никому ничего не говоришь.

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

Вотттттт. Надеюсь я ответила на все твои возможные вопросы! Вряд ли я захочу обсуждать ситуацию дальше, - решения моего обсуждения не изменят, - но если прямо оченьочень сильно будет не давать что-то покоя, спрашивай.