You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
50 lines
1.1 KiB
/*******************************
|
|
Star Rating
|
|
*******************************/
|
|
.ui.rating.module {
|
|
min-width: 88px;
|
|
height: 42px;
|
|
unicode-bidi: bidi-override;
|
|
direction: rtl;
|
|
font-size: 26px;
|
|
}
|
|
.ui.rating.module .icon {
|
|
cursor: default;
|
|
float: left;
|
|
padding: 2px 1px;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
content: "\2605";
|
|
color: transparent;
|
|
}
|
|
/* Non Selected Star */
|
|
.ui.rating.module .icon:after {
|
|
content: "\2605";
|
|
color: #8C8C8C;
|
|
-webkit-transition: all 0.25s;
|
|
-moz-transition: all 0.25s;
|
|
-o-transition: all 0.25s;
|
|
-ms-transition: all 0.25s;
|
|
transition: all 0.25s;
|
|
}
|
|
/*******************************
|
|
States
|
|
*******************************/
|
|
/* Icons are clickable */
|
|
.ui.active.rating.module .icon {
|
|
cursor: pointer;
|
|
}
|
|
/* Current Star Rating */
|
|
.ui.rating.module .active.icon:after {
|
|
color: #FFCB08;
|
|
}
|
|
/* Hover */
|
|
.ui.rating.module.hover .active.icon:after {
|
|
opacity: 0.5;
|
|
}
|
|
.ui.rating.module .icon.hover:after,
|
|
.ui.rating.module .icon.hover.active:after {
|
|
opacity: 1;
|
|
color: #FFB70A;
|
|
text-shadow: 0px 0px 7px #FFCB08;
|
|
}
|