You are here

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

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

.rooms-three-month-calendar {
  margin-bottom: 20px;
  position: relative;
  overflow-x: hidden;
}
.rooms-three-month-calendar ::-moz-selection {
  color: inherit;
  background: inherit;
}
.rooms-three-month-calendar ::selection {
  color: inherit;
  background: inherit;
}
.rooms-three-month-calendar .ajax-progress {
  position: absolute;
  top: 0;
  right: 0;
}
.calendar-set,
.calendar-navigation,
.calendar-management-form {
  margin-bottom: 20px;
}
.rooms-three-month-calendar .month1,
.rooms-three-month-calendar .month2,
.rooms-three-month-calendar .month3 {
  float: left; /* LTR */
  width: 33%;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rooms-three-month-calendar .month1 {
  padding-left: 0; /* LTR */
}
.rooms-three-month-calendar .month3 {
  padding-right: 0; /* LTR */
}
@media (max-width: 570px) {
  .rooms-three-month-calendar .month1,
  .rooms-three-month-calendar .month2,
  .rooms-three-month-calendar .month3 {
    width: 100%;
    padding: 0 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.calendar-back,
.calendar-current,
.calendar-forward {
  float: left; /* LTR */
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.calendar-back {
  text-align: left; /* LTR */
}
.calendar-current {
  text-align: center;
}
.calendar-forward {
  text-align: right; /* LTR */
}

.page-admin-rooms-units{
    font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.rooms-three-month-calendar .fc-content-skeleton .fc-event-container a {
  border-radius: 0px;
}

.rooms-three-month-calendar .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: 0px;
  border-width: 8px;
}

.rooms-three-month-calendar .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: -12px;
  left: 0px;
  border-width: 8px;
}

.rooms-three-month-calendar .fc-content-skeleton .fc-event-container .event-end {
  margin-bottom: 26px;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg);
}

.rooms-three-month-calendar .rooms-calendar-second-row-events {
  margin-top: -15px;
}

File

modules/rooms_availability/css/rooms_three_month_calendar.css
View source 
  1. .rooms-three-month-calendar {

  2.   margin-bottom: 20px;

  3.   position: relative;

  4.   overflow-x: hidden;

  5. }

  6. .rooms-three-month-calendar ::-moz-selection {

  7.   color: inherit;

  8.   background: inherit;

  9. }

  10. .rooms-three-month-calendar ::selection {

  11.   color: inherit;

  12.   background: inherit;

  13. }

  14. .rooms-three-month-calendar .ajax-progress {

  15.   position: absolute;

  16.   top: 0;

  17.   right: 0;

  18. }

  19. .calendar-set,

  20. .calendar-navigation,

  21. .calendar-management-form {

  22.   margin-bottom: 20px;

  23. }

  24. .rooms-three-month-calendar .month1,

  25. .rooms-three-month-calendar .month2,

  26. .rooms-three-month-calendar .month3 {

  27.   float: left; /* LTR */

  28.   width: 33%;

  29.   padding: 0 15px;

  30.   -webkit-box-sizing: border-box;

  31.   -moz-box-sizing: border-box;

  32.   box-sizing: border-box;

  33. }

  34. .rooms-three-month-calendar .month1 {

  35.   padding-left: 0; /* LTR */

  36. }

  37. .rooms-three-month-calendar .month3 {

  38.   padding-right: 0; /* LTR */

  39. }

  40. @media (max-width: 570px) {

  41.   .rooms-three-month-calendar .month1,

  42.   .rooms-three-month-calendar .month2,

  43.   .rooms-three-month-calendar .month3 {

  44.     width: 100%;

  45.     padding: 0 0 15px;

  46.     -webkit-box-sizing: border-box;

  47.     -moz-box-sizing: border-box;

  48.     box-sizing: border-box;

  49.   }

  50. }

  51. 

  52. .calendar-back,

  53. .calendar-current,

  54. .calendar-forward {

  55.   float: left; /* LTR */

  56.   width: 33%;

  57.   -webkit-box-sizing: border-box;

  58.   -moz-box-sizing: border-box;

  59.   box-sizing: border-box;

  60. }

  61. .calendar-back {

  62.   text-align: left; /* LTR */

  63. }

  64. .calendar-current {

  65.   text-align: center;

  66. }

  67. .calendar-forward {

  68.   text-align: right; /* LTR */

  69. }

  70. 

  71. .page-admin-rooms-units{

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

  73. }

  74. .rooms-three-month-calendar .fc-content-skeleton .fc-event-container a {

  75.   border-radius: 0px;

  76. }

  77. 

  78. .rooms-three-month-calendar .fc-content-skeleton .fc-event-container .event-start {

  79.   content: "";

  80.   position: absolute;

  81.   width: 0;

  82.   height: 0;

  83.   border-style: solid;

  84.   border-color: transparent;

  85.   border-bottom: 0;

  86.   bottom: -8px;

  87.   left: 0px;

  88.   border-width: 8px;

  89. }

  90. 

  91. .rooms-three-month-calendar .fc-content-skeleton .fc-event-container .event-end {

  92.   content: "";

  93.   position: absolute;

  94.   width: 0;

  95.   height: 0;

  96.   border-style: solid;

  97.   border-color: transparent;

  98.   border-bottom: 0;

  99.   bottom: -12px;

  100.   left: 0px;

  101.   border-width: 8px;

  102. }

  103. 

  104. .rooms-three-month-calendar .fc-content-skeleton .fc-event-container .event-end {

  105.   margin-bottom: 26px;

  106.   transform: rotate(180deg);

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

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

  109. }

  110. 

  111. .rooms-three-month-calendar .rooms-calendar-second-row-events {

  112.   margin-top: -15px;

  113. }