rules_ui.css

Styles for the Rules UI.

File

css/rules_ui.css

View source 
  1. /**

  2.  * @file

  3.  * Styles for the Rules UI.

  4.  */

  5. 

  6. /* Expression container forms. */

  7. .edit-events,

  8. .edit-conditions-table,

  9. .edit-actions-table {

  10.   margin-bottom: 3em;

  11. }

  12. 

  13. .edit-conditions-table .form-wrapper,

  14. .edit-actions-table .form-wrapper {

  15.   display: inline-block;

  16. }

  17. 

  18. .edit-conditions-table .tabledrag-handle,

  19. .edit-actions-table .tabledrag-handle {

  20.   margin-top: 1.5em;

  21. }

  22. 

  23. .edit-events .description,

  24. .edit-conditions-table .description,

  25. .edit-actions-table .description {

  26.   margin-bottom: 1em;

  27.   font-size: 75%;

  28.   line-height: 1.5em;

  29. }

  30. 

  31. .edit-events tr div.js-form-item,

  32. .edit-conditions-table tr div.js-form-item,

  33. .edit-actions-table tr div.js-form-item {

  34.   margin-bottom: 0;

  35. }

  36. 

  37. tfoot .action-links {

  38.   margin: 0.5em 0;

  39. }

  40. 

  41. /* Reaction rules list builder. */

  42. .rules-list-section {

  43.   margin-bottom: 3em;

  44. }

  45. 

  46. .rules-listing-table div.description {

  47.   font-size: 75%;

  48.   line-height: 1.5em;

  49. }

  50. 

  51. /* Rules component list builder. */

  52. .rules-component-list-builder div.description {

  53.   font-size: 75%;

  54.   line-height: 1.5em;

  55. }

  56. 

  57. .rules-component-list-builder .edit-description-text {

  58.   display: block;

  59.   margin-top: 1em;

  60. }