You are here

Home » API reference » Rooms - Drupal Booking for Hotels, B&Bs and Vacation Rentals 7

rooms_booking.css in Rooms - Drupal Booking for Hotels, B&Bs and Vacation Rentals 7 

/* Booking edit form */
.rooms-booking-form .form-actions,
.rooms-booking-form .rooms-booking-status-wrapper {
  float: none;
  clear: both;
}
.rooms-booking-form .rooms-booking-status-wrapper,
.rooms-booking-form .rooms-booking-availability-wrapper,
.rooms-booking-form .rooms-booking-unit-type-wrapper,
.rooms-booking-form .rooms-booking-order-wrapper {
  margin-bottom: 15px;
}
.rooms-booking-form .rooms-booking-customer-wrapper,
.rooms-booking-form .rooms-booking-data-wrapper {
  float: left;
  max-width: 400px;
  margin-right: 20px;
}
.rooms-booking-form .rooms-booking-customer-wrapper .form-item-client .form-text {
  width: 62%;
  min-width: 250px;
}
.rooms-booking-form .rooms-booking-customer-wrapper .form-item-client .field-suffix {
  width: 30%;
  display: block;
}
.rooms-booking-form .rooms-booking-date-range-wrapper {
  clear: both;
  padding: 0;
  margin: 0 0 1em;
}
.rooms-booking-form .rooms-booking-availability-button-wrapper {
  clear: both;
}
.rooms-booking-form .rooms-booking-availability-wrapper fieldset {
  background: none;
  float: none;
  clear: both;
  margin-bottom: 0;
}
.rooms-booking-form .rooms-booking-availability-wrapper .fieldset-description {
  padding: 0;
}
.rooms-booking-form .form-item-data-group-size,
.rooms-booking-form .rooms-booking-group-size-children-container {
  float: left;
  margin-right: 20px;
  max-width: 175px;
}
.rooms-booking-form .form-item-data-group-size,
.rooms-booking-form .form-item-data-group-size-children {
  padding: 0;
}
.rooms-booking-form .rooms-booking-options-wrapper .form-wrapper {
  margin: 0;
}
.rooms-booking-form .rooms-booking-options-wrapper .form-type-select {
  float: none;
}
.rooms-booking-form .rooms-booking-options-wrapper .form-type-select label {
  display: inline;
  font-weight: normal;
}
.rooms-booking-form .rooms-booking-availability-wrapper .form-item-unit-type {
  float: none;
  margin-bottom: 15px;
}

/* Children discount form */
.children-discount-form .child-discount {
  clear: both;
  float: none;
}
.children-discount-form .child-discount__age-start,
.children-discount-form .child-discount__age-end {
  width: 2em;
  text-align: right;
}
.children-discount-form .child-discount__amount {
  width: 3em;
  text-align: right;
}

File

modules/rooms_booking/css/rooms_booking.css
View source 
  1. /* Booking edit form */

  2. .rooms-booking-form .form-actions,

  3. .rooms-booking-form .rooms-booking-status-wrapper {

  4.   float: none;

  5.   clear: both;

  6. }

  7. .rooms-booking-form .rooms-booking-status-wrapper,

  8. .rooms-booking-form .rooms-booking-availability-wrapper,

  9. .rooms-booking-form .rooms-booking-unit-type-wrapper,

  10. .rooms-booking-form .rooms-booking-order-wrapper {

  11.   margin-bottom: 15px;

  12. }

  13. .rooms-booking-form .rooms-booking-customer-wrapper,

  14. .rooms-booking-form .rooms-booking-data-wrapper {

  15.   float: left;

  16.   max-width: 400px;

  17.   margin-right: 20px;

  18. }

  19. .rooms-booking-form .rooms-booking-customer-wrapper .form-item-client .form-text {

  20.   width: 62%;

  21.   min-width: 250px;

  22. }

  23. .rooms-booking-form .rooms-booking-customer-wrapper .form-item-client .field-suffix {

  24.   width: 30%;

  25.   display: block;

  26. }

  27. .rooms-booking-form .rooms-booking-date-range-wrapper {

  28.   clear: both;

  29.   padding: 0;

  30.   margin: 0 0 1em;

  31. }

  32. .rooms-booking-form .rooms-booking-availability-button-wrapper {

  33.   clear: both;

  34. }

  35. .rooms-booking-form .rooms-booking-availability-wrapper fieldset {

  36.   background: none;

  37.   float: none;

  38.   clear: both;

  39.   margin-bottom: 0;

  40. }

  41. .rooms-booking-form .rooms-booking-availability-wrapper .fieldset-description {

  42.   padding: 0;

  43. }

  44. .rooms-booking-form .form-item-data-group-size,

  45. .rooms-booking-form .rooms-booking-group-size-children-container {

  46.   float: left;

  47.   margin-right: 20px;

  48.   max-width: 175px;

  49. }

  50. .rooms-booking-form .form-item-data-group-size,

  51. .rooms-booking-form .form-item-data-group-size-children {

  52.   padding: 0;

  53. }

  54. .rooms-booking-form .rooms-booking-options-wrapper .form-wrapper {

  55.   margin: 0;

  56. }

  57. .rooms-booking-form .rooms-booking-options-wrapper .form-type-select {

  58.   float: none;

  59. }

  60. .rooms-booking-form .rooms-booking-options-wrapper .form-type-select label {

  61.   display: inline;

  62.   font-weight: normal;

  63. }

  64. .rooms-booking-form .rooms-booking-availability-wrapper .form-item-unit-type {

  65.   float: none;

  66.   margin-bottom: 15px;

  67. }

  68. 

  69. /* Children discount form */

  70. .children-discount-form .child-discount {

  71.   clear: both;

  72.   float: none;

  73. }

  74. .children-discount-form .child-discount__age-start,

  75. .children-discount-form .child-discount__age-end {

  76.   width: 2em;

  77.   text-align: right;

  78. }

  79. .children-discount-form .child-discount__amount {

  80.   width: 3em;

  81.   text-align: right;

  82. }