You are here

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

/* Make availability search fields layout look decent out of the box. */

.rooms-availability-search {
  position: relative;
}
.rooms-availability-search .ajax-progress {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  left: 0;
}

.rooms-availability-search .form-item-group-size-children,
.rooms-availability-search .form-item-group-size-adults,
.rooms-availability-search .form-item-unit-type,
.rooms-availability-search .form-item-rooms,
.rooms-availability-search .form-wrapper {
  float: left;
  margin: 0 1em .6em 0;
}

.rooms-availability-search .rooms-date-range .form-text {
  width: 100%;
}

/* Group size field */
.rooms-group-size,
.rooms-group-size tr,
.rooms-group-size th,
.rooms-group-size td {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

/* Labels */
.rooms-group-size th,
.rooms-group-size td,
.rooms-availability-search .form-item label {
  font-weight: normal;
  font-size: 1em;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0.2em;
}
.rooms-group-size tr:last-child td {
  padding-bottom: 0;
}
.rooms-group-size .rooms-group-size__children {
  padding-left: 20px;
}
.rooms-group-size .form-item {
  margin: 0;
}

.rooms-availability-search .form-item-adults,
.rooms-availability-search .form-item-children,
.rooms-availability-search-results .form-item-adults,
.rooms-availability-search-results .form-item-children {
  padding-left: 1.1em;
}

.rooms-availability-search .rooms-search-result__actions {
  padding: 0;
  margin: 1.2em 0 0;
}


/* Current Search Info */
.rooms-current-search__info,
.rooms-management-form .rooms-current-search__info {
  float: left; /* or right */
  margin-bottom: 20px;
}
.rooms-current-search__info .form-item,
.rooms-current-search__actions {
  font-size: 0.9em;
  clear: both;
  margin: 0;
}
.rooms-current-search__info .fieldset-legend {
  position: relative;
  text-transform: none;
}
.rooms-current-search__change-search-button {
  float: left;
  margin-left: 10em;
}
.rooms-current-search__info .form-item label {
  display: block;
  float: left;
  width: 9.5em;
  text-align: right;
  margin-right: .5em;
}
.rooms-current-search__info .form-type-item .info {
  display: block;
  float: left;
  width: 8em;
}

.rooms-search-result__unit-type {
  clear: both;
  margin-bottom: 20px;
}
.rooms-search-result__unit-type-name {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ccc;
}
.rooms-search-result__booking-form {
  vertical-align: top;
}
.rooms-search-result__booking-form {
  position: relative;
  width: 100%;
}
.rooms-search-result__booking-form .ajax-progress {
  position: absolute;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  left: 0;
}
.rooms-search-result__unit-type-name {
  font-weight: bold;
}
.rooms-search-result__unit-price {
  text-align: right;
}
.rooms-search-result__unit-base-price label,
.rooms-search-result__unit-price label {
  font-weight: bold;
  display: inline;
}
.rooms-search-result__booking-legend,
.rooms-search-result__select-units {
  text-align: left;
  width: 15%;
}
.rooms-search-result__select-units .form-item label {
  display: inline;
}

/* Individual (embedded) unit search results layout */
.rooms-search-result__unit-embedded {
  float: left;
  width: 100%;
}
.rooms-search-result__unit-embedded .rooms-search-result__select-guests,
.rooms-search-result__unit-embedded .rooms-search-result__select-children,
.rooms-search-result__unit-embedded .rooms-search-result__select-childrenage {
  float: left;
  margin-right: 20px;
}
.rooms-search-result__unit-embedded .rooms-search-result__new-price,
.rooms-search-result__unit-embedded .rooms-search-result__actions {
  float: right;
  clear: right;
}
.rooms-search-result__new-price {
  font-weight: bold;
}
.rooms-search-result__unit_options .no-unit-fieldset {
  border: 0px;
}
.rooms-search-result__unit_options .no-unit-fieldset .fieldset-legend {
  display: none;
}
.rooms-search-result__unit_options .no-unit-fieldset legend{
  background:none;
  border:none;
}

File

modules/rooms_booking_manager/css/rooms_booking_search.css
View source
  1. /* Make availability search fields layout look decent out of the box. */
  2. .rooms-availability-search {
  3. position: relative;
  4. }
  5. .rooms-availability-search .ajax-progress {
  6. position: absolute;
  7. top: 0;
  8. width: 100%;
  9. background: rgba(255, 255, 255, 0.8);
  10. height: 100%;
  11. left: 0;
  12. }
  13. .rooms-availability-search .form-item-group-size-children,
  14. .rooms-availability-search .form-item-group-size-adults,
  15. .rooms-availability-search .form-item-unit-type,
  16. .rooms-availability-search .form-item-rooms,
  17. .rooms-availability-search .form-wrapper {
  18. float: left;
  19. margin: 0 1em .6em 0;
  20. }
  21. .rooms-availability-search .rooms-date-range .form-text {
  22. width: 100%;
  23. }
  24. /* Group size field */
  25. .rooms-group-size,
  26. .rooms-group-size tr,
  27. .rooms-group-size th,
  28. .rooms-group-size td {
  29. background: none;
  30. border: none;
  31. margin: 0;
  32. padding: 0;
  33. color: inherit;
  34. font: inherit;
  35. }
  36. /* Labels */
  37. .rooms-group-size th,
  38. .rooms-group-size td,
  39. .rooms-availability-search .form-item label {
  40. font-weight: normal;
  41. font-size: 1em;
  42. margin: 0;
  43. padding-top: 0;
  44. padding-bottom: 0.2em;
  45. }
  46. .rooms-group-size tr:last-child td {
  47. padding-bottom: 0;
  48. }
  49. .rooms-group-size .rooms-group-size__children {
  50. padding-left: 20px;
  51. }
  52. .rooms-group-size .form-item {
  53. margin: 0;
  54. }
  55. .rooms-availability-search .form-item-adults,
  56. .rooms-availability-search .form-item-children,
  57. .rooms-availability-search-results .form-item-adults,
  58. .rooms-availability-search-results .form-item-children {
  59. padding-left: 1.1em;
  60. }
  61. .rooms-availability-search .rooms-search-result__actions {
  62. padding: 0;
  63. margin: 1.2em 0 0;
  64. }
  65. /* Current Search Info */
  66. .rooms-current-search__info,
  67. .rooms-management-form .rooms-current-search__info {
  68. float: left; /* or right */
  69. margin-bottom: 20px;
  70. }
  71. .rooms-current-search__info .form-item,
  72. .rooms-current-search__actions {
  73. font-size: 0.9em;
  74. clear: both;
  75. margin: 0;
  76. }
  77. .rooms-current-search__info .fieldset-legend {
  78. position: relative;
  79. text-transform: none;
  80. }
  81. .rooms-current-search__change-search-button {
  82. float: left;
  83. margin-left: 10em;
  84. }
  85. .rooms-current-search__info .form-item label {
  86. display: block;
  87. float: left;
  88. width: 9.5em;
  89. text-align: right;
  90. margin-right: .5em;
  91. }
  92. .rooms-current-search__info .form-type-item .info {
  93. display: block;
  94. float: left;
  95. width: 8em;
  96. }
  97. .rooms-search-result__unit-type {
  98. clear: both;
  99. margin-bottom: 20px;
  100. }
  101. .rooms-search-result__unit-type-name {
  102. margin-top: 20px;
  103. padding-top: 20px;
  104. border-top: 1px solid #ccc;
  105. }
  106. .rooms-search-result__booking-form {
  107. vertical-align: top;
  108. }
  109. .rooms-search-result__booking-form {
  110. position: relative;
  111. width: 100%;
  112. }
  113. .rooms-search-result__booking-form .ajax-progress {
  114. position: absolute;
  115. top: 0;
  116. width: 100%;
  117. background: rgba(255, 255, 255, 0.8);
  118. height: 100%;
  119. left: 0;
  120. }
  121. .rooms-search-result__unit-type-name {
  122. font-weight: bold;
  123. }
  124. .rooms-search-result__unit-price {
  125. text-align: right;
  126. }
  127. .rooms-search-result__unit-base-price label,
  128. .rooms-search-result__unit-price label {
  129. font-weight: bold;
  130. display: inline;
  131. }
  132. .rooms-search-result__booking-legend,
  133. .rooms-search-result__select-units {
  134. text-align: left;
  135. width: 15%;
  136. }
  137. .rooms-search-result__select-units .form-item label {
  138. display: inline;
  139. }
  140. /* Individual (embedded) unit search results layout */
  141. .rooms-search-result__unit-embedded {
  142. float: left;
  143. width: 100%;
  144. }
  145. .rooms-search-result__unit-embedded .rooms-search-result__select-guests,
  146. .rooms-search-result__unit-embedded .rooms-search-result__select-children,
  147. .rooms-search-result__unit-embedded .rooms-search-result__select-childrenage {
  148. float: left;
  149. margin-right: 20px;
  150. }
  151. .rooms-search-result__unit-embedded .rooms-search-result__new-price,
  152. .rooms-search-result__unit-embedded .rooms-search-result__actions {
  153. float: right;
  154. clear: right;
  155. }
  156. .rooms-search-result__new-price {
  157. font-weight: bold;
  158. }
  159. .rooms-search-result__unit_options .no-unit-fieldset {
  160. border: 0px;
  161. }
  162. .rooms-search-result__unit_options .no-unit-fieldset .fieldset-legend {
  163. display: none;
  164. }
  165. .rooms-search-result__unit_options .no-unit-fieldset legend{
  166. background:none;
  167. border:none;
  168. }