You are here

term_reference_tree.css in Taxonomy Term Reference Tree Widget 7

Same filename and directory in other branches
  1. 8 term_reference_tree.css
  2. 7.2 term_reference_tree.css
.item-list .term-reference-tree ul,
.block .term-reference-tree ul,
.term-reference-tree ul {
  list-style-type: none;
  list-style-image: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}
html[dir=rtl] .item-list .term-reference-tree ul,
html[dir=rtl] .block .term-reference-tree ul,
html[dir=rtl] .term-reference-tree ul {
  margin-right: 0;
  margin-left: unset;
}
.item-list .term-reference-tree li,
.block .term-reference-tree li,
.term-reference-tree li {
  margin-left: 0;
  margin-bottom: 3px;
  line-height: 1.2em;
}
html[dir=rtl] .item-list .term-reference-tree li,
html[dir=rtl] .block .term-reference-tree li,
html[dir=rtl] .term-reference-tree li {
  margin-right: 0;
  margin-left: unset;
}
.item-list .term-reference-tree ul ul,
.block .term-reference-tree ul ul,
.term-reference-tree ul ul {
  margin-left: 20px;
  padding-left: 0;
}
html[dir=rtl] .item-list .term-reference-tree ul ul,
html[dir=rtl] .block .term-reference-tree ul ul,
html[dir=rtl] .term-reference-tree ul ul {
  margin-right: 20px;
  padding-right: 0;
  margin-left: unset;
  padding-left: unset;
}
.item-list .term-reference-tree ul .form-item,
.block .term-reference-tree ul .form-item,
.term-reference-tree ul .form-item {
  padding: 0;
  margin: 0 0 0 20px;
}
html[dir=rtl] .item-list .term-reference-tree ul .form-item,
html[dir=rtl] .block .term-reference-tree ul .form-item,
html[dir=rtl] .term-reference-tree ul .form-item {
  margin: 0 20px 0 0;
}
.term-reference-tree-button,
.no-term-reference-tree-button {
  width: 16px;
  height: 16px;
  display: inline-block;
  display: inline\9;
  zoom: 1;
  vertical-align: middle;
  margin-right: 4px;
  float: left;
}
html[dir=rtl] .term-reference-tree-button,
html[dir=rtl] .no-term-reference-tree-button {
  margin-left: 4px;
  float: right;
  margin-right: unset;
}
.term-reference-tree-button {
  background-image: url('images/bullet_toggle_minus.png');
}
.term-reference-tree-button:hover {
  cursor: pointer;
}
.no-term-reference-tree-button {
  background-color: transparent;
}
.term-reference-tree-button.term-reference-tree-collapsed {
  background-image: url('images/bullet_toggle_plus.png');
}
.field-widget-term-reference-tree .form-item {
  display: inline-block;
  vertical-align: middle;
  display: inline\9;
  zoom: 1;
}
.field-widget-term-reference-tree input.form-checkbox,
.field-widget-term-reference-tree input.form-radio {
  float: left;
  margin-top: 2px;
  margin-left: -20px;
}
html[dir=rtl] .field-widget-term-reference-tree input.form-checkbox,
html[dir=rtl] .field-widget-term-reference-tree input.form-radio {
  float: right;
  margin-right: -20px;
  margin-left: unset;
}
.field-widget-term-reference-tree .form-type-checkbox label,
.field-widget-term-reference-tree .form-type-radio label {
  margin-left: 0;
  font-size: 0.875em;
}
html[dir=rtl] .field-widget-term-reference-tree .form-type-checkbox label,
html[dir=rtl] .field-widget-term-reference-tree .form-type-radio label {
  margin-right: 0;
  margin-left: unset;
}
.field-widget-term-reference-tree > .form-item {
  display: block;
}
.field-widget-term-reference-tree .disabled {
  opacity: 0.5;
}
.field-widget-term-reference-tree .parent-term {
  display: inline-block;
  display: inline\9;
  zoom: 1;
  font-weight: bold;
}
.form-type-checkbox-tree .error {
  background-image: none;
  border: 2px solid red;
  padding: 3px;
}
.region-content ul.term-reference-tree-level,
.term-reference-tree-level {
  padding: 0;
  margin-top: 3px;
}
.term-reference-tree-level .loading .term-reference-tree-button,
.term-reference-tree-level .loading .form-item {
  pointer-events: none;
  opacity: 0.6;
}

