File: /home4/cca63905/public_html/nueva/modules/pmproductvideoreviews/views/css/front/stars.css
@charset "UTF-8";
/**
* rec.reviews
*
* @author Presta-Module.com <support@presta-module.com> - https://www.presta-module.com
* @copyright Presta-Module - https://www.presta-module.com
* @license see file: LICENSE.txt
*
* ____ __ __
* | _ \ | \/ |
* | |_) | | |\/| |
* | __/ | | | |
* |_| |_| |_|
*/
/** Standart star display **/
#pvr .rating-star-yellow {
border: none;
font-size: 14px;
}
#pvr .rating-star-yellow > input {
display: none;
}
#pvr .rating-star-yellow > label {
color: #c4c4c4;
font-size: 16px !important;
font-family: Material Icons;
display: inline-block !important;
content: "";
width: initial !important;
}
#pvr .rating-star-yellow > label:before {
font-size: 16px !important;
font-family: Material Icons;
display: inline-block !important;
content: "";
width: initial !important;
}
#pvr .rating-star-yellow > .half:before {
font-size: 16px !important;
font-family: Material Icons;
display: inline-block !important;
content: "";
position: relative;
top: 0px;
left: 8px;
}
#pvr .rating-star-yellow > input:checked + label, #pvr .rating-star-yellow > label.checked {
color: #f4c765 !important;
}
#pvr .pmAverage-rating-star-yellow {
border: none;
text-align: right;
font-size: 12px;
/* Handle star for average */
/* the default stars settings - half star */
/* the star rating on the product page - block */
/* highlight with the good color */
}
#pvr .pmAverage-rating-star-yellow > input {
display: none;
}
#pvr .pmAverage-rating-star-yellow:after {
border: none;
text-align: right;
font-size: 12px;
}
#pvr .pmAverage-rating-star-yellow > label:before, #pvr .pmAverage-rating-star-yellow > label {
font-size: 1.65em !important;
font-family: Material Icons;
display: inline-block !important;
content: "";
width: initial !important;
}
#pvr .pmAverage-rating-star-yellow > .half:before {
font-size: 1.65em !important;
font-family: Material Icons;
display: inline-block !important;
content: "";
position: relative;
top: 0px;
left: 19px;
}
#pvr .pmAverage-rating-star-yellow > label.product-block:before, #pvr .pmAverage-rating-star-yellow > label.product-block {
font-size: 1.65em !important;
}
#pvr .pmAverage-rating-star-yellow > label.product-block-half:before, #pvr .pmAverage-rating-star-yellow > label.product-block-half {
font-size: 1.65em !important;
margin-left: -8px;
}
#pvr .pmAverage-rating-star-yellow > label {
color: lightgrey;
}
#pvr .pmAverage-rating-star-yellow > input:checked + label, #pvr .pmAverage-rating-star-yellow > label.checked {
color: #f4c765 !important;
}
#pvr div.stars {
display: inline-block;
height: 50px;
margin-top: 25px;
}
#pvr input.star {
display: none;
}
#pvr label.star {
float: right;
padding: 5px;
font-size: 30px;
color: grey;
transition: all 0.2s;
}
#pvr input.star:checked ~ label.star:before {
content: "";
color: #f4c765 !important;
transition: all 0.25s;
}
#pvr .stars:hover label.star:hover ~ label.star {
color: #f4c765 !important;
}
#pvr label.star:hover {
transform: rotate(-360deg) scale(1.3);
color: #f4c765 !important;
}
#pvr label.star:before {
content: "";
font-family: Material Icons;
}
#pvr label.star:before:hover {
color: #f4c765 !important;
}
#pvr .rating-star-yellow-specific {
font-size: 12px;
}
@media screen and (min-width: 0px) and (max-width: 576px) {
#pvr input.star {
display: none;
}
#pvr label.star {
float: none;
position: relative;
padding: 5px;
font-size: 30px;
color: grey;
transition: all 0.2s;
}
#pvr .star-5 {
float: right;
}
#pvr .stars:hover label.star:hover ~ label.star {
color: grey !important;
}
#pvr .pmAverage-rating-star-yellow {
border: none;
text-align: center;
font-size: 10px;
}
#pvr .pmAverage-rating-star-yellow:after {
border: none;
text-align: center;
font-size: 10px;
}
#pvr .pmAverage-rating-star-yellow > input {
display: none;
}
#pvr .pmAverage-rating-star-yellow > label.product-block-half:before, #pvr .pmAverage-rating-star-yellow > label.product-block-half {
font-size: 1.65em !important;
margin-left: -5px;
}
#pvr .star-distrib {
text-align: left;
margin-left: -15px;
}
#pvr .progress-stars-distribution {
text-align: center;
margin-bottom: 5px;
}
#pvr .rating-star-yellow-specific {
font-size: 10px;
}
#pvr .stars-mobile {
text-align: center;
}
#pvr .stars-mobile > label {
font-size: 25px;
padding: 1px;
text-align: center;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
#pvr input.star {
display: none;
}
#pvr .star-5 {
float: right;
}
#pvr .rating-star-yellow-battle {
font-size: 8px;
margin-top: 1px;
}
#pvr .rating-star-yellow-specific {
font-size: 8px;
}
#pvr .stars:hover label.star:hover ~ label.star {
color: grey !important;
}
#pvr .pmAverage-rating-star-yellow {
border: none;
text-align: center;
font-size: 10px;
}
#pvr .pmAverage-rating-star-yellow:after {
border: none;
text-align: center;
font-size: 10px;
}
#pvr .pmAverage-rating-star-yellow > input {
display: none;
}
#pvr .pmAverage-rating-star-yellow > label.product-block-half:before, #pvr .pmAverage-rating-star-yellow > label.product-block-half {
font-size: 1.65em !important;
margin-left: -5px;
}
#pvr .star-distrib {
text-align: left;
margin-left: -15px;
}
#pvr .progress-stars-distribution {
text-align: left;
margin-bottom: 5px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
#pvr .pmAverage-rating-star-yellow {
border: none;
font-size: 10px;
text-align: right;
}
#pvr .pmAverage-rating-star-yellow:after {
border: none;
text-align: center;
font-size: 10px;
}
#pvr .pmAverage-rating-star-yellow > label.product-block-half:before, #pvr .pmAverage-rating-star-yellow > label.product-block-half {
font-size: 1.65em !important;
margin-left: -5px;
}
#pvr .pmAverage-rating-star-yellow > input {
display: none;
}
#pvr .rating-star-yellow-specific {
font-size: 9px;
}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
#pvr .pmAverage-rating-star-yellow > label.product-block-half:before, #pvr .pmAverage-rating-star-yellow > label.product-block-half {
font-size: 1.65em !important;
}
#pvr .progress-stars-distribution {
text-align: center;
margin-bottom: 5px;
}
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
#pvr .rating-star-yellow-specific {
font-size: 10px;
}
#pvr .rating-star-yellow-battle {
font-size: 10px;
}
}
}