You are here

Home » API reference » Inline Conditions 7

inline_conditions.css in Inline Conditions 7

Inline conditions main stylesheet.

This file exposes the common style rules for the inline_conditions field widget and its child elements should be displayed.

File

css/inline_conditions.css
View source 
  1. /**

  2.  * @file

  3.  * Inline conditions main stylesheet.

  4.  *

  5.  * This file exposes the common style rules for the inline_conditions field

  6.  * widget and its child elements should be displayed.

  7.  */

  8. 

  9. /*

  10.   Wrappers for select, checkbox, checkboxes and textfield elements are

  11.   displayed inline.

  12.   The #id selector is used to counter core's tr.odd .form-item styles.

  13. */

  14. #inline-conditions-inline_conditions .inline-conditions-settings-wrapper .form-wrapper,

  15. #inline-conditions-inline_conditions .inline-conditions-settings-wrapper .form-type-select,

  16. #inline-conditions-inline_conditions .inline-conditions-settings-wrapper .form-type-checkbox,

  17. #inline-conditions-inline_conditions .inline-conditions-settings-wrapper .form-type-checkboxes,

  18. #inline-conditions-inline_conditions .inline-conditions-settings-wrapper .form-type-textfield {

  19.   display: inline-block;

  20.   vertical-align: top;

  21. }

  22. 

  23. /* Labels inside wrappers are displayed inline. */

  24. .inline-conditions-settings-wrapper .form-item label:not(.option) {

  25.   display: inline;

  26.   vertical-align: top;

  27. }

  28. 

  29. /* Make bigger the logical operators to make them even more clear. */

  30. .inline-conditions-logic-operator {

  31.   font-size: 1.2em;

  32. }

  33. 

  34. /* Add vertical space to direct children of the settings wrapper. */

  35. .inline-conditions-settings-wrapper > .form-item {

  36.   margin-top: 0.25em;

  37.   margin-bottom: 0.25em;

  38. }

  39. 

  40. /* Ensure alignment of controls in the cells. */

  41. #inline-conditions-inline_conditions th,

  42. #inline-conditions-inline_conditions td {

  43.   vertical-align: top;

  44. }