You are here

availability_calendar_booking_formlet.css in Availability Calendars 7.4

/*
 * Booking formlet.
 */
.field-type-availability-calendar-booking-formlet {
  position: relative;
}

.acbf-date .form-item,
.acbf-date label,
.acbf-date input {
  display: inline-block;
  margin: 0;
}

.acbf-date label {
  width: 10em;
}

/* Date displaying fields. */
.acbf-date input[type=text] {
  border-width: 0;
  background-color: transparent;
  width: 15em;
}

/* Date displaying fields with help texts in them. */
.acbf-date input[type=text][disabled] {
  width: 25em;
}

.acbf-date .form-reset {
  display: inline-block;
  width: 18em;
  cursor: pointer;
}

.field-type-availability-calendar-booking-formlet .form-submit {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 0.5em 1em;
}

.field-type-availability-calendar-booking-formlet .form-submit[disabled] {
  cursor: auto;
}

File

booking_formlet/availability_calendar_booking_formlet.css
View source
  1. /*
  2. * Booking formlet.
  3. */
  4. .field-type-availability-calendar-booking-formlet {
  5. position: relative;
  6. }
  7. .acbf-date .form-item,
  8. .acbf-date label,
  9. .acbf-date input {
  10. display: inline-block;
  11. margin: 0;
  12. }
  13. .acbf-date label {
  14. width: 10em;
  15. }
  16. /* Date displaying fields. */
  17. .acbf-date input[type=text] {
  18. border-width: 0;
  19. background-color: transparent;
  20. width: 15em;
  21. }
  22. /* Date displaying fields with help texts in them. */
  23. .acbf-date input[type=text][disabled] {
  24. width: 25em;
  25. }
  26. .acbf-date .form-reset {
  27. display: inline-block;
  28. width: 18em;
  29. cursor: pointer;
  30. }
  31. .field-type-availability-calendar-booking-formlet .form-submit {
  32. position: absolute;
  33. top: 0;
  34. right: 0;
  35. cursor: pointer;
  36. padding: 0.5em 1em;
  37. }
  38. .field-type-availability-calendar-booking-formlet .form-submit[disabled] {
  39. cursor: auto;
  40. }