You are here

Home » API reference » Taxonomy Manager 6.2

taxonomy_manager.css in Taxonomy Manager 6.2

Same filename and directory in other branches
  1. 8 css/taxonomy_manager.css
  2. 5 css/taxonomy_manager.css
  3. 6 css/taxonomy_manager.css
  4. 7 css/taxonomy_manager.css
  5. 2.0.x css/taxonomy_manager.css
/**
 * Taxonomy Manager Tree formating
 */

#taxonomy-manager-form {
  line-height: 120%;
}

#taxonomy-manager-double-tree-form fieldset,
#taxonomy-manager-form fieldset {
  margin: 0.5em 0;
}

#taxonomy-manager-double-tree-form .left,
#taxonomy-manager-form .left {
  margin-left: 0; 
}

#taxonomy2-manager-tree-outer-div,
#taxonomy-manager-tree-outer-div {
  height: 550px;	
  overflow: auto;
  width: 46%;
}

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

.taxonomy-manager-tree-size {
  padding: 0px;
  margin: 0px;
  /*height: 7px;*/
  text-align: right;
  display: inline;
}

.taxonomy-manager-tree-size img {
  cursor: pointer;
}

#taxonomy2-manager-tree-wrapper,
#taxonomy-manager-tree-wrapper {
  margin-top: 0em;
}

/* address .treeview additional with #taxonomy-manager to make it compatible with the admin module */
#taxonomy-manager .treeview, 
.treeview, 
.treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#taxonomy-manager .treeview .form-item,
.treeview .form-item {
  margin: 0;
  padding: 0;
  display: inline;
}

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

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

.term-line {
  display: inline;
}

.term-item {
  display: inline;
  padding-right: 5px;
}

.term-has-more-siblings {
  height: 38px;
  cursor: pointer;
}

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

.term-downarrow-img {
}

.term-operations {
  display: inline;
  padding-left: 5px;
}

.term-operations span.select-all-children {
  text-decoration: none;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(../images/select-all-children.png);
}
.term-operations span.unselect-all-children {
  text-decoration: none;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(../images/unselect-all-children.png);
}

.term-operations img.term-up,
.term-operations img.term-down,
.term-operations span.select-all-children,
.term-operations span.unselect-all-children,
.term-operations a img {
  cursor: pointer;
  vertical-align: bottom;
}

.term-operations a:link,
.term-operations a:visited,
.term-operations a:hover,
.term-operations a:active {
  text-decoration: none;
}

.highlightActiveTerm{
  background-color:#dddddd;
}
.highlightActiveTerm a{
  font-weight: bold;
}

#edit-taxonomy2-manager-top-language-wrapper,
#edit-taxonomy-manager-top-language-wrapper {
  padding: 0;
  padding-right: 0.5em;
  margin: 0; 
  text-align: right;
  display: inline;
}
#edit-taxonomy2-manager-top-language-wrapper label,
#edit-taxonomy-manager-top-language-wrapper label {
  display: inline;
}

.taxonomy-manager-tree-top {
  text-align: right;
}

#taxonomy-manager-double-tree-operations {
  float: left;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 120px;
  display: inline;
}

.taxonomy-manager-double-tree-operations-buttons input {
  padding: 0;
  margin: 0; 
}

#double-tree-msg {
  /*border: 2px solid #000000;
  padding: 6px;
  background: #FFFFE0; */
}

/**
 * Taxonomy Manger Toolbar
 */
#taxonomy-manager-toolbar-throbber {
  float: right;
  margin: 0px;
  padding: 0px;
  height: 25px;
}

#taxonomy-manager-toolbar-buttons {
  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: 26px;
  padding-bottom: 3px;
  padding-right: 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.cancel {
  background-image: url(../images/dialog-cancel.png);
}

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

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

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

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

