Willkommen bei WordPress. Dies ist dein erster Beitrag. Bearbeite oder lösche ihn und beginne mit dem Schreiben!
Hallo Welt!
von raredesign | Dez 3, 2019 | Allgemein | 0 Kommentare
Cokiee Shell
| Current Path : /var/www/web28/html/wp-content/plugins/wp-statistics/assets/dev/sass/pages/ |
| Current File : //var/www/web28/html/wp-content/plugins/wp-statistics/assets/dev/sass/pages/authors.scss |
#authors-performance {
display: flex;
gap: 8px;
flex-direction: column;
@media(min-width: 759px) {
flex-direction: row;
}
#wps-postbox-container-1 {
display: inline-flex;
flex-direction: column;
gap: 8px;
@media(min-width: 758px) {
width: 304px;
}
}
#wps-postbox-container-2 {
display: inline-flex;
flex-direction: column;
gap: 8px;
margin: 0;
@media(min-width: 759px) {
width: calc(100% - 308px);
float: none;
}
}
.wps-card {
padding: 24px;
gap: 24px;
border-radius: 8px;
background: #fff;
border: 1px solid #DADCE0;
&__sums {
gap: 24px;
display: flex;
flex-direction: column;
&.wps-card__sums--two-row {
.wps-card__summary {
flex-wrap: wrap;
gap: 24px;
& > div {
flex: 1 1 calc(50% - 24px);
min-width: calc(50% - 24px);
width: calc(50% - 24px);
&.wps-card__summary--total-avg , &.wps-card__summary--avg {
align-items: flex-end;
span:first-child {
justify-content: flex-end;
}
span:last-child{
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
text-align: right;
.rtl &{
text-align: left;
}
}
}
&.wps-card__summary--total span:first-child{
color: #5100fd !important;
}
}
}
}
&--authors{
.wps-card__summary{
flex-wrap: wrap;
gap: 24px;
div.wps-card__summary--active, div.wps-card__summary--avg{
span{
display: flex;
justify-content: flex-end!important;
&:last-child{
text-align: right;
.rtl &{
text-align: left;
}
}
}
}
div.wps-card__summary--publish{
span{
display: flex;
justify-content: flex-start !important;
&:first-child{
color: #5100fd !important;
}
&:last-child{
text-align: left;
.rtl &{
text-align: right;
}
}
}
}
&>div{
flex: 1 1 calc(50% - 24px);
min-width: calc(50% - 24px);
width: calc(50% - 24px);
div{
flex-direction: column;
display: flex;
gap: 2px;
align-items: center;
}
}
}
}
}
&__title {
h2 {
margin: 0;
color: #0C0C0D;
font-size: 14px;
font-weight: 500;
line-height: 16.41px;
display: flex;
align-items: center;
gap: 4px;
padding: 0;
}
p {
font-size: 12px;
font-weight: 400;
line-height: 14.06px;
color: #56585A;
}
.wps-tooltip {
display: flex;
.wps-tooltip-icon.info {
background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTUgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjQ5OTY3IDAuMzQzNzVDMy44MTc2NyAwLjM0Mzc1IDAuODMzMDA4IDMuMzI4NDIgMC44MzMwMDggNy4wMTA0MkMwLjgzMzAwOCAxMC42OTI0IDMuODE3NjcgMTMuNjc3MSA3LjQ5OTY3IDEzLjY3NzFDMTEuMTgxNyAxMy42NzcxIDE0LjE2NjMgMTAuNjkyNCAxNC4xNjYzIDcuMDEwNDJDMTQuMTY2MyAzLjMyODQyIDExLjE4MTcgMC4zNDM3NSA3LjQ5OTY3IDAuMzQzNzVaTTcuNDk5NjcgMS42NzcwOEM4LjkxNDE2IDEuNjc3MDggMTAuMjcwNyAyLjIzODk5IDExLjI3MDkgMy4yMzkxOEMxMi4yNzExIDQuMjM5MzcgMTIuODMzIDUuNTk1OTMgMTIuODMzIDcuMDEwNDJDMTIuODMzIDguNDI0OSAxMi4yNzExIDkuNzgxNDYgMTEuMjcwOSAxMC43ODE3QzEwLjI3MDcgMTEuNzgxOCA4LjkxNDE2IDEyLjM0MzcgNy40OTk2NyAxMi4zNDM3QzYuMDg1MTkgMTIuMzQzNyA0LjcyODYzIDExLjc4MTggMy43Mjg0NCAxMC43ODE3QzIuNzI4MjQgOS43ODE0NiAyLjE2NjM0IDguNDI0OSAyLjE2NjM0IDcuMDEwNDJDMi4xNjYzNCA1LjU5NTkzIDIuNzI4MjQgNC4yMzkzNyAzLjcyODQ0IDMuMjM5MThDNC43Mjg2MyAyLjIzODk5IDYuMDg1MTkgMS42NzcwOCA3LjQ5OTY3IDEuNjc3MDhaTTcuNDk5NjcgMy42NzcwOEM3LjMyMjg2IDMuNjc3MDggNy4xNTMyOSAzLjc0NzMyIDcuMDI4MjcgMy44NzIzNUM2LjkwMzI1IDMuOTk3MzcgNi44MzMwMSA0LjE2Njk0IDYuODMzMDEgNC4zNDM3NUM2LjgzMzAxIDQuNTIwNTYgNi45MDMyNSA0LjY5MDEzIDcuMDI4MjcgNC44MTUxNUM3LjE1MzI5IDQuOTQwMTggNy4zMjI4NiA1LjAxMDQyIDcuNDk5NjcgNS4wMTA0MkM3LjY3NjQ5IDUuMDEwNDIgNy44NDYwNiA0Ljk0MDE4IDcuOTcxMDggNC44MTUxNUM4LjA5NjEgNC42OTAxMyA4LjE2NjM0IDQuNTIwNTYgOC4xNjYzNCA0LjM0Mzc1QzguMTY2MzQgNC4xNjY5NCA4LjA5NjEgMy45OTczNyA3Ljk3MTA4IDMuODcyMzVDNy44NDYwNiAzLjc0NzMyIDcuNjc2NDkgMy42NzcwOCA3LjQ5OTY3IDMuNjc3MDhaTTYuODMzMDEgNS42NzcwOEM2LjY1NjIgNS42NzcwOCA2LjQ4NjYzIDUuNzQ3MzIgNi4zNjE2IDUuODcyMzVDNi4yMzY1OCA1Ljk5NzM3IDYuMTY2MzQgNi4xNjY5NCA2LjE2NjM0IDYuMzQzNzVDNi4xNjYzNCA2LjY2NTA4IDYuNDA1NjcgNi45MDUwOCA2LjcwNzY3IDYuOTY5MDhMNi4zMTIzNCA4Ljg4NTA4QzYuMTU3NjcgOS42NTkwOCA2LjcxMTAxIDEwLjM0MzcgNy40OTkwMSAxMC4zNDM3SDguMTY1NjdDOC4zNDI0OSAxMC4zNDM3IDguNTEyMDUgMTAuMjczNSA4LjYzNzA4IDEwLjE0ODVDOC43NjIxIDEwLjAyMzUgOC44MzIzNCA5Ljg1Mzg5IDguODMyMzQgOS42NzcwOEM4LjgzMjM0IDkuNTAwMjcgOC43NjIxIDkuMzMwNyA4LjYzNzA4IDkuMjA1NjhDOC41MTIwNSA5LjA4MDY1IDguMzQyNDkgOS4wMTA0MiA4LjE2NTY3IDkuMDEwNDJINy42NDU2N0w4LjE0NTY3IDYuNDY5MDhDOC4xNjU3NiA2LjM3MzE0IDguMTY0MTMgNi4yNzM5MSA4LjE0MDkgNi4xNzg2OEM4LjExNzY4IDYuMDgzNDQgOC4wNzM0NSA1Ljk5NDYgOC4wMTE0NSA1LjkxODY3QzcuOTQ5NDYgNS44NDI3NCA3Ljg3MTI2IDUuNzgxNjQgNy43ODI1OSA1LjczOTg0QzcuNjkzOTMgNS42OTgwNCA3LjU5NzAzIDUuNjc2NTkgNy40OTkwMSA1LjY3NzA4SDYuODMzMDFaIiBmaWxsPSIjNTY1ODVBIi8+Cjwvc3ZnPgo=");
}
}
}
.wps-card__summary--avg span{
display: flex;
align-items: flex-end;
}
.wps-card__summary {
display: flex;
justify-content: space-between;
flex-direction: row;
span{
display: flex;
justify-content: space-between;
width: 100%;
}
div:first-child span:first-child {
color: #5100FD !important;
justify-content: flex-start;
align-items: flex-start;
}
div {
display: flex;
flex-direction: column;
gap: 2px;
&.wps-card__summary--avg{
justify-content: flex-end;
span:first-child{
justify-content: flex-end;
}
span:last-child{
text-align: right;
.rtl &{
text-align: left;
}
}
}
span:first-child {
font-size: 25px;
font-weight: 600;
line-height: 29.3px;
display: flex;
color: #0C0C0D;
}
span:last-child {
font-size: 11px;
font-weight: 500;
line-height: 12.89px;
letter-spacing: 0.01em;
color: #56585A;
width: 120px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
}
}
}
.wps-card__chart-matrix {
border: 1px solid #DADCE0;
padding: 10px;
border-radius: 4px;
overflow-x: auto;
.chart-container {
height: 145px;
min-width: 869px;
}
}
.wps-card__chart-guide {
display: flex;
justify-content: flex-end;
margin-top: 10px;
&--items {
display: flex;
gap: 4px;
font-size: 12px;
font-weight: 400;
line-height: 14.52px;
color: #000;
align-items: center;
ul {
margin: 0;
li {
width: 15.59px;
height: 16.1px;
border-radius: 4px;
display: inline-block;
margin: 0;
&:first-child {
background: #E8EAEE;
}
&:nth-child(2) {
background: #B28DFF;
}
&:nth-child(3) {
background: #5100FD;
}
&:nth-child(4) {
background: #4915B9;
}
&:nth-child(5) {
background: #250766;
}
}
}
}
}
.c-footer {
display: flex;
justify-content: flex-end;
padding: 0;
&__more__link {
font-size: 12px;
font-weight: 500;
line-height: 14.06px;
display: flex;
gap: 8px;
align-items: center;
&:after {
content: '';
width: 16px;
height: 16px;
display: inline-block;
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF83ODMwXzM0MzIpIj4KPHBhdGggZD0iTTEwLjExMTggMy43MTI4OUw5LjM5OTEyIDQuNDI1NjFMMTIuNTcwNiA3LjU5NzFMMC41IDcuNjAxMDdWOC42MDUwNUgxMi41NzA2TDkuMzk5MTIgMTEuNzc2NUwxMC4xMTE4IDEyLjQ4OTJMMTQuNSA4LjEwMTA1TDEwLjExMTggMy43MTI4OVoiIGZpbGw9IiM0MDRCRjIiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF83ODMwXzM0MzIiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUgMC4xMDE1NjIpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center/contain no-repeat;
.rtl & {
transform: rotate(180deg);
}
}
}
}
.wps-flex-container {
margin-left: -24px;
margin-right: -24px;
flex-direction: column;
.wps-flex-half:first-child .wps-author-tabs {
border-bottom: 1px solid #DADCE0;
margin-bottom: 0;
padding-bottom: 20px;
@media (min-width: 1192px) {
border-right: 1px solid #DADCE0;
border-bottom: 0;
margin-bottom: 20px;
padding-bottom: 0;
}
}
.wps-author-tabs {
margin-top: 20px;
margin-bottom: 20px;
& > label:first-of-type {
margin-left: 15px;
}
& > label:last-of-type {
margin-right: 15px;
}
@media(max-width: 758px){
.tooltip-premium--side{
transform: none;
top: 100%;
}
.tooltip-premium--left{
left: 5px;
right: unset;
padding-top: 5px;
.rtl &{
right: 5px;
left: unset;
}
#tooltip_content{
position: relative;
&:after, &:before {
bottom: 100%;
top: unset;
left: 30px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
transform: none;
.rtl & {
left: unset;
right: 30px;
}
}
&:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #404bf20d;
border-width: 5px;
}
&:before {
border-color: rgba(221, 224, 232, 0);
border-bottom-color: #dde0e8;
border-width: 6px;
margin-left: -1px;
.rtl & {
margin-left: 0;
margin-right: -1px;
}
}
}
}
}
}
@media (min-width: 1192px) {
flex-direction: row;
.wps-flex-half {
flex: 1;
}
.wps-author-tabs {
& > label:first-of-type {
margin-left: 24px;
.rtl &{
margin-left: 0;
margin-right: 24px;
}
}
}
}
}
.wps-scatter-chart {
margin-top: 20px;
overflow-x: auto;
.chart-container {
@media(max-width: 700px) {
min-width: 500px;
}
canvas {
height: 500px;
}
}
}
}
.wps-author-tabs {
display: flex;
flex-wrap: wrap;
label {
order: 1;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: background ease 0.3s;
font-size: 13px;
font-weight: 500;
line-height: 24px;
text-align: left;
color: #5F636C !important;
padding: 0 6px 6px;
@media (min-width: 376px) {
padding: 0 12px 6px;
}
}
@media(max-width: 758px){
}
.wps-author-tabs__content {
order: 9;
flex-grow: 1;
width: 100%;
height: 100%;
display: none;
background: #fff;
padding-top: 20px;
.wps-tooltip-premium{
background: #FAFAFB;
&:hover{
background: #F4F4FB;
.wps-author-tabs__item--content{
h3 , span{
color:#ADB4C1!important;
}
}
}
.wps-author-tabs__item--image span{
background: transparent;
z-index: 2;
a{
width: 39px;
height: 39px;
display: inline-block;
background-size: 17px;
background-repeat: no-repeat;
background-position: center;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMS40NDkyMkM0Ljg1MzU3IDEuNDQ5MjIgMS41IDQuODAyNzkgMS41IDguOTQ5MjJDMS41IDEwLjUwMjggMS45NjA3MSAxMS45Mjc4IDIuNzUzNTcgMTMuMTE3MUMzLjkxMDcxIDE0LjgzMTQgNS43NDI4NiAxNi4wNDIxIDcuODc1IDE2LjM1MjhDOC4yMzkyOSAxNi40MTcxIDguNjE0MjkgMTYuNDQ5MiA5IDE2LjQ0OTJDOS4zODU3MSAxNi40NDkyIDkuNzYwNzEgMTYuNDE3MSAxMC4xMjUgMTYuMzUyOEMxMi4yNTcxIDE2LjA0MjEgMTQuMDg5MyAxNC44MzE0IDE1LjI0NjQgMTMuMTE3MUMxNi4wMzkzIDExLjkyNzggMTYuNSAxMC41MDI4IDE2LjUgOC45NDkyMkMxNi41IDQuODAyNzkgMTMuMTQ2NCAxLjQ0OTIyIDkgMS40NDkyMlpNMTIuMjc4NiA4LjcxMzVMMTEuMzg5MyA5LjYwMjc5QzExLjIzOTMgOS43NTI3OSAxMS4xNTM2IDEwLjA0MjEgMTEuMjA3MSAxMC4yNTY0TDExLjQ2NDMgMTEuMzU5OUMxMS42Njc5IDEyLjIyNzggMTEuMjA3MSAxMi41NzA2IDEwLjQzNTcgMTIuMTA5OUw5LjM2NDI5IDExLjQ3NzhDOS4xNzE0MyAxMS4zNTk5IDguODUgMTEuMzU5OSA4LjY1NzE0IDExLjQ3NzhMNy41ODU3MSAxMi4xMDk5QzYuODE0MjkgMTIuNTU5OSA2LjM1MzU3IDEyLjIyNzggNi41NTcxNCAxMS4zNTk5TDYuODE0MjkgMTAuMjU2NEM2Ljg1NzE0IDEwLjA1MjggNi43ODIxNCA5Ljc1Mjc5IDYuNjMyMTQgOS42MDI3OUw1LjcyMTQzIDguNzEzNUM1LjE5NjQzIDguMTg4NSA1LjM2Nzg2IDcuNjYzNSA2LjA5NjQzIDcuNTQ1NjVMNy4yNDI4NiA3LjM1Mjc5QzcuNDM1NzEgNy4zMjA2NSA3LjY2MDcxIDcuMTQ5MjIgNy43NDY0MyA2Ljk3Nzc5TDguMzc4NTcgNS43MTM1QzguNzIxNDMgNS4wMjc3OSA5LjI3ODU3IDUuMDI3NzkgOS42MjE0MyA1LjcxMzVMMTAuMjUzNiA2Ljk3Nzc5QzEwLjMzOTMgNy4xNDkyMiAxMC41NjQzIDcuMzIwNjUgMTAuNzY3OSA3LjM1Mjc5TDExLjkxNDMgNy41NDU2NUMxMi42MzIxIDcuNjYzNSAxMi44MDM2IDguMTg4NSAxMi4yNzg2IDguNzEzNVoiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") ;
}
}
.wps-author-tabs__item img , .wps-author-tabs__item svg{
opacity: 10%;
}
.wps-author-tabs__item--content{
h3 , span{
color:#BFC2C9!important;
}
}
}
}
input[type="radio"] {
display: none;
}
input[type="radio"]:checked + label {
color: #0C0C0D !important;
border-bottom: 1px solid #404BF2
}
.wps-author-tabs__item {
display: flex;
gap: 8px;
padding: 5px 24px;
img, svg {
width: 39px;
height: 39px;
border-radius: 50%;
overflow: hidden;
display: inline-flex;
}
&--image {
position: relative;
span {
position: absolute;
color: #fff;
width: 39px;
height: 39px;
border-radius: 50%;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 18.75px;
background: #1f192dcc;
display: none;
}
}
&--content {
display: flex;
flex-direction: column;
padding: 5px 0;
gap: 3px;
h3 {
font-size: 14px;
font-weight: 400;
line-height: 16.41px;
color: #56585A;
margin: 0;
word-break: break-word;
}
span {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 14.06px;
color: #56585A;
}
}
&:hover {
background: #EEEFF1;
h3 {
color: #404BF2;
}
.wps-author-tabs__item--image span {
display: flex;
}
}
}
input[type="radio"]:checked + label + .wps-author-tabs__content {
display: block;
}
}
#authors-performance #wps-postbox-container-2 .o-table-wrapper {
margin-right: -24px;
margin-left: -24px;
}
.o-table-wrapper .wps-authors-table {
margin-top: 13px;
thead {
th {
color: #56585A !important;
white-space: nowrap;
&:not(.wps-pd-l) {
padding-left: 0 !important;
}
&.wps-pd-l {
padding-left: 24px !important;
}
a {
color: #56585A !important;
display: flex;
align-items: center;
gap: 5px;
font-weight: 400 !important;
&:hover {
color: #A9AAAE !important;
}
&.sort:after {
content: '';
width: 14px;
height: 14px;
display: inline-block;
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC4wNjE0IDguNUMxMC40OTk4IDguNSAxMC43NDgzIDguOTUwNSAxMC41MTQzIDkuMjc0N0wxMC40Nzc1IDkuMzIwMDlMNy43NjkyMSAxMi4zMjAxQzcuNTY3MDkgMTIuNTQ0IDcuMjA1OTMgMTIuNTU4OSA2Ljk4MjYgMTIuMzY0OUw2LjkzNjk3IDEyLjMyMDFMNC4yMjg2MyA5LjMyMDA5QzMuOTQ3OTkgOS4wMDkyMyA0LjE2MzgzIDguNTQ0NiA0LjU4MzQ1IDguNTAzTDQuNjQ0NzUgOC41SDEwLjA2MTRaIiBmaWxsPSIjQ0JDQkNEIi8+CjxwYXRoIGQ9Ik03LjcyMzU3IDIuNjM1MTNDNy41MDAyNCAyLjQ0MTEgNy4xMzkwOSAyLjQ1NjAyIDYuOTM2OTcgMi42Nzk5MUw0LjIyODYzIDUuNjc5OTFMNC4xOTE4OSA1LjcyNTNDMy45NTc4NyA2LjA0OTUgNC4yMDYzOCA2LjUgNC42NDQ3NSA2LjVIMTAuMDYxNEwxMC4xMjI3IDYuNDk3QzEwLjU0MjMgNi40NTU0IDEwLjc1ODIgNS45OTA3NyAxMC40Nzc1IDUuNjc5OTFMNy43NjkyMSAyLjY3OTkxTDcuNzIzNTcgMi42MzUxM1oiIGZpbGw9IiNDQkNCQ0QiLz4KPC9zdmc+Cg==") center center /contain no-repeat;
}
&.sort.desc:after {
width: 11.18px;
height: 10px;
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTIgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI5NjUzIDMuNUM4LjczNDkgMy41IDguOTgzNDEgMy45NTA1IDguNzQ5MzkgNC4yNzQ3TDguNzEyNjUgNC4zMjAwOUw2LjAwNDMxIDcuMzIwMDlDNS44MDIxOSA3LjU0Mzk4IDUuNDQxMDQgNy41NTg5IDUuMjE3NzEgNy4zNjQ4N0w1LjE3MjA3IDcuMzIwMDlMMi40NjM3NCA0LjMyMDA5QzIuMTgzMSA0LjAwOTIzIDIuMzk4OTMgMy41NDQ2IDIuODE4NTYgMy41MDNMMi44Nzk4NiAzLjVIOC4yOTY1M1oiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center /contain no-repeat;
}
&.sort.asc:after {
width: 11.18px;
height: 10px;
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTIgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjEzNTE5IDMuNjM1MTNDNS45MTE4NyAzLjQ0MTEgNS41NTA3MSAzLjQ1NjAyIDUuMzQ4NTkgMy42Nzk5MUwyLjY0MDI1IDYuNjc5OTFMMi42MDM1MSA2LjcyNTNDMi4zNjk0OSA3LjA0OTUgMi42MTggNy41IDMuMDU2MzcgNy41SDguNDczMDRMOC41MzQzNCA3LjQ5N0M4Ljk1Mzk3IDcuNDU1NCA5LjE2OTggNi45OTA3NyA4Ljg4OTE2IDYuNjc5OTFMNi4xODA4MyAzLjY3OTkxTDYuMTM1MTkgMy42MzUxM1oiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center /contain no-repeat;
}
}
.wps-tooltip {
height: 13.3px;
.wps-tooltip-icon.info {
background-image: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTUgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03LjQ5OTY3IDAuMzQxNzk3QzMuODE3NjcgMC4zNDE3OTcgMC44MzMwMDggMy4zMjY0NiAwLjgzMzAwOCA3LjAwODQ2QzAuODMzMDA4IDEwLjY5MDUgMy44MTc2NyAxMy42NzUxIDcuNDk5NjcgMTMuNjc1MUMxMS4xODE3IDEzLjY3NTEgMTQuMTY2MyAxMC42OTA1IDE0LjE2NjMgNy4wMDg0NkMxNC4xNjYzIDMuMzI2NDYgMTEuMTgxNyAwLjM0MTc5NyA3LjQ5OTY3IDAuMzQxNzk3Wk03LjQ5OTY3IDEuNjc1MTNDOC45MTQxNiAxLjY3NTEzIDEwLjI3MDcgMi4yMzcwMyAxMS4yNzA5IDMuMjM3MjNDMTIuMjcxMSA0LjIzNzQyIDEyLjgzMyA1LjU5Mzk4IDEyLjgzMyA3LjAwODQ2QzEyLjgzMyA4LjQyMjk1IDEyLjI3MTEgOS43Nzk1MSAxMS4yNzA5IDEwLjc3OTdDMTAuMjcwNyAxMS43Nzk5IDguOTE0MTYgMTIuMzQxOCA3LjQ5OTY3IDEyLjM0MThDNi4wODUxOSAxMi4zNDE4IDQuNzI4NjMgMTEuNzc5OSAzLjcyODQ0IDEwLjc3OTdDMi43MjgyNCA5Ljc3OTUxIDIuMTY2MzQgOC40MjI5NSAyLjE2NjM0IDcuMDA4NDZDMi4xNjYzNCA1LjU5Mzk4IDIuNzI4MjQgNC4yMzc0MiAzLjcyODQ0IDMuMjM3MjNDNC43Mjg2MyAyLjIzNzAzIDYuMDg1MTkgMS42NzUxMyA3LjQ5OTY3IDEuNjc1MTNaTTcuNDk5NjcgMy42NzUxM0M3LjMyMjg2IDMuNjc1MTMgNy4xNTMyOSAzLjc0NTM3IDcuMDI4MjcgMy44NzAzOUM2LjkwMzI1IDMuOTk1NDIgNi44MzMwMSA0LjE2NDk5IDYuODMzMDEgNC4zNDE4QzYuODMzMDEgNC41MTg2MSA2LjkwMzI1IDQuNjg4MTggNy4wMjgyNyA0LjgxMzJDNy4xNTMyOSA0LjkzODIzIDcuMzIyODYgNS4wMDg0NiA3LjQ5OTY3IDUuMDA4NDZDNy42NzY0OSA1LjAwODQ2IDcuODQ2MDYgNC45MzgyMyA3Ljk3MTA4IDQuODEzMkM4LjA5NjEgNC42ODgxOCA4LjE2NjM0IDQuNTE4NjEgOC4xNjYzNCA0LjM0MThDOC4xNjYzNCA0LjE2NDk5IDguMDk2MSAzLjk5NTQyIDcuOTcxMDggMy44NzAzOUM3Ljg0NjA2IDMuNzQ1MzcgNy42NzY0OSAzLjY3NTEzIDcuNDk5NjcgMy42NzUxM1pNNi44MzMwMSA1LjY3NTEzQzYuNjU2MiA1LjY3NTEzIDYuNDg2NjMgNS43NDUzNyA2LjM2MTYgNS44NzAzOUM2LjIzNjU4IDUuOTk1NDIgNi4xNjYzNCA2LjE2NDk5IDYuMTY2MzQgNi4zNDE4QzYuMTY2MzQgNi42NjMxMyA2LjQwNTY3IDYuOTAzMTMgNi43MDc2NyA2Ljk2NzEzTDYuMzEyMzQgOC44ODMxM0M2LjE1NzY3IDkuNjU3MTMgNi43MTEwMSAxMC4zNDE4IDcuNDk5MDEgMTAuMzQxOEg4LjE2NTY3QzguMzQyNDkgMTAuMzQxOCA4LjUxMjA1IDEwLjI3MTYgOC42MzcwOCAxMC4xNDY1QzguNzYyMSAxMC4wMjE1IDguODMyMzQgOS44NTE5NCA4LjgzMjM0IDkuNjc1MTNDOC44MzIzNCA5LjQ5ODMyIDguNzYyMSA5LjMyODc1IDguNjM3MDggOS4yMDM3MkM4LjUxMjA1IDkuMDc4NyA4LjM0MjQ5IDkuMDA4NDYgOC4xNjU2NyA5LjAwODQ2SDcuNjQ1NjdMOC4xNDU2NyA2LjQ2NzEzQzguMTY1NzYgNi4zNzExOCA4LjE2NDEzIDYuMjcxOTYgOC4xNDA5IDYuMTc2NzJDOC4xMTc2OCA2LjA4MTQ5IDguMDczNDUgNS45OTI2NSA4LjAxMTQ1IDUuOTE2NzJDNy45NDk0NiA1Ljg0MDc5IDcuODcxMjYgNS43Nzk2OSA3Ljc4MjU5IDUuNzM3ODhDNy42OTM5MyA1LjY5NjA4IDcuNTk3MDMgNS42NzQ2NCA3LjQ5OTAxIDUuNjc1MTNINi44MzMwMVoiIGZpbGw9IiNEQURDRTAiLz4KPC9zdmc+Cg==");
}
}
&:last-child:not(.start) {
text-align: right !important;
.rtl & {
text-align: left !important;
}
a {
justify-content: flex-end;
}
}
}
}
tbody {
td {
padding-left: 0 !important;
color: #0C0C0D;
font-size: 13px;
&.wps-author-posts{
max-width:350px!important;
.wps-author-post--name {
max-width:350px!important;
display: flex!important;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
gap:8px;
svg,img{
width: 27px;
height: 27px;
border-radius: 50%;
object-fit: contain;
}
span{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
svg{
flex-shrink: 0;
vertical-align: middle;
}
}
}
&.wps-pd-l {
padding-left: 24px !important;
}
&.view-more {
text-align: right !important;
width: 245px;
box-sizing: border-box;
a:not(.js-wps-openPremiumModal) {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 4px;
padding: 4px 24px;
color: #0c0c0d !important;
font-size: 12px;
line-height: 170%;
border: 1px solid #eeeff1;
border-radius: 4px;
background: #fff;
&:after {
content: '';
width: 12px;
height: 12px;
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjAxMTcyIDEwLjg3NUM3Ljc0NjA5IDEwLjg3NSA5LjMzOTg0IDkuOTYwOTQgMTAuMjMwNSA4LjQzNzVDMTEuMDk3NyA2LjkzNzUgMTEuMDk3NyA1LjA4NTk0IDEwLjIzMDUgMy41NjI1QzkuMzM5ODQgMi4wNjI1IDcuNzQ2MDkgMS4xMjUgNi4wMTE3MiAxLjEyNUM0LjI1MzkxIDEuMTI1IDIuNjYwMTYgMi4wNjI1IDEuNzY5NTMgMy41NjI1QzAuOTAyMzQ0IDUuMDg1OTQgMC45MDIzNDQgNi45Mzc1IDEuNzY5NTMgOC40Mzc1QzIuNjYwMTYgOS45NjA5NCA0LjI1MzkxIDEwLjg3NSA2LjAxMTcyIDEwLjg3NVpNNi4wMTE3MiAwQzguMTQ0NTMgMCAxMC4xMTMzIDEuMTQ4NDQgMTEuMTkxNCAzQzEyLjI2OTUgNC44NzUgMTIuMjY5NSA3LjE0ODQ0IDExLjE5MTQgOUMxMC4xMTMzIDEwLjg3NSA4LjE0NDUzIDEyIDYuMDExNzIgMTJDMy44NTU0NyAxMiAxLjg4NjcyIDEwLjg3NSAwLjgwODU5NCA5Qy0wLjI2OTUzMSA3LjE0ODQ0IC0wLjI2OTUzMSA0Ljg3NSAwLjgwODU5NCAzQzEuODg2NzIgMS4xNDg0NCAzLjg1NTQ3IDAgNi4wMTE3MiAwWk02Ljc2MTcyIDZDNi43NjE3MiA2LjQyMTg4IDYuNDEwMTYgNi43NSA2LjAxMTcyIDYuNzVDNS41ODk4NCA2Ljc1IDUuMjYxNzIgNi40MjE4OCA1LjI2MTcyIDZDNS4yNjE3MiA1LjYwMTU2IDUuNTg5ODQgNS4yNSA2LjAxMTcyIDUuMjVDNi40MTAxNiA1LjI1IDYuNzYxNzIgNS42MDE1NiA2Ljc2MTcyIDZaTTguMjYxNzIgNS4yNUM4LjY2MDE2IDUuMjUgOS4wMTE3MiA1LjYwMTU2IDkuMDExNzIgNkM5LjAxMTcyIDYuNDIxODggOC42NjAxNiA2Ljc1IDguMjYxNzIgNi43NUM3LjgzOTg0IDYuNzUgNy41MTE3MiA2LjQyMTg4IDcuNTExNzIgNkM3LjUxMTcyIDUuNjAxNTYgNy44Mzk4NCA1LjI1IDguMjYxNzIgNS4yNVpNNC41MTE3MiA2QzQuNTExNzIgNi40MjE4OCA0LjE2MDE2IDYuNzUgMy43NjE3MiA2Ljc1QzMuMzM5ODQgNi43NSAzLjAxMTcyIDYuNDIxODggMy4wMTE3MiA2QzMuMDExNzIgNS42MDE1NiAzLjMzOTg0IDUuMjUgMy43NjE3MiA1LjI1QzQuMTYwMTYgNS4yNSA0LjUxMTcyIDUuNjAxNTYgNC41MTE3MiA2WiIgZmlsbD0iIzBDMEMwRCIvPgo8L3N2Zz4K") center center/contain no-repeat;
background:url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjEwIiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTAgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjkxNjY3IDIuMjVWMy4zMzMzM0gxLjIwODMzVjkuMjkxNjdINy4xNjY2N1Y2LjU4MzMzSDguMjVWOS44MzMzM0M4LjI1IDEwLjEzMjUgOC4wMDc1IDEwLjM3NSA3LjcwODMzIDEwLjM3NUgwLjY2NjY2N0MwLjM2NzUxNSAxMC4zNzUgMC4xMjUgMTAuMTMyNSAwLjEyNSA5LjgzMzMzVjIuNzkxNjdDMC4xMjUgMi40OTI1MiAwLjM2NzUxNSAyLjI1IDAuNjY2NjY3IDIuMjVIMy45MTY2N1pNOS44NzUgMC42MjVWNC45NTgzM0g4Ljc5MTY3TDguNzkxNjEgMi40NzM3MUw0LjU3MDUxIDYuNjk1NTFMMy44MDQ0OCA1LjkyOTQ5TDguMDI1MTUgMS43MDgzM0g1LjU0MTY3VjAuNjI1SDkuODc1WiIgZmlsbD0iIzBDMEMwRCIvPgo8L3N2Zz4K") center center/contain no-repeat;
}
&:hover {
background: #FAFAFB;
}
&.disabled {
cursor: default;
border-color: #DADCE0 !important;
background: #F0F0F1 !important;
opacity: 20%;
}
}
}
&:last-child:not(.start) {
text-align: right !important;
.rtl & {
text-align: left !important;
}
}
.wps-author-name {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
span {
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
max-width: 150px;
}
img {
width: 27px;
height: 27px;
object-fit: contain;
border-radius: 50%;
}
}
}
}
}
.wps-author-info {
display: flex;
justify-content: center;
gap: 12px;
flex-direction: column;
& > div:first-child {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
img {
border-radius: 50%;
width: 53px;
height: 53px;
object-fit: contain;
margin-bottom: 12px;
}
&__name {
font-size: 16px;
font-weight: 500;
line-height: 18.75px;
margin-bottom: 12px;
color: #404BF2;
display: inline-flex;
gap: 6px;
align-items: center;
&:hover:after {
filter: brightness(0);
}
&:after {
content: '';
width: 13.5px;
height: 13.5px;
display: inline-flex;
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDNWNC41SDIuMjVWMTIuNzVIMTAuNVY5SDEyVjEzLjVDMTIgMTMuOTE0MiAxMS42NjQyIDE0LjI1IDExLjI1IDE0LjI1SDEuNUMxLjA4NTc5IDE0LjI1IDAuNzUgMTMuOTE0MiAwLjc1IDEzLjVWMy43NUMwLjc1IDMuMzM1NzkgMS4wODU3OSAzIDEuNSAzSDZaTTE0LjI1IDAuNzVWNi43NUgxMi43NUwxMi43NDk5IDMuMzA5NzVMNi45MDUzMiA5LjE1NTMyTDUuODQ0NjcgOC4wOTQ2OEwxMS42ODg3IDIuMjVIOC4yNVYwLjc1SDE0LjI1WiIgZmlsbD0iIzQwNEJGMiIvPgo8L3N2Zz4K") center center/contain no-repeat;
}
}
&__desc {
display: block;
margin: 0;
color: #56585A;
font-size: 13px;
font-weight: 400;
line-height: 15.23px;
}
&__socials {
display: flex;
justify-content: center;
gap: 20px;
margin: 0;
li {
display: inline-flex;
padding: 4px;
border-radius: 2px;
a:hover {
opacity: .7;
}
i {
width: 22px;
height: 15px;
display: block;
&.mail {
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE5IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTkgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY4MDY2IDAuODk5NDE0SDE3Ljc1QzE3Ljk5NDEgMC44OTk0MTQgMTguMjA0MSAwLjk4NzMwNSAxOC4zNzk5IDEuMTYzMDlDMTguNTU1NyAxLjMzODg3IDE4LjY0MzYgMS41NDg4MyAxOC42NDM2IDEuNzkyOTdWMTYuMDc1MkMxOC42NDM2IDE2LjMxOTMgMTguNTU1NyAxNi41MjkzIDE4LjM3OTkgMTYuNzA1MUMxOC4yMDQxIDE2Ljg4MDkgMTcuOTk0MSAxNi45Njg4IDE3Ljc1IDE2Ljk2ODhIMS42ODA2NkMxLjQzNjUyIDE2Ljk2ODggMS4yMjY1NiAxNi44ODA5IDEuMDUwNzggMTYuNzA1MUMwLjg3NSAxNi41MjkzIDAuNzg3MTA5IDE2LjMxOTMgMC43ODcxMDkgMTYuMDc1MlYxLjc5Mjk3QzAuNzg3MTA5IDEuNTQ4ODMgMC44NzUgMS4zMzg4NyAxLjA1MDc4IDEuMTYzMDlDMS4yMjY1NiAwLjk4NzMwNSAxLjQzNjUyIDAuODk5NDE0IDEuNjgwNjYgMC44OTk0MTRaTTE2Ljg1NjQgNC42Nzg3MUw5Ljc4MTI1IDExLjAyMTVMMi41NzQyMiA0LjY2NDA2VjE1LjE4MTZIMTYuODU2NFY0LjY3ODcxWk0zLjAyODMyIDIuNjg2NTJMOS43NjY2IDguNjMzNzlMMTYuNDE3IDIuNjg2NTJIMy4wMjgzMloiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center/contain no-repeat;
}
&.phone {
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTcgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS4zODg3IDEuNzkyOTdIMi40Njc3N1YxNi4wNzUySDE0Ljk2MjlWNS4zNjcxOUgxMS4zODg3VjEuNzkyOTdaTTAuNjgwNjY0IDAuODg0NzY2QzAuNjgwNjY0IDAuNjQwNjI1IDAuNzY4NTU1IDAuNDM1NTQ3IDAuOTQ0MzM2IDAuMjY5NTMxQzEuMTIwMTIgMC4wOTM3NSAxLjMzMDA4IDAuMDA1ODU5MzggMS41NzQyMiAwLjAwNTg1OTM4SDEyLjI4MjJMMTYuNzUgNC40NzM2M1YxNi45Njg4QzE2Ljc1IDE3LjIxMjkgMTYuNjYyMSAxNy40MjI5IDE2LjQ4NjMgMTcuNTk4NkMxNi4zMjAzIDE3Ljc3NDQgMTYuMTEwNCAxNy44NjIzIDE1Ljg1NjQgMTcuODYyM0gxLjU1OTU3QzEuMzE1NDMgMTcuODYyMyAxLjEwNTQ3IDE3Ljc3NDQgMC45Mjk2ODggMTcuNTk4NkMwLjc2MzY3MiAxNy40MjI5IDAuNjgwNjY0IDE3LjIxMjkgMC42ODA2NjQgMTYuOTY4OFYwLjg4NDc2NlpNOC43MDgwMSA4LjQ4NzNDOC4wOTI3NyA4LjQ4NzMgNy41NjU0MyA4LjI3MjQ2IDcuMTI1OTggNy44NDI3N0M2LjY5NjI5IDcuNDAzMzIgNi40ODE0NSA2Ljg3NTk4IDYuNDgxNDUgNi4yNjA3NEM2LjQ4MTQ1IDUuNjM1NzQgNi42OTYyOSA1LjEwODQgNy4xMjU5OCA0LjY3ODcxQzcuNTY1NDMgNC4yMzkyNiA4LjA5Mjc3IDQuMDE5NTMgOC43MDgwMSA0LjAxOTUzQzkuMzMzMDEgNC4wMTk1MyA5Ljg2MDM1IDQuMjM5MjYgMTAuMjkgNC42Nzg3MUMxMC43Mjk1IDUuMTA4NCAxMC45NDkyIDUuNjM1NzQgMTAuOTQ5MiA2LjI2MDc0QzEwLjk0OTIgNi44NzU5OCAxMC43Mjk1IDcuNDAzMzIgMTAuMjkgNy44NDI3N0M5Ljg2MDM1IDguMjcyNDYgOS4zMzMwMSA4LjQ4NzMgOC43MDgwMSA4LjQ4NzNaTTQuNzIzNjMgMTMuMzk0NUM0Ljc4MjIzIDEyLjg5NjUgNC45MjM4MyAxMi40Mjc3IDUuMTQ4NDQgMTEuOTg4M0M1LjM3MzA1IDExLjU1ODYgNS42NjExMyAxMS4xODI2IDYuMDEyNyAxMC44NjA0QzYuMzc0MDIgMTAuNTM4MSA2Ljc4NDE4IDEwLjI4NDIgNy4yNDMxNiAxMC4wOTg2QzcuNzAyMTUgOS45MTMwOSA4LjE5MDQzIDkuODIwMzEgOC43MDgwMSA5LjgyMDMxQzkuMjI1NTkgOS44MjAzMSA5LjcxMzg3IDkuOTEzMDkgMTAuMTcyOSAxMC4wOTg2QzEwLjY0MTYgMTAuMjg0MiAxMS4wNTE4IDEwLjUzODEgMTEuNDAzMyAxMC44NjA0QzExLjc1NDkgMTEuMTgyNiAxMi4wNDc5IDExLjU1ODYgMTIuMjgyMiAxMS45ODgzQzEyLjUwNjggMTIuNDI3NyAxMi42NDg0IDEyLjg5NjUgMTIuNzA3IDEzLjM5NDVINC43MjM2M1oiIGZpbGw9IiM1NjU4NUEiLz4KPC9zdmc+Cg==") center center/contain no-repeat;
}
&.blog {
background: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTcgMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS44NTY0IDE3Ljg2MjNIMS41NzQyMkMxLjMzMDA4IDE3Ljg2MjMgMS4xMjAxMiAxNy43NzQ0IDAuOTQ0MzM2IDE3LjU5ODZDMC43Njg1NTUgMTcuNDIyOSAwLjY4MDY2NCAxNy4yMTI5IDAuNjgwNjY0IDE2Ljk2ODhWMC44OTk0MTRDMC42ODA2NjQgMC42NTUyNzMgMC43Njg1NTUgMC40NDUzMTIgMC45NDQzMzYgMC4yNjk1MzFDMS4xMjAxMiAwLjA5Mzc1IDEuMzMwMDggMC4wMDU4NTkzOCAxLjU3NDIyIDAuMDA1ODU5MzhIMTUuODU2NEMxNi4xMDA2IDAuMDA1ODU5MzggMTYuMzEwNSAwLjA5Mzc1IDE2LjQ4NjMgMC4yNjk1MzFDMTYuNjYyMSAwLjQ0NTMxMiAxNi43NSAwLjY1NTI3MyAxNi43NSAwLjg5OTQxNFYxNi45Njg4QzE2Ljc1IDE3LjIxMjkgMTYuNjYyMSAxNy40MjI5IDE2LjQ4NjMgMTcuNTk4NkMxNi4zMTA1IDE3Ljc3NDQgMTYuMTAwNiAxNy44NjIzIDE1Ljg1NjQgMTcuODYyM1pNMTQuOTYyOSAxNi4wNzUyVjEuNzkyOTdIMi40Njc3N1YxNi4wNzUySDE0Ljk2MjlaTTUuMTQ4NDQgNC40NzM2M0gxMi4yODIyVjYuMjYwNzRINS4xNDg0NFY0LjQ3MzYzWk01LjE0ODQ0IDguMDMzMkgxMi4yODIyVjkuODIwMzFINS4xNDg0NFY4LjAzMzJaTTUuMTQ4NDQgMTEuNjA3NEg5LjYwMTU2VjEzLjM5NDVINS4xNDg0NFYxMS42MDc0WiIgZmlsbD0iIzU2NTg1QSIvPgo8L3N2Zz4K") center center/contain no-repeat;
}
}
}
}
}
.wps-top-countries-table {
thead th:last-child {
text-align: right !important;
}
tbody tr {
td:nth-child(2) div {
display: flex;
gap: 6px;
align-items: center;
}
td:last-child span {
display: flex;
justify-content: flex-end;
}
}
}
.wps-top-categories__content, .wps-author-chart {
margin-top: 20px;
}
.wps-top-categories__content {
margin-right: -24px;
margin-left: -24px;
.wps-author-tabs .wps-author-tabs__item--content h3 {
color: #0C0C0D;
font-size: 14px;
font-weight: 400;
line-height: 16.41px;
}
}
.wps-top-categories__content label {
&:first-of-type {
margin-left: 24px;
}
&:last-of-type {
margin-right: 24px;
}
}
.rtl .wps-top-categories__content label {
&:first-of-type {
margin-left: unset;
margin-right: 24px;
}
&:last-of-type {
margin-right: unset;
margin-left: 24px;
}
}
.wps-author-chart {
.o-wrap--no-data{
padding-top: 0!important;
}
canvas {
margin: 0 auto;
max-width: 100%;
height: 0!important;
}
}
.wps-author-premium {
&-feature {
display: flex;
margin-bottom: 12px;
margin-top: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 32px;
border-radius: 8px;
border-width: 1px;
border-style: solid;
border-color: rgb(64, 75, 242);
border-image: initial;
background: rgb(255, 255, 255);
&__head {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 32px;
gap: 16px;
h1 {
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: rgb(12, 12, 13);
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
padding: 0px;
margin: 0px;
gap: 4px;
white-space: nowrap;
span {
color: rgb(64, 75, 242);
}
}
p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: rgb(86, 88, 90);
margin: 0px;
}
}
a.button-primary {
margin: 0 auto;
padding: 8px 16px 8px 41px;
border-radius: 4px !important;
font-size: 14px;
font-weight: 700 !important;
line-height: 22px !important;
background-size: 15px;
background-repeat: no-repeat;
background-color: #404bf2;
background-position: center left 16px;
background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTUgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljc1IDMuMjczNDRDOS41OTEzOCAzLjI3MzQ0IDEwLjI3MzQgMi41OTEzNyAxMC4yNzM0IDEuNzVIMTAuOTc2NkMxMC45NzY2IDIuNTkxMzcgMTEuNjU4NiAzLjI3MzQ0IDEyLjUgMy4yNzM0NFYzLjk3NjU2QzExLjY1ODYgMy45NzY1NiAxMC45NzY2IDQuNjU4NjMgMTAuOTc2NiA1LjVIMTAuMjczNEMxMC4yNzM0IDQuNjU4NjMgOS41OTEzOCAzLjk3NjU2IDguNzUgMy45NzY1NlYzLjI3MzQ0Wk0wLjYyNSA3LjM3NUMyLjY5NjA3IDcuMzc1IDQuMzc1IDUuNjk2MDcgNC4zNzUgMy42MjVINS42MjVDNS42MjUgNS42OTYwNyA3LjMwMzk0IDcuMzc1IDkuMzc1IDcuMzc1VjguNjI1QzcuMzAzOTQgOC42MjUgNS42MjUgMTAuMzAzOSA1LjYyNSAxMi4zNzVINC4zNzVDNC4zNzUgMTAuMzAzOSAyLjY5NjA3IDguNjI1IDAuNjI1IDguNjI1VjcuMzc1Wk0xMC43ODEyIDkuMjVDMTAuNzgxMiAxMC4zNzE4IDkuODcxODEgMTEuMjgxMiA4Ljc1IDExLjI4MTJWMTIuMjE4N0M5Ljg3MTgxIDEyLjIxODcgMTAuNzgxMiAxMy4xMjgyIDEwLjc4MTIgMTQuMjVIMTEuNzE4OEMxMS43MTg4IDEzLjEyODIgMTIuNjI4MiAxMi4yMTg3IDEzLjc1IDEyLjIxODdWMTEuMjgxMkMxMi42MjgyIDExLjI4MTIgMTEuNzE4OCAxMC4zNzE4IDExLjcxODggOS4yNUgxMC43ODEyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
&:hover, &:focus, &:active {
background-size: 15px;
background-repeat: no-repeat;
background-position: center left 16px;
background-color: #1e27bf;
background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE1IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTUgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04Ljc1IDMuMjczNDRDOS41OTEzOCAzLjI3MzQ0IDEwLjI3MzQgMi41OTEzNyAxMC4yNzM0IDEuNzVIMTAuOTc2NkMxMC45NzY2IDIuNTkxMzcgMTEuNjU4NiAzLjI3MzQ0IDEyLjUgMy4yNzM0NFYzLjk3NjU2QzExLjY1ODYgMy45NzY1NiAxMC45NzY2IDQuNjU4NjMgMTAuOTc2NiA1LjVIMTAuMjczNEMxMC4yNzM0IDQuNjU4NjMgOS41OTEzOCAzLjk3NjU2IDguNzUgMy45NzY1NlYzLjI3MzQ0Wk0wLjYyNSA3LjM3NUMyLjY5NjA3IDcuMzc1IDQuMzc1IDUuNjk2MDcgNC4zNzUgMy42MjVINS42MjVDNS42MjUgNS42OTYwNyA3LjMwMzk0IDcuMzc1IDkuMzc1IDcuMzc1VjguNjI1QzcuMzAzOTQgOC42MjUgNS42MjUgMTAuMzAzOSA1LjYyNSAxMi4zNzVINC4zNzVDNC4zNzUgMTAuMzAzOSAyLjY5NjA3IDguNjI1IDAuNjI1IDguNjI1VjcuMzc1Wk0xMC43ODEyIDkuMjVDMTAuNzgxMiAxMC4zNzE4IDkuODcxODEgMTEuMjgxMiA4Ljc1IDExLjI4MTJWMTIuMjE4N0M5Ljg3MTgxIDEyLjIxODcgMTAuNzgxMiAxMy4xMjgyIDEwLjc4MTIgMTQuMjVIMTEuNzE4OEMxMS43MTg4IDEzLjEyODIgMTIuNjI4MiAxMi4yMTg3IDEzLjc1IDEyLjIxODdWMTEuMjgxMkMxMi42MjgyIDExLjI4MTIgMTEuNzE4OCAxMC4zNzE4IDExLjcxODggOS4yNUgxMC43ODEyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
}
}
&__items {
margin-bottom: 24px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
gap: 8px 128px;
}
&__item {
font-size: 15px;
font-weight: 400;
line-height: 24px;
color: rgb(12, 12, 13);
min-width: 150px;
box-sizing: border-box;
padding-left: 28px;
position: relative;
box-sizing: border-box;
@media(min-width: 1270px) {
min-width: 398px;
}
&::before {
content: "";
width: 24px;
height: 24px;
display: inline-flex;
position: absolute;
left: 0px;
top: 0px;
background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4IiBoZWlnaHQ9IjEzIiB2aWV3Qm94PSIwIDAgMTggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljk5OTcgMTAuMTcyOEwxNi4xOTIxIDAuOTgwNDY5TDE3LjYwNjMgMi4zOTQ2OEw2Ljk5OTcgMTMuMDAxMkwwLjYzNTc0MiA2LjYzNzM1TDIuMDQ5OTYgNS4yMjMxNUw2Ljk5OTcgMTAuMTcyOFoiIGZpbGw9IiMxOTYxNDAiLz4KPC9zdmc+Cg==) center center / 16.97px 12.02px no-repeat;
}
}
&-image {
text-align: center;
img {
width: 100%;
margin: 0 auto;
}
}
&__info {
border-top: 1px solid #dadce0;
margin-bottom: 16px;
padding-top: 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #0c0c0d;
text-align: center;
width: 100%;
}
}Cokiee Shell Web 1.0, Coded By Razor
Neueste Kommentare