You are here

fivestar-admin.css in Fivestar 6

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