You are here

fivestar-admin.css in Fivestar 7.2

/* Fivestar Settings Preview */
div.fivestar-star-preview {
  border: none;
  width: 200px;
  height: 70px;
}
div.fivestar-widgets div.form-item {
  float: left; /* RTL */
}

/* Farbtastic placement */
.color-form {
  max-width: 50em;
  position: relative;
}
#placeholder {
  position: absolute;
  top: -0.5em;
  right: 0; /* RTL */
}

/* Palette */
.color-form .form-item {
  height: 2em;
  line-height: 2em;
  margin: 0.5em 0;
}
.color-form label {
  float: left; /* RTL */
  width: 12em;
}
.color-form .form-text,
.color-form .form-select {
  float: left; /* RTL */
}
.color-form .form-text {
  text-align: center;
  margin-right: 5px; /* RTL */
  cursor: pointer;
}

#fivestar-palette .lock {
  float: left; /* RTL */
  position: relative;
  left: -3px; /* RTL */
  width: 20px;
  height: 25px;
  background: url(../images/lock.png) no-repeat 50% 2px;
  cursor: pointer;
}
#fivestar-palette .unlocked {
  background-position: 50% -22px;
}
#fivestar-palette .form-item .form-item {
  width: inherit;
  margin: 0;
  float: left; /* RTL */
}
#fivestar-palette .item-selected input {
  border: 2px solid black;
}

File

css/fivestar-admin.css
View source
  1. /* Fivestar Settings Preview */
  2. div.fivestar-star-preview {
  3. border: none;
  4. width: 200px;
  5. height: 70px;
  6. }
  7. div.fivestar-widgets div.form-item {
  8. float: left; /* RTL */
  9. }
  10. /* Farbtastic placement */
  11. .color-form {
  12. max-width: 50em;
  13. position: relative;
  14. }
  15. #placeholder {
  16. position: absolute;
  17. top: -0.5em;
  18. right: 0; /* RTL */
  19. }
  20. /* Palette */
  21. .color-form .form-item {
  22. height: 2em;
  23. line-height: 2em;
  24. margin: 0.5em 0;
  25. }
  26. .color-form label {
  27. float: left; /* RTL */
  28. width: 12em;
  29. }
  30. .color-form .form-text,
  31. .color-form .form-select {
  32. float: left; /* RTL */
  33. }
  34. .color-form .form-text {
  35. text-align: center;
  36. margin-right: 5px; /* RTL */
  37. cursor: pointer;
  38. }
  39. #fivestar-palette .lock {
  40. float: left; /* RTL */
  41. position: relative;
  42. left: -3px; /* RTL */
  43. width: 20px;
  44. height: 25px;
  45. background: url(../images/lock.png) no-repeat 50% 2px;
  46. cursor: pointer;
  47. }
  48. #fivestar-palette .unlocked {
  49. background-position: 50% -22px;
  50. }
  51. #fivestar-palette .form-item .form-item {
  52. width: inherit;
  53. margin: 0;
  54. float: left; /* RTL */
  55. }
  56. #fivestar-palette .item-selected input {
  57. border: 2px solid black;
  58. }