You are here

hierarchical_select-rtl.css in Hierarchical Select 5.2

div.hierarchical-select-container select.hierarchical-select-select,
div.hierarchical-select-container .hierarchical-select-add-to-dropbox {
  margin: 0;
  margin-left: .5em; /* margin-right: .5em; */
  margin-bottom: 1em;
  float: right; /* float: left; */
}

.dropbox-title {
  font-size: 115%;
  color: #898989;
}

.hierarchical-select-dropbox {
  margin: 0px;
  width: auto;
  max-width: 100%;
  min-width: 20em;
  margin-bottom: 1em;
  padding: 0px;
  color: grey;
  font-size: 90%;
  padding: 1em;
  margin-right: 1px; /* margin-left: 1px; */
}

.hierarchical-select-dropbox tbody {
  margin: 0;
  padding: 0;
  border: 1px solid grey;
}

tr.dropbox-entry {
  line-height: 1em;
  padding: .3em .6em;
}  

tr.dropbox-entry.even {
  background-color: transparent;
  border-bottom: 1px solid #CCCCCC;
}

tr.dropbox-entry.odd {
  background-color: #EDF5FA;
  border-bottom: 1px solid #CCCCCC;
}

tr.dropbox-entry.first {
  border-top: 1px solid grey;
}

tr.dropbox-entry.last {
  border-bottom: 1px solid grey;
}

.dropbox-selected-item {
  font-weight: bold;
}

.dropbox-item-separator {
  padding-left: .5em;
  padding-right: .5em;
}

.hierarchical-select-remove-from-dropbox {
  color: #F7A54F;
  cursor: pointer;
}

.dropbox-is-empty {
  padding: .5em 1em;
}


/* Level labels styles */

.hierarchical-select-level-label-bold {
  font-weight: bold;
}

.hierarchical-select-level-label-inversed {
  background-color: #000000;
  color: #FFFFFF;
}

.hierarchical-select-level-label-underlined {
  text-decoration: underline;
}


/* Dropbox limit */

p.hierarchical-select-dropbox-limit-warning {
  padding: 0;
  color: #F7A54F;
  font-size: 110%;
  padding-left: .5em;
}

File

hierarchical_select-rtl.css
View source
  1. div.hierarchical-select-container select.hierarchical-select-select,
  2. div.hierarchical-select-container .hierarchical-select-add-to-dropbox {
  3. margin: 0;
  4. margin-left: .5em; /* margin-right: .5em; */
  5. margin-bottom: 1em;
  6. float: right; /* float: left; */
  7. }
  8. .dropbox-title {
  9. font-size: 115%;
  10. color: #898989;
  11. }
  12. .hierarchical-select-dropbox {
  13. margin: 0px;
  14. width: auto;
  15. max-width: 100%;
  16. min-width: 20em;
  17. margin-bottom: 1em;
  18. padding: 0px;
  19. color: grey;
  20. font-size: 90%;
  21. padding: 1em;
  22. margin-right: 1px; /* margin-left: 1px; */
  23. }
  24. .hierarchical-select-dropbox tbody {
  25. margin: 0;
  26. padding: 0;
  27. border: 1px solid grey;
  28. }
  29. tr.dropbox-entry {
  30. line-height: 1em;
  31. padding: .3em .6em;
  32. }
  33. tr.dropbox-entry.even {
  34. background-color: transparent;
  35. border-bottom: 1px solid #CCCCCC;
  36. }
  37. tr.dropbox-entry.odd {
  38. background-color: #EDF5FA;
  39. border-bottom: 1px solid #CCCCCC;
  40. }
  41. tr.dropbox-entry.first {
  42. border-top: 1px solid grey;
  43. }
  44. tr.dropbox-entry.last {
  45. border-bottom: 1px solid grey;
  46. }
  47. .dropbox-selected-item {
  48. font-weight: bold;
  49. }
  50. .dropbox-item-separator {
  51. padding-left: .5em;
  52. padding-right: .5em;
  53. }
  54. .hierarchical-select-remove-from-dropbox {
  55. color: #F7A54F;
  56. cursor: pointer;
  57. }
  58. .dropbox-is-empty {
  59. padding: .5em 1em;
  60. }
  61. /* Level labels styles */
  62. .hierarchical-select-level-label-bold {
  63. font-weight: bold;
  64. }
  65. .hierarchical-select-level-label-inversed {
  66. background-color: #000000;
  67. color: #FFFFFF;
  68. }
  69. .hierarchical-select-level-label-underlined {
  70. text-decoration: underline;
  71. }
  72. /* Dropbox limit */
  73. p.hierarchical-select-dropbox-limit-warning {
  74. padding: 0;
  75. color: #F7A54F;
  76. font-size: 110%;
  77. padding-left: .5em;
  78. }