You are here

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

.fc table {
  margin: 0;
}
.fc td, .fc th {
  width: auto;
}

/* Header styles */
.fc-header-title {
  text-align: center;
}
.fc-header-title h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
.fc-header {
  border: none;
}
.fc-header tbody,
.fc-header tr,
.fc-header th,
.fc-header td {
  background-color: transparent;
  border: none !important;
}
.fc-header td {
  padding: 8px 0;
}
.fc-header .fc-state-default,
.fc-header .ui-state-default {
  margin-bottom: 0;
}

/* Days of week */
.fc-widget-header {
  font-weight: 100;
  font-size: 0.9em;
  color: #666;
  text-transform: none;
  background: transparent;
}

/* Table borders */
.fc-border-separate {
  border: none;
}
.fc-border-separate th,
.fc-border-separate th.fc-last {
  border-width: 0;
}
.fc-border-separate td.fc-last {
  border-width: 0 0 1px 1px;
}
.fc-border-separate tr.fc-last td {
  border-width: 0 0 0 1px;
  padding-bottom: 0;
}
.fc-border-separate td.fc-first {
  border-left: none;
}

/* Calendar content */
.fc-widget-content {
  border-color: #f5f5f5;
  background: transparent;
}

/* Events */
.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  border-style: none;
  background-color: transparent;
  color: inherit;
}
.fc-event-default,
.fc-event-default .fc-event-time,
.fc-event-default a {
  border-color: #36c;
  border-style: solid;
  background-color: #36c;
  color: #fff;
}
.fc-event-skin {
  opacity: 0.8;
}
.fc-event-title {
  padding: 0 2px;
  display: block;
}

.fc-corner-left,
.fc-corner-left .fc-event-inner {
  border-left-width: 0;
}
.fc-corner-right,
.fc-corner-right .fc-event-inner {
  border-right-width: 0;
}
.fc-corner-left.fc-corner-right,
.fc-corner-left.fc-corner-right .fc-event-inner {
  border-left-width: 0;
  border-right-width: 0;
}

/* Updated message */
.fullcalendar-status {
  background: #ecf8f4;
  border: 1px solid #fff;
  color: #687;
  display: none;
  margin: 0 0 10px 0;
  padding: 15px;
  text-align: center;
}

/* Undo Drupal default theme link colors */
.fc-content a:link,
.fc-content a:visited {
  color: #fff;
  text-decoration: none;
}

/* Grid whitespace */
.fc-grid .fc-day-number {
  text-align: right;
  padding: 1px 8% 0;
  cursor: default;
}
.fc-grid .fc-day-content {
  padding: 0 5% 0;
}

/* Visual separator between weeks in single-row-month */
.fc-view-singleRowMonth th.fc-sun {
  border-left-width: 1px;
}
.fc-view-singleRowMonth th.fc-sun.fc-first {
  border-left-width: 0;
}

.fc-cell-overlay {
  background: rgb(0, 122, 255);
  opacity: .7;
  filter: alpha(opacity=70);
}

/* Hide plain text events when javascript is enabled */
html.js .fullcalendar-content {
  display: none;
}

File

modules/rooms_availability/css/fullcalendar.theme.css
View source
  1. .fc table {
  2. margin: 0;
  3. }
  4. .fc td, .fc th {
  5. width: auto;
  6. }
  7. /* Header styles */
  8. .fc-header-title {
  9. text-align: center;
  10. }
  11. .fc-header-title h2 {
  12. font-size: 18px;
  13. font-weight: normal;
  14. margin: 0;
  15. }
  16. .fc-header {
  17. border: none;
  18. }
  19. .fc-header tbody,
  20. .fc-header tr,
  21. .fc-header th,
  22. .fc-header td {
  23. background-color: transparent;
  24. border: none !important;
  25. }
  26. .fc-header td {
  27. padding: 8px 0;
  28. }
  29. .fc-header .fc-state-default,
  30. .fc-header .ui-state-default {
  31. margin-bottom: 0;
  32. }
  33. /* Days of week */
  34. .fc-widget-header {
  35. font-weight: 100;
  36. font-size: 0.9em;
  37. color: #666;
  38. text-transform: none;
  39. background: transparent;
  40. }
  41. /* Table borders */
  42. .fc-border-separate {
  43. border: none;
  44. }
  45. .fc-border-separate th,
  46. .fc-border-separate th.fc-last {
  47. border-width: 0;
  48. }
  49. .fc-border-separate td.fc-last {
  50. border-width: 0 0 1px 1px;
  51. }
  52. .fc-border-separate tr.fc-last td {
  53. border-width: 0 0 0 1px;
  54. padding-bottom: 0;
  55. }
  56. .fc-border-separate td.fc-first {
  57. border-left: none;
  58. }
  59. /* Calendar content */
  60. .fc-widget-content {
  61. border-color: #f5f5f5;
  62. background: transparent;
  63. }
  64. /* Events */
  65. .fc-event,
  66. .fc-agenda .fc-event-time,
  67. .fc-event a {
  68. border-style: none;
  69. background-color: transparent;
  70. color: inherit;
  71. }
  72. .fc-event-default,
  73. .fc-event-default .fc-event-time,
  74. .fc-event-default a {
  75. border-color: #36c;
  76. border-style: solid;
  77. background-color: #36c;
  78. color: #fff;
  79. }
  80. .fc-event-skin {
  81. opacity: 0.8;
  82. }
  83. .fc-event-title {
  84. padding: 0 2px;
  85. display: block;
  86. }
  87. .fc-corner-left,
  88. .fc-corner-left .fc-event-inner {
  89. border-left-width: 0;
  90. }
  91. .fc-corner-right,
  92. .fc-corner-right .fc-event-inner {
  93. border-right-width: 0;
  94. }
  95. .fc-corner-left.fc-corner-right,
  96. .fc-corner-left.fc-corner-right .fc-event-inner {
  97. border-left-width: 0;
  98. border-right-width: 0;
  99. }
  100. /* Updated message */
  101. .fullcalendar-status {
  102. background: #ecf8f4;
  103. border: 1px solid #fff;
  104. color: #687;
  105. display: none;
  106. margin: 0 0 10px 0;
  107. padding: 15px;
  108. text-align: center;
  109. }
  110. /* Undo Drupal default theme link colors */
  111. .fc-content a:link,
  112. .fc-content a:visited {
  113. color: #fff;
  114. text-decoration: none;
  115. }
  116. /* Grid whitespace */
  117. .fc-grid .fc-day-number {
  118. text-align: right;
  119. padding: 1px 8% 0;
  120. cursor: default;
  121. }
  122. .fc-grid .fc-day-content {
  123. padding: 0 5% 0;
  124. }
  125. /* Visual separator between weeks in single-row-month */
  126. .fc-view-singleRowMonth th.fc-sun {
  127. border-left-width: 1px;
  128. }
  129. .fc-view-singleRowMonth th.fc-sun.fc-first {
  130. border-left-width: 0;
  131. }
  132. .fc-cell-overlay {
  133. background: rgb(0, 122, 255);
  134. opacity: .7;
  135. filter: alpha(opacity=70);
  136. }
  137. /* Hide plain text events when javascript is enabled */
  138. html.js .fullcalendar-content {
  139. display: none;
  140. }