You are here

slider.css in Rate 7

.rate-widget-slider ul {
  list-style: none;
  overflow: hidden;
}
.rate-widget-slider .item-list ul li {
  background-image: none;
  padding: 0;
  margin: 0 5px 0 0;
}
.rate-widget-slider ul li {
  float: left;
  list-style: none;
}
.rate-widget-slider ul li a {
  display: block;
  float: left;
}

.rate-widget-slider .rate-slider-value {
  height: .8em;
  background-color: #ccc;
}

.rate-widget-slider.rate-user .rate-slider-value {
  background-color: #f99;
}

.rate-widget-slider .ui-slider {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  font-family: Verdana, Arial, sans-serif;
  background: #eee;
  border: 1px solid #ccc;
  height: .8em;
  width: 200px;
  position: relative;
}
.rate-widget-slider .ui-slider-handle {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  position: absolute;
  z-index: 2;
  top: -3px;
  width: 1.2em;
  height: 1.2em;
  background-color: #ccc;
  border: 1px solid #999;
}
.rate-widget-slider .ui-slider-handle:hover {
  background-color: #999;
  border: 1px solid #999;
}
.rate-widget-slider .ui-slider-handle-active, .ui-slider-handle-active:hover {
  background-color: #999;
  border: 1px solid #999;
}
.rate-widget-slider .ui-slider-range {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  height: .8em;
  background-color: #ccc;
  position: absolute;
  border: 1px solid #999;
  border-left: 0;
  border-right: 0;
  top: -1px;
  z-index: 1;
}

File

slider/templates/slider/slider.css
View source
  1. .rate-widget-slider ul {
  2. list-style: none;
  3. overflow: hidden;
  4. }
  5. .rate-widget-slider .item-list ul li {
  6. background-image: none;
  7. padding: 0;
  8. margin: 0 5px 0 0;
  9. }
  10. .rate-widget-slider ul li {
  11. float: left;
  12. list-style: none;
  13. }
  14. .rate-widget-slider ul li a {
  15. display: block;
  16. float: left;
  17. }
  18. .rate-widget-slider .rate-slider-value {
  19. height: .8em;
  20. background-color: #ccc;
  21. }
  22. .rate-widget-slider.rate-user .rate-slider-value {
  23. background-color: #f99;
  24. }
  25. .rate-widget-slider .ui-slider {
  26. /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  27. font-family: Verdana, Arial, sans-serif;
  28. background: #eee;
  29. border: 1px solid #ccc;
  30. height: .8em;
  31. width: 200px;
  32. position: relative;
  33. }
  34. .rate-widget-slider .ui-slider-handle {
  35. /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  36. position: absolute;
  37. z-index: 2;
  38. top: -3px;
  39. width: 1.2em;
  40. height: 1.2em;
  41. background-color: #ccc;
  42. border: 1px solid #999;
  43. }
  44. .rate-widget-slider .ui-slider-handle:hover {
  45. background-color: #999;
  46. border: 1px solid #999;
  47. }
  48. .rate-widget-slider .ui-slider-handle-active, .ui-slider-handle-active:hover {
  49. background-color: #999;
  50. border: 1px solid #999;
  51. }
  52. .rate-widget-slider .ui-slider-range {
  53. /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
  54. height: .8em;
  55. background-color: #ccc;
  56. position: absolute;
  57. border: 1px solid #999;
  58. border-left: 0;
  59. border-right: 0;
  60. top: -1px;
  61. z-index: 1;
  62. }