Подписчики 0

Отличный ай-стоппер

ММКЦ 1 · 2018-05-07T19:55:01+0000

Наталья Богданова "Мама" 07.05.2018 09:51Всем доброго дня! Путешествую по России) Поэтому возникает желание поделиться подсмотренным😂 07.05.2018 09:52Как вам такой стоппер? Евгений Геншпринг 07.05.2018 09:53Цепи и решетки )) Sergei Aleksandrov 07.05.2018 13:39Зайдут .... но в ближайшее место выпить /*@import url(https://fonts.googleapis.com/css?family=Lato:400,700);*/ *, *:before, *:after { box-sizing: border-box; } /*body {*/ /*background: #C5D00B;*/ /*font: 14px/20px "Lato", Arial, sans-serif;*/ /*margin: 20px;*/ /*}*/ .chat { width: 90%; margin: 0 auto; background: #fff; border-radius: 5px; box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3); } .chat-header { background: #42A7A1; padding: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .chat-header h3 { color: #fff; text-transform: uppercase; } .chat-history { height: auto; overflow-y: auto; padding: 20px; } .chat-item { display: flex; align-items: flex-start; margin-bottom: 15px; } .chat-item img { width: 36px; border-radius: 50%; } .chat-item--me {} .chat-item--me .message { margin-left: 15px; background: #f6f6f6; } .chat-item--me .message::before { right: 100%; border: solid transparent; border-right-color: #f6f6f6; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 10px; top: 10px; } /*.chat-item--other {*/ /*.message {*/ /*margin-right: 15px;*/ /*background: #f6f6f6;*/ /*&::after {*/ /*left: 100%;*/ /*border: solid transparent;*/ /*border-left-color: #f6f6f6;*/ /*content: '';*/ /*height: 0;*/ /*width: 0;*/ /*position: absolute;*/ /*pointer-events: none;*/ /*border-width: 10px;*/ /*top: 10px;*/ /*}*/ /*}*/ /*}*/ .message { padding: 10px; border-radius: 5px; position: relative; } .message__user-name { font-size: 13px; font-weight: bold; color: #000; } .message__time { font-size: 11px; color: #999; } .message__text { font-size: 13px; color: #777777; margin: 0; }

Автор: ММКЦ 1, 7 мая, 2018 в Оригинальные решения

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Отличный ай-стоппер

Recommended Posts

ММКЦ 1 0

Поделиться сообщением

Ссылка на сообщение

Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Создать аккаунт

Войти

Магазин

Мои данные

Поддержка

Сообщество

Активность