You are here

Home » API reference » YAML Form 8

yamlform.element.rating.css in YAML Form 8

Rating element styles.

File

css/yamlform.element.rating.css
View source 
  1. /**

  2.  * @file

  3.  * Rating element styles.

  4.  */

  5. 

  6. html.js .form-yamlform-rating {

  7.   display: none;

  8. }

  9. 

  10. div.svg div.rateit-range {

  11.   background: url(../images/rating/star-normal.svg);

  12. }

  13. 

  14. div.svg div.rateit-hover {

  15.   background: url(../images/rating/star-hover.svg);

  16. }

  17. 

  18. div.svg div.rateit-selected {

  19.   background: url(../images/rating/star-selected.svg);

  20. }

  21. 

  22. div.svg div.rateit-preset {

  23.   background: url(../images/rating/star-preset.svg);

  24. }

  25. 

  26. div.svg button.rateit-reset {

  27.   background: url(../images/rating/reset-normal.svg);

  28. }

  29. 

  30. div.svg button.rateit-reset:hover {

  31.   background: url(../images/rating/reset-hover.svg);

  32. }

  33. 

  34. /**

  35.  * Small

  36.  */

  37. div.svg.rateit-small {

  38.   height: 16px;

  39. }

  40. 

  41. div.svg.rateit-small div.rateit-range,

  42. div.svg.rateit-small div.rateit-hover,

  43. div.svg.rateit-small div.rateit-selected,

  44. div.svg.rateit-small div.rateit-preset {

  45.   background-size: 16px 16px;

  46. }

  47. 

  48. div.svg.rateit-small button.rateit-reset {

  49.   height: 16px;

  50.   width: 16px;

  51.   background-size: 16px 16px;

  52. }

  53. 

  54. /**

  55.  * Medium

  56.  */

  57. div.svg.rateit-medium {

  58.   height: 24px;

  59. }

  60. 

  61. div.svg.rateit-medium div.rateit-range,

  62. div.svg.rateit-medium div.rateit-hover,

  63. div.svg.rateit-medium div.rateit-selected,

  64. div.svg.rateit-medium div.rateit-preset {

  65.   background-size: 24px 24px;

  66. }

  67. 

  68. div.svg.rateit-medium button.rateit-reset {

  69.   height: 24px;

  70.   width: 24px;

  71.   background-size: 24px 24px;

  72. }

  73. 

  74. /**

  75.  * Large

  76.  */

  77. div.svg.rateit-large {

  78.   height: 36px;

  79. }

  80. 

  81. div.svg.rateit-large div.rateit-range,

  82. div.svg.rateit-large div.rateit-hover,

  83. div.svg.rateit-large div.rateit-selected,

  84. div.svg.rateit-large div.rateit-preset {

  85.   background-size: 32px 32px;

  86. }

  87. 

  88. div.svg.rateit-large button.rateit-reset {

  89.   height: 32px;

  90.   width: 32px;

  91.   background-size: 32px 32px;

  92. }