input.double-tree-disable {
  background-image: url(../images/double-tree-disable.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 fieldset {
  padding: 0.8em;
}

.term-data-overlay {
  position: absolute;
  left: 280px; 
  top: 270px; 
  width: 400px; 
  z-index: 100;
  background: #FFFFFF;
}

.term-data-overlay fieldset {
  border-width: 6px;
  border-style: ridge;
}

.term-data-overlay legend {
  font-weight: bold;  
  cursor: move;
  background-image: url(../images/move-small.png);
  background-repeat:no-repeat;
  background-position: 1px 4px;
  padding-left: 16px;
  line-height: 150%;
}

#term-data-close {
  padding: 0;
  margin: 0;
  text-align: right; 
  line-height: 100%;
  
}

#term-data-close span {
  text-decoration: none;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-image: url(../images/dialog-cancel-small.png);
  cursor: pointer;
}

#term-data-close span:hover {
  background-image: url(../images/dialog-cancel-small-hover.png);
}

.term-data-autocomplete-add span {
  text-decoration: none;
  width: 22px;
  height: 22px;
  display:block;
  background-image: url(../images/list-add.png);
}

.term-data-autocomplete-add span:hover {
  text-decoration: none;
  background-image: url(../images/list-add-hover.png);
}

.taxonomy-term-data-operations span {
  text-decoration: none;
  width: 22px;
  height: 22px;
  display:block;
  background-image: url(../images/list-remove.png);
}

.taxonomy-term-data-operations span:hover {
  text-decoration: none;
  background-image: url(../images/list-remove-hover.png);
}

#taxonomy-term-data #edit-term-data-name-wrapper {
  margin-top: 0; 
}

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

#taxonomy-term-data fieldset {
  margin-top: 0;
  padding-top: 0;
}
.taxonomy-term-data-operations {
  cursor: pointer;
}

.term-data-autocomplete {
  display: inline;
}
.term-data-autocomplete-add {
  display: inline;
  cursor: pointer;
}
.term-data-autocomplete-add img {
  vertical-align: bottom;
}

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

#term-data-description {
  height: 130px;
}

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

#taxonomy-term-data table .form-item {
  margin-bottom: 0.2em; 
}

#taxonomy-term-data table {
  margin-top: 0.5em;
  margin-bottom: 0em;
}

#taxonomy-term-data td, th {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#taxonomy-term-data .message, 
#taxonomy-term-data .messages {
  margin: 1px 0;
}

#edit-term-data-save {
  margin: 0.5em 0; 
}

.clear {
  clear: both;
}	

/**
 overwrites some css settings from the admin module, which break the layout of the taxonomy manager
*/
#taxonomy-manager div.form-item:after,
#taxonomy-manager ul.links:after,
#taxonomy-manager div.admin-panel .body:after,
#taxonomy-manager .clear-block:after {
  display: inline;
}

File