/*
 * Styles for track list of selected options.
 */
.term-reference-tree-track-list li {
  list-style-type: none;
  list-style-image: none;
  margin-left: 10px;
  padding-left: 20px;
  min-height: 16px;
  cursor: pointer;
}
html[dir=rtl] .term-reference-tree-track-list li {
  margin-right: 10px;
  padding-right: 20px;
  margin-left: unset;
  padding-left: unset;
}
.term-reference-tree-track-list li.track-item:hover {
  color: #f00;
  background-image: url("images/bullet_delete.png");
  background-repeat: no-repeat;
  background-position: center left;
}
html[dir=rtl] .term-reference-tree-track-list li.track-item:hover {
  background-position: center right;
}
.term-reference-tree-track-list li.term_ref_tree_nothing_message {
  list-style-type: none;
  list-style-image: none;
  font-style: italic;
  cursor: default;
}
.term-reference-track-list-container {
  padding: 5px;
}
.term-reference-track-list-label {
  font-weight: bold;
}
/*
 * Styles for display element
 */
.term-tree-list .selected {
  font-weight: bold;
}
.term-tree-list .unselected {
  font-weight: normal;
}
.term-tree-list ul {
  margin-top: 0;
}
.field-type-taxonomy-term-reference ul.links .term-tree-list ul.term li {
  float: none;
}
div.term-reference-tree-widget-level-ajax {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

div.term-reference-tree-widget-level-ajax .term-reference-tree-widget-level-ajax-button,
div.term-reference-tree-widget-level-ajax .ajax-progress-throbber .message {
  display: none;
}

File

term_reference_tree.css
View source
  1. .item-list .term-reference-tree ul,
  2. .block .term-reference-tree ul,
  3. .term-reference-tree ul {
  4. list-style-type: none;
  5. list-style-image: none;
  6. margin-top: 0;
  7. margin-bottom: 0;
  8. margin-left: 0;
  9. }
  10. html[dir=rtl] .item-list .term-reference-tree ul,
  11. html[dir=rtl] .block .term-reference-tree ul,
  12. html[dir=rtl] .term-reference-tree ul {
  13. margin-right: 0;
  14. margin-left: unset;
  15. }
  16. .item-list .term-reference-tree li,
  17. .block .term-reference-tree li,
  18. .term-reference-tree li {
  19. margin-left: 0;
  20. margin-bottom: 3px;
  21. line-height: 1.2em;
  22. }
  23. html[dir=rtl] .item-list .term-reference-tree li,
  24. html[dir=rtl] .block .term-reference-tree li,
  25. html[dir=rtl] .term-reference-tree li {
  26. margin-right: 0;
  27. margin-left: unset;
  28. }
  29. .item-list .term-reference-tree ul ul,
  30. .block .term-reference-tree ul ul,
  31. .term-reference-tree ul ul {
  32. margin-left: 20px;
  33. padding-left: 0;
  34. }
  35. html[dir=rtl] .item-list .term-reference-tree ul ul,
  36. html[dir=rtl] .block .term-reference-tree ul ul,
  37. html[dir=rtl] .term-reference-tree ul ul {
  38. margin-right: 20px;
  39. padding-right: 0;
  40. margin-left: unset;
  41. padding-left: unset;
  42. }
  43. .item-list .term-reference-tree ul .form-item,
  44. .block .term-reference-tree ul .form-item,
  45. .term-reference-tree ul .form-item {
  46. padding: 0;
  47. margin: 0 0 0 20px;
  48. }
  49. html[dir=rtl] .item-list .term-reference-tree ul .form-item,
  50. html[dir=rtl] .block .term-reference-tree ul .form-item,
  51. html[dir=rtl] .term-reference-tree ul .form-item {
  52. margin: 0 20px 0 0;
  53. }
  54. .term-reference-tree-button,
  55. .no-term-reference-tree-button {
  56. width: 16px;
  57. height: 16px;
  58. display: inline-block;
  59. display: inline\9;
  60. zoom: 1;
  61. vertical-align: middle;
  62. margin-right: 4px;
  63. float: left;
  64. }
  65. html[dir=rtl] .term-reference-tree-button,
  66. html[dir=rtl] .no-term-reference-tree-button {
  67. margin-left: 4px;
  68. float: right;
  69. margin-right: unset;
  70. }
  71. .term-reference-tree-button {
  72. background-image: url('images/bullet_toggle_minus.png');
  73. }
  74. .term-reference-tree-button:hover {
  75. cursor: pointer;
  76. }
  77. .no-term-reference-tree-button {
  78. background-color: transparent;
  79. }
  80. .term-reference-tree-button.term-reference-tree-collapsed {
  81. background-image: url('images/bullet_toggle_plus.png');
  82. }
  83. .field-widget-term-reference-tree .form-item {
  84. display: inline-block;
  85. vertical-align: middle;
  86. display: inline\9;
  87. zoom: 1;
  88. }
  89. .field-widget-term-reference-tree input.form-checkbox,
  90. .field-widget-term-reference-tree input.form-radio {
  91. float: left;
  92. margin-top: 2px;
  93. margin-left: -20px;
  94. }
  95. html[dir=rtl] .field-widget-term-reference-tree input.form-checkbox,
  96. html[dir=rtl] .field-widget-term-reference-tree input.form-radio {
  97. float: right;
  98. margin-right: -20px;
  99. margin-left: unset;
  100. }
  101. .field-widget-term-reference-tree .form-type-checkbox label,
  102. .field-widget-term-reference-tree .form-type-radio label {
  103. margin-left: 0;
  104. font-size: 0.875em;
  105. }
  106. html[dir=rtl] .field-widget-term-reference-tree .form-type-checkbox label,
  107. html[dir=rtl] .field-widget-term-reference-tree .form-type-radio label {
  108. margin-right: 0;
  109. margin-left: unset;
  110. }
  111. .field-widget-term-reference-tree > .form-item {
  112. display: block;
  113. }
  114. .field-widget-term-reference-tree .disabled {
  115. opacity: 0.5;
  116. }
  117. .field-widget-term-reference-tree .parent-term {
  118. display: inline-block;
  119. display: inline\9;
  120. zoom: 1;
  121. font-weight: bold;
  122. }
  123. .form-type-checkbox-tree .error {
  124. background-image: none;
  125. border: 2px solid red;
  126. padding: 3px;
  127. }
  128. .region-content ul.term-reference-tree-level,
  129. .term-reference-tree-level {
  130. padding: 0;
  131. margin-top: 3px;
  132. }
  133. .term-reference-tree-level .loading .term-reference-tree-button,
  134. .term-reference-tree-level .loading .form-item {
  135. pointer-events: none;
  136. opacity: 0.6;
  137. }
  138. /*
  139. * Styles for track list of selected options.
  140. */
  141. .term-reference-tree-track-list li {
  142. list-style-type: none;
  143. list-style-image: none;
  144. margin-left: 10px;
  145. padding-left: 20px;
  146. min-height: 16px;
  147. cursor: pointer;
  148. }
  149. html[dir=rtl] .term-reference-tree-track-list li {
  150. margin-right: 10px;
  151. padding-right: 20px;
  152. margin-left: unset;
  153. padding-left: unset;
  154. }
  155. .term-reference-tree-track-list li.track-item:hover {
  156. color: #f00;
  157. background-image: url("images/bullet_delete.png");
  158. background-repeat: no-repeat;
  159. background-position: center left;
  160. }
  161. html[dir=rtl] .term-reference-tree-track-list li.track-item:hover {
  162. background-position: center right;
  163. }
  164. .term-reference-tree-track-list li.term_ref_tree_nothing_message {
  165. list-style-type: none;
  166. list-style-image: none;
  167. font-style: italic;
  168. cursor: default;
  169. }
  170. .term-reference-track-list-container {
  171. padding: 5px;
  172. }
  173. .term-reference-track-list-label {
  174. font-weight: bold;
  175. }
  176. /*
  177. * Styles for display element
  178. */
  179. .term-tree-list .selected {
  180. font-weight: bold;
  181. }
  182. .term-tree-list .unselected {
  183. font-weight: normal;
  184. }
  185. .term-tree-list ul {
  186. margin-top: 0;
  187. }
  188. .field-type-taxonomy-term-reference ul.links .term-tree-list ul.term li {
  189. float: none;
  190. }
  191. div.term-reference-tree-widget-level-ajax {
  192. display: inline-block;
  193. vertical-align: middle;
  194. line-height: 1;
  195. }
  196. div.term-reference-tree-widget-level-ajax .term-reference-tree-widget-level-ajax-button,
  197. div.term-reference-tree-widget-level-ajax .ajax-progress-throbber .message {
  198. display: none;
  199. }