mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-12-12 01:40:59 +01:00
2148 lines
79 KiB
CSS
2148 lines
79 KiB
CSS
body.widget_frame_base {
|
|
font-family: 'Roboto', sans-serif;
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
font-size: 16px;
|
|
}
|
|
.widget_frame_base a {
|
|
color: #2481CC;
|
|
text-decoration: none;
|
|
}
|
|
.widget_frame_base a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
body.rtl {
|
|
direction: rtl;
|
|
}
|
|
|
|
.no_transitions,
|
|
.no_transitions * {
|
|
transition: none !important;
|
|
}
|
|
|
|
body.body_widget_post {
|
|
line-height: 0;
|
|
color: #212121;
|
|
min-width: 300px;
|
|
max-width: 500px;
|
|
}
|
|
mark.highlight {
|
|
background: #ffeeb8;
|
|
color: inherit;
|
|
border-radius: 2px;
|
|
padding: 0 1px;
|
|
margin: 0 -1px;
|
|
}
|
|
mark.label {
|
|
font-size: .7em;
|
|
background: #fff;
|
|
border: 1px solid #D14E4E;
|
|
color: #D14E4E;
|
|
border-radius: 2px;
|
|
padding: 1px 3px;
|
|
margin-left: 5px;
|
|
vertical-align: top;
|
|
}
|
|
mark.label span.hidden {
|
|
display: none;
|
|
}
|
|
.emoji {
|
|
font-style: normal;
|
|
}
|
|
.emoji > b {
|
|
font-weight: normal;
|
|
}
|
|
.emoji_default .emoji {
|
|
background: none !important;
|
|
}
|
|
.emoji_image .emoji {
|
|
width: 1.25em;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
background: no-repeat 2px 50%;
|
|
background-position-y: calc(50% - 1px);
|
|
background-size: 1.25em 1.25em;
|
|
text-indent: -10em;
|
|
padding: 3px 3px 3px 2px;
|
|
margin: -3px -2px;
|
|
}
|
|
.emoji_image .emoji > b {
|
|
letter-spacing: 12em;
|
|
pointer-events: none;
|
|
}
|
|
|
|
span.tg-spoiler {
|
|
padding: 1px 0;
|
|
border-radius: 1px;
|
|
}
|
|
.spoilers_hidden span.tg-spoiler {
|
|
background: #e3e5e8;
|
|
}
|
|
.spoilers_hidden.spoilers_active span.tg-spoiler {
|
|
cursor: pointer;
|
|
}
|
|
.spoilers_hidden span.tg-spoiler-text {
|
|
color: transparent;
|
|
}
|
|
body.dark .spoilers_hidden span.tg-spoiler {
|
|
background: #373e4e;
|
|
}
|
|
.spoilers_hidden.decorated-text s,
|
|
.spoilers_hidden.decorated-text u,
|
|
.spoilers_hidden.decorated-text a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.spoilers_hidden.decorated-text span.tg-spoiler {
|
|
text-decoration: none !important;
|
|
}
|
|
.spoilers_hidden.decorated-text s span.d-text {
|
|
text-decoration: line-through;
|
|
}
|
|
.spoilers_hidden.decorated-text u span.d-text {
|
|
text-decoration: underline;
|
|
}
|
|
.spoilers_hidden.decorated-text s u span.d-text,
|
|
.spoilers_hidden.decorated-text u s span.d-text {
|
|
text-decoration: underline line-through;
|
|
}
|
|
.widget_frame_base .spoilers_hidden.decorated-text a:hover span.d-text {
|
|
text-decoration: underline;
|
|
}
|
|
.widget_frame_base .spoilers_hidden.decorated-text a:hover s span.d-text,
|
|
.widget_frame_base .spoilers_hidden.decorated-text s a:hover span.d-text {
|
|
text-decoration: underline line-through;
|
|
}
|
|
.widget_frame_base .spoilers_hidden span.tg-spoiler a {
|
|
color: transparent;
|
|
pointer-events: none;
|
|
}
|
|
span.tg-spoiler .emoji {
|
|
position: relative;
|
|
background-position: -1000px -1000px;
|
|
}
|
|
span.tg-spoiler .emoji:before {
|
|
content: '';
|
|
position: absolute;
|
|
pointer-events: none;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: inherit;
|
|
background-position: 2px 50%;
|
|
background-position-y: calc(50% - 1px);
|
|
opacity: 1;
|
|
}
|
|
.emoji_image .spoilers_hidden span.tg-spoiler .emoji:before {
|
|
opacity: 0;
|
|
}
|
|
|
|
@supports (--var:1) {
|
|
span.tg-spoiler {
|
|
--anim-dur: .45s;
|
|
--anim: var(--anim-dur) ease;
|
|
--anim-fn: text-show;
|
|
--bg-anim-fn: bg-hide;
|
|
--bg-color: #e3e5e8;
|
|
}
|
|
body.dark span.tg-spoiler {
|
|
--bg-color: #373e4e;
|
|
}
|
|
.spoilers_hidden span.tg-spoiler {
|
|
--anim-fn: text-hide;
|
|
--bg-anim-fn: bg-show;
|
|
}
|
|
.spoilers_animate span.tg-spoiler {
|
|
animation: var(--bg-anim-fn) var(--anim);
|
|
}
|
|
.spoilers_animate span.tg-spoiler-text {
|
|
animation: var(--anim-fn) var(--anim);
|
|
transition: color var(--anim);
|
|
}
|
|
.widget_frame_base .spoilers_animate span.tg-spoiler a {
|
|
transition: color var(--anim);
|
|
}
|
|
.emoji_image .spoilers_animate span.tg-spoiler .emoji:before {
|
|
transition: opacity var(--anim);
|
|
}
|
|
@keyframes text-show {
|
|
from { filter: blur(6px); }
|
|
to { filter: blur(0); }
|
|
}
|
|
@keyframes text-hide {
|
|
from { filter: blur(0); }
|
|
to { filter: blur(3px); }
|
|
}
|
|
@keyframes bg-hide {
|
|
from {
|
|
background: var(--bg-color);
|
|
box-shadow: 0 0 var(--bg-color);
|
|
}
|
|
to {
|
|
background: none;
|
|
box-shadow: 0 0 60px 60px transparent;
|
|
}
|
|
}
|
|
@keyframes bg-show {
|
|
from {
|
|
background: none;
|
|
box-shadow: 0 0 30px 30px transparent;
|
|
}
|
|
to {
|
|
background: var(--bg-color);
|
|
box-shadow: 0 0 var(--bg-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
.flex_ellipsis,
|
|
.inline_flex_ellipsis {
|
|
position: relative;
|
|
display: -webkit-flex !important;
|
|
display: flex !important;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.inline_flex_ellipsis {
|
|
display: -webkit-inline-flex !important;
|
|
display: inline-flex !important;
|
|
vertical-align: top;
|
|
}
|
|
a.flex_ellipsis:hover:before,
|
|
a.inline_flex_ellipsis:hover:before {
|
|
position: absolute;
|
|
right: 0;
|
|
content: '\a0';
|
|
text-decoration: underline;
|
|
letter-spacing: 1000em;
|
|
}
|
|
.flex_ellipsis > .ellipsis,
|
|
.inline_flex_ellipsis > .ellipsis {
|
|
flex: 0 1 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.media_not_supported_cont,
|
|
.media_not_supported .media_supported_cont {
|
|
display: none;
|
|
}
|
|
.media_not_supported .media_not_supported_cont {
|
|
display: block;
|
|
}
|
|
.copyonly {
|
|
color: transparent;
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
width: 1px;
|
|
height: 0;
|
|
background: 0 no-repeat none;
|
|
font-size: 0;
|
|
float: left;
|
|
text-rendering: auto;
|
|
/*-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;*/
|
|
}
|
|
.file-upload {
|
|
display: none;
|
|
}
|
|
.ohide {
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
}
|
|
.tgme_widget_message_user {
|
|
float: left;
|
|
}
|
|
.tgme_widget_message_user a {
|
|
display: inline-block;
|
|
border-radius: 18px;
|
|
}
|
|
.tgme_widget_message_user_photo,
|
|
.tgme_widget_message_user_photo img,
|
|
.tgme_widget_login_user_photo,
|
|
.tgme_widget_login_user_photo img {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 18px;
|
|
}
|
|
.tgme_widget_message_user_photo,
|
|
.tgme_widget_login_user_photo {
|
|
position: relative;
|
|
font-style: normal;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
text-decoration: none !important;
|
|
font-size: 19px;
|
|
line-height: 38px;
|
|
color: #fff;
|
|
background: #e57979;
|
|
overflow: hidden;
|
|
}
|
|
.tgme_widget_message_user_photo:before,
|
|
.tgme_widget_login_user_photo:before {
|
|
content: attr(data-content);
|
|
font-weight: 500;
|
|
}
|
|
.tgme_widget_message_user_photo img,
|
|
.tgme_widget_login_user_photo img {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.tgme_widget_message_bubble {
|
|
position: relative;
|
|
border: 1px solid #d7e3ec;
|
|
border-radius: 0 10px 10px 10px;
|
|
background: #fff;
|
|
padding: 12px 17px;
|
|
}
|
|
.tgme_widget_message_bubble,
|
|
.tgme_widget_message_inline_keyboard {
|
|
margin-left: 45px;
|
|
}
|
|
.no_userpic .tgme_widget_message_user {
|
|
display: none;
|
|
}
|
|
.no_userpic .tgme_widget_message_bubble,
|
|
.no_userpic .tgme_widget_message_inline_keyboard {
|
|
margin-left: 7px;
|
|
}
|
|
@media (max-width: 354px) {
|
|
.tgme_widget_message_user {
|
|
display: none;
|
|
}
|
|
.tgme_widget_message_bubble,
|
|
.tgme_widget_message_inline_keyboard {
|
|
margin-left: 7px;
|
|
}
|
|
.force_userpic .tgme_widget_message_user {
|
|
display: block;
|
|
}
|
|
.force_userpic .tgme_widget_message_bubble,
|
|
.force_userpic .tgme_widget_message_inline_keyboard {
|
|
margin-left: 45px;
|
|
}
|
|
}
|
|
.tgme_widget_message_bubble_tail {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
left: -8px;
|
|
top: -1px;
|
|
}
|
|
.tgme_widget_message_bubble_tail .background {
|
|
pointer-events: auto;
|
|
fill: #fff;
|
|
}
|
|
.tgme_widget_message_bubble_tail .border_1x {
|
|
fill: #d7e3ec;
|
|
}
|
|
.tgme_widget_message_bubble_logo {
|
|
display: inline-block;
|
|
float: right;
|
|
width: 24px;
|
|
height: 20px;
|
|
margin-left: 10px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m488.649875%2044.6098697c6.442438-2.8224615%2010.738405-4.6832009%2012.887902-5.5822181%206.137252-2.5668769%207.41252-3.0127709%208.243723-3.0276516.182815-.0030813.591576.0424775.856354.2585203.223574.1824224.285088.428849.314524.6018054.029436.1729565.066092.5669556.036954.874815-.33258%203.5138587-1.771648%2012.041067-2.503764%2015.9766489-.309785%201.6652923-.919763%202.2236562-1.510292%202.2782995-1.283356.1187526-2.257879-.8528431-3.500872-1.6721675-1.945039-1.2820809-3.043862-2.0801802-4.931859-3.3312543-2.181908-1.4458326-.767468-2.2404874.475995-3.5391756.32542-.3398729%205.979917-5.5116482%206.08936-5.9808093.013687-.0586764.02639-.2773944-.102829-.3928855-.129218-.1154911-.319934-.0759976-.457559-.0445881-.195081.044522-3.302306%202.1096922-9.321675%206.1955107-.881976.6089971-1.680842.9057209-2.396598.8901714-.789064-.017142-2.306907-.4486274-3.435267-.8174505-1.38398-.4523766-2.48394-.6915513-2.388158-1.4598267.049889-.4001653.59791-.8094133%201.644061-1.227744z%22%20fill%3D%22%2333afed%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-487%20-36%29%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
cursor: pointer;
|
|
}
|
|
.err_message .tgme_widget_message_bubble_logo {
|
|
margin-top: 4px;
|
|
}
|
|
.tgme_widget_message_inline_row {
|
|
margin-top: 6px;
|
|
display: flex;
|
|
}
|
|
.tgme_widget_message_inline_button {
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
font-weight: 500;
|
|
background: #b5c0c8;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
border-radius: 10px;
|
|
padding: 7px 12px 6px;
|
|
text-align: center;
|
|
width: 1px;
|
|
box-sizing: border-box;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
}
|
|
.widget_frame_base a.tgme_widget_message_inline_button,
|
|
.widget_frame_base a.tgme_widget_message_inline_button:hover {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_inline_button + .tgme_widget_message_inline_button {
|
|
margin-left: 6px;
|
|
}
|
|
.tgme_widget_message_inline_button_text {
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
a.tgme_widget_message_action_btn {
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
font-weight: 500;
|
|
margin-left: 12px;
|
|
cursor: pointer;
|
|
}
|
|
a.tgme_widget_message_action_btn,
|
|
body.dark a.tgme_widget_message_action_btn {
|
|
color: inherit !important;
|
|
}
|
|
a.tgme_widget_message_action_btn.accent_color,
|
|
body.dark a.tgme_widget_message_action_btn.accent_color {
|
|
color: #2481CC !important;
|
|
}
|
|
.tgme_widget_message_author,
|
|
.tgme_widget_message_forwarded_from {
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
margin: -2px 0;
|
|
color: #2481CC;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
.widget_frame_base .tgme_widget_message_author a,
|
|
.widget_frame_base .tgme_widget_message_author a:hover,
|
|
.widget_frame_base .tgme_widget_message_forwarded_from a,
|
|
.widget_frame_base .tgme_widget_message_forwarded_from a:hover {
|
|
color: inherit;
|
|
}
|
|
.tgme_widget_message_forwarded_from {
|
|
margin-top: 0;
|
|
}
|
|
.tgme_widget_message_author_name,
|
|
.tgme_widget_message_owner_name,
|
|
.tgme_widget_message_via_bot,
|
|
.tgme_widget_message_forwarded_from_name,
|
|
.tgme_widget_message_forwarded_from_author {
|
|
-webkit-flex: 0 1 auto;
|
|
flex: 0 1 auto;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
font-weight: 500;
|
|
}
|
|
.tgme_widget_message_author_labels,
|
|
.tgme_widget_message_owner_labels,
|
|
.tgme_widget_message_forwarded_from_labels {
|
|
text-decoration: none !important;
|
|
font-weight: 500;
|
|
}
|
|
.tgme_widget_message_via_bot {
|
|
-webkit-flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
max-width: 30%;
|
|
}
|
|
.tgme_widget_message_forwarded_from .tgme_widget_message_via_bot {
|
|
max-width: 25%;
|
|
}
|
|
.verified-icon {
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
padding: 1px;
|
|
text-indent: -10em;
|
|
overflow: hidden;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14.378741%201.509638%201.818245%201.818557c.365651.365716.861601.571194%201.378741.571259l2.574273.000312c1.01361.000117%201.846494.773578%201.940861%201.762436l.008905.187798-.000312%202.5727c-.000065.517322.205439%201.013454.571259%201.379222l1.819649%201.819337c.714441.713427.759174%201.843179.134563%202.609139l-.134797.148109-1.819181%201.8182502c-.365963.3657823-.571558.8620196-.571493%201.3794456l.000312%202.5737972c.000559%201.0136048-.772668%201.846676-1.7615%201.9412861l-.188266.0084786-2.573792-.0003107c-.517426-.0000624-1.013675.2055248-1.379456.5714956l-1.818245%201.8191823c-.71331.7145515-1.843049.7594886-2.609113.1349998l-.148135-.1347645-1.8193435-1.8196542c-.3657628-.3658252-.8618987-.5713214-1.3792103-.571259l-2.5727052.0003107c-1.0136048.0001222-1.846676-.7731321-1.9412861-1.761968l-.0089492-.1877967-.0003107-2.5742678c-.0000624-.5171478-.2055495-1.0130926-.571259-1.3787397l-1.8185622-1.8182515c-.7139886-.713869-.758706-1.843647-.1340846-2.609607l.1338493-.148109%201.8190328-1.81935c.3655665-.365625.5709613-.861471.5710237-1.378494l.0003107-2.573181c.0006006-1.076777.8734635-1.949636%201.9502353-1.950234l2.5731758-.000312c.5170321-.000065%201.0128768-.205452%201.3785044-.571025l1.8193448-1.819038c.761592-.761449%201.996254-.761345%202.757716.000247zm3.195309%208.047806c-.426556-.34125-1.032655-.306293-1.417455.060333l-.099151.108173-4.448444%205.55815-1.7460313-1.74707-.1104961-.096564c-.4229264-.32188-1.0291801-.289692-1.4154413.096564-.3862612.386269-.4184492.992511-.0965653%201.41544l.0965653.1105%202.5999987%202.5999987.109876.0961467c.419874.320359%201.015131.2873897%201.397071-.0773773l.098579-.107692%205.2-6.4999961.083772-.120484c.273208-.455884.174278-1.054885-.252278-1.396122z%22%20fill%3D%22%2333AFED%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0;
|
|
background-size: 100%;
|
|
vertical-align: -4px;
|
|
margin-left: 8px;
|
|
}
|
|
.message_media_not_supported_wrap {
|
|
padding: 0 10px;
|
|
margin: 16px 0 26px;
|
|
text-align: center;
|
|
}
|
|
.message_media_not_supported {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: #738CA7;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.message_media_view_in_telegram {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-weight: 500;
|
|
border-radius: 20px;
|
|
border: 1px solid #4ca3e2;
|
|
transition: all .2s ease;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
color: #2481cc;
|
|
padding: 10px 20px 9px;
|
|
margin-top: 12px;
|
|
}
|
|
.widget_frame_base a.message_media_view_in_telegram:hover {
|
|
text-decoration: none;
|
|
background: #4ca3e2;
|
|
color: #fff;
|
|
}
|
|
.tgme_widget_message_photo_wrap {
|
|
display: block;
|
|
background: no-repeat -10000px -10000px;
|
|
background-size: 0 0;
|
|
margin: 12px -17px;
|
|
min-width: calc(100% + 34px) !important;
|
|
max-width: calc(100% + 34px) !important;
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.tgme_widget_message_photo_wrap:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_photo {
|
|
display: block;
|
|
position: relative;
|
|
background: no-repeat center;
|
|
background-size: cover;
|
|
background-image: inherit;
|
|
margin: 0 auto;
|
|
z-index: 2;
|
|
}
|
|
.tgme_widget_message_photo_wrap.blured:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: -30px;
|
|
right: -30px;
|
|
top: -30px;
|
|
bottom: -30px;
|
|
background: no-repeat center;
|
|
background-size: cover;
|
|
background-image: inherit;
|
|
-webkit-filter: blur(15px);
|
|
filter: blur(15px);
|
|
z-index: 1;
|
|
}
|
|
.tgme_widget_message_photo_wrap.blured:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: -1px;
|
|
right: -1px;
|
|
top: -1px;
|
|
bottom: -1px;
|
|
background: #fff;
|
|
opacity: .3;
|
|
z-index: 1;
|
|
}
|
|
.tgme_widget_message_video_player {
|
|
display: block;
|
|
margin: 12px -17px;
|
|
min-width: calc(100% + 34px) !important;
|
|
max-width: calc(100% + 34px) !important;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
a.tgme_widget_message_video_player:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_video_player:after,
|
|
.link_preview_video_player:after,
|
|
.tgme_widget_message_game_video_player:after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: 3;
|
|
}
|
|
.tgme_widget_message_video_thumb,
|
|
.tgme_widget_message_roundvideo_thumb,
|
|
.link_preview_video_thumb,
|
|
.tgme_widget_message_game_video_thumb {
|
|
position: absolute;
|
|
left: -30px;
|
|
right: -30px;
|
|
top: -30px;
|
|
bottom: -30px;
|
|
background: no-repeat center;
|
|
background-size: cover;
|
|
-webkit-filter: blur(15px);
|
|
filter: blur(15px);
|
|
}
|
|
.tgme_widget_message_video_wrap,
|
|
.link_preview_video_wrap,
|
|
.tgme_widget_message_game_video_wrap {
|
|
position: relative;
|
|
display: block;
|
|
margin: 0 auto;
|
|
overflow: hidden;
|
|
z-index: 2;
|
|
}
|
|
.tgme_widget_message_video_wrap {
|
|
min-width: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.tgme_widget_message_video_player.blured .tgme_widget_message_video_wrap {
|
|
background: rgba(255, 255, 255, .3);
|
|
}
|
|
.tgme_widget_message_video,
|
|
.link_preview_video,
|
|
.tgme_widget_message_game_video {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.tgme_widget_message_video.blured {
|
|
left: -30px;
|
|
right: -30px;
|
|
top: -30px;
|
|
bottom: -30px;
|
|
width: calc(100% + 60px);
|
|
height: calc(100% + 60px);
|
|
object-fit: cover;
|
|
-webkit-filter: blur(15px);
|
|
filter: blur(15px);
|
|
}
|
|
.message_video_play {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
transition: opacity .2s ease;
|
|
z-index: 5;
|
|
}
|
|
.playing .message_video_play,
|
|
.not_supported .message_video_play {
|
|
opacity: 0;
|
|
}
|
|
.message_video_play:after {
|
|
display: inline-block;
|
|
content: '';
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 30px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20width%3D%2240%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m12%208.83371381v22.33257239c0%20.8591096.6964459%201.5555555%201.5555556%201.5555555.2958418%200%20.5855493-.084363.8351396-.2431932l17.5470212-11.1662862c.7247977-.4612349.9384575-1.4227043.4772226-2.147502-.1222335-.1920812-.2851414-.3549891-.4772226-.4772226l-17.5470212-11.1662862c-.7247977-.4612349-1.6862671-.24757504-2.147502.47722266-.1588302.24959034-.2431932.53929784-.2431932.83513965z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
background-color: #808080;
|
|
background-color: rgba(0, 0, 0, .5);
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
}
|
|
.message_video_duration,
|
|
.tgme_widget_message_game_label,
|
|
.tgme_widget_message_invoice_label {
|
|
position: absolute;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
border-radius: 11px;
|
|
background: #808080;
|
|
background: rgba(0, 0, 0, .5);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
white-space: nowrap;
|
|
color: #fff;
|
|
padding: 3px 8px 2px;
|
|
margin: 10px;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 7;
|
|
}
|
|
.tgme_widget_message_video_player .message_media_not_supported_wrap,
|
|
.tgme_widget_message_roundvideo_player .message_media_not_supported_wrap {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, .3);
|
|
margin: 0;
|
|
text-align: center;
|
|
z-index: 6;
|
|
transition: all .2s ease;
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_video_player.not_supported .message_media_not_supported_wrap,
|
|
.tgme_widget_message_roundvideo_player.not_supported .message_media_not_supported_wrap {
|
|
pointer-events: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.tgme_widget_message_video_player .message_media_not_supported,
|
|
.tgme_widget_message_roundvideo_player .message_media_not_supported,
|
|
body.dark .tgme_widget_message_video_player .message_media_not_supported,
|
|
body.dark .tgme_widget_message_roundvideo_player .message_media_not_supported {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
color: #fff;
|
|
height: 74px;
|
|
margin: auto;
|
|
padding: 15px;
|
|
}
|
|
.tgme_widget_message_video_player .message_media_view_in_telegram,
|
|
.tgme_widget_message_roundvideo_player .message_media_view_in_telegram,
|
|
body.dark .tgme_widget_message_video_player .message_media_view_in_telegram,
|
|
body.dark .tgme_widget_message_roundvideo_player .message_media_view_in_telegram {
|
|
border-color: #fff;
|
|
color: #fff;
|
|
}
|
|
.tgme_widget_message_video_player .message_media_view_in_telegram:hover,
|
|
.tgme_widget_message_roundvideo_player .message_media_view_in_telegram:hover,
|
|
body.dark .tgme_widget_message_video_player .message_media_view_in_telegram:hover,
|
|
body.dark .tgme_widget_message_roundvideo_player .message_media_view_in_telegram:hover {
|
|
background: #fff;
|
|
color: #777;
|
|
}
|
|
.tgme_widget_message_sticker_wrap {
|
|
position: relative;
|
|
display: block;
|
|
margin: 12px auto;
|
|
min-height: 20px;
|
|
}
|
|
.tgme_widget_message_sticker {
|
|
display: block;
|
|
background: no-repeat center;
|
|
background-size: 100%;
|
|
max-width: 256px;
|
|
}
|
|
.tgme_widget_message_tgsticker {
|
|
position: relative;
|
|
display: block;
|
|
max-width: 256px;
|
|
}
|
|
.tgme_widget_message_tgsticker img.blured {
|
|
filter: blur(3px);
|
|
}
|
|
.tgme_widget_message_tgsticker img,
|
|
.tgme_widget_message_tgsticker canvas {
|
|
position: absolute;
|
|
top: 0; bottom: 0;
|
|
left: 0; right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tgme_widget_message_roundvideo_player {
|
|
position: relative;
|
|
display: block;
|
|
margin: 12px auto;
|
|
max-width: 256px;
|
|
}
|
|
.tgme_widget_message_roundvideo_player .message_media_not_supported_wrap {
|
|
border-radius: 128px;
|
|
}
|
|
.tgme_widget_message_roundvideo_wrap {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
padding: 2px;
|
|
margin: -2px;
|
|
}
|
|
.tgme_widget_message_roundvideo_wrap:before {
|
|
content: '';
|
|
display: block;
|
|
padding-top: 100%;
|
|
}
|
|
.tgme_widget_message_roundvideo {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
border-radius: 130px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tgme_widget_message_roundvideo_muted {
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 12px;
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
margin-left: -16px;
|
|
border-radius: 16px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16.4885328%209.06461828c.1165616.19426925.1781339.41656476.1781339.64311969v10.58452403c0%20.690356-.5596441%201.25-1.25%201.25-.226555%200-.4488505-.0615723-.6431197-.1781338l-3.3454132-2.0072479c-.6275112-.3765068-1.0114671-1.054646-1.0114671-1.7864436v-5.1408734c0-.7317976.3839559-1.4099368%201.0114671-1.7864436l3.3454132-2.00724788c.5919753-.3551852%201.3598006-.16322887%201.7149858.42874646zm-8.57186613%202.18538172c.69035593%200%201.25.5596441%201.25%201.25v5c0%20.6903559-.55964407%201.25-1.25%201.25-.69035594%200-1.25-.5596441-1.25-1.25v-5c0-.6903559.55964406-1.25%201.25-1.25zm15.45418453%201.1551933c.2422616-.1706399.5792198-.1491612.7978635.0660979.2186436.215259.2453762.5518412.0785363.7967352l-.0716419.0871214-1.6419424%201.6674013%201.6419424%201.6677398c.2421664.2459741.2390797.6416902-.0068944.8838566-.2186437.215259-.5556019.2367378-.7978635.0660979l-.0859931-.0729923-1.6281914-1.654702-1.6279579%201.654702-.0859931.0729923c-.2422615.1706399-.5792198.1491611-.7978635-.0660979-.2186436-.2152591-.2453762-.5518413-.0785363-.7967353l.0716419-.0871213%201.6417089-1.6677398-1.6417089-1.6674013c-.2421664-.2459741-.2390797-.6416902.0068944-.8838566.2186437-.2152591.555602-.2367378.7978635-.0660979l.0859931.0729923%201.6279579%201.6533635%201.6281914-1.6533635z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
background-color: rgba(0, 0, 0, .6);
|
|
transition: all .3s ease;
|
|
}
|
|
.playing .tgme_widget_message_roundvideo_muted,
|
|
.not_supported .tgme_widget_message_roundvideo_muted {
|
|
transform: scale3d(0, 0, 0);
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_roundvideo_border {
|
|
display: inline-block;
|
|
position: absolute;
|
|
border-radius: 198px;
|
|
top: 0; left: 0;
|
|
bottom: 0; right: 0;
|
|
border: 70px solid #fff;
|
|
margin: -68px;
|
|
}
|
|
.tgme_widget_message_roundvideo_progress_wrap {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: all .3s ease;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.playing .tgme_widget_message_roundvideo_progress_wrap {
|
|
visibility: visible;
|
|
opacity: 0.4;
|
|
}
|
|
.tgme_widget_message_roundvideo_progress {
|
|
stroke: #fff;
|
|
stroke-width: 3px;
|
|
stroke-linecap: round;
|
|
fill: rgba(0, 0, 0, 0);
|
|
transform: rotateZ(-90deg);
|
|
transform-origin: 50%;
|
|
r: calc(50% - 7.5px);
|
|
}
|
|
.tgme_widget_message_roundvideo_play {
|
|
display: inline-block;
|
|
position: absolute;
|
|
border-radius: 128px;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
}
|
|
.tgme_widget_message_roundvideo_duration {
|
|
display: inline-block;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #738CA7;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.tgme_widget_message_voice_player {
|
|
display: block;
|
|
border-radius: 25px 0 0 25px;
|
|
margin: 10px 0;
|
|
overflow: hidden;
|
|
}
|
|
a.tgme_widget_message_voice_player:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_voice {
|
|
display: none !important;
|
|
}
|
|
.tgme_widget_message_voice_play {
|
|
display: inline-block;
|
|
float: left;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%203.24662107v17.50675783c0%20.6750147.54720753%201.2222223%201.22222222%201.2222223.23559715%200%20.46617345-.0680925.66397379-.196081l13.52794929-8.7533789c.5667222-.3667026.7288701-1.1233929.3621675-1.6901151-.0937888-.1449463-.2172212-.2683787-.3621675-.3621675l-13.52794929-8.75337893c-.5667222-.3667026-1.3234125-.20455468-1.69011509.36216752-.12798845.19780033-.19608092.42837663-.19608092.66397378z%22%20transform%3D%22translate%281%200%29%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
background-color: #4ca3e2;
|
|
cursor: pointer;
|
|
transition: opacity .2s ease;
|
|
opacity: 0.5;
|
|
}
|
|
.ready .tgme_widget_message_voice_play {
|
|
opacity: 1;
|
|
}
|
|
.playing .tgme_widget_message_voice_play {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8.7180574%204c.44575937%200%20.60740249.04641281.77036545.13356635.16296296.08715355.29085725.21504784.3780108.3780108.08715354.16296296.13356635.32460608.13356635.77036545v13.4361148c0%20.4457594-.04641281.6074025-.13356635.7703655-.08715355.1629629-.21504784.2908572-.3780108.3780107-.16296296.0871536-.32460608.1335664-.77036545.1335664h-2.4361148c-.44575937%200-.60740249-.0464128-.77036545-.1335664-.16296296-.0871535-.29085725-.2150478-.3780108-.3780107-.08715354-.162963-.13356635-.3246061-.13356635-.7703655v-13.4361148c0-.44575937.04641281-.60740249.13356635-.77036545.08715355-.16296296.21504784-.29085725.3780108-.3780108.16296296-.08715354.32460608-.13356635.77036545-.13356635zm9%200c.4457594%200%20.6074025.04641281.7703655.13356635.1629629.08715355.2908572.21504784.3780107.3780108.0871536.16296296.1335664.32460608.1335664.77036545v13.4361148c0%20.4457594-.0464128.6074025-.1335664.7703655-.0871535.1629629-.2150478.2908572-.3780107.3780107-.162963.0871536-.3246061.1335664-.7703655.1335664h-2.4361148c-.4457594%200-.6074025-.0464128-.7703655-.1335664-.1629629-.0871535-.2908572-.2150478-.3780107-.3780107-.0871536-.162963-.1335664-.3246061-.1335664-.7703655v-13.4361148c0-.44575937.0464128-.60740249.1335664-.77036545.0871535-.16296296.2150478-.29085725.3780107-.3780108.162963-.08715354.3246061-.13356635.7703655-.13356635z%22%20transform%3D%22translate%281%200%29%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_widget_message_voice_wrap {
|
|
margin-left: 61px;
|
|
}
|
|
.tgme_widget_message_voice_progress_wrap {
|
|
position: relative;
|
|
padding-top: 10px;
|
|
height: 14px;
|
|
overflow: hidden;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.tgme_widget_message_voice_progress_wrap .bar {
|
|
position: absolute;
|
|
height: 14px;
|
|
line-height: 14px;
|
|
white-space: nowrap;
|
|
}
|
|
.tgme_widget_message_voice_progress_wrap .bar s {
|
|
display: inline-block;
|
|
width: 4px;
|
|
padding-top: 4px;
|
|
margin-top: -4px;
|
|
margin-right: 2px;
|
|
border-radius: 2px;
|
|
vertical-align: bottom;
|
|
box-sizing: border-box;
|
|
}
|
|
.tgme_widget_message_voice_progress {
|
|
position: relative;
|
|
height: 14px;
|
|
margin-top: -4px;
|
|
padding-top: 4px;
|
|
overflow: hidden;
|
|
width: 0;
|
|
}
|
|
.tgme_widget_message_voice_progress_bg .bar s {
|
|
background: #d3dbe4;
|
|
}
|
|
.tgme_widget_message_voice_progress .bar s {
|
|
background: #4ca3e2;
|
|
}
|
|
.tgme_widget_message_voice_duration {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #738CA7;
|
|
margin: 5px 0 2px;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.tgme_widget_message_document_wrap,
|
|
.tgme_widget_message_contact_wrap {
|
|
display: block;
|
|
border-radius: 25px 0 0 25px;
|
|
margin: 10px 0;
|
|
overflow: hidden;
|
|
}
|
|
a.tgme_widget_message_document_wrap:hover,
|
|
a.tgme_widget_message_document_wrap:focus,
|
|
a.tgme_widget_message_document_wrap:focus:hover,
|
|
a.tgme_widget_message_contact_wrap:hover,
|
|
a.tgme_widget_message_contact_wrap:focus,
|
|
a.tgme_widget_message_contact_wrap:focus:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_document_icon {
|
|
display: inline-block;
|
|
float: left;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16.6538365%204.06433079c.1979918.04563221.3731812.11819804.5454493.22593253l.1128317.07532436c.1136531.08153308.2382757.18981438.4504173.39794253l5.3612119%205.36021649c.3651614.3651614.4782555.5046993.58599.6769675.1077345.1722681.1803003.3474575.2259325.5454493l.0265217.1330464c.0264976.1610204.0378091.3583423.0378091.7599994v11.1969055c0%20.8915187-.0928256%201.214805-.2671327%201.5407309s-.4300957.5817145-.7560216.7560216-.6492122.2671327-1.5407309.2671327h-12.8722296c-.89151874%200-1.21480498-.0928256-1.5407309-.2671327-.32592593-.1743071-.5817145-.4300957-.7560216-.7560216-.16089885-.3008547-.2523697-.5994602-.26549007-1.3448229l-.00164263-17.0681376c0-.89151874.09282561-1.21480498.2671327-1.5407309.1743071-.32592593.43009567-.5817145.7560216-.7560216.3008547-.16089885.5994602-.2523697%201.34482293-.26549007l7.39281347-.00164263c.5164163%200%20.695054.01869859.8930458.06433079zm-.5073899%202.7892226c-.0937682.09376819-.1464466.22094515-.1464466.35355339v3.79289322c0%20.5522847.4477153%201%201%201h3.7928932c.2761424%200%20.5-.2238576.5-.5%200-.1326082-.0526784-.2597852-.1464466-.3535534l-4.2928932-4.29289321c-.1952622-.19526215-.5118446-.19526215-.7071068%200z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
|
|
background-color: #4ca3e2;
|
|
}
|
|
.tgme_widget_message_document_icon.audio {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m15%205c0-1.1045695.8954305-2%202-2h4c1.1045695%200%202%20.8954305%202%202v4h-6v12c0%202.6887547-2.1223067%204.8818181-4.7831104%204.9953805l-.2168896.0046195c-2.76142375%200-5-2.2385763-5-5s2.23857625-5%205-5c1.1261445%200%202.1653335.3723009%203.0011995%201.0005351z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_widget_message_contact_wrap .tgme_widget_message_user_photo,
|
|
.tgme_widget_message_contact_wrap .tgme_widget_message_user_photo img {
|
|
float: left;
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
font-size: 21px;
|
|
line-height: 52px;
|
|
}
|
|
.tgme_widget_message_document,
|
|
.tgme_widget_message_contact {
|
|
margin-left: 61px;
|
|
}
|
|
.tgme_widget_message_document_title,
|
|
.tgme_widget_message_contact_name {
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
font-weight: 500;
|
|
color: #2481CC;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
margin: 4px 0 0;
|
|
}
|
|
.tgme_widget_message_document_extra,
|
|
.tgme_widget_message_contact_phone {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #738CA7;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
margin: 0 0 4px;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.tgme_widget_message_location_wrap {
|
|
display: block;
|
|
margin: 12px -17px;
|
|
min-width: calc(100% + 34px) !important;
|
|
max-width: calc(100% + 34px) !important;
|
|
}
|
|
.tgme_widget_message_location_wrap:hover,
|
|
.tgme_widget_message_location_wrap:focus,
|
|
.tgme_widget_message_location_wrap:focus:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_location {
|
|
padding-top: 50%;
|
|
background: no-repeat center;
|
|
background-size: cover;
|
|
}
|
|
.tgme_widget_message_location_info {
|
|
margin: 6px 17px 0;
|
|
}
|
|
.tgme_widget_message_location_title {
|
|
font-size: 16px;
|
|
line-height: 23px;
|
|
font-weight: 500;
|
|
color: #212121;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.tgme_widget_message_location_address {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #738CA7;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.tgme_widget_message_error {
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
padding: 3px 0;
|
|
word-break: break-word;
|
|
color: #738CA7;
|
|
overflow: hidden;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.tgme_widget_message_error b {
|
|
font-weight: 500;
|
|
}
|
|
.tgme_widget_message_error_button {
|
|
margin: 10px 0 20px;
|
|
text-align: center;
|
|
}
|
|
.tgme_widget_message_author ~ .tgme_widget_message_error {
|
|
margin-top: 6px;
|
|
}
|
|
.tgme_widget_message_text {
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
word-break: break-word;
|
|
margin-top: 6px;
|
|
}
|
|
.tgme_widget_message_text b {
|
|
font-weight: 500;
|
|
}
|
|
.tgme_widget_message_text code,
|
|
.tgme_widget_message_text pre {
|
|
font-family: monospace;
|
|
white-space: normal;
|
|
/*color: #4e7391;*/
|
|
}
|
|
.tgme_widget_message_text pre {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.tgme_widget_message_reply_template {
|
|
display: none;
|
|
}
|
|
.tgme_widget_message_reply .tgme_widget_message_author,
|
|
.tgme_widget_message_reply .tgme_widget_message_text,
|
|
.tgme_widget_message_reply .tgme_widget_message_metatext {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
margin: -2px 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
margin-bottom: 1px;
|
|
}
|
|
.tgme_widget_message_reply_date {
|
|
margin-top: 1px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.tgme_widget_message_reply .tgme_widget_message_text {
|
|
color: #212121;
|
|
}
|
|
.tgme_widget_message_reply .tgme_widget_message_metatext {
|
|
color: #738CA7;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.tgme_widget_message_reply_thumb {
|
|
display: inline-block;
|
|
width: 35px;
|
|
height: 35px;
|
|
float: left;
|
|
border-radius: 3px;
|
|
margin-right: 10px;
|
|
background: no-repeat center;
|
|
background-size: cover;
|
|
}
|
|
.tgme_widget_message_reply_thumb.round_thumb {
|
|
border-radius: 18px;
|
|
}
|
|
.tgme_widget_message_reply,
|
|
.tgme_widget_message_link_preview,
|
|
.tgme_widget_message_game,
|
|
.tgme_widget_message_invoice {
|
|
display: block;
|
|
position: relative;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
padding: 2px 0 2px 12px;
|
|
margin: 6px 0 -2px;
|
|
overflow: hidden;
|
|
}
|
|
.widget_frame_base .tgme_widget_message_reply:hover,
|
|
.widget_frame_base .tgme_widget_message_link_preview:hover,
|
|
.widget_frame_base .tgme_widget_message_game:hover,
|
|
.widget_frame_base .tgme_widget_message_invoice:hover ,
|
|
.widget_frame_base .tgme_widget_message_location_wrap:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_reply:after,
|
|
.tgme_widget_message_link_preview:before,
|
|
.tgme_widget_message_game:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-color: #4CA3E2;
|
|
border-radius: 2px;
|
|
width: 2px;
|
|
left: 0;
|
|
top: 2px;
|
|
bottom: 2px;
|
|
}
|
|
.link_preview_image,
|
|
.tgme_widget_message_game_image,
|
|
.tgme_widget_message_invoice_image {
|
|
display: block;
|
|
margin: 7px 0;
|
|
border-radius: 6px;
|
|
background: no-repeat center;
|
|
background-size: cover;
|
|
}
|
|
.link_preview_right_image {
|
|
display: inline-block;
|
|
width: 60px;
|
|
height: 60px;
|
|
float: right;
|
|
border-radius: 6px;
|
|
margin-left: 10px;
|
|
background: no-repeat center;
|
|
background-size: cover;
|
|
}
|
|
.link_preview_video_player,
|
|
.tgme_widget_message_game_video_player {
|
|
display: block;
|
|
margin: 7px 0;
|
|
border-radius: 6px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.link_preview_video_wrap,
|
|
.link_preview_video,
|
|
.tgme_widget_message_game_video_wrap,
|
|
.tgme_widget_message_game_video {
|
|
border-radius: 6px;
|
|
}
|
|
.link_preview_embed_wrap {
|
|
position: relative;
|
|
display: block;
|
|
margin: 7px 0;
|
|
border-radius: 6px;
|
|
overflow: hidden;
|
|
}
|
|
.link_preview_embed {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.link_preview_site_name {
|
|
font-weight: 500;
|
|
color: #2481cc;
|
|
}
|
|
.link_preview_title {
|
|
font-weight: 500;
|
|
color: #212121;
|
|
margin-top: 4px;
|
|
margin-bottom: 1px;
|
|
}
|
|
.link_preview_description {
|
|
color: #212121;
|
|
margin-top: 4px;
|
|
margin-bottom: 1px;
|
|
/*display: -webkit-box;
|
|
max-height: 85px;
|
|
-webkit-line-clamp: 5;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;*/
|
|
}
|
|
.tgme_widget_message_link_button {
|
|
display: block;
|
|
font-size: 13px;
|
|
line-height: 15px;
|
|
font-weight: 500;
|
|
padding: 10px 20px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
color: #358dd4;
|
|
border: 1px solid #448abf;
|
|
border-radius: 6px;
|
|
margin-top: 8px;
|
|
margin-bottom: 2px;
|
|
}
|
|
a.tgme_widget_message_link_button:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_game {
|
|
margin: 6px 0;
|
|
}
|
|
.tgme_widget_message_invoice {
|
|
padding: 0;
|
|
margin: 6px 0;
|
|
}
|
|
.tgme_widget_message_game_title,
|
|
.tgme_widget_message_invoice_title {
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
font-weight: 500;
|
|
color: #2481cc;
|
|
}
|
|
.tgme_widget_message_game_text,
|
|
.tgme_widget_message_invoice_description {
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
color: #212121;
|
|
}
|
|
.tgme_widget_message_game_image_wrap,
|
|
.tgme_widget_message_invoice_image_wrap {
|
|
position: relative;
|
|
}
|
|
.tgme_widget_message_game_image,
|
|
.tgme_widget_message_invoice_image {
|
|
margin: 0;
|
|
}
|
|
.tgme_widget_message_game_video_player,
|
|
.tgme_widget_message_game_image_wrap,
|
|
.tgme_widget_message_invoice_image_wrap {
|
|
margin: 6px 0 3px;
|
|
}
|
|
.tgme_widget_message_invoice_label {
|
|
margin: 5px;
|
|
left: 0;
|
|
top: 0;
|
|
right: auto;
|
|
bottom: auto;
|
|
}
|
|
.tgme_widget_message_invoice_total {
|
|
font-weight: 500;
|
|
}
|
|
.tgme_widget_message_poll {
|
|
display: block;
|
|
font-size: 16px;
|
|
line-height: 21px;
|
|
word-break: break-word;
|
|
margin-top: 6px;
|
|
}
|
|
.tgme_widget_message_poll_question {
|
|
font-weight: 500;
|
|
}
|
|
.tgme_widget_message_poll_type {
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
color: #738CA7;
|
|
margin-top: 2px;
|
|
}
|
|
.tgme_widget_message_poll_voters {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-left: 7px;
|
|
}
|
|
.tgme_widget_message_poll_voters .tgme_widget_message_user_photo,
|
|
.tgme_widget_message_poll_voters .tgme_widget_message_user_photo img {
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 8px;
|
|
line-height: 20px;
|
|
}
|
|
.tgme_widget_message_poll_voters .tgme_widget_message_user_photo {
|
|
border: 1px solid #fff;
|
|
box-shadow: 0 0 0 0.25px #fff;
|
|
margin: -2px -4px -2px 0;
|
|
float: right;
|
|
}
|
|
.tgme_widget_message_poll_votes {
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
color: #738CA7;
|
|
margin-top: 0;
|
|
margin-bottom: 16px;
|
|
}
|
|
.tgme_widget_message_poll_options {
|
|
display: block;
|
|
font-size: 15px;
|
|
line-height: 17px;
|
|
padding-top: 2px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.tgme_widget_message_poll_option {
|
|
position: relative;
|
|
padding-top: 10px;
|
|
margin-top: 4px;
|
|
}
|
|
.tgme_widget_message_poll_option_percent {
|
|
position: absolute;
|
|
right: 100%;
|
|
margin-right: -25px;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: #212121;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
.tgme_widget_message_poll_option_percent.p100 {
|
|
font-size: 11px;
|
|
}
|
|
.tgme_widget_message_poll_option_radio_item {
|
|
cursor: pointer;
|
|
}
|
|
.tgme_widget_message_poll_option_radio_item .tgme_widget_message_poll_option_value {
|
|
padding-bottom: 10px;
|
|
}
|
|
.tgme_widget_message_poll_option_radio {
|
|
position: absolute;
|
|
top: 7px;
|
|
}
|
|
.tgme_widget_message_poll_option_radio:before {
|
|
display: inline-block;
|
|
vertical-align: -4px;
|
|
content: '';
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid #adb1b3;
|
|
border-radius: 10px;
|
|
box-sizing: border-box;
|
|
transition: all 0.15s ease;
|
|
}
|
|
.tgme_widget_message_poll_option_radio_item .tgme_widget_message_poll_option_radio:after {
|
|
position: absolute;
|
|
left: 0;
|
|
display: inline-block;
|
|
vertical-align: -4px;
|
|
content: '';
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 10px;
|
|
box-sizing: border-box;
|
|
background: #2392e7 url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20height%3D%225.5%22%20rx%3D%221.1%22%20transform%3D%22matrix%28.70710678%20-.70710678%20.70710678%20.70710678%20-6.903479%208.428501%29%22%20width%3D%222.2%22%20x%3D%225.622361%22%20y%3D%229.797487%22%2F%3E%3Crect%20height%3D%2211%22%20rx%3D%221.1%22%20transform%3D%22matrix%28.70710678%20.70710678%20-.70710678%20.70710678%2010.937311%20-5.071194%29%22%20width%3D%222.2%22%20x%3D%2210.490128%22%20y%3D%225.166905%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|
transition: all 0.1s ease;
|
|
transform: scale3d(0, 0, 1);
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_poll_option_radio_item.selected .tgme_widget_message_poll_option_radio:after {
|
|
transform: scale3d(1, 1, 1);
|
|
opacity: 1;
|
|
}
|
|
.tgme_widget_message_poll_option_radio_item:hover .tgme_widget_message_poll_option_radio:before {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.tgme_widget_message_poll_option_value {
|
|
position: relative;
|
|
padding-left: 32px;
|
|
color: #212121;
|
|
}
|
|
.tgme_widget_message_poll_option_bar {
|
|
margin-top: 6px;
|
|
min-width: 4px;
|
|
background: #4ca3e2;
|
|
border-radius: 2px;
|
|
height: 4px;
|
|
}
|
|
.widget_frame_base .tgme_widget_message_poll_options:hover {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_message_poll_option_correct,
|
|
.tgme_widget_message_poll_option_incorrect {
|
|
background: #4ca3e2 url('data:image/svg+xml,%3Csvg%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%2C3.43181818%20L2.820907%2C5.19754618%20C2.85078174%2C5.22651562%202.90134144%2C5.22445679%202.9333123%2C5.19345474%20L7%2C1.25%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.2%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 6px;
|
|
margin-left: -22px;
|
|
margin-top: 2px;
|
|
}
|
|
.tgme_widget_message_poll_option_incorrect {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M%201.6%206.4%20L%206.4%201.6%20M%206.4%206.4%20L%201.6%201.6%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.2%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_widget_message_poll_option_correct.retracted {
|
|
cursor: pointer;
|
|
}
|
|
.tgme_widget_message_poll_votes {
|
|
position: relative;
|
|
}
|
|
.tgme_widget_message_poll .tgme_widget_message_poll_votes_cnt {
|
|
transition: all 0.15s ease;
|
|
}
|
|
.tgme_widget_message_poll.selected .tgme_widget_message_poll_votes_cnt {
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_poll .tgme_widget_message_action_btn {
|
|
position: absolute;
|
|
left: 0;
|
|
margin-left: 0;
|
|
transition: all 0.15s ease;
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_poll.selected .tgme_widget_message_action_btn {
|
|
opacity: 1;
|
|
}
|
|
.tgme_widget_message_poll_vote_btn {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
padding: 6px 12px 5px;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
background-color: #4ba3e2;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
transition: all .2s ease;
|
|
}
|
|
.tgme_widget_message_poll_vote_btn:hover {
|
|
background-color: #3f99d9;
|
|
}
|
|
|
|
|
|
.tgme_widget_message_footer {
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
color: #738CA7;
|
|
margin: 5px 0 0;
|
|
overflow: hidden;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.tgme_widget_message_info {
|
|
text-align: right;
|
|
}
|
|
.tgme_widget_message_views,
|
|
.tgme_widget_message_voters {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
margin-left: 10px;
|
|
}
|
|
.tgme_widget_message_views:after {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 10px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%238197af%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0;
|
|
margin-left: 5px;
|
|
}
|
|
.tgme_widget_message_voters:after {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3.60486756.00162755%204.54930464-.00162755c1.33727811%200%201.82220747.13923842%202.3110964.40069906.4888888.26146064.8725717.6451435%201.1340323%201.13403238l.0922854.18482021c.2018093.43861897.3084137.9561578.3084137%202.12627615v4.3083444c0%201.33727811-.1392384%201.82220747-.4006991%202.3110964-.2614606.4888888-.6451435.8725717-1.1340323%201.1340323l-.1848203.0922854c-.43861892.2018093-.95615775.3084137-2.1262761.3084137h-4.3083444c-1.33727811%200-1.82220747-.1392384-2.31109636-.4006991-.48888888-.2614606-.87257174-.6451435-1.13403238-1.1340323l-.09228534-.1848203c-.18739436-.407289-.29269878-.88262629-.30678617-1.88531586l-.00162755-4.54930464c0-1.33727811.13923842-1.82220747.40069906-2.31109636.26146064-.48888888.6451435-.87257174%201.13403238-1.13403238l.18482021-.09228534c.40728905-.18739436.88262634-.29269878%201.88531591-.30678617zm6.42546254%202.96804236c-.26626658-.26626656-.68293026-.29047261-.97654175-.07261815l-.08411844.07261815-3.96966991%203.96933009-1.46966991-1.46933009-.08411844-.07261815c-.29361149-.21785446-.71027517-.19364841-.97654174.07261815-.26626656.26626657-.29047261.68293025-.07261815.97654174l.07261815.08411844%202%202%20.08411844.07261815c.26098799.19364841.61920241.19603913.88259105.00717216l.09395069-.07979031%204.50000001-4.5.0726181-.08411844c.2178545-.29361149.1936484-.71027517-.0726181-.97654174z%22%20fill%3D%22%238197af%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0;
|
|
vertical-align: -1px;
|
|
margin-left: 5px;
|
|
}
|
|
.tgme_widget_message_meta {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
margin-left: 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 95%;
|
|
max-width: calc(100% - 10px);
|
|
display: inline-flex;
|
|
justify-content: flex-end;
|
|
}
|
|
.tgme_widget_message_from_author {
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-flex: 0 1 auto;
|
|
flex: 0 1 auto;
|
|
}
|
|
.widget_frame_base a.tgme_widget_message_date,
|
|
.widget_frame_base a.tgme_widget_message_date:hover,
|
|
body.dark.widget_frame_base a.tgme_widget_message_date,
|
|
body.dark.widget_frame_base a.tgme_widget_message_date:hover {
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
color: inherit;
|
|
}
|
|
.tgme_widget_message_link {
|
|
color: #2481CC;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
float: left;
|
|
max-width: 67%;
|
|
max-width: calc(100% - 100px);
|
|
}
|
|
@media (max-width: 459px) {
|
|
.tgme_widget_message_link {
|
|
display: none;
|
|
}
|
|
}
|
|
.tgme_widget_message_grouped_wrap {
|
|
display: block;
|
|
margin: 12px -17px;
|
|
min-width: calc(100% + 34px) !important;
|
|
max-width: calc(100% + 34px) !important;
|
|
overflow: hidden;
|
|
}
|
|
.tgme_widget_message_grouped {
|
|
position: relative;
|
|
}
|
|
.tgme_widget_message_grouped_layer {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.tgme_widget_message_grouped .grouped_media_wrap {
|
|
position: absolute;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
min-width: auto !important;
|
|
max-width: none !important;
|
|
}
|
|
.tgme_widget_message_grouped .grouped_media_wrap.over {
|
|
transition: all .2s ease;
|
|
z-index: 10;
|
|
}
|
|
.tgme_widget_message_grouped .grouped_media_wrap.active {
|
|
left: 0 !important;
|
|
top: 0 !important;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
margin: 0 !important;
|
|
}
|
|
.grouped_media_helper {
|
|
position: static;
|
|
background-position: -10000px -10000px;
|
|
background-size: 0 0;
|
|
background-image: inherit;
|
|
}
|
|
.grouped_media_wrap .grouped_media {
|
|
position: absolute;
|
|
}
|
|
.grouped_media_wrap.over .grouped_media {
|
|
position: absolute;
|
|
transition: all .2s ease;
|
|
}
|
|
.grouped_media_wrap.active .grouped_media {
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
top: 0 !important;
|
|
bottom: 0 !important;
|
|
}
|
|
.grouped_media_wrap.active .grouped_media_helper .grouped_media {
|
|
left: inherit !important;
|
|
right: inherit !important;
|
|
top: inherit !important;
|
|
bottom: inherit !important;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_photo_wrap.blured:before,
|
|
.tgme_widget_message_grouped .tgme_widget_message_photo_wrap.blured:after {
|
|
visibility: hidden;
|
|
transition: visibility .2s ease;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_photo_wrap.blured.active:before,
|
|
.tgme_widget_message_grouped .tgme_widget_message_photo_wrap.blured.active:after {
|
|
visibility: visible;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player.not_supported .message_media_not_supported_wrap {
|
|
pointer-events: none;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player.active.not_supported .message_media_not_supported_wrap {
|
|
pointer-events: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player.not_supported .message_video_play {
|
|
opacity: 1;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player.active.not_supported .message_video_play {
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player .message_video_play:after {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 25px;
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%203.24662107v17.50675783c0%20.6750147.54720753%201.2222223%201.22222222%201.2222223.23559715%200%20.46617345-.0680925.66397379-.196081l13.52794929-8.7533789c.5667222-.3667026.7288701-1.1233929.3621675-1.6901151-.0937888-.1449463-.2172212-.2683787-.3621675-.3621675l-13.52794929-8.75337893c-.5667222-.3667026-1.3234125-.20455468-1.69011509.36216752-.12798845.19780033-.19608092.42837663-.19608092.66397378z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player.not_supported .message_video_play:after {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m20%204v2h2l.0010534-1.97483793c.7298783.05096843%201.0959232.17857229%201.4642152.37553699.4888888.26146063.8725717.6451435%201.1340323%201.13403238l.0922854.18482021c.2018093.43861897.3084137.9561578.3084137%202.12627615v14.3083444c0%201.3372781-.1392384%201.8222075-.4006991%202.3110964-.2614606.4888888-.6451435.8725717-1.1340323%201.1340323-.368292.1969647-.7343369.3245686-1.4642152.375537l-.0010534-1.9748379h-2v2h-10v-2h-2l-.00008693%201.9749054c-.73052165-.0509233-1.09672713-.1785528-1.46518163-.3756045-.48888888-.2614606-.87257175-.6451435-1.13403238-1.1340323l-.09228534-.1848203c-.18739436-.407289-.29269878-.8826263-.30678617-1.8853159l-.00162755-14.5493046c0-1.33727811.13923842-1.82220747.40069906-2.31109636.26146063-.48888888.6451435-.87257175%201.13403238-1.13403238.3684545-.19705162.73465998-.32468117%201.46518163-.37560443l.00008693%201.97490537h2v-2zm-10%2016h-2v2h2zm12%200h-2v2h2zm-12-4h-2v2h2zm12%200h-2v2h2zm-12-4h-2v2h2zm12%200h-2v2h2zm-12-4h-2v2h2zm12%200h-2v2h2z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player .message_video_duration {
|
|
transition: opacity .2s ease;
|
|
opacity: 0;
|
|
}
|
|
.tgme_widget_message_grouped .tgme_widget_message_video_player.active .message_video_duration {
|
|
opacity: 1;
|
|
}
|
|
|
|
.bgcolor0 { background: #e17076; }
|
|
.bgcolor1 { background: #faa774; }
|
|
.bgcolor2 { background: #a695e7; }
|
|
.bgcolor3 { background: #7bc862; }
|
|
.bgcolor4 { background: #6ec9cb; }
|
|
.bgcolor5 { background: #65aadd; }
|
|
.bgcolor6 { background: #ee7aae; }
|
|
|
|
.color0 { color: #c03d33; } /* red */
|
|
.color1 { color: #ce671b; } /* orange */
|
|
.color2 { color: #8544d6; } /* purple */
|
|
.color3 { color: #4fad2d; } /* green */
|
|
.color4 { color: #2996ad; } /* cyan */
|
|
.color5 { color: #168acd; } /* blue */
|
|
.color6 { color: #cd4073; } /* pink */
|
|
|
|
body.dark .bgcolor0 { background: #e0645e; }
|
|
body.dark .bgcolor1 { background: #e9b653; }
|
|
body.dark .bgcolor2 { background: #af74f2; }
|
|
body.dark .bgcolor3 { background: #7cc766; }
|
|
body.dark .bgcolor4 { background: #5bbfd7; }
|
|
body.dark .bgcolor5 { background: #5caae4; }
|
|
body.dark .bgcolor6 { background: #e9539d; }
|
|
|
|
body.dark .color0 { color: #f95c54; }
|
|
body.dark .color1 { color: #f3bb4f; }
|
|
body.dark .color2 { color: #c28dff; }
|
|
body.dark .color3 { color: #76df56; }
|
|
body.dark .color4 { color: #4fd2f3; }
|
|
body.dark .color5 { color: #5ebbff; }
|
|
body.dark .color6 { color: #ff5ead; }
|
|
|
|
.IIV::-webkit-media-controls-play-button,
|
|
.IIV::-webkit-media-controls-start-playback-button {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
width: 5px;
|
|
}
|
|
|
|
body.body_widget_login {
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
vertical-align: top;
|
|
}
|
|
button.tgme_widget_login_button {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
border-radius: 17px;
|
|
background-color: #54a9eb;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
padding: 7px 16px 6px;
|
|
margin: 0;
|
|
border: none;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
}
|
|
button.tgme_widget_login_button:focus,
|
|
button.tgme_widget_login_button:active:focus {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
.tgme_widget_login_button_icon {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background: no-repeat 0 0;
|
|
}
|
|
.tgme_widget_login button.tgme_widget_login_button .tgme_widget_login_button_icon {
|
|
background: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.95617055%2011.392196c5.77764656-2.42328736%209.63031585-4.02086673%2011.55800785-4.79273807%205.5039525-2.20384954%206.6476266-2.5866818%207.3930574-2.59932314.1639507-.00278035.5305319.0363352.7679878.22182361.2005031.15662277.2556695.36819788.2820684.51669348.026399.1484956.0592719.48677234.0331404.75109194-.2982611%203.0169019-1.5888322%2010.33812718-2.2454015%2013.71710898-.2778191%201.4297738-.8288514%201.7357846-1.3584441%201.7826999-1.1509274.1019576-2.0208916-.5588425-3.1356211-1.2622918-1.7443316-1.1007592-2.3854935-1.3972358-4.0786694-2.4713734-1.95675765-1.2413519-.8891962-1.8911034.2259543-3.0061212.2918402-.2918054%205.3989024-4.83750096%205.497052-5.24030969.0122753-.05037796-.1557336-.55407742-.2716182-.65323489-.1158847-.09915747-.2869204-.06524947-.4103446-.03828214-.17495.03822537-2.9615423%201.81132342-8.35977698%205.31929412-.79096496.5228681-1.50739646.7776269-2.1492945.7642766-.70764107-.0147176-2.06885864-.3851791-3.08078398-.7018404-1.24116762-.388398-1.69932554-.5713149-1.61342745-1.2309348.04474105-.3435709.36011227-.7024173.94611366-1.0765391z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 -1px;
|
|
}
|
|
.tgme_widget_login.large button.tgme_widget_login_button {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
padding: 9px 21px 11px;
|
|
border-radius: 20px;
|
|
}
|
|
.tgme_widget_login.large button.tgme_widget_login_button .tgme_widget_login_button_icon {
|
|
width: 24px;
|
|
height: 22px;
|
|
margin: 0 13px -2px -7px;
|
|
}
|
|
body.rtl .tgme_widget_login.large button.tgme_widget_login_button .tgme_widget_login_button_icon {
|
|
margin-left: 13px;
|
|
margin-right: -7px;
|
|
}
|
|
.tgme_widget_login .tgme_widget_login_user_photo {
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
}
|
|
.tgme_widget_login.nouserpic .tgme_widget_login_user_photo {
|
|
display: none;
|
|
}
|
|
.tgme_widget_login.large .tgme_widget_login_user_photo,
|
|
.tgme_widget_login.large .tgme_widget_login_user_photo img {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 20px;
|
|
}
|
|
.tgme_widget_login.large .tgme_widget_login_user_photo {
|
|
font-size: 19px;
|
|
line-height: 42px;
|
|
margin-left: 6px;
|
|
}
|
|
body.rtl .tgme_widget_login.large .tgme_widget_login_user_photo {
|
|
margin-right: 6px;
|
|
margin-left: 0;
|
|
}
|
|
.tgme_widget_login.medium button.tgme_widget_login_button {
|
|
font-size: 13px;
|
|
line-height: 17px;
|
|
padding: 5px 14px 6px;
|
|
border-radius: 14px;
|
|
}
|
|
.tgme_widget_login.medium button.tgme_widget_login_button .tgme_widget_login_button_icon {
|
|
width: 19px;
|
|
height: 17px;
|
|
background-size: 19px;
|
|
margin: 0 9px 0 -4px;
|
|
}
|
|
body.rtl .tgme_widget_login.medium button.tgme_widget_login_button .tgme_widget_login_button_icon {
|
|
margin-left: 9px;
|
|
margin-right: -4px;
|
|
}
|
|
.tgme_widget_login.medium .tgme_widget_login_user_photo,
|
|
.tgme_widget_login.medium .tgme_widget_login_user_photo img {
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 14px;
|
|
}
|
|
.tgme_widget_login.medium .tgme_widget_login_user_photo {
|
|
font-size: 15px;
|
|
line-height: 30px;
|
|
margin-left: 4px;
|
|
}
|
|
body.rtl .tgme_widget_login.medium .tgme_widget_login_user_photo {
|
|
margin-right: 4px;
|
|
margin-left: 0;
|
|
}
|
|
.tgme_widget_login.small button.tgme_widget_login_button {
|
|
font-size: 11px;
|
|
line-height: 14px;
|
|
padding: 3px 9px;
|
|
border-radius: 10px;
|
|
}
|
|
.tgme_widget_login.small button.tgme_widget_login_button .tgme_widget_login_button_icon {
|
|
width: 14px;
|
|
height: 12px;
|
|
margin: 1px 6px 0 -2px;
|
|
background-size: 14px;
|
|
}
|
|
body.rtl .tgme_widget_login.small button.tgme_widget_login_button .tgme_widget_login_button_icon {
|
|
margin-left: 6px;
|
|
margin-right: -2px;
|
|
}
|
|
.tgme_widget_login.small .tgme_widget_login_user_photo,
|
|
.tgme_widget_login.small .tgme_widget_login_user_photo img {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
.tgme_widget_login.small .tgme_widget_login_user_photo {
|
|
font-size: 11px;
|
|
line-height: 22px;
|
|
margin-left: 3px;
|
|
}
|
|
body.rtl .tgme_widget_login.small .tgme_widget_login_user_photo {
|
|
margin-right: 3px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
a.tgme_widget_share_btn {
|
|
box-sizing: border-box;
|
|
height: 20px;
|
|
width: 60px;
|
|
display: block;
|
|
background-color: #54A9EB;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
line-height: 0;
|
|
padding: 0 6px 0 2px;
|
|
text-decoration: none;
|
|
}
|
|
a.tgme_widget_share_btn:active {
|
|
background-color: #3B8CCB;
|
|
text-decoration: none;
|
|
}
|
|
a.tgme_widget_share_btn:hover,
|
|
a.tgme_widget_share_btn:focus {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_widget_share__large a.tgme_widget_share_btn {
|
|
padding: 0 8px 0 2px;
|
|
height: 28px;
|
|
width: 76px;
|
|
}
|
|
.tgme_widget_share__notext a.tgme_widget_share_btn {
|
|
padding: 0;
|
|
}
|
|
|
|
i.tgme_widget_share_icon {
|
|
box-sizing: border-box;
|
|
background: url(/img/WidgetButton_LogoSmall.png) no-repeat 0 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.tgme_widget_share__large i.tgme_widget_share_icon {
|
|
background: url(/img/WidgetButton_LogoLarge.png) no-repeat 0 0;
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
|
|
i.tgme_widget_share_icon {
|
|
background: url(/img/WidgetButton_LogoSmall_2x.png) no-repeat 0 0;
|
|
background-size: 20px 20px;
|
|
}
|
|
.tgme_widget_share__large i.tgme_widget_share_icon {
|
|
background: url(/img/WidgetButton_LogoLarge_2x.png) no-repeat 0 0;
|
|
background-size: 28px 28px;
|
|
}
|
|
}
|
|
.tgme_widget_share__notext .tgme_widget_share_icon {
|
|
margin: 0 auto;
|
|
display: block;
|
|
}
|
|
.tgme_widget_share_label {
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
margin-left: 1px;
|
|
display: inline-block;
|
|
line-height: 20px;
|
|
vertical-align: baseline;
|
|
}
|
|
.tgme_widget_share__large .tgme_widget_share_label {
|
|
font-size: 13px;
|
|
line-height: 28px;
|
|
}
|
|
.tgme_widget_share__notext .tgme_widget_share_label {
|
|
display: none;
|
|
}
|
|
|
|
.tgme_popup_container {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 40px 15px;
|
|
line-height: normal;
|
|
background: rgba(0,0,0,.6);
|
|
z-index: 101;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: start;
|
|
}
|
|
.tgme_popup_container.hide {
|
|
display: none;
|
|
}
|
|
.tgme_popup {
|
|
word-wrap: break-word;
|
|
margin: 0 auto;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
box-shadow: 0 0 12px rgba(0, 0, 0, .3);
|
|
min-width: 240px;
|
|
max-width: 600px;
|
|
}
|
|
.tgme_popup_body {
|
|
padding: 20px;
|
|
}
|
|
.tgme_popup_header {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
font-weight: 500;
|
|
margin: 0 0 20px;
|
|
overflow: hidden;
|
|
}
|
|
.tgme_popup_text {
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
margin: 0;
|
|
}
|
|
.tgme_popup_text b {
|
|
font-weight: 500;
|
|
}
|
|
.tgme_popup_buttons {
|
|
margin: 6px -12px -8px;
|
|
text-align: right;
|
|
}
|
|
.tgme_popup_button {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
padding: 9px 12px 8px;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
background-color: transparent;
|
|
text-transform: uppercase;
|
|
transition: background-color .15s ease;
|
|
color: #2481cc;
|
|
cursor: pointer;
|
|
}
|
|
.tgme_popup_button:hover {
|
|
background: #e6f1f7;
|
|
}
|
|
.tgme_popup_button:active {
|
|
background: #d4e6f1;
|
|
}
|
|
@media (min-width: 560px) {
|
|
.tgme_popup_body {
|
|
padding: 30px 35px;
|
|
}
|
|
.tgme_popup_buttons {
|
|
margin-top: 16px;
|
|
}
|
|
}
|
|
|
|
|
|
body.tme_mode {
|
|
min-width: 320px;
|
|
max-width: 520px;
|
|
}
|
|
body.tme_mode .tgme_widget_message {
|
|
padding: 5px 10px 10px;
|
|
}
|
|
body.tme_mode .tgme_widget_message_bubble {
|
|
border: none;
|
|
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
|
|
}
|
|
body.tme_mode .tgme_widget_message_bubble_tail .border_1x,
|
|
body.tme_mode .tgme_widget_message_bubble_tail .border_2x,
|
|
body.tme_mode .tgme_widget_message_bubble_tail .border_3x {
|
|
fill: transparent;
|
|
}
|
|
body.tme_mode .tgme_widget_message_bubble_logo {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2024%2020%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m488.649875%2044.6098697c6.442438-2.8224615%2010.738405-4.6832009%2012.887902-5.5822181%206.137252-2.5668769%207.41252-3.0127709%208.243723-3.0276516.182815-.0030813.591576.0424775.856354.2585203.223574.1824224.285088.428849.314524.6018054.029436.1729565.066092.5669556.036954.874815-.33258%203.5138587-1.771648%2012.041067-2.503764%2015.9766489-.309785%201.6652923-.919763%202.2236562-1.510292%202.2782995-1.283356.1187526-2.257879-.8528431-3.500872-1.6721675-1.945039-1.2820809-3.043862-2.0801802-4.931859-3.3312543-2.181908-1.4458326-.767468-2.2404874.475995-3.5391756.32542-.3398729%205.979917-5.5116482%206.08936-5.9808093.013687-.0586764.02639-.2773944-.102829-.3928855-.129218-.1154911-.319934-.0759976-.457559-.0445881-.195081.044522-3.302306%202.1096922-9.321675%206.1955107-.881976.6089971-1.680842.9057209-2.396598.8901714-.789064-.017142-2.306907-.4486274-3.435267-.8174505-1.38398-.4523766-2.48394-.6915513-2.388158-1.4598267.049889-.4001653.59791-.8094133%201.644061-1.227744z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-487%20-36%29%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.tme_mode .verified-icon {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20width%3D%2226%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m14.378741%201.509638%201.818245%201.818557c.365651.365716.861601.571194%201.378741.571259l2.574273.000312c1.01361.000117%201.846494.773578%201.940861%201.762436l.008905.187798-.000312%202.5727c-.000065.517322.205439%201.013454.571259%201.379222l1.819649%201.819337c.714441.713427.759174%201.843179.134563%202.609139l-.134797.148109-1.819181%201.8182502c-.365963.3657823-.571558.8620196-.571493%201.3794456l.000312%202.5737972c.000559%201.0136048-.772668%201.846676-1.7615%201.9412861l-.188266.0084786-2.573792-.0003107c-.517426-.0000624-1.013675.2055248-1.379456.5714956l-1.818245%201.8191823c-.71331.7145515-1.843049.7594886-2.609113.1349998l-.148135-.1347645-1.8193435-1.8196542c-.3657628-.3658252-.8618987-.5713214-1.3792103-.571259l-2.5727052.0003107c-1.0136048.0001222-1.846676-.7731321-1.9412861-1.761968l-.0089492-.1877967-.0003107-2.5742678c-.0000624-.5171478-.2055495-1.0130926-.571259-1.3787397l-1.8185622-1.8182515c-.7139886-.713869-.758706-1.843647-.1340846-2.609607l.1338493-.148109%201.8190328-1.81935c.3655665-.365625.5709613-.861471.5710237-1.378494l.0003107-2.573181c.0006006-1.076777.8734635-1.949636%201.9502353-1.950234l2.5731758-.000312c.5170321-.000065%201.0128768-.205452%201.3785044-.571025l1.8193448-1.819038c.761592-.761449%201.996254-.761345%202.757716.000247zm3.195309%208.047806c-.426556-.34125-1.032655-.306293-1.417455.060333l-.099151.108173-4.448444%205.55815-1.7460313-1.74707-.1104961-.096564c-.4229264-.32188-1.0291801-.289692-1.4154413.096564-.3862612.386269-.4184492.992511-.0965653%201.41544l.0965653.1105%202.5999987%202.5999987.109876.0961467c.419874.320359%201.015131.2873897%201.397071-.0773773l.098579-.107692%205.2-6.4999961.083772-.120484c.273208-.455884.174278-1.054885-.252278-1.396122z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.tme_mode .message_media_not_supported,
|
|
body.tme_mode .tgme_widget_message_roundvideo_duration,
|
|
body.tme_mode .tgme_widget_message_voice_duration,
|
|
body.tme_mode .tgme_widget_message_document_extra,
|
|
body.tme_mode .tgme_widget_message_contact_phone,
|
|
body.tme_mode .tgme_widget_message_location_address,
|
|
body.tme_mode .tgme_widget_message_error,
|
|
body.tme_mode .tgme_widget_message_reply .tgme_widget_message_metatext,
|
|
body.tme_mode .tgme_widget_message_poll_type,
|
|
body.tme_mode .tgme_widget_message_poll_votes,
|
|
body.tme_mode .tgme_widget_message_footer {
|
|
color: #7D7F81;
|
|
}
|
|
body.tme_mode .tgme_widget_message_video_player .message_media_not_supported,
|
|
body.tme_mode .tgme_widget_message_roundvideo_player .message_media_not_supported {
|
|
color: #fff;
|
|
}
|
|
body.tme_mode .tgme_widget_message_views:after {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%237D7F81%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.tme_mode .no_bubble .tgme_widget_message_views:after {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.tme_mode .tgme_widget_message_voters:after {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20width%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m3.60486756.00162755%204.54930464-.00162755c1.33727811%200%201.82220747.13923842%202.3110964.40069906.4888888.26146064.8725717.6451435%201.1340323%201.13403238l.0922854.18482021c.2018093.43861897.3084137.9561578.3084137%202.12627615v4.3083444c0%201.33727811-.1392384%201.82220747-.4006991%202.3110964-.2614606.4888888-.6451435.8725717-1.1340323%201.1340323l-.1848203.0922854c-.43861892.2018093-.95615775.3084137-2.1262761.3084137h-4.3083444c-1.33727811%200-1.82220747-.1392384-2.31109636-.4006991-.48888888-.2614606-.87257174-.6451435-1.13403238-1.1340323l-.09228534-.1848203c-.18739436-.407289-.29269878-.88262629-.30678617-1.88531586l-.00162755-4.54930464c0-1.33727811.13923842-1.82220747.40069906-2.31109636.26146064-.48888888.6451435-.87257174%201.13403238-1.13403238l.18482021-.09228534c.40728905-.18739436.88262634-.29269878%201.88531591-.30678617zm6.42546254%202.96804236c-.26626658-.26626656-.68293026-.29047261-.97654175-.07261815l-.08411844.07261815-3.96966991%203.96933009-1.46966991-1.46933009-.08411844-.07261815c-.29361149-.21785446-.71027517-.19364841-.97654174.07261815-.26626656.26626657-.29047261.68293025-.07261815.97654174l.07261815.08411844%202%202%20.08411844.07261815c.26098799.19364841.61920241.19603913.88259105.00717216l.09395069-.07979031%204.50000001-4.5.0726181-.08411844c.2178545-.29361149.1936484-.71027517-.0726181-.97654174z%22%20fill%3D%22%237D7F81%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
|
|
|
|
body.name_nocolor .tgme_widget_message_author_name > .name {
|
|
color: #2481CC;
|
|
}
|
|
|
|
body.nodark.accent_light .accent_bg,
|
|
body.dark.dark_accent_light .accent_bg,
|
|
body.nodark.accent_light .accent_bghover,
|
|
body.dark.dark_accent_light .accent_bghover {
|
|
color: #15202b;
|
|
}
|
|
body.nodark.accent_light .tgme_widget_message_voice_play,
|
|
body.dark.dark_accent_light .tgme_widget_message_voice_play {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%203.24662107v17.50675783c0%20.6750147.54720753%201.2222223%201.22222222%201.2222223.23559715%200%20.46617345-.0680925.66397379-.196081l13.52794929-8.7533789c.5667222-.3667026.7288701-1.1233929.3621675-1.6901151-.0937888-.1449463-.2172212-.2683787-.3621675-.3621675l-13.52794929-8.75337893c-.5667222-.3667026-1.3234125-.20455468-1.69011509.36216752-.12798845.19780033-.19608092.42837663-.19608092.66397378z%22%20transform%3D%22translate%281%200%29%22%20fill%3D%22%2315202b%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.nodark.accent_light .tgme_widget_message_document_icon,
|
|
body.dark.dark_accent_light .tgme_widget_message_document_icon {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16.6538365%204.06433079c.1979918.04563221.3731812.11819804.5454493.22593253l.1128317.07532436c.1136531.08153308.2382757.18981438.4504173.39794253l5.3612119%205.36021649c.3651614.3651614.4782555.5046993.58599.6769675.1077345.1722681.1803003.3474575.2259325.5454493l.0265217.1330464c.0264976.1610204.0378091.3583423.0378091.7599994v11.1969055c0%20.8915187-.0928256%201.214805-.2671327%201.5407309s-.4300957.5817145-.7560216.7560216-.6492122.2671327-1.5407309.2671327h-12.8722296c-.89151874%200-1.21480498-.0928256-1.5407309-.2671327-.32592593-.1743071-.5817145-.4300957-.7560216-.7560216-.16089885-.3008547-.2523697-.5994602-.26549007-1.3448229l-.00164263-17.0681376c0-.89151874.09282561-1.21480498.2671327-1.5407309.1743071-.32592593.43009567-.5817145.7560216-.7560216.3008547-.16089885.5994602-.2523697%201.34482293-.26549007l7.39281347-.00164263c.5164163%200%20.695054.01869859.8930458.06433079zm-.5073899%202.7892226c-.0937682.09376819-.1464466.22094515-.1464466.35355339v3.79289322c0%20.5522847.4477153%201%201%201h3.7928932c.2761424%200%20.5-.2238576.5-.5%200-.1326082-.0526784-.2597852-.1464466-.3535534l-4.2928932-4.29289321c-.1952622-.19526215-.5118446-.19526215-.7071068%200z%22%20fill%3D%22%2315202b%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.nodark.accent_light .tgme_widget_message_document_icon.audio,
|
|
body.dark.dark_accent_light .tgme_widget_message_document_icon.audio {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m15%205c0-1.1045695.8954305-2%202-2h4c1.1045695%200%202%20.8954305%202%202v4h-6v12c0%202.6887547-2.1223067%204.8818181-4.7831104%204.9953805l-.2168896.0046195c-2.76142375%200-5-2.2385763-5-5s2.23857625-5%205-5c1.1261445%200%202.1653335.3723009%203.0011995%201.0005351z%22%20fill%3D%22%2315202b%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.nodark.accent_light .tgme_widget_message_poll_option_correct,
|
|
body.dark.dark_accent_light .tgme_widget_message_poll_option_correct {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20width%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%2C3.43181818%20L2.820907%2C5.19754618%20C2.85078174%2C5.22651562%202.90134144%2C5.22445679%202.9333123%2C5.19345474%20L7%2C1.25%22%20stroke%3D%22%2315202b%22%20stroke-width%3D%221.2%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.nodark.accent_light .tgme_widget_message_poll_option_radio_item .tgme_widget_message_poll_option_radio:after,
|
|
body.dark.dark_accent_light .tgme_widget_message_poll_option_radio_item .tgme_widget_message_poll_option_radio:after {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%2315202b%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20height%3D%225.5%22%20rx%3D%221.1%22%20transform%3D%22matrix%28.70710678%20-.70710678%20.70710678%20.70710678%20-6.903479%208.428501%29%22%20width%3D%222.2%22%20x%3D%225.622361%22%20y%3D%229.797487%22%2F%3E%3Crect%20height%3D%2211%22%20rx%3D%221.1%22%20transform%3D%22matrix%28.70710678%20.70710678%20-.70710678%20.70710678%2010.937311%20-5.071194%29%22%20width%3D%222.2%22%20x%3D%2210.490128%22%20y%3D%225.166905%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
|
}
|
|
|
|
body.dark.body_widget_post,
|
|
body.dark .tgme_widget_message_location_title,
|
|
body.dark .tgme_widget_message_reply .tgme_widget_message_text,
|
|
body.dark .link_preview_title,
|
|
body.dark .link_preview_description,
|
|
body.dark .tgme_widget_message_game_text,
|
|
body.dark .tgme_widget_message_invoice_description,
|
|
body.dark .tgme_widget_message_poll_option_percent,
|
|
body.dark .tgme_widget_message_poll_option_value {
|
|
color: #fff;
|
|
}
|
|
body.dark .tgme_widget_message_bubble {
|
|
background-color: #15202b;
|
|
border-color: #364049;
|
|
}
|
|
body.dark .tgme_widget_message_roundvideo_border {
|
|
border-color: #15202b; /* background */
|
|
}
|
|
body.dark .tgme_widget_message_bubble_tail .background {
|
|
fill: #15202b;
|
|
}
|
|
body.dark .tgme_widget_message_bubble_tail .border_1x {
|
|
fill: #364049;
|
|
}
|
|
body.dark.widget_frame_base a,
|
|
body.dark.widget_frame_base a:hover,
|
|
body.dark .tgme_widget_message_author,
|
|
body.dark .tgme_widget_message_forwarded_from,
|
|
body.dark .tgme_widget_message_document_title,
|
|
body.dark .tgme_widget_message_contact_name,
|
|
body.dark .tgme_widget_message_game_title,
|
|
body.dark .tgme_widget_message_invoice_title,
|
|
body.dark .tgme_widget_message_link,
|
|
body.dark .link_preview_site_name,
|
|
body.dark .tgme_popup_button {
|
|
color: #3CA1EB;
|
|
}
|
|
body.dark .message_media_view_in_telegram {
|
|
border-color: #4ba3e2;
|
|
color: #3CA1EB;
|
|
}
|
|
body.dark.widget_frame_base a.message_media_view_in_telegram:hover {
|
|
background-color: #4ba3e2;
|
|
color: #fff;
|
|
}
|
|
body.dark.name_nocolor .tgme_widget_message_author_name > .name {
|
|
color: #3CA1EB;
|
|
}
|
|
body.dark .tgme_widget_message_voice_play,
|
|
body.dark .tgme_widget_message_voice_progress .bar s,
|
|
body.dark .tgme_widget_message_document_icon,
|
|
body.dark .tgme_widget_message_reply:after,
|
|
body.dark .tgme_widget_message_link_preview:before,
|
|
body.dark .tgme_widget_message_game:before,
|
|
body.dark .tgme_widget_message_poll_option_bar,
|
|
body.dark .tgme_widget_message_poll_option_correct {
|
|
background-color: #4ba3e2;
|
|
}
|
|
body.dark .tgme_popup_button:hover,
|
|
body.dark .tgme_popup_button:focus,
|
|
body.dark .tgme_popup_button:active {
|
|
color: #3CA1EB;
|
|
background-color: rgba(60, 161, 235, .1);
|
|
}
|
|
|
|
body.dark .tgme_widget_message_reply .tgme_widget_message_text {
|
|
color: #fff;
|
|
}
|
|
body.dark .message_media_not_supported,
|
|
body.dark .tgme_widget_message_roundvideo_duration,
|
|
body.dark .tgme_widget_message_voice_duration
|
|
body.dark .tgme_widget_message_document_extra,
|
|
body.dark .tgme_widget_message_contact_phone,
|
|
body.dark .tgme_widget_message_location_address,
|
|
body.dark .tgme_widget_message_error,
|
|
body.dark .tgme_widget_message_reply .tgme_widget_message_metatext,
|
|
body.dark .tgme_widget_message_poll_type,
|
|
body.dark .tgme_widget_message_poll_votes,
|
|
body.dark .tgme_widget_message_footer {
|
|
color: #798894;
|
|
}
|
|
body.dark .tgme_widget_message_views:after {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%23798894%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
body.dark .tgme_widget_message_voice_progress_bg .bar s {
|
|
background-color: #2D3945;
|
|
}
|
|
body.dark .tgme_widget_message_poll_option_radio_item:hover .tgme_widget_message_poll_option_radio:before {
|
|
background-color: rgba(255, 255, 255, 0.15);
|
|
}
|
|
body.dark .tgme_widget_message_poll_voters .tgme_widget_message_user_photo {
|
|
border-color: #15202b;
|
|
box-shadow: 0 0 0 0.25px #15202b;
|
|
}
|
|
body.dark .tgme_popup {
|
|
background-color: #2D3945;
|
|
}
|