- Posts: 115
- Thank you received: 4
Ask the community, share ideas, and connect with other LimeSurvey users!
/* jQuery.Rating Plugin CSS - https://www.fyneworks.com/jquery/star-rating/ */ /*Cancel Rating*/ div.rating-cancel{ float:left; width:52px; /*17*/ height:52px; /*15*/ text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden } div.rating-cancel,div.rating-cancel a{ background:url(../../../surveyassets/questiontype/starrating/cancel.png) no-repeat 0 0 /*-16*/ } div.rating-cancel a{ display:block; width:50px; /*16*/ height:100%; /*100%*/ background-position:0 0px; border:0 } div.rating-cancel:hover { background-position:0 -63px /*-32*/ } /*Assign Star Ratings*/ div.star-rating{ float:left; width:137px; /*17* The width and the height of one star.*/ height:148px; /*15*/ text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden background-size: cover; } div.star-rating,div.star-rating a{ background:url(../../../surveyassets/questiontype/starrating/star1.png) no-repeat 0 0px; background-size: cover; -moz-background-size: cover; /* Firefox 3.6 */ background-position: center; /* Internet Explorer 7/8 */ /*background-size: 100% 100%;*/ /* background-size: contain;*/ } div.star-rating a{ display:block; width:137px; /*16*/ height:100%; /*100%*/ background-position:0 0px; background-size: cover; border:0 } div.star-rating-on a{ background-position:0 -148px!important /*-16*/ } div.star-rating-hover a{ background-position:0 -296px /*-32*/ } /* Read Only CSS */ div.star-rating-readonly a{ cursor:default !important } /* Partial Star CSS */ div.star-rating{ background:transparent!important; overflow:hidden!important background-size: cover; } /* END jQuery.Rating Plugin CSS */
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>