You are here

taxonomy_manager.css in Taxonomy Manager 5


#taxonomy-manager-form {
  width: 100%;
}

/**
 * Taxonomy Manager Tree formating
 */
#taxonomy-manager-tree-outer-div {
  float: left;
  height: 550px;	
  overflow: auto;
  width: 350px;
  margin: 0;
  padding: 0;
}

#taxonomy-manager-tree-outer-div fieldset {
  margin: 0;
  padding: 5px;
}

.treeview, .treeview ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.treeview .form-item {
  margin: 0;
  padding: 0;
}

.treeview li { 
  margin: 0;
  padding: 0 0 0 15px;
}
	
.hitArea {
  float: left;
  height: 15px;
  width: 15px;
  margin-left: -15px;
  cursor: pointer;
  _background: #fff;
  _filter: alpha(opacity=0);
  _display: inline;
}

.treeview li { background: url(../images/tv-item.gif) 0 0 no-repeat; }
.treeview .collapsable { background-image: url(../images/tv-collapsable.gif); }
.treeview .expandable { background-image: url(../images/tv-expandable.gif); }
.treeview .last { background-image: url(../images/tv-item-last.gif); }
.treeview .lastCollapsable { background-image: url(../images/tv-collapsable-last.gif); }
.treeview .lastExpandable { background-image: url(../images/tv-expandable-last.gif); }

.term-line {
  border-top: 1px solid #cccccc;
  display: inline;
}

.term-item {
  float: left;
}

.term-has-more-siblings {
  float: right;
  height: 38px;
}

.term-next-count {
  float: left;
  padding-top: 10px;
  color: #4ca108;
}

.term-downarrow-img {
  float: left;
}

.term-operations {
  float: left;
}


/**
 * Taxonomy Manger Toolbar
 */
#taxonomy-manager-toolbar{
  margin-top: 0;
}

#taxonomy-manager-toolbar-throbber{
  float: right;
  margin: 0px;
  padding: 0px;
}

#taxonomy-manager-toolbar-buttons{
  height: 33px;
  float:left;
}

input.taxonomy-manager-buttons {
  border: thin solid;
  border-color: #cccccc #555555 #555555 #cccccc;
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  background-position:3px;
  padding-left: 25px;
  padding-bottom: 3px;
  height: 28px;
}

input.add {
  background-image: url(../images/list-add.png);
}

input#edit-weight-up {
  background-image: url(../images/go-up.png);
}

input#edit-weight-down {
  background-image: url(../images/go-down.png);
}

input.delete {
  background-image: url(../images/list-remove.png);
}

input.move {
  background-image: url(../images/move.png);
}

input.merge {
  background-image: url(../images/merge.png);
}

input.export {
  background-image: url(../images/csv.png);
}

input.cancel {
  background-image: url(../images/dialog-cancel.png);
}

input.search {
  background-image: url(../images/edit-find.png);
}


/**
 * Taxonomy Manager Search
 */
#taxonomy-manager-search .fieldset-wrapper {
  overflow: visible; /*fixes hidden autocomplete result in FF*/
}

#edit-search-button {
  margin-top: 15px;
  margin-left: 10px;
  float: left;
}

#edit-find-field {
  float: left;
  line-height: 150%;
}

#edit-find-field .form-item {
  padding: 0;
  margin: 0;
}


/**
 * Term Data Form
 */
#taxonomy-term-data {
  float: left;
  margin-left: 20px;
  font-size: 12px;
  line-height: 150%;
}

#taxonomy-term-data textarea {
  line-height: 150%;
  font-size: 12px;
}

#taxonomy-term-data .resizable-textarea {
  width: 100%;
}

#taxonomy-term-data .form-item{
  width: 100%;
}

#taxonomy-term-data-fieldset {
  margin: 0;
  padding: 10px;
}

#taxonomy-term-data-fieldset .form-item {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.taxonomy-term-data-table {
  width: 380px;
  margin: 1em 0 0 0;
}

.taxonomy-term-data-name {
  width: 350px;
}

.taxonomy-term-data-operations {
  width: 20px;
  padding-left:0.8em;
}

.taxonomy-term-data-table td {
  margin: 0;
  padding: 0px 0px 0px 10px;
}
.taxonomy-term-data-table th {
  padding: 0;
}


