CHIEFSOFT\ameye
1228 lines
30 KiB
CSS
1228 lines
30 KiB
CSS
/**
|
|
* All of the CSS for your public-facing functionality should be
|
|
* included in this file.
|
|
*/
|
|
@font-face {
|
|
font-family: 'absolute-reviews-icons';
|
|
src: url("../../fonts/absolute-reviews-icons.woff") format("woff"), url("../../fonts/absolute-reviews-icons.ttf") format("truetype"), url("../../fonts/absolute-reviews-icons.svg") format("svg");
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
[class^="abr-icon-"],
|
|
[class*=" abr-icon-"] {
|
|
font-family: 'absolute-reviews-icons' !important;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.abr-icon-comment:before {
|
|
content: "\e905";
|
|
}
|
|
|
|
.abr-icon-eye:before {
|
|
content: "\e903";
|
|
}
|
|
|
|
.abr-icon-watch:before {
|
|
content: "\e904";
|
|
}
|
|
|
|
.abr-icon-funds-fill:before {
|
|
content: "\e902";
|
|
}
|
|
|
|
.abr-icon-x:before {
|
|
content: "\e901";
|
|
}
|
|
|
|
.abr-icon-check:before {
|
|
content: "\e900";
|
|
}
|
|
|
|
.abr-icon-star-half:before {
|
|
content: "\e938";
|
|
}
|
|
|
|
.abr-icon-star-full:before {
|
|
content: "\e939";
|
|
}
|
|
|
|
.abr-icon-star-empty:before {
|
|
content: "\e93a";
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
/*--------------------------------------------------------------*/
|
|
.abr-post-meta {
|
|
--abr-post-meta-color: #dee2e6;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
color: var(--abr-post-meta-color);
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.abr-post-meta li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.abr-post-meta li + li {
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.abr-post-meta li + li:before {
|
|
margin-right: 0.5rem;
|
|
content: "\b7";
|
|
}
|
|
|
|
.abr-meta-category .post-categories {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.abr-meta-category .post-categories li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.abr-meta-category .post-categories li + li {
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.abr-meta-category .post-categories li:not(:last-child):after {
|
|
content: ",";
|
|
}
|
|
|
|
.post-meta .abr-meta-category .post-categories {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.abr-meta-author span + a,
|
|
.abr-meta-author a + span {
|
|
margin-left: 0.25rem;
|
|
}
|
|
|
|
.abr-badge {
|
|
--abr-badge-color: #fff;
|
|
--abr-badge-border-radius: 30px;
|
|
display: inline-block;
|
|
padding: 0.2rem 0.25rem;
|
|
margin-left: 1rem;
|
|
line-height: 1;
|
|
color: var(--abr-badge-color);
|
|
border-radius: var(--abr-badge-border-radius);
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-0 {
|
|
background-color: #000000;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-1 {
|
|
background-color: #E00F15;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-2 {
|
|
background-color: #FE761E;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-3 {
|
|
background-color: #FFA61E;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-4 {
|
|
background-color: #DECB53;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-5 {
|
|
background-color: #DECB53;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-6 {
|
|
background-color: #E7D456;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-7 {
|
|
background-color: #52AA6B;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-8 {
|
|
background-color: #4DA065;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-9 {
|
|
background-color: #419759;
|
|
}
|
|
|
|
.abr-badge-primary.abr-review-badge-10 {
|
|
background-color: #33884B;
|
|
}
|
|
|
|
.abr-badge-text {
|
|
--abr-badge-text-color: #000000;
|
|
--abr-badge-text-border-radius: 30px;
|
|
display: inline-block;
|
|
margin-left: 1rem;
|
|
line-height: 1;
|
|
color: var(--abr-badge-text-color);
|
|
border-radius: var(--abr-badge-text-border-radius);
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-0 {
|
|
color: #000000;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-1 {
|
|
color: #E00F15;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-2 {
|
|
color: #FE761E;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-3 {
|
|
color: #FFA61E;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-4 {
|
|
color: #DECB53;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-5 {
|
|
color: #DECB53;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-6 {
|
|
color: #E7D456;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-7 {
|
|
color: #52AA6B;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-8 {
|
|
color: #4DA065;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-9 {
|
|
color: #419759;
|
|
}
|
|
|
|
.abr-badge-text-primary.abr-review-badge-text-10 {
|
|
color: #33884B;
|
|
}
|
|
|
|
.abr-review-line {
|
|
--abr-review-line-grid-gap: 2px;
|
|
display: grid;
|
|
grid-gap: var(--abr-review-line-grid-gap);
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.abr-review-slice {
|
|
--abr-review-slice-background-color: #e9ecef;
|
|
--abr-review-slice-height: 6px;
|
|
background-color: var(--abr-review-slice-background-color);
|
|
height: var(--abr-review-slice-height);
|
|
}
|
|
|
|
.abr-review-point-5 .abr-review-line {
|
|
grid-template-columns: repeat(5, 1fr);
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-line {
|
|
grid-template-columns: repeat(10, 1fr);
|
|
}
|
|
|
|
.abr-review-point-5 .abr-review-slice-active:nth-child(1) {
|
|
background-color: #E00F15;
|
|
}
|
|
|
|
.abr-review-point-5 .abr-review-slice-active:nth-child(2) {
|
|
background-color: #FFA61E;
|
|
}
|
|
|
|
.abr-review-point-5 .abr-review-slice-active:nth-child(3) {
|
|
background-color: #DECB53;
|
|
}
|
|
|
|
.abr-review-point-5 .abr-review-slice-active:nth-child(4) {
|
|
background-color: #52AA6B;
|
|
}
|
|
|
|
.abr-review-point-5 .abr-review-slice-active:nth-child(5) {
|
|
background-color: #419759;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(0) {
|
|
background-color: #000000;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(1) {
|
|
background-color: #E00F15;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(2) {
|
|
background-color: #FE761E;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(3) {
|
|
background-color: #FFA61E;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(4) {
|
|
background-color: #DECB53;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(5) {
|
|
background-color: #DECB53;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(6) {
|
|
background-color: #E7D456;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(7) {
|
|
background-color: #52AA6B;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(8) {
|
|
background-color: #4DA065;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(9) {
|
|
background-color: #419759;
|
|
}
|
|
|
|
.abr-review-point-10 .abr-review-slice-active:nth-child(10) {
|
|
background-color: #33884B;
|
|
}
|
|
|
|
.abr-review-progress {
|
|
--abr-review-progress-background: #e9ecef;
|
|
--abr-review-progress-height: 6px;
|
|
--abr-review-progress-border-radius: 4px;
|
|
background: var(--abr-review-progress-background);
|
|
height: var(--abr-review-progress-height);
|
|
border-radius: var(--abr-review-progress-border-radius);
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.abr-review-progressbar {
|
|
--abr-review-progressbar-height: 6px;
|
|
--abr-review-progressbar-border-radius: 4px;
|
|
height: var(--abr-review-progressbar-height);
|
|
border-radius: var(--abr-review-progressbar-border-radius);
|
|
}
|
|
|
|
.abr-review-progressbar-1 {
|
|
background: linear-gradient(to right, #E00F15 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-2 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-3 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-4 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-5 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, transparent 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-6 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, transparent 70%, transparent 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-7 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, transparent 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-8 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, #4DA065 80%, transparent 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-9 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, #4DA065 80%, #419759 90%, transparent 100%);
|
|
}
|
|
|
|
.abr-review-progressbar-10 {
|
|
background: linear-gradient(to right, #E00F15 10%, #FE761E 20%, #FFA61E 30%, #DECB53 40%, #DECB53 50%, #E7D456 60%, #52AA6B 70%, #4DA065 80%, #419759 90%, #33884B 100%);
|
|
}
|
|
|
|
.abr-review-stars {
|
|
--abr-review-star-empty-color: #e9ecef;
|
|
--abr-review-star-width: 1.125rem;
|
|
--abr-review-star-height: 1.125rem;
|
|
--abr-review-star-font-size: 1.125rem;
|
|
--abr-review-star-color: #FFE27F;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.abr-review-stars .screen-reader-text {
|
|
display: none;
|
|
}
|
|
|
|
.abr-review-stars .abr-star-full:before {
|
|
content: "\e939";
|
|
}
|
|
|
|
.abr-review-stars .abr-star-half:before {
|
|
content: "\e938";
|
|
}
|
|
|
|
.abr-review-stars .abr-star-empty:before {
|
|
content: "\e93a";
|
|
}
|
|
|
|
.abr-review-stars .abr-star.abr-star-empty {
|
|
color: var(--abr-review-star-empty-color);
|
|
}
|
|
|
|
.abr-review-stars .abr-star {
|
|
display: inline-block;
|
|
width: var(--abr-review-star-width);
|
|
height: var(--abr-review-star-height);
|
|
font-size: var(--abr-review-star-font-size);
|
|
line-height: 1;
|
|
font-family: 'absolute-reviews-icons';
|
|
text-decoration: inherit;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
vertical-align: top;
|
|
transition: color .1s ease-in;
|
|
text-align: center;
|
|
color: var(--abr-review-star-color);
|
|
margin-right: 0.125rem;
|
|
}
|
|
|
|
.abr-review-stars .abr-star:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
.abr-post-review {
|
|
--abr-review-text-font-size: 1rem;
|
|
--abr-review-text-font-weight: bold;
|
|
--abr-review-name-font-size: 0.75rem;
|
|
--abr-review-name-text-transform: uppercase;
|
|
--abr-review-name-color: #777777;
|
|
--abr-review-details-line-height: 1.5;
|
|
--abr-review-details-font-size: 1rem;
|
|
--abr-review-score-text-font-size: 3rem;
|
|
--abr-review-score-label-text-transform: uppercase;
|
|
--abr-review-score-label-font-size: 0.75rem;
|
|
--abr-review-score-label-font-weight: 700;
|
|
--abr-review-score-label-color: #777777;
|
|
--abr-review-score-info-background: #6c757d;
|
|
--abr-review-score-info-color: #fff;
|
|
--abr-review-score-info-border-radius: 50%;
|
|
--abr-review-score-info-font-size: 0.75rem;
|
|
--abr-review-score-info-width: 1rem;
|
|
--abr-review-score-info-height: 1rem;
|
|
--abr-review-score-info-popup-border-color: #e9ecef;
|
|
--abr-review-score-info-popup-background: #fff;
|
|
--abr-review-score-info-popup-color: #000000;
|
|
--abr-review-score-info-popup-font-size: 1rem;
|
|
--abr-review-score-info-popup-border-radius: 5px;
|
|
}
|
|
|
|
.abr-post-review .abr-review-author {
|
|
display: none;
|
|
}
|
|
|
|
.abr-post-review .abr-review-total {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.abr-post-review .abr-review-total > .abr-review-data {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
flex-grow: 1;
|
|
margin-bottom: 1rem;
|
|
margin-top: 0;
|
|
order: 1;
|
|
}
|
|
|
|
.abr-post-review .abr-review-total > .abr-review-list {
|
|
flex-grow: 1;
|
|
order: 2;
|
|
}
|
|
|
|
.abr-post-review .abr-review-total > .abr-review-list ul {
|
|
display: grid;
|
|
grid-gap: 2rem;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.abr-post-review .abr-review-total > .abr-review-list .abr-review-item {
|
|
display: block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.abr-post-review .abr-review-total > .abr-review-list .abr-review-desc {
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score {
|
|
display: flex;
|
|
flex-direction: column;
|
|
line-height: 1;
|
|
order: 1;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-text {
|
|
font-size: var(--abr-review-score-text-font-size);
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-subtext {
|
|
margin-top: 0.5rem;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-subtext .abr-data-label {
|
|
text-transform: var(--abr-review-score-label-text-transform);
|
|
font-size: var(--abr-review-score-label-font-size);
|
|
font-weight: var(--abr-review-score-label-font-weight);
|
|
color: var(--abr-review-score-label-color);
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-subtext .abr-data-info {
|
|
display: inline-flex;
|
|
position: relative;
|
|
background: var(--abr-review-score-info-background);
|
|
color: var(--abr-review-score-info-color);
|
|
width: var(--abr-review-score-info-width);
|
|
height: var(--abr-review-score-info-height);
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-left: 0.25rem;
|
|
border-radius: var(--abr-review-score-info-border-radius);
|
|
font-size: var(--abr-review-score-info-font-size);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-subtext .abr-data-info > span {
|
|
position: absolute;
|
|
border: 1px solid var(--abr-review-score-info-popup-border-color);
|
|
background: var(--abr-review-score-info-popup-background);
|
|
padding: 1rem;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
width: 100vw;
|
|
max-width: 250px;
|
|
position: absolute;
|
|
z-index: 2;
|
|
bottom: 2rem;
|
|
right: -1.5rem;
|
|
font-size: var(--abr-review-score-info-popup-font-size);
|
|
line-height: normal;
|
|
color: var(--abr-review-score-info-popup-color);
|
|
transition: opacity 0.3s;
|
|
border-radius: var(--abr-review-score-info-popup-border-radius);
|
|
white-space: normal;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-subtext .abr-data-info > span:after {
|
|
top: 100%;
|
|
right: 1.5rem;
|
|
border: solid transparent;
|
|
content: " ";
|
|
height: 0;
|
|
width: 0;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-subtext .abr-data-info > span:after {
|
|
border-color: transparent;
|
|
border-top-color: var(--abr-review-score-info-popup-border-color);
|
|
border-width: 8px;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score .abr-review-subtext .abr-data-info:hover > span {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
.abr-post-review .abr-review-score-row {
|
|
flex-direction: row;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
@media (min-width: 720px) {
|
|
.abr-post-review .abr-review-total {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 0;
|
|
}
|
|
.abr-post-review .abr-review-total > .abr-review-data {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
order: 1;
|
|
}
|
|
.abr-post-review .abr-review-total > .abr-review-list {
|
|
margin-top: 0;
|
|
order: 1;
|
|
}
|
|
.abr-post-review .abr-review-total > .abr-review-list ul {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
.abr-post-review .abr-review-data + .abr-review-score,
|
|
.abr-post-review .abr-review-list + .abr-review-score {
|
|
margin-left: 2rem;
|
|
}
|
|
.abr-post-review .abr-review-score {
|
|
order: 2;
|
|
}
|
|
}
|
|
|
|
.abr-post-review .abr-review-text {
|
|
font-size: var(--abr-review-text-font-size);
|
|
font-weight: var(--abr-review-text-font-weight);
|
|
}
|
|
|
|
.abr-post-review .abr-review-name {
|
|
font-size: var(--abr-review-name-font-size);
|
|
text-transform: var(--abr-review-name-text-transform);
|
|
color: var(--abr-review-name-color);
|
|
}
|
|
|
|
.abr-post-review .abr-review-label {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.abr-review-percentage .abr-review-text .sep,
|
|
.abr-review-percentage .abr-review-text .max {
|
|
display: none;
|
|
}
|
|
|
|
.abr-review-percentage .abr-review-text .total:after {
|
|
content: '%';
|
|
}
|
|
|
|
.abr-review-star > .abr-review-list ul {
|
|
display: grid;
|
|
grid-gap: 2rem;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
.abr-review-star > .abr-review-list .abr-review-item {
|
|
display: block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.abr-review-star > .abr-review-list .abr-review-desc {
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
@media (min-width: 720px) {
|
|
.abr-review-star > .abr-review-list ul {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
}
|
|
|
|
.abr-review-list {
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.abr-review-list ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.abr-review-list .abr-review-item {
|
|
display: grid;
|
|
grid-gap: 20px;
|
|
grid-template-columns: 1fr;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.abr-review-list .abr-review-item:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.abr-review-list .abr-review-item .abr-review-desc {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
@media (min-width: 720px) {
|
|
.abr-review-list .abr-review-item {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
.abr-review-list .abr-review-item {
|
|
grid-gap: 40px;
|
|
}
|
|
}
|
|
|
|
.abr-review-details {
|
|
display: grid;
|
|
grid-gap: 40px;
|
|
grid-template-columns: 1fr;
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.abr-review-details ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: var(--abr-review-details-line-height);
|
|
list-style: none;
|
|
font-size: var(--abr-review-details-font-size);
|
|
}
|
|
|
|
.abr-review-details ul:not(:first-child) {
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
.abr-review-details ul:not(:last-child) {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.abr-review-details ul li:not(:first-child) {
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.abr-review-details ul > li {
|
|
position: relative;
|
|
padding-left: 2.5rem;
|
|
}
|
|
|
|
.abr-review-details ul > li:before {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
width: 1.5rem;
|
|
font-family: 'absolute-reviews-icons';
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.abr-review-details .abr-review-pros ul > li:before {
|
|
content: "\e900";
|
|
color: #28a745;
|
|
}
|
|
|
|
.abr-review-details .abr-review-cons ul > li:before {
|
|
content: "\e901";
|
|
color: #dc3545;
|
|
}
|
|
|
|
@media (min-width: 720px) {
|
|
.abr-review-details {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
}
|
|
|
|
.abr-review-info + .abr-review-total {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.abr-review-scheme-hidden {
|
|
display: none;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
.abr-review-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.abr-review-block .abr-review-title {
|
|
margin-top: 0;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.abr-review-block .abr-review-indicator {
|
|
line-height: 1;
|
|
order: -1;
|
|
}
|
|
|
|
.abr-review-block .abr-review-indicator .abr-badge {
|
|
margin-top: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 1.5rem;
|
|
padding: 0.4rem 0.75rem;
|
|
}
|
|
|
|
.abr-review-block .abr-review-data {
|
|
max-width: 50%;
|
|
}
|
|
|
|
@media (min-width: 720px) {
|
|
.abr-review-block .abr-review-data + .abr-review-score {
|
|
margin-left: 1.5rem;
|
|
}
|
|
}
|
|
|
|
.abr-review-block.abr-review-star .abr-review-data {
|
|
max-width: initial;
|
|
flex-grow: initial;
|
|
}
|
|
|
|
/*--------------------------------------------------------------*/
|
|
.abr-reviews-posts {
|
|
--abr-posts-meta-color: #000;
|
|
--abr-posts-number-font-size: 1rem;
|
|
--abr-posts-number-large-font-size: 1.25rem;
|
|
--abr-posts-number-badge-color: #FFF;
|
|
--abr-posts-number-caption-color: #FFF;
|
|
--abr-posts-percentage-icon-font-size: 1.25em;
|
|
--abr-posts-percentage-icon-color: #F7BF40;
|
|
--abr-posts-star-width: 0.875rem;
|
|
--abr-posts-star-height: 0.875rem;
|
|
--abr-posts-star-font-size: 0.875rem;
|
|
--abr-posts-star-color: #F8C249;
|
|
--abr-posts-item-separator-color: #e9ecef;
|
|
--abr-posts-thumbnail-small-width: 80px;
|
|
--abr-posts-thumbnail-small-gutter: 1rem;
|
|
--abr-posts-thumbnail-width: 80px;
|
|
--abr-posts-thumbnail-gutter: 1rem;
|
|
--abr-posts-overlay-background: rgba(0,0,0,0.125);
|
|
--abr-posts-overlay-color: #FFFFFF;
|
|
--abr-posts-overlay-hover-color: rgba(255,255,255,0.75);
|
|
}
|
|
|
|
.abr-reviews-posts .abr-post-item {
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-post-item:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-post-headline {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-post-headline .meta-category {
|
|
display: inline-block;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-post-headline .meta-category ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-post-headline .entry-title {
|
|
margin-bottom: 0.5rem;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-post-headline > *:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-meta {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-top: 0.5rem;
|
|
color: var(--abr-posts-meta-color);
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-meta .abr-review-number {
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1;
|
|
margin-left: 0;
|
|
font-size: var(--abr-posts-number-font-size);
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-meta .abr-review-number.abr-badge {
|
|
color: var(--abr-posts-number-badge-color);
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-meta .abr-review-caption {
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-meta .abr-review-caption.abr-badge {
|
|
color: var(--abr-posts-number-caption-color);
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-meta .abr-badge-primary {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-type-percentage .abr-review-number:before {
|
|
content: "\e902";
|
|
font-family: 'absolute-reviews-icons';
|
|
margin-right: 0.25rem;
|
|
font-size: var(--abr-posts-percentage-icon-font-size);
|
|
color: var(--abr-posts-percentage-icon-color);
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-indicator {
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-line,
|
|
.abr-reviews-posts .abr-review-progress,
|
|
.abr-reviews-posts .abr-review-stars {
|
|
min-width: 100px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-stars {
|
|
min-width: initial;
|
|
line-height: 1;
|
|
}
|
|
|
|
.abr-reviews-posts .abr-review-stars .abr-star {
|
|
width: var(--abr-posts-star-width);
|
|
height: var(--abr-posts-star-height);
|
|
font-size: var(--abr-posts-star-font-size);
|
|
color: var(--abr-posts-star-color);
|
|
}
|
|
|
|
.abr-posts-template-reviews-1 .abr-post-outer,
|
|
.abr-posts-template-reviews-2 .abr-post-outer {
|
|
display: flex;
|
|
}
|
|
|
|
.abr-posts-template-reviews-1 .abr-post-data,
|
|
.abr-posts-template-reviews-2 .abr-post-data {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-1 .abr-post-thumbnail,
|
|
.abr-posts-template-reviews-2 .abr-post-thumbnail {
|
|
position: relative;
|
|
flex: 0 0 var(--abr-posts-thumbnail-width);
|
|
margin-right: var(--abr-posts-thumbnail-gutter);
|
|
}
|
|
|
|
.abr-posts-template-reviews-1 .abr-post-thumbnail img,
|
|
.abr-posts-template-reviews-2 .abr-post-thumbnail img {
|
|
width: var(--abr-posts-thumbnail-width);
|
|
height: auto;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
font-family: 'object-fit: cover;';
|
|
}
|
|
|
|
.abr-posts-template-reviews-2 .abr-review-meta .abr-review-number:before {
|
|
display: none;
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item,
|
|
.abr-posts-template-reviews-4 .abr-post-item {
|
|
border-top: 1px solid var(--abr-posts-item-separator-color);
|
|
margin-top: 1rem;
|
|
padding-top: 1rem;
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item:first-child,
|
|
.abr-posts-template-reviews-4 .abr-post-item:first-child {
|
|
border-top: none;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item:nth-child(1) .abr-post-data,
|
|
.abr-posts-template-reviews-4 .abr-post-item:nth-child(1) .abr-post-data {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item:nth-child(1) .abr-review-meta .abr-review-number,
|
|
.abr-posts-template-reviews-4 .abr-post-item:nth-child(1) .abr-review-meta .abr-review-number {
|
|
font-size: var(--abr-posts-number-large-font-size);
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-outer,
|
|
.abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-outer {
|
|
display: flex;
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-data,
|
|
.abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-data {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-thumbnail,
|
|
.abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-thumbnail {
|
|
position: relative;
|
|
flex: 0 0 var(--abr-posts-thumbnail-width);
|
|
margin-right: var(--abr-posts-thumbnail-gutter);
|
|
}
|
|
|
|
.abr-posts-template-reviews-3 .abr-post-item:nth-child(n+2) .abr-post-thumbnail img,
|
|
.abr-posts-template-reviews-4 .abr-post-item:nth-child(n+2) .abr-post-thumbnail img {
|
|
width: var(--abr-posts-thumbnail-width);
|
|
height: auto;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
font-family: 'object-fit: cover;';
|
|
}
|
|
|
|
.abr-posts-template-reviews-4 .abr-review-meta .abr-review-number:before {
|
|
display: none;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item {
|
|
border-top: 1px solid var(--abr-posts-item-separator-color);
|
|
margin-top: 1rem;
|
|
padding-top: 1rem;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item:first-child {
|
|
border-top: none;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item .abr-post-data {
|
|
display: flex;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-post-headline {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-meta {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: initial;
|
|
flex: 0 0 60px;
|
|
margin-top: 0;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-number {
|
|
font-size: var(--abr-posts-number-large-font-size);
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-number:before {
|
|
display: none;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item .abr-post-data .abr-review-caption {
|
|
margin-top: 0.5rem;
|
|
margin-left: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item:nth-child(1) .abr-post-data {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-outer {
|
|
display: flex;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-data {
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-thumbnail {
|
|
position: relative;
|
|
flex: 0 0 var(--abr-posts-thumbnail-small-width);
|
|
margin-right: var(--abr-posts-thumbnail-small-gutter);
|
|
}
|
|
|
|
.abr-posts-template-reviews-5 .abr-post-item:nth-child(n+2) .abr-post-thumbnail img {
|
|
width: var(--abr-posts-thumbnail-small-width);
|
|
height: auto;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
font-family: 'object-fit: cover;';
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-outer,
|
|
.abr-posts-template-reviews-7 .abr-post-outer,
|
|
.abr-posts-template-reviews-8 .abr-post-outer {
|
|
position: relative;
|
|
display: flex;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-outer .abr-post-inner,
|
|
.abr-posts-template-reviews-7 .abr-post-outer .abr-post-inner,
|
|
.abr-posts-template-reviews-8 .abr-post-outer .abr-post-inner {
|
|
width: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-outer:after,
|
|
.abr-posts-template-reviews-7 .abr-post-outer:after,
|
|
.abr-posts-template-reviews-8 .abr-post-outer:after {
|
|
padding-bottom: 125%;
|
|
width: 0;
|
|
content: '';
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-thumbnail,
|
|
.abr-posts-template-reviews-7 .abr-post-thumbnail,
|
|
.abr-posts-template-reviews-8 .abr-post-thumbnail {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-thumbnail .post-thumbnail,
|
|
.abr-posts-template-reviews-7 .abr-post-thumbnail .post-thumbnail,
|
|
.abr-posts-template-reviews-8 .abr-post-thumbnail .post-thumbnail {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-thumbnail img,
|
|
.abr-posts-template-reviews-7 .abr-post-thumbnail img,
|
|
.abr-posts-template-reviews-8 .abr-post-thumbnail img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
font-family: 'object-fit: cover;';
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-data,
|
|
.abr-posts-template-reviews-7 .abr-post-data,
|
|
.abr-posts-template-reviews-8 .abr-post-data {
|
|
background: var(--abr-posts-overlay-background);
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 20px;
|
|
color: var(--abr-posts-overlay-color);
|
|
z-index: 1;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-data a,
|
|
.abr-posts-template-reviews-6 .abr-post-data .entry-title a,
|
|
.abr-posts-template-reviews-6 .abr-post-data .post-meta a,
|
|
.abr-posts-template-reviews-7 .abr-post-data a,
|
|
.abr-posts-template-reviews-7 .abr-post-data .entry-title a,
|
|
.abr-posts-template-reviews-7 .abr-post-data .post-meta a,
|
|
.abr-posts-template-reviews-8 .abr-post-data a,
|
|
.abr-posts-template-reviews-8 .abr-post-data .entry-title a,
|
|
.abr-posts-template-reviews-8 .abr-post-data .post-meta a {
|
|
position: relative;
|
|
color: var(--abr-posts-overlay-color);
|
|
z-index: 2;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-data a:hover, .abr-posts-template-reviews-6 .abr-post-data a:focus,
|
|
.abr-posts-template-reviews-6 .abr-post-data .entry-title a:hover,
|
|
.abr-posts-template-reviews-6 .abr-post-data .entry-title a:focus,
|
|
.abr-posts-template-reviews-6 .abr-post-data .post-meta a:hover,
|
|
.abr-posts-template-reviews-6 .abr-post-data .post-meta a:focus,
|
|
.abr-posts-template-reviews-7 .abr-post-data a:hover,
|
|
.abr-posts-template-reviews-7 .abr-post-data a:focus,
|
|
.abr-posts-template-reviews-7 .abr-post-data .entry-title a:hover,
|
|
.abr-posts-template-reviews-7 .abr-post-data .entry-title a:focus,
|
|
.abr-posts-template-reviews-7 .abr-post-data .post-meta a:hover,
|
|
.abr-posts-template-reviews-7 .abr-post-data .post-meta a:focus,
|
|
.abr-posts-template-reviews-8 .abr-post-data a:hover,
|
|
.abr-posts-template-reviews-8 .abr-post-data a:focus,
|
|
.abr-posts-template-reviews-8 .abr-post-data .entry-title a:hover,
|
|
.abr-posts-template-reviews-8 .abr-post-data .entry-title a:focus,
|
|
.abr-posts-template-reviews-8 .abr-post-data .post-meta a:hover,
|
|
.abr-posts-template-reviews-8 .abr-post-data .post-meta a:focus {
|
|
color: var(--abr-posts-overlay-hover-color);
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-data .abr-post-link,
|
|
.abr-posts-template-reviews-7 .abr-post-data .abr-post-link,
|
|
.abr-posts-template-reviews-8 .abr-post-data .abr-post-link {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-post-headline,
|
|
.abr-posts-template-reviews-7 .abr-post-headline,
|
|
.abr-posts-template-reviews-8 .abr-post-headline {
|
|
width: 100%;
|
|
margin-top: auto;
|
|
padding-top: 1rem;
|
|
order: 2;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-review-meta,
|
|
.abr-posts-template-reviews-7 .abr-review-meta,
|
|
.abr-posts-template-reviews-8 .abr-review-meta {
|
|
width: 100%;
|
|
order: 1;
|
|
color: var(--abr-posts-overlay-color);
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-review-meta .abr-review-number,
|
|
.abr-posts-template-reviews-7 .abr-review-meta .abr-review-number,
|
|
.abr-posts-template-reviews-8 .abr-review-meta .abr-review-number {
|
|
font-size: var(--abr-posts-number-large-font-size);
|
|
color: var(--abr-posts-overlay-color);
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-review-meta .abr-review-number:before,
|
|
.abr-posts-template-reviews-7 .abr-review-meta .abr-review-number:before,
|
|
.abr-posts-template-reviews-8 .abr-review-meta .abr-review-number:before {
|
|
color: var(--abr-posts-overlay-color);
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-review-meta {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-review-meta .abr-review-number:before {
|
|
display: none;
|
|
}
|
|
|
|
.abr-posts-template-reviews-6 .abr-review-meta .abr-review-caption {
|
|
margin-top: 0.5rem;
|
|
margin-left: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.abr-posts-template-reviews-7 .abr-post-headline {
|
|
order: 1;
|
|
}
|
|
|
|
.abr-posts-template-reviews-7 .abr-review-meta {
|
|
order: 2;
|
|
}
|