add files
This commit is contained in:
140
template-parts/critical-styles/styles-default-desktop.php
Normal file
140
template-parts/critical-styles/styles-default-desktop.php
Normal file
@@ -0,0 +1,140 @@
|
||||
<!--[critical-styles/styles-default-desktop]-->
|
||||
|
||||
<style>
|
||||
.profile_onenews p, .profile_onenews li, .profile_onenews td {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.profile_onenews ul {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.profile_onenews ul li {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.attention {
|
||||
list-style: none;
|
||||
border-left: 2px solid #B51D1D;
|
||||
margin: 0 0 8px 0!important;
|
||||
padding: 0 0 0 8px;
|
||||
line-height: 1.2;
|
||||
font-size: 12px!important;
|
||||
font-style: italic;
|
||||
}
|
||||
figure figcaption p {
|
||||
font-size: 0.875rem!important;
|
||||
}
|
||||
figure figcaption span {
|
||||
line-height: 1.6;
|
||||
}
|
||||
.header .logo {
|
||||
width: 15.5625rem;
|
||||
}
|
||||
.header__widgets {
|
||||
background: #303030;
|
||||
padding: 0.4375rem 0;
|
||||
white-space: nowrap;
|
||||
z-index: 100;
|
||||
}
|
||||
.header__widgets,
|
||||
.header__widgets a {
|
||||
color: #fff;
|
||||
}
|
||||
.header__widgets > .row > .col-12 {
|
||||
transition: all 0.35s;
|
||||
}
|
||||
.header__currency .up {
|
||||
color: #45C707;
|
||||
}
|
||||
.header__currency .down {
|
||||
color: #B61D1D;
|
||||
}
|
||||
.header__currency__item > span + .header__currency__item > span {
|
||||
margin-left: 0.3125rem;
|
||||
}
|
||||
.header__currency__item > span:first-child {
|
||||
margin-right: 0.625rem;
|
||||
}
|
||||
.header__weather > span {
|
||||
margin: 0 0.3125rem;
|
||||
}
|
||||
.header__delimiter {
|
||||
border-width: 0 1px 0 0;
|
||||
border-style: solid;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.profile_onenews {
|
||||
padding: 0 4.375rem 0 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
|
||||
div.profile_onenews {
|
||||
line-height: 1.6;
|
||||
}
|
||||
.header__network {
|
||||
position: relative;
|
||||
width: 6.625rem;
|
||||
max-width: 6.625rem;
|
||||
padding-left: 10px;
|
||||
display: inline-table;
|
||||
border-radius: 5px;
|
||||
transform-style: preserve-3d;
|
||||
perspective: 200px;
|
||||
z-index: 4;
|
||||
}
|
||||
.header__network .icon {
|
||||
display: block;
|
||||
}
|
||||
.header__network .icon--network {
|
||||
min-width: 111px;
|
||||
}
|
||||
.header__network > li {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
.header__network > li:hover > ul {
|
||||
transition:all 200ms ease-in-out 0ms;
|
||||
transform:rotateX(0deg);
|
||||
box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.1);
|
||||
opacity: 1.0;
|
||||
}
|
||||
.header__network ul {
|
||||
background: #ececec;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 9.375rem;
|
||||
max-width: 9.375rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
opacity: 0.0;
|
||||
z-index: 10;
|
||||
padding: 0.4375rem 0.5625rem 0.625rem;
|
||||
|
||||
transition: all 200ms ease-in-out 200ms;
|
||||
transform: rotateX(-90deg);
|
||||
transform-origin: 0% 0%;
|
||||
backface-visibility: hidden;
|
||||
box-shadow: 0 -50px 250px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.header__network ul li {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 0 7px 0;
|
||||
}
|
||||
.header__network ul li .icon {
|
||||
margin: 0.5rem 0 0.4375rem;
|
||||
}
|
||||
.header .isSticky .logo {
|
||||
width: 144px;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
bottom: -75px;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<!--[/critical-styles/styles-default-desktop]-->
|
||||
Reference in New Issue
Block a user