rules.ui.css

Stylesheet for the Rules module.

File

ui/rules.ui.css

View source
  1. /**
  2. * @file
  3. * Stylesheet for the Rules module.
  4. */
  5. @charset "utf-8";
  6. .rules-show-js,
  7. html.js .rules-hide-js {
  8. display: none;
  9. }
  10. .rules-hide-js,
  11. html.js .rules-show-js {
  12. display: block;
  13. }
  14. .rules-elements-table ul.action-links {
  15. margin: 0px;
  16. padding: 0;
  17. }
  18. .rules-elements-table ul.rules-operations li {
  19. list-style: none;
  20. float: left; /* LTR */
  21. }
  22. .rules-elements-table ul.rules-operations a {
  23. background: none;
  24. padding-left: 0px; /* LTR */
  25. }
  26. table tr.rules-elements-add {
  27. background-color: #e5eff4;
  28. }
  29. .rules-elements-table ul.rules-operations-add a {
  30. line-height: 1em;
  31. }
  32. tr.rules-elements-add td {
  33. padding-top: 2px;
  34. padding-bottom: 2px;
  35. }
  36. ul.rules-operations-add li {
  37. float: left; /* LTR */
  38. list-style-position: inside;
  39. }
  40. .rules-elements-table {
  41. margin-bottom: 3em;
  42. }
  43. /* We cannot set a positive margin-top for rules tables as the table drag link
  44. should be positioned directly on top of the table. Thus we use a large bottom
  45. margin and fix the upper most margin: */
  46. #rules-form-wrapper:first-child {
  47. margin-top: 1.5em;
  48. }
  49. /* Fix table drag weights to don't take extra space */
  50. .rules-elements-table .tabledrag-toggle-weight-wrapper {
  51. position: absolute;
  52. right: 0px; /* LTR */
  53. }
  54. .rules-elements-table caption,
  55. .rules-overview-table caption {
  56. font-size: 110%;
  57. font-weight: bold;
  58. padding-bottom: 0.5em;
  59. text-align: left; /* LTR */
  60. }
  61. .rules-overview-table {
  62. margin: 1em 0;
  63. }
  64. .rules-content-group-integrity-error {
  65. color: #df0101;
  66. }
  67. .rules-debug-log {
  68. font: 81.3% "Lucida Grande","Lucida Sans Unicode",sans-serif;
  69. background-color: #eeeeee;
  70. border: 1px solid #cccccc;
  71. color: #333333;
  72. padding: 5px;
  73. margin: 1.5em 0em;
  74. }
  75. .rules-debug-collapsible-link {
  76. position: relative;
  77. cursor: pointer;
  78. /* The span element with the icon which opens the log, has a whitespace.
  79. Since we don't want the user to mark this white space, we prevent this
  80. using the this code.*/
  81. -moz-user-select: -moz-none;
  82. -khtml-user-select: none;
  83. -webkit-user-select: none;
  84. -o-user-select: none;
  85. user-select: none;
  86. }
  87. .rules-debug-log-head {
  88. font-weight: bold;
  89. }
  90. div.rules-debug-log-head {
  91. margin: 0.5em 0em;
  92. }
  93. .rules-debug-icon-open {
  94. position: relative;
  95. float: left; /* LTR */
  96. }
  97. .rules-debug-open-all {
  98. position: relative;
  99. float: right;
  100. }
  101. .rules-debug-log ul {
  102. padding-left: 2em; /* LTR */
  103. }
  104. .rules-debug-log .rules-debug-warn {
  105. color: #df0101;
  106. }
  107. .rules-debug-log .rules-debug-error {
  108. font-weight: bold;
  109. color: #df0101;
  110. }
  111. #rules-filter-form {
  112. margin-bottom: 1.5em;
  113. }
  114. .rules-parameter-label {
  115. font-style: italic;
  116. }
  117. #rules-plugin-add-help {
  118. margin-bottom: 1em;
  119. }
  120. .rules-element-content {
  121. float: left; /* LTR */
  122. }
  123. form input.rules-switch-button {
  124. -moz-border-radius: 5px 5px 5px 5px;
  125. cursor: pointer;
  126. font-size: 0.8em;
  127. font-weight: normal;
  128. margin-bottom: 1em;
  129. padding: 2px;
  130. text-align: center;
  131. }
  132. .rules-form-heading {
  133. margin-top: 3em;
  134. }
  135. .rules-autocomplete-button {
  136. top: 3px;
  137. height: 22px;
  138. }
  139. ul.rules-autocomplete {
  140. max-height: 23em;
  141. overflow-y: auto;
  142. }
  143. ul.rules-autocomplete div {
  144. padding-left: 5px; /* LTR */
  145. }
  146. ul.rules-autocomplete a.ui-corner-all {
  147. padding: 0px;
  148. }
  149. ul.rules-autocomplete .rules-dsac-group {
  150. background-color: #eee;
  151. }
  152. ul.rules-autocomplete .ui-corner-all {
  153. -moz-border-radius: 0px;
  154. }
  155. /**
  156. * Do not display the hide/show descriptions link above the permissions matrix.
  157. */
  158. #rules-form-wrapper #edit-settings-access-permissions .compact-link {
  159. display: none;
  160. }
  161. /* IE 6 hack for max-height. */
  162. * html ul.rule-autocomplete {
  163. height: 23em;
  164. }