You are here

Home » API reference » Fivestar 7.2

fivestar.css in Fivestar 7.2

Same filename and directory in other branches
  1. 8 css/fivestar.css
  2. 5 css/fivestar.css
  3. 6.2 css/fivestar.css
  4. 6 css/fivestar.css
/* Plain HTML Version */
form.fivestar-widget {
  clear: both;
  display: block;
}
form.fivestar-widget select,
form.fivestar-widget input {
  margin: 0;
}

/* Combo Static and Rate Widget */
.fivestar-combo-stars .fivestar-static-form-item {
  float: left; /* RTL */
  margin-right: 40px; /* RTL */
  margin-left: 40px; /* RTL */
}
.fivestar-combo-stars .fivestar-static-item {
  float: left; /* RTL */
  margin-right: 40px; /* RTL */
}

.fivestar-combo-stars .fivestar-form-item {
  float: left; /* RTL */
}

/* Fivestar form items */
.fivestar-static-form-item .form-item,
.fivestar-form-item .form-item {
  margin: 0;
}

/* Static View-only Star Version */
div.fivestar-widget-static {
  display: block;
}

div.fivestar-widget-static br {
  clear: left; /* RTL */
}

div.fivestar-widget-static .star {
  float: left; /* RTL */
  width: 17px;
  height: 15px;
  overflow: hidden;
  text-indent: -999em;
  background: url(../widgets/default/star.gif) no-repeat 0 0; /* RTL */
}

div.fivestar-widget-static .star span.on {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../widgets/default/star.gif) no-repeat 0 -32px; /* RTL */
}

div.fivestar-widget-static .star span.off {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../widgets/default/star.gif) no-repeat 0 0; /* RTL */
}

/* Javascript Star Version */
div.fivestar-widget {
  display: block;
}

div.fivestar-widget .cancel,
div.fivestar-widget .star {
  float: left; /* RTL */
  width: 17px;
  height: 15px;
  overflow: hidden;
  text-indent: -999em;
}
div.fivestar-widget .cancel,
div.fivestar-widget .cancel a {
  background: url(../widgets/default/delete.gif) no-repeat 0 -16px; /* RTL */
  text-decoration: none;
}

div.fivestar-widget .star,
div.fivestar-widget .star a {
  background: url(../widgets/default/star.gif) no-repeat 0 0; /* RTL */
  text-decoration: none;
}

div.fivestar-widget .cancel a,
div.fivestar-widget .star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0; /* RTL */
  cursor: pointer;
}

div.fivestar-widget div.on a {
  background-position: 0 -16px; /* RTL */
}
div.fivestar-widget div.hover a,
div.rating div a:hover {
  background-position: 0 -32px; /* RTL */
}
form.fivestar-widget div.description {
  margin-bottom: 0;
}

html.js .fivestar-submit {
  display: none;
}

.fivestar-combo-stars .form-type-fivestar .form-item {
  float: left;
}

File

css/fivestar.css
View source 
  1. /* Plain HTML Version */

  2. form.fivestar-widget {

  3.   clear: both;

  4.   display: block;

  5. }

  6. form.fivestar-widget select,

  7. form.fivestar-widget input {

  8.   margin: 0;

  9. }

  10. 

  11. /* Combo Static and Rate Widget */

  12. .fivestar-combo-stars .fivestar-static-form-item {

  13.   float: left; /* RTL */

  14.   margin-right: 40px; /* RTL */

  15.   margin-left: 40px; /* RTL */

  16. }

  17. .fivestar-combo-stars .fivestar-static-item {

  18.   float: left; /* RTL */

  19.   margin-right: 40px; /* RTL */

  20. }

  21. 

  22. .fivestar-combo-stars .fivestar-form-item {

  23.   float: left; /* RTL */

  24. }

  25. 

  26. /* Fivestar form items */

  27. .fivestar-static-form-item .form-item,

  28. .fivestar-form-item .form-item {

  29.   margin: 0;

  30. }

  31. 

  32. /* Static View-only Star Version */

  33. div.fivestar-widget-static {

  34.   display: block;

  35. }

  36. 

  37. div.fivestar-widget-static br {

  38.   clear: left; /* RTL */

  39. }

  40. 

  41. div.fivestar-widget-static .star {

  42.   float: left; /* RTL */

  43.   width: 17px;

  44.   height: 15px;

  45.   overflow: hidden;

  46.   text-indent: -999em;

  47.   background: url(../widgets/default/star.gif) no-repeat 0 0; /* RTL */

  48. }

  49. 

  50. div.fivestar-widget-static .star span.on {

  51.   display: block;

  52.   width: 100%;

  53.   height: 100%;

  54.   background: url(../widgets/default/star.gif) no-repeat 0 -32px; /* RTL */

  55. }

  56. 

  57. div.fivestar-widget-static .star span.off {

  58.   display: block;

  59.   width: 100%;

  60.   height: 100%;

  61.   background: url(../widgets/default/star.gif) no-repeat 0 0; /* RTL */

  62. }

  63. 

  64. /* Javascript Star Version */

  65. div.fivestar-widget {

  66.   display: block;

  67. }

  68. 

  69. div.fivestar-widget .cancel,

  70. div.fivestar-widget .star {

  71.   float: left; /* RTL */

  72.   width: 17px;

  73.   height: 15px;

  74.   overflow: hidden;

  75.   text-indent: -999em;

  76. }

  77. div.fivestar-widget .cancel,

  78. div.fivestar-widget .cancel a {

  79.   background: url(../widgets/default/delete.gif) no-repeat 0 -16px; /* RTL */

  80.   text-decoration: none;

  81. }

  82. 

  83. div.fivestar-widget .star,

  84. div.fivestar-widget .star a {

  85.   background: url(../widgets/default/star.gif) no-repeat 0 0; /* RTL */

  86.   text-decoration: none;

  87. }

  88. 

  89. div.fivestar-widget .cancel a,

  90. div.fivestar-widget .star a {

  91.   display: block;

  92.   width: 100%;

  93.   height: 100%;

  94.   background-position: 0 0; /* RTL */

  95.   cursor: pointer;

  96. }

  97. 

  98. div.fivestar-widget div.on a {

  99.   background-position: 0 -16px; /* RTL */

  100. }

  101. div.fivestar-widget div.hover a,

  102. div.rating div a:hover {

  103.   background-position: 0 -32px; /* RTL */

  104. }

  105. form.fivestar-widget div.description {

  106.   margin-bottom: 0;

  107. }

  108. 

  109. html.js .fivestar-submit {

  110.   display: none;

  111. }

  112. 

  113. .fivestar-combo-stars .form-type-fivestar .form-item {

  114.   float: left;

  115. }