.term-data-autocomplete {
  float: left;
  width: 350px;
}
.term-data-autocomplete-add {
  float: left; 
  margin-bottom:0.5em;
  margin-top:0.3em;
  padding-left:0.8em;
}

.term-data-autocomplete input {
  width: 100%;
}

#term-data-name-save {
  padding-top: 23px;
  padding-left: 10px;
  float: left;
}

#term-data-name-field {
  float: left;
  width: 350px;
}

#edit-term-data-name {
  width: 100%;
}

#term-data-description {
  height: 130px;
 /* width: 350px;*/
}

#term-data-description-save {
  padding-top: 105px;
  padding-left: 10px;
  float: left;
}

#term-data-description-field {
  float: left;
  /*width: 350px;
  height: 130px;*/
  width: 350px;
  /*height: 100%;*/
}

#term-data-description-field .resizable-textarea {
  width: 100%;
  /*height: 100%;*/
}

#term-data-description-field .form-item {
  width: 100%;
  /*height: 100%;*/
}

#term-data-description-field textarea {
  width: 100%;
 /* height: 75%;*/
}

#edit-term-data-description textarea {
  width: 100%;
 /* height: 100%;*/
}

#edit-term-data-description {
  widht: 100%;
 /* height: 100%;*/
}


.clear {
  clear: both;
}	

File

