Файл: css/ratings.css
Строк: 205
a:hover, a:active { outline: none; }
.radios
{
color:
#111;
}
.radio
{
float: left;
}
.has-js .label_smiley
input,
.has-js .label_stars input,
.has-js .label_tick input,
.has-js
.label_thumb input
{
margin: 0;
position: absolute;
left:
-9999px;
}
.has-js .label_smiley,
.has-js .label_stars,
.has-js
.label_tick,
.has-js .label_thumb
{
font-size: 13px;
color:
#444;
margin: 0px 0px;
padding-left: 38px;
cursor:
pointer;
display:inline-block;
height: 34px;
line-height:
34px;
vertical-align: middle;
}
.has-js .label_smiley
{
padding-left: 38px;
height: 35px;
line-height: 35px;
}
.has-js
.label_thumb {
padding-left: 63px;
height: 63px;
line-height:
63px;
}
.has-js .label_tick {
padding-left: 0px;
height:
35px;
line-height: 35px;
width: 30px;
}
.has-js
.label_smiley,
.has-js .label_stars
{
transition: transform .2s
ease;
-webkit-transition: -webkit-transform .2s ease;
}
.has-js
.label_smiley:hover
{
transform: scale(1.06);
-webkit-transform:
scale(1.06);
}
.has-js .label_stars:hover
{
transform:
scale(1.15);
-webkit-transform: scale(1.15);
}
/* FOR MATRIX
TICK */
.has-js .label_tick {
background: url(../images/check.png)
no-repeat;
}
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi){
.has-js .label_tick {
background:
url(../images/check_2.png) no-repeat;
background-size: 30px
272px;
}
}
.has-js .label_tick {
background-position: 0px
0px;
}
.has-js .label_tick:hover {
background-position: 0px
-34px;
}
.has-js .label_tick.r_on {
background-position: 0px
-68px;
}
.has-js .label_tick.r_on:hover {
background-position: 0px
-102px;
}
/* FOR MATRIX CIRCLED TICK */
.has-js .circled
.label_tick {
background-position: 0px -136px;
}
.has-js .circled
.label_tick:hover {
background-position: 0px -170px;
}
.has-js
.circled .label_tick.r_on {
background-position: 0px
-204px;
}
.has-js .circled .label_tick.r_on:hover
{
background-position: 0px -238px;
}
/* FOR THUMBS RATING
*/
.has-js .label_thumb {
background: url(../images/thumbs.png)
no-repeat;
background-position: 0px 0px;
background-size: 54px
252px;
margin-bottom: 5px;
}
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi){
.has-js .label_thumb {
background: url(../images/thumbs_2.png)
no-repeat;
background-position: 0px 5px;
background-size: 54px
252px;
}
}
.has-js .label_thumb.thumb0 {
background-position: 0px
5px;
opacity: .9;
background-size: 54px 252px;
transition: transform
.2s ease;
-webkit-transition: -webkit-transform .2s ease;
}
.has-js
.label_thumb.thumb0:hover {
background-position: 0px
-121px;
opacity: .9;
transform: scale(1.09);
-webkit-transform:
scale(1.09);
}
.has-js .label_thumb.thumb0.r_on
{
background-position: 0px -121px;
opacity: 1;
background-size: 54px
252px;
}
.has-js .label_thumb.thumb0.r_on:hover
{
background-position: 0px -121px;
opacity: .9;
}
.has-js
.label_thumb.thumb1 {
background-position: 0px -58px;
opacity:
.9;
position: relative;
top: 10px;
background-size: 54px
252px;
transition: transform .2s ease;
-webkit-transition:
-webkit-transform .2s ease;
}
.has-js .label_thumb.thumb1:hover
{
background-position: 0px -184px;
opacity: .9;
transform:
scale(1.09);
-webkit-transform: scale(1.09);
}
.has-js
.label_thumb.thumb1.r_on {
background-position: 0px -184px;
opacity:
1;
background-size: 54px 252px;
}
.has-js
.label_thumb.thumb1.r_on:hover {
background-position: 0px
-184px;
opacity: .9;
}
/* FOR STAR RATING */
.has-js
.label_stars {
background: url(../images/stars.png)
no-repeat;
background-position: 3px 0px;
}
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi){
.has-js .label_stars {
background: url(../images/stars_2.png)
no-repeat;
background-position: 3px 0px;
background-size: 35px
128px;
}
}
.has-js .label_stars.click {
background-position: 3px
-32px;
}
.has-js .label_stars.hover {
background-position: 3px
-64px;
}
.has-js .label_stars.hover.click {
background-position: 3px
-96px;
}
.has-js .label_stars.hover_empty {
background-position: 3px
0px;
}
/* FOR SMILEY RATING */
.has-js .label_smiley
{
background: url(../images/smileys.png)
no-repeat;
background-position: 0px -37px;
}
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi){
.has-js .label_smiley {
background: url(../images/smileys_2.png)
no-repeat;
background-position: 0px -37px;
background-size: 200px
70px;
}
}
.has-js .label_smiley.smiley0
{
background-position: 0px -37px;
}
.has-js
.label_smiley.smiley0:hover {
background-position: 0px
-1px;
}
.has-js .label_smiley.smiley0.click {
background-position:
0px -1px;
}
.has-js .label_smiley.smiley0.c_on:hover
{
background-position: 0px -37px;
}
.has-js .label_smiley.smiley1
{
background-position: -40px -37px;
}
.has-js
.label_smiley.smiley1:hover {
background-position: -40px
-1px;
}
.has-js .label_smiley.smiley1.click {
background-position:
-40px -1px;
}
.has-js .label_smiley.smiley1.c_on:hover
{
background-position: -40px -37px;
}
.has-js .label_smiley.smiley2
{
background-position: -80px -37px;
}
.has-js
.label_smiley.smiley2:hover {
background-position: -80px
-1px;
}
.has-js .label_smiley.smiley2.click {
background-position:
-80px -1px;
}
.has-js .label_smiley.smiley2.c_on:hover
{
background-position: -80px -37px;
}
.has-js
.label_smiley.smiley3 {
background-position: -120px -37px;
}
.has-js
.label_smiley.smiley3:hover {
background-position: -120px
-1px;
}
.has-js .label_smiley.smiley3.click {
background-position:
-120px -1px;
}
.has-js .label_smiley.smiley3.c_on:hover
{
background-position: -120px -37px;
}
.has-js .label_smiley.smiley4
{
background-position: -160px -37px;
}
.has-js
.label_smiley.smiley4:hover {
background-position: -160px
-1px;
}
.has-js .label_smiley.smiley4.click {
background-position:
-160px -1px;
}
.has-js .label_smiley.smiley4.c_on:hover
{
background-position: -160px -37px;
}
.has-js .label_smiley
input,
.has-js .label_stars input { position: absolute; left: -9999px;}