Home / Tech News / How to use Hidden Space in OxygenOS

How to use Hidden Space in OxygenOS

<![CDATA[
<!–*/

<!–*/

<!–*/

img {
width: 100%;
height: auto;
}
.devicebox ul {
display: table;
margin: 0 0 10px;
width: 100%;
}
.devicebox ul li {
background: #f7f7f7;
margin: 2px 0;
padding: 4px 15px;
}
.devicebox ul li:hover {
background: #fff;
}
.devicebox ul li:before {
display: none;
}
.devicebox p ~ p {
line-height: 1.25;
}
.devicebox p:first-of-type + p {
padding: 15px;
}
.devicebox a.cta .shop {
border-radius: 5px;
display: inline-block;
font: 14px/31px “Proxima Nova Extrabld”,Helvetica,Arial,sans-serif;
text-align: center;
}
.devicebox a.cta .shop,
.devicebox a.cta .shop:link,
.devicebox a.cta .shop:active,
.devicebox a.cta .shop:visited {
background: #37B5D7;
color: #FFF;
}
.devicebox a.cta .shop:hover {
background: #2694B2;
text-decoration: none;
}
.devicebox a.cta .shop:before {
content: “e61e”;
font: 40px/0 “ac_iconset” !important;
margin: 0 3px 0 -8px;
vertical-align: middle;
}
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) {
/* div:not(.columns-3) excludes help menu content */
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox {
padding: 20px 0 25px;
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video {
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p {
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img,
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3),
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul {
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
}
.article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head {
margin-top: -5px;
}
}
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) {
.devicebox h3 {
text-align: center;
}
.devicebox ul,
.devicebox p {
display: block;
}
}
@media all and (max-width: 800px) and (min-width: 660px) {
.devicebox {
padding: 20px 0 25px;
}
.devicebox .video {
float: left;
margin: 0 30px 0 0;
width: calc(100% – 375px);
}
.devicebox h3 + p {
bottom: 37px;
display: block;
overflow: hidden;
position: absolute;
top: 60px;
width: calc(100% – 375px);
}
.devicebox p img,
.devicebox p > img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.devicebox p:nth-child(n+3),
.devicebox ul {
box-sizing: border-box;
margin-left: calc(100% – 345px);
width: 340px;
}
.devicebox p.list-head {
margin-top: -5px;
}
}
@media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px) {
/* 2x buy buttons */
.devicebox a.cta .shop {
width: calc(50% – 2.5px);
margin: 0 5px 5px 0;
}
.devicebox a.cta .shop:nth-of-type(even) {
margin: 0 0 5px 0;
}
.devicebox a.cta .shop:last-of-type:nth-of-type(odd) {
width: 100%;
}
}
@media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px) {
/* 3x buy buttons */
.devicebox a.cta .shop {
width: calc(100%/3 – 10px/3);
margin: 0 5px 5px 0;
}
.devicebox a.cta .shop:nth-of-type(3n):not(:nth-last-of-type(2)) {
margin: 0 0 5px 0;
}
.devicebox a.cta .shop:only-child {
width: 100%;
margin: 0 0 5px 0;
}
.devicebox a.cta .shop:nth-last-of-type(2):nth-of-type(3n+1),
.devicebox a.cta .shop:nth-last-of-type(2):nth-of-type(3n+1) ~ a.cta .shop,
.devicebox a.cta .shop:nth-last-of-type(4):nth-of-type(3n+1),
.devicebox a.cta .shop:nth-last-of-type(4):nth-of-type(3n+1) ~ a.cta .shop {
width: calc(50% – 2.5px);
}
.devicebox a.cta .shop:nth-last-of-type(2):nth-of-type(3n+1) ~ a.cta .shop,
.devicebox a.cta .shop:nth-last-of-type(4):nth-of-type(3n+1) ~ a.cta .shop:nth-last-of-type(odd) {
margin: 0 0 5px 0;
}
}
@media all and (max-width: 800px) {
.devicebox {
margin: 0 0 30px;
max-width: none;
width: auto;
}
}
@media all and (max-width: 500px) {
.devicebox {
margin: 0 0 30px;
max-width: none;
width: auto;
}
.devicebox a.cta .shop:before {
display: none;
}
}
.page-admin .devicebox {max-width: 350px;}
.page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;}
.page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;}

/*–>*/

/*–>*/

/*–>*/

/*–>*/
]]>

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version=’2.0′;n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,’script’,’https://connect.facebook.net/en_US/fbevents.js’);
fbq(‘init’, ‘1674633419534068’);
fbq(‘track’, ‘PageView’);

(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “http://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));

var fbAsyncInitOrg = window.fbAsyncInit;
window.fbAsyncInit = function() {
if(typeof(fbAsyncInitOrg)==’function’) fbAsyncInitOrg();
FB.init({
appId: “291830964262722”,
xfbml: true,
version : ‘v2.7’
});

FB.Event.subscribe(‘xfbml.ready’, function(msg) { // Log all the ready events so we can deal with them later
var events = fbroot.data(‘ready-events’);
if( typeof(events) === ‘undefined’) events = [];
events.push(msg);
fbroot.data(‘ready-events’,events);
});

var fbroot = $(‘#fb-root’).trigger(‘facebook:init’);
};

About yogabeautyhealth

Check Also

Netflix’s biggest competition isn’t sleep — it’s YouTube

Each day in India’s capital New Delhi, hundreds of thousands of people take the quiet …

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: