You are here

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

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

/* Hide header on single-row month form display */
.rooms-bulk-availability-form .fc-header {
  display: none;
}

/* Filter month form */
.rooms-filter-month-form .form-item-month,
.rooms-filter-month-form .form-item-year,
.rooms-filter-month-form .form-item-type {
  float: left;
  margin-right: 20px;
}
.rooms-filter-month-form .form-item-month label,
.rooms-filter-month-form .form-item-year label,
.rooms-filter-month-form .form-item-type label {
  display: inline;
  margin-right: 4px;
}
.rooms-bulk-availability-form .fc-row:first-child .fc-content-skeleton table {
  margin-bottom: 0;
}

.fc-title {
  color: white;
}

.rooms-bulk-availability-form .fc-content-skeleton .fc-event-container a {
  border-radius: 0px;
}

.rooms-bulk-availability-form .fc-content-skeleton .fc-event-container .event-start {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom: 0;
  bottom: -8px;
  left: -1px;
  border-width: 7px;
}

.rooms-bulk-availability-form .fc-content-skeleton .fc-event-container .event-end {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-bottom: 0;
  bottom: -10px;
  left: 0px;
  border-width: 7px;
}

.rooms-bulk-availability-form .fc-content-skeleton .fc-event-container .event-end {
  margin-bottom: 23px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg);
}
.rooms-month-manager .rooms-calendar-second-row-events {
  margin-top: -15px;
}

.page-admin-rooms-units{
  font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

/* Ensure that datepicker is visible in the modal popup. */
#ui-datepicker-div {
  z-index: 1005 !important;
}

File

modules/rooms_availability/css/rooms_availability.css
View source 
  1. /* Hide header on single-row month form display */

  2. .rooms-bulk-availability-form .fc-header {

  3.   display: none;

  4. }

  5. 

  6. /* Filter month form */

  7. .rooms-filter-month-form .form-item-month,

  8. .rooms-filter-month-form .form-item-year,

  9. .rooms-filter-month-form .form-item-type {

  10.   float: left;

  11.   margin-right: 20px;

  12. }

  13. .rooms-filter-month-form .form-item-month label,

  14. .rooms-filter-month-form .form-item-year label,

  15. .rooms-filter-month-form .form-item-type label {

  16.   display: inline;

  17.   margin-right: 4px;

  18. }

  19. .rooms-bulk-availability-form .fc-row:first-child .fc-content-skeleton table {

  20.   margin-bottom: 0;

  21. }

  22. 

  23. .fc-title {

  24.   color: white;

  25. }

  26. 

  27. .rooms-bulk-availability-form .fc-content-skeleton .fc-event-container a {

  28.   border-radius: 0px;

  29. }

  30. 

  31. .rooms-bulk-availability-form .fc-content-skeleton .fc-event-container .event-start {

  32.   content: "";

  33.   position: absolute;

  34.   width: 0;

  35.   height: 0;

  36.   border-style: solid;

  37.   border-color: transparent;

  38.   border-bottom: 0;

  39.   bottom: -8px;

  40.   left: -1px;

  41.   border-width: 7px;

  42. }

  43. 

  44. .rooms-bulk-availability-form .fc-content-skeleton .fc-event-container .event-end {

  45.   content: "";

  46.   position: absolute;

  47.   width: 0;

  48.   height: 0;

  49.   border-style: solid;

  50.   border-color: transparent;

  51.   border-bottom: 0;

  52.   bottom: -10px;

  53.   left: 0px;

  54.   border-width: 7px;

  55. }

  56. 

  57. .rooms-bulk-availability-form .fc-content-skeleton .fc-event-container .event-end {

  58.   margin-bottom: 23px;

  59.   transform: rotate(180deg);

  60.   -ms-transform: rotate(180deg); /* IE 9 */

  61.   -webkit-transform: rotate(180deg);

  62. }

  63. .rooms-month-manager .rooms-calendar-second-row-events {

  64.   margin-top: -15px;

  65. }

  66. 

  67. .page-admin-rooms-units{

  68.   font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;

  69. }

  70. 

  71. /* Ensure that datepicker is visible in the modal popup. */

  72. #ui-datepicker-div {

  73.   z-index: 1005 !important;

  74. }