You are here

term_reference_tree.css in Taxonomy Term Reference Tree Widget 8

Same filename and directory in other branches
  1. 7.2 term_reference_tree.css
  2. 7 term_reference_tree.css
.item-list .field--widget-term-reference-tree ul,
.block .field--widget-term-reference-tree ul,
.field--widget-term-reference-tree ul {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.item-list .field--widget-term-reference-tree ul ul,
.block .field--widget-term-reference-tree ul ul,
.field--widget-term-reference-tree ul ul {
  margin-left: 1.5em;
}
.item-list .field--widget-term-reference-tree ul .form-item,
.block .field--widget-term-reference-tree ul .form-item,
.field--widget-term-reference-tree ul .form-item {
  margin: 0;
  padding: 0;
}
.term-reference-tree-button,
.no-term-reference-tree-button {
  width: 16px;
  height: 16px;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  margin-right: 4px;
}
.term-reference-tree-button {
  background-image: url('images/bullet_toggle_minus.png');
}
.no-term-reference-tree-button {
  background-color: #ddd;
}
.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;
  *display: inline;
  zoom: 1;
}
.field--widget-term-reference-tree .disabled {
  opacity: .5;
}
.field--widget-term-reference-tree .parent-term {
  display: inline-block;
  *display: inline;
  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;
}
.term-reference-tree-level .form-type--boolean .form-boolean {
  float: inherit;
  margin: 0;
}
/*
 * 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;
}
.term-reference-tree-track-list li.track-item:hover {
  color: red;
  background-image: url("images/bullet_delete.png");
  background-repeat: no-repeat;
  background-position: middle left;
}
.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-entity-reference ul.links .term-tree-list ul.term li {
  float: none;
}

File

term_reference_tree.css
View source
  1. .item-list .field--widget-term-reference-tree ul,
  2. .block .field--widget-term-reference-tree ul,
  3. .field--widget-term-reference-tree ul {
  4. list-style-type: none;
  5. margin-top: 0;
  6. margin-bottom: 0;
  7. margin-left: 0;
  8. }
  9. .item-list .field--widget-term-reference-tree ul ul,
  10. .block .field--widget-term-reference-tree ul ul,
  11. .field--widget-term-reference-tree ul ul {
  12. margin-left: 1.5em;
  13. }
  14. .item-list .field--widget-term-reference-tree ul .form-item,
  15. .block .field--widget-term-reference-tree ul .form-item,
  16. .field--widget-term-reference-tree ul .form-item {
  17. margin: 0;
  18. padding: 0;
  19. }
  20. .term-reference-tree-button,
  21. .no-term-reference-tree-button {
  22. width: 16px;
  23. height: 16px;
  24. display: inline-block;
  25. zoom: 1;
  26. vertical-align: middle;
  27. margin-right: 4px;
  28. }
  29. .term-reference-tree-button {
  30. background-image: url('images/bullet_toggle_minus.png');
  31. }
  32. .no-term-reference-tree-button {
  33. background-color: #ddd;
  34. }
  35. .term-reference-tree-button.term-reference-tree-collapsed {
  36. background-image: url('images/bullet_toggle_plus.png');
  37. }
  38. .field--widget-term-reference-tree .form-item {
  39. display: inline-block;
  40. *display: inline;
  41. zoom: 1;
  42. }
  43. .field--widget-term-reference-tree .disabled {
  44. opacity: .5;
  45. }
  46. .field--widget-term-reference-tree .parent-term {
  47. display: inline-block;
  48. *display: inline;
  49. zoom: 1;
  50. font-weight: bold;
  51. }
  52. .form-type-checkbox-tree .error {
  53. background-image: none;
  54. border: 2px solid red;
  55. padding: 3px;
  56. }
  57. .region-content ul.term-reference-tree-level,
  58. .term-reference-tree-level {
  59. padding: 0;
  60. }
  61. .term-reference-tree-level .form-type--boolean .form-boolean {
  62. float: inherit;
  63. margin: 0;
  64. }
  65. /*
  66. * Styles for track list of selected options.
  67. */
  68. .term-reference-tree-track-list li {
  69. list-style-type: none;
  70. list-style-image: none;
  71. margin-left: 10px;
  72. padding-left: 20px;
  73. min-height: 16px;
  74. cursor: pointer;
  75. }
  76. .term-reference-tree-track-list li.track-item:hover {
  77. color: red;
  78. background-image: url("images/bullet_delete.png");
  79. background-repeat: no-repeat;
  80. background-position: middle left;
  81. }
  82. .term-reference-tree-track-list li.term_ref_tree_nothing_message {
  83. list-style-type: none;
  84. list-style-image: none;
  85. font-style: italic;
  86. cursor: default;
  87. }
  88. .term-reference-track-list-container {
  89. padding: 5px;
  90. }
  91. .term-reference-track-list-label {
  92. font-weight: bold;
  93. }
  94. /*
  95. * Styles for display element
  96. */
  97. .term-tree-list .selected {
  98. font-weight: bold;
  99. }
  100. .term-tree-list .unselected {
  101. font-weight: normal;
  102. }
  103. .term-tree-list ul {
  104. margin-top: 0;
  105. }
  106. .field--type-entity-reference ul.links .term-tree-list ul.term li {
  107. float: none;
  108. }