Manager

Back Back Up Advanced Editor

/*star bar*/
.post-review-star-bar {
	position: relative;
	width: 5em;
	overflow: hidden;
	height: 1em;
}
.post-review-star-bar-top {
	position: absolute;
	overflow: hidden;
	z-index: 1;
	width: 0;
}
.post-review-star-bar-bottom {
	position: relative;
	z-index: 0;
}
.post-review-star-bar span {
	display: block;
	width: 6em;
}
.post-review-star-bar b {
	display: block;
	width: 1em;
	float: left;
	height: 1em;
}

/*line-bar*/
.post-review-item-user .post-review-star-bar,
.post-review-item-user .post-review-line-bar {
	cursor: pointer;
}
.post-review-item-user .post-review-star-bar.disabled,
.post-review-item-user .post-review-line-bar.disabled {
	cursor: initial;
}
.post-review-average-value-canvas {
	position: absolute;
}

/* PERCENT CIRLE */
/* ------------- */
.sneeit-percent {
    position: relative;
    overflow: hidden;
	display: block;	
}
.sneeit-percent > * {
    position: absolute;
    border: 0.3em solid black; /* you can change this color*/
    border-radius: 100%;
    top: 0;
    left: 0;
    height: 2.6em;
    width: 2.6em;
    line-height: 2em; /* = height - 2 x border-width */
    box-sizing: border-box!important;
	display: block!important;
}
.sneeit-percent-bg {
    z-index: 0;
	background: black;
	opacity: 0.4;
}
.sneeit-percent-fill,
.sneeit-percent-mask {
    border-color: inherit;/* you can change this color*/
    transform: rotate(45deg);
    z-index: 2;
}
/* FILL VALUE */
/* use this class if 25% >= value >= 0 */
.sneeit-percent-fill-25 {
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;    
}
/* use this class if 50% >= value >= 0 */
.sneeit-percent-fill-50 {
    border-left-color: transparent!important;    
    border-bottom-color: transparent!important;
}
/* use this class if 75% >= value >= 0 */
.sneeit-percent-fill-75 {
    border-left-color: transparent!important;    
}
/* remove all class if 100% >= value >= 0 */

/* MODIFY VALUE */
/* deg = value * 3.6 + 45 */
.sneeit-percent-modifier {  
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    z-index: 3;
}
/* show this if value > 75% */
.sneeit-percent-mask {
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important; 
    z-index: 4;
}
.sneeit-percent-text {    
    position: relative;
    text-align: center;    
    z-index: 1;	
}