2196 lines
81 KiB
CSS
2196 lines
81 KiB
CSS
|
:root {
|
||
|
|
color-scheme: light dark;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
--text-color: #212121;
|
||
|
|
--second-color: #738ca7;
|
||
|
|
--accent-color: #2481cc;
|
||
|
|
--accent-line-color: #4ca3e2;
|
||
|
|
--accent-btn-color: #2481cc;
|
||
|
|
--accent-btn-bghover: #e6f1f7;
|
||
|
|
--accent-btn-bgactive: #d4e6f1;
|
||
|
|
--bubble-bgcolor: #fff;
|
||
|
|
--bubble-border-color: #d7e3ec;
|
||
|
|
--voice-progress-bgcolor: #d3dbe4;
|
||
|
|
--radio-bghover: rgba(0, 0, 0, 0.05);
|
||
|
|
--popup-bgcolor: #fff;
|
||
|
|
--radio-item-color: #2392e7;
|
||
|
|
|
||
|
|
--bubble-logo-icon-svg: 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');
|
||
|
|
--verified-icon-svg: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%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%22m6%206h12v12h-12z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m14.38%201.51%201.82%201.82c.37.37.86.57%201.38.57h2.57c1.01%200%201.85.77%201.94%201.76l.01.19v2.57c0%20.52.21%201.01.57%201.38l1.82%201.82c.71.71.76%201.84.13%202.61l-.13.15-1.82%201.82c-.37.37-.57.86-.57%201.38v2.57c0%201.01-.77%201.85-1.76%201.94l-.19.01h-2.57c-.52%200-1.01.21-1.38.57l-1.82%201.82c-.71.71-1.84.76-2.61.13l-.15-.13-1.82-1.82c-.37-.37-.86-.57-1.38-.57h-2.57c-1.01%200-1.85-.77-1.94-1.76l-.01-.19v-2.57c0-.52-.21-1.01-.57-1.38l-1.82-1.82c-.71-.71-.76-1.84-.13-2.61l.13-.15%201.82-1.82c.37-.37.57-.86.57-1.38v-2.57c0-1.08.87-1.95%201.95-1.95h2.57c.52%200%201.01-.21%201.38-.57l1.82-1.82c.76-.76%202-.76%202.76%200zm3.2%208.05c-.43-.34-1.03-.31-1.42.06l-.1.11-4.45%205.56-1.75-1.75-.11-.1c-.42-.32-1.03-.29-1.42.1s-.42.99-.1%201.42l.1.11%202.6%202.6.11.1c.42.32%201.02.29%201.4-.08l.1-.11%205.2-6.5.08-.12c.27-.46.17-1.05-.25-1.4z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
||
|
|
--views-icon-svg: 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');
|
||
|
|
--voters-icon-svg: 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');
|
||
|
|
|
||
|
|
--light-btn-text: #fff;
|
||
|
|
--voice-icon-svg: 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');
|
||
|
|
--docfile-icon-svg: 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');
|
||
|
|
--docaudio-icon-svg: 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');
|
||
|
|
--pollopt-correct-icon-svg: 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');
|
||
|
|
--pollopt-incorrect-icon-svg: 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');
|
||
|
|
--radio-item-icon-svg: 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');
|
||
|
|
|
||
|
|
--bgcolor0: #e17076;
|
||
|
|
--bgcolor1: #faa774;
|
||
|
|
--bgcolor2: #a695e7;
|
||
|
|
--bgcolor3: #7bc862;
|
||
|
|
--bgcolor4: #6ec9cb;
|
||
|
|
--bgcolor5: #65aadd;
|
||
|
|
--bgcolor6: #ee7aae;
|
||
|
|
|
||
|
|
--bgcolor0-top: #ff885e;
|
||
|
|
--bgcolor0-bottom: #ff516a;
|
||
|
|
--bgcolor1-top: #ffcd6a;
|
||
|
|
--bgcolor1-bottom: #ffa85c;
|
||
|
|
--bgcolor2-top: #82b1ff;
|
||
|
|
--bgcolor2-bottom: #665fff;
|
||
|
|
--bgcolor3-top: #a0de7e;
|
||
|
|
--bgcolor3-bottom: #54cb68;
|
||
|
|
--bgcolor4-top: #53edd6;
|
||
|
|
--bgcolor4-bottom: #28c9b7;
|
||
|
|
--bgcolor5-top: #72d5fd;
|
||
|
|
--bgcolor5-bottom: #2a9ef1;
|
||
|
|
--bgcolor6-top: #e0a2f3;
|
||
|
|
--bgcolor6-bottom: #d669ed;
|
||
|
|
|
||
|
|
--color0: #c03d33; /* red */
|
||
|
|
--color1: #ce671b; /* orange */
|
||
|
|
--color2: #8544d6; /* purple */
|
||
|
|
--color3: #4fad2d; /* green */
|
||
|
|
--color4: #2996ad; /* cyan */
|
||
|
|
--color5: #168acd; /* blue */
|
||
|
|
--color6: #cd4073; /* pink */
|
||
|
|
|
||
|
|
--spoiler-bgcolor: #e3e5e8;
|
||
|
|
}
|
||
|
|
body.dark,
|
||
|
|
html.theme_dark body {
|
||
|
|
--text-color: #fff;
|
||
|
|
--second-color: #798894;
|
||
|
|
--accent-color: #3ca1eb;
|
||
|
|
--accent-line-color: #4ba3e2;
|
||
|
|
--accent-btn-color: #3ca1eb;
|
||
|
|
--accent-btn-bghover: rgba(60, 161, 235, .1);
|
||
|
|
--accent-btn-bgactive: rgba(60, 161, 235, .1);
|
||
|
|
--bubble-bgcolor: #15202b;
|
||
|
|
--bubble-border-color: #364049;
|
||
|
|
--voice-progress-bgcolor: #2d3945;
|
||
|
|
--radio-bghover: rgba(255, 255, 255, 0.15);
|
||
|
|
--popup-bgcolor: #2d3945;
|
||
|
|
|
||
|
|
--views-icon-svg: 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');
|
||
|
|
--voters-icon-svg: 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%23798894%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
||
|
|
|
||
|
|
--bgcolor0: #e0645e;
|
||
|
|
--bgcolor1: #e9b653;
|
||
|
|
--bgcolor2: #af74f2;
|
||
|
|
--bgcolor3: #7cc766;
|
||
|
|
--bgcolor4: #5bbfd7;
|
||
|
|
--bgcolor5: #5caae4;
|
||
|
|
--bgcolor6: #e9539d;
|
||
|
|
|
||
|
|
--color0: #f95c54; /* red */
|
||
|
|
--color1: #f3bb4f; /* orange */
|
||
|
|
--color2: #c28dff; /* purple */
|
||
|
|
--color3: #76df56; /* green */
|
||
|
|
--color4: #4fd2f3; /* cyan */
|
||
|
|
--color5: #5ebbff; /* blue */
|
||
|
|
--color6: #ff5ead; /* pink */
|
||
|
|
|
||
|
|
--spoiler-bgcolor: #373e4e;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.widget_frame_base {
|
||
|
|
font-family: 'Roboto', sans-serif;
|
||
|
|
padding: 0;
|
||
|
|
margin: 0 auto;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
.widget_frame_base a,
|
||
|
|
.widget_frame_base a:hover {
|
||
|
|
color: var(--accent-color);
|
||
|
|
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: var(--text-color);
|
||
|
|
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: transparent;
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
s .emoji > b {
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
a:hover :has(.emoji),
|
||
|
|
a:hover .emoji,
|
||
|
|
a:hover .emoji > b {
|
||
|
|
text-decoration: inherit;
|
||
|
|
}
|
||
|
|
.emoji_default .emoji {
|
||
|
|
background: none !important;
|
||
|
|
}
|
||
|
|
.emoji_image .emoji {
|
||
|
|
width: 1.25em;
|
||
|
|
height: 1.25em;
|
||
|
|
vertical-align: top;
|
||
|
|
display: inline-block;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
position: relative;
|
||
|
|
background: no-repeat -1000px -1000px;
|
||
|
|
background-size: 1.25em 1.25em;
|
||
|
|
text-indent: -10em;
|
||
|
|
padding: 3px 3px 3px 2px;
|
||
|
|
margin: -3px -2px;
|
||
|
|
}
|
||
|
|
.emoji_image .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);
|
||
|
|
}
|
||
|
|
.emoji_image .emoji > b {
|
||
|
|
letter-spacing: 12em;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
tg-spoiler {
|
||
|
|
--anim-dur: .45s;
|
||
|
|
--anim: var(--anim-dur) ease;
|
||
|
|
--anim-fn: text-show;
|
||
|
|
--bg-anim-fn: bg-hide;
|
||
|
|
|
||
|
|
padding: 1px 0;
|
||
|
|
border-radius: 1px;
|
||
|
|
}
|
||
|
|
.spoilers_hidden tg-spoiler {
|
||
|
|
--anim-fn: text-hide;
|
||
|
|
--bg-anim-fn: bg-show;
|
||
|
|
background: var(--spoiler-bgcolor);
|
||
|
|
}
|
||
|
|
.spoilers_hidden.spoilers_active tg-spoiler {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.spoilers_hidden span.tg-spoiler-text {
|
||
|
|
color: transparent;
|
||
|
|
}
|
||
|
|
.spoilers_hidden.decorated-text s,
|
||
|
|
.spoilers_hidden.decorated-text u,
|
||
|
|
.spoilers_hidden.decorated-text a:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.spoilers_hidden.decorated-text tg-spoiler,
|
||
|
|
.spoilers_hidden.decorated-text tg-spoiler span.d-text {
|
||
|
|
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 tg-spoiler a {
|
||
|
|
color: transparent;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.emoji_image .spoilers_hidden tg-spoiler .emoji:before,
|
||
|
|
.emoji_image .spoilers_hidden tg-spoiler tg-emoji .tg-emoji-wrap {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.spoilers_animate 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 tg-spoiler a {
|
||
|
|
transition: color var(--anim);
|
||
|
|
}
|
||
|
|
.emoji_image .spoilers_animate tg-spoiler .emoji:before,
|
||
|
|
.emoji_image .spoilers_animate tg-spoiler tg-emoji .tg-emoji-wrap {
|
||
|
|
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(--spoiler-bgcolor);
|
||
|
|
box-shadow: 0 0 var(--spoiler-bgcolor);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: 0 0 60px 60px transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes bg-show {
|
||
|
|
from {
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: 0 0 30px 30px transparent;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
background: var(--spoiler-bgcolor);
|
||
|
|
box-shadow: 0 0 var(--spoiler-bgcolor);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
tg-emoji {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.emoji_image tg-emoji .emoji {
|
||
|
|
background: none !important;
|
||
|
|
}
|
||
|
|
tg-emoji span.tg-emoji-wrap {
|
||
|
|
display: inline-block;
|
||
|
|
width: 1.5em;
|
||
|
|
height: 1.5em;
|
||
|
|
margin-right: -1.5em;
|
||
|
|
vertical-align: top;
|
||
|
|
background: no-repeat 2px 50%;
|
||
|
|
background-size: 1.25em 1.25em;
|
||
|
|
transform: translateX(-0.125em) translateY(calc(1px - 0.125em));
|
||
|
|
pointer-events: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
tg-emoji .tg-emoji:before {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
padding-top: 100%;
|
||
|
|
}
|
||
|
|
tg-emoji .tg-emoji {
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
tg-emoji .tg-emoji-webp {
|
||
|
|
background: no-repeat center;
|
||
|
|
background-size: 100%;
|
||
|
|
}
|
||
|
|
tg-emoji .tg-emoji-webm {
|
||
|
|
background: no-repeat top center;
|
||
|
|
background-size: 100%;
|
||
|
|
}
|
||
|
|
tg-emoji .tg-emoji-tgs img,
|
||
|
|
tg-emoji .tg-emoji-tgs canvas,
|
||
|
|
tg-emoji .tg-emoji-webm video {
|
||
|
|
position: absolute;
|
||
|
|
top: 0; bottom: 0;
|
||
|
|
left: 0; right: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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_message_user_photo video,
|
||
|
|
.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-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
|
||
|
|
font-style: normal;
|
||
|
|
text-align: center;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-decoration: none !important;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 37px;
|
||
|
|
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_message_user_photo video,
|
||
|
|
.tgme_widget_login_user_photo img {
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: none;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_bubble {
|
||
|
|
position: relative;
|
||
|
|
border: 1px solid var(--bubble-border-color);
|
||
|
|
border-radius: 0 10px 10px 10px;
|
||
|
|
background: var(--bubble-bgcolor);
|
||
|
|
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: var(--bubble-bgcolor);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_bubble_tail .border_1x {
|
||
|
|
fill: var(--bubble-border-color);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_bubble_logo {
|
||
|
|
display: inline-block;
|
||
|
|
float: right;
|
||
|
|
width: 24px;
|
||
|
|
height: 20px;
|
||
|
|
margin-left: 10px;
|
||
|
|
background: var(--bubble-logo-icon-svg) 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 !important;
|
||
|
|
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 {
|
||
|
|
color: inherit !important;
|
||
|
|
}
|
||
|
|
a.tgme_widget_message_action_btn.accent_color {
|
||
|
|
color: var(--accent-color) !important;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_author,
|
||
|
|
.tgme_widget_message_forwarded_from {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 23px;
|
||
|
|
margin: -2px 0;
|
||
|
|
color: var(--accent-color);
|
||
|
|
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: var(--verified-icon-svg) 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: var(--second-color);
|
||
|
|
-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 var(--accent-line-color);
|
||
|
|
transition: all .2s ease;
|
||
|
|
text-transform: uppercase;
|
||
|
|
white-space: nowrap;
|
||
|
|
color: var(--accent-color);
|
||
|
|
padding: 10px 20px 9px;
|
||
|
|
margin-top: 12px;
|
||
|
|
}
|
||
|
|
.widget_frame_base a.message_media_view_in_telegram:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
background: var(--accent-line-color);
|
||
|
|
color: var(--light-btn-text);
|
||
|
|
}
|
||
|
|
.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 {
|
||
|
|
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 {
|
||
|
|
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 {
|
||
|
|
background: #fff;
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_sticker_wrap {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
margin: 12px auto;
|
||
|
|
min-height: 20px;
|
||
|
|
max-width: 192px;
|
||
|
|
max-height: 192px;
|
||
|
|
}
|
||
|
|
.with_effect .tgme_widget_message_sticker_wrap,
|
||
|
|
.with_effect .tgme_widget_message_sticker_wrap .tgme_widget_message_tgsticker_wrap,
|
||
|
|
.with_effect .tgme_widget_message_sticker_wrap .tgme_widget_message_tgsticker {
|
||
|
|
max-width: 256px;
|
||
|
|
max-height: 192px;
|
||
|
|
}
|
||
|
|
.with_effect .tgme_widget_message_sticker_wrap .tgme_widget_message_tgsticker {
|
||
|
|
max-height: 256px;
|
||
|
|
transform: translateY(-32px);
|
||
|
|
}
|
||
|
|
.with_effect .tgme_widget_message_sticker_wrap {
|
||
|
|
transform: scaleX(-1);
|
||
|
|
}
|
||
|
|
.with_effect .tgme_widget_message_sticker_wrap .tgme_widget_message_tgsticker_wrap {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_tgsticker_effect + .tgme_widget_message_tgsticker_wrap {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_tgsticker_effect {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
width: 150% !important;
|
||
|
|
height: 200%;
|
||
|
|
right: -8.2%;
|
||
|
|
top: -50%;
|
||
|
|
visibility: hidden;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_sticker {
|
||
|
|
display: block;
|
||
|
|
background: no-repeat center;
|
||
|
|
background-size: 100%;
|
||
|
|
max-width: 192px;
|
||
|
|
max-height: 192px;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_tgsticker {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
max-width: 192px;
|
||
|
|
max-height: 192px;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_videosticker {
|
||
|
|
position: relative;
|
||
|
|
background: no-repeat top center;
|
||
|
|
background-size: 100%;
|
||
|
|
display: block;
|
||
|
|
max-width: 192px;
|
||
|
|
max-height: 192px;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_tgsticker img.blured {
|
||
|
|
filter: blur(3px);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_tgsticker img,
|
||
|
|
.tgme_widget_message_tgsticker canvas,
|
||
|
|
.tgme_widget_message_tgsticker_effect canvas,
|
||
|
|
.tgme_widget_message_videosticker video {
|
||
|
|
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 var(--bubble-bgcolor);
|
||
|
|
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: var(--second-color);
|
||
|
|
-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: var(--voice-icon-svg) no-repeat center;
|
||
|
|
background-color: var(--accent-line-color);
|
||
|
|
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: var(--voice-progress-bgcolor);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_voice_progress .bar s {
|
||
|
|
background: var(--accent-line-color);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_voice_duration {
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 19px;
|
||
|
|
color: var(--second-color);
|
||
|
|
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: var(--docfile-icon-svg) no-repeat center;
|
||
|
|
background-color: var(--accent-line-color);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_document_icon.audio {
|
||
|
|
background-image: var(--docaudio-icon-svg);
|
||
|
|
}
|
||
|
|
.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: var(--accent-color);
|
||
|
|
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: var(--second-color);
|
||
|
|
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: var(--text-color);
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_location_address {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 19px;
|
||
|
|
color: var(--second-color);
|
||
|
|
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: var(--second-color);
|
||
|
|
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: var(--text-color);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_reply .tgme_widget_message_metatext {
|
||
|
|
color: var(--second-color);
|
||
|
|
-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_thumb.with_effect {
|
||
|
|
transform: scaleX(-1);
|
||
|
|
}
|
||
|
|
.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: var(--accent-line-color);
|
||
|
|
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: var(--accent-color);
|
||
|
|
}
|
||
|
|
.link_preview_title {
|
||
|
|
font-weight: 500;
|
||
|
|
color: var(--text-color);
|
||
|
|
margin-top: 4px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
}
|
||
|
|
.link_preview_description {
|
||
|
|
color: var(--text-color);
|
||
|
|
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: var(--accent-color);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_game_text,
|
||
|
|
.tgme_widget_message_invoice_description {
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 21px;
|
||
|
|
color: var(--text-color);
|
||
|
|
}
|
||
|
|
.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: var(--second-color);
|
||
|
|
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 var(--bubble-bgcolor);
|
||
|
|
box-shadow: 0 0 0 0.25px var(--bubble-bgcolor);
|
||
|
|
margin: -2px -4px -2px 0;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_poll_votes {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 17px;
|
||
|
|
color: var(--second-color);
|
||
|
|
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: var(--text-color);
|
||
|
|
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: var(--radio-item-color) var(--radio-item-icon-svg) 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: var(--radio-bghover);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_poll_option_value {
|
||
|
|
position: relative;
|
||
|
|
padding-left: 32px;
|
||
|
|
color: var(--text-color);
|
||
|
|
}
|
||
|
|
.tgme_widget_message_poll_option_bar {
|
||
|
|
margin-top: 6px;
|
||
|
|
min-width: 4px;
|
||
|
|
background: var(--accent-line-color);
|
||
|
|
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: var(--accent-line-color) var(--pollopt-correct-icon-svg) 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: var(--pollopt-incorrect-icon-svg);
|
||
|
|
}
|
||
|
|
.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_footer {
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 19px;
|
||
|
|
color: var(--second-color);
|
||
|
|
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: var(--views-icon-svg) no-repeat 0 0;
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_voters:after {
|
||
|
|
content: '';
|
||
|
|
display: inline-block;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
background: var(--voters-icon-svg) 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 {
|
||
|
|
vertical-align: top;
|
||
|
|
white-space: nowrap;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
.tgme_widget_message_link {
|
||
|
|
color: var(--accent-color);
|
||
|
|
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: var(--bgcolor0) linear-gradient(var(--bgcolor0-top), var(--bgcolor0-bottom)); }
|
||
|
|
.bgcolor1 { background: var(--bgcolor1) linear-gradient(var(--bgcolor1-top), var(--bgcolor1-bottom)); }
|
||
|
|
.bgcolor2 { background: var(--bgcolor2) linear-gradient(var(--bgcolor2-top), var(--bgcolor2-bottom)); }
|
||
|
|
.bgcolor3 { background: var(--bgcolor3) linear-gradient(var(--bgcolor3-top), var(--bgcolor3-bottom)); }
|
||
|
|
.bgcolor4 { background: var(--bgcolor4) linear-gradient(var(--bgcolor4-top), var(--bgcolor4-bottom)); }
|
||
|
|
.bgcolor5 { background: var(--bgcolor5) linear-gradient(var(--bgcolor5-top), var(--bgcolor5-bottom)); }
|
||
|
|
.bgcolor6 { background: var(--bgcolor6) linear-gradient(var(--bgcolor6-top), var(--bgcolor6-bottom)); }
|
||
|
|
|
||
|
|
.color0 { color: var(--color0); } /* red */
|
||
|
|
.color1 { color: var(--color1); } /* orange */
|
||
|
|
.color2 { color: var(--color2); } /* purple */
|
||
|
|
.color3 { color: var(--color3); } /* green */
|
||
|
|
.color4 { color: var(--color4); } /* cyan */
|
||
|
|
.color5 { color: var(--color5); } /* blue */
|
||
|
|
.color6 { color: var(--color6); } /* pink */
|
||
|
|
|
||
|
|
.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: var(--popup-bgcolor);
|
||
|
|
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: var(--accent-color);
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.tgme_popup_button:hover {
|
||
|
|
background: var(--accent-btn-bghover);
|
||
|
|
}
|
||
|
|
.tgme_popup_button:active {
|
||
|
|
background: var(--accent-btn-bgactive);
|
||
|
|
}
|
||
|
|
@media (min-width: 560px) {
|
||
|
|
.tgme_popup_body {
|
||
|
|
padding: 30px 35px;
|
||
|
|
}
|
||
|
|
.tgme_popup_buttons {
|
||
|
|
margin-top: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
body.tme_widget_mode {
|
||
|
|
min-width: 320px;
|
||
|
|
max-width: 520px;
|
||
|
|
}
|
||
|
|
body.tme_widget_mode .tgme_widget_message {
|
||
|
|
padding: 5px 10px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
body.tme_mode {
|
||
|
|
--text-color: #000;
|
||
|
|
--second-color: #7d7f81;
|
||
|
|
--bubble-logo-icon-svg: 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');
|
||
|
|
--views-icon-svg: 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');
|
||
|
|
--voters-icon-svg: 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');
|
||
|
|
|
||
|
|
--box-bg: #fff;
|
||
|
|
--box-bg-blured: rgba(255, 255, 255, .84);
|
||
|
|
--service-bg-blured: rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
body.tme_mode .tgme_widget_message_bubble {
|
||
|
|
border: none;
|
||
|
|
filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1));
|
||
|
|
}
|
||
|
|
body.tme_mode .no_bubble .tgme_widget_message_bubble {
|
||
|
|
filter: none;
|
||
|
|
}
|
||
|
|
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 !important;
|
||
|
|
}
|
||
|
|
body.dark.tme_mode,
|
||
|
|
html.theme_dark body.tme_mode {
|
||
|
|
--text-color: #fff;
|
||
|
|
--second-color: #7d7f81;
|
||
|
|
--accent-color: #64b5ef;
|
||
|
|
--accent-line-color: #64b5ef;
|
||
|
|
--accent-btn-color: #1c93e3;
|
||
|
|
--accent-color-hover: #1a8ad5;
|
||
|
|
--bubble-bgcolor: #1e1e1e;
|
||
|
|
--voice-progress-bgcolor: var(--second-color);
|
||
|
|
|
||
|
|
--bubble-logo-icon-svg: 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%2364b5ef%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28-487%20-36%29%22%2F%3E%3C%2Fsvg%3E');
|
||
|
|
--views-icon-svg: 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');
|
||
|
|
--voters-icon-svg: 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');
|
||
|
|
|
||
|
|
--box-bg: #1e1e1e;
|
||
|
|
--box-bg-blured: rgba(34, 34, 34, .84);
|
||
|
|
--service-bg-blured: rgba(255, 255, 255, 0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
body.name_nocolor .tgme_widget_message_author_name > .name {
|
||
|
|
color: var(--accent-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
body.nodark.accent_light,
|
||
|
|
body.dark.dark_accent_light,
|
||
|
|
html.theme_dark body.dark_accent_light {
|
||
|
|
--light-btn-text: #15202b;
|
||
|
|
--voice-icon-svg: 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');
|
||
|
|
--docfile-icon-svg: 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');
|
||
|
|
--docaudio-icon-svg: 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');
|
||
|
|
--pollopt-correct-icon-svg: 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');
|
||
|
|
--pollopt-incorrect-icon-svg: 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%2315202b%22%20stroke-width%3D%221.2%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
|
||
|
|
--radio-item-icon-svg: 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');
|
||
|
|
}
|
||
|
|
|