taxonomy_manager.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571
  1. /**
  2. * Taxonomy Manager Tree formating
  3. */
  4. #taxonomy-manager-double-tree-form,
  5. #taxonomy-manager-form {
  6. line-height: 120%;
  7. }
  8. #taxonomy-manager-double-tree-form #edit-jump,
  9. #taxonomy-manager-form #edit-jump {
  10. float: right;
  11. margin-bottom: 2px;
  12. }
  13. #edit-toolbar,
  14. #edit-add {
  15. clear: both;
  16. }
  17. #taxonomy-manager-double-tree-form fieldset,
  18. #taxonomy-manager-form fieldset {
  19. margin: 0.5em 0;
  20. }
  21. #taxonomy-manager-double-tree-form .left,
  22. #taxonomy-manager-form .left {
  23. margin-left: 0;
  24. }
  25. #taxonomy2-manager-tree-outer-div,
  26. #taxonomy-manager-tree-outer-div {
  27. overflow: auto;
  28. width: 46%;
  29. }
  30. #taxonomy2-manager-tree-outer-div fieldset,
  31. #taxonomy-manager-tree-outer-div fieldset {
  32. margin: 0;
  33. padding: 0 5px;
  34. }
  35. .taxonomy-manager-tree-size {
  36. padding: 0px;
  37. margin: 0px;
  38. /*height: 7px;*/
  39. text-align: right;
  40. display: inline;
  41. }
  42. .taxonomy-manager-tree-size img {
  43. cursor: pointer;
  44. }
  45. #taxonomy2-manager-tree-wrapper,
  46. #taxonomy-manager-tree-wrapper {
  47. margin-top: 0em;
  48. }
  49. /* address .treeview additional with #taxonomy-manager to make it compatible with the admin module */
  50. #taxonomy-manager .treeview,
  51. .treeview,
  52. .treeview ul {
  53. padding: 0;
  54. margin: 0;
  55. list-style: none;
  56. }
  57. #taxonomy-manager .treeview .form-item,
  58. .treeview .form-item {
  59. margin: 0;
  60. padding: 0;
  61. display: inline;
  62. }
  63. #taxonomy-manager .treeview li,
  64. .treeview li {
  65. margin: 0;
  66. padding: 0 0 0 15px;
  67. }
  68. #taxonomy-manager .hitArea,
  69. .hitArea {
  70. float: left;
  71. height: 15px;
  72. width: 15px;
  73. margin-left: -15px;
  74. cursor: pointer;
  75. _background: #fff;
  76. _filter: alpha(opacity=0);
  77. _display: inline;
  78. }
  79. #taxonomy-manager .treeview li,
  80. .treeview li {
  81. background: url(../images/tv-item.gif) 0 0 no-repeat;
  82. }
  83. #taxonomy-manager .treeview .collapsable,
  84. .treeview .collapsable {
  85. background-image: url(../images/tv-collapsable.gif);
  86. }
  87. #taxonomy-manager .treeview .expandable,
  88. .treeview .expandable {
  89. background-image: url(../images/tv-expandable.gif);
  90. }
  91. #taxonomy-manager .treeview .last,
  92. .treeview .last {
  93. background-image: url(../images/tv-item-last.gif);
  94. }
  95. #taxonomy-manager .treeview .lastCollapsable,
  96. .treeview .lastCollapsable {
  97. background-image: url(../images/tv-collapsable-last.gif);
  98. }
  99. #taxonomy-manager .treeview .lastExpandable,
  100. .treeview .lastExpandable {
  101. background-image: url(../images/tv-expandable-last.gif);
  102. }
  103. .term-line {
  104. display: inline;
  105. }
  106. .term-item {
  107. display: inline;
  108. padding-right: 5px;
  109. }
  110. .term-has-more-siblings {
  111. height: 38px;
  112. cursor: pointer;
  113. background-image: url(../images/2downarrow.png);
  114. background-repeat: no-repeat;
  115. }
  116. .term-next-count {
  117. display: inline;
  118. color: #4ca108;
  119. line-height: 38px;
  120. padding-left: 38px;
  121. }
  122. .term-operations {
  123. display: inline;
  124. padding-left: 5px;
  125. }
  126. .term-operations span.select-all-children {
  127. text-decoration: none;
  128. width: 16px;
  129. height: 16px;
  130. background-repeat: no-repeat;
  131. background-image: url(../images/select-all-children.png);
  132. }
  133. .term-operations span.deselect-all-children {
  134. text-decoration: none;
  135. width: 16px;
  136. height: 16px;
  137. background-repeat: no-repeat;
  138. background-image: url(../images/deselect-all-children.png);
  139. }
  140. .term-operations img.term-up,
  141. .term-operations img.term-down,
  142. .term-operations span.select-all-children,
  143. .term-operations span.deselect-all-children,
  144. .term-operations a img {
  145. cursor: pointer;
  146. vertical-align: bottom;
  147. }
  148. .term-operations a:link,
  149. .term-operations a:visited,
  150. .term-operations a:hover,
  151. .term-operations a:active {
  152. text-decoration: none;
  153. }
  154. div.highlightActiveTerm div.form-item {
  155. background-color:#dddddd;
  156. }
  157. .highlightActiveTerm a {
  158. font-weight: bold;
  159. }
  160. span.taxonomy-manager-select-helpers {
  161. padding-left: 5px;
  162. }
  163. span.taxonomy-manager-select-helpers span {
  164. padding-right: 2px;
  165. cursor: pointer;
  166. }
  167. span.taxonomy-manager-select-helpers span.select-all-children {
  168. text-decoration: none;
  169. width: 16px;
  170. height: 16px;
  171. background-repeat: no-repeat;
  172. background-image: url(../images/select-all-children-bw.png);
  173. }
  174. span.taxonomy-manager-select-helpers span.select-all-children:hover {
  175. background-image: url(../images/select-all-children.png);
  176. }
  177. span.taxonomy-manager-select-helpers span.deselect-all-children {
  178. text-decoration: none;
  179. width: 16px;
  180. height: 16px;
  181. background-repeat: no-repeat;
  182. background-image: url(../images/deselect-all-children-bw.png);
  183. }
  184. span.taxonomy-manager-select-helpers span.deselect-all-children:hover {
  185. background-image: url(../images/deselect-all-children.png);
  186. }
  187. div.form-item-taxonomy-manager-top-language,
  188. div.form-item-taxonomy2-manager-top-language {
  189. padding-right: 0.5em;
  190. text-align: right;
  191. display: inline;
  192. }
  193. div.form-item-taxonomy-manager-top-language label,
  194. div.form-item-taxonomy2-manager-top-language label {
  195. display: inline;
  196. }
  197. .taxonomy-manager-tree-top {
  198. text-align: right;
  199. padding-top: 0.5em;
  200. }
  201. #taxonomy-manager-double-tree-operations {
  202. float: left;
  203. margin-left: 8px;
  204. margin-right: 8px;
  205. margin-top: 120px;
  206. display: inline;
  207. }
  208. .taxonomy-manager-double-tree-operations-buttons input {
  209. padding: 0;
  210. margin: 0;
  211. }
  212. #double-tree-msg {
  213. margin-bottom: 8px;
  214. }
  215. .taxonomy-manager-term-load-helper {
  216. display: none;
  217. }
  218. /**
  219. * Taxonomy Manger Toolbar
  220. */
  221. #taxonomy-manager-toolbar-throbber {
  222. float: right;
  223. margin: 0px;
  224. padding: 0px;
  225. height: 25px;
  226. }
  227. #taxonomy-manager-toolbar-buttons {
  228. float:left;
  229. }
  230. #taxonomy-manager-double-tree-form input.taxonomy-manager-buttons,
  231. #taxonomy-manager-form input.taxonomy-manager-buttons {
  232. cursor: pointer;
  233. color: #5a5a5a;
  234. border-radius: 15px;
  235. -moz-border-radius: 20px;
  236. -webkit-border-radius: 15px;
  237. text-align: center;
  238. font-weight: normal;
  239. font-size: 1em;
  240. font-family: "Lucida Grande", Verdana, sans-serif;
  241. border: 1px solid #e4e4e4;
  242. border-bottom: 1px solid #b4b4b4;
  243. border-left-color: #D2D2D2;
  244. border-right-color: #D2D2D2;
  245. padding-left: 30px;
  246. padding-bottom: 3px;
  247. padding-right: 3px;
  248. padding-top: 0px;
  249. height: 30px;
  250. margin-bottom:0px;
  251. background-repeat: no-repeat;
  252. background-position:6px;
  253. background-color: #F0EFEF;
  254. background-attachment: scroll;
  255. }
  256. #taxonomy-manager-double-tree-form input.add,
  257. #taxonomy-manager-form input.add {
  258. background-image: url(../images/list-add.png);
  259. }
  260. input#edit-weight-up {
  261. background-image: url(../images/go-up.png);
  262. }
  263. input#edit-weight-down {
  264. background-image: url(../images/go-down.png);
  265. }
  266. #taxonomy-manager-double-tree-form input.delete,
  267. #taxonomy-manager-form input.delete {
  268. background-image: url(../images/list-remove.png);
  269. }
  270. #taxonomy-manager-double-tree-form input.move,
  271. #taxonomy-manager-form input.move {
  272. background-image: url(../images/move.png);
  273. }
  274. #taxonomy-manager-double-tree-form input.merge,
  275. #taxonomy-manager-form input.merge {
  276. background-image: url(../images/merge.png);
  277. }
  278. #taxonomy-manager-double-tree-form input.cancel,
  279. #taxonomy-manager-form input.cancel {
  280. background-image: url(../images/dialog-cancel.png);
  281. }
  282. #taxonomy-manager-double-tree-form input.search,
  283. #taxonomy-manager-form input.search {
  284. background-image: url(../images/edit-find.png);
  285. }
  286. #taxonomy-manager-double-tree-form input.export,
  287. #taxonomy-manager-form input.export {
  288. background-image: url(../images/csv.png);
  289. }
  290. #taxonomy-manager-double-tree-form input.save,
  291. #taxonomy-manager-form input.save {
  292. background-image: url(../images/document-save.png);
  293. margin-bottom: 5px;
  294. }
  295. #taxonomy-manager-double-tree-form input.double-tree,
  296. #taxonomy-manager-form input.double-tree {
  297. background-position:8px;
  298. padding-left: 32px;
  299. background-image: url(../images/double-tree.png);
  300. }
  301. #taxonomy-manager-double-tree-form input.double-tree-disable,
  302. #taxonomy-manager-form input.double-tree-disable {
  303. background-image: url(../images/double-tree-disable.png);
  304. }
  305. /**
  306. * fixing position of autocomplete in seven theme
  307. */
  308. fieldset#edit-search,
  309. fieldset#edit-move,
  310. fieldset#edit-term-merge {
  311. position: static;
  312. }
  313. /**
  314. * Taxonomy Manager Search
  315. */
  316. #edit-search .fieldset-wrapper {
  317. overflow: visible; /*fixes hidden autocomplete result in FF*/
  318. }
  319. #edit-search-field .form-item {
  320. padding: 0;
  321. margin: 0;
  322. }
  323. /**
  324. * Term Data Form
  325. */
  326. .term-data-overlay {
  327. position: absolute;
  328. left: 280px;
  329. top: 100px;
  330. width: 500px;
  331. z-index: 100;
  332. background: #FFFFFF;
  333. }
  334. .term-data-overlay fieldset {
  335. border-width: 5px;
  336. }
  337. .term-data-overlay legend span{
  338. cursor: move;
  339. background-image: url(../images/move-small.png);
  340. background-repeat:no-repeat;
  341. background-position: 8px 3px;
  342. padding-left: 24px;
  343. line-height: 150%;
  344. }
  345. #term-data-close {
  346. padding-top: 8px;
  347. margin: 0;
  348. text-align: right;
  349. line-height: 100%;
  350. }
  351. #term-data-close span {
  352. text-decoration: none;
  353. width: 16px;
  354. height: 16px;
  355. background-repeat: no-repeat;
  356. background-image: url(../images/dialog-cancel-small.png);
  357. cursor: pointer;
  358. }
  359. #term-data-close span:hover {
  360. background-image: url(../images/dialog-cancel-small-hover.png);
  361. }
  362. td.term-data-autocomplete-add,
  363. td.taxonomy-term-data-operations {
  364. text-align: center;
  365. }
  366. /*.term-data-autocomplete-add span {
  367. text-decoration: none;
  368. width: 22px;
  369. height: 22px;
  370. display:block;
  371. background-image: url(../images/list-add.png);
  372. }
  373. .term-data-autocomplete-add span:hover {
  374. text-decoration: none;
  375. background-image: url(../images/list-add-hover.png);
  376. }
  377. .taxonomy-term-data-operations span {
  378. text-decoration: none;
  379. width: 22px;
  380. height: 22px;
  381. display:block;
  382. background-image: url(../images/list-remove.png);
  383. }
  384. .taxonomy-term-data-operations span:hover {
  385. text-decoration: none;
  386. background-image: url(../images/list-remove-hover.png);
  387. }*/
  388. #taxonomy-term-data #edit-term-data-name-wrapper {
  389. margin-top: 0;
  390. }
  391. #taxonomy-term-data .resizable-textarea {
  392. width: 100%;
  393. }
  394. #taxonomy-term-data fieldset {
  395. margin-top: 0;
  396. padding-top: 0;
  397. }
  398. #taxonomy-manager .messages {
  399. margin-top: 5px;
  400. margin-bottom: 5px;
  401. }
  402. #taxonomy-term-data input.form-submit {
  403. margin-bottom: 0px;
  404. }
  405. #taxonomy-term-data input.save {
  406. margin: 10px 0;
  407. padding: 0 50px;
  408. padding-left: 40px;
  409. padding-bottom: 3px;
  410. padding-right: 15px;
  411. padding-top: 0px;
  412. height: 30px;
  413. }
  414. #taxonomy-term-data .filter-wrapper .fieldset-wrapper {
  415. padding-bottom: 0px;
  416. }
  417. #taxonomy-term-data .filter-guidelines {
  418. display:none; //hide descriptions, they use too much space
  419. }
  420. .term-data-form-file-field-info {
  421. font-weight: bold;
  422. }
  423. .taxonomy-term-data-operations {
  424. cursor: pointer;
  425. }
  426. .term-data-autocomplete {
  427. display: inline;
  428. }
  429. .term-data-autocomplete-add {
  430. /*display: inline;*/
  431. cursor: pointer;
  432. }
  433. .term-data-autocomplete-add img {
  434. vertical-align: bottom;
  435. }
  436. #taxonomy-term-data .form-item-term-data-name input {
  437. width: 100%;
  438. padding-right: 0px;
  439. }
  440. #term-data-description {
  441. height: 130px;
  442. }
  443. #taxonomy-term-data .form-item {
  444. margin-bottom: 0.3em;
  445. margin-top: 0.3em;
  446. }
  447. #taxonomy-term-data table .form-item {
  448. margin-bottom: 0.2em;
  449. }
  450. #taxonomy-term-data table {
  451. margin-top: 0.5em;
  452. margin-bottom: 0em;
  453. }
  454. #taxonomy-term-data td, th {
  455. padding-top: 0.1em;
  456. padding-bottom: 0.1em;
  457. padding-left: 0.5em;
  458. padding-right: 0.5em;
  459. }
  460. #edit-term-data-save {
  461. margin: 0.5em 0;
  462. }
  463. .clear {
  464. clear: both;
  465. }
  466. span.taxonomy-manager-message-close {
  467. float:right;
  468. }
  469. /**
  470. overwrites some css settings from the admin module, which break the layout of the taxonomy manager
  471. */
  472. #taxonomy-manager div.form-item:after,
  473. #taxonomy-manager ul.links:after,
  474. #taxonomy-manager div.admin-panel .body:after,
  475. #taxonomy-manager .clear-block:after {
  476. display: inline;
  477. }