css/taxonomy_manager.css
View source
  1. #taxonomy-manager-form {
  2. width: 100%;
  3. }
  4. /**
  5. * Taxonomy Manager Tree formating
  6. */
  7. #taxonomy-manager-tree-outer-div {
  8. float: left;
  9. height: 550px;
  10. overflow: auto;
  11. width: 350px;
  12. margin: 0;
  13. padding: 0;
  14. }
  15. #taxonomy-manager-tree-outer-div fieldset {
  16. margin: 0;
  17. padding: 5px;
  18. }
  19. .treeview, .treeview ul{
  20. padding: 0;
  21. margin: 0;
  22. list-style: none;
  23. }
  24. .treeview .form-item {
  25. margin: 0;
  26. padding: 0;
  27. }
  28. .treeview li {
  29. margin: 0;
  30. padding: 0 0 0 15px;
  31. }
  32. .hitArea {
  33. float: left;
  34. height: 15px;
  35. width: 15px;
  36. margin-left: -15px;
  37. cursor: pointer;
  38. _background: #fff;
  39. _filter: alpha(opacity=0);
  40. _display: inline;
  41. }
  42. .treeview li { background: url(../images/tv-item.gif) 0 0 no-repeat; }
  43. .treeview .collapsable { background-image: url(../images/tv-collapsable.gif); }
  44. .treeview .expandable { background-image: url(../images/tv-expandable.gif); }
  45. .treeview .last { background-image: url(../images/tv-item-last.gif); }
  46. .treeview .lastCollapsable { background-image: url(../images/tv-collapsable-last.gif); }
  47. .treeview .lastExpandable { background-image: url(../images/tv-expandable-last.gif); }
  48. .term-line {
  49. border-top: 1px solid #cccccc;
  50. display: inline;
  51. }
  52. .term-item {
  53. float: left;
  54. }
  55. .term-has-more-siblings {
  56. float: right;
  57. height: 38px;
  58. }
  59. .term-next-count {
  60. float: left;
  61. padding-top: 10px;
  62. color: #4ca108;
  63. }
  64. .term-downarrow-img {
  65. float: left;
  66. }
  67. .term-operations {
  68. float: left;
  69. }
  70. /**
  71. * Taxonomy Manger Toolbar
  72. */
  73. #taxonomy-manager-toolbar{
  74. margin-top: 0;
  75. }
  76. #taxonomy-manager-toolbar-throbber{
  77. float: right;
  78. margin: 0px;
  79. padding: 0px;
  80. }
  81. #taxonomy-manager-toolbar-buttons{
  82. height: 33px;
  83. float:left;
  84. }
  85. input.taxonomy-manager-buttons {
  86. border: thin solid;
  87. border-color: #cccccc #555555 #555555 #cccccc;
  88. background-color: #f2f2f2;
  89. background-repeat: no-repeat;
  90. background-position:3px;
  91. padding-left: 25px;
  92. padding-bottom: 3px;
  93. height: 28px;
  94. }
  95. input.add {
  96. background-image: url(../images/list-add.png);
  97. }
  98. input#edit-weight-up {
  99. background-image: url(../images/go-up.png);
  100. }
  101. input#edit-weight-down {
  102. background-image: url(../images/go-down.png);
  103. }
  104. input.delete {
  105. background-image: url(../images/list-remove.png);
  106. }
  107. input.move {
  108. background-image: url(../images/move.png);
  109. }
  110. input.merge {
  111. background-image: url(../images/merge.png);
  112. }
  113. input.export {
  114. background-image: url(../images/csv.png);
  115. }
  116. input.cancel {
  117. background-image: url(../images/dialog-cancel.png);
  118. }
  119. input.search {
  120. background-image: url(../images/edit-find.png);
  121. }
  122. /**
  123. * Taxonomy Manager Search
  124. */
  125. #taxonomy-manager-search .fieldset-wrapper {
  126. overflow: visible; /*fixes hidden autocomplete result in FF*/
  127. }
  128. #edit-search-button {
  129. margin-top: 15px;
  130. margin-left: 10px;
  131. float: left;
  132. }
  133. #edit-find-field {
  134. float: left;
  135. line-height: 150%;
  136. }
  137. #edit-find-field .form-item {
  138. padding: 0;
  139. margin: 0;
  140. }
  141. /**
  142. * Term Data Form
  143. */
  144. #taxonomy-term-data {
  145. float: left;
  146. margin-left: 20px;
  147. font-size: 12px;
  148. line-height: 150%;
  149. }
  150. #taxonomy-term-data textarea {
  151. line-height: 150%;
  152. font-size: 12px;
  153. }
  154. #taxonomy-term-data .resizable-textarea {
  155. width: 100%;
  156. }
  157. #taxonomy-term-data .form-item{
  158. width: 100%;
  159. }
  160. #taxonomy-term-data-fieldset {
  161. margin: 0;
  162. padding: 10px;
  163. }
  164. #taxonomy-term-data-fieldset .form-item {
  165. margin-top: 0.5em;
  166. margin-bottom: 0.5em;
  167. }
  168. .taxonomy-term-data-table {
  169. width: 380px;
  170. margin: 1em 0 0 0;
  171. }
  172. .taxonomy-term-data-name {
  173. width: 350px;
  174. }
  175. .taxonomy-term-data-operations {
  176. width: 20px;
  177. padding-left:0.8em;
  178. }
  179. .taxonomy-term-data-table td {
  180. margin: 0;
  181. padding: 0px 0px 0px 10px;
  182. }
  183. .taxonomy-term-data-table th {
  184. padding: 0;
  185. }
  186. .term-data-autocomplete {
  187. float: left;
  188. width: 350px;
  189. }
  190. .term-data-autocomplete-add {
  191. float: left;
  192. margin-bottom:0.5em;
  193. margin-top:0.3em;
  194. padding-left:0.8em;
  195. }
  196. .term-data-autocomplete input {
  197. width: 100%;
  198. }
  199. #term-data-name-save {
  200. padding-top: 23px;
  201. padding-left: 10px;
  202. float: left;
  203. }
  204. #term-data-name-field {
  205. float: left;
  206. width: 350px;
  207. }
  208. #edit-term-data-name {
  209. width: 100%;
  210. }
  211. #term-data-description {
  212. height: 130px;
  213. /* width: 350px;*/
  214. }
  215. #term-data-description-save {
  216. padding-top: 105px;
  217. padding-left: 10px;
  218. float: left;
  219. }
  220. #term-data-description-field {
  221. float: left;
  222. /*width: 350px;
  223. height: 130px;*/
  224. width: 350px;
  225. /*height: 100%;*/
  226. }
  227. #term-data-description-field .resizable-textarea {
  228. width: 100%;
  229. /*height: 100%;*/
  230. }
  231. #term-data-description-field .form-item {
  232. width: 100%;
  233. /*height: 100%;*/
  234. }
  235. #term-data-description-field textarea {
  236. width: 100%;
  237. /* height: 75%;*/
  238. }
  239. #edit-term-data-description textarea {
  240. width: 100%;
  241. /* height: 100%;*/
  242. }
  243. #edit-term-data-description {
  244. widht: 100%;
  245. /* height: 100%;*/
  246. }
  247. .clear {
  248. clear: both;
  249. }