Files
profile/template-parts/critical-styles/styles-default-mobile.php

888 lines
23 KiB
PHP
Raw Normal View History

2025-07-09 21:21:17 +03:00
<!--[critical-styles/styles-default-ьщишду]-->
<style>
@media (min-width: 768px) and (max-width: 992px){
.header__network {
margin-bottom: 12px;
}
.logo {
height: 60px;
}
.header > .container-fluid {
padding-top: 10px;
}
#menuD:checked~.toggle-menu span, #menuM:checked~.toggle-menu span {
top: 23px;
left: 12px;
}
#sub_burgerD:checked ~ .burger-body__sub {
display: block;
position: absolute;
top: -445px;
left: 260px;
background: #f6f6f6;
}
}
#readanother {
padding: 0 10px 0;
}
#readanother strong {
font-family: 'Roboto';
font-size: 14px;
line-height: 1;
color: #B51D1D;
text-transform: uppercase;
margin: 0 0 12px 0;
}
#readanother ul {
padding-left: 0;
}
#readanother li {
list-style: none;
border-left: 6px solid #B51D1D;
margin: 0 0 20px 0;
padding: 0 0 0 10px;
line-height: 0;
}
#readanother li a {
font-family: 'Roboto';
font-weight: bold;
font-size: 14px;
line-height: 1.2;
color: #000000;
text-decoration: none;
}
.mr-3 a {
display: inline-block;
padding: 0.4375rem 0.5rem;
margin-bottom: 0.9375rem;
background: #ececec;
border: 0 none;
border-radius: 2px;
font-family: "Roboto", sans-serif;
font-size: .75rem;
line-height: 1;
font-weight: 700;
}
#menuM:checked ~ .background_checked {
width: 200%;
display: block;
height: 49px;
background: #f6f6f6;
position: absolute;
z-index: 10;
}
.cell__promo {
position: fixed;
bottom: 0;
left: 0;
right: 0;
max-height: 100%;
z-index: 999;
transition: all 0.65s;
transform: translate(0, 150%);
}
.blog {
background: #ECECEC;
flex: 1;
display: flex;
min-height: 9.875rem;
margin: 0 0 1.875rem;
border-radius: 6px;
}
.blog__frame> img {
display: block;
height: 100%;
max-height: 9.875rem;
width: auto;
max-width: none;
position: relative;
}
.publication__data {
display: flex;
line-height: 1.1;
color:#505258;
}
.profile_onenews {
margin: 0 0 1.875rem;
}
.tags-list {
font-size: 0.875rem;
}
.tags-list {
font-size: 0.875rem;
}
@media (min-width: 576px) {
.tab-pane {
max-width: unset!important;
margin: 0!important;
}
}
@media (max-width: 767.98px) {
.profile_onenews .profile_onenews__title {
font-size: 1.4375rem!important;
}
figure figcaption p {
font-size: 0.75rem!important;
color:#505258!important;
line-height: 1.2!important;
}
.burger {
position: fixed!important;
padding: 50px 40px 0 16px;
border: none;
box-shadow: none;
width: 100%;
height: 100%;
overflow: scroll;
}
.right-side{
display: none;
}
.blog__detail {
margin-top: 0.625rem;
color: #000;
}
.news__body, .news__body__inner, .news__body>div {
height: 100%!important;
max-height: 100%!important;
}
.news__tabs .nav-item:last-child {
display: none;
}
.news__tabs .nav-item:first-child {
width: 100%;
}
.news__tabs .nav-item:first-child .nav-link {
border-radius: 6px 6px 0 0!important;
}
.toggle-menu:after, .news__body:after {
display: none;
}
.header__network .icon--network {
display: none;
}
.header__widgets {
display: none;
}
.burger::-webkit-scrollbar {
display: none
}
.article.cell--main {
border: 0;
margin: 0
}
.col-12 .d-flex .d-flex .d-block {
width: 42px;
height: 49px;
}
.cell,
.cell--main {
height: auto!important;
max-height: none!important;
}
.cell {
margin: 0 0 1.25rem!important;
min-height: 264px;
}
.article.cell:not(.cell--main) {
border-radius: 0;
border-bottom: 1px solid #C0C0C0;
}
.article.cell.cell--main {
border: 0;
margin: 0!important;
}
.article a,
.article a.sticker--white {
color: #000;
}
.article a.sticker:not(.sticker--white) {
color: #FFF;
}
.article--main .article__title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.2;
}
.article__data {
font-size: 0.75rem;
font-weight: 400;
color: #000;
}
.article .article__author {
font-size: 0.75rem;
font-weight: 400;
margin-top: 0;
margin-right: 8px;
}
.article__body {
position: relative;
background: transparent;
padding: 0.4375rem 0 1.25rem 0;
}
.article__frame{
border-radius: 6px;
overflow: hidden;
}
.article__frame > img {
width: 100%;
max-width: 100%;
min-width: 100%;
min-height: 100%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.article__frame--wide > img {
transform: translate(-50%, -50%);
}
.article__frame:before {
content: '';
display: block;
padding-top: 56%;
}
.article__frame > img {
position: absolute;
}
.footer__copyright {
display: block;
text-align: center;
margin: 15px 0 0;
}
.nav-footer{
display: block;
}
.nav-footer-item{
margin-bottom: 8px;
line-height: 1.8;
font-size: 18px;
}
.blog {
flex-direction: column;
}
.blog__frame {
margin: 20px auto auto;
}
.blog__frame > img {
max-height: none;
min-width: 100%;
height: auto;
border-radius: 6px;
max-width: 100%;
}
.blog__title {
padding-bottom: 0!important;
}
.blog__body {
padding: 0.9375rem;
}
.separator_line {
width: 100%;
}
.arrow {
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 5px;
position: absolute;
top: 17px;
right: 10px;
transform: rotate(45deg);
transition: .25s;
}
.burger-body__sub a {
border-bottom: none;
border-left: none;
display: block;
padding: 0.75rem 0.875rem;
transition: all .25s;
color: #505050;
}
.burger-menu a, .burger-menu label span:first-child {
font-size: 1.25rem;
}
.toggle-menu span {
z-index: 10;
}
.main {
padding-top: 3.9375rem;
}
.header__store {
max-width: 5.625rem;
max-height: 1.625rem;
margin: 0 0 1.75rem;
}
.header__store:last-child {
max-width: 6rem;
}
.header__network {
margin-bottom: 3.125rem;
}
.header__network ul {
display: flex;
flex-wrap: wrap;
}
.header__network ul li {
margin:0 1.5625rem 0.9375rem 0;
}
.header .header__nav .float-md-left {
flex: 1;
overflow: hidden;
}
.header .header__nav .float-md-right {
display: none!important;
}
.header .header__nav .nav {
font-size: 0;
height: 3.75rem;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.header .header__nav .nav .nav-link {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.2;
padding: 0.9375rem 1.5625rem 0.9375rem 0;
}
.header .header__nav .nav .nav-item {
display: inline-block;
vertical-align: middle;
}
.header {
background: white;
position: fixed!important;
top: 0;
left: 0;
right: 0;
}
.header .row {
display: block;
margin: 0 -1.875rem;
}
.header .logo {
margin-top: 0;
margin-bottom: 0;
}
.header .row > .col-12:nth-child(2) {
border-top: 1px solid #C0C0C0;
border-width: 1px 0 0;
}
.header .row > .col-12:last-child,
.header .rubric,
.header .searchform {
display: none!important;
}
.header .header__nav {
padding-top: 0;
height: 3.125rem;
overflow: hidden;
}
.logo {
max-width: 8.125rem;
max-height: 1.75rem;
z-index: 12;
}
.special {
padding: 1.875rem 0 0;
}
.partners__item.d-flex .partners__item__title {
margin: 0 0 1.25rem 1.25rem;
font-size: 1rem;
}
.partners__item.d-flex .partners__frame {
position: relative;
overflow: hidden;
min-width: 80px;
width: 80px;
height: 80px;
}
.partners__item.d-flex .partners__frame img {
position: relative;
max-width: none;
min-width: auto;
height: 100%;
width: auto;
left: 50%;
transform: translate(-50%, 0%);
}
.profile_onenews {
display: block;
margin: 0.5rem 0 0.9375rem;
}
.profile_onenews .stick .ya-share2__item {
margin: 0 0.9375rem 0.625rem 0;
}
.profile_onenews .stick:before {
content: "Поделиться:";
font-size: 0.5625rem;
color: #C0C0C0;
display: block;
margin: 0.1875rem 0;
}
.author:before {
top: 104px;
left: 0;
}
aside.aside-img {
float: none;
font-size: 1rem;
margin: 0.625rem 0;
width: 100%;
}
.newslist__body a {
margin: 0 0 1.6875rem!important;
}
.newslist__item .d-flex {
flex-direction: column;
}
.newslist__frame {
min-width: 100%;
height: auto;
max-height: none;
margin-bottom: 1.25rem;
border-radius: 6px;
overflow: hidden;
}
.newslist__frame img {
width: 100%;
}
.newslist__frame {
min-width: 100%;
height: auto;
max-height: none;
margin-bottom: 1.25rem;
border-radius: 6px;
overflow: hidden;
}
.newslist__result {
margin: 0 0 1.875rem;
}
.newslist__item {
padding: 1.0625rem 0 0.625rem;
}
.newslist__item+.newslist__item {
margin: 0;
padding: 1.0625rem 0 0.625rem;
}
.footer__copyright p {
display: block;
text-align: center;
}
.footer__delimiter,
.footer-logo-top,
.footer__logo,
.OOO_IDR {
display: none;
}
.special:before {
content: "Реклама";
font-size: 0.625rem;
color: #C0C0C0;
position: absolute;
top: 0.4375rem;
left: 50%;
transform: translate(-50%, 0);
}
.story .story__title {
font-size: 1.125rem;
font-weight: 500;
margin: 0 0 0.625rem;
}
.story img {
min-width: 100%;
width: 100%;
height: auto;
float: left;
transform: translate(0, 0);
}
.story__frame {
margin: 0 0 0.625rem;
}
#menuM:checked ~ .burger,
#menuM:checked ~ .burger-body {
display: block;
}
#menuM:checked ~ .toggle-menu::after {
top: 0;
left: 0;
background: #f6f6f6;
width: 100%;
height: 49px;
right: unset;
border: none;
z-index: 8;
}
#sub_burgerM:checked ~ .burger-body__sub {
display: block;
}
#sub_burgerM:checked ~ .toggleSubmenu .arrow {
transform: rotate(-135deg);
}
.partners__frame figure {
height: 100%;
}
}
@media (max-width: 992px) {
.right-side{
display: none;
}
.news__body:after {
position: fixed;
height: 5rem;
}
.news__body > div {
height: calc(100vh - 113px);
max-height: calc(100vh - 113px);
}
.news__body > div {
height: 516px;
max-height: 516px;
}
.header__currency__item + .header__currency__item {
margin-left: 0.625rem;
}
.footer__delimiter,
.footer-logo-top,
.footer__logo,
.OOO_IDR {
display: none;
}
.partners__item.d-flex {
height: 100%;
max-width: none;
margin: 0;
padding: 0 0 1.25rem;
}
.main {
position: relative;
z-index: 1;
flex: 1;
align-self: center;
}
.author {
padding: 0 1.25rem 1.25rem;
margin-top: 2.8125rem;
}
.author__title {
line-height: 1.25;
}
.author__post {
line-height: 1.1;
}
.ya-share2__list {
display: inline-flex;
flex-wrap: wrap;
}
.ya-share2__icon {
background-size: 1.875rem;
width: 1.875rem;
height: 1.875rem;
}
}
@media (max-width: 992px) {
body {
font-size: 0.875rem;
}
.scroll-to-top {
padding: 0.3125rem 0.3125rem 0;
border-radius: 45px 45px 4px 4px;
right: 10px;
top: 60px;
transform: translate(0, 0) scale(0);
stroke: #808080;
color:#505258;
font-size: 9px;
}
.scroll-to-top.active {
background: rgba(255, 255, 255, 0.75);
transform: translate(0, 0) scale(1);
opacity: 1;
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1);
}
.scroll-to-top svg {
max-width: 30px;
max-height: 30px;
margin-bottom: 5px;
}
.news__date {
font-size: 0.75rem;
margin: 0 0 0.625rem;
}
.news__time {
font-size: 0.875rem;
line-height: 1.55;
font-weight: 500;
min-width: 3.125rem;
}
.news__name {
font-size: 1rem;
}
.sticker {
font-size: 0.625rem;
font-weight: 500;
}
.header {
z-index: 200;
position: relative;
}
.header > .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.header > .row {
padding-left: -15px;
padding-right: -15px;
}
.header__social {
float: right;
padding-top: 0.9375rem;
}
.header__widgets {
font-size: 12px;
line-height: 1.5;
}
.header__nav .nav-link {
text-align: left;
color: #000;
font-size: 0.75rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.searchform__btn {
padding: 0.625rem;
width: 3.375rem;
height: 3.375rem;
line-height: 1.875rem;
}
.searchform input[type="search"] {
height: 3.375rem;
}
/*.icon {
line-height: 1.9;
}*/
.main {
padding-bottom: 1.875rem;
}
.popup-special {
margin: 0 1.5rem 3.25rem 0;
}
.popup-special__inner {
width: 5.625rem;
height: 5.625rem;
padding: 0.4375rem;
}
.special {
padding: 0;
margin-bottom: 1.25rem;
}
.special--gray {
background: transparent;
}
.waypoint:before {
width: auto;
left: -0.9375rem;
right: -0.9375rem;
transform: translate(0, 0);
}
.load-btn {
display: none;
}
.related-links {
margin: 1.875rem 0 1.875rem;
}
.related-links .related-links__title {
font-size: 1rem;
}
.related-links__item-name {
font-size: 1.0625rem;
}
.profile_onenews {
font-size: 1rem;
line-height: 1.6;
}
.profile_onenews p {
margin: 0 0 1.3125rem;
}
.profile_onenews blockquote p {
margin: 0;
}
.profile_onenews .profile_onenews__title {
font-size: 2.375rem;
line-height: 1.2;
margin: 0 0 0.5rem;
}
.profile_onenews__subtitle {
font-size: 1.5rem;
line-height: 1.5;
}
.profile_onenews__body {
margin: 0;
}
.mobile-only {
display: inline-block;
}
.publication__data {
font-size: 0.75rem;
margin-bottom: 0.625rem;
}
.publication__author {
font-size: 0.75rem;
padding-left: 0.5rem;
margin-left: 0.5rem;
text-decoration: underline;
}
figure figcaption p {
font-size: 0.75rem;
line-height: 1.2;
color:#505258;
text-transform: none;
margin: 0.1875rem 0 0.3125rem!important;
}
figure figcaption {
font-size: 0.75rem;
color:#505258;
font-style: normal;
text-transform: uppercase;
padding: 0.375rem 0 0.5rem;
}
blockquote {
font-size: 1.125rem;
line-height: 25px;
margin: 2.125rem 0 1rem!important;
padding: 1.25rem 0 1.25rem 2.5rem;
}
blockquote.blockquote-img figure {
min-width: 100%;
margin: 0;
}
blockquote.blockquote-img figcaption {
font-size: 0.875rem;
}
.alignleft {
margin-right: 0;
float: none;
}
.ya-share2__list {
display: inline-flex;
flex-wrap: wrap;
}
.ya-share2__icon {
background-size: 1.875rem;
width: 1.875rem;
height: 1.875rem;
}
.search__result {
margin: 0 0 1.875rem;
}
.search__item {
padding: 1.0625rem 0 0.625rem;
}
.search__item + .search__item {
padding: 1.0625rem 0 0.625rem;
}
.section__title {
border-left: 3px solid;
padding-left: 0.625rem;
font-size: 1.25rem;
font-weight: 900;
line-height: 1.0;
}
body.branding .main {
position: relative;
}
}
@media (max-width: 1200px) {
body .main,
body .footer__inner {
max-width: 100%;
}
.read-yzd.read-yzd__bg {
background-color: #ECECEC;
margin: 0 -0.9375rem;
padding: 0.9375rem;
display: block;
}
aside.aside-img {
font-size: 1rem;
margin: 0.625rem 0;
}
.story img {
min-width: 550px;
width: 550px;
height: auto;
float: right;
}
.story__frame {
margin: 0 0 0.625rem;
}
body.branding .header__widgets {
max-width: 882px;
}
}
@media (min-width: 576px) and (max-width: 768px) {
.container-fluid {
max-width: 100%
}
}
@media (min-width: 768px) and (max-width: 992px) {
.news__date {
margin: 0 0 0.3125rem
}
.header__nav > div:first-child {
height: 3.3125rem
}
.header__nav > div:first-child .nav {
white-space: nowrap
}
.header__nav > div:first-child .nav .nav-item {
display: inline-block
}
.header > .container-fluid {
padding-left: 15px;
padding-right: 15px
}
.header .nav {
flex-wrap: nowrap
}
}
@media (min-width: 576px) and (max-width: 1200px) {
#sub_burgerD {
opacity: 0;
}
.header__nav .nav-item:first-child {
width: 42px;
}
.arrow {
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
position: absolute;
top: 16px;
right: 4px ;
transform: rotate(-45deg);
transition: .25s;
}
}
</style>
<!--[critical-styles/styles-default-desktop]-->