You are here

Home » API reference » Fivestar 8

fivestar.css in Fivestar 8

Same filename and directory in other branches
  1. 5 css/fivestar.css
  2. 6.2 css/fivestar.css
  3. 6 css/fivestar.css
  4. 7.2 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; /* LTR */
  margin-right: 40px; /* LTR */
  margin-left: 40px; /* LTR */
}

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

/* 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; /* LTR */
}

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

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

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

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

div.fivestar-widget .cancel,
div.fivestar-widget .star {
  float: left; /* LTR */
  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; /* LTR */
  text-decoration: none;
}

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

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

div.fivestar-widget div.on a {
  background-position: 0 -16px; /* LTR */
}
div.fivestar-widget div.hover a,
div.rating div a:hover {
  background-position: 0 -32px; /* LTR */
}
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; /* LTR */

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

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

  16. }

  17. 

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

  19.   float: left; /* LTR */

  20. }

  21. 

  22. /* Fivestar form items */

  23. .fivestar-static-form-item .form-item,

  24. .fivestar-form-item .form-item {

  25.   margin: 0;

  26. }

  27. 

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

  29. div.fivestar-widget-static {

  30.   display: block;

  31. }

  32. 

  33. div.fivestar-widget-static br {

  34.   clear: left; /* LTR */

  35. }

  36. 

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

  38.   float: left; /* LTR */

  39.   width: 17px;

  40.   height: 15px;

  41.   overflow: hidden;

  42.   text-indent: -999em;

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

  44. }

  45. 

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

  47.   display: block;

  48.   width: 100%;

  49.   height: 100%;

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

  51. }

  52. 

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

  54.   display: block;

  55.   width: 100%;

  56.   height: 100%;

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

  58. }

  59. 

  60. /* Javascript Star Version */

  61. div.fivestar-widget {

  62.   display: block;

  63. }

  64. 

  65. div.fivestar-widget .cancel,

  66. div.fivestar-widget .star {

  67.   float: left; /* LTR */

  68.   width: 17px;

  69.   height: 15px;

  70.   overflow: hidden;

  71.   text-indent: -999em;

  72. }

  73. div.fivestar-widget .cancel,

  74. div.fivestar-widget .cancel a {

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

  76.   text-decoration: none;

  77. }

  78. 

  79. div.fivestar-widget .star,

  80. div.fivestar-widget .star a {

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

  82.   text-decoration: none;

  83. }

  84. 

  85. div.fivestar-widget .cancel a,

  86. div.fivestar-widget .star a {

  87.   display: block;

  88.   width: 100%;

  89.   height: 100%;

  90.   background-position: 0 0; /* LTR */

  91.   cursor: pointer;

  92. }

  93. 

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

  95.   background-position: 0 -16px; /* LTR */

  96. }

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

  98. div.rating div a:hover {

  99.   background-position: 0 -32px; /* LTR */

  100. }

  101. form.fivestar-widget div.description {

  102.   margin-bottom: 0;

  103. }

  104. 

  105. html.js .fivestar-submit {

  106.   display: none;

  107. }

  108. 

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

  110.   float: left;

  111. }