You are here

hierarchical_select-rtl.css in Hierarchical Select 6.3


/* The hierarchical select. */
.hierarchical-select-wrapper .hierarchical-select .selects {
  float: right; /* If a block is floated, it won't consume as much width as
                   available, only just enough. This allows the grippie to
                   perfectly scale with the with consumed by the selects. */ 
}

.hierarchical-select-wrapper .hierarchical-select .selects .grippie {
  clear: right; /* clear: left; */
  height: 9px;
  overflow: hidden;
  background: #eee url(images/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  margin-left: 0.5em; /* margin-right: 0.5em; */ /* Give the grippie the same margin as each select. */
  min-width: 70px; /* Hack for IE, makes the grip usable, but not yet the same as in other browsers. */
}

.hierarchical-select-wrapper .hierarchical-select select,
.hierarchical-select-wrapper .hierarchical-select .add-to-dropbox,
.hierarchical-select-wrapper .hierarchical-select .create-new-item {
  margin-left: .5em;
  float: right;
}


/* The pseudo-modal window for creating a new item or new level. */
.hierarchical-select-wrapper .hierarchical-select .create-new-item-create,
.hierarchical-select-wrapper .hierarchical-select .create-new-item-cancel {
  float: left;
  margin-right: .4em;
}

.hierarchical-select-wrapper .hierarchical-select .create-new-item-input {
  float: right;
  clear: left;
}


/* Child level indicator. */
.hierarchical-select-wrapper .hierarchical-select option.has-children {
  background: url(images/arrow-rtl.png) no-repeat left center;
}


/* Dropbox limit warning.*/
p.hierarchical-select-dropbox-limit-warning {
  padding-right: .5em;
}

File

hierarchical_select-rtl.css
View source
  1. /* The hierarchical select. */
  2. .hierarchical-select-wrapper .hierarchical-select .selects {
  3. float: right; /* If a block is floated, it won't consume as much width as
  4. available, only just enough. This allows the grippie to
  5. perfectly scale with the with consumed by the selects. */
  6. }
  7. .hierarchical-select-wrapper .hierarchical-select .selects .grippie {
  8. clear: right; /* clear: left; */
  9. height: 9px;
  10. overflow: hidden;
  11. background: #eee url(images/grippie.png) no-repeat center 2px;
  12. border: 1px solid #ddd;
  13. border-top-width: 0;
  14. cursor: s-resize;
  15. margin-left: 0.5em; /* margin-right: 0.5em; */ /* Give the grippie the same margin as each select. */
  16. min-width: 70px; /* Hack for IE, makes the grip usable, but not yet the same as in other browsers. */
  17. }
  18. .hierarchical-select-wrapper .hierarchical-select select,
  19. .hierarchical-select-wrapper .hierarchical-select .add-to-dropbox,
  20. .hierarchical-select-wrapper .hierarchical-select .create-new-item {
  21. margin-left: .5em;
  22. float: right;
  23. }
  24. /* The pseudo-modal window for creating a new item or new level. */
  25. .hierarchical-select-wrapper .hierarchical-select .create-new-item-create,
  26. .hierarchical-select-wrapper .hierarchical-select .create-new-item-cancel {
  27. float: left;
  28. margin-right: .4em;
  29. }
  30. .hierarchical-select-wrapper .hierarchical-select .create-new-item-input {
  31. float: right;
  32. clear: left;
  33. }
  34. /* Child level indicator. */
  35. .hierarchical-select-wrapper .hierarchical-select option.has-children {
  36. background: url(images/arrow-rtl.png) no-repeat left center;
  37. }
  38. /* Dropbox limit warning.*/
  39. p.hierarchical-select-dropbox-limit-warning {
  40. padding-right: .5em;
  41. }