/kai/public/css/rating.css

https://bitbucket.org/bbangert/kai/ · CSS · 67 lines · 61 code · 3 blank · 3 comment · 0 complexity · b371622c58e0bf5f08fab6fc4fe3e76e MD5 · raw file 

    

  1. #rating_area {
    2. 

  2.     float: right;
    3. 

  3.     text-align: right;
    4. 

  4.     margin-top: -35px;
    5. 

  5. }
    6. 

  6. 

  7. .rating{
    8. 

  8.     width:80px;
    9. 

  9.     height:16px;
    10. 

  10.     padding:0;
    11. 

  11.     list-style:none;
    12. 

  12.     position:relative;
    13. 

  13.     background: url(/css/images/star-matrix.gif) no-repeat 0 0;
    14. 

  14.     display: block;
    15. 

  15.     clear: none;
    16. 

  16.     text-align: center;
    17. 

  17. }
    18. 

  18. 

  19. .rating_text {
    20. 

  20.     margin-right: 15px;
    21. 

  21.     font-size: 12px;
    22. 

  22.     color: #ababab;
    23. 

  23. }
    24. 

  24. /* add these classes to the ul to effect the change to the correct number of stars */
    25. 

  25. .nostar {background-position:0 0;
    26. 

  26. }
    27. 

  27. .onestar {background-position:0 -16px}
    28. 

  28. .twostar {background-position:0 -32px}
    29. 

  29. .threestar {background-position:0 -48px}
    30. 

  30. .fourstar {background-position:0 -64px}
    31. 

  31. .fivestar {background-position:0 -80px}
    32. 

  32. 

  33. ul.rating li {
    34. 

  34.     cursor: pointer;
    35. 

  35.  /*ie5 mac doesn't like it if the list is floated\*/
    36. 

  36.     float:left;
    37. 

  37.     /* end hide*/
    38. 

  38.     text-indent:-999em;
    39. 

  39.     list-style: none;
    40. 

  40. }
    41. 

  41. ul.rating li a {
    42. 

  42.     position:absolute;
    43. 

  43.     left:0;
    44. 

  44.     top:0;
    45. 

  45.     width:16px;
    46. 

  46.     height:16px;
    47. 

  47.     text-decoration:none;
    48. 

  48.     z-index: 200;
    49. 

  49. }
    50. 

  50. ul.rating li.one a {left:0}
    51. 

  51. ul.rating li.two a {left:16px;}
    52. 

  52. ul.rating li.three a {left:32px;}
    53. 

  53. ul.rating li.four a {left:48px;}
    54. 

  54. ul.rating li.five a {left:64px;}
    55. 

  55. ul.rating li a:hover {
    56. 

  56.     z-index:2;
    57. 

  57.     width:80px;
    58. 

  58.     height:16px;
    59. 

  59.     overflow:hidden;
    60. 

  60.     left:0; 
    61. 

  61.     background: url(/css/images/star-matrix.gif) no-repeat 0 0
    62. 

  62. }
    63. 

  63. ul.rating li.one a:hover {background-position:0 -96px;}
    64. 

  64. ul.rating li.two a:hover {background-position:0 -112px;}
    65. 

  65. ul.rating li.three a:hover {background-position:0 -128px}
    66. 

  66. ul.rating li.four a:hover {background-position:0 -144px}
    67. 

  67. ul.rating li.five a:hover {background-position:0 -160px}
    68.