You are here

webform_civicrm_admin.css in Webform CiviCRM Integration 8.5

Same filename and directory in other branches
  1. 7.5 css/webform_civicrm_admin.css
  2. 7.4 css/webform_civicrm_admin.css
form .contact-type-select .form-item {
  margin-bottom: 0;
}

form .web-civi-checkbox-set {
  padding-left:0;
  position:relative;
}

form .web-civi-checkbox-set .form-item,
#wf-crm-configure-form .contact-type-select {
  float:left;
  width:200px;
  padding-right:1.5em;
}

form .web-civi-checkbox-set .auto-width .form-item {
  width:auto;
}

#wf-crm-configure-form .float-item {
  padding: 0;
  margin-right: 2em;
  float: left;
}

#wf-crm-configure-form .float-item .form-item {
  margin-top: 0;
  padding-top: 0;
}

form .hidden,
.js #no-js-button-wrapper {
  display:none;
}

#wf-crm-configure-form .form-type-checkbox label,
#wf-crm-configure-form .number-of .form-item label,
#wf-crm-configure-form .form-item-number-of-contacts label {
  display:inline;
}

#wf-crm-configure-form .number-of .form-item select,
#wf-crm-configure-form select[name=participant_reg_type] {
  max-width: none;
}

th div.form-type-radio {
  display:inline;
  margin:0;
  padding:0;
}

#wf-crm-configure-form .dynamic-custom-checkbox > div {
  float: none;
  width: auto;
  padding: .1em .5em;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.web-civi-js-select {
  font-size:0.8em;
  position:absolute;
  right:5px;
  padding:0.2em 0.5em;
  background-color:white;
  top:-10px;
  border:1px solid #CCCCCC;
  display:none;
}

.dynamic-custom-checkbox + .web-civi-js-select {
  right: 15em;
}

#wf-crm-configure-form .multivalue-fieldset-create-mode > div {
  float: none;
  width: auto;
  padding: .5em;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.multivalue-fieldset-create-mode + .web-civi-js-select {
  right: 15em;
}

.js fieldset:hover > div > .web-civi-js-select,
.js fieldset:hover > .web-civi-js-select {
  display:block;
}

.web-civi-js-select a:hover {
  cursor:pointer;
}

#wf-crm-configure-form select,
#wf-crm-configure-form .form-type-textfield input {
  max-width: 175px;
  margin: 0;
}

#wf-crm-configure-form fieldset fieldset{
  border: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 2.5em 0 0;
}

#wf-crm-configure-form fieldset fieldset legend{
  display:block;
}

#wf-crm-options-fieldset .tabledrag-changed-warning {
  display: none !important;
}

form .civi-icon {
  background-image:url('../images/icons.png');
  background-repeat:no-repeat;
  display:inline-block;
  width:16px;
  height:16px;
  margin: 0 4px 0 0;
}

form .wf-crm-change-select {
  margin: 3px 0 0 6px;
  vertical-align: top;
  background-position: -220px -0px;
}

form .wf-crm-change-select.select-multiple {
  background-position: -235px -0px;
}

form .civi-icon.individual {
  background-position:-16px 0;
}

form .civi-icon.household {
  background-position:-31px 0;
}

form .civi-icon.organization {
  background-position:-48px 0;
}

form .civi-icon.activity {
  background-position:-63px 0;
}

form .civi-icon.participant {
  background-position:-80px 0;
}

form .civi-icon.prefs {
  background-position:-98px 0;
}

form .civi-icon.message {
  background-position:-118px 0;
}

form .civi-icon.text {
  background-position:-137px 0;
}

form .civi-icon.contribution {
  background-position:-154px 0;
}

form .civi-icon.membership {
  background-position:-171px 0;
}
form .civi-icon.grant {
  background-position:-187px 0;
}
form .civi-icon.case {
  background-position:-203px 0;
}

/* Contact component form */
#webform-component-edit-form div.form-item-extra-default,
#webform-component-edit-form div.form-item-extra-default-relationship-to,
#webform-component-edit-form div.form-item-extra-filters-relationship-contact,
#webform-component-edit-form div.form-item-extra-filters-relationship-type {
  display: inline-block;
}

#webform-component-edit-form div.form-item-extra-filters-relationship-type label,
#webform-component-edit-form div.form-item-extra-default-relationship-to label {
  display:none;
}

File

