You are here

term_reference_tree.css in Taxonomy Term Reference Tree Widget 7.2

Same filename and directory in other branches
  1. 8 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,
ul.term-reference-tree-level,
.region-content ul.term-reference-tree-level
{
  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,
ul.term-reference-tree-level ul,
.region-content ul.term-reference-tree-level ul
{
  margin-left: 1.5em;
}

.item-list .field-widget-term-reference-tree ul .form-item,
.block .field-widget-term-reference-tree ul .form-item,
ul.term-reference-tree-level .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;
  *display: inline;
  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');
}

ul.term-reference-tree-level .form-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

ul.term-reference-tree-level .disabled {
  opacity: .5;
}

ul.term-reference-tree-level .parent-term {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-weight: bold;
}

.form-type-checkbox-tree .error,
.term-reference-tree.error {
  background-image: none;
  border: 2px solid red;
  padding: 3px;
}

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