You are here

webform_civicrm_admin.css in Webform CiviCRM Integration 7.4

Same filename and directory in other branches
  1. 8.5 css/webform_civicrm_admin.css
  2. 7.5 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;
}

.web-civi-checkbox-set + div,
.civicrm-ajax-wrapper {
  clear:both;
}

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