css/webform_civicrm_admin.css
View source
  1. form .contact-type-select .form-item {
  2. margin-bottom: 0;
  3. }
  4. form .web-civi-checkbox-set {
  5. padding-left:0;
  6. position:relative;
  7. }
  8. form .web-civi-checkbox-set .form-item,
  9. #wf-crm-configure-form .contact-type-select {
  10. float:left;
  11. width:200px;
  12. padding-right:1.5em;
  13. }
  14. form .web-civi-checkbox-set .auto-width .form-item {
  15. width:auto;
  16. }
  17. #wf-crm-configure-form .float-item {
  18. padding: 0;
  19. margin-right: 2em;
  20. float: left;
  21. }
  22. #wf-crm-configure-form .float-item .form-item {
  23. margin-top: 0;
  24. padding-top: 0;
  25. }
  26. form .hidden,
  27. .js #no-js-button-wrapper {
  28. display:none;
  29. }
  30. #wf-crm-configure-form .form-type-checkbox label,
  31. #wf-crm-configure-form .number-of .form-item label,
  32. #wf-crm-configure-form .form-item-number-of-contacts label {
  33. display:inline;
  34. }
  35. #wf-crm-configure-form .number-of .form-item select,
  36. #wf-crm-configure-form select[name=participant_reg_type] {
  37. max-width: none;
  38. }
  39. th div.form-type-radio {
  40. display:inline;
  41. margin:0;
  42. padding:0;
  43. }
  44. #wf-crm-configure-form .dynamic-custom-checkbox > div {
  45. float: none;
  46. width: auto;
  47. padding: .1em .5em;
  48. position: absolute;
  49. right: 0;
  50. top: 0;
  51. border-left: 1px solid #CCC;
  52. border-bottom: 1px solid #CCC;
  53. }
  54. .web-civi-js-select {
  55. font-size:0.8em;
  56. position:absolute;
  57. right:5px;
  58. padding:0.2em 0.5em;
  59. background-color:white;
  60. top:-10px;
  61. border:1px solid #CCCCCC;
  62. display:none;
  63. }
  64. .dynamic-custom-checkbox + .web-civi-js-select {
  65. right: 15em;
  66. }
  67. #wf-crm-configure-form .multivalue-fieldset-create-mode > div {
  68. float: none;
  69. width: auto;
  70. padding: .5em;
  71. position: absolute;
  72. right: 0;
  73. top: 0;
  74. border-left: 1px solid #CCC;
  75. border-bottom: 1px solid #CCC;
  76. }
  77. .multivalue-fieldset-create-mode + .web-civi-js-select {
  78. right: 15em;
  79. }
  80. .js fieldset:hover > div > .web-civi-js-select,
  81. .js fieldset:hover > .web-civi-js-select {
  82. display:block;
  83. }
  84. .web-civi-js-select a:hover {
  85. cursor:pointer;
  86. }
  87. #wf-crm-configure-form select,
  88. #wf-crm-configure-form .form-type-textfield input {
  89. max-width: 175px;
  90. margin: 0;
  91. }
  92. #wf-crm-configure-form fieldset fieldset{
  93. border: 1px solid #CCCCCC;
  94. margin: 1em 0;
  95. padding: 2.5em 0 0;
  96. }
  97. #wf-crm-configure-form fieldset fieldset legend{
  98. display:block;
  99. }
  100. #wf-crm-options-fieldset .tabledrag-changed-warning {
  101. display: none !important;
  102. }
  103. form .civi-icon {
  104. background-image:url('../images/icons.png');
  105. background-repeat:no-repeat;
  106. display:inline-block;
  107. width:16px;
  108. height:16px;
  109. margin: 0 4px 0 0;
  110. }
  111. form .wf-crm-change-select {
  112. margin: 3px 0 0 6px;
  113. vertical-align: top;
  114. background-position: -220px -0px;
  115. }
  116. form .wf-crm-change-select.select-multiple {
  117. background-position: -235px -0px;
  118. }
  119. form .civi-icon.individual {
  120. background-position:-16px 0;
  121. }
  122. form .civi-icon.household {
  123. background-position:-31px 0;
  124. }
  125. form .civi-icon.organization {
  126. background-position:-48px 0;
  127. }
  128. form .civi-icon.activity {
  129. background-position:-63px 0;
  130. }
  131. form .civi-icon.participant {
  132. background-position:-80px 0;
  133. }
  134. form .civi-icon.prefs {
  135. background-position:-98px 0;
  136. }
  137. form .civi-icon.message {
  138. background-position:-118px 0;
  139. }
  140. form .civi-icon.text {
  141. background-position:-137px 0;
  142. }
  143. form .civi-icon.contribution {
  144. background-position:-154px 0;
  145. }
  146. form .civi-icon.membership {
  147. background-position:-171px 0;
  148. }
  149. form .civi-icon.grant {
  150. background-position:-187px 0;
  151. }
  152. form .civi-icon.case {
  153. background-position:-203px 0;
  154. }
  155. /* Contact component form */
  156. #webform-component-edit-form div.form-item-extra-default,
  157. #webform-component-edit-form div.form-item-extra-default-relationship-to,
  158. #webform-component-edit-form div.form-item-extra-filters-relationship-contact,
  159. #webform-component-edit-form div.form-item-extra-filters-relationship-type {
  160. display: inline-block;
  161. }
  162. #webform-component-edit-form div.form-item-extra-filters-relationship-type label,
  163. #webform-component-edit-form div.form-item-extra-default-relationship-to label {
  164. display:none;
  165. }