flex-direction: column !important;
}
/* spinner css */
@keyframes spinner {
to {transform: rotate(360deg);}
}
.spinner:before {
content: ”;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #000;
animation: spinner .6s linear infinite;
}
.report-loader{
position: relative;
}
.report-loader.spinner{
margin-left: 16px;
}
:root{
–badge-bg: #fff;
–badge-name-color: #2C3E50;
–icon-border-color: #DEDEDE;
–author-bg-bdr-color: #EBEBEB;
–pub-article-color: rgba(57, 56, 56, 0.6);
–mb-i-btn-bg: #F0F3F5;
}
body[data-dark-mode=”true”]{
–badge-bg: #3C3C3C;
–badge-name-color: #FFFFFF;
–icon-border-color: #787676;
–author-bg-bdr-color: #5E5E5E;
–pub-article-color : #A5A4A4;
–mb-i-btn-bg:#2F2F2F;
}
.badges{
display: flex;
align-items: center;
position: relative;
}
.badges .gfg-badge-icon.md::after{
transform: scale(0.25);
position:relative;
top: 2px;
left: -2px;
}
.sep{
margin: 0px 5px;
font-size: 20px;
color: var(–badge-name-color);
}
.pub-count{
font-size: 14px;
font-family: var(–font-secondary);
}
.badge-details{
display:none;
}
.badges{
cursor: pointer;
position: relative;
/* width: 0px;
height: 20px;
top: -32px; */
}
.badge-icon{
display: flex;
align-items: center;
}
.badge-content{
margin-left: 9px;
}
.badge-name{
color: var(–badge-nam-color);
font-weight: 600;
font-size: 16px;
text-transform: capitalize;
}
.badge-data{
color: #A5A4A4;
font-size: 10px;
}
.badges:hover .badge-details{
display: block;
background: var(–badge-bg);
padding: 10px 18px 10px 18px;
position: absolute;
width: 175px;
top: -10px;
z-index: 10;
left: 112%;
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
border-radius: 5px;
/* transform-origin: top right; */
}
.badge-details::before {
content: “”;
position: absolute;
transform: rotate(90deg);
/* transform-origin: right; */
left: -6px;
top: 50%;
margin-left: -17px;
border-width: 12px;
border-style: solid;
border-color: var(–badge-bg) transparent transparent transparent;
margin-top: -12px;
}
.badge-icon .icon{
border: 1px solid var(–icon-border-color);
padding: 4px 3px;
border-radius: 4px;
width: 22px;
height: 24px;
position: relative;
}
.b-icon-pos{
position: relative;
top: -34px;
left: -34px;
}
/* article viewer */
.article–viewer .a-wrapper{
margin-top: 0px !important;
}
.content{
padding-top: 10px !important;
}
.u-name{
font-size: 14px;
}
.article–viewer_content .a-wrapper .content{
padding-bottom: 10px !important;
}
@media (max-width: 434px) {
.article-buttons.show-bg{
margin-top: 56px !important;
}
}
@media (max-width: 730px),
((min-width: 992px) and (max-width:1100px)) {
.article–viewer .media{
position: relative;
}
.article–viewer .media{
margin-bottom: 0px !important;
}
.badges:hover .badge-details{
top: -56px;
left: 62px;
}
.badge-details::before{
transform: rotate(0deg);
left: 10%;
top: 117%;
}
.article-buttons.show-bg{
margin-top: 22px;
top: 0px !important;
}
}
@media ((min-width:731px) and (max-width:1223px)) {
.article-buttons.show-bg{
top: 18px;
}
}
@media ((min-width:993px) and (max-width:1190px)) {
.article–viewer .media{
position: relative;
}
.article–viewer .media{
margin-bottom: 25px !important;
}
}
flex-direction: column !important;
}
/* spinner css */
@keyframes spinner {
to {transform: rotate(360deg);}
}
.spinner:before {
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #000;
animation: spinner .6s linear infinite;
}
.report-loader{
position: relative;
}
.report-loader.spinner{
margin-left: 16px;
}
:root{
--badge-bg: #fff;
--badge-name-color: #2C3E50;
--icon-border-color: #DEDEDE;
--author-bg-bdr-color: #EBEBEB;
--pub-article-color: rgba(57, 56, 56, 0.6);
--mb-i-btn-bg: #F0F3F5;
}
body[data-dark-mode="true"]{
--badge-bg: #3C3C3C;
--badge-name-color: #FFFFFF;
--icon-border-color: #787676;
--author-bg-bdr-color: #5E5E5E;
--pub-article-color : #A5A4A4;
--mb-i-btn-bg:#2F2F2F;
}
.badges{
display: flex;
align-items: center;
position: relative;
}
.badges .gfg-badge-icon.md::after{
transform: scale(0.25);
position:relative;
top: 2px;
left: -2px;
}
.sep{
margin: 0px 5px;
font-size: 20px;
color: var(--badge-name-color);
}
.pub-count{
font-size: 14px;
font-family: var(--font-secondary);
}
.badge-details{
display:none;
}
.badges{
cursor: pointer;
position: relative;
/* width: 0px;
height: 20px;
top: -32px; */
}
.badge-icon{
display: flex;
align-items: center;
}
.badge-content{
margin-left: 9px;
}
.badge-name{
color: var(--badge-nam-color);
font-weight: 600;
font-size: 16px;
text-transform: capitalize;
}
.badge-data{
color: #A5A4A4;
font-size: 10px;
}
.badges:hover .badge-details{
display: block;
background: var(--badge-bg);
padding: 10px 18px 10px 18px;
position: absolute;
width: 175px;
top: -10px;
z-index: 10;
left: 112%;
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
border-radius: 5px;
/* transform-origin: top right; */
}
.badge-details::before {
content: "";
position: absolute;
transform: rotate(90deg);
/* transform-origin: right; */
left: -6px;
top: 50%;
margin-left: -17px;
border-width: 12px;
border-style: solid;
border-color: var(--badge-bg) transparent transparent transparent;
margin-top: -12px;
}
.badge-icon .icon{
border: 1px solid var(--icon-border-color);
padding: 4px 3px;
border-radius: 4px;
width: 22px;
height: 24px;
position: relative;
}
.b-icon-pos{
position: relative;
top: -34px;
left: -34px;
}
/* article viewer */
.article--viewer .a-wrapper{
margin-top: 0px !important;
}
.content{
padding-top: 10px !important;
}
.u-name{
font-size: 14px;
}
.article--viewer_content .a-wrapper .content{
padding-bottom: 10px !important;
}
@media (max-width: 434px) {
.article-buttons.show-bg{
margin-top: 56px !important;
}
}
@media (max-width: 730px),
((min-width: 992px) and (max-width:1100px)) {
.article--viewer .media{
position: relative;
}
.article--viewer .media{
margin-bottom: 0px !important;
}
.badges:hover .badge-details{
top: -56px;
left: 62px;
}
.badge-details::before{
transform: rotate(0deg);
left: 10%;
top: 117%;
}
.article-buttons.show-bg{
margin-top: 22px;
top: 0px !important;
}
}
@media ((min-width:731px) and (max-width:1223px)) {
.article-buttons.show-bg{
top: 18px;
}
}
@media ((min-width:993px) and (max-width:1190px)) {
.article--viewer .media{
position: relative;
}
.article--viewer .media{
margin-bottom: 25px !important;
}
}
uchPoints > 1 && (isSafari || isMozilla || navigator.userAgentData.mobile)){
$('.openInApp').css({
display: "block"
});
$('#scrollTopBtn').css({
bottom: "44px"
});
//adding a new class to check stats for clicks on iOS and Android
isIOS ? jQuery('.openInAppLink').addClass("oia-iOS") : $('.openInAppLink').addClass("oia-android"); //for openInApp Link
}
}