You are here

webform_civicrm_admin.css in Webform CiviCRM Integration 7.3

Same filename and directory in other branches
  1. 6.2 webform_civicrm_admin.css
  2. 7.2 webform_civicrm_admin.css
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:18em;
  padding-right:1.5em;
}

form #web-civi-help {
  float:right;
}

.web-civi-checkbox-set + div {
  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;
}

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

.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;
}

.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 {
  max-width: 100%;
}

#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;
}

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

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;
}

File

webform_civicrm_admin.css
View source
  1. form .web-civi-checkbox-set {
  2. padding-left:0;
  3. position:relative;
  4. }
  5. form .web-civi-checkbox-set .form-item,
  6. #wf-crm-configure-form .contact-type-select {
  7. float:left;
  8. width:18em;
  9. padding-right:1.5em;
  10. }
  11. form #web-civi-help {
  12. float:right;
  13. }
  14. .web-civi-checkbox-set + div {
  15. clear:both;
  16. }
  17. form .hidden,
  18. .js #no-js-button-wrapper {
  19. display:none;
  20. }
  21. #wf-crm-configure-form .form-type-checkbox label,
  22. #wf-crm-configure-form .number-of .form-item label,
  23. #wf-crm-configure-form .form-item-number-of-contacts label {
  24. display:inline;
  25. }
  26. th div.form-type-radio {
  27. display:inline;
  28. margin:0;
  29. padding:0;
  30. }
  31. .web-civi-js-select {
  32. font-size:0.8em;
  33. position:absolute;
  34. right:5px;
  35. padding:0.2em 0.5em;
  36. background-color:white;
  37. top:-10px;
  38. border:1px solid #CCCCCC;
  39. display:none;
  40. }
  41. .js fieldset:hover > div > .web-civi-js-select,
  42. .js fieldset:hover > .web-civi-js-select {
  43. display:block;
  44. }
  45. .web-civi-js-select a:hover {
  46. cursor:pointer;
  47. }
  48. #wf-crm-configure-form select {
  49. max-width: 100%;
  50. }
  51. #wf-crm-configure-form fieldset fieldset{
  52. border: 1px solid #CCCCCC;
  53. margin: 1em 0;
  54. padding: 2.5em 0 0;
  55. }
  56. #wf-crm-configure-form fieldset fieldset legend{
  57. display:block;
  58. }
  59. form .civi-icon {
  60. background-image:url('icons.png');
  61. background-repeat:no-repeat;
  62. display:inline-block;
  63. width:16px;
  64. height:16px;
  65. margin-right:4px;
  66. }
  67. form .civi-icon.individual {
  68. background-position:-16px 0;
  69. }
  70. form .civi-icon.household {
  71. background-position:-31px 0;
  72. }
  73. form .civi-icon.organization {
  74. background-position:-48px 0;
  75. }
  76. form .civi-icon.activity {
  77. background-position:-63px 0;
  78. }
  79. form .civi-icon.participant {
  80. background-position:-80px 0;
  81. }
  82. form .civi-icon.prefs {
  83. background-position:-98px 0;
  84. }
  85. form .civi-icon.message {
  86. background-position:-118px 0;
  87. }
  88. form .civi-icon.text {
  89. background-position:-137px 0;
  90. }