В автомобилях Tesla появится аналог Google Play с играми и приложениями»>@font-face { font-family: ‘Roboto’; src: url(‘/wp-content/themes/101media/assets/fonts/vRoboto/RobotoVF.woff2’) format(‘woff2-variations’); font-weight: 900; font-display: fallback; } html, body { font-family: 400 ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; -webkit-text-size-adjust: 100%; font-family: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; } body { font-size: 14px; line-height: 1; min-width: 1124px; } ol, ul { list-style: none; padding: 0; margin: 0; } b, strong { font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } img { overflow: hidden; height: auto; max-width: 100%; font: normal 10px ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } p { color: #000000; margin-bottom: 15px; font-size: 20px; line-height: 1.5; font-family: ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } h1 { color: #000; margin: 0 0 28px 0; font-size: 54px; line-height: 1; font-family: ‘Roboto’, sans-serif; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } h2 { color: #000000; font-size: 38px; line-height: 1.2; font-family: ‘Roboto’, sans-serif; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .clearfix:before { content: «»; display: table; } .clearfix:after { content: «»; display: table; clear: both; } #page { position: relative; width: 1090px; margin: 0 auto; padding: 0 20px; } #header { margin: 20px auto 0; } #header .logo { height: 33px; margin-bottom: 22px; position: relative; width: 560px; } .sitename { display: none; } a { color: #FF5500; text-decoration: none; transition: all 0.3s; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } a:focus { outline: none; } #header .user { position: absolute; top: 6px; right: 20px; transition: .3s; } #header .user:hover { opacity: 0.6; transition-duration: 0s; } #header .user.anonymous-user .icon-lock { background: url(/wp-content/themes/101media/img/login.svg) no-repeat; width: 18px; height: 21px; display: block; transition: all .3s; cursor: pointer; } #header .user.authorized-user .icon-settings { background: url(«/wp-content/themes/101media/img/user.svg») no-repeat; width: 23px; height: 23px; display: block; transition: all .3s; cursor: pointer; } #header form { position: absolute; right: 60px; top: -2px; } #header form label { display: none; } #header form input { border: 1px solid #eef1f5; border-radius: 63px; outline: none; padding: 8px 20px 9px 20px; width: 216px; transition: all .3s; -webkit-appearance: none; font: 400 16px/19px ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 200, «slnt» 0; } #header form #searchsubmit { background-image: url(/wp-content/themes/101media/img/search.png); border: none; cursor: pointer; height: 15px; padding: 0; position: absolute; right: 16px; text-indent: -9999px; top: 13px; width: 15px; transition: all .3s; } .trand { background-color: #000; } .menu-trends-container { background-color: #000; padding: 20px 35px 18px; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; margin-bottom: 20px; } .home:not(.paged) .menu-trends-container { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .menu-trends-container .trand { height: auto; overflow: hidden; background-color: transparent; background-position: 14px center; padding-right: 0; width: auto; } .menu-trends-container .trand li { display: inline-block; padding: 0; height: auto; } .menu-trends-container .trand li a { color: #fff; text-decoration: none; display: inline-block; padding-right: 20px; transition: all .3s; font: 700 19px/23px Roboto, sans-serif; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } #zone-hidden { display: none; } #xbox { background: #000000; padding: 0 35px 35px; color: #fff; margin: 0 auto 20px auto; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; font: 400 16px/35px Roboto, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } .home #xbox { margin-bottom: 0; } #xbox .large { width: 100%; padding: 0; background: none; overflow: visible; display: flex; flex-direction: row; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.2); } #xbox .large .tablet-title { display: none; } #xbox .large .tablet-content { display: flex; flex-direction: row; } #xbox .large .tablet-content .cover-container img { width: 515px; max-width: inherit; height: 285px; border-radius: 2px; margin-bottom: 0; transition: all .3s; } #xbox .large .tablet-content .content-container { display: flex; flex-direction: column; margin-left: 40px; } #xbox .large .tablet-content .content-container a.title { text-decoration: none; display: block; color: #fff; letter-spacing: 0.1em; padding: 0; transition: all .3s; font: 700 22px/23px Roboto, sans-serif; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .tablet-content .content-container p { color: #fff; margin-top: 12px; margin-bottom: 16px; opacity: .8; font-size: 20px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #xbox .large .tablet-content .content-container .read-more { max-width: 126px; font-size: 16px; text-align: left; font-family: ‘Roboto’, sans-serif; color: #fff; border-radius: 3px; padding: 3px 17px 3px 19px; border: solid 1px #f50; position: relative; transition: all .3s; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } #content { width: calc(100% — 340px); float: left; margin-top: 20px; } #i10foreign { width: calc(100% — 340px); } .main-roll .item, .compact-roll .item { position: relative; margin-bottom: 53px; } .main-roll .item, .compact-roll .item img { max-width: 100%; } .main-roll .item h2 a, .compact-roll .item h2 a { color: #000000; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .main-roll .item p, .compact-roll .item p { margin: 0 0 1em 0; } .main-roll .item p img, .compact-roll .item p img { width: 100%; height: auto; } .item .info { color: #000000; margin-top: 5px; font: 400 15px/24px Roboto, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; margin-bottom: 10px; } .info { position: relative; } .breadcrumbs { white-space: nowrap; margin-bottom: 10px; } .breadcrumbs li { display: inline; } .breadcrumbs li+li:before { content: »; position: relative; display: inline-block; border-top: 1px solid #CAD1D9; border-right: 1px solid #CAD1D9; width: 6px; height: 6px; top: -1px; right: 2px; margin: 0 4px; transform: rotate(55deg) skew(20deg); } .breadcrumbs li a { color: #CAD1D9; font: 400 15px/24px Roboto, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } .breadcrumbs__logo span { font-size: 0; } .breadcrumbs__logo img { margin-bottom: -2px; } .main-roll .item .cover-wrap, .compact-roll .item .cover-wrap { text-align: center; margin-bottom: 18px; } .main-roll .item .cover, .compact-roll .item .cover { position: relative; margin-bottom: -3px; display: inline-block; width: 100%; } .main-roll .item .cover img, .compact-roll .item .cover img { display: block; width: 100%; } .main-roll, .compact-roll { border-bottom: 1px solid #f2f2f2; } .item .info .author { margin-left: 5px; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } .item .info .prop-views, .item .info .prop-comments { font-size: 14px; color: #000000; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } .item .info .prop-comments { margin-left: 10px; } .item .info .prop-comments svg { vertical-align: middle; } .text { color: #000; font: 400 16px/22px ‘Roboto’,sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } .more-link { display: inline-block; color: #FF5500; text-decoration: none; outline: none; border: 1px solid rgba(255,85,0,0.2); margin: -5px 0 -16px; border-radius: 3px; background: none; padding: 0 35px 0 15px; text-align: center; background: none; position: relative; font: 500 18px/40px ‘Roboto’, sans-serif; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } .more-link .icon, .read-more .icon { position: absolute; top: 50%; transform: translateY(-45%); width: 1.22em; height: 1.22em; } .more-link .icon { right: 15px; } .read-more .icon { right: 20px; } .more-link>span { opacity: .9; height: auto !important; display: inline-block; line-height: normal; } #sidebar { width: 300px; float: left; margin-left: 40px; margin-top: 22px; } aside.abouts { font-size: 18px; color: #181721; font-family: ‘Roboto’, sans-serif; margin-bottom: 18px; white-space: nowrap; } aside.abouts a { display: inline-block; font-family: inherit; color: inherit; text-align: left; padding: 8px 33px; word-spacing: 0; border-radius: 3px; border: solid 1px rgba(172,182,191,0.2); transition: all .3s; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } aside.abouts a:first-child { margin-right: 10px; padding: 8px 30px; } .banner-zone.head, .banners-center-up-recomend, .banners-center { text-align: center; } .banner-sidebar { margin: 20px 0 20px; } .sidebar-banner-telegram { display: block; border: 1px solid #eee; border-radius: 3px; padding: 14px 24px; font-size: 14px; line-height: normal; background: none; position: relative; overflow: hidden; } .sidebar-banner-telegram strong { font-size: 16px; margin-bottom: 6px; color: #151515; text-transform: uppercase; letter-spacing: .08em; word-wrap: break-word; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .sidebar-banner-telegram strong, .sidebar-banner-telegram span { font-family: ‘Roboto’, sans-serif; } .sidebar-banner-telegram span { display: block; color: #aaa; line-height: 20px; font-variation-settings: «wght» 350, «wdth» 300, «slnt» 0; } .sidebar-banner-telegram svg { position: absolute; bottom: -20px; right: -20px; } .sidebar-banner-telegram:hover { border-color: #7fd0f2; transition: .3s; } .sidebar-banner-telegram:hover strong { color: #00A1E6; transition: .3s; } /* Single articles */ .single-title { margin-bottom: 15px; } .header-nav.single { border-radius: 3px; } #post { margin-top: -4px; } #post .related-posts-descr p { font-size: 16px; line-height: 1.5em; } #post .text p.align { clear: both; } #post .text p img { max-width: 100%; height: auto; } #post .text p.align img { margin-bottom: 0; } #post h2 { margin: 50px 0 16px; } blockquote { position: relative; background: #f8fafa; border-radius: 3px; color: #000; font: 19px/27px ‘Roboto’,sans-serif; margin: 30px 0; min-height: 31px; padding: 25px 30px 25px 45px; } blockquote::before { position: absolute; content: »; top: 0; left: -15px; content: ««»; color: rgb(228, 234, 240); font: 85px/85px ‘Roboto’, sans-serif; } q:before, q:after { content: »; } blockquote.large-text { padding: 30px 30px 30px 45px; } blockquote.large-text p { font-size: 26px; line-height: 1.2; } blockquote p { margin-bottom: 20px; font-size: 20px; line-height: 1.5; } blockquote p:last-of-type { margin-bottom: 0; } code { display: block; font-size: 20px; line-height: 1.5; margin: 30px 0; padding: 25px 30px; border-radius: 3px; background-color: rgba(255, 85, 0, 0.07); } code.large-text { font-size: 26px; line-height: 1.2; padding: 30px; } .single .item .info { margin-top: 0; font-size: 19px; } .single .item .breadcrumbs li a { font-size: 19px; } .single .item .breadcrumbs__logo img { width: 20px; height: 20px; margin-bottom: -4px; } .single .item .breadcrumbs li+li:before { width: 8px; height: 8px; } .single .item .info .prop-comments { font-size: 18px; } /*Style for Topics */ .category-roll h1 { margin: 0 0 17px; } .tag-roll h1 { margin-bottom: 17px; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .tag-roll .lead p { font-family: ‘Roboto’, sans-serif; font-size: 20px; line-height: 1.5; margin-bottom: 16px; } .tag-roll .tag-hr { width: 100%; height: 1px; background-color: rgba(213,221,230,0.4); margin-bottom: 20px; } .tag-roll .tag-hr.bottom { margin-top: 11px; margin-bottom: 26px; } .category_description { border-bottom: 1px solid rgba(213,221,230,0.4); } .category_description p { margin-bottom: 16px; } .lead ul, .category_description ul, .lead ol, .category_description ol { font-size: 20px; line-height: 1.5; font-family: ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; margin: 0 0 30px 0; } .lead ul li, .category_description ul li { position: relative; margin: 0 0 10px 40px; } .lead ul li:before, .category_description ul li:before { position: absolute; right: calc(100% + 10px); content: ‘2014’; color: #cad1d9; } .lead ol, .category_description ol { counter-reset: list 0; } .lead ol li, .category_description ol li { list-style: none; margin: 0 0 10px 40px; position: relative; } .lead ol li:before, .category_description ol li:before { position: absolute; right: calc(100% + 10px); counter-increment: list; content: counter(list) «. «; color: #cad1d9; } .tag-roll .lead img { float: right; margin-left: 20px; width: 230px; height: 115px; border-radius: 2px; margin-top: 10px; } .tags { margin-bottom: 10px; font-family: ‘Roboto’, sans-serif; } .tags a { display: inline-block; margin: 0 8px 8px 0; padding: 11px 15px; font-size: 13px; line-height: 1.1; color: #959EA6; background: rgba(172, 182, 191, 0.08); border-radius: 12px; transition: .3s; } .tags a:hover { background: rgba(172, 182, 191, 0.12); } .single-post .tags { padding-bottom: 17px; margin-bottom: 25px; border-bottom: 1px solid rgba(213, 221, 230, 0.4); } .category-roll .tags { margin-top: 20px; } .category_description img { float: right; width: 230px; height: 115px; border-radius: 2px; margin: 10px 0 0 20px; } .tag-roll .items-wrap { margin-top: 20px; } .sticky-tag__header { color: #000; letter-spacing: 0; margin: 20px 0; font: 700 34px/36px ‘Roboto’, sans-serif; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .sticky-tag { display: flex; flex-wrap: wrap; margin: 0 -5px 10px; } .sticky-tag .item { width: calc(33.33% — 10px); margin: 0 5px 20px; transition: .3s; font: 700 13px/18px ‘Roboto’, sans-serif; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .sticky-tag .item:hover .cover { opacity: 0.8; transition-duration: 0s; } .sticky-tag .item .cover { position: relative; } .sticky-tag .item .cover img { display: block; } .sticky-tag .item .title { transition: 150ms; display: block; margin: 10px 0 0; color: #000; font-family: ‘Roboto’, sans-serif; font-size: 16px; line-height: 1.15; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } .sticky-tag .item em { font-style: normal; font-size: 12px; color: #999; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } /* END most talked about posts */ .popular-post { margin: 0 -20px 30px; padding: 18px 20px; background-color: #000; border-radius: 12px; font-family: ‘Roboto’, sans-serif; } .popular-post-title { font-size: 34px; line-height: 1; color: #fff; font-variation-settings: «wght» 600, «wdth» 100, «slnt» 0; } .popular-post-title .icons { font-size: 18px; } .popular-post-list { display: flex; flex-wrap: wrap; margin: 0 -8px; } .popular-post-link { display: block; } .popular-post-link:hover .wp-post-image { opacity: 0.8; } .popular-post-link:hover .popular-post-descr { color: #FF5500; } .popular-post-item { margin: 18px 5px 10px; width: calc(33.33% — 10px); } .popular-post-picture { position: relative; padding-top: 50%; margin-bottom: 8px; background-color: #343233; border-radius: 3px; overflow: hidden; } .popular-post-picture .wp-post-image { transition: .3s; } /* all themes */ .all-themes { font-family: ‘Roboto’, sans-serif; } .all-themes-title { max-width: 750px; margin: 9px 0; } .subtitle { font-size: 34px; margin-bottom: 10px; font-family: inherit; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .description { font-size: 18px; line-height: 1.55; } .themes-row { margin-bottom: 30px; } .themes-list_most-popular { margin: 15px -10px; width: calc(100% + 20px); display: grid; grid-template-columns: 1fr 1fr 1fr; } .themes-list_button { margin: 20px -5px; display: flex; flex-wrap: wrap; } .themes-list_button .themes-link { padding: 13px 22px; } .themes-list_button .themes-item { margin: 4px; } .themes-item { overflow: hidden; margin: 8px; border-radius: 12px; transition: .3s; border: 1px solid rgba(172, 182, 191, 0.35); } .themes-item:hover { border-color: #FF5500; } .themes-item:hover .themes-title { color: #FF5500; } .themes-item:hover .post-count { color: #FF5500; } .themes-link { padding: 15px 18px; display: block; } .themes-picture { margin: -15px -18px 14px -18px; position: relative; padding-top: 68%; } .themes-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; background: linear-gradient(0deg, rgba(172, 182, 191, 0.25), rgba(172, 182, 191, 0.25)); } .popular-post-count { font-size: 18px; line-height: 1; position: absolute; bottom: 10px; left: 8px; background: #FF5500; border-radius: 4px; color: #fff; padding: 7px 12px; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } .popular-post-count .icon { font-size: 15px; } .popular-post-descr { color: #fff; font-size: 16px; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: .3s; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } /* END most talked about posts */ .themes-title { color: #000; font-size: 18px; line-height: 1.3; transition: .3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } .post-count { font-size: 15px; line-height: 1.2; color: #ACB6BF; transition: .3s; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } .themes-button { margin: 4px; padding: 11px 15px; font-size: 13px; line-height: 1.1; color: #959EA6; background: rgba(172, 182, 191, 0.08); border-radius: 12px; transition: .3s; } .themes-button:hover { color: #959EA6; background: rgba(172, 182, 191, 0.12); } /* END all themes */ .blank-roll h1 { padding-top: 25px; } .cover { position: relative; } .author-roll .info .authorlink { display: none; } ul.info li a { color: inherit; } ul.info li { display: inline; color: #999999; letter-spacing: 0; font: 400 14px ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } .lowercase { text-transform: lowercase !important; } .category-roll .items-wrap { margin-top: 20px; } #xbox .large .tablet-content .cover-container img.desktop { display: block; } #xbox .large .tablet-content .cover-container img.tablet, #xbox .large .tablet-content .cover-container img.mobile { display: none; } #commentform textarea { height: 100px; width: 100%; resize: none; margin-top: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search-roll h1 { margin-bottom: 22px; } .search-roll .searchform { position: relative; width: 100%; } .searchform input { border: 1px solid #f2f2f2; outline: none; padding: 10px 0 10px 12px; width: 180px; margin-bottom: 7px; font: 400 12px/15px ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } .searchform input.searchsubmit { font-size: 14px; background: none; border: 1px solid rgba(255,85,0,0.2); text-align: center; border-radius: 3px; color: #FF5500; cursor: pointer; padding-left: 0; transition: all 0.3s; font-variation-settings: «wght» 500, «wdth» 100, «slnt» 0; } .searchform input.searchsubmit:hover { background: #f50; color: #fff; transition-duration: 0s; } .search-roll .searchform .s { color: #000; font: 16px/14px ‘Roboto’, sans-serif; width: calc(100% — 12px); } .search-roll .founded-info { color: #999; font: 400 12px/10px ‘Roboto’, sans-serif; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; margin: 9px 10px 40px 12px; } .search-roll .post-excerpt { font: 13px/18px ‘Roboto’, sans-serif; padding-left: 180px; } .search-roll .post-link { color: #999; display: block; font: 12px/16px ‘Roboto’, sans-serif; margin-top: 5px; padding-left: 180px; } #footer { background: #000000; color: #fff; } .bbox { width: 1024px; margin: 0 auto; padding: 50px 0; } #footer .bbox { padding: 0 20px; } #footer .first, #footer .second, #footer .first .left, #footer .second .left { display: flex; } #footer .first, #footer .second, #footer .third { justify-content: space-between; align-items: center; font-family: ‘Roboto’, sans-serif; } #footer .first { padding-top: 16px; padding-bottom: 14px; } #footer .hr { height: 1px; width: 100%; background-color: rgba(153,153,153,0.2); } .logo-footer { width: 178px; height: 28px; display: block; border: none; background: url(/wp-content/themes/101media/img/logo@2x-new.png) no-repeat left; background-size: cover; } #footer .first .right { font-size: 18px; color: #ffffff; font-variation-settings: «wght» 600, «wdth» 100, «slnt» 0; } #footer .first .right a, #footer .second .right a { color: #ffffff; border: none; } #footer .second { padding-top: 20px; padding-bottom: 16px; } #footer .third { padding-bottom: 16px; } #footer .second .left .stat { display: flex; } #footer .second .left .stat span { font-size: 32px; letter-spacing: -0.3px; color: #ffffff; } #footer .second .left .stat div { font-size: 12px; line-height: 1.25; color: #acb6bf; padding-left: 8px; } #footer .second .left .v-hr { width: 1px; height: 44.5px; transform: rotate(20deg); background-color: rgba(153,153,153,0.3); margin: 0 11px; } #footer .second .left .hr, #footer .second .right .about-adv-mobile { display: none; } #footer .second .right { display: flex; flex-direction: column; align-items: flex-end; } #footer .second .right span, #footer .second .right a { font-size: 11px; line-height: 1.55; color: #999999; } #footer .second .right a { color: #ffffff; transition: .1s; } .search-404 { text-align: center; display: flex; } .search-404 div { position: relative; margin: 60px auto; width: 588px; } .search-404 #s { border: 1px solid #f2f2f2; outline: none; padding: 0 45px 0 16px; font: 25px/50px ‘Roboto’,sans-serif; color: #999; width: calc(100% — 61px); } .search-404 #searchsubmit { background: url(/wp-content/themes/101media/img/search-big-icon.png) no-repeat; border: none; cursor: pointer; height: 20px; padding: 0; position: absolute; right: 15px; text-indent: -9999px; top: 17px; width: 20px; } .search-404 #searchsubmit:focus { outline: none; outline-offset: 0; } .roll-404 { background: url(/wp-content/themes/101media/img/404.png) no-repeat scroll center center #fff; height: 447px; margin-bottom: 40px; text-indent: -9999px; } .icon { display: inline-block; vertical-align: middle; size: 1em; width: 1em; height: 1em; fill: currentColor; } .pagination .icon { padding: 0 3px; } .pagination .icon-arrow-left { transform: rotate(-90deg); } .pagination .icon-arrow-right { transform: rotate(-90deg); } #main.main-section { display: flex; flex-wrap: wrap; margin-bottom: 60px; } .banner-B-block { min-height: 0; position: relative; } .adsense { position: relative; } .site-main { margin-bottom: 30px !important; } #toc_container { background: none; width: 100%; border: none; font-size: 22px; padding: 0; margin-bottom:1em; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } #toc_container p.toc_title { font-size: 38px; line-height: 1.2; text-align: left; margin:0; padding:0; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } #toc_container p.toc_title+ul.toc_list { margin-top: 23px; } #toc_container ul,#toc_container li { margin:0; padding:0; } #toc_container ul ul { margin-left:1.5em; } #toc_container .toc_list li { font-size: 22px; line-height: 26px; font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } #toc_container .toc_list li:not(:last-child) { margin-bottom: 18px; } #toc_container .toc_list a { display: flex; color: #000; font-size: inherit; transition: .3s; position: relative; padding-bottom: 15px; border-bottom: 1px solid rgba(213,221,230,0.5); font-variation-settings: «wght» 400, «wdth» 100, «slnt» 0; } #toc_container .toc_list .toc_number { font-size: inherit; color: #cad1d9; margin-right: 10px; transition: .3s; } #toc_container .toc_list .toc_number:after { content: ‘.’; } #toc_container .toc_list a:hover { color: #ff5500; border-color: #ff5500; text-decoration: none; } #toc_container .toc_list a:hover .toc_number { color: #ff5500; } #toc_container .toc_list li>ul { margin-top: 15px; } #toc_container .toc_list li>ul>li { font-size: 20px; border-bottom: 0; margin: 0; } #toc_container .toc_list li>ul>li:before { display: none; } #toc_container .toc_list li>ul>li>ul li { font-size: 18px; } #toc_container .toc_list li>ul>li>ul li:before { display: none; } #sidebar .widget { position: sticky; position: -webkit-sticky; top: 25px; } .wp-caption { max-width: 100%; } .wp-caption-text { font-size: 18px; line-height: 19px; color: #999; margin: 15px 0 25px; } .single-post .text img { display: block; } .main-roll:not(.tag-roll) .item .cover img, .compact-roll .item .cover img, .main-roll.tag-roll .item.type-post .cover img, .single-post .text img, .sticky-tag .item .cover img { background-color: #f6f6f6; } .author-name { margin-bottom: 0; } .author-wrap { padding-bottom: 22px; border-bottom: 1px solid rgba(213, 221, 230, 0.4); } .author-wrap.page-author { margin-bottom: 29px; } .author-info { display: flex; } .author-info .left { flex-grow: 1; margin-right: 20px; } .author-info .right { flex-shrink: 0; } .author-info .name-wrapper { margin-bottom: 19px; } .author-info .author-statistics { margin-bottom: 23px; } .author-info .author-avatar { margin-top: 10px; } .author-statistics { padding-top: 14px; border-top: 1px solid rgba(213, 221, 230, 0.4); font-family: «Roboto», sans-serif; } .author-statistics .statistics-list { display: flex; } .author-statistics .statistics-item { display: flex; align-items: center; } .author-statistics .statistics-item:first-child { position: relative; margin-right: 20px; padding-right: 18px; } .author-statistics .statistics-item:first-child:after { content: «»; position: absolute; top: -14px; right: 0; width: 1px; height: 57px; background: rgba(213, 221, 230, 0.4); } .author-statistics .statistics-number { margin-right: 12px; font-size: 35px; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .author-statistics .statistics-text { max-width: 182px; font-size: 16px; line-height: 1.19; } .author-avatar > img { display: block; border-radius: 50%; } .author-biography { margin-bottom: 16px; font-size: 18px; line-height: 1.56; font-family: «Roboto», sans-serif; } .socicons .socicons-list { display: flex; align-items: center; } .socicons .socicons-item { margin-right: 9px; } .socicons .socicons-item:last-child { margin-right: 0; } /*END Author page styles */ /* all authors page styles */ .authors { font-family: «Roboto», sans-serif; } .authors_current { margin: 18px 0 25px; border-bottom: 1px solid rgba(213, 221, 230, 0.4); } .authors-subtitle { font-size: 34px; line-height: 1; margin-bottom: 27px; font-variation-settings: «wght» 700, «wdth» 100, «slnt» 0; } .authors-list { display: flex; flex-wrap: wrap; margin: 0 -20px; } .authors-item { position: relative; padding-bottom: 25px; } .authors-item_former { width: calc(50% — 40px); margin: 0 20px 28px; } .authors-item_former:not(:nth-last-child(-n+2)) { border-bottom: 1px solid rgba(213, 221, 230, 0.4); } .authors-item_current:not(:last-child) { margin-bottom: 20px; } .authors-item_current:not(:last-child):after { position: absolute; content: »; bottom: 0; right: 0; height: 1px; width: calc(100% — 90px); background-color: rgba(213, 221, 230, 0.4); } .authors-header { display: flex; } .authors-item_current .authors-header { margin-bottom: 10px; } .authors-item_former .authors-header { margin-bottom: 11px; } .authors-avatar { overflow: hidden; border-radius: 50%; background-color: #EEE; } .authors-avatar_large { width: 70px; height: 70px; margin-right: 20px; } .authors-avatar_small { width: 40px; height: 40px; margin-right: 14px; } .authors-img { object-fit: cover; } .authors-name { color: #000; display: block; border-bottom: none; } .authors-name:hover { color:#FF5500; } .authors-name_large { font-size: 24px; line-height: 1.15; margin-bottom: 8px; font-variation-settings: «wght» 600, «wdth» 100; } .authors-name_small { font-size: 18px; line-height: 1; margin-bottom: 4px; font-variation-settings: «wght» 500, «wdth» 100; } .authors-statistics { font-size: 12px; line-height: 15px; font-variation-settings: «wght» 400, «wdth» 100; } .authors-interests { display: flex; } .authors-interests_post { align-items: center; margin-bottom: 6px; } .authors-interests_category { align-items: center; margin: 6px 0; } .authors-interests-theme { width: calc(100% — 90px); } .authors-interests-name { font-size: 12px; line-height: 15px; color: #ACB6BF; width: 80px; margin-right: 10px; } .link-post { font-size: 13px; line-height: 1.1; display: inline-block; padding: 10px 15px; color: #000; border-radius: 8px; border: 1px solid #EEE; font-variation-settings: «wght» 600, «wdth» 100; } .link-post:hover { color:#FF5500; border-color:#FF5500; } .link-category { display: inline-block; color: #959EA6; font-size: 13px; line-height: 1.1; padding: 10px 15px; background: rgba(172, 182, 191, 0.08); border-radius: 12px; border: 1px solid transparent; font-variation-settings: «wght» 600, «wdth» 100; } .link-category:hover { color: #959EA6; border-color:#959EA6; } /* END all authors page styles */ .video { position: relative; padding-top: 60%; margin-bottom: 10px; } .video:hover { cursor: pointer; } .video br { display: none; } .video iframe { position: absolute; top: 0; bottom: 0; left: 0; margin: 0; right: 0; width: 100%; height: 100%; } .video__button { position: absolute; top: 50%; left: 50%; z-index: 1; padding: 0; width: 68px; height: 48px; border: none; background-color: transparent; transform: translate(-50%, -50%); cursor: pointer; } .video:hover .video__button-shape, .video__button:focus .video__button-shape { fill: #ff0000; fill-opacity: 1; } .video__button-shape { fill: #212121; fill-opacity: 0.8; } .video__button-icon { fill: #fff; } .video .video__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; margin: 0; } .video .video__link picture { display: block; width: 100%; height: 100%; } .video .video__link div { width: 100% !important; height: 100% !important; max-width: 720px; } .video .video__media { width: 100% !important; height: 100% !important; } button.video__button { background-image: none; } .adsense { margin-bottom: 26px; }/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */ (function(w){ «use strict»; /* exported loadCSS */ var loadCSS = function( href, before, media, attributes ){ // Arguments explained: // `href` [REQUIRED] is the URL for your CSS file. // `before` [OPTIONAL] is the element the script should use as a reference for injecting our stylesheet before // By default, loadCSS attempts to inject the link after the last stylesheet or script in the DOM. However, you might desire a more specific location in your document. // `media` [OPTIONAL] is the media type or query of the stylesheet. By default it will be ‘all’ // `attributes` [OPTIONAL] is the Object of attribute name/attribute value pairs to set on the stylesheet’s DOM Element. var doc = w.document; var ss = doc.createElement( «link» ); var ref; if( before ){ ref = before; } else { var refs = ( doc.body || doc.getElementsByTagName( «head» )[ 0 ] ).childNodes; ref = refs[ refs.length — 1]; } var sheets = doc.styleSheets; // Set any of the provided attributes to the stylesheet DOM Element. if( attributes ){ for( var attributeName in attributes ){ if( attributes.hasOwnProperty( attributeName ) ){ ss.setAttribute( attributeName, attributes[attributeName] ); } } } ss.rel = «stylesheet»; ss.href = href; // temporarily set media to something inapplicable to ensure it’ll fetch without blocking render ss.media = «only x»; // wait until body is defined before injecting link. This ensures a non-blocking load in IE11. function ready( cb ){ if( doc.body ){ return cb(); } setTimeout(function(){ ready( cb ); }); } // Inject link // Note: the ternary preserves the existing behavior of «before» argument, but we could choose to change the argument to «after» in a later release and standardize on ref.nextSibling for all refs // Note: `insertBefore` is used instead of `appendChild`, for safety re: http://www.paulirish.com/2011/surefire-dom-element-insertion/ ready( function(){ ref.parentNode.insertBefore( ss, ( before ? ref : ref.nextSibling ) ); }); // A method (exposed on return object for external use) that mimics onload by polling document.styleSheets until it includes the new sheet. var onloadcssdefined = function( cb ){ var resolvedHref = ss.href; var i = sheets.length; while( i— ){ if( sheets[ i ].href === resolvedHref ){ return cb(); } } setTimeout(function() { onloadcssdefined( cb ); }); }; function loadCB(){ if( ss.addEventListener ){ ss.removeEventListener( «load», loadCB ); } ss.media = media || «all»; } // once loaded, set link’s media back to `all` so that the stylesheet applies once it loads if( ss.addEventListener ){ ss.addEventListener( «load», loadCB); } ss.onloadcssdefined = onloadcssdefined; onloadcssdefined( loadCB ); return ss; }; // commonjs if( typeof exports !== «undefined» ){ exports.loadCSS = loadCSS; } else { w.loadCSS = loadCSS; } }( typeof global !== «undefined» ? global : this ));loadCSS(«https://hi-news.ru/wp-content/themes/101media/style.css?1573555449», document.getElementById(«loadcss»));loadCSS(«https://hi-news.ru/wp-content/themes/101media/app.css?1590090048», document.getElementById(«loadcss»));loadCSS(«https://hi-news.ru/wp-content/plugins/tag-sticky-post/css/plugin.css?1541770289», document.getElementById(«loadcss»)); — e-krasnoebeloe.ru