You are here

fivestar-admin.css in Fivestar 5

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

/* Fivestar Node Type Preview */
#fivestar-comment-form,
#fivestar-direct-form {
  float: left; /* RTL */
}
#fivestar-comment-preview,
#fivestar-direct-preview {
  float: left; /* RTL */
  margin-left: 40px; /* RTL */
}
#fivestar-node-type-form fieldset {
  background: transparent;
}
.fivestar-preview {
  border: 1px solid #CCC;
  padding: 10px;
}

/* 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;
}
#fivestar-direct-preview div.description {
  margin-bottom: 0;
}
#fivestar-direct-preview div.feedback{
  font-size: 0.85em;
  line-height: 150%;
}

File

css/fivestar-admin.css
View source
  1. /* Fivestar Settings Preview */
  2. div.fivestar-star-preview {
  3. border: none;
  4. width: 200px;
  5. height: 60px;
  6. }
  7. div.fivestar-widgets div.form-item {
  8. float: left; /* RTL */
  9. }
  10. /* Fivestar Node Type Preview */
  11. #fivestar-comment-form,
  12. #fivestar-direct-form {
  13. float: left; /* RTL */
  14. }
  15. #fivestar-comment-preview,
  16. #fivestar-direct-preview {
  17. float: left; /* RTL */
  18. margin-left: 40px; /* RTL */
  19. }
  20. #fivestar-node-type-form fieldset {
  21. background: transparent;
  22. }
  23. .fivestar-preview {
  24. border: 1px solid #CCC;
  25. padding: 10px;
  26. }
  27. /* Farbtastic placement */
  28. .color-form {
  29. max-width: 50em;
  30. position: relative;
  31. }
  32. #placeholder {
  33. position: absolute;
  34. top: -0.5em;
  35. right: 0; /* RTL */
  36. }
  37. /* Palette */
  38. .color-form .form-item {
  39. height: 2em;
  40. line-height: 2em;
  41. margin: 0.5em 0;
  42. }
  43. .color-form label {
  44. float: left; /* RTL */
  45. width: 12em;
  46. }
  47. .color-form .form-text, .color-form .form-select {
  48. float: left; /* RTL */
  49. }
  50. .color-form .form-text {
  51. text-align: center;
  52. margin-right: 5px; /* RTL */
  53. cursor: pointer;
  54. }
  55. #fivestar-palette .lock {
  56. float: left; /* RTL */
  57. position: relative;
  58. left: -3px; /* RTL */
  59. width: 20px;
  60. height: 25px;
  61. background: url(../images/lock.png) no-repeat 50% 2px;
  62. cursor: pointer;
  63. }
  64. #fivestar-palette .unlocked {
  65. background-position: 50% -22px;
  66. }
  67. #fivestar-palette .form-item .form-item {
  68. width: inherit;
  69. margin: 0;
  70. float: left; /* RTL */
  71. }
  72. #fivestar-palette .item-selected input {
  73. border: 2px solid black;
  74. }
  75. #fivestar-direct-preview div.description {
  76. margin-bottom: 0;
  77. }
  78. #fivestar-direct-preview div.feedback{
  79. font-size: 0.85em;
  80. line-height: 150%;
  81. }