add files
This commit is contained in:
Andrey Kuvshinov
888
template-parts/critical-styles/styles-default-mobile.php
Normal file
888
template-parts/critical-styles/styles-default-mobile.php
Normal file
@@ -0,0 +1,888 @@
|
||||
<!--[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]-->
|
||||
Reference in New Issue
Block a user