мы самые лучшие кукусики на всем русфф. понятно вам, уебы?
baddie baddie |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » baddie baddie » снс » drop it like hot [asa & dino / sns]
[html]<div class="game"><game1>
heart set on fire
</game1><game2>
<img src="https://upforme.ru/uploads/001c/26/3b/5/t565773.gif">
<img src="https://upforme.ru/uploads/001c/26/3b/5/t794497.gif">
</game2>
<game3>
<b>seventeen</b> - hot
</game3><game4><users>
asa & dino
</users><time>
autumn 2024
</time></game4><game5>
<center>I don't want one more chance
</game5></div>[/html]
[html]
<div class="iphone-chat">
<div class="iphone-screen">
<!-- header -->
<div class="chat-top">
<avatar><img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg"></avatar>
<info>
<name> 개새끼</name>
<status>online</status>
</info>
</div>
<!-- messages -->
<div class="messages">
<date>today 18:02</date>
<msg1>привет</msg1>
<msg1>помнишь меня?</msg1>
</div>
<!-- input -->
<div class="chat-input">
<div class="iconmess">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="iconmess"> 
</div>
<div class="iconmess">♫</div>
<div class="iconmess send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<div class="iphone-screen">
<!-- header -->
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<!-- messages -->
<div class="messages">
<date>today, 7:18</date>
<msg1>помнишь меня?</msg1>
<msg2>привет</msg2>
<msg2>конечно</msg2>
<msg2>созрела извиниться за Лису?</msg2>
<msg2>если что, принимаю их не только словестно <img src="https://i.postimg.cc/sxt59Pch/12smirking-face-1f60f.png" width="16"></msg2>
</div>
<!-- input -->
<div class="chat-input">
<div class="iconmess">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="iconmess"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="iconmess">♫</div>
<div class="iconmess send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
/* экран */
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
/* header */
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
/* колонка имени */
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
position:relative;
word-wrap:break-word;
display:block;
}
/* входящие */
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
/* исходящие */
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
/* центральное время */
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
/* нижняя панель */
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<!-- header -->
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<!-- messages -->
<div class="messages">
<date>today, 10:23</date>
<msg2>созрела извиниться за Лису?</msg2>
<msg1>ничего я не собираюсь</msg1>
<msg1> только спросить</msg1>
<msg1>твоих рук дело??</msg1>
<msg1>сплетни, что сейчас гуляют про меня</msg1>
</div>
<!-- input -->
<div class="chat-input">
<div class="iconmess">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="iconmess"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="iconmess">♫</div>
<div class="iconmess send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
word-wrap:break-word;
display:block;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today, 10:42</date>
<msg1>ничего я не собираюсь</msg1>
<msg2>жаль</msg2>
<msg2>надеялся, хотя бы ты самая благоразумная</msg2>
<msg2>показалось</msg2>
<msg1>твоих рук дело??
сплетни, что сейчас гуляют про меня</msg1>
<msg2>сплетни?</msg2>
<msg2>непонимаю о чем ты</msg2>
<msg2>я одновременно польщен и оскорблен, тем, что ты думаешь, будто мне есть какое то дело тебя</msg2>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
}
/* цитата внутри сообщения */
/* iMessage reply preview */
quote{
display:block;
background:#dcdce1;
border-radius:10px;
padding:6px 8px;
margin-bottom:6px;
font-size:10px;
color:#4a4a4a;
line-height:1.25;
position:relative;
}
/* маленькая вертикальная полоска */
quote:before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:3px;
border-radius:3px;
background:#a1a1a7;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today 11:03</date>
<msg2>непонимаю о чем ты</msg2>
<msg1>почему я не верю в твои рассказы?</msg1>
<msg1>может, потому что это вполне в твоем стиле?</msg1>
<msg1>отомстить за то, что мы проучили тебя</msg1>
<msg2>я одновременно польщен и оскорблен, тем, что ты думаешь, будто мне есть какое то дело тебя</msg2>
<msg1>то есть мне мерещится?</msg1>
<msg1>больше некому, ли</msg1>
<msg1>этой ерундой заниматься</msg1>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
word-wrap:break-word;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today, 11:22</date>
<msg1>ничего я не собираюсь</msg1>
<msg2>жаль</msg2>
<msg2>надеялся, хотя бы ты самая благоразумная</msg2>
<msg2>показалось</msg2>
<msg1>твоих рук дело??
сплетни, что сейчас гуляют про меня</msg1>
<msg2>сплетни?</msg2>
<msg2>непонимаю о чем ты</msg2>
<msg2>я одновременно польщен и оскорблен, тем, что ты думаешь, будто мне есть какое то дело тебя</msg2>
<date>today, 7:18</date>
<msg1>почему я не верю в твои рассказы?</msg1>
<msg2>я ничего тебе не рассказываю</msg2>
<msg2>пытаешься меня за язык притянуть?</msg2>
<msg2>да не выходит, в YG его по другому стали использовать</msg2>
<msg1>может, потому что это вполне в твоем стиле?</msg1>
<msg2>разве, я хоть про одну из твоих сестер, что-то говорил плохое, до того, как опозорили меня? нет, в подобном, я замечен не был</msg2>
<msg1>отомстить за то, что мы проучили тебя</msg1>
<msg2>мы?</msg2>
<msg2>ты тоже в этом участвовала?</msg2>
<msg1>то есть мне мерещится?</msg1>
<msg2>что касается слухов, я слышал их</msg2>
<msg2>мне все равно, чем ты там с господином Яном занимаешься</msg2>
<msg2>ты не первая и не последняя, кто становится айдолом через постель, будучи любимецей главного</msg2>
<msg2>скрывать не вышло? теперь мне вздумала написывать, чтобы Тиса и Лиса, злились на меня, а не потому что ты не такая уж и хорошая прележная сестра</msg2>
<msg2>не надо меня приписывать Аса, ясно тебе?</msg2>
<msg2>и имей уважение</msg2>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
/* высота экрана чата */
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
/* reply preview */
quote{
display:block;
background:#dcdce1;
border-radius:10px;
padding:6px 8px;
margin-bottom:6px;
font-size:10px;
color:#4a4a4a;
line-height:1.25;
position:relative;
}
quote:before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:3px;
border-radius:3px;
background:#a1a1a7;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today 11:38</date>
<msg2>да не выходит, в YG его по другому стали использовать</msg2>
<msg1>узнаю знакомую формулировку</msg1>
<msg1>конечно, снова трепыхаешься, лишь бы с нагретого места не спихнули</msg1>
<msg1>за все твои грязные дела</msg1>
<msg2>разве, я хоть про одну из твоих сестер, что-то говорил плохое</msg2>
<msg1>ну да, ты вообще святой человек</msg1>
<msg1>которого просто подставили</msg1>
<msg2>ты тоже в этом участвовала?</msg2>
<msg1>достаточно быть просто в теме</msg1>
<msg2>ты не первая и не последняя, кто становится айдолом через постель, будучи любимецей главного</msg2>
<msg1>да как ты смеешь</msg1>
<msg1>закрой свой рот</msg1>
<msg1>ты права не имеешь говорить, что я попала в группу через постель</msg1>
<msg1>это точно ты все слухи пустил</msg1>
<msg2>и имей уважение</msg2>
<msg1>после того, что уже сделал моей семье - никогда</msg1>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
word-wrap:break-word;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today, 11:42</date>
<msg1>ничего я не собираюсь</msg1>
<msg2>жаль</msg2>
<msg2>надеялся, хотя бы ты самая благоразумная</msg2>
<msg2>показалось</msg2>
<msg1>твоих рук дело?? сплетни, что сейчас гуляют про меня</msg1>
<msg2>сплетни?</msg2>
<msg2>непонимаю о чем ты</msg2>
<msg2>я одновременно польщен и оскорблен, тем, что ты думаешь, будто мне есть какое то дело тебя</msg2>
<date>today, 7:18</date>
<msg1>почему я не верю в твои рассказы?</msg1>
<msg2>я ничего тебе не рассказываю</msg2>
<msg2>пытаешься меня за язык притянуть?</msg2>
<msg2>да не выходит, в YG его по другому стали использовать</msg2>
<msg1>может, потому что это вполне в твоем стиле?</msg1>
<msg2>разве, я хоть про одну из твоих сестер говорил плохое? нет</msg2>
<msg1>отомстить за то, что мы проучили тебя</msg1>
<msg2>мы?</msg2>
<msg2>ты тоже участвовала?</msg2>
<msg1>то есть мне мерещится?</msg1>
<msg2>что касается слухов, я слышал их</msg2>
<msg2>мне все равно чем ты там занимаешься</msg2>
<msg2>не надо меня приписывать</msg2>
<msg1>узнаю знакомую формулировку</msg1>
<msg2>мы не в суде</msg2>
<msg2>основываясь на слухах, представляю что ты способна</msg2>
<msg1>закрой свой рот</msg1>
<msg2>а то что?</msg2>
<msg1>это точно ты все слухи пустил</msg1>
<msg2>и зачем мне это?</msg2>
<msg1>после того, что сделал моей семье — никогда</msg1>
<msg2>это вы опозорили меня</msg2>
<msg2>еще смеешь писать мне</msg2>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
/* высота экрана чата */
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
/* reply preview */
quote{
display:block;
background:#dcdce1;
border-radius:10px;
padding:6px 8px;
margin-bottom:6px;
font-size:10px;
color:#4a4a4a;
line-height:1.25;
position:relative;
}
quote:before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:3px;
border-radius:3px;
background:#a1a1a7;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today 12:01</date>
<msg2>правда, я не осуждаю, теплое место в YG, даже понимаю отчасти, зачем ты согласилась на это))</msg2>
<msg1>судишь по себе?))</msg1>
<msg1>все ясно</msg1>
<msg1>у тебя даже в голове не проскальзывает мысли, что айдолов могут взять за талант, а не умения в постели</msg1>
<msg1>мы уже все уяснили, каким способом ты пробрался в индустрию</msg1>
<msg1>это в твоем стиле</msg1>
<msg2>разве я, тебя чем-то обидел Аса?</msg2>
<msg1>а что нет?</msg1>
<msg1>я своими глазами видела, как страдает моя сестра</msg1>
<msg2>опозорили перед уважаемыми людьми. перед семьей и невестой и продолжаете лесть в мою жизнь</msg2>
<msg1>ты сам виноват</msg1>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
word-wrap:break-word;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today, 12:18</date>
<msg1>у тебя даже в голове не проскальзывает мысли, что айдолов могут взять за талант, а не умения в постели</msg1>
<msg2>не правда</msg2>
<msg2>говорю исключительно</msg2>
<msg1>мы уже все уяснили, каким способом ты пробрался в индустрию</msg1>
<msg2>ты смешная</msg2>
<msg2>я с 4 лет занимаюсь танцами</msg2>
<msg2>тебя даже в планах не было, когда меня уже показывали по телеку. ха-ха представь себе</msg2>
<msg1>а что нет?</msg1>
<msg2>нет</msg2>
<msg2>пишешь клевету</msg2>
<msg2>у тебя нет доказательств</msg2>
<msg2>будто мне заняться не чем, транслировать бредни про вашу семейку</msg2>
<msg1>я своими глазами видела, как страдает моя сестра</msg1>
<msg2>наши отношения, тебя не касаются</msg2>
<msg2>ты судишь меня, основываясь лишь на том, что она твоя сестра, точнее они</msg2>
<msg2>так легко тобой манипулировать</msg2>
<msg2>интересно, почему они запрещают тебе со мной общается?</msg2>
<msg2>запрещают, я знаю</msg2>
<msg2>будто бы есть чего боятся, хотя мне совершенно нет до тебя дела</msg2>
<msg2>напомню, что никак с тобой не контактировал и не собирался</msg2>
<msg2>не поздно принести извинения Энами Аса</msg2>
<msg2>я не злопамятный, правда <img src="https://i.postimg.cc/76wsS46k/06winking-face-1f609.png" width="16"></msg2>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
/* высота экрана чата */
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
/* reply preview */
quote{
display:block;
background:#dcdce1;
border-radius:10px;
padding:6px 8px;
margin-bottom:6px;
font-size:10px;
color:#4a4a4a;
line-height:1.25;
position:relative;
}
quote:before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:3px;
border-radius:3px;
background:#a1a1a7;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today 11:23</date>
<msg2>пишешь клевету</msg2>
<msg2>у тебя нет доказательств</msg2>
<msg1>хорошо, допустим это не ты?</msg1>
<msg1>получается, ты веришь анониму, что решил испортить мою репутацию</msg1>
<msg1>ни у кого нет доказательств, что я спала с кем-то там</msg1>
<msg1>переобуваешься. как же удобно, правда?</msg1>
<msg2>будто мне заняться не чем, транслировать бредни про вашу семейку</msg2>
<msg1>закончились все дурочки, которые могли бы повестись на тебя</msg1>
<msg1>вот и маешься безделием</msg1>
<msg2>интересно, почему они запрещают тебе со мной общается?</msg2>
<msg1>мне не нужно общение с тобой</msg1>
<msg1>я написала в качестве исключения</msg1>
<msg1>а не потому что горю желанием подружиться</msg1>
<msg2>не поздно принести извинения Энами Аса</msg2>
<msg1>ни за что</msg1>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
word-wrap:break-word;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today, 12:33</date>
<msg1>получается, ты веришь анониму, что решил испортить мою репутацию</msg1>
<msg2>для тебя так важно во что я верю?</msg2>
<msg2>так сказала бы сразу</msg2>
<msg1>ни у кого нет доказательств, что я спала с кем-то там</msg1>
<msg2>и?</msg2>
<msg2>что ты от меня хочешь?</msg2>
<msg1>переобуваешься. как же удобно, правда?</msg1>
<msg2>не понимаю, о чем ты</msg2>
<msg1>закончились все дурочки, которые могли бы повестись на тебя</msg1>
<msg2>волнуешься об этом?</msg2>
<msg2>какое тебе дело до моей личной жизни, что-то не пойму</msg2>
<msg2>мне так до твоей тоже совершенно нет никакого дела</msg2>
<msg2>если бы обеспокоился, стал бы написать, прям как ты сейчас))</msg2>
<msg1>я написала в качестве исключения</msg1>
<msg2>я польщён</msg2>
<msg2>меня правда все это трогает за душу</msg2>
<msg2>опять не веришь?</msg2>
<msg2>еще бы на первом твоем сообщение мог бы кинуть в чс</msg2>
<msg2>но как видишь, веду с тобой доброжелательную беседу</msg2>
<msg2>грубишь мне, подозреваешь</msg2>
<msg2>знай свое место Аса</msg2>
<msg2>или в Японии не учат уважению к тем, кто тебя старше</msg2>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
/* высота экрана чата */
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
/* reply preview */
quote{
display:block;
background:#dcdce1;
border-radius:10px;
padding:6px 8px;
margin-bottom:6px;
font-size:10px;
color:#4a4a4a;
line-height:1.25;
position:relative;
}
quote:before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:3px;
border-radius:3px;
background:#a1a1a7;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today 12:45</date>
<msg2>для тебя так важно во что я верю?</msg2>
<msg1>hahahah смешной</msg1>
<msg1>мне не важно</msg1>
<msg1>просто тыкаю в то, что у тебя двойные стандарты</msg1>
<msg2>что ты от меня хочешь?</msg2>
<msg1>ничего, ли</msg1>
<msg1>уже поняла, что ты не сознаешься</msg1>
<msg2>мне так до твоей тоже совершенно нет никакого дела</msg2>
<msg1>тогда тебе должно быть плевать</msg1>
<msg1>якобы я там сплю с кем-то</msg1>
<msg2>знай свое место Аса</msg2>
<msg2>или в Японии не учат уважению к тем, кто тебя старше</msg2>
<msg1>уж точно не тебе учить меня манерам <img src="https://i.postimg.cc/W1HhHBHc/25handshake-light-skin-tone-1f91d-1f3fb-1f3fb.png" width="16"></msg1>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
word-wrap:break-word;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today, 12:53</date>
<msg1>просто тыкаю в то, что у тебя двойные стандарты</msg1>
<msg2>всё забываю.. а кто ты такая, чтобы меня во что либо тыкать?</msg2>
<msg1>якобы я там сплю с кем-то</msg1>
<msg2>спи с кем хочешь</msg2>
<msg2>на этом наш разговор может быть закончен?</msg2>
<msg1>уж точно не тебе учить меня манерам</msg1>
<msg2>нахваталась у сестер сплетен про меня</msg2>
<msg2>не стоит верить всему, что они говорят</msg2>
<msg2>я совершенно не такой и твои нечем не подкрепленные обвинения меня оскорбляют</msg2>
<msg2>очень надеюсь, что ты скоро поймешь это</msg2>
<msg2>помни, я всегда доступен для твоих извинений</msg2>
<msg2>ты вспылила на счет каких-то там сплетен</msg2>
<msg2>понимаю</msg2>
<msg2>но мне нет никакого дела до тебя</msg2>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
/* высота экрана чата */
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
/* reply preview */
quote{
display:block;
background:#dcdce1;
border-radius:10px;
padding:6px 8px;
margin-bottom:6px;
font-size:10px;
color:#4a4a4a;
line-height:1.25;
position:relative;
}
quote:before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:3px;
border-radius:3px;
background:#a1a1a7;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today 13:05</date>
<msg2>всё забываю.. а кто ты такая, чтобы меня во что либо тыкать?</msg2>
<msg1>простите, господин ли чан
</msg1>
<msg1>но имею полное право</msg1>
<msg2>спи с кем хочешь</msg2>
<msg2>на этом наш разговор может быть закончен?</msg2>
<msg1>я ни с кем не сплю, боже
</msg1>
<msg2>не стоит верить всему, что они говорят</msg2>
<msg1>передо мной можешь не делать вид святого мальчика
</msg1>
<msg1>я натуру таких, как ты, за километр чую</msg1>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
word-wrap:break-word;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://64.media.tumblr.com/9d121cea1ad918a8b6059713017f72b1/98f09c919b4dc277-b5/s500x750/2bfde9e545e33182b783c173320b01ef8bd13266.jpg">
</avatar>
<info>
<name>3 fucking ass sister <img src="https://i.postimg.cc/yxVNqD8b/68smiling-face-with-horns-1f608.png" width="14"></name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today, 13:22</date>
<msg1>просто тыкаю в то, что у тебя двойные стандарты</msg1>
<msg2>всё забываю.. а кто ты такая, чтобы меня во что либо тыкать?</msg2>
<msg1>якобы я там сплю с кем-то</msg1>
<msg2>спи с кем хочешь</msg2>
<msg2>на этом наш разговор может быть закончен?</msg2>
<msg1>уж точно не тебе учить меня манерам</msg1>
<msg2>нахваталась у сестер сплетен про меня</msg2>
<msg2>не стоит верить всему, что они говорят</msg2>
<msg2>я совершенно не такой и твои нечем не подкрепленные обвинения меня оскорбляют</msg2>
<msg2>очень надеюсь, что ты скоро поймешь это</msg2>
<msg2>помни, я всегда доступен для твоих извинений</msg2>
<msg2>ты вспылила на счет каких-то там сплетен</msg2>
<msg2>понимаю</msg2>
<msg2>но мне нет никакого дела до тебя</msg2>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
[html]
<div class="iphone-chat">
<style>
.iphone-chat{
max-width:300px;
margin:20px auto;
background:#111;
padding:7px;
border-radius:30px;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.iphone-screen{
background:#f2f2f7;
border-radius:28px;
overflow:hidden;
}
.chat-top{
display:flex;
align-items:center;
gap:10px;
padding:14px;
background:#ffffff;
border-bottom:1px solid #e3e3e8;
}
.chat-top avatar{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
border:3px solid #7b5c6f;
flex-shrink:0;
display:block;
}
.chat-top avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.chat-top info{
display:flex;
flex-direction:column;
line-height:1.1;
}
.chat-top name{
font-weight:600;
font-size:15px;
color:#111;
}
.chat-top status{
font-size:10px;
color:#8e8e93;
margin-top:2px;
}
.messages{
padding:12px 0;
display:flex;
flex-direction:column;
gap:6px;
max-height:400px;
overflow-y:auto;
scroll-behavior:smooth;
}
/* пузыри */
msg1, msg2{
max-width:78%;
padding:10px 14px;
border-radius:18px;
line-height:1.35;
display:block;
word-wrap:break-word;
margin:0 12px;
}
msg1{
background:#e5e5ea;
color:#000;
margin-right:auto;
border-bottom-left-radius:6px;
}
msg2{
background:#1c1c1e;
color:white;
margin-left:auto;
border-bottom-right-radius:6px;
}
/* системное сообщение */
system{
display:block;
text-align:center;
font-size:11px;
color:#8e8e93;
margin:10px 0;
}
/* время */
date{
display:block;
text-align:center;
font-size:10px;
color:#8e8e93;
margin:8px 0 4px;
}
/* скролл как iOS */
.messages::-webkit-scrollbar{width:4px;}
.messages::-webkit-scrollbar-thumb{background:#7b5c6f;border-radius:10px;}
.messages::-webkit-scrollbar-track{background:transparent;}
.chat-input{
display:flex;
align-items:center;
gap:8px;
padding:10px;
background:#ffffff;
border-top:1px solid #e3e3e8;
}
.inputbox{
flex:1;
background:#f1f1f4;
border-radius:20px;
padding:9px 12px;
font-size:13px;
color:#8e8e93;
}
.icon{
width:26px;
height:26px;
border-radius:50%;
background:#e5e5ea;
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
color:#555;
}
.send{
background:#1c1c1e;
color:white;
}
</style>
<div class="iphone-screen">
<div class="chat-top">
<avatar>
<img src="https://i.pinimg.com/564x/40/aa/ed/40aaed6897d28dc7c7ecff68f85b5d3d.jpg">
</avatar>
<info>
<name>개새끼</name>
<status>online</status>
</info>
</div>
<div class="messages">
<date>today 13:49</date>
<msg2>знаешь, твои сестры ненормальные, не будь как они, прошу</msg2>
<msg1>бесполезно что-либо говорить</msg1>
<msg1>не смей оскорблять моих сестер</msg1>
<msg1>я тебя уже предупреждала</msg1>
<system>контакт заблокирован</system>
</div>
<div class="chat-input">
<div class="icon">＋</div>
<div class="inputbox">Сообщение…</div>
<div class="icon"><img src="https://i.imgur.com/2psP6ch.png"></div>
<div class="icon">♫</div>
<div class="icon send">➤</div>
</div>
</div>
</div>
[/html]
Вы здесь » baddie baddie » снс » drop it like hot [asa & dino / sns]