mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-12-15 11:16:07 +01:00
5087 lines
112 KiB
CSS
5087 lines
112 KiB
CSS
body {
|
|
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
|
|
/*-webkit-font-smoothing: antialiased;*/
|
|
}
|
|
html.native_fonts body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
}
|
|
html.lang_rtl {
|
|
direction: rtl;
|
|
}
|
|
|
|
body,
|
|
html.theme_dark body.bg_light {
|
|
--text-color: #000;
|
|
--second-text-color: #7d7f81;
|
|
--accent-btn-color: #2481cc;
|
|
--accent-color-hover: #1a8ad5;
|
|
--body-bg: #fff;
|
|
--box-bg: #fff;
|
|
--box-bg-blured: rgba(255, 255, 255, .84);
|
|
--tme-logo-color: #363b40;
|
|
--accent-link-color: #2481cc;
|
|
|
|
--icon-verified: 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');
|
|
}
|
|
|
|
html.theme_dark body,
|
|
html body.bg_dark {
|
|
--text-color: #fff;
|
|
--accent-btn-color: #1c93e3;
|
|
--body-bg: #000;
|
|
--box-bg: #1e1e1e;
|
|
--box-bg-blured: rgba(34, 34, 34, .84);
|
|
--tme-logo-color: #fff;
|
|
--accent-link-color: #3ca1eb;
|
|
}
|
|
body {
|
|
background: var(--body-bg);
|
|
}
|
|
|
|
.no_transition,
|
|
.no_transition * {
|
|
transition: none !important;
|
|
}
|
|
|
|
a,
|
|
a:hover {
|
|
color: #0088cc;
|
|
}
|
|
a:focus {
|
|
text-decoration: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.container {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container {
|
|
width: 750px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.container {
|
|
width: 970px;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
.container {
|
|
width: 1170px;
|
|
}
|
|
}
|
|
.container-fluid {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
.row {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
|
|
.container:before {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.container:after {
|
|
content: " ";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
@media (min-width: 1px) {
|
|
.lang_rtl .navbar-nav,
|
|
.lang_rtl .navbar-nav > li {
|
|
float: right;
|
|
}
|
|
.lang_rtl .navbar-right {
|
|
float: left !important;
|
|
}
|
|
}
|
|
|
|
.tl_page_head,
|
|
.dev_page_head {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: #fff;
|
|
margin-bottom: 0;
|
|
}
|
|
@supports(-webkit-backdrop-filter: blur(0px)) {
|
|
.tl_page_head,
|
|
.dev_page_head {
|
|
background: rgba(255, 255, 255, .84);
|
|
-webkit-backdrop-filter: blur(25px);
|
|
}
|
|
}
|
|
@supports(backdrop-filter: blur(0px)) {
|
|
.tl_page_head,
|
|
.dev_page_head {
|
|
background: rgba(255, 255, 255, .84);
|
|
backdrop-filter: blur(25px);
|
|
}
|
|
}
|
|
.navbar-tg .navbar-inner {
|
|
box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
.navbar-tg .nav a {
|
|
color: #0088cc;
|
|
}
|
|
.navbar-tg .nav a:hover,
|
|
.navbar-tg .nav .active a {
|
|
color: #0088cc;
|
|
}
|
|
.navbar-tg .nav > .active > a,
|
|
.navbar-tg .nav > .open > a,
|
|
.navbar-tg .nav > li > a:hover {
|
|
position: relative;
|
|
}
|
|
.navbar-tg .nav > li > a:after {
|
|
display: block;
|
|
height: 3px;
|
|
background: #179cde;
|
|
position: absolute;
|
|
border-radius: 2px 2px 0 0;
|
|
content: "";
|
|
left: 4px;
|
|
right: 4px;
|
|
opacity: 0;
|
|
bottom: -1px;
|
|
-webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
-moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
-ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
|
|
transform-origin: bottom;
|
|
transform: scaleX(0.3) scaleY(0);
|
|
|
|
}
|
|
.navbar-tg .nav > .active > a:after,
|
|
.navbar-tg .nav > .open > a:after,
|
|
.navbar-tg .nav > li > a:hover:after {
|
|
opacity: 1;
|
|
transform: scaleX(1.0) scaleY(1.0);
|
|
}
|
|
.navbar-tg .nav > li > a,
|
|
.navbar-tg .nav > li > a:hover,
|
|
.navbar-tg .nav > li > a:focus {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.nav {
|
|
color: #a2a2a2;
|
|
font-size: 15px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
|
|
.caret {
|
|
display: inline-block;
|
|
background: url(../img/dropdown_1x.png) -2px -5px no-repeat;
|
|
border: 0;
|
|
width: 14px;
|
|
height: 6px;
|
|
margin-left: 2px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
|
|
.nav-pills > li > a {
|
|
font-size: 15px;
|
|
padding: 8px 17px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.nav > li > a:hover,
|
|
.nav > li > a:focus {
|
|
background-color: #f0f6fa;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.nav .open > a,
|
|
.nav .open > a:hover,
|
|
.nav .open > a:focus,
|
|
.nav-pills > li.active > a,
|
|
.nav-pills > li.active > a:hover,
|
|
.nav-pills > li.active > a:focus {
|
|
box-shadow: none;
|
|
background-color: #1e98d4;
|
|
color: #FFF;
|
|
border: 0;
|
|
}
|
|
|
|
.nav .open > a .caret,
|
|
.nav .open > a:hover .caret,
|
|
.nav .open > a:focus .caret {
|
|
background-position: -2px -15px;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
min-width: 177px;
|
|
padding: 0;
|
|
margin: 7px 0 0 0;
|
|
list-style: none;
|
|
font-size: 13px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
border-radius: 0;
|
|
border: 1px solid rgba(29,92,123,0.3);
|
|
box-shadow: 0 1px 1px rgba(20,60,83,0.1);
|
|
-webkit-box-shadow: 0 1px 1px rgba(20,60,83,0.1);
|
|
}
|
|
.dropdown-menu > li > a {
|
|
padding: 8px 18px;
|
|
margin: 0 -1px;
|
|
color: #08c;
|
|
}
|
|
.dropdown-menu > li > a:first-child {
|
|
margin-top: -1px;
|
|
padding-top: 9px;
|
|
}
|
|
.dropdown-menu > li > a:last-child {
|
|
margin-bottom: -1px;
|
|
padding-bottom: 9px;
|
|
}
|
|
.dropdown-menu > li > a:hover,
|
|
.dropdown-menu > li > a:focus,
|
|
.dropdown-menu > li.active > a {
|
|
text-decoration: none;
|
|
color: #FFF;
|
|
background-color: #1e98d4;
|
|
}
|
|
|
|
#dev_page_content > ul:not(.nav),
|
|
#dev_page_content ul.bulleted,
|
|
#dev_page_content > ul:not(.nav) ul:not(.nav),
|
|
#dev_page_content > ol:not(.nav) ul:not(.nav),
|
|
#dev_page_content ul.bulleted ul.bulleted {
|
|
list-style-type: none;
|
|
padding-left: 10px;
|
|
}
|
|
.is_rtl #dev_page_content > ul:not(.nav),
|
|
.is_rtl #dev_page_content ul.bulleted,
|
|
.is_rtl #dev_page_content > ul:not(.nav) ul:not(.nav),
|
|
.is_rtl #dev_page_content > ol:not(.nav) ul:not(.nav),
|
|
.is_rtl #dev_page_content ul.bulleted ul.bulleted {
|
|
padding-right: 10px;
|
|
padding-left: 0;
|
|
}
|
|
#dev_page_content > ol {
|
|
padding-left: 25px;
|
|
}
|
|
#dev_page_content > ol > li {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
|
|
#dev_page_content > ul:not(.nav) li,
|
|
#dev_page_content > ol:not(.nav) ul:not(.nav) li,
|
|
#dev_page_content ul.bulleted li {
|
|
background-image: url(../img/bullet.png?3);
|
|
background-repeat: no-repeat;
|
|
background-position: 0px 8px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.is_rtl #dev_page_content > ul:not(.nav) li,
|
|
.is_rtl #dev_page_content > ol:not(.nav) ul:not(.nav) li,
|
|
.is_rtl #dev_page_content ul.bulleted li {
|
|
background-position: 100% 8px;
|
|
padding-left: 0;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
|
|
|
|
.breadcrumb > li {
|
|
text-shadow: none;
|
|
}
|
|
.breadcrumb > li > .divider {
|
|
color: #c1d3e4;
|
|
}
|
|
|
|
pre, code {
|
|
border: 0;
|
|
}
|
|
pre {
|
|
font-size: 13px;
|
|
color: #546172;
|
|
background: #ecf3f8;
|
|
border-radius: 0;
|
|
}
|
|
code {
|
|
background: #feeae4;
|
|
color: #c61717;
|
|
padding: 3px 5px;
|
|
border-radius: 0;
|
|
}
|
|
blockquote {
|
|
border-left-color: #179cde;
|
|
}
|
|
blockquote p {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
ul ul, ol ul, ul ol, ol ol {
|
|
margin-bottom: 8.5px;
|
|
}
|
|
.table td, .table th {
|
|
border-top-color: #eee;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: bold;
|
|
margin: 20px 0 10px 0;
|
|
position: relative;
|
|
}
|
|
h1 {
|
|
font-size: 20px;
|
|
margin-top: 32px;
|
|
margin-bottom: 12px;
|
|
}
|
|
h2 {
|
|
font-size: 20px;
|
|
margin-top: 32px;
|
|
margin-bottom: 12px;
|
|
}
|
|
h3 {
|
|
font-size: 20px;
|
|
margin-top: 32px;
|
|
margin-bottom: 10px;
|
|
}
|
|
h4 {
|
|
font-size: 16px;
|
|
margin-top: 29px;
|
|
margin-bottom: 7px;
|
|
}
|
|
h5 {
|
|
font-size: 16px;
|
|
margin-top: 29px;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
mark {
|
|
padding: .2em .4em;
|
|
}
|
|
|
|
a.btn,
|
|
button.btn {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.form-control {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
a.anchor {
|
|
text-decoration: none;
|
|
line-height: 1;
|
|
margin-left: -22px;
|
|
|
|
cursor: default;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
|
|
border-top: 60px solid transparent;
|
|
margin-top: -60px;
|
|
-webkit-background-clip:padding-box;
|
|
-moz-background-clip:padding;
|
|
background-clip:padding-box;
|
|
outline: 0;
|
|
}
|
|
.is_rtl a.anchor {
|
|
margin-right: -22px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
a.anchor i.anchor-icon {
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 20px;
|
|
margin-top: 2px;
|
|
line-height: 14px;
|
|
vertical-align: text-top;
|
|
background: url(../img/link-icon.png) 0 0 no-repeat;
|
|
background-size: 17px 18px;
|
|
opacity: 0;
|
|
|
|
cursor: pointer;
|
|
padding: 0;
|
|
position: relative;
|
|
z-index: 10;
|
|
|
|
-webkit-transition: opacity .15s ease-in-out;
|
|
-moz-transition: opacity .15s ease-in-out;
|
|
-ms-transition: opacity .15s ease-in-out;
|
|
-o-transition: opacity .15s ease-in-out;
|
|
transition: opacity .15s ease-in-out;
|
|
}
|
|
|
|
h1 a.anchor i.anchor-icon {margin-top: 2px;}
|
|
h2 a.anchor i.anchor-icon {margin-top: 2px;}
|
|
h3 a.anchor i.anchor-icon {margin-top: 2px;}
|
|
h4 a.anchor i.anchor-icon {margin-top: 0px;}
|
|
|
|
|
|
h1:hover a.anchor i.anchor-icon,
|
|
h2:hover a.anchor i.anchor-icon,
|
|
h3:hover a.anchor i.anchor-icon,
|
|
h4:hover a.anchor i.anchor-icon,
|
|
h5:hover a.anchor i.anchor-icon,
|
|
h6:hover a.anchor i.anchor-icon {
|
|
opacity: 0.6;
|
|
}
|
|
i.anchor-icon:hover {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.breadcrumb {
|
|
background-color: #ecf3fa;
|
|
}
|
|
.breadcrumb {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.breadcrumb li {
|
|
display: inline-block;
|
|
float: none;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.breadcrumb > li + li:before {
|
|
padding: 0;
|
|
content: "";
|
|
}
|
|
.icon-breadcrumb-divider {
|
|
display: inline-block;
|
|
background: url(../img/breadcrumb_divider_1x.png) 0 50% no-repeat;
|
|
width: 5px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
margin: 0 8px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.slightly-pull-right {
|
|
float: right;
|
|
}
|
|
.slightly-pull-left {
|
|
float: left;
|
|
}
|
|
|
|
|
|
.back_to_top_wrap {
|
|
display: block;
|
|
pointer-events: none;
|
|
cursor: default;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 50px;
|
|
bottom: 0;
|
|
outline: none;
|
|
box-shadow: none;
|
|
opacity: 0;
|
|
/*display: none;*/
|
|
transition: opacity ease-in-out 0.2s;
|
|
-webkit-transition: opacity ease-in-out 0.2s;
|
|
direction: ltr;
|
|
}
|
|
.back_to_top_wrap.is_rtl {
|
|
left: auto;
|
|
right: 0;
|
|
direction: rtl;
|
|
}
|
|
.back_to_top_wrap.back_to_top_shown {
|
|
cursor: pointer;
|
|
pointer-events: all;
|
|
/*display: block;*/
|
|
opacity: 1;
|
|
}
|
|
.back_to_top_wrap:hover {
|
|
text-decoration: none;
|
|
}
|
|
.back_to_top {
|
|
font-size: 15px;
|
|
width: 120px;
|
|
text-align: center;
|
|
padding: 18px 15px 18px 7px;
|
|
transition: background ease-in-out 0.2s;
|
|
-webkit-transition: background ease-in-out 0.2s;
|
|
}
|
|
.back_to_top_wrap:hover .back_to_top {
|
|
background: #ecf3f8;
|
|
background: rgba(174, 198, 215, 0.2);
|
|
}
|
|
.icon-to-top {
|
|
display: inline-block;
|
|
background: url(../img/back_to_top_1x.png) 0 50% no-repeat;
|
|
width: 16px;
|
|
height: 7px;
|
|
margin-right: 12px;
|
|
margin-top: 7px;
|
|
vertical-align: text-top;
|
|
}
|
|
.back_to_top_wrap.is_rtl .icon-to-top {
|
|
margin-left: 12px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
|
|
.navbar-tg .navbar-twitter a {
|
|
padding-top: 14.5px;
|
|
padding-bottom: 14.5px;
|
|
}
|
|
|
|
.tl_page_container,
|
|
.dev_page {
|
|
margin-top: 50px;
|
|
}
|
|
.tl_main_page_container {
|
|
padding: 0;
|
|
}
|
|
|
|
.tl_main_wrap {
|
|
margin-top: 17px;
|
|
}
|
|
.tl_main_wrap h3 {
|
|
color: #222222;
|
|
font-size: 23px;
|
|
font-weight: 500;
|
|
}
|
|
.tl_main_award {
|
|
width: 100px;
|
|
height: 100px;
|
|
display: block;
|
|
background: url(../img/SiteAward.gif) 0 0 no-repeat;
|
|
margin: 2px;
|
|
}
|
|
.tl_main_card_animated {
|
|
width: 160px;
|
|
margin: 0 auto;
|
|
}
|
|
.tl_main_card_animated div {
|
|
padding-top: 100%;
|
|
}
|
|
|
|
.no_access_wrap {
|
|
color: #999;
|
|
padding: 100px 40px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.side_blog_wrap {
|
|
background: #ecf3fa;
|
|
padding: 15px 20px 20px;
|
|
font-size: 12px;
|
|
width: 200px;
|
|
}
|
|
.tl_blog_side_blog .side_blog_wrap {
|
|
width: 180px;
|
|
}
|
|
.side_blog_header {
|
|
display: block;
|
|
color: #0088cc;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
margin-bottom: 15px;
|
|
}
|
|
a.side_blog_entry {
|
|
display: block;
|
|
margin-top: 10px;
|
|
}
|
|
a.side_blog_entry:hover {
|
|
text-decoration: none;
|
|
}
|
|
.side_blog_date {
|
|
color: #000;
|
|
font-weight: bold;
|
|
}
|
|
.side_blog_title {
|
|
color: #0088cc;
|
|
}
|
|
a.side_blog_entry:hover .side_blog_title {
|
|
text-decoration: underline;
|
|
}
|
|
.side_tour_entry .side_blog_title {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.tl_main_bottom_blog,
|
|
.tl_blog_bottom_blog {
|
|
display: none;
|
|
}
|
|
.tl_main_side_blog {
|
|
position: relative;
|
|
}
|
|
.tl_main_side_blog .side_blog_wrap {
|
|
position: absolute;
|
|
margin-top: 20px;
|
|
right: 137px;
|
|
}
|
|
.lang_rtl .tl_main_side_blog .side_blog_wrap {
|
|
left: 137px;
|
|
right: auto;
|
|
}
|
|
.tl_main_bottom_blog {
|
|
margin: 0px 15px 20px;
|
|
}
|
|
.side_blog_wrap {
|
|
background: none;
|
|
padding: 5px 17px 5px 0;
|
|
margin: 0 0 17px 26px;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
flex-direction: row;
|
|
justify-content: start;
|
|
align-items: stretch;
|
|
align-content: start
|
|
}
|
|
.tl_blog_bottom_blog .side_blog_wrap {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
.tl_blog_side_blog {
|
|
position: relative;
|
|
}
|
|
.tl_blog_side_blog .side_blog_wrap {
|
|
position: absolute;
|
|
margin-top: 50px;
|
|
right: -200px;
|
|
}
|
|
.lang_rtl .tl_blog_side_blog .side_blog_wrap {
|
|
left: -200px;
|
|
right: auto;
|
|
}
|
|
.side_blog_wrap:before {
|
|
content: ' ';
|
|
display: block;
|
|
width: 5px;
|
|
background: #179cde;
|
|
border-radius: 5px;
|
|
overflow: hidden;
|
|
flex: 0 0 auto;
|
|
margin: 0 17px 0 0;
|
|
}
|
|
.lang_rtl .side_blog_wrap:before {
|
|
margin: 0 0 0 17px;
|
|
}
|
|
|
|
|
|
|
|
.tl_main_logo_wrap {
|
|
max-width: 400px;
|
|
margin: 0 auto;
|
|
padding: 20px 0 20px;
|
|
}
|
|
a.tl_main_logo {
|
|
display: block;
|
|
line-height: 0;
|
|
text-decoration: none !important;
|
|
}
|
|
svg.tl_main_logo,
|
|
image.tl_main_logo,
|
|
img.tl_main_logo {
|
|
display: block;
|
|
width: 128px;
|
|
height: 128px;
|
|
margin: 0 auto;
|
|
}
|
|
div.tl_main_logo {
|
|
display: block;
|
|
width: 144px;
|
|
height: 144px;
|
|
margin: -8px auto;
|
|
animation: 500ms steps(30) both;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
div.tl_main_logo.play {
|
|
animation-name: t-logo-play;
|
|
}
|
|
@-webkit-keyframes t-logo-play {
|
|
from { background-position: 0% 0%; }
|
|
to { background-position: 100% 0%; }
|
|
}
|
|
@keyframes t-logo-play {
|
|
from { background-position: 0% 0%; }
|
|
to { background-position: 100% 0%; }
|
|
}
|
|
|
|
.tl_main_logo_title,
|
|
.tl_main_logo_title:hover {
|
|
font-size: 34px;
|
|
color: #222222;
|
|
text-align: center;
|
|
margin-top: 18px;
|
|
margin-bottom: 6px;
|
|
font-weight: normal;
|
|
letter-spacing: -2px;
|
|
}
|
|
.tl_main_logo_title_image {
|
|
display: block;
|
|
width: 144px;
|
|
height: 36px;
|
|
margin: 18px auto 6px;
|
|
}
|
|
.tl_main_logo_lead {
|
|
font-size: 20px;
|
|
line-height: 148%;
|
|
max-width: 285px;
|
|
margin: 0 auto;
|
|
color: #8c8c8c;
|
|
text-align: center;
|
|
padding: 1px 0 10px;
|
|
|
|
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", Helvetica, Arial , Verdana, sans-serif;
|
|
font-weight: 300;
|
|
}
|
|
|
|
|
|
.tl_main_head_download {
|
|
margin: 6px auto 35px;
|
|
max-width: 798px;
|
|
text-align: center;
|
|
}
|
|
.tl_main_download_btn {
|
|
display: inline-block;
|
|
color: #FFF;
|
|
font-size: 16px;
|
|
background: #a19481;
|
|
border-radius: 4px;
|
|
padding: 10px 15px;
|
|
line-height: 35px;
|
|
overflow: hidden;
|
|
width: 220px;
|
|
margin: 5px 8px;
|
|
text-align: center;
|
|
}
|
|
.tl_main_download_btn:hover {
|
|
background-color: #a99d8b;
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
}
|
|
.tl_main_download_btn:active {
|
|
background-color: #998e7e;
|
|
}
|
|
|
|
.tl_main_download_mobile {
|
|
text-align: center;
|
|
max-width: 1028px;
|
|
margin: 0 auto;
|
|
}
|
|
.tl_main_download_link {
|
|
text-align: center;
|
|
display: inline-block;
|
|
height: 300px;
|
|
padding-top: 262px;
|
|
padding-bottom: 20px;
|
|
margin: 40px 0;
|
|
font-size: 15px;
|
|
max-width: 100%;
|
|
position: relative;
|
|
}
|
|
a.tl_main_download_link:hover {
|
|
text-decoration: none;
|
|
}
|
|
a.tl_main_download_link:after {
|
|
display: block;
|
|
height: 3px;
|
|
background: #179cde;
|
|
position: absolute;
|
|
border-radius: 2px;
|
|
content: "";
|
|
left: 4px;
|
|
right: 4px;
|
|
opacity: 0;
|
|
bottom: -1px;
|
|
-webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
-moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
-ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
|
|
transform-origin: bottom;
|
|
transform: scaleX(0.3) scaleY(0);
|
|
}
|
|
a.tl_main_download_link:hover:after {
|
|
opacity: 1;
|
|
transform: scaleX(1.0) scaleY(1.0);
|
|
}
|
|
|
|
.tl_main_download_link_android {
|
|
width: 28.210116857923%;
|
|
min-width: 245px;
|
|
}
|
|
.tl_main_download_link_ios {
|
|
width: 42.9961%;
|
|
min-width: 350px;
|
|
}
|
|
.tl_main_download_link_tdesktop {
|
|
display: none;
|
|
min-width: 320px;
|
|
background: url(../img/SiteTDesktop.jpg) 50% 0 no-repeat;
|
|
}
|
|
|
|
.tl_main_download_image__ios,
|
|
.tl_main_download_image__android {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform-origin: 50% 50%;
|
|
opacity: 1.0;
|
|
pointer-events: none;
|
|
-webkit-transition: opacity .1s ease-in-out;
|
|
-moz-transition: opacity .1s ease-in-out;
|
|
-ms-transition: opacity .1s ease-in-out;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
.tl_main_download_image__ios {
|
|
margin: -150px 0 0 -152px;
|
|
width: 304px;
|
|
height: 240px;
|
|
background: url(../img/SiteiOS.jpg?2) 50% 0 no-repeat;
|
|
}
|
|
.tl_main_download_image__android {
|
|
margin: -150px 0 0 -152px;
|
|
width: 304px;
|
|
height: 240px;
|
|
background: url(../img/SiteAndroid.jpg?2) 50% 0 no-repeat;
|
|
}
|
|
|
|
.tl_main_video_player {
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform-origin: 50% 50%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
-webkit-transition: opacity .1s ease-in-out;
|
|
-moz-transition: opacity .1s ease-in-out;
|
|
-ms-transition: opacity .1s ease-in-out;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
.tl_main_video_player.video__init_retina {
|
|
display: none;
|
|
}
|
|
.tl_main_video_player__android {
|
|
margin: -150px 0 0 -96px;
|
|
width: 192px;
|
|
height: 240px;
|
|
}
|
|
.tl_main_video_player__ios {
|
|
margin: -150px 0 0 -152px;
|
|
width: 304px;
|
|
height: 240px;
|
|
}
|
|
.video_play .tl_main_video_player {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
|
|
.tl_main_download_more_btn {
|
|
margin-bottom: 0;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 0;
|
|
white-space: nowrap;
|
|
padding: 10px 16px;
|
|
font-size: 15px;
|
|
line-height: 1.33;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
color: #ffffff;
|
|
background-color: #318fd3;
|
|
margin-top: 5px;
|
|
display: none;
|
|
border-radius: 3px;
|
|
}
|
|
.tl_main_download_more_btn:hover {
|
|
color: #FFF;
|
|
}
|
|
.icon-arrow-more {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
width: 6px;
|
|
height: 11px;
|
|
background: url(../img/tl_arrow.png) 0 0 no-repeat;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.tl_main_download_desktop_header {
|
|
text-align: center;
|
|
}
|
|
.tl_main_download_desktop_wrap1 {
|
|
height: 291px;
|
|
overflow: hidden;
|
|
}
|
|
.tl_main_download_desktop_wrap {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.tl_main_download_desktop {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
min-width: 804px;
|
|
background: url(../img/SiteDesktop.jpg?2) 50% 19px no-repeat;
|
|
/*overflow: hidden;*/
|
|
}
|
|
|
|
|
|
|
|
.tl_main_download_desktop_links {
|
|
width: 595px;
|
|
margin: 0 auto;
|
|
}
|
|
.tl_main_download_desktop_link {
|
|
text-align: center;
|
|
display: inline-block;
|
|
padding: 270px 0 20px;
|
|
font-size: 15px;
|
|
vertical-align: top;
|
|
-webkit-transition: box-shadow .2s ease-in-out;
|
|
-moz-transition: box-shadow .2s ease-in-out;
|
|
-ms-transition: box-shadow .2s ease-in-out;
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
.tl_main_download_desktop_link:hover {
|
|
text-decoration: none;
|
|
}
|
|
a.tl_main_download_desktop_link:hover {
|
|
text-decoration: none;
|
|
}
|
|
a.tl_main_download_desktop_link:after {
|
|
display: block;
|
|
height: 3px;
|
|
background: #179cde;
|
|
position: absolute;
|
|
border-radius: 2px;
|
|
content: "";
|
|
left: 4px;
|
|
right: 4px;
|
|
opacity: 0;
|
|
bottom: -1px;
|
|
-webkit-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
-moz-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
-ms-transition: opacity .2s ease-in-out, transform .2s ease-in-out;
|
|
|
|
transform-origin: bottom;
|
|
transform: scaleX(0.3) scaleY(0);
|
|
}
|
|
a.tl_main_download_desktop_link:hover:after {
|
|
opacity: 1;
|
|
transform: scaleX(1.0) scaleY(1.0);
|
|
}
|
|
.tl_main_download_link_td {
|
|
width: 52%;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.tl_main_download_link_osx {
|
|
width: 48%;
|
|
}
|
|
.tl_main_body {
|
|
margin-top: 40px;
|
|
padding-top: 5px;
|
|
}
|
|
.tl_main_body_header {
|
|
text-align: center;
|
|
margin-top: 0;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.icon-android,
|
|
.icon-ios {
|
|
display: inline-block;
|
|
vertical-align: text-top;
|
|
width: 25px;
|
|
height: 27px;
|
|
background: 0 0 no-repeat;
|
|
margin-right: 10px;
|
|
margin-top: -6px;
|
|
}
|
|
.lang_rtl .icon-android,
|
|
.lang_rtl .icon-ios {
|
|
margin-right: 0;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.icon-ios {
|
|
background-image: url(../img/SiteIconApple.svg);
|
|
}
|
|
.icon-android {
|
|
background-image: url(../img/SiteIconAndroid.svg);
|
|
}
|
|
|
|
.icon {
|
|
display: inline-block;
|
|
}
|
|
.icon-twitter {
|
|
width: 21px;
|
|
height: 17px;
|
|
vertical-align: text-top;
|
|
background: url(../img/twitter.png) 0 0 no-repeat;
|
|
opacity: 0.9;
|
|
}
|
|
a:hover .icon-twitter {
|
|
opacity: 0.99;
|
|
}
|
|
|
|
.app-icon {
|
|
display: inline-block;
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin-right: 7px;
|
|
vertical-align: -9px;
|
|
background: no-repeat left;
|
|
background-size: cover;
|
|
}
|
|
.is_rtl .app-icon {
|
|
margin-right: 0;
|
|
margin-left: 7px;
|
|
}
|
|
.app-icon-android {
|
|
background-image: url(/img/app_icon_android.svg);
|
|
}
|
|
.app-icon-ios {
|
|
background-image: url(/img/app_icon_ios.svg);
|
|
}
|
|
.app-icon-macos {
|
|
background-image: url(/img/app_icon_macos.svg);
|
|
}
|
|
.app-icon-desktop {
|
|
background-image: url(/img/app_icon_desktop.svg);
|
|
}
|
|
.app-icon-webk {
|
|
background-image: url(/img/app_icon_webk.svg);
|
|
}
|
|
.app-icon-webz {
|
|
background-image: url(/img/app_icon_webz.svg);
|
|
}
|
|
.app-icon-weba {
|
|
background-image: url(/img/app_icon_weba.svg);
|
|
}
|
|
|
|
|
|
.tl_main_cards {
|
|
max-width: 950px;
|
|
margin: 18px auto 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
.tl_main_card_cell {
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
flex: 0 1 auto;
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.tl_main_card_cell {
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.tl_main_card_cell {
|
|
width: 33.33333%;
|
|
}
|
|
}
|
|
|
|
.tl_main_card_wrap {
|
|
max-width: 260px;
|
|
margin: 0 auto;
|
|
padding: 20px 0 9px;
|
|
}
|
|
.tl_main_card {
|
|
background: url(../img/tl_card_fast.gif) 0 0 no-repeat;
|
|
background-size: 160px 160px;
|
|
width: 160px;
|
|
height: 160px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.tl_main_card_fast {
|
|
background-image: url(../img/tl_card_fast.gif);
|
|
}
|
|
.tl_main_card_powerful {
|
|
background-image: url(../img/tl_card_powerful.gif);
|
|
}
|
|
.tl_main_card_free {
|
|
background-image: url(../img/tl_card_free.gif);
|
|
}
|
|
.tl_main_card_secure {
|
|
background-image: url(../img/tl_card_secure.gif);
|
|
}
|
|
.tl_main_card_cloud {
|
|
background-image: url(../img/tl_card_cloud.gif);
|
|
}
|
|
.tl_main_card_private {
|
|
background-image: url(../img/tl_card_private.gif);
|
|
}
|
|
.tl_main_card_decentralized {
|
|
background-image: url(../img/tl_card_decentralized.gif);
|
|
}
|
|
.tl_main_card_open {
|
|
background-image: url(../img/tl_card_open.gif);
|
|
}
|
|
.tl_main_card_wecandoit {
|
|
background-image: url(../img/tl_card_wecandoit.gif);
|
|
}
|
|
|
|
.tl_main_card_connect {
|
|
background-image: url(../img/tl_card_connect.gif);
|
|
}
|
|
.tl_main_card_coordinate {
|
|
background-image: url(../img/tl_card_coordinate.gif);
|
|
}
|
|
.tl_main_card_synchronize {
|
|
background-image: url(../img/tl_card_synchronize.gif);
|
|
}
|
|
.tl_main_card_build {
|
|
background-image: url(../img/tl_card_build.gif);
|
|
}
|
|
.tl_main_card_encrypt {
|
|
background-image: url(../img/tl_card_encrypt.gif);
|
|
}
|
|
.tl_main_card_send {
|
|
background-image: url(../img/tl_card_send.gif);
|
|
}
|
|
.tl_main_card_process {
|
|
background-image: url(../img/tl_card_process.gif);
|
|
}
|
|
.tl_main_card_destruct {
|
|
background-image: url(../img/tl_card_destruct.gif);
|
|
}
|
|
.tl_main_card_store {
|
|
background-image: url(../img/tl_card_store.gif);
|
|
}
|
|
|
|
h3.tl_main_card_header {
|
|
color: #a19679;
|
|
text-align: center;
|
|
margin: 15px 0 6px;
|
|
font-size: 26px;
|
|
font-weight: normal;
|
|
letter-spacing: -1px;
|
|
}
|
|
.tl_main_cards_animated_wrap h3.tl_main_body_header {
|
|
padding: 0 10px;
|
|
}
|
|
.tl_main_cards_animated_wrap h3.tl_main_card_header {
|
|
color: #0088cc;
|
|
}
|
|
.tl_main_cards_animated_wrap {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.tl_main_card_lead {
|
|
font-size: 15px;
|
|
line-height: 158%;
|
|
text-align: center;
|
|
}
|
|
|
|
.tl_main_share {
|
|
margin: 24px auto 40px;
|
|
/*padding-bottom: 30px;*/
|
|
max-width: 330px;
|
|
text-align: center;
|
|
}
|
|
.lang_rtl .tl_main_share {
|
|
max-width: none;
|
|
}
|
|
.tl_main_noshare {
|
|
height: 50px;
|
|
}
|
|
.tl_main_twitter_widget_wrap {
|
|
/*float: left;*/
|
|
display: inline-block;
|
|
}
|
|
.tl_main_facebook_widget_wrap {
|
|
/*float: left;*/
|
|
margin-right: 20px;
|
|
display: inline-block;
|
|
}
|
|
.fb_iframe_widget span {
|
|
vertical-align: baseline !important;
|
|
}
|
|
|
|
.tl_blog_comments_widget {
|
|
margin: 0 -8px 40px;
|
|
}
|
|
.tl_blog_comments_widget iframe {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.tl_main_gplus_widget_wrap {
|
|
/*float: left;*/
|
|
display: inline-block;
|
|
}
|
|
|
|
.tl_twitter_share_btn {
|
|
display: inline-block;
|
|
border-radius: 16px;
|
|
background-color: #54a9eb;
|
|
cursor: pointer;
|
|
margin-right: 15px;
|
|
padding: 7px 17px;
|
|
color:#FFF;
|
|
font-weight: bold;
|
|
}
|
|
.lang_rtl .tl_twitter_share_btn {
|
|
margin-right: 0;
|
|
margin-left: 15px;
|
|
}
|
|
.tl_twitter_share_btn:hover,
|
|
.tl_twitter_share_btn:active,
|
|
.tl_twitter_share_btn:focus {
|
|
text-decoration: none;
|
|
color: #FFF;
|
|
outline: none;
|
|
}
|
|
.tl_twitter_share_cnt {
|
|
display: none;
|
|
color: #c4e3fb;
|
|
}
|
|
|
|
.tl_blog_list_page_wrap {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
.tl_blog_list_page_wrap.tl_main_recent_news_wrap {
|
|
margin-top: 22px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.tl_main_recent_news_header {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
margin-top: 42px;
|
|
}
|
|
.tlb_other_news_wrap .tl_main_recent_news_header {
|
|
margin-top: 22px;
|
|
font-size: 18px;
|
|
}
|
|
.tl_main_wrap .tl_main_recent_news_header {
|
|
margin-top: 66px;
|
|
}
|
|
.tl_main_download_mobile + .tl_main_recent_news_wrap .tl_main_recent_news_header,
|
|
.tl_main_download_mobile + .tl_main_recent_news_wrap {
|
|
margin-top: 12px;
|
|
}
|
|
.dev_blog_card_link_wrap:nth-child(odd) {
|
|
clear: left;
|
|
}
|
|
.dev_blog_card_link_wrap {
|
|
display: block;
|
|
max-width: 50%;
|
|
float: left;
|
|
padding: 15px 10px;
|
|
}
|
|
@media (max-width: 640px) {
|
|
.dev_blog_card_link_wrap {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 801px) {
|
|
.tl_main_recent_news_cards {
|
|
margin: 0 -15px;
|
|
}
|
|
}
|
|
.tlb_blog_page .dev_blog_card_link_wrap {
|
|
padding: 15px 0;
|
|
}
|
|
a.dev_blog_card_link_wrap:hover,
|
|
a.dev_blog_card_link_wrap:active,
|
|
a.dev_blog_card_link_wrap:focus {
|
|
text-decoration: none;
|
|
}
|
|
.dev_blog_card_image {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
max-height: 220px;
|
|
margin: 0 auto;
|
|
-webkit-transition: opacity .2s ease-in-out;
|
|
-moz-transition: opacity .2s ease-in-out;
|
|
-ms-transition: opacity .2s ease-in-out;
|
|
opacity: 1;
|
|
}
|
|
.preload .dev_blog_card_image {
|
|
height: 220px;
|
|
max-height: initial;
|
|
}
|
|
a:hover .dev_blog_card_image {
|
|
opacity: 0.9;
|
|
}
|
|
.dev_blog_card_title {
|
|
margin: 12px 0 2px;
|
|
padding: 0 15px;
|
|
font-size: 16px;
|
|
line-height: 160%;
|
|
}
|
|
a.dev_blog_card_link_wrap:hover .dev_blog_card_title {
|
|
text-decoration: underline;
|
|
}
|
|
.dev_blog_card_lead {
|
|
color: #333;
|
|
font-size: 14px;
|
|
line-height: 160%;
|
|
padding: 0 15px;
|
|
}
|
|
.dev_blog_card_date {
|
|
margin-top: 4px;
|
|
font-size: 14px;
|
|
color: #888;
|
|
padding: 0 15px;
|
|
}
|
|
.tlb_blog_page .dev_blog_card_title,
|
|
.tlb_blog_page .dev_blog_card_lead,
|
|
.tlb_blog_page .dev_blog_card_date {
|
|
padding: 0 5px;
|
|
}
|
|
.pager_wrap {
|
|
margin-top: 40px;
|
|
clear: both;
|
|
}
|
|
|
|
|
|
.footer_wrap {
|
|
border-top: 1px solid #e8e8e8;
|
|
max-width: 925px;
|
|
margin: 10px auto 0;
|
|
padding: 28px 0 34px;
|
|
}
|
|
.footer_columns_wrap {
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex-direction: row;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-flex-wrap: nowrap;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
-webkit-align-content: stretch;
|
|
-ms-flex-line-pack: stretch;
|
|
align-content: stretch;
|
|
-webkit-align-items: stretch;
|
|
-ms-flex-align: stretch;
|
|
align-items: stretch;
|
|
|
|
margin: 0 auto;
|
|
max-width: 800px;
|
|
padding-left: 0;
|
|
}
|
|
.footer_mobile {
|
|
display: none;
|
|
}
|
|
.footer_column {
|
|
flex: 0 1 auto;
|
|
align-self: auto;
|
|
}
|
|
.footer_column_telegram {
|
|
flex: 0 1 290px;
|
|
}
|
|
.footer_column:last-child {
|
|
padding-right: 0;
|
|
}
|
|
.footer_column:first-child {
|
|
padding-left: 0;
|
|
}
|
|
.footer_column h5 {
|
|
font-size: 14px;
|
|
margin-top: 0;
|
|
margin-bottom: 9px;
|
|
}
|
|
.footer_column h5 a {
|
|
color: inherit;
|
|
}
|
|
.footer_column ul,
|
|
.footer_column ul li {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.footer_column ul li {
|
|
font-size: 14px;
|
|
line-height: 23px;
|
|
}
|
|
.footer_privacy_description {
|
|
padding-top: 3px;
|
|
font-size: 13px;
|
|
line-height: 160%;
|
|
}
|
|
.footer_privacy_description p {
|
|
margin-bottom: 6px;
|
|
}
|
|
.footer_telegram_description {
|
|
font-size: 13px;
|
|
}
|
|
|
|
|
|
|
|
.tl_mission_wrap #dev_page_content,
|
|
.tl_mission_wrap #dev_page_content p {
|
|
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Light", Helvetica, Arial , Verdana, sans-serif;
|
|
font-weight: 300;
|
|
line-height: 160%;
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
|
|
/* Team */
|
|
#dev_page_content.tl_team_wrap,
|
|
#dev_page_content.tl_team_wrap p {
|
|
line-height: 1.6;
|
|
}
|
|
.tl_team_lead {
|
|
margin-bottom: 30px;
|
|
}
|
|
.tl_team_member {
|
|
min-height: 120px;
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
}
|
|
.tl_team_member_photo_wrap {
|
|
position: absolute;
|
|
// float: left;
|
|
// margin-right: 25px;
|
|
}
|
|
.tl_team_member_photo {
|
|
width: 120px;
|
|
height: 120px;
|
|
display: block;
|
|
background: url('../img/team-sprite.png') 0 0 no-repeat;
|
|
background-size: 120px 1810px;
|
|
}
|
|
|
|
.tl_team_member_pavel .tl_team_member_photo {
|
|
background-position: 0 0;
|
|
}
|
|
.tl_team_member_nikolay .tl_team_member_photo {
|
|
background-position: 0 -130px;
|
|
}
|
|
.tl_team_member_aliaksei .tl_team_member_photo {
|
|
background-position: 0 -260px;
|
|
}
|
|
.tl_team_member_vitalik .tl_team_member_photo {
|
|
background-position: 0 -390px;
|
|
}
|
|
.tl_team_member_arseny .tl_team_member_photo {
|
|
background-position: 0 -520px;
|
|
}
|
|
.tl_team_member_igor .tl_team_member_photo {
|
|
background-position: 0 -650px;
|
|
}
|
|
.tl_team_member_drklo .tl_team_member_photo {
|
|
background-position: 0 -780px;
|
|
}
|
|
.tl_team_member_peter .tl_team_member_photo {
|
|
background-position: 0 -910px;
|
|
}
|
|
.tl_team_member_john .tl_team_member_photo {
|
|
background-position: 0 -1040px;
|
|
}
|
|
.tl_team_member_kolar .tl_team_member_photo {
|
|
background-position: 0 -1170px;
|
|
}
|
|
.tl_team_member_ilya .tl_team_member_photo {
|
|
background-position: 0 -1300px;
|
|
}
|
|
.tl_team_member_igor1 .tl_team_member_photo {
|
|
background-position: 0 -1690px;
|
|
}
|
|
.tl_team_member_mike .tl_team_member_photo {
|
|
background-position: 0 -1560px;
|
|
}
|
|
.tl_team_member_grisha .tl_team_member_photo {
|
|
background-position: 0 -1430px;
|
|
}
|
|
|
|
|
|
.tl_team_member_name {
|
|
margin-left: 146px;
|
|
}
|
|
.tl_team_member_body {
|
|
margin-left: 146px;
|
|
}
|
|
|
|
.tl_team_member_name {
|
|
margin-top: 5px;
|
|
font-size: 17px;
|
|
}
|
|
.tl_team_member_awards {
|
|
margin-top: 20px;
|
|
margin-bottom: 18px;
|
|
color: #0088cc;
|
|
font-size: 15px;
|
|
}
|
|
.tl_team_member_experience,
|
|
.tl_team_member_awards_list {
|
|
line-height: 1.8;
|
|
}
|
|
.tl_team_member_description {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
|
|
|
|
/* Core / dev */
|
|
|
|
.dev_page {
|
|
background: #FFF;
|
|
min-height: 500px;
|
|
}
|
|
#dev_page_content_wrap {
|
|
padding: 20px 0;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
direction: ltr;
|
|
}
|
|
#dev_page_content_wrap.is_rtl {
|
|
direction: rtl;
|
|
}
|
|
#dev_page_content,
|
|
#dev_page_content p {
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
#dev_page_content img.icon {
|
|
width: auto;
|
|
height: 20px;
|
|
}
|
|
#dev_page_content img.icon,
|
|
#dev_page_content img.emoji {
|
|
vertical-align: top;
|
|
-webkit-user-drag: none;
|
|
user-drag: none;
|
|
cursor: text;
|
|
}
|
|
.dev_page_bread_crumbs .breadcrumb {
|
|
margin-bottom: 10px;
|
|
border-radius: 0;
|
|
}
|
|
#dev_page_title {
|
|
position: static;
|
|
}
|
|
|
|
.dev_page_head .dev_page_head_logo {
|
|
margin-left: 0;
|
|
}
|
|
#dev_page_content_wrap blockquote {
|
|
padding: 5px 17px;
|
|
}
|
|
#dev_page_content_wrap pre {
|
|
overflow-x: auto;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#dev_page_content_wrap pre::-webkit-scrollbar {
|
|
visibility: visible;
|
|
display: block;
|
|
height: 15px;
|
|
}
|
|
#dev_page_content_wrap pre::-webkit-scrollbar-track:horizontal {
|
|
background: rgba(93, 144, 177, 0.2);
|
|
border-radius: 0;
|
|
height: 15px;
|
|
}
|
|
#dev_page_content_wrap pre::-webkit-scrollbar-thumb:horizontal {
|
|
background: rgba(93, 144, 177, 0.4);
|
|
border-radius: 0;
|
|
height: 15px;
|
|
}
|
|
|
|
#dev_page_content_wrap .richcode {
|
|
display: block;
|
|
padding: 9.5px;
|
|
margin: 0 0 10px;
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
|
color: #546172;
|
|
background: #ecf3f8;
|
|
|
|
font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
|
|
}
|
|
#dev_page_content_wrap .richcode code {
|
|
background: #FFF;
|
|
}
|
|
.richcode p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#dev_page_content_wrap pre code {
|
|
overflow-wrap: normal;
|
|
white-space: pre;
|
|
}
|
|
#dev_page_content_wrap a.current_page_link {
|
|
color: #468847;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#dev_page_content_wrap a.nonexisting_page_link {
|
|
color: #FF0000;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.dev_side_image {
|
|
max-width: 200px;
|
|
float: right;
|
|
padding: 0 0 0 20px;
|
|
}
|
|
.dev_side_image img {
|
|
max-width: 180px;
|
|
}
|
|
.dev_side_image picture {
|
|
max-width: 180px;
|
|
}
|
|
|
|
|
|
#dev_page_content_wrap pre.page_scheme {
|
|
margin: 20px 0 30px;
|
|
}
|
|
.dev_page_edit_form {
|
|
border-top: 1px solid #DDD;
|
|
padding-top: 50px;
|
|
max-width: 800px;
|
|
margin: 30px auto 0;
|
|
direction: ltr;
|
|
}
|
|
.dev_page_edit_form .CodeMirror {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
border: 1px solid #eee;
|
|
height: auto;
|
|
position: relative;
|
|
|
|
margin-bottom: 9px;
|
|
color: #555555;
|
|
border: 1px solid #ccc;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
transition: border linear 0.2s, box-shadow linear 0.2s;
|
|
}
|
|
|
|
.dev_page_edit_form .CodeMirror-focused {
|
|
border-color: rgba(82, 168, 236, 0.8);
|
|
outline: 0;
|
|
outline: thin dotted \9;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
|
|
}
|
|
|
|
.dev_page_edit_form .CodeMirror-scroll {
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.dev_page_edit_form .CodeMirror pre {
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.dev_page_edit_form #dev_page_diff .CodeMirror {
|
|
font-size: 12px;
|
|
margin-bottom: 0;
|
|
}
|
|
#dev_page_diff .CodeMirror-merge,
|
|
#dev_page_diff .CodeMirror-merge .CodeMirror {
|
|
height: auto;
|
|
}
|
|
#dev_page_diff .CodeMirror-merge-2pane {
|
|
display: flex;
|
|
border: 0;
|
|
margin-bottom: 9px;
|
|
}
|
|
#dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-pane {
|
|
width: 48%;
|
|
}
|
|
#dev_page_diff .CodeMirror-merge-2pane .CodeMirror-merge-gap {
|
|
height: auto;
|
|
width: 4%;
|
|
}
|
|
#dev_page_diff .CodeMirror-merge-pane-rightmost {
|
|
position: static;
|
|
right: auto;
|
|
}
|
|
#dev_page_diff .CodeMirror-merge-scrolllock-wrap {
|
|
display: none;
|
|
}
|
|
#dev_page_diff .CodeMirror-merge-left .CodeMirror {
|
|
background: rgba(0,0,0,0.06);
|
|
}
|
|
#dev_page_diff .CodeMirror-merge-l-inserted,
|
|
#dev_page_diff .CodeMirror-merge-l-deleted {
|
|
background: none;
|
|
}
|
|
#dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-inserted {
|
|
/*background: rgba(0,200,0,0.18);*/
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
|
|
background-position: bottom left;
|
|
background-repeat: repeat-x;
|
|
background-color: #dfd;
|
|
/*border: 1px solid #4e4;*/
|
|
}
|
|
#dev_page_diff.dev_page_diff__wcolor .CodeMirror-merge-l-deleted {
|
|
/*background: rgba(200,0,0,0.18);*/
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
|
|
background-position: bottom left;
|
|
background-repeat: repeat-x;
|
|
background-color: #fdd;
|
|
/*border: 1px solid #e44;*/
|
|
}
|
|
|
|
.table-msg-schema td {
|
|
text-align: center;
|
|
}
|
|
.table-msg-schema>thead>tr>th,
|
|
.table-msg-schema>tbody>tr>th,
|
|
.table-msg-schema>tfoot>tr>th,
|
|
.table-msg-schema>thead>tr>td,
|
|
.table-msg-schema>tbody>tr>td,
|
|
.table-msg-schema>tfoot>tr>td {
|
|
border: 1px solid #d5d5d5;
|
|
}
|
|
|
|
#dev_upload_btn {
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.dev_upload_input {
|
|
cursor: pointer;
|
|
font-size: 72px !important;
|
|
opacity: 0.01;
|
|
position: absolute;
|
|
z-index: 100;
|
|
margin: 0;
|
|
padding: 0;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
|
|
.app_edit_page {
|
|
width: 700px;
|
|
margin: 40px auto;
|
|
}
|
|
.app_lock_tt {
|
|
padding: 3px;
|
|
display: inline-block;
|
|
}
|
|
.app_lock_text {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.tg-table-stats {
|
|
font-size: 12px;
|
|
}
|
|
.tg-table-stats th a.active {
|
|
color: inherit;
|
|
}
|
|
|
|
.dev_side_nav_wrap {
|
|
position: relative;
|
|
}
|
|
.dev_side_nav {
|
|
position: absolute;
|
|
width: 200px;
|
|
right: -200px;
|
|
z-index: 1;
|
|
}
|
|
.is_rtl .dev_side_nav {
|
|
left: -200px;
|
|
right: auto;
|
|
}
|
|
.is_rtl .dev_side_nav .nav {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.dev_side_nav > ul {
|
|
width: 200px;
|
|
background: none;
|
|
padding: 10px 0 10px;
|
|
}
|
|
.dev_side_nav > ul::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.dev_side_nav > ul.affix-top {
|
|
position: relative;
|
|
}
|
|
.dev_side_nav > ul.affix {
|
|
position: fixed;
|
|
top: 0;
|
|
padding-top: 80px;
|
|
max-height: 100%;
|
|
overflow-y: scroll;
|
|
}
|
|
.dev_side_nav > ul.affix-bottom {
|
|
position: relative;
|
|
height: auto;
|
|
overflow-y: scroll;
|
|
}
|
|
.dev_side_nav li {
|
|
float: none !important;
|
|
}
|
|
.dev_side_nav li a {
|
|
border-left: 2px solid transparent;
|
|
padding: 10px 10px;
|
|
background: none !important;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.is_rtl .dev_side_nav li a {
|
|
border-right: 2px solid transparent;
|
|
border-left: 0;
|
|
}
|
|
.dev_side_nav li a {
|
|
display: block;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
padding: 4px 20px 4px 18px;
|
|
font-weight: 700;
|
|
background-color: transparent;
|
|
}
|
|
.is_rtl .dev_side_nav li a {
|
|
padding: 4px 18px 4px 20px;
|
|
}
|
|
.dev_side_nav li li a {
|
|
padding-left: 15px;
|
|
padding: 1px 18px 1px 30px;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.is_rtl .dev_side_nav li li a {
|
|
padding: 1px 30px 1px 18px;
|
|
}
|
|
.dev_side_nav li a:hover {
|
|
border-color: rgba(23, 156, 222, 0.6);
|
|
}
|
|
.dev_side_nav li.active > a {
|
|
border-color: #179cde;
|
|
}
|
|
.dev_side_nav li ul {
|
|
display: none;
|
|
}
|
|
.dev_side_nav li.active ul {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/* Core / dev end*/
|
|
|
|
|
|
|
|
/* Support */
|
|
.support_wrap {
|
|
max-width: 800px;
|
|
background: #FFF;
|
|
margin: 0 auto;
|
|
padding: 20px 0;
|
|
}
|
|
.support_submit {
|
|
}
|
|
|
|
|
|
/* FAQ */
|
|
.twitter_timeline_wrap {
|
|
width: 300px;
|
|
padding-top: 14px;
|
|
}
|
|
.is_rtl .dev_layer_select .dropdown-menu {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.is_rtl {
|
|
direction: rtl;
|
|
}
|
|
|
|
.is_rtl blockquote {
|
|
padding: 0 15px 0 0;
|
|
margin: 0 0 20px;
|
|
border-left: 0;
|
|
border-right: 5px solid #179cde;
|
|
}
|
|
|
|
.is_rtl .pull-right,
|
|
.is_rtl .slightly-pull-right {
|
|
float: left;
|
|
}
|
|
.is_rtl .pull-left,
|
|
.is_rtl .slightly-pull-left {
|
|
float: right;
|
|
}
|
|
|
|
.is_rtl .anchor {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.top_lang_select.tlb_top_lang_select {
|
|
float: right;
|
|
margin: -4px -5px -4px 0;
|
|
}
|
|
.lang_rtl .top_lang_select.tlb_top_lang_select {
|
|
float: left;
|
|
}
|
|
.top_lang_select .dropdown-toggle {
|
|
display: block;
|
|
text-align: center;
|
|
padding-top: 15.5px;
|
|
padding-bottom: 15.5px;
|
|
font-size: 15px;
|
|
line-height: 17px;
|
|
}
|
|
.top_lang_select.tlb_top_lang_select a.dropdown-toggle {
|
|
padding: 8px 6px 8px 8px;
|
|
border-radius: 6px;
|
|
/*transition: background-color ease-in-out 0.2s, color ease-in-out 0.2s;*/
|
|
}
|
|
.navbar-tg .top_lang_select.open a.dropdown-toggle:active,
|
|
.navbar-tg .top_lang_select.open a.dropdown-toggle:hover,
|
|
.navbar-tg .top_lang_select.open a.dropdown-toggle {
|
|
background: transparent;
|
|
color: #0088cc;
|
|
}
|
|
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:hover,
|
|
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle:active,
|
|
.top_lang_select.tlb_top_lang_select.open a.dropdown-toggle {
|
|
background-color: #3faee8;
|
|
color: #fff;
|
|
}
|
|
.dev_top_lang_icon {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
vertical-align: top;
|
|
line-height: 100%;
|
|
margin-right: 4px;
|
|
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%230088cc'><path d='M8 0.4C12.2 0.4 15.6 3.8 15.6 8 15.6 12.2 12.2 15.6 8 15.6 3.8 15.6 0.4 12.2 0.4 8 0.4 3.8 3.8 0.4 8 0.4ZM9.63 11.1L6.37 11.1C6.73 13.07 7.4 14.4 8 14.4 8.6 14.4 9.27 13.07 9.63 11.1ZM5.14 11.1L2.4 11.1C3.19 12.52 4.51 13.61 6.09 14.11 5.71 13.41 5.41 12.5 5.21 11.45L5.14 11.1ZM13.6 11.1L10.86 11.1C10.65 12.3 10.33 13.33 9.92 14.11 11.4 13.64 12.66 12.65 13.46 11.35L13.6 11.1ZM4.99 6.1L1.89 6.1C1.7 6.7 1.6 7.34 1.6 8 1.6 8.66 1.7 9.3 1.89 9.9L4.99 9.9C4.94 9.44 4.92 8.97 4.91 8.49L4.9 8 4.9 7.71C4.91 7.16 4.94 6.62 4.99 6.1ZM9.8 6.1L6.2 6.1C6.14 6.7 6.1 7.34 6.1 8 6.1 8.66 6.14 9.3 6.2 9.9L9.8 9.9C9.86 9.3 9.9 8.66 9.9 8 9.9 7.34 9.86 6.7 9.8 6.1ZM14.11 6.1L11.01 6.1C11.07 6.71 11.1 7.34 11.1 8 11.1 8.66 11.07 9.29 11.01 9.9L14.11 9.9C14.3 9.3 14.4 8.66 14.4 8 14.4 7.34 14.3 6.7 14.11 6.1ZM6.08 1.89L6.02 1.91C4.47 2.42 3.18 3.5 2.4 4.9L5.14 4.9C5.33 3.82 5.6 2.87 5.96 2.13L6.08 1.89ZM8 1.6L7.93 1.61C7.35 1.71 6.72 3.01 6.37 4.9L9.63 4.9C9.28 3.01 8.66 1.71 8.08 1.61L8 1.6ZM9.91 1.89L9.97 2C10.36 2.76 10.66 3.76 10.86 4.9L13.6 4.9C12.86 3.56 11.65 2.52 10.19 1.98L9.91 1.89Z'/></svg>") no-repeat 0 0;
|
|
}
|
|
.lang_rtl .dev_top_lang_icon {
|
|
margin-right: 0;
|
|
margin-left: 4px;
|
|
}
|
|
.tlb_top_lang_select.open .dev_top_lang_icon {
|
|
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23fff'><path d='M8 0.4C12.2 0.4 15.6 3.8 15.6 8 15.6 12.2 12.2 15.6 8 15.6 3.8 15.6 0.4 12.2 0.4 8 0.4 3.8 3.8 0.4 8 0.4ZM9.63 11.1L6.37 11.1C6.73 13.07 7.4 14.4 8 14.4 8.6 14.4 9.27 13.07 9.63 11.1ZM5.14 11.1L2.4 11.1C3.19 12.52 4.51 13.61 6.09 14.11 5.71 13.41 5.41 12.5 5.21 11.45L5.14 11.1ZM13.6 11.1L10.86 11.1C10.65 12.3 10.33 13.33 9.92 14.11 11.4 13.64 12.66 12.65 13.46 11.35L13.6 11.1ZM4.99 6.1L1.89 6.1C1.7 6.7 1.6 7.34 1.6 8 1.6 8.66 1.7 9.3 1.89 9.9L4.99 9.9C4.94 9.44 4.92 8.97 4.91 8.49L4.9 8 4.9 7.71C4.91 7.16 4.94 6.62 4.99 6.1ZM9.8 6.1L6.2 6.1C6.14 6.7 6.1 7.34 6.1 8 6.1 8.66 6.14 9.3 6.2 9.9L9.8 9.9C9.86 9.3 9.9 8.66 9.9 8 9.9 7.34 9.86 6.7 9.8 6.1ZM14.11 6.1L11.01 6.1C11.07 6.71 11.1 7.34 11.1 8 11.1 8.66 11.07 9.29 11.01 9.9L14.11 9.9C14.3 9.3 14.4 8.66 14.4 8 14.4 7.34 14.3 6.7 14.11 6.1ZM6.08 1.89L6.02 1.91C4.47 2.42 3.18 3.5 2.4 4.9L5.14 4.9C5.33 3.82 5.6 2.87 5.96 2.13L6.08 1.89ZM8 1.6L7.93 1.61C7.35 1.71 6.72 3.01 6.37 4.9L9.63 4.9C9.28 3.01 8.66 1.71 8.08 1.61L8 1.6ZM9.91 1.89L9.97 2C10.36 2.76 10.66 3.76 10.86 4.9L13.6 4.9C12.86 3.56 11.65 2.52 10.19 1.98L9.91 1.89Z'/></svg>") no-repeat 0 0;
|
|
}
|
|
.navbar-nav > li.top_lang_select > .dropdown-menu,
|
|
.top_lang_select.tlb_top_lang_select > .dropdown-menu {
|
|
width: 280px;
|
|
min-width: 280px;
|
|
border-radius: 8px;
|
|
padding: 14px;
|
|
right: 0;
|
|
left: auto;
|
|
margin-top: 4px;
|
|
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .10);
|
|
border-color: #e8e8e8;
|
|
|
|
transition: transform ease-in-out 0.15s, opacity ease-out 0.15s;
|
|
transform-origin: top right;
|
|
transform: scaleX(0.15) scaleY(0.15);
|
|
display: block;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.lang_rtl .navbar-nav > li.top_lang_select > .dropdown-menu,
|
|
.lang_rtl .top_lang_select.tlb_top_lang_select > .dropdown-menu {
|
|
transform-origin: top left;
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
body.preload .top_lang_select > .dropdown-menu,
|
|
.top_lang_select.tlb_top_lang_select > .dropdown-menu {
|
|
transition: none !important;
|
|
}
|
|
.navbar-nav > li.top_lang_select.open > .dropdown-menu,
|
|
.top_lang_select.tlb_top_lang_select.open > .dropdown-menu {
|
|
transform: scaleX(1.0) scaleY(1.0);
|
|
opacity: 1;
|
|
pointer-events: all;
|
|
}
|
|
.navbar-nav > li.top_lang_select > .dropdown-menu.dropdown-menu--short,
|
|
.top_lang_select.tlb_top_lang_select > .dropdown-menu.dropdown-menu--short {
|
|
width: 155px;
|
|
min-width: 155px;
|
|
}
|
|
@media (max-width: 640px) {
|
|
.navbar-nav > li.dev_top_lang_select > .dropdown-menu {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
}
|
|
.top_lang_select .dropdown-menu li {
|
|
float: left;
|
|
display: block;
|
|
width: 125px;
|
|
}
|
|
.lang_rtl .top_lang_select .dropdown-menu li {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
.top_lang_select .dropdown-menu li.divider {
|
|
float: none;
|
|
clear: left;
|
|
width: auto;
|
|
margin: 6px 0;
|
|
}
|
|
.top_lang_select .dropdown-menu li a {
|
|
display: inline-block;
|
|
font-size: 13px;
|
|
max-width: 125px;
|
|
padding: 9px 10px;
|
|
border-radius: 4px;
|
|
white-space: normal;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
line-height: 15px;
|
|
margin: 0;
|
|
}
|
|
.top_lang_select .dropdown-menu li.long a {
|
|
font-size: 12px;
|
|
}
|
|
.top_lang_select .dropdown-menu li.missing a {
|
|
color: #777;
|
|
}
|
|
.navbar-nav > .top_lang_select .dropdown-menu li a:hover {
|
|
background: #e8f3fa;
|
|
color: #0088cc;
|
|
}
|
|
.top_lang_select.tlb_top_lang_select .dropdown-menu li a:hover {
|
|
background: #3faee8;
|
|
color: #fff;
|
|
}
|
|
.top_lang_select .dropdown-menu li.chosen a,
|
|
.top_lang_select .dropdown-menu li.chosen a:hover {
|
|
color: #000;
|
|
background: #fff;
|
|
}
|
|
.top_lang_select .minicaret {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-left: 2px;
|
|
vertical-align: middle;
|
|
border-top: 4px solid;
|
|
border-right: 4px solid transparent;
|
|
border-left: 4px solid transparent;
|
|
}
|
|
.lang_rtl .top_lang_select .minicaret {
|
|
margin-left: 0;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#login_widget_config {
|
|
margin: 40px auto;
|
|
}
|
|
.form-group .dropdown + .dropdown {
|
|
margin-left: 15px;
|
|
}
|
|
.dropdown-label {
|
|
margin-right: 7px;
|
|
display: inline-block;
|
|
max-width: 300px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
}
|
|
.dropdown-label .muted {
|
|
color: #999;
|
|
}
|
|
|
|
.textfield-item input.form-control,
|
|
.form-control-dropdown-select,
|
|
.form-control-static-item,
|
|
.textfield-item-placeholder {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-weight: normal;
|
|
}
|
|
.textfield-item input.form-control,
|
|
.form-control-dropdown-select {
|
|
padding: 11px 0 10px;
|
|
border: none;
|
|
height: auto;
|
|
resize: none;
|
|
color: inherit;
|
|
background: transparent;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
box-shadow: none;
|
|
}
|
|
.textfield-item input.form-control:focus {
|
|
box-shadow: none;
|
|
}
|
|
.form-control-static-item {
|
|
padding: 11px 0;
|
|
}
|
|
|
|
.textfield-item {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.textfield-item-underline {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
right: 50%;
|
|
height: 2px;
|
|
background: #39ade7;
|
|
transition: opacity .2s ease-out, left 0s .2s linear, right 0s .2s linear;
|
|
opacity: 0;
|
|
}
|
|
.textfield-item input.form-control:focus ~ .textfield-item-underline {
|
|
transition: left .2s ease-out, right .2s ease-out;
|
|
left: 0;
|
|
right: 0;
|
|
opacity: 1;
|
|
}
|
|
.textfield-item-placeholder {
|
|
bottom: 0;
|
|
color: #ccc;
|
|
color: rgba(0,0,0,.26);
|
|
left: 0;
|
|
right: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
display: block;
|
|
top: 11px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-align: left
|
|
}
|
|
|
|
.textfield-item input.form-control::-webkit-input-placeholder {
|
|
color: #999;
|
|
color: rgba(0,0,0,.42);
|
|
}
|
|
.textfield-item input.form-control::-moz-placeholder {
|
|
color: #999;
|
|
color: rgba(0,0,0,.42);
|
|
}
|
|
.textfield-item input.form-control:-ms-input-placeholder {
|
|
color: #999;
|
|
color: rgba(0,0,0,.42);
|
|
}
|
|
.textfield-item input.form-control:focus::-webkit-input-placeholder {
|
|
color: #ccc;
|
|
color: rgba(0,0,0,.26);
|
|
}
|
|
.textfield-item input.form-control:focus::-moz-placeholder {
|
|
color: #ccc;
|
|
color: rgba(0,0,0,.26);
|
|
}
|
|
.textfield-item input.form-control:focus:-ms-input-placeholder {
|
|
color: #ccc;
|
|
color: rgba(0,0,0,.26);
|
|
}
|
|
.textfield-item-error {
|
|
color: #d45a58;
|
|
position: absolute;
|
|
font-size: 14px;
|
|
line-height: 19px;
|
|
min-height: 19px;
|
|
margin: 5px 0 -19px;
|
|
background: #fff;
|
|
width: 100%;
|
|
padding-bottom: 7px;
|
|
visibility: hidden;
|
|
display: block;
|
|
}
|
|
.textfield-item.is-invalid .textfield-item-error {
|
|
visibility: visible
|
|
}
|
|
.textfield-item.is-invalid input.form-control {
|
|
border-bottom: 1px solid #d50000;
|
|
}
|
|
.textfield-item.is-invalid .textfield-item-underline {
|
|
background: #d50000;
|
|
}
|
|
.control-label-item,
|
|
.form-telegram .control-label {
|
|
text-align: right;
|
|
margin-bottom: 0;
|
|
line-height: 20px;
|
|
padding-top: 11px;
|
|
}
|
|
.form-telegram .help-block {
|
|
font-size: 13px;
|
|
color: #808080;
|
|
margin-top: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.form-telegram .form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
.form-telegram textarea.form-control {
|
|
margin-top: 7px;
|
|
}
|
|
.form-telegram .form-control[readonly] {
|
|
cursor: text;
|
|
background: #fff;
|
|
}
|
|
.form-telegram .form-control[readonly]:focus {
|
|
border: 1px solid #ccc;
|
|
box-shadow: none;
|
|
}
|
|
.form-control-dropdown {
|
|
position: relative;
|
|
}
|
|
.form-control-dropdown.has-items:before {
|
|
content: '';
|
|
position: absolute;
|
|
display: inline-block;
|
|
margin: 16px 10px 0;
|
|
width: 14px;
|
|
height: 9px;
|
|
background: url(/img/rc_icons.png?1) no-repeat -3px -144px;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
.form-control-dropdown .form-control-dropdown-search {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.form-control-dropdown.open .form-control-dropdown-search {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.form-control-dropdown.open .form-control-dropdown-select {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.form-control-dropdown-select {
|
|
color: #ccc;
|
|
color: rgba(0,0,0,.26);
|
|
cursor: pointer;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.form-control-dropdown-select:focus {
|
|
outline: none;
|
|
}
|
|
.form-control-dropdown-select.is-dirty {
|
|
color: inherit;
|
|
}
|
|
.form-control-dropdown-button {
|
|
position: absolute;
|
|
display: inline-block;
|
|
transition: all .2s ease;
|
|
border: none;
|
|
padding: 0;
|
|
background: none !important;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.form-control-dropdown-button:active {
|
|
box-shadow: none !important;
|
|
}
|
|
.form-control-dropdown-button:before {
|
|
content: '';
|
|
display: inline-block;
|
|
margin: 16px 10px;
|
|
width: 14px;
|
|
height: 9px;
|
|
background: url(/img/rc_icons.png?1) no-repeat -3px -144px;
|
|
vertical-align: top;
|
|
}
|
|
.form-control-dropdown-list {
|
|
position: absolute;
|
|
left: -15px;
|
|
right: -15px;
|
|
margin: -2px 0;
|
|
background: #fff;
|
|
text-align: left;
|
|
padding: 7px 0;
|
|
box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15);
|
|
border: none;
|
|
transition: all .2s ease;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
max-height: 220px;
|
|
overflow: auto;
|
|
overflow-x: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
z-index: 10;
|
|
}
|
|
.form-control-dropdown.has-items .form-control-dropdown-button,
|
|
.form-control-dropdown.has-items.open .form-control-dropdown-list {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.form-control-dropdown-list-item,
|
|
.form-control-dropdown-list-no-results {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
padding: 8px 15px;
|
|
cursor: pointer;
|
|
}
|
|
.form-control-static-item .small,
|
|
.form-control-dropdown-select .small,
|
|
.form-control-dropdown-list-item .small {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
color: #a8a8a8;
|
|
padding-left: 8px;
|
|
}
|
|
.form-control-dropdown-search .form-control-dropdown-list-item:hover {
|
|
background: none;
|
|
}
|
|
.form-control-dropdown-search .form-control-dropdown-list-item.selected,
|
|
.form-control-dropdown-list-item:hover {
|
|
background: #f2f2f2;
|
|
}
|
|
.form-control-dropdown-list-no-results {
|
|
color: #a8a8a8;
|
|
cursor: auto;
|
|
}
|
|
.form-control-dropdown-select,
|
|
.form-control-dropdown input.form-control {
|
|
padding-right: 33px;
|
|
}
|
|
.help-block-item {
|
|
display: block;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin-top: 5px;
|
|
margin-bottom: 0;
|
|
color: #a8a8a8;
|
|
}
|
|
.help-block-item a {
|
|
color: #76bfeb;
|
|
}
|
|
|
|
.radio-item,
|
|
.checkbox-item {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-weight: normal;
|
|
}
|
|
.radio-item-block,
|
|
.checkbox-item-block {
|
|
display: block;
|
|
margin: 6px 0 1px;
|
|
padding: 5px 0;
|
|
line-height: 20px;
|
|
}
|
|
.radio-item-block + .radio-item-block,
|
|
.checkbox-item-block + .checkbox-item-block {
|
|
margin-top: 1px;
|
|
}
|
|
.radio-item input.radio,
|
|
.checkbox-item input.checkbox {
|
|
position: absolute;
|
|
left: -5000px;
|
|
}
|
|
body.rtl .radio-item input.radio,
|
|
body.rtl .checkbox-item input.checkbox {
|
|
right: -5000px;
|
|
left: auto;
|
|
}
|
|
.radio-item input.radio ~ .radio-label,
|
|
.checkbox-item input.checkbox ~ .checkbox-label {
|
|
display: inline-block;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
max-width: calc(100% - 31px);
|
|
}
|
|
.radio-item .radio-input,
|
|
.checkbox-item .checkbox-input {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: relative;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
transition: opacity 0.12s linear;
|
|
}
|
|
.radio-item .radio-input + .radio-label,
|
|
.checkbox-item .checkbox-input + .checkbox-label {
|
|
margin-left: 11px;
|
|
}
|
|
body.rtl .radio-item .radio-input + .radio-label,
|
|
body.rtl .checkbox-item .checkbox-input + .checkbox-label {
|
|
margin-right: 11px;
|
|
margin-left: 0;
|
|
}
|
|
.radio-item .radio-input-icon,
|
|
.checkbox-item .checkbox-input-icon {
|
|
display: inline-block;
|
|
content: '';
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid #b3b3b3;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
vertical-align: top;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.radio-item .radio-input-icon:before,
|
|
.checkbox-item .checkbox-input-icon:before {
|
|
display: inline-block;
|
|
content: '';
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 2px solid #54a9eb;
|
|
border-radius: 10px;
|
|
top: -2px;
|
|
left: -2px;
|
|
transition: opacity 0.12s linear;
|
|
opacity: 0;
|
|
}
|
|
.radio-item .radio-input-icon:after {
|
|
display: inline-block;
|
|
content: '';
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
background: #54a9eb;
|
|
border-radius: 5px;
|
|
top: 3px;
|
|
left: 3px;
|
|
transition: transform 0.12s linear;
|
|
transform: scale3d(0, 0, 1);
|
|
}
|
|
.radio-item input.radio:checked + .radio-input .radio-input-icon:before,
|
|
.checkbox-item input.checkbox:checked + .checkbox-input .checkbox-input-icon:before {
|
|
opacity: 1;
|
|
}
|
|
.radio-item input.radio:checked + .radio-input .radio-input-icon:after {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
.checkbox-item .checkbox-input-icon,
|
|
.checkbox-item .checkbox-input-icon:before {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin: 1px;
|
|
border-radius: 3px;
|
|
}
|
|
.checkbox-item .checkbox-input-icon:before {
|
|
margin: 0;
|
|
background: #54a9eb url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%23fff" fill-rule="evenodd"%3E%3Crect height="6" rx="1" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -6.746804 8.368629)" width="2" x="5.728427" y="9.328427"/%3E%3Crect height="11.5" rx="1" transform="matrix(.70710678 .70710678 -.70710678 .70710678 10.712311 -5.169417)" width="2" x="10.596194" y="4.596194"/%3E%3C/g%3E%3C/svg%3E') no-repeat center;
|
|
}
|
|
.radio-item input.radio:disabled + .radio-input,
|
|
.checkbox-item input.checkbox:disabled + .checkbox-input {
|
|
cursor: default;
|
|
pointer-events: none;
|
|
opacity: .65;
|
|
}
|
|
|
|
.button-item {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
color: #fff;
|
|
background: #4ca3e2;
|
|
border-radius: 19px;
|
|
display: inline-block;
|
|
padding: 10px 26px;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border: none;
|
|
transition: background-color .2s ease;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.button-item-flat {
|
|
color: #1385d8;
|
|
background: transparent;
|
|
}
|
|
.button-item:hover {
|
|
background: #4199d9;
|
|
}
|
|
.button-item-flat:hover {
|
|
background: #e7f4fd;
|
|
}
|
|
.button-item-label {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: top;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.button-item.ripple-handler,
|
|
.button-nostyle-item.ripple-handler {
|
|
position: relative;
|
|
}
|
|
.ripple-mask {
|
|
position: absolute;
|
|
left: 0; right: 0;
|
|
top: 0; bottom: 0;
|
|
transform: translateZ(0);
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
}
|
|
.radio-item .ripple-mask,
|
|
.checkbox-item .ripple-mask {
|
|
width: 32px;
|
|
height: 32px;
|
|
left: -6px;
|
|
top: -6px;
|
|
border-radius: 16px;
|
|
}
|
|
.button-nostyle-item .ripple-mask,
|
|
.button-item .ripple-mask {
|
|
border-radius: 19px;
|
|
}
|
|
.radio-item .ripple,
|
|
.checkbox-item .ripple {
|
|
position: absolute;
|
|
width: 80px;
|
|
height: 80px;
|
|
left: -24px;
|
|
top: -24px;
|
|
border-radius: 50%;
|
|
background-color: rgba(179, 179, 179, .2);
|
|
transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
|
|
opacity: 0;
|
|
}
|
|
.radio-item input.radio:checked + .radio-input .ripple,
|
|
.checkbox-item input.checkbox:checked + .checkbox-input .ripple {
|
|
background-color: rgba(84, 169, 235, .2);
|
|
}
|
|
.button-nostyle-item .ripple,
|
|
.button-item .ripple {
|
|
position: absolute;
|
|
width: 200%;
|
|
left: 50%; top: 50%;
|
|
margin: -100% 0 0 -100%;
|
|
padding-top: 200%;
|
|
border-radius: 50%;
|
|
background-color: #3790cf;
|
|
transition: transform .65s ease-out, opacity .65s ease-out, background-color .65s ease-out;
|
|
opacity: 0;
|
|
}
|
|
.button-nostyle-item .ripple,
|
|
.button-item-flat .ripple {
|
|
background-color: #d9ebf7;
|
|
}
|
|
|
|
.radio-item input.radio + .radio-label:before,
|
|
.checkbox-item input.checkbox + .checkbox-label:before {
|
|
display: inline-block;
|
|
content: '';
|
|
width: 20px;
|
|
height: 20px;
|
|
vertical-align: top;
|
|
margin-right: 11px;
|
|
padding: 0;
|
|
background: url(/img/rc_icons.png?1) no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
.radio-item input.radio + .radio-label:before {
|
|
background-position: 0 0;
|
|
}
|
|
.radio-item input.radio:checked + .radio-label:before {
|
|
background-position: 0 -30px;
|
|
}
|
|
.checkbox-item input.checkbox + .checkbox-label:before {
|
|
background-position: 0 -60px;
|
|
}
|
|
.checkbox-item input.checkbox:checked + .checkbox-label:before {
|
|
background-position: 0 -88px;
|
|
}
|
|
.radio-item-justified .radio-input {
|
|
float: left;
|
|
}
|
|
.radio-item-justified .radio-label {
|
|
float: left;
|
|
margin-right: 16px;
|
|
}
|
|
.radio-item-justified .radio-label:after {
|
|
content: ':';
|
|
opacity: 0;
|
|
transition: opacity .2s ease;
|
|
}
|
|
.radio-item-justified .justified-wrap {
|
|
display: block;
|
|
padding: 5px 0;
|
|
margin: -5px 0;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
transition: opacity .2s ease;
|
|
}
|
|
.radio-item-justified .justified-wrap input.form-control {
|
|
cursor: inherit;
|
|
}
|
|
.radio-item-justified input.radio:checked ~ .justified-wrap,
|
|
.radio-item-justified input.radio:checked ~ .radio-label:after {
|
|
opacity: 1;
|
|
}
|
|
.radio-item-justified input.radio:checked ~ .justified-wrap input.form-control {
|
|
cursor: auto;
|
|
}
|
|
.radio-item-justified .textfield-item {
|
|
margin: -5px 0;
|
|
}
|
|
.radio-item-justified input.form-control {
|
|
padding: 5px 0 4px;
|
|
}
|
|
|
|
.bgcolor0 { background: #e17076; }
|
|
.bgcolor1 { background: #faa774; }
|
|
.bgcolor2 { background: #a695e7; }
|
|
.bgcolor3 { background: #7bc862; }
|
|
.bgcolor4 { background: #6ec9cb; }
|
|
.bgcolor5 { background: #65aadd; }
|
|
.bgcolor6 { background: #ee7aae; }
|
|
|
|
.dots-animated:after {
|
|
display: inline-block;
|
|
animation: dotty steps(1, end) 1s infinite;
|
|
content: '...';
|
|
position: absolute;
|
|
}
|
|
|
|
@-webkit-keyframes dotty {
|
|
0%, 100% { content: ''; }
|
|
25% { content: '.'; }
|
|
50% { content: '..'; }
|
|
75% { content: '...'; }
|
|
}
|
|
@keyframes dotty {
|
|
0%, 100% { content: ''; }
|
|
25% { content: '.'; }
|
|
50% { content: '..'; }
|
|
75% { content: '...'; }
|
|
}
|
|
|
|
.widget_container {
|
|
padding: 10px 20px;
|
|
margin: -10px 0;
|
|
text-align: center;
|
|
}
|
|
.widget_container.dark {
|
|
background: #15202b;
|
|
}
|
|
.widget_container iframe {
|
|
vertical-align: top;
|
|
}
|
|
|
|
button.dropdown-toggle:focus,
|
|
button.dropdown-toggle:active:focus {
|
|
outline: none;
|
|
}
|
|
.embed_code {
|
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
text-align: left;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.dev_page_nav_wrap > p > a:first-child {
|
|
color: #333;
|
|
}
|
|
|
|
#dev_page_content .dev_page_nav_wrap ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0 0 20px;
|
|
}
|
|
#dev_page_content .dev_page_nav_wrap ul + h4 {
|
|
margin-top: 4px;
|
|
}
|
|
#dev_page_content .dev_page_nav_wrap ul li {
|
|
background: none;
|
|
padding-left: 0;
|
|
padding-top: 1px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.dev_page_image {
|
|
display: block;
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 10px 0px 5px;
|
|
}
|
|
.tl_contest_page_wrap .dev_page_image {
|
|
max-width: 600px;
|
|
}
|
|
|
|
.dev_page_tgsticker {
|
|
position: relative;
|
|
display: block;
|
|
max-width: 256px;
|
|
}
|
|
.dev_page_tgsticker img,
|
|
.dev_page_tgsticker canvas {
|
|
position: absolute;
|
|
top: 0; bottom: 0;
|
|
left: 0; right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.dev_page_widget_item {
|
|
display: block;
|
|
width: 300px;
|
|
vertical-align: top;
|
|
max-width: 100%;
|
|
margin: 30px auto 10px;
|
|
}
|
|
.dev_page_widget_thumb {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
padding-top: 66.6667%;
|
|
border-radius: 12px;
|
|
background: #f7f7f7 no-repeat center;
|
|
background-size: 100%;
|
|
-webkit-filter: brightness(100%);
|
|
-webkit-transition: all .2s ease;
|
|
-moz-transition: all .2s ease;
|
|
-o-transition: all .2s ease;
|
|
-ms-transition: all .2s ease;
|
|
transition: all .2s ease;
|
|
}
|
|
.dev_page_widget_thumb:hover {
|
|
-webkit-filter: brightness(94%);
|
|
}
|
|
.dev_page_widget_thumb_share {
|
|
background-image: url(/img/Widget_Share.svg?1);
|
|
}
|
|
.dev_page_widget_thumb_post {
|
|
background-image: url(/img/Widget_Post.svg?1);
|
|
}
|
|
.dev_page_widget_thumb_login {
|
|
background-image: url(/img/Widget_Login.svg?1);
|
|
}
|
|
.dev_page_widget_thumb_comments {
|
|
background-image: url(/img/Widget_Comments.svg?1);
|
|
}
|
|
.dev_page_widget_title {
|
|
font-size: 15px;
|
|
line-height: 1.5;
|
|
margin: 12px 0 0;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
@media (min-width: 670px) {
|
|
.dev_page_widgets_list {
|
|
margin-right: -36px;
|
|
}
|
|
.dev_page_widget_item {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 36px;
|
|
}
|
|
.dev_page_widget_title {
|
|
margin-top: 17px;
|
|
}
|
|
}
|
|
|
|
/* Contest */
|
|
|
|
.tl_contest_page_wrap {
|
|
padding: 0 0 20px;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
}
|
|
.tl_contest_intro {
|
|
margin: 0;
|
|
}
|
|
.tl_contest_side_image_wrap {
|
|
position: relative;
|
|
}
|
|
.tl_contest_side_image {
|
|
margin: 50px 0 0 -180px;
|
|
width: 160px;
|
|
height: 160px;
|
|
position: absolute;
|
|
}
|
|
.tl_contest_side_image2 {
|
|
margin-top: 0px;
|
|
}
|
|
.tl_contest_side_image3 {
|
|
margin-top: 10px;
|
|
}
|
|
.tl_contest_page_wrap .tl_main_share {
|
|
margin: 0 0 20px;
|
|
text-align: left;
|
|
}
|
|
.lang_rtl .tl_contest_page_wrap .tl_main_share {
|
|
text-align: right;
|
|
}
|
|
.tl_contest_page_wrap #dev_page_title {
|
|
font-size: 24.5px;
|
|
line-height: 33px;
|
|
margin: 20px 0 10px 0;
|
|
}
|
|
.tl_contest_dl_btn {
|
|
padding: 0;
|
|
}
|
|
#traffic_log_wrap {
|
|
min-height: 300px;
|
|
/*max-height: 600px;*/
|
|
/*overflow: auto;*/
|
|
overflow-wrap: normal;
|
|
white-space: pre;
|
|
}
|
|
|
|
.tl_contest_log {
|
|
padding-top: 10px;
|
|
}
|
|
.tl_contest_log h3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* Blog */
|
|
.blog_side_image_wrap {
|
|
position: relative;
|
|
direction: ltr;
|
|
}
|
|
.lang_rtl .blog_side_image_wrap {
|
|
direction: rtl;
|
|
}
|
|
.blog_side_image {
|
|
margin: -41px 0 0 -180px;
|
|
width: 160px;
|
|
height: 160px;
|
|
position: absolute;
|
|
}
|
|
.lang_rtl .blog_side_image {
|
|
margin: -41px -180px 0 0;
|
|
}
|
|
|
|
.blog_side_centered_image_wrap {
|
|
position: relative;
|
|
}
|
|
a.blog_side_cetered_image,
|
|
a.blog_side_centered_image {
|
|
display: block;
|
|
width: 160px;
|
|
height: 160px;
|
|
margin: 10px auto 20px;
|
|
}
|
|
img.blog_side_cetered_image,
|
|
img.blog_side_centered_image {
|
|
width: 160px;
|
|
height: 160px;
|
|
}
|
|
|
|
.tlb_blog_page .blog_side_image_wrap {
|
|
display: none;
|
|
}
|
|
.tlb_blog_page .blog_side_image {
|
|
display: block;
|
|
margin: 20px auto;
|
|
width: 160px;
|
|
height: 160px;
|
|
position: static;
|
|
}
|
|
|
|
.blog_wide_image img {
|
|
width: 100%;
|
|
padding-bottom: 20px;
|
|
}
|
|
.blog_image_wrap {
|
|
width: 275px;
|
|
margin: 10px auto 20px;
|
|
}
|
|
.blog_image_wrap a {
|
|
|
|
}
|
|
.blog_image_wrap img {
|
|
width: 275px;
|
|
padding: 10px 5px;
|
|
}
|
|
.blog_medium_image_wrap,
|
|
.blog_medium_image_wrap img {
|
|
width: 400px;
|
|
}
|
|
|
|
.blog_wide_image_wrap,
|
|
.blog_wide_image_wrap img {
|
|
width: 100%;
|
|
max-width: auto;
|
|
}
|
|
#dev_page_content .blog_image_wrap p,
|
|
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content .blog_image_wrap p {
|
|
text-align: center;
|
|
color: #808080;
|
|
font-size: 12px;
|
|
margin: 10px 0 0;
|
|
line-height: 150%;
|
|
padding: 0 10px;
|
|
}
|
|
.blog_footer {
|
|
font-style: italic;
|
|
}
|
|
|
|
.blog_2images_wrap,
|
|
.blog_3images_wrap {
|
|
width: 564px;
|
|
margin: 20px auto 20px;
|
|
}
|
|
.blog_3images_wrap {
|
|
width: 575px;
|
|
}
|
|
.blog_2images_wrap:before,
|
|
.blog_2images_wrap:after,
|
|
.blog_3images_wrap:before,
|
|
.blog_3images_wrap:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.blog_2images_wrap:after,
|
|
.blog_3images_wrap:after {
|
|
clear: both;
|
|
}
|
|
.blog_2images_wrap .blog_image_wrap,
|
|
.blog_3images_wrap .blog_image_wrap {
|
|
float: left;
|
|
margin-left: 0;
|
|
margin-right: 14px;
|
|
}
|
|
.blog_3images_wrap .blog_image_wrap {
|
|
margin-right: 10px;
|
|
}
|
|
.blog_2images_wrap .blog_image_wrap:last-child,
|
|
.blog_3images_wrap .blog_image_wrap:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
|
|
.blog_video_player_wrap {
|
|
max-width: 640px;
|
|
margin: 10px auto 20px;
|
|
}
|
|
.blog_video_player {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
/* My page */
|
|
.my_page_wrap {
|
|
margin-top: 50px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
.my_page_wrap .container {
|
|
max-width: 570px;
|
|
}
|
|
|
|
.my_page_wrap .tl_main_card {
|
|
margin: 0;
|
|
}
|
|
#my_login_form_wrap {
|
|
max-width: 400px;
|
|
}
|
|
.my_login_form_details {
|
|
margin: 10px 0 20px;
|
|
}
|
|
|
|
|
|
#my_login_form_wrap .btn {
|
|
box-shadow: none;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 1.428571429;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
text-shadow: none;
|
|
}
|
|
#my_login_form_wrap .btn-primary {
|
|
color: #fff;
|
|
background-color: #428bca;
|
|
border-color: #357ebd;
|
|
}
|
|
#my_login_form_wrap .btn-danger {
|
|
color: #fff;
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a;
|
|
}
|
|
#my_login_form_wrap .btn-success {
|
|
color: #fff;
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c;
|
|
}
|
|
.modal-header h4 {
|
|
position: static;
|
|
}
|
|
|
|
.my_email_confirmation_result_wrap {
|
|
margin-top: 40px;
|
|
}
|
|
.my_email_confirmation_result_text {
|
|
padding: 10px;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
line-height: 1.2;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.smartphone_video_player_wrap {
|
|
width: 270px;
|
|
height: 555px;
|
|
margin: 20px auto;
|
|
position: relative;
|
|
background: #000 url(../img/iPhone6.png) 0 0 no-repeat;
|
|
background-size: 270px 555px;
|
|
}
|
|
.smartphone_video_player_iphone {
|
|
position: absolute;
|
|
margin-top: 69px;
|
|
margin-left: 18px;
|
|
border-radius: 3px;
|
|
overflow: hidden;
|
|
line-height: 0;
|
|
}
|
|
video.smartphone_video_player {
|
|
cursor: pointer;
|
|
width: 234px;
|
|
height: 416px;
|
|
line-height: 0;
|
|
margin: 0;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
.smarphone_device_nexus {
|
|
margin: 40px auto;
|
|
padding: 45px 14px 45px 14px;
|
|
width: 290px;
|
|
height: 514px;
|
|
background: #1e1e1e;
|
|
border-radius: 18.125px;
|
|
display: block;
|
|
position: relative;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus:before {
|
|
-webkit-border-radius: 540px / 45px;
|
|
border-radius: 540px / 45px;
|
|
background: inherit;
|
|
content: '';
|
|
top: 0;
|
|
position: absolute;
|
|
height: 103.1%;
|
|
width: calc(100% - 23px);
|
|
top: 50%;
|
|
left: 50%;
|
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-o-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .top-bar {
|
|
width: calc(100% - 7px);
|
|
height: calc(100% - 5px);
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 4px;
|
|
-webkit-border-radius: 18px;
|
|
border-radius: 18px;
|
|
background: #181818;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .top-bar:before {
|
|
-webkit-border-radius: 540px / 45px;
|
|
border-radius: 540px / 45px;
|
|
background: inherit;
|
|
content: '';
|
|
top: 0;
|
|
position: absolute;
|
|
height: 103.0%;
|
|
width: calc(100% - 26px);
|
|
top: 50%;
|
|
left: 50%;
|
|
-moz-transform: translateX(-50%) translateY(-50%);
|
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
-o-transform: translateX(-50%) translateY(-50%);
|
|
-ms-transform: translateX(-50%) translateY(-50%);
|
|
transform: translateX(-50%) translateY(-50%);
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .bottom-bar{
|
|
display: none;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .sleep {
|
|
width: 3px;
|
|
position: absolute;
|
|
left: -3px;
|
|
top: 99px;
|
|
height: 90px;
|
|
background: inherit;
|
|
-webkit-border-radius: 2px 0px 0px 2px;
|
|
border-radius: 2px 0px 0px 2px;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .volume {
|
|
width: 3px;
|
|
position: absolute;
|
|
right: -3px;
|
|
top: 63px;
|
|
height: 45px;
|
|
background: inherit;
|
|
-webkit-border-radius: 0px 2px 2px 0px;
|
|
border-radius: 0px 2px 2px 0px;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .camera {
|
|
background: #3c3d3d;
|
|
width: 9px;
|
|
height: 9px;
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 50%;
|
|
z-index: 3;
|
|
margin-left: -5px;
|
|
border-radius: 100%;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .camera:before {
|
|
background: #3c3d3d;
|
|
width: 6px;
|
|
height: 6px;
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: -90px;
|
|
z-index: 3;
|
|
border-radius: 100%;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus .screen {
|
|
position: relative;
|
|
box-sizing: content-box;
|
|
}
|
|
.smarphone_device_nexus video {
|
|
display: block;
|
|
width: 290px;
|
|
height: 514px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
|
|
/* Telegram Me */
|
|
.tgme_page_wrap {
|
|
font-family: 'Roboto', sans-serif;
|
|
color: var(--text-color);
|
|
}
|
|
|
|
.tgme_background_wrap {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
background: var(--body-bg);
|
|
}
|
|
.tgme_background {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.tgme_background.default {
|
|
}
|
|
.tgme_background.motion {
|
|
left: -10px;
|
|
top: -10px;
|
|
width: calc(100% + 20px);
|
|
height: calc(100% + 20px);
|
|
animation: bg-motion 10s linear infinite;
|
|
}
|
|
.tgme_background_pattern {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
mix-blend-mode: overlay;
|
|
background: center repeat;
|
|
background-size: 420px auto;
|
|
background-image: var(--pattern-url, none);
|
|
opacity: var(--pattern-intensity, 1);
|
|
}
|
|
.tgme_background_pattern.default {
|
|
opacity: 0.3;
|
|
background-image: url('/img/tgme/pattern.svg?1');
|
|
}
|
|
html.theme_dark .tgme_background,
|
|
body.bg_dark .tgme_background {
|
|
-webkit-mask: center repeat;
|
|
-webkit-mask-size: 420px auto;
|
|
-webkit-mask-image: var(--pattern-url, none);
|
|
opacity: var(--pattern-intensity, 1);
|
|
}
|
|
html.theme_dark .tgme_background.default,
|
|
body.bg_dark .tgme_background.default {
|
|
opacity: 0.3;
|
|
-webkit-mask-image: url('/img/tgme/pattern.svg?1');
|
|
}
|
|
body.bg_light .tgme_background,
|
|
body.bg_light .tgme_background.default {
|
|
-webkit-mask: none;
|
|
opacity: 1;
|
|
}
|
|
html.theme_dark .tgme_background_pattern,
|
|
body.bg_dark .tgme_background_pattern {
|
|
display: none;
|
|
}
|
|
body.bg_light .tgme_background_pattern {
|
|
display: block;
|
|
}
|
|
|
|
@-webkit-keyframes bg-motion {
|
|
20% { transform: translateX(0px); }
|
|
25% { transform: translateX(-10px); }
|
|
35% { transform: translateX(10px); }
|
|
40% { transform: translateX(0px); }
|
|
}
|
|
@keyframes bg-motion {
|
|
20% { transform: translateX(0px); }
|
|
25% { transform: translateX(-10px); }
|
|
35% { transform: translateX(10px); }
|
|
40% { transform: translateX(0px); }
|
|
}
|
|
|
|
.tgme_head_wrap {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
height: 54px;
|
|
padding: 10px 16px;
|
|
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
background: var(--box-bg-blured);
|
|
-webkit-backdrop-filter: blur(25px);
|
|
backdrop-filter: blur(25px);
|
|
z-index: 1;
|
|
}
|
|
.tgme_head {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.tgme_head_brand {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.tgme_logo {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
a.tgme_head_right_btn {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
font-weight: bold;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
background: var(--accent-btn-color);
|
|
padding: 9px 16px;
|
|
height: 34px;
|
|
border-radius: 17px;
|
|
text-align: center;
|
|
transition: all .15s ease .15s;
|
|
}
|
|
a.tgme_head_right_btn:hover,
|
|
a.tgme_head_right_btn:active {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background: var(--accent-color-hover);
|
|
}
|
|
a.tgme_head_dl_button {
|
|
display: block;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
color: #FFF;
|
|
background: #32afed;
|
|
padding: 2px 15px 0 16px;
|
|
height: 45px;
|
|
line-height: 43px;
|
|
text-align: center;
|
|
}
|
|
.tlb_page_wrap a.tgme_head_dl_button {
|
|
color: #FFF;
|
|
}
|
|
a.tgme_head_dl_button:hover,
|
|
a.tgme_head_dl_button:active,
|
|
.tlb_page_wrap a.tgme_head_dl_button:hover,
|
|
.tlb_page_wrap a.tgme_head_dl_button:active {
|
|
color: #FFF;
|
|
background: #32afed;
|
|
text-decoration: none;
|
|
}
|
|
.tgme_icon_arrow {
|
|
display: inline-block;
|
|
background: url(/img/tgme/Arrow_1x.png) 0 0 no-repeat;
|
|
width: 8px;
|
|
height: 12px;
|
|
background-size: 8px 12px;
|
|
vertical-align: top;
|
|
margin-top: 15px;
|
|
margin-left: 9px;
|
|
}
|
|
|
|
.tgme_body_wrap {
|
|
padding: 70px 16px 40px;
|
|
}
|
|
.tgme_page {
|
|
position: relative;
|
|
margin: 16px auto;
|
|
padding: 32px 0;
|
|
max-width: 400px;
|
|
background: var(--box-bg);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
border-radius: 16px;
|
|
transition: all .15s ease .15s;
|
|
}
|
|
.tgme_page a {
|
|
color: var(--accent-link-color);
|
|
}
|
|
.tgme_page_post {
|
|
max-width: 500px;
|
|
padding: 3px 0 0;
|
|
margin: 0 auto;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
border-radius: 0;
|
|
}
|
|
.tgme_page_icon {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
.tgme_icon_user,
|
|
.tgme_icon_group,
|
|
.tgme_icon_stickers,
|
|
.tgme_icon_share,
|
|
.tgme_icon_invoice {
|
|
display: inline-block;
|
|
width: 48px;
|
|
height: 48px;
|
|
vertical-align: top;
|
|
background: center no-repeat;
|
|
}
|
|
.tgme_icon_user {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m40%204h-32c-2.2%200-4%201.8-4%204v31.1716c0%201.7818%202.15428%202.6741%203.41421%201.4142l4.58579-4.5858h28c2.2%200%204-1.8%204-4v-24c0-2.2-1.8-4-4-4zm-22%2016c0%201.1046-.8954%202-2%202-1.1046%200-2-.8954-2-2%200-1.1046.8954-2%202-2%201.1046%200%202%20.8954%202%202zm8%200c0%201.1046-.8954%202-2%202-1.1046%200-2-.8954-2-2%200-1.1046.8954-2%202-2%201.1046%200%202%20.8954%202%202zm8%200c0%201.1046-.8954%202-2%202-1.1046%200-2-.8954-2-2%200-1.1046.8954-2%202-2%201.1046%200%202%20.8954%202%202z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_icon_group {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m32%2022c3.32%200%205.98-2.68%205.98-6s-2.66-6-5.98-6-6%202.68-6%206%202.68%206%206%206zm-16%200c3.32%200%205.98-2.68%205.98-6s-2.66-6-5.98-6-6%202.68-6%206%202.68%206%206%206zm0%204c-4.66%200-14%202.34-14%207v3c0%201.1.9%202%202%202h24c1.1%200%202-.9%202-2v-3c0-4.66-9.34-7-14-7zm16%200c-.58%200-1.24.04-1.94.1.04.02.06.06.08.08%202.28%201.66%203.86%203.88%203.86%206.82v3c0%20.7-.14%201.38-.36%202h10.36c1.1%200%202-.9%202-2v-3c0-4.66-9.34-7-14-7z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_icon_stickers {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m43.9851%2024.7787c.0099-.2583.0149-.5179.0149-.7787%200-4-3.9635-8.3925-7.5-12-3.6298-3.70272-8.5-8-12.5-8-.9492%200-1.883.06613-2.797.19403-.0628.00879-.1255.01787-.1881.02724-9.6298%201.44112-17.0149%209.74753-17.0149%2019.77873%200%2011.0457%208.9543%2020%2020%2020%2010.7849%200%2019.576-8.5365%2019.9851-19.2213zm-4.0143.1953c-.5033%208.383-7.4613%2015.026-15.9708%2015.026-8.8366%200-16-7.1634-16-16%200-7.9024%205.7289-14.46671%2013.2601-15.76631%201.492%209.17801%209.2306%2016.25971%2018.7107%2016.74031z%22%20fill%3D%22%231c93e3%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_icon_share {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m34%2014h-6c-1.1%200-2%20.9-2%202s.9%202%202%202h6c3.3%200%206%202.7%206%206s-2.7%206-6%206h-6c-1.1%200-2%20.9-2%202s.9%202%202%202h6c5.52%200%2010-4.48%2010-10s-4.48-10-10-10zm-18%2010c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2s-.9-2-2-2h-12c-1.1%200-2%20.9-2%202zm4%206h-6c-3.3%200-6-2.7-6-6s2.7-6%206-6h6c1.1%200%202-.9%202-2s-.9-2-2-2h-6c-5.52%200-10%204.48-10%2010s4.48%2010%2010%2010h6c1.1%200%202-.9%202-2s-.9-2-2-2z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_icon_invoice {
|
|
background-image: url('data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m23.6%2021.8c-4.54-1.18-6-2.4-6-4.3%200-2.18%202.02-3.7%205.4-3.7%202.84%200%204.26%201.08%204.78%202.8.24.8.9%201.4%201.74%201.4h.6c1.32%200%202.26-1.3%201.8-2.54-.84-2.36-2.8-4.32-5.92-5.08v-1.38c0-1.66-1.34-3-3-3s-3%201.34-3%203v1.32c-3.88.84-7%203.36-7%207.22%200%204.62%203.82%206.92%209.4%208.26%205%201.2%206%202.96%206%204.82%200%201.38-.98%203.58-5.4%203.58-3.3%200-5-1.18-5.66-2.86-.3-.78-.98-1.34-1.8-1.34h-.56c-1.34%200-2.28%201.36-1.78%202.6%201.14%202.78%203.8%204.42%206.8%205.06v1.34c0%201.66%201.34%203%203%203s3-1.34%203-3v-1.3c3.9-.74%207-3%207-7.1%200-5.68-4.86-7.62-9.4-8.8z%22%20fill%3D%22%231c93e3%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.tgme_page_photo {
|
|
text-align: center;
|
|
padding-bottom: 16px;
|
|
}
|
|
.tgme_page_photo_image {
|
|
width: 122px;
|
|
height: 122px;
|
|
border-radius: 61px;
|
|
}
|
|
.tgme_page_title {
|
|
font-size: 26px;
|
|
line-height: 32px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
max-width: 340px;
|
|
padding: 0 10px;
|
|
margin: 0 auto;
|
|
color: var(--text-color);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.verified-icon {
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
padding: 1px;
|
|
text-indent: -10em;
|
|
overflow: hidden;
|
|
background: var(--icon-verified) no-repeat 0 0;
|
|
background-size: 100%;
|
|
vertical-align: -4px;
|
|
margin-left: 8px;
|
|
}
|
|
.tgme_page_extra {
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
padding: 6px 16px 0;
|
|
color: var(--second-text-color);
|
|
}
|
|
.tgme_page_desc_header,
|
|
.tgme_page_description,
|
|
.tgme_page_additional {
|
|
font-size: 16px;
|
|
line-height: 25px;
|
|
text-align: center;
|
|
margin: 10px 16px 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.tgme_page_additional strong {
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.tgme_page_desc_header,
|
|
.tgme_page_description {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 5;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-height: 125px;
|
|
word-break: break-word;
|
|
}
|
|
.tgme_page_desc_header {
|
|
font-size: 19px;
|
|
line-height: 23px;
|
|
font-weight: bold;
|
|
max-height: 69px;
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
.tgme_page_long_description {
|
|
max-height: none;
|
|
-webkit-line-clamp: unset;
|
|
}
|
|
.tgme_page_additional {
|
|
display: none;
|
|
font-size: 14px;
|
|
line-height: 23px;
|
|
margin-top: 32px;
|
|
color: #808080;
|
|
}
|
|
a.tgme_username_link,
|
|
a.tgme_username_link:hover,
|
|
a.tgme_username_link:active {
|
|
text-decoration: none;
|
|
}
|
|
.tgme_page_action {
|
|
text-align: center;
|
|
margin-top: 24px;
|
|
line-height: 0;
|
|
}
|
|
a.tgme_action_button,
|
|
a.tgme_action_button_new {
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
font-weight: bold;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: #FFF;
|
|
background: #5dc390;
|
|
border-radius: 22px;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
padding: 13px 24px;
|
|
height: 42px;
|
|
text-transform: uppercase;
|
|
vertical-align: top;
|
|
}
|
|
a.tgme_action_button:hover,
|
|
a.tgme_action_button:active,
|
|
a.tgme_action_button_new:hover,
|
|
a.tgme_action_button_new:active {
|
|
color: #FFF;
|
|
background: #4bbc87;
|
|
text-decoration: none;
|
|
}
|
|
a.tgme_action_button_new {
|
|
background-color: var(--accent-btn-color);
|
|
}
|
|
a.tgme_action_button_new.shine {
|
|
background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
|
|
background-repeat: no-repeat;
|
|
animation: bg-move linear 5s infinite;
|
|
}
|
|
a.tgme_action_button_new:hover,
|
|
a.tgme_action_button_new:active {
|
|
background-color: var(--accent-color-hover);
|
|
}
|
|
|
|
@-webkit-keyframes bg-move {
|
|
0% { background-position: -500px 0; }
|
|
100% { background-position: 1000px 0; }
|
|
}
|
|
@keyframes bg-move {
|
|
0% { background-position: -500px 0; }
|
|
100% { background-position: 1000px 0; }
|
|
}
|
|
|
|
.tgme_page_web_action {
|
|
margin-top: 18px;
|
|
}
|
|
.tgme_page_web_action a.tgme_action_button_new {
|
|
color: var(--accent-btn-color);
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 2px var(--accent-btn-color);
|
|
}
|
|
.tgme_page_web_action a.tgme_action_button_new:hover,
|
|
.tgme_page_web_action a.tgme_action_button_new:active {
|
|
color: var(--accent-btn-color);
|
|
background: transparent;
|
|
text-decoration: none;
|
|
}
|
|
.tgme_action_privacy_action {
|
|
margin-top: 12px;
|
|
}
|
|
.tgme_action_privacy_action a.tgme_action_privacy_button {
|
|
color: var(--accent-btn-color);
|
|
background: none;
|
|
border: 0;
|
|
padding: 13px 25px 11px;
|
|
font-size: 12px;
|
|
}
|
|
.tgme_action_privacy_action a.tgme_action_privacy_button:hover,
|
|
.tgme_action_privacy_action a.tgme_action_privacy_button:active {
|
|
color: var(--accent-btn-color);
|
|
background: none;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tgme_footer {
|
|
margin: 0 auto 50px;
|
|
border-top: 1px solid #e0e0e0;
|
|
max-width: 424px;
|
|
padding-top: 38px;
|
|
}
|
|
|
|
.tgme_footer_description {
|
|
font-size: 17px;
|
|
line-height: 27px;
|
|
text-align: center;
|
|
max-width: 330px;
|
|
padding: 0 10px;
|
|
margin: 0 auto 0;
|
|
}
|
|
.tgme_footer_action {
|
|
text-align: center;
|
|
margin-top: 28px;
|
|
line-height: 0;
|
|
}
|
|
a.tgme_footer_dl_button {
|
|
background: #32afed;
|
|
}
|
|
a.tgme_footer_dl_button:hover,
|
|
a.tgme_footer_dl_button:active {
|
|
background: #1ca4e7;
|
|
}
|
|
|
|
.tgme_page_widget {
|
|
margin: 0 -10px;
|
|
}
|
|
.tgme_page_widget iframe {
|
|
vertical-align: top;
|
|
max-width: 100%;
|
|
color-scheme: normal;
|
|
}
|
|
.tgme_page_widget_action {
|
|
text-align: center;
|
|
line-height: 0;
|
|
}
|
|
.tgme_page_widget_actions_wrap {
|
|
padding: 14px 0 0;
|
|
}
|
|
.tgme_page_widget_actions {
|
|
position: relative;
|
|
padding: 16px 0;
|
|
background-color: var(--box-bg);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
-webkit-backdrop-filter: blur(25px);
|
|
backdrop-filter: blur(25px);
|
|
border-radius: 16px;
|
|
max-width: 500px;
|
|
margin: 0 auto;
|
|
transition:
|
|
border-radius .15s ease-in-out,
|
|
max-width .15s ease-in-out,
|
|
background-color 0s linear;
|
|
}
|
|
.fixed_actions .tgme_page_widget_actions_wrap,
|
|
.sticky_actions .tgme_page_widget_actions_wrap {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: 0 auto;
|
|
}
|
|
.sticky_actions .tgme_page_widget_actions_wrap {
|
|
position: sticky;
|
|
}
|
|
.sticky_actions .tgme_page_widget_actions_wrap.stuck {
|
|
margin: 0 -16px;
|
|
}
|
|
.fixed_actions .tgme_page_widget_actions,
|
|
.sticky_actions .tgme_page_widget_actions_wrap.stuck .tgme_page_widget_actions {
|
|
background-color: var(--box-bg-blured);
|
|
border-radius: 0;
|
|
max-width: 100%;
|
|
transition-delay: 0s, 0s, .15s;
|
|
}
|
|
@media (min-width: 800px) {
|
|
.fixed_actions .tgme_page_widget_actions,
|
|
.sticky_actions .tgme_page_widget_actions_wrap.stuck .tgme_page_widget_actions {
|
|
max-width: 600px;
|
|
border-radius: 16px 16px 0 0;
|
|
}
|
|
.sticky_actions .tgme_page_widget_actions_wrap.stuck .tgme_page_widget_actions {
|
|
margin: 0 auto;
|
|
}
|
|
}
|
|
.tgme_page_widget_actions_cont {
|
|
max-width: 500px;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
.tgme_page_widget_actions .tgme_page_action {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
}
|
|
.tgme_page_widget_action_right,
|
|
.tgme_page_widget_action_left {
|
|
width: 120px;
|
|
flex-grow: 2;
|
|
text-align: center;
|
|
}
|
|
.tgme_page_widget_action_right {
|
|
float: right;
|
|
order: 1;
|
|
}
|
|
.tgme_page_widget_action_left {
|
|
float: left;
|
|
}
|
|
.tgme_page_widget_actions a.tgme_action_web_button {
|
|
border: none;
|
|
background: none;
|
|
padding: 15px 10px 13px;
|
|
}
|
|
.tgme_page_widget_actions .tgme_page_web_action {
|
|
margin-top: 0;
|
|
text-align: inherit;
|
|
}
|
|
.tgme_page_context_action {
|
|
margin-top: 8px;
|
|
}
|
|
.tgme_page_context_action a.tgme_action_button_new {
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
}
|
|
.tgme_page_embed_action {
|
|
text-align: center;
|
|
margin: 16px 16px 0;
|
|
display: none;
|
|
order: 3;
|
|
flex-basis: 100%;
|
|
}
|
|
.embed_opened .tgme_page_embed_action {
|
|
display: block;
|
|
}
|
|
.tgme_page_embed_btn {
|
|
line-height: 0;
|
|
}
|
|
.tgme_page_copy_action {
|
|
text-align: center;
|
|
margin: 7px 0 -9px;
|
|
}
|
|
.tgme_page_embed_btn a.tgme_action_button_new,
|
|
.tgme_page_context_btn a.tgme_action_button_new,
|
|
.tgme_page_copy_action a.tgme_action_button_new,
|
|
.tgme_page_widget_actions a.tgme_action_web_button {
|
|
color: #7D7F81;
|
|
padding: 13px 10px;
|
|
background: none;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
}
|
|
.tgme_page_widget_actions a.tgme_action_web_button:hover,
|
|
.tgme_page_widget_actions a.tgme_action_web_button:active {
|
|
color: #7D7F81;
|
|
background: none;
|
|
}
|
|
.tgme_page_widget_actions a.tgme_action_button_new .tgme_action_button_icon.web_icon .icon_body {
|
|
animation-duration: 300ms;
|
|
animation-timing-function: steps(18);
|
|
}
|
|
.tgme_page_widget_actions a.tgme_action_button_new:hover .tgme_action_button_icon.web_icon .icon_body {
|
|
animation-name: play18;
|
|
}
|
|
@-webkit-keyframes play18 {
|
|
0% { transform: translateX(0px); }
|
|
100% { transform: translateX(-432px); }
|
|
}
|
|
@keyframes play18 {
|
|
0% { transform: translateX(0px); }
|
|
100% { transform: translateX(-432px); }
|
|
}
|
|
.tgme_action_button_new .tgme_action_button_icon {
|
|
display: inline-block;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: -7px 7px -7px 0;
|
|
}
|
|
.tgme_action_button_new .tgme_action_button_icon .icon_body {
|
|
stroke: #7D7F81;
|
|
animation-duration: 500ms;
|
|
animation-timing-function: steps(30);
|
|
}
|
|
.tgme_page_additional,
|
|
.tgme_page_context_link_wrap {
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
padding: 0 16px;
|
|
margin: 20px 0 0;
|
|
color: var(--second-text-color);
|
|
}
|
|
.tgme_page_additional {
|
|
margin-top: 24px;
|
|
}
|
|
.tgme_page_context_link_wrap a.tgme_page_context_link {
|
|
color: #7d7f81;
|
|
cursor: pointer;
|
|
}
|
|
.embed_opened .tgme_page_embed_btn a.tgme_action_button_new {
|
|
color: var(--accent-btn-color);
|
|
}
|
|
.embed_opened .tgme_page_embed_btn .tgme_action_button_new .tgme_action_button_icon .icon_body {
|
|
stroke: var(--accent-btn-color);
|
|
animation-name: play30;
|
|
}
|
|
@-webkit-keyframes play30 {
|
|
0% { transform: translateX(0px); }
|
|
100% { transform: translateX(-720px); }
|
|
}
|
|
@keyframes play30 {
|
|
0% { transform: translateX(0px); }
|
|
100% { transform: translateX(-720px); }
|
|
}
|
|
.tgme_page_embed_action a.tgme_action_button_new:hover,
|
|
.tgme_page_embed_action a.tgme_action_button_new:active,
|
|
.tgme_page_copy_action a.tgme_action_button_new:hover,
|
|
.tgme_page_copy_action a.tgme_action_button_new:active {
|
|
color: #7D7F81;
|
|
text-decoration: none;
|
|
background: none;
|
|
}
|
|
.tgme_page_copy_action .tgme_action_button_new.pressed .tgme_action_button_icon .icon_body {
|
|
animation-name: play30;
|
|
}
|
|
.tgme_page_embed_code {
|
|
font-size: 13px;
|
|
color: #546172;
|
|
background: rgba(125, 127, 129, 0.1);
|
|
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
width: 100%;
|
|
padding: 11px 17px;
|
|
border: 1px solid rgba(125, 127, 129, 0.3);
|
|
border-radius: 10px;
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
text-align: left;
|
|
-webkit-appearance: none;
|
|
vertical-align: top;
|
|
}
|
|
html.theme_dark .tgme_page_embed_code {
|
|
color: #fff;
|
|
}
|
|
.tgme_page_embed_code:focus {
|
|
outline: none;
|
|
}
|
|
@media (max-width: 595px) {
|
|
.tgme_page_widget_action_right,
|
|
.tgme_page_widget_action_left {
|
|
text-align: center;
|
|
width: 20%;
|
|
}
|
|
.tgme_page_widget_actions .tgme_action_button_label {
|
|
display: none;
|
|
}
|
|
.tgme_page_widget_actions a.tgme_action_web_button:before {
|
|
display: inline-block;
|
|
}
|
|
.tgme_page_embed_btn a.tgme_action_button_new:before {
|
|
margin-right: 0;
|
|
}
|
|
.tgme_page_embed_action {
|
|
margin-top: 20px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.tgme_page_copy_action {
|
|
margin-top: 8px;
|
|
}
|
|
#embed_code {
|
|
margin-top: 24px;
|
|
}
|
|
}
|
|
|
|
.tgme_page_bg {
|
|
margin: 0;
|
|
max-width: none;
|
|
}
|
|
.tgme_bg_wrap {
|
|
height: 100%;
|
|
height: calc(100vh - 104px);
|
|
display: -ms-flexbox;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.tgme_bg_image_wrap {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: calc(100vh - 104px);
|
|
overflow: hidden;
|
|
}
|
|
.tgme_bg_image {
|
|
width: 110%;
|
|
width: calc(100vw + 40px);
|
|
height: 110%;
|
|
height: calc(100vh - 104px + 40px);
|
|
margin: -20px;
|
|
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
z-index: 1;
|
|
|
|
-webkit-filter: blur(5px);
|
|
-moz-filter: blur(5px);
|
|
-o-filter: blur(5px);
|
|
-ms-filter: blur(5px);
|
|
filter: blur(5px);
|
|
}
|
|
.tgme_bg_wrap_pattern1 .tgme_bg_image {
|
|
-webkit-filter: blur(8px);
|
|
-moz-filter: blur(8px);
|
|
-o-filter: blur(8px);
|
|
-ms-filter: blur(8px);
|
|
filter: blur(8px);
|
|
}
|
|
.tgme_bg_wrap_full .tgme_bg_image {
|
|
-webkit-filter: none;
|
|
-moz-filter: none;
|
|
-o-filter: none;
|
|
-ms-filter: none;
|
|
filter: none;
|
|
}
|
|
.tgme_bg {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.tgme_bg_popup_wrap {
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
flex: 1 0 auto;
|
|
padding: 40px 40px 30px;
|
|
margin: 0 40px;
|
|
max-width: 390px;
|
|
text-align: center;
|
|
}
|
|
.tgme_bg_title {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
margin: 0 0 10px;
|
|
}
|
|
.tgme_bg_size {
|
|
color: #64686B;
|
|
font-size: 14px;
|
|
margin: 10px 0 17px;
|
|
}
|
|
|
|
|
|
#tgme_frame_cont {
|
|
position: absolute;
|
|
left: -10000px;
|
|
top: -10000px;
|
|
}
|
|
|
|
/* New mobile blog */
|
|
.tlb_page_wrap {
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
.tlb_page_wrap a,
|
|
.tlb_page_wrap a:hover,
|
|
.tlb_page_wrap a:active {
|
|
color: #1497d9;
|
|
}
|
|
.tlb_page_head {
|
|
background: #FFF;
|
|
height: 47px;
|
|
padding: 12px 12px;
|
|
}
|
|
.tlb_blog_logo {
|
|
display: inline-block;
|
|
background: url(/img/blog/BlogLogo1x.png?1) 0 0 no-repeat;
|
|
width: 146px;
|
|
height: 20px;
|
|
background-size: 146px 20px;
|
|
line-height: 0;
|
|
margin-top: 2px;
|
|
}
|
|
.tlb_head_home {
|
|
float: right;
|
|
display: inline-block;
|
|
line-height: 24px;
|
|
height: 24px;
|
|
vertical-align: top;
|
|
font-size: 14px;
|
|
}
|
|
a.tlb_blog_head_more_link {
|
|
display: block;
|
|
font-size: 15px;
|
|
color: #FFF;
|
|
background: #3faee8;
|
|
padding: 0 15px 0 15px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
}
|
|
a.tlb_blog_head_more_link:hover,
|
|
a.tlb_blog_head_more_link:active {
|
|
color: #FFF;
|
|
background: #3faee8;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.tlb_blog_head_more_link .tlb_head_more_active,
|
|
.tlb_blog_head_recent_active a.tlb_blog_head_more_link .tlb_head_more_inactive,
|
|
.tlb_head_more_entries {
|
|
display: none;
|
|
}
|
|
.tlb_blog_head_recent_active a.tlb_blog_head_more_link .tlb_head_more_active,
|
|
.tlb_blog_head_recent_active .tlb_head_more_entries {
|
|
display: block;
|
|
}
|
|
.tlb_head_more_icon_wrap {
|
|
float: right;
|
|
vertical-align: top;
|
|
margin-top: 15px;
|
|
line-height: 0;
|
|
}
|
|
.lang_rtl .tlb_head_more_icon_wrap {
|
|
float: left;
|
|
}
|
|
.tlb_head_more_icon {
|
|
display: inline-block;
|
|
border: 2px solid #FFF;
|
|
border-left: 0;
|
|
border-bottom: 0;
|
|
width: 10px;
|
|
height: 10px;
|
|
|
|
-moz-transform: rotate(135deg);
|
|
-webkit-transform: rotate(135deg);
|
|
-o-transform: rotate(135deg);
|
|
-ms-transform: rotate(135deg);
|
|
transform: rotate(135deg);
|
|
|
|
/*-webkit-transition: all linear 0.2s;
|
|
-moz-transition: all linear 0.2s;
|
|
-ms-transition: all linear 0.2s;
|
|
-o-transition: all linear 0.2s;
|
|
transition: all linear 0.2s;*/
|
|
}
|
|
.tlb_blog_head_recent_active .tlb_head_more_icon_wrap {
|
|
margin-top: 18px;
|
|
}
|
|
.tlb_blog_head_recent_active .tlb_head_more_icon {
|
|
-moz-transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
.tlb_page_wrap .tl_page_container {
|
|
margin-top: 0;
|
|
}
|
|
.tlb_page_wrap .side_blog_wrap {
|
|
margin: 22px 0 0 16px;
|
|
padding: 0 10px 0 0;
|
|
font-size: 13px;
|
|
}
|
|
.tlb_page_wrap .side_blog_wrap:before {
|
|
width: 4px;
|
|
background: #3faee8;
|
|
border-radius: 4px;
|
|
margin: 0 15px 0 0;
|
|
}
|
|
.lang_rtl .tlb_page_wrap .side_blog_wrap:before {
|
|
margin: 0 0 0 15px;
|
|
}
|
|
|
|
.tlb_page_wrap .side_blog_header {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
.tlb_page_wrap .side_blog_entry {
|
|
margin-top: 12px;
|
|
}
|
|
.tlb_page_wrap .side_blog_date {
|
|
color: #444;
|
|
font-size: 14px;
|
|
}
|
|
.tlb_page_wrap .side_blog_title {
|
|
margin-top: 2px;
|
|
font-size: 15px;
|
|
}
|
|
|
|
|
|
|
|
.tlb_page_wrap #dev_page_title a,
|
|
.tlb_page_wrap #dev_page_title a:hover,
|
|
.tlb_page_wrap #dev_page_title a:active {
|
|
color: #444;
|
|
}
|
|
.tlb_page_wrap .tl_contest_page_wrap #dev_page_title {
|
|
margin-bottom: 20px;
|
|
}
|
|
.tlb_page_wrap .tl_contest_page_wrap #dev_page_title,
|
|
.tlb_page_wrap .tl_contest_page_wrap h4 {
|
|
color: #444;
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content,
|
|
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content p {
|
|
color: #333333;
|
|
font-size: 15px;
|
|
}
|
|
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content p {
|
|
margin-bottom: 15px;
|
|
}
|
|
.tlb_page_wrap .tl_contest_page_wrap #dev_page_content blockquote p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.tlb_page_wrap a.tl_twitter_share_btn {
|
|
background: #3faee8;
|
|
color: #FFF;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
border-radius: 17px;
|
|
padding-top: 8px;
|
|
}
|
|
.tlb_page_wrap span.tl_twitter_share_cnt {
|
|
color: #c2eaff;
|
|
}
|
|
.tlb_page_wrap a.tl_twitter_share_btn:hover,
|
|
.tlb_page_wrap a.tl_twitter_share_btn:active {
|
|
color: #c2eaff;
|
|
}
|
|
|
|
|
|
.tl_telegram_share_btn {
|
|
display: inline-block;
|
|
border-radius: 16px;
|
|
background-color: #54a9eb;
|
|
cursor: pointer;
|
|
line-height: 22px;
|
|
margin-right: 10px;
|
|
padding: 5px 17px 5px 11px;
|
|
color: #FFF;
|
|
font-weight: bold;
|
|
}
|
|
.tl_telegram_share_btn:hover,
|
|
.tl_telegram_share_btn:active,
|
|
.tl_telegram_share_btn:focus {
|
|
text-decoration: none;
|
|
color: #FFF;
|
|
outline: none;
|
|
}
|
|
.lang_rtl .tl_telegram_share_btn {
|
|
margin-right: 0;
|
|
margin-left: 10px;
|
|
}
|
|
i.tl_telegram_share_icon {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url('data:image/svg+xml,%3Csvg height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="m1.77404283 9.58769086c4.67714245-1.99564845 7.79596997-3.31130205 9.35648257-3.9469608 4.4555806-1.81493491 5.381412-2.13020854 5.984856-2.14061906.1327219-.0022897.4294781.02992311.6217044.18267827.162312.12898346.2069705.30322179.2283411.42551228.0213705.12229049.047982.40087134.0268279.61854631-.2414495 2.48450744-1.2861975 8.51375174-1.817706 11.29644264-.2249011 1.1774608-.6709749 1.4294697-1.0996928 1.4681058-.9317032.0839651-1.6359598-.4602232-2.5383599-1.0395344-1.412078-.9065075-1.9311138-1.1506648-3.30178003-2.0352487-1.58404193-1.0222898-.71982554-1.5573792.18291533-2.4756292.23625159-.2403103 4.3705401-3.98382431 4.4499945-4.31554914.0099371-.04148774-.12607-.45629906-.2198814-.53795815s-.2322689-.05373486-.3321837-.03152647c-.1416262.03147972-2.397439 1.49167812-6.76743852 4.38059516-.64030496.4305972-1.22027332.6403987-1.73990507.6294043-.5728523-.0121204-1.67479033-.3172064-2.49396798-.5779863-1.00475474-.3198572-1.37564449-.4704946-1.30610794-1.013711.03621894-.2829407.29151946-.57846124.76590154-.88656154z" fill="%23fff" fill-rule="evenodd"/%3E%3C/svg%3E') 0 0 no-repeat;
|
|
margin-right: 11px;
|
|
vertical-align: top;
|
|
}
|
|
.lang_rtl i.tl_telegram_share_icon {
|
|
margin-right: 0;
|
|
margin-left: 11px;
|
|
}
|
|
.tl_telegram_share_label {
|
|
line-height: 21px;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
/*margin-top: 1px;*/
|
|
}
|
|
|
|
.tlb_page_wrap a.tl_telegram_share_btn {
|
|
background: #3faee8;
|
|
color: #FFF;
|
|
font-size: 14px;
|
|
border-radius: 17px;
|
|
padding: 6px 12px 5px 6px;
|
|
}
|
|
.tlb_page_wrap a.tl_telegram_share_btn:hover,
|
|
.tlb_page_wrap a.tl_telegram_share_btn:active {
|
|
color: #c2eaff;
|
|
}
|
|
|
|
|
|
/* Telegram Desktop */
|
|
.td_btn_hidden,
|
|
.td_all_shown .td_show_all_platforms {
|
|
display: none;
|
|
}
|
|
.td_all_shown span.td_btn_hidden {
|
|
display: inline;
|
|
}
|
|
.td_all_shown div.td_btn_hidden {
|
|
display: block;
|
|
}
|
|
.td_content_wrap {
|
|
width: 420px;
|
|
margin: 0 auto;
|
|
font-size: 16px;
|
|
}
|
|
.td_content_title {
|
|
font-size: 28px;
|
|
color: #383a3b;
|
|
text-align: center;
|
|
margin-top: 32px;
|
|
margin-bottom: 14px;
|
|
font-weight: normal;
|
|
letter-spacing: -1px;
|
|
}
|
|
.tl_content_title_link,
|
|
.tl_content_title_link:hover {
|
|
text-decoration: none;
|
|
}
|
|
.td_screenshot {
|
|
background: url(../img/td_laptop.png) 50% 0 no-repeat;
|
|
background-size: contain;
|
|
padding-top: 58%;
|
|
margin-top: 48px;
|
|
}
|
|
.td_download_wrap,
|
|
.td_download_wrap_low {
|
|
margin: 0 -130px;
|
|
width: 680px;
|
|
text-align: center;
|
|
}
|
|
.td_download_wrap_low {
|
|
margin-bottom: 30px;
|
|
}
|
|
.td_download_icon {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 25px;
|
|
height: 30px;
|
|
background: url(../img/td_icons.png) 0 2px no-repeat;
|
|
background-size: 25px 105px;
|
|
margin: -2px 5px 0 0;
|
|
}
|
|
.td_osx .td_download_icon {
|
|
background-position: 0 -33px;
|
|
}
|
|
.td_linux .td_download_icon {
|
|
background-position: 0 -68px;
|
|
}
|
|
.td_download_add_wrap {
|
|
width: 680px;
|
|
margin: 0 -130px 10px;
|
|
text-align: center;
|
|
}
|
|
.td_download_add {
|
|
min-width: 256px;
|
|
padding: 0 15px 20px;
|
|
margin: 5px 10px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
.td_download_btn {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
color: #fff;
|
|
border-color: #357ebd;
|
|
padding: 10px 14px;
|
|
min-width: 266px;
|
|
font-size: 15px;
|
|
line-height: 2;
|
|
border-radius: 30px;
|
|
background-color: #1d98dc;
|
|
margin: 5px 10px;
|
|
}
|
|
.td_download_btn_wrap {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.td_download_btn_wrap .td_download_btn,
|
|
.td_download_btn_wrap .td_download_add {
|
|
display: block;
|
|
}
|
|
.td_download_btn_wrap .td_download_add {
|
|
margin-top: 10px;
|
|
}
|
|
.td_download_divider {
|
|
font-size: 9px;
|
|
color: #777;
|
|
margin: 0 4px;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
.td_download_btn:hover {
|
|
outline: 0px;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background-color: #0e8ed4;
|
|
}
|
|
.td_download_btn:active,
|
|
.td_download_btn:focus {
|
|
outline: 0px;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
.td_about_license {
|
|
font-size: 14px;
|
|
color: #67696a;
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
margin-bottom: 30px;
|
|
line-height: 170%;
|
|
}
|
|
|
|
#td_versions {
|
|
opacity: 1;
|
|
-webkit-transition: opacity 200ms linear;
|
|
-moz-transition: opacity 200ms linear;
|
|
-o-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
#td_versions.td_hidden {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
#td_about_osx {
|
|
font-size: 20px;
|
|
color: #525252;
|
|
padding: 9px 0 5px;
|
|
font-weight: normal;
|
|
}
|
|
#td_about_osx {
|
|
position: absolute;
|
|
width: 600px;
|
|
opacity: 0;
|
|
margin-top: -32px;
|
|
text-align: center;
|
|
-webkit-transition: opacity 200ms linear;
|
|
-moz-transition: opacity 200ms linear;
|
|
-o-transition: opacity 200ms linear;
|
|
transition: opacity 200ms linear;
|
|
}
|
|
#td_about_osx.td_shown {
|
|
opacity: 1;
|
|
}
|
|
#td_about_tdesktop,
|
|
#td_open_from_desktop {
|
|
font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Light', Helvetica, Arial , Verdana, sans-serif;
|
|
line-height: 148%;
|
|
text-align: center;
|
|
}
|
|
#td_about_tdesktop {
|
|
font-size: 17px;
|
|
margin: 0 auto;
|
|
color: #67696a;
|
|
margin: 14px 10px 24px;
|
|
font-weight: 300;
|
|
}
|
|
#td_open_from_desktop {
|
|
font-size: 17px;
|
|
color: #0088cc;
|
|
border: 1px solid #179cde;
|
|
border-radius: 10px;
|
|
padding: 13px 24px;
|
|
margin: 24px 0 40px;
|
|
}
|
|
.td_changelog_wrap {
|
|
padding: 0 15px;
|
|
}
|
|
.td_changelog_wrap h3 {
|
|
margin-top: 20px;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
}
|
|
.td_changelog_wrap h3 strong {
|
|
color: #999;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.td_screenshot_macos {
|
|
background: url(https://osx.telegram.org/updates/site/artboard.png) 50% 0 no-repeat;
|
|
background-size: 420px 280px;
|
|
height: 280px;
|
|
}
|
|
|
|
.td_screenshot_tdirect {
|
|
background: url(/img/tdirect.jpg?1) 50% 0 no-repeat;
|
|
background-size: 300px 360px;
|
|
height: 360px;
|
|
margin: 40px 20px;
|
|
}
|
|
.td_content_tdirect_title {
|
|
font-size: 26px;
|
|
color: #383a3b;
|
|
text-align: center;
|
|
margin-top: 32px;
|
|
margin-bottom: 14px;
|
|
font-weight: 600;
|
|
letter-spacing: -1px;
|
|
}
|
|
.td_about_tdirect {
|
|
font-size: 14px;
|
|
margin: 14px 10px 24px;
|
|
line-height: 1.5;
|
|
text-align: center;
|
|
}
|
|
.td_download_btn.td_tdirect {
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
margin: 10px;
|
|
}
|
|
.td_howto_install_wrap {
|
|
text-align: center;
|
|
margin: 50px 0 40px;
|
|
}
|
|
.td_about_tdirect_store {
|
|
margin-top: 60px;
|
|
}
|
|
.td_download_store_wrap {
|
|
margin: 20px 0 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
|
|
.caret {
|
|
background-image: url(../img/dropdown.png);
|
|
background-size: 18px 26px;
|
|
}
|
|
.icon-twitter {
|
|
background-image: url(../img/twitter_2x.png);
|
|
background-size: 21px 17px;
|
|
}
|
|
.icon-breadcrumb-divider {
|
|
background-image: url(../img/breadcrumb_divider.png);
|
|
background-size: 5px 10px;
|
|
}
|
|
.icon-to-top {
|
|
background-image: url(../img/back_to_top.png);
|
|
background-size: 16px 7px;
|
|
}
|
|
.tl_main_award {
|
|
background-image: url(../img/SiteAward_2x.gif);
|
|
background-size: 100px 100px;
|
|
}
|
|
.icon-arrow-more {
|
|
background-image: url(../img/tl_arrow_2x.png);
|
|
background-size: 6px 11px;
|
|
}
|
|
.tl_main_download_desktop {
|
|
background-image: url(../img/SiteDesktop_2x.jpg?2);
|
|
background-size: 1246px 260px;
|
|
}
|
|
|
|
.tl_main_download_image__android {
|
|
background-image: url(../img/SiteAndroid_2x.jpg?2);
|
|
background-size: 290px 270px;
|
|
}
|
|
.tl_main_download_image__ios {
|
|
background-image: url(../img/SiteiOS_2x.jpg?2);
|
|
background-size: 442px 270px;
|
|
}
|
|
.tl_main_download_link_tdesktop {
|
|
background-image: url(../img/SiteTDesktop_2x.jpg?1);
|
|
background-size: 320px 157px;
|
|
}
|
|
|
|
#dev_page_content > ul:not(.nav) li,
|
|
#dev_page_content > ol:not(.nav) ul:not(.nav) li {
|
|
background-image: url(../img/bullet_2x.png?3);
|
|
background-size: 7px 7px;
|
|
}
|
|
|
|
.tgme_icon_arrow {
|
|
background-image: url(/img/tgme/Arrow_2x.png);
|
|
}
|
|
|
|
.tgme_page_widget_actions a.tgme_action_web_button:before {
|
|
background-image: url(/img/tgme/web_icon_2x.png);
|
|
background-size: 24px 24px;
|
|
}
|
|
.tgme_page_copy_action a.tgme_action_button_new:before {
|
|
background-image: url(/img/tgme/embed_copy_2x.png);
|
|
background-size: 24px 24px;
|
|
}
|
|
|
|
.tlb_blog_logo {
|
|
background-image: url(/img/blog/BlogLogo2x.png?1);
|
|
background-size: 146px 20px;
|
|
}
|
|
|
|
.radio-item input.radio + .radio-label:before,
|
|
.checkbox-item input.checkbox + .checkbox-label:before,
|
|
.form-control-dropdown-button:before {
|
|
background-image: url(/img/rc_icons_2x.png?1);
|
|
background-size: 20px 152px;
|
|
}
|
|
|
|
.form-control-dropdown.has-items:before {
|
|
background-image: url(/img/rc_icons_2x.png?1);
|
|
background-size: 20px 152px;
|
|
}
|
|
.td_screenshot_macos {
|
|
background-image: url(https://osx.telegram.org/updates/site/artboard_2x.png);
|
|
background-size: 420px 280px;
|
|
height: 280px;
|
|
}
|
|
.td_screenshot_tdirect {
|
|
background-image: url(/img/tdirect_2x.jpg?1);
|
|
}
|
|
}
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 2.5), only screen and (min-device-pixel-ratio: 2.5) {
|
|
|
|
.tlb_blog_logo {
|
|
background-image: url(/img/blog/BlogLogo3x.png);
|
|
background-size: 146px 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
.dev_side_nav_wrap {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Mobile */
|
|
@media (max-width: 1000px) {
|
|
a.anchor {
|
|
margin-left: -19px;
|
|
}
|
|
.footer_wrap {
|
|
padding: 16px 0 16px;
|
|
padding-bottom: calc(max(16px, env(safe-area-inset-bottom)));
|
|
}
|
|
.footer_desktop {
|
|
display: none;
|
|
}
|
|
.footer_mobile {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.footer_columns_wrap {
|
|
text-align: center;
|
|
}
|
|
.footer_column {
|
|
margin: 0 6px;
|
|
}
|
|
.footer_column h5 {
|
|
color: #08c;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
}
|
|
|
|
.blog_side_image_wrap {
|
|
position: static;
|
|
}
|
|
.blog_side_image {
|
|
display: block;
|
|
margin: 20px auto;
|
|
width: 160px;
|
|
height: 160px;
|
|
position: static;
|
|
}
|
|
.blog_side_image.js-tgsticker_image {
|
|
position: relative;
|
|
}
|
|
|
|
.tl_blog_side_blog {
|
|
display: none;
|
|
}
|
|
.tl_blog_bottom_blog {
|
|
display: block;
|
|
}
|
|
.tl_main_side_blog .side_blog_wrap {
|
|
position: static;
|
|
margin: 22px 0 0 16px;
|
|
padding: 0 10px 0 15px;
|
|
border-width: 4px;
|
|
border-color: #3faee8;
|
|
}
|
|
.side_blog_wrap {
|
|
width: auto;
|
|
}
|
|
|
|
.tl_main_side_blog .side_blog_header {
|
|
font-size: 14px;
|
|
}
|
|
.tl_main_side_blog a.side_blog_entry {
|
|
margin-top: 12px;
|
|
}
|
|
.tl_main_side_blog .side_blog_date {
|
|
color: #444;
|
|
font-size: 13px;
|
|
}
|
|
.tl_main_side_blog .side_blog_title {
|
|
font-size: 14px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
h1 {
|
|
font-size: 19px;
|
|
}
|
|
h2 {
|
|
font-size: 19px;
|
|
}
|
|
h3 {
|
|
font-size: 16px;
|
|
}
|
|
h4 {
|
|
font-size: 16px;
|
|
}
|
|
h5 {
|
|
font-size: 14px;
|
|
}
|
|
.dropdown-menu {
|
|
min-width: 210px;
|
|
}
|
|
.dropdown-menu > li > a {
|
|
white-space: normal;
|
|
}
|
|
.tl_main_body {
|
|
margin-top: 25px;
|
|
padding-top: 5px;
|
|
}
|
|
.tl_main_body_header {
|
|
font-size: 20px;
|
|
}
|
|
.tl_main_download_mobile {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.tl_main_download_link {
|
|
width: auto;
|
|
min-width: 0;
|
|
display: block;
|
|
margin-top: 20px;
|
|
margin-bottom: 30px;
|
|
}
|
|
a.tl_main_download_link:after {
|
|
display: none;
|
|
}
|
|
.tl_main_download_link_ios/*,
|
|
.tl_main_download_link_tdesktop*/ {
|
|
padding-top: 210px;
|
|
height: 245px;
|
|
padding-bottom: 15px;
|
|
}
|
|
.tl_main_download_image__ios {
|
|
margin: -123px 0 0 -121px;
|
|
background-size: 360px 220px;
|
|
width: 248px;
|
|
height: 198px;
|
|
}
|
|
.tl_main_video_player__ios {
|
|
margin: -124px 0 0 -121px;
|
|
width: 248px;
|
|
height: 198px;
|
|
}
|
|
|
|
.tl_main_download_link_tdesktop {
|
|
display: block;
|
|
padding-top: 156px;
|
|
height: 188px;
|
|
}
|
|
.tl_main_download_desktop_section,
|
|
.tl_main_download_desktop_wrap1 {
|
|
display: none;
|
|
}
|
|
.tl_main_download_more_btn {
|
|
display: inline-block;
|
|
}
|
|
|
|
.dev_page_bread_crumbs .breadcrumb {
|
|
margin-bottom: 15px;
|
|
}
|
|
#dev_page_content_wrap {
|
|
padding-top: 12px;
|
|
}
|
|
#dev_page_title {
|
|
margin-top: 10px;
|
|
margin-bottom: 21px;
|
|
}
|
|
.nav-pills > li > a {
|
|
padding: 8px 10px;
|
|
}
|
|
.dev_page_nav_wrap {
|
|
margin-top: 25px;
|
|
}
|
|
.dev_page_nav_wrap > p {
|
|
margin-bottom: 3.5px;
|
|
}
|
|
.dev_page_nav_wrap > p > a:first-child {
|
|
font-size: 15px;
|
|
}
|
|
#dev_page_content .dev_page_nav_wrap ul li {
|
|
padding: 3px 0 4px;
|
|
}
|
|
#dev_page_content .dev_page_nav_wrap ul li a:first-child {
|
|
font-size: 14px;
|
|
display: inline-block;
|
|
line-height: 22px;
|
|
padding: 2px 6px 1px;
|
|
margin-left: -6px;
|
|
}
|
|
#dev_page_content .dev_page_nav_wrap ul li a:first-child:hover {
|
|
border-radius: 2px;
|
|
background: #e6f1f7;
|
|
}
|
|
#dev_page_content .dev_page_nav_wrap hr {
|
|
display: none;
|
|
}
|
|
.dev_faq_page h4 {
|
|
font-size: 15px;
|
|
line-height: 140%;
|
|
margin-top: 26px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.dev_page_image,
|
|
.tl_contest_page_wrap .dev_page_image {
|
|
max-width: 100%;
|
|
max-height: 400px;
|
|
margin: 0 auto;
|
|
}
|
|
.dev_page_image img,
|
|
.tl_contest_page_wrap .dev_page_image img {
|
|
max-width: 100%;
|
|
max-height: 400px;
|
|
}
|
|
|
|
.tl_main_download_link:hover,
|
|
.tl_main_download_desktop_link:hover {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.dev_side_image {
|
|
width: auto;
|
|
max-width: none;
|
|
float: none;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.dev_side_image img {
|
|
display: block;
|
|
margin: 20px auto;
|
|
width: 180px;
|
|
}
|
|
|
|
|
|
.tl_team_member_photo_wrap {
|
|
margin-bottom: 10px;
|
|
}
|
|
.tl_team_member_photo {
|
|
width: 60px;
|
|
height: 60px;
|
|
background-size: 60px 905px;
|
|
}
|
|
.tl_team_member_pavel .tl_team_member_photo {
|
|
background-position: 0 0;
|
|
}
|
|
.tl_team_member_nikolay .tl_team_member_photo {
|
|
background-position: 0 -65px;
|
|
}
|
|
.tl_team_member_aliaksei .tl_team_member_photo {
|
|
background-position: 0 -130px;
|
|
}
|
|
.tl_team_member_vitalik .tl_team_member_photo {
|
|
background-position: 0 -195px;
|
|
}
|
|
.tl_team_member_arseny .tl_team_member_photo {
|
|
background-position: 0 -260px;
|
|
}
|
|
.tl_team_member_igor .tl_team_member_photo {
|
|
background-position: 0 -325px;
|
|
}
|
|
.tl_team_member_drklo .tl_team_member_photo {
|
|
background-position: 0 -390px;
|
|
}
|
|
.tl_team_member_peter .tl_team_member_photo {
|
|
background-position: 0 -455px;
|
|
}
|
|
.tl_team_member_john .tl_team_member_photo {
|
|
background-position: 0 -520px;
|
|
}
|
|
.tl_team_member_kolar .tl_team_member_photo {
|
|
background-position: 0 -585px;
|
|
}
|
|
.tl_team_member_ilya .tl_team_member_photo {
|
|
background-position: 0 -650px;
|
|
}
|
|
.tl_team_member_igor1 .tl_team_member_photo {
|
|
background-position: 0 -845px;
|
|
}
|
|
.tl_team_member_mike .tl_team_member_photo {
|
|
background-position: 0 -780px;
|
|
}
|
|
.tl_team_member_grisha .tl_team_member_photo {
|
|
background-position: 0 -715px;
|
|
}
|
|
.tl_team_member_name {
|
|
margin-top: 20px;
|
|
margin-left: 80px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.tl_team_member_body {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.navbar-tg .container {
|
|
padding: 0;
|
|
}
|
|
h3 a.anchor i.anchor-icon {margin-top: 1px;}
|
|
a.anchor {
|
|
margin-left: -16px;
|
|
}
|
|
.tl_main_award {
|
|
display: none;
|
|
}
|
|
.tl_main_logo_wrap {
|
|
padding-top: 10px;
|
|
padding-bottom: 2px;
|
|
}
|
|
svg.tl_main_logo,
|
|
image.tl_main_logo,
|
|
img.tl_main_logo {
|
|
width: 85px !important;
|
|
height: 85px !important;
|
|
}
|
|
div.tl_main_logo {
|
|
width: 100px !important;
|
|
height: 100px !important;
|
|
margin: -5px auto;
|
|
}
|
|
.tl_main_logo_title,
|
|
.tl_main_logo_title:hover {
|
|
font-size: 23px;
|
|
margin-top: 15px;
|
|
margin-bottom: 5px;
|
|
letter-spacing: -1px;
|
|
}
|
|
.tl_main_logo_lead {
|
|
font-size: 16px;
|
|
max-width: 224px;
|
|
}
|
|
|
|
.tl_main_head_download {
|
|
margin-bottom: 10px;
|
|
}
|
|
.tl_main_download_btn {
|
|
max-width: 200px;
|
|
width: auto;
|
|
padding: 6px 9px;
|
|
line-height: 20px;
|
|
font-size: 13px;
|
|
margin: 5px 10px;
|
|
}
|
|
|
|
.tl_main_cards {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.tl_main_card_header {
|
|
margin: 10px 0 6px;
|
|
font-size: 21px;
|
|
font-weight: normal;
|
|
letter-spacing: -1px;
|
|
}
|
|
|
|
.tl_main_card_lead {
|
|
font-size: 15px;
|
|
}
|
|
.smartphone_video_player_wrap {
|
|
/*display: none;*/
|
|
}
|
|
|
|
.td_content_wrap {
|
|
width: auto;
|
|
font-size: 14px;
|
|
margin: 0 20px;
|
|
}
|
|
.td_screenshot {
|
|
margin-top: 26px;
|
|
}
|
|
.td_content_title {
|
|
font-size: 22px;
|
|
margin-top: 21px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.td_download_wrap,
|
|
.td_download_wrap_low {
|
|
margin: 0 auto;
|
|
width: 320px;
|
|
}
|
|
.td_download_wrap_low {
|
|
margin-bottom: 30px;
|
|
}
|
|
.td_download_add_wrap {
|
|
width: 280px;
|
|
margin: 0 auto 10px;
|
|
}
|
|
#td_about_osx {
|
|
width: 320px;
|
|
font-size: 16px;
|
|
}
|
|
.td_about_osx_team {
|
|
display: none;
|
|
}
|
|
.td_about_license {
|
|
font-size: 12px;
|
|
}
|
|
#td_about_tdesktop {
|
|
font-size: 16px;
|
|
margin: 10px 15px 24px;
|
|
}
|
|
.td_screenshot_tdirect {
|
|
background-size: 225px 270px;
|
|
height: 270px;
|
|
margin: 40px 20px 20px;
|
|
}
|
|
.td_content_tdirect_title {
|
|
font-size: 20px;
|
|
margin-top: 21px;
|
|
margin-bottom: 10px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
|
|
/* Telegram.me */
|
|
.tgme_page_photo_image {
|
|
width: 110px;
|
|
height: 110px;
|
|
border-radius: 55px;
|
|
}
|
|
|
|
.tgme_page {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.tgme_page_additional {
|
|
display: block;
|
|
}
|
|
.tgme_footer {
|
|
display: none;
|
|
}
|
|
|
|
.blog_2images_wrap,
|
|
.blog_3images_wrap,
|
|
.blog_medium_image_wrap,
|
|
.blog_medium_image_wrap img,
|
|
.blog_image_wrap,
|
|
.blog_image_wrap img {
|
|
width: auto;
|
|
max-width: 275px;
|
|
}
|
|
.blog_2images_wrap,
|
|
.blog_3images_wrap {
|
|
margin: 20px auto 20px;
|
|
}
|
|
.blog_2images_wrap .blog_image_wrap,
|
|
.blog_3images_wrap .blog_image_wrap {
|
|
float: none;
|
|
margin: 20px 0 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 340px) {
|
|
.tl_main_download_image__android {
|
|
margin: -109px 0 0 -101px;
|
|
background-size: 196px 183px;
|
|
width: 205px;
|
|
height: 162px;
|
|
}
|
|
.tl_main_download_image__ios {
|
|
margin: -103px 0 0 -101px;
|
|
background-size: 300px 183px;
|
|
width: 206px;
|
|
height: 165px;
|
|
}
|
|
.tl_main_video_player__android {
|
|
margin: -109px 0 0 -101px;
|
|
width: 205px;
|
|
height: 162px;
|
|
}
|
|
.tl_main_video_player__ios {
|
|
/*margin: -103px 0 0 -101px;*/
|
|
margin: -104px 0 0 -101px;
|
|
width: 206px;
|
|
height: 165px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
#td_about_tdesktop {
|
|
font-size: 14px;
|
|
}
|
|
#td_open_from_desktop {
|
|
font-size: 15px;
|
|
padding: 13px 18px;
|
|
}
|
|
}
|
|
|
|
.tl_contest_page_wrap + .pager_wrap {
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
}
|