You are here

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

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

/* Some Rooms admin pages use tables for layout, so let's kill this default. */
tbody {
  border-top: none;
}

/* General styles for all Rooms management forms */
.rooms-management-form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.rooms-management-form .form-item {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.rooms-management-form .form-item label {
  margin: 0;
  display: block;
}
.rooms-management-form .form-type-item label {
  display: inline;
}

.rooms-management-form .form-type-radio label,
.rooms-management-form .form-type-checkbox label {
  display: inline;
}

.rooms-management-form .form-item-name .form-text {
  width: 100%;
}

.rooms-management-form .form-type-select,
.rooms-management-form .form-item-operation,
.rooms-management-form .form-item-amount,
.rooms-management-form .rooms-date-range,
.rooms-management-form .form-actions {
  float: left; /* LTR */
  margin: 0 20px 0 0; /* LTR */
  clear: none;
}

.rooms-management-form .form-actions {
  padding-top: 1.6em;
}

/* Fieldsets are floated by default, but if its collapsible, dont float it*/
.rooms-management-form fieldset {
  padding: 0;
  margin: 0;
  border: none;
  float: left; /* LTR */
  width: auto;
}
.rooms-management-form fieldset.collapsible {
  float: none;
  clear: both;
  padding: 0;
  margin: 20px 0;
}
.rooms-management-form .fieldset-legend,
.rooms-management-form .fieldset-wrapper {
  margin: 0;
  padding: 0;
  position: relative;
  text-transform: none;
}
.rooms-management-form .fieldset-description {
  padding: 15px 0;
}

/* Fix for floated fieldsets around vertical tabs */
.rooms-management-form .vertical-tabs,
.rooms-management-form .field-group-tab-wrapper {
  clear: both;
}

.rooms-month-manager .unit-name,
.rooms-month-manager .unit-days {
  border-bottom: 1px solid #ccc !important;
}

/* Booking */
.view-booking-cart-form table,
.view-booking-checkout-form table,
.commerce-checkout-form-review table {
  width: 100%;
}
.views-field-line-item-title,
.views-field-line-item-label {
  width: 67%;
}
.page-bookings .views-field-commerce-total {
  text-align: right;
  padding-right: 1em;
}
.page-bookings .component-total {
  text-align: right;
  padding-right: 1em;
}
.page-bookings .views-field-commerce-unit-price,
.page-bookings .component-title {
  padding-left: 1em;
  padding-right: 1em;
}
.commerce-line-item-actions {
  margin: 20px 1em 20px 0;
}

File

css/rooms_ui.css
View source 
  1. /* Some Rooms admin pages use tables for layout, so let's kill this default. */

  2. tbody {

  3.   border-top: none;

  4. }

  5. 

  6. /* General styles for all Rooms management forms */

  7. .rooms-management-form:after {

  8.   content: ".";

  9.   display: block;

  10.   height: 0;

  11.   clear: both;

  12.   visibility: hidden;

  13. }

  14. 

  15. .rooms-management-form .form-item {

  16.   padding: 0;

  17.   margin-top: 0;

  18.   margin-bottom: 0;

  19. }

  20. .rooms-management-form .form-item label {

  21.   margin: 0;

  22.   display: block;

  23. }

  24. .rooms-management-form .form-type-item label {

  25.   display: inline;

  26. }

  27. 

  28. .rooms-management-form .form-type-radio label,

  29. .rooms-management-form .form-type-checkbox label {

  30.   display: inline;

  31. }

  32. 

  33. .rooms-management-form .form-item-name .form-text {

  34.   width: 100%;

  35. }

  36. 

  37. .rooms-management-form .form-type-select,

  38. .rooms-management-form .form-item-operation,

  39. .rooms-management-form .form-item-amount,

  40. .rooms-management-form .rooms-date-range,

  41. .rooms-management-form .form-actions {

  42.   float: left; /* LTR */

  43.   margin: 0 20px 0 0; /* LTR */

  44.   clear: none;

  45. }

  46. 

  47. .rooms-management-form .form-actions {

  48.   padding-top: 1.6em;

  49. }

  50. 

  51. /* Fieldsets are floated by default, but if its collapsible, dont float it*/

  52. .rooms-management-form fieldset {

  53.   padding: 0;

  54.   margin: 0;

  55.   border: none;

  56.   float: left; /* LTR */

  57.   width: auto;

  58. }

  59. .rooms-management-form fieldset.collapsible {

  60.   float: none;

  61.   clear: both;

  62.   padding: 0;

  63.   margin: 20px 0;

  64. }

  65. .rooms-management-form .fieldset-legend,

  66. .rooms-management-form .fieldset-wrapper {

  67.   margin: 0;

  68.   padding: 0;

  69.   position: relative;

  70.   text-transform: none;

  71. }

  72. .rooms-management-form .fieldset-description {

  73.   padding: 15px 0;

  74. }

  75. 

  76. /* Fix for floated fieldsets around vertical tabs */

  77. .rooms-management-form .vertical-tabs,

  78. .rooms-management-form .field-group-tab-wrapper {

  79.   clear: both;

  80. }

  81. 

  82. .rooms-month-manager .unit-name,

  83. .rooms-month-manager .unit-days {

  84.   border-bottom: 1px solid #ccc !important;

  85. }

  86. 

  87. /* Booking */

  88. .view-booking-cart-form table,

  89. .view-booking-checkout-form table,

  90. .commerce-checkout-form-review table {

  91.   width: 100%;

  92. }

  93. .views-field-line-item-title,

  94. .views-field-line-item-label {

  95.   width: 67%;

  96. }

  97. .page-bookings .views-field-commerce-total {

  98.   text-align: right;

  99.   padding-right: 1em;

  100. }

  101. .page-bookings .component-total {

  102.   text-align: right;

  103.   padding-right: 1em;

  104. }

  105. .page-bookings .views-field-commerce-unit-price,

  106. .page-bookings .component-title {

  107.   padding-left: 1em;

  108.   padding-right: 1em;

  109. }

  110. .commerce-line-item-actions {

  111.   margin: 20px 1em 20px 0;

  112. }