css/taxonomy_manager.css
View source 
  1. 

  2. /**

  3.  * Taxonomy Manager Tree formating

  4.  */

  5. 

  6. #taxonomy-manager-form {

  7.   line-height: 120%;

  8. }

  9. 

  10. #taxonomy-manager-double-tree-form fieldset,

  11. #taxonomy-manager-form fieldset {

  12.   margin: 0.5em 0;

  13. }

  14. 

  15. #taxonomy-manager-double-tree-form .left,

  16. #taxonomy-manager-form .left {

  17.   margin-left: 0; 

  18. }

  19. 

  20. #taxonomy2-manager-tree-outer-div,

  21. #taxonomy-manager-tree-outer-div {

  22.   height: 550px;	

  23.   overflow: auto;

  24.   width: 46%;

  25. }

  26. 

  27. #taxonomy2-manager-tree-outer-div fieldset,

  28. #taxonomy-manager-tree-outer-div fieldset {

  29.   margin: 0;

  30.   padding: 0 5px;

  31. }

  32. 

  33. .taxonomy-manager-tree-size {

  34.   padding: 0px;

  35.   margin: 0px;

  36.   /*height: 7px;*/

  37.   text-align: right;

  38.   display: inline;

  39. }

  40. 

  41. .taxonomy-manager-tree-size img {

  42.   cursor: pointer;

  43. }

  44. 

  45. #taxonomy2-manager-tree-wrapper,

  46. #taxonomy-manager-tree-wrapper {

  47.   margin-top: 0em;

  48. }

  49. 

  50. /* address .treeview additional with #taxonomy-manager to make it compatible with the admin module */

  51. #taxonomy-manager .treeview, 

  52. .treeview, 

  53. .treeview ul {

  54.   padding: 0;

  55.   margin: 0;

  56.   list-style: none;

  57. }

  58. 

  59. #taxonomy-manager .treeview .form-item,

  60. .treeview .form-item {

  61.   margin: 0;

  62.   padding: 0;

  63.   display: inline;

  64. }

  65. 

  66. #taxonomy-manager .treeview li,

  67. .treeview li { 

  68.   margin: 0;

  69.   padding: 0 0 0 15px;

  70. }

  71. 	

  72. #taxonomy-manager .hitArea,

  73. .hitArea {

  74.   float: left;

  75.   height: 15px;

  76.   width: 15px;

  77.   margin-left: -15px;

  78.   cursor: pointer;

  79.   _background: #fff;

  80.   _filter: alpha(opacity=0);

  81.   _display: inline;

  82. }

  83. 

  84. #taxonomy-manager .treeview li,

  85. .treeview li { 

  86.   background: url(../images/tv-item.gif) 0 0 no-repeat; 

  87. }

  88. #taxonomy-manager .treeview .collapsable,

  89. .treeview .collapsable { 

  90.   background-image: url(../images/tv-collapsable.gif); 

  91. }

  92. #taxonomy-manager .treeview .expandable,

  93. .treeview .expandable { 

  94.   background-image: url(../images/tv-expandable.gif); 

  95. }

  96. #taxonomy-manager .treeview .last,

  97. .treeview .last { 

  98.   background-image: url(../images/tv-item-last.gif); 

  99. }

  100. #taxonomy-manager .treeview .lastCollapsable,

  101. .treeview .lastCollapsable { 

  102.   background-image: url(../images/tv-collapsable-last.gif); 

  103. }

  104. #taxonomy-manager .treeview .lastExpandable,

  105. .treeview .lastExpandable { 

  106.   background-image: url(../images/tv-expandable-last.gif); 

  107. }

  108. 

  109. .term-line {

  110.   display: inline;

  111. }

  112. 

  113. .term-item {

  114.   display: inline;

  115.   padding-right: 5px;

  116. }

  117. 

  118. .term-has-more-siblings {

  119.   height: 38px;

  120.   cursor: pointer;

  121. }

  122. 

  123. .term-next-count {

  124.   float: left;

  125.   padding-top: 10px;

  126.   color: #4ca108;

  127. }

  128. 

  129. .term-downarrow-img {

  130. }

  131. 

  132. .term-operations {

  133.   display: inline;

  134.   padding-left: 5px;

  135. }

  136. 

  137. .term-operations span.select-all-children {

  138.   text-decoration: none;

  139.   width: 16px;

  140.   height: 16px;

  141.   background-repeat: no-repeat;

  142.   background-image: url(../images/select-all-children.png);

  143. }

  144. .term-operations span.unselect-all-children {

  145.   text-decoration: none;

  146.   width: 16px;

  147.   height: 16px;

  148.   background-repeat: no-repeat;

  149.   background-image: url(../images/unselect-all-children.png);

  150. }

  151. 

  152. .term-operations img.term-up,

  153. .term-operations img.term-down,

  154. .term-operations span.select-all-children,

  155. .term-operations span.unselect-all-children,

  156. .term-operations a img {

  157.   cursor: pointer;

  158.   vertical-align: bottom;

  159. }

  160. 

  161. .term-operations a:link,

  162. .term-operations a:visited,

  163. .term-operations a:hover,

  164. .term-operations a:active {

  165.   text-decoration: none;

  166. }

  167. 

  168. .highlightActiveTerm{

  169.   background-color:#dddddd;

  170. }

  171. .highlightActiveTerm a{

  172.   font-weight: bold;

  173. }

  174. 

  175. #edit-taxonomy2-manager-top-language-wrapper,

  176. #edit-taxonomy-manager-top-language-wrapper {

  177.   padding: 0;

  178.   padding-right: 0.5em;

  179.   margin: 0; 

  180.   text-align: right;

  181.   display: inline;

  182. }

  183. #edit-taxonomy2-manager-top-language-wrapper label,

  184. #edit-taxonomy-manager-top-language-wrapper label {

  185.   display: inline;

  186. }

  187. 

  188. .taxonomy-manager-tree-top {

  189.   text-align: right;

  190. }

  191. 

  192. #taxonomy-manager-double-tree-operations {

  193.   float: left;

  194.   margin-left: 8px;

  195.   margin-right: 8px;

  196.   margin-top: 120px;

  197.   display: inline;

  198. }

  199. 

  200. .taxonomy-manager-double-tree-operations-buttons input {

  201.   padding: 0;

  202.   margin: 0; 

  203. }

  204. 

  205. #double-tree-msg {

  206.   /*border: 2px solid #000000;

  207.   padding: 6px;

  208.   background: #FFFFE0; */

  209. }

  210. 

  211. /**

  212.  * Taxonomy Manger Toolbar

  213.  */

  214. #taxonomy-manager-toolbar-throbber {

  215.   float: right;

  216.   margin: 0px;

  217.   padding: 0px;

  218.   height: 25px;

  219. }

  220. 

  221. #taxonomy-manager-toolbar-buttons {

  222.   float:left;

  223. }

  224. 

  225. input.taxonomy-manager-buttons {

  226.   border: thin solid;

  227.   border-color: #cccccc #555555 #555555 #cccccc;

  228.   background-color: #f2f2f2;

  229.   background-repeat: no-repeat;

  230.   background-position:3px;

  231.   padding-left: 26px;

  232.   padding-bottom: 3px;

  233.   padding-right: 3px;

  234.   height: 28px;

  235. }

  236. 

  237. input.add {

  238.   background-image: url(../images/list-add.png);

  239. }

  240. 

  241. input#edit-weight-up {

  242.   background-image: url(../images/go-up.png);

  243. }

  244. 

  245. input#edit-weight-down {

  246.   background-image: url(../images/go-down.png);

  247. }

  248. 

  249. input.delete {

  250.   background-image: url(../images/list-remove.png);

  251. }

  252. 

  253. input.move {

  254.   background-image: url(../images/move.png);

  255. }

  256. 

  257. input.merge {

  258.   background-image: url(../images/merge.png);

  259. }

  260. 

  261. input.cancel {

  262.   background-image: url(../images/dialog-cancel.png);

  263. }

  264. 

  265. input.search {

  266.   background-image: url(../images/edit-find.png);

  267. }

  268. 

  269. input.export {

  270.   background-image: url(../images/csv.png);

  271. }

  272. 

  273. input.save {

  274.   background-image: url(../images/document-save.png);

  275. }

  276. 

  277. input.double-tree {

  278.   background-image: url(../images/double-tree.png);

  279. }

  280. 

  281. input.double-tree-disable {

  282.   background-image: url(../images/double-tree-disable.png);

  283. }

  284. 

  285. 

  286. /**

  287.  * Taxonomy Manager Search

  288.  */

  289. #taxonomy-manager-search .fieldset-wrapper {

  290.   overflow: visible; /*fixes hidden autocomplete result in FF*/

  291. }

  292. 

  293. #edit-search-button {

  294.   margin-top: 15px;

  295.   margin-left: 10px;

  296.   float: left;

  297. }

  298. 

  299. #edit-find-field {

  300.   float: left;

  301.   line-height: 150%;

  302. }

  303. 

  304. #edit-find-field .form-item {

  305.   padding: 0;

  306.   margin: 0;

  307. }

  308. 

  309. 

  310. /**

  311.  * Term Data Form

  312.  */

  313. 

  314. #taxonomy-term-data fieldset {

  315.   padding: 0.8em;

  316. }

  317. 

  318. .term-data-overlay {

  319.   position: absolute;

  320.   left: 280px; 

  321.   top: 270px; 

  322.   width: 400px; 

  323.   z-index: 100;

  324.   background: #FFFFFF;

  325. }

  326. 

  327. .term-data-overlay fieldset {

  328.   border-width: 6px;

  329.   border-style: ridge;

  330. }

  331. 

  332. .term-data-overlay legend {

  333.   font-weight: bold;  

  334.   cursor: move;

  335.   background-image: url(../images/move-small.png);

  336.   background-repeat:no-repeat;

  337.   background-position: 1px 4px;

  338.   padding-left: 16px;

  339.   line-height: 150%;

  340. }

  341. 

  342. #term-data-close {

  343.   padding: 0;

  344.   margin: 0;

  345.   text-align: right; 

  346.   line-height: 100%;

  347.   

  348. }

  349. 

  350. #term-data-close span {

  351.   text-decoration: none;

  352.   width: 16px;

  353.   height: 16px;

  354.   background-repeat: no-repeat;

  355.   background-image: url(../images/dialog-cancel-small.png);

  356.   cursor: pointer;

  357. }

  358. 

  359. #term-data-close span:hover {

  360.   background-image: url(../images/dialog-cancel-small-hover.png);

  361. }

  362. 

  363. .term-data-autocomplete-add span {

  364.   text-decoration: none;

  365.   width: 22px;

  366.   height: 22px;

  367.   display:block;

  368.   background-image: url(../images/list-add.png);

  369. }

  370. 

  371. .term-data-autocomplete-add span:hover {

  372.   text-decoration: none;

  373.   background-image: url(../images/list-add-hover.png);

  374. }

  375. 

  376. .taxonomy-term-data-operations span {

  377.   text-decoration: none;

  378.   width: 22px;

  379.   height: 22px;

  380.   display:block;

  381.   background-image: url(../images/list-remove.png);

  382. }

  383. 

  384. .taxonomy-term-data-operations span:hover {

  385.   text-decoration: none;

  386.   background-image: url(../images/list-remove-hover.png);

  387. }

  388. 

  389. #taxonomy-term-data #edit-term-data-name-wrapper {

  390.   margin-top: 0; 

  391. }

  392. 

  393. #taxonomy-term-data .resizable-textarea {

  394.   width: 100%;

  395. }

  396. 

  397. #taxonomy-term-data fieldset {

  398.   margin-top: 0;

  399.   padding-top: 0;

  400. }

  401. .taxonomy-term-data-operations {

  402.   cursor: pointer;

  403. }

  404. 

  405. .term-data-autocomplete {

  406.   display: inline;

  407. }

  408. .term-data-autocomplete-add {

  409.   display: inline;

  410.   cursor: pointer;

  411. }

  412. .term-data-autocomplete-add img {

  413.   vertical-align: bottom;

  414. }

  415. 

  416. #edit-term-data-name {

  417.   width: 100%;

  418. }

  419. 

  420. #term-data-description {

  421.   height: 130px;

  422. }

  423. 

  424. #taxonomy-term-data .form-item {

  425.   margin-bottom: 0.3em;

  426.   margin-top: 0.3em;

  427. }

  428. 

  429. #taxonomy-term-data table .form-item {

  430.   margin-bottom: 0.2em; 

  431. }

  432. 

  433. #taxonomy-term-data table {

  434.   margin-top: 0.5em;

  435.   margin-bottom: 0em;

  436. }

  437. 

  438. #taxonomy-term-data td, th {

  439.   padding-top: 0.1em;

  440.   padding-bottom: 0.1em;

  441.   padding-left: 0.5em;

  442.   padding-right: 0.5em;

  443. }

  444. 

  445. #taxonomy-term-data .message, 

  446. #taxonomy-term-data .messages {

  447.   margin: 1px 0;

  448. }

  449. 

  450. #edit-term-data-save {

  451.   margin: 0.5em 0; 

  452. }

  453. 

  454. .clear {

  455.   clear: both;

  456. }	

  457. 

  458. /**

  459.  overwrites some css settings from the admin module, which break the layout of the taxonomy manager

  460. */

  461. #taxonomy-manager div.form-item:after,

  462. #taxonomy-manager ul.links:after,

  463. #taxonomy-manager div.admin-panel .body:after,

  464. #taxonomy-manager .clear-block:after {

  465.   display: inline;

  466. }