You are here

Home » API reference » Node Relationships 6

noderelationships.node_form.css in Node Relationships 6 

/**
 * Search/Create and reference buttons.
 */
.form-item .noderelationships-nodereference-autocomplete,
.content-add-more .noderelationships-nodereference-add-more {
  display: inline-block;
  margin-right: 4px;
}
.noderelationships-nodereference-buttons-wrapper {
  display: inline-block;
}
.noderelationships-nodereference-add-more {
  display: block;
  float: left;
}
.noderelationships-nodereference-view-button,
.noderelationships-nodereference-view-disabled,
.noderelationships-nodereference-edit-button,
.noderelationships-nodereference-edit-disabled,
.noderelationships-nodereference-search-button,
.noderelationships-nodereference-create-button,
.noderelationships-nodereference-multi-button {
  display: inline-block;
  margin-right: 4px;
  padding: 0;
  width: 20px;
  height: 18px;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece #606060 #606060 #cecece;
  background: #e8e8e8 url(../images/noderef-sprites.png) no-repeat 0 0;
}
.noderelationships-nodereference-view-button {
  background-position: 0 0;
}
.noderelationships-nodereference-view-disabled {
  background-position: -20px 0;
}
.noderelationships-nodereference-edit-button {
  background-position: 0 -20px;
}
.noderelationships-nodereference-edit-disabled {
  background-position: -20px -20px;
}
.noderelationships-nodereference-search-button {
  background-position: -40px 0;
}
.noderelationships-nodereference-create-button {
  background-position: -60px 0;
}
.noderelationships-nodereference-multi-button {
  margin-left: 4px;
  background-position: -80px 0;
}
.noderelationships-nodereference-view-button:hover,
.noderelationships-nodereference-edit-button:hover,
.noderelationships-nodereference-search-button:hover,
.noderelationships-nodereference-create-button:hover,
.noderelationships-nodereference-multi-button:hover {
  background-color: #ffffff;
}
.noderelationships-nodereference-view-disabled,
.noderelationships-nodereference-view-disabled:hover,
.noderelationships-nodereference-edit-disabled,
.noderelationships-nodereference-edit-disabled:hover {
  cursor: default;
  border-color: #606060 #cecece #cecece #606060;
  background-color: #e0e0e0;
}

File

css/noderelationships.node_form.css
View source 
  1. 

  2. /**

  3.  * Search/Create and reference buttons.

  4.  */

  5. .form-item .noderelationships-nodereference-autocomplete,

  6. .content-add-more .noderelationships-nodereference-add-more {

  7.   display: inline-block;

  8.   margin-right: 4px;

  9. }

  10. .noderelationships-nodereference-buttons-wrapper {

  11.   display: inline-block;

  12. }

  13. .noderelationships-nodereference-add-more {

  14.   display: block;

  15.   float: left;

  16. }

  17. .noderelationships-nodereference-view-button,

  18. .noderelationships-nodereference-view-disabled,

  19. .noderelationships-nodereference-edit-button,

  20. .noderelationships-nodereference-edit-disabled,

  21. .noderelationships-nodereference-search-button,

  22. .noderelationships-nodereference-create-button,

  23. .noderelationships-nodereference-multi-button {

  24.   display: inline-block;

  25.   margin-right: 4px;

  26.   padding: 0;

  27.   width: 20px;

  28.   height: 18px;

  29.   border-width: 1px;

  30.   border-style: solid;

  31.   border-color: #cecece #606060 #606060 #cecece;

  32.   background: #e8e8e8 url(../images/noderef-sprites.png) no-repeat 0 0;

  33. }

  34. .noderelationships-nodereference-view-button {

  35.   background-position: 0 0;

  36. }

  37. .noderelationships-nodereference-view-disabled {

  38.   background-position: -20px 0;

  39. }

  40. .noderelationships-nodereference-edit-button {

  41.   background-position: 0 -20px;

  42. }

  43. .noderelationships-nodereference-edit-disabled {

  44.   background-position: -20px -20px;

  45. }

  46. .noderelationships-nodereference-search-button {

  47.   background-position: -40px 0;

  48. }

  49. .noderelationships-nodereference-create-button {

  50.   background-position: -60px 0;

  51. }

  52. .noderelationships-nodereference-multi-button {

  53.   margin-left: 4px;

  54.   background-position: -80px 0;

  55. }

  56. .noderelationships-nodereference-view-button:hover,

  57. .noderelationships-nodereference-edit-button:hover,

  58. .noderelationships-nodereference-search-button:hover,

  59. .noderelationships-nodereference-create-button:hover,

  60. .noderelationships-nodereference-multi-button:hover {

  61.   background-color: #ffffff;

  62. }

  63. .noderelationships-nodereference-view-disabled,

  64. .noderelationships-nodereference-view-disabled:hover,

  65. .noderelationships-nodereference-edit-disabled,

  66. .noderelationships-nodereference-edit-disabled:hover {

  67.   cursor: default;

  68.   border-color: #606060 #cecece #cecece #606060;

  69.   background-color: #e0e0e0;

  70. }