webform-admin.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. /**
  2. * @file
  3. * Styles that are used when viewing results or modifying webform settings.
  4. */
  5. /* Submission view page */
  6. .webform-submission-info {
  7. padding: 10px;
  8. }
  9. .webform-submission-info .user-picture {
  10. float: right;
  11. margin-left: 10px;
  12. }
  13. .webform-submission-info-text {
  14. overflow: hidden;
  15. }
  16. .webform-submission-actions {
  17. float: left;
  18. }
  19. .webform-submission-navigation {
  20. text-align: right;
  21. }
  22. .webform-submission-next {
  23. margin-left: 20px;
  24. }
  25. /* Component table */
  26. .webform-component-formkey,
  27. .webform-component-value {
  28. max-width: 7em;
  29. word-wrap: break-word;
  30. }
  31. /* Analysis pages */
  32. .webform-analysis-component {
  33. width: 33.33%;
  34. margin: 0 -2px;
  35. padding: 0;
  36. display: inline-block;
  37. vertical-align: top;
  38. }
  39. @media all and (max-width: 1024px) {
  40. .webform-analysis-component {
  41. width: 50%;
  42. }
  43. }
  44. @media all and (max-width: 600px) {
  45. .webform-analysis-component {
  46. width: 100%;
  47. }
  48. }
  49. .webform-analysis-component-grid {
  50. width: 100%;
  51. clear: both;
  52. }
  53. .webform-analysis-component-inner {
  54. padding: 12px;
  55. overflow: auto;
  56. }
  57. .webform-analysis-component table {
  58. width: 100%;
  59. }
  60. .webform-analysis-component table td {
  61. white-space: normal;
  62. }
  63. /* Element for selecting components, i.e. included components for e-mails. */
  64. .webform-component-select-wrapper {
  65. max-height: 300px;
  66. overflow: auto;
  67. }
  68. .webform-component-select-table table {
  69. margin: 0;
  70. }
  71. .webform-component-select-table tr.selected td,
  72. .webform-component-select-table tr.selected td.active {
  73. background: inherit;
  74. color: inherit;
  75. }
  76. .form-item .webform-component-select-table .description {
  77. font-size: inherit;
  78. }
  79. .form-item .webform-component-select-table input {
  80. width: 12px;
  81. height: 12px;
  82. margin: 0 2px 2px;
  83. }
  84. .webform-component-select-suffix {
  85. margin-top: 10px;
  86. }
  87. .webform-select-list-format table {
  88. border: 1px solid;
  89. width: auto;
  90. font-size: 90%;
  91. }
  92. .webform-select-list-format td,
  93. .webform-select-list-format th {
  94. border: 1px solid;
  95. }
  96. tr.webform-pagebreak td {
  97. border-top: 2px dotted #999;
  98. }
  99. td.webform-pagebreak {
  100. font-weight: bold;
  101. }
  102. /* Checkboxes for allowed file extensions */
  103. table.webform-file-extensions td {
  104. vertical-align: top;
  105. }
  106. table.webform-file-extensions td .description {
  107. white-space: normal;
  108. }
  109. table.webform-file-extensions .form-type-checkbox {
  110. width: 5em;
  111. float: left;
  112. }
  113. table.webform-file-extensions input.form-text {
  114. width: 95%;
  115. }
  116. /* General styles */
  117. .webform-checkbox {
  118. text-align: center;
  119. width: 40px;
  120. }
  121. .webform-container-inline div,
  122. .webform-container-inline div.form-item {
  123. display: inline;
  124. }
  125. .webform-results-per-page a.selected {
  126. font-weight: bold;
  127. }
  128. /* Display of adding/editing components */
  129. html.js fieldset.webform-position,
  130. html.js div.webform-position {
  131. display: none;
  132. }
  133. tr.webform-add-form .tabledrag-changed {
  134. display: none;
  135. }
  136. #webform-emails tr.webform-add-form,
  137. #webform-components tr.webform-add-form {
  138. background-color: inherit;
  139. }
  140. /* E-mail configuration */
  141. html.js .webform-email-mapping {
  142. display: none;
  143. }
  144. td.webform-email-option {
  145. text-align: right;
  146. }
  147. /* Conditionals */
  148. .webform-conditional,
  149. .webform-conditional-new {
  150. display: block;
  151. position: relative;
  152. padding-left: 1em;
  153. padding-right: 9em;
  154. margin-left: 3em;
  155. max-width: 750px;
  156. }
  157. .webform-conditional-new {
  158. text-align: right;
  159. margin-left: 12em;
  160. padding-right: 0;
  161. }
  162. .webform-conditional-if {
  163. position: absolute;
  164. left: -.5em;
  165. margin-top: .2em;
  166. }
  167. .webform-conditional-rule {
  168. margin: .5em 0;
  169. }
  170. .webform-conditional-condition {
  171. display: inline;
  172. }
  173. .webform-conditional-operations {
  174. position: absolute;
  175. right: 0;
  176. margin-top: .1em;
  177. }
  178. .webform-andor {
  179. padding-left: 0.5em;
  180. }
  181. .webform-subconditional {
  182. font-size: 1.5em;
  183. line-height: 0;
  184. }
  185. .webform-indentation {
  186. float: left;
  187. width: 2em;
  188. }
  189. .webform-conditional-new input[disabled] {
  190. visibility: hidden;
  191. }
  192. .webform-conditional-new input.form-submit,
  193. .webform-conditional-operations input.form-submit {
  194. margin: 0 2px;
  195. padding: 0 6px 2px 6px;
  196. }
  197. #webform-conditionals-table input.progress-disabled,
  198. .webform-conditional-operations input.progress-disabled {
  199. float: none;
  200. }
  201. #webform-conditionals-table .ahah-progress-throbber {
  202. float: none;
  203. display: inline;
  204. }
  205. #webform-conditionals-table .ahah-progress-throbber .throbber {
  206. float: none;
  207. display: inline;
  208. padding-right: 12px;
  209. }
  210. .webform-conditional-andor {
  211. display: inline;
  212. }
  213. .webform-conditional-andor .form-item {
  214. margin: 0;
  215. padding: 0;
  216. }