/*! * bootstrap-star-rating v4.1.3 * http://plugins.krajee.com/star-rating * * Author: Kartik Visweswaran * Copyright: 2013 - 2021, Kartik Visweswaran, Krajee.com * * Licensed under the BSD 3-Clause * https://github.com/kartik-v/bootstrap-star-rating/blob/master/LICENSE.md */ .rating-loading { width: 25px; height: 25px; font-size: 0; color: #fff; background: transparent url('../img/loading.gif') top left no-repeat; border: none; } /* * Stars & Input */ .rating-container .rating-stars { position: relative; cursor: pointer; vertical-align: middle; display: inline-block; overflow: hidden; white-space: nowrap; } .rating-container .rating-stars:focus { outline: 1px dotted; } .rating-input { position: absolute; cursor: pointer; width: 100%; height: 1px; bottom: 0; left: 0; font-size: 1px; opacity: 0; padding: 0; margin: 0; outline: none; pointer-events: none; border: none; box-shadow: none; background: none; } .rating-container.is-display-only .rating-stars { cursor: default; } .rating-disabled .rating-stars { cursor: not-allowed; } .rating-container .star { display: inline-block; margin: 0 2px; text-align: center; } .rating-container .empty-stars { color: #aaa; } .rating-container .filled-stars { position: absolute; left: 0; top: 0; margin: auto; color: #fde16d; white-space: nowrap; overflow: hidden; -webkit-text-stroke: 1px #777; text-shadow: 1px 1px #999; } .rating-rtl { float: right; } .rating-animate .filled-stars { transition: width 0.25s ease; } .rating-rtl .filled-stars { left: auto; right: 0; transition: none; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); } .rating-rtl.is-star .filled-stars { right: 0.06em; } .rating-rtl.is-heart .empty-stars { margin-right: 0.07em; } /** * Clear */ .rating-container .clear-rating { color: #aaa; cursor: not-allowed; display: inline-block; vertical-align: middle; font-size: 60%; } .clear-rating-active { cursor: pointer !important; } .clear-rating-active:hover { color: #843534; } .rating-container .clear-rating { padding-right: 5px; } /** * Caption */ /* extend support to BS4 */ .rating-container .caption .label { display: inline-block; padding: .25em .4em; line-height: 1; text-align: center; vertical-align: baseline; border-radius: .25rem; } .rating-container .caption { color: #999; display: inline-block; vertical-align: middle; line-height: 1; } .rating-container .caption { margin-left: 5px; margin-right: 0; } .rating-rtl .caption { margin-right: 5px; margin-left: 0; } /** * Print */ @media print { .rating-container .clear-rating { display: none; } } /** * Sizes */ .rating-xl { font-size: 48px; } .rating-lg { font-size: 40px; } .rating-md { font-size: 32px; } .rating-sm { font-size: 24px; } .rating-xs { font-size: 16px; } .rating-xl .caption { font-size: 20px; } .rating-lg .caption { font-size: 18px; } .rating-md .caption { font-size: 16px; } .rating-sm .caption { font-size: 14px; } .rating-xs .caption { font-size: 12px; } /** * Caption */ .caption-badge { font-family: Arial, Helvetica, sans-serif; display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } .caption-secondary { background-color: #6c757d; } .caption-danger { background-color: #dc3545; } .caption-warning { background-color: #ffc107; color: #212529; } .caption-info { background-color: #0dcaf0; color: #212529; } .caption-primary { background-color: #0d6efd; } .caption-success { background-color: #198754; }