You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

fullcalendar.css 8.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. /* ===== Calendar styles ===== */
  2. .fc { direction: ltr; text-align: left; }
  3. .fc table { border-collapse: collapse; border-spacing: 0; }
  4. html .fc, .fc table { font-size: 1em; }
  5. .fc td, .fc th { padding: 0; vertical-align: top; }
  6. .fc-header { position: relative; }
  7. .fc-header td { white-space: nowrap; }
  8. .fc-header-left { text-align: left; width: 100%; }
  9. .fc-header-center { text-align: center; position: absolute; top: 0; width: 80%; left: 10%; line-height: 38px; }
  10. .fc-button-inner { border-left: 1px solid #d5d5d5; }
  11. .fc-header-left .fc-button-inner { border: none; }
  12. .fc-header-right { text-align: right; position: absolute; top: -38px; right: 0; }
  13. .fc-header-right .fc-button-agendaDay .fc-button-inner { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; }
  14. .fc-header-title { display: inline-block; vertical-align: top; }
  15. .fc-header-title h2 { font-size: 12px; }
  16. .fc-header-title strong { margin-top: 0; white-space: nowrap; padding: 8px 12px!important; display: block; }
  17. .fc .fc-header-space { padding-left: 10px; }
  18. .fc-header .fc-corner-right { margin-right: 0; float: right; }
  19. .fc-header .ui-corner-right { margin-right: 0; }
  20. .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; }
  21. .fc-header .fc-state-down { z-index: 3; }
  22. .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; }
  23. .fc-button-next { float: right; margin-right: -2px; }
  24. .fc-view { width: 100%; overflow: hidden; }
  25. .fc-border-separate thead {
  26. background: #f8f8f8;
  27. background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%);
  28. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
  29. background: -webkit-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
  30. background: -o-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
  31. background: -ms-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
  32. background: linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%);
  33. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
  34. }
  35. .fc-widget-header, .fc-widget-content { border: 1px solid #d5d5d5; }
  36. .fc-state-highlight { background: #f4f3e6; }
  37. .fc-cell-overlay { background: #9cf; opacity: .2; filter: alpha(opacity=20); /* for IE */ }
  38. .fc-button { position: relative; cursor: pointer; }
  39. .fc-button-inner { position: relative; float: left; overflow: hidden; }
  40. .fc-button-content { position: relative; float: left; height: 38px; line-height: 38px; padding: 0 14px; white-space: nowrap; }
  41. .fc-header-left .fc-button-content { padding: 0 8px; }
  42. .fc-header-right .fc-button-content { height: 38px; }
  43. /* icon (for jquery ui) */
  44. .fc-button-content .fc-icon-wrap { position: relative; float: left; top: 50%; }
  45. .fc-button-content .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; }
  46. /* gloss effect */
  47. .fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; }
  48. .fc-state-active, .fc-state-active .fc-button-inner { color: #797979; background: #f9f9f9; box-shadow: 0 -1px 0 #EAEAEA inset; }
  49. .fc-first th { padding-top: 1px; }
  50. .fc-state-disabled, .fc-state-disabled .fc-button-inner { color: #999; border-color: #ddd; }
  51. .fc-state-disabled { cursor: default; }
  52. .fc-state-disabled .fc-button-effect { display: none; }
  53. /* Global Event Styles */
  54. .fc-event { border-style: solid; border-width: 0; font-size: .85em; cursor: default; }
  55. a.fc-event, .fc-event-draggable { cursor: pointer; }
  56. a.fc-event { text-decoration: none; }
  57. .fc-rtl .fc-event { text-align: right; }
  58. .fc-event-skin {
  59. border-color: #596772; /* default BORDER color */
  60. background-color: #596772; /* default BACKGROUND color */
  61. color: #fff; /* default TEXT color */
  62. display: block;
  63. padding: 1px 0px;
  64. font-size: 11px;
  65. -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
  66. margin-top: 1px;
  67. }
  68. .fc-event-inner { position: relative; width: 100%; height: 100%; border-style: solid; border-width: 0; overflow: hidden; }
  69. .fc-event-time, .fc-event-title { padding: 0 2px 1px 5px; display: block; float: left; line-height: 16px; }
  70. .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; font-size: 300%; line-height: 50%; }
  71. /* Horizontal Events */
  72. .fc-event-hori { margin-bottom: 1px; }
  73. /* resizable */
  74. .fc-event-hori .ui-resizable-e { top: 0 !important; right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; }
  75. .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; }
  76. /* Fake Rounded Corners (for buttons and events) */
  77. .fc-corner-left { margin-left: 1px; }
  78. .fc-corner-right { margin-right: 1px; }
  79. .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner { margin-right: 0; }
  80. .fc-corner-top { margin-top: 1px; }
  81. .fc-corner-top .fc-event-inner { margin-top: -1px; }
  82. .fc-corner-bottom { margin-bottom: 1px; }
  83. .fc-corner-bottom .fc-event-inner { margin-bottom: -1px; }
  84. /* Fake Rounded Corners SPECIFICALLY FOR EVENTS */
  85. .fc-corner-top .fc-event-inner { border-top-width: 1px; }
  86. .fc-corner-bottom .fc-event-inner { border-bottom-width: 1px; }
  87. /* Reusable Separate-border Table */
  88. table.fc-border-separate { border-collapse: separate; }
  89. .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; }
  90. .fc-border-separate td:first-child, .fc-border-separate th:first-child { border-left: none; }
  91. .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-top-width: 1px; }
  92. .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 1px; }
  93. /* Month View, Basic Week View, Basic Day View */
  94. .fc-widget-header { text-align: center; }
  95. .fc-day-number { float: right; padding: 6px 5px 2px 5px; }
  96. .fc-cols .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); }
  97. .fc-day-content { clear: both; padding: 5px 2px 3px; }
  98. /* event styles */
  99. .fc-cols .fc-event-time { font-weight: bold; }
  100. /* right-to-left */
  101. .fc-rtl .fc-cols .fc-day-number { float: left; }
  102. .fc-rtl .fc-cols .fc-event-time { float: right; }
  103. /* Agenda Week View, Agenda Day View */
  104. .fc-agenda table { border-collapse: separate; }
  105. .fc-agenda-days th { text-align: center; }
  106. .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; }
  107. .fc-agenda .fc-day-content { padding: 2px 2px 1px; }
  108. .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; }
  109. .fc-agenda-days .fc-col0 { border-left-width: 0; }
  110. .fc-agenda-allday th { border-width: 0 1px; }
  111. .fc-agenda-allday .fc-day-content { min-height: 34px; _height: 34px; }
  112. .fc-agenda-divider-inner { height: 2px; overflow: hidden; }
  113. .fc-widget-header .fc-agenda-divider-inner { background: #eee; }
  114. /* slot rows */
  115. .fc-agenda-slots th { border-width: 1px 1px 0; }
  116. .fc-agenda-slots td { border-width: 1px 0 0; background: none; }
  117. .fc-agenda-slots td div { height: 20px; }
  118. .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; }
  119. .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; }
  120. .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; }
  121. /* Vertical Events */
  122. .fc-event-vert { border-width: 0 1px; }
  123. .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content { position: relative; z-index: 2; width: 100%; overflow: hidden; }
  124. .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; }
  125. .fc-event-vert .fc-event-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .3; filter: alpha(opacity=30); }
  126. .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; }
  127. /* resizable */
  128. .fc-event-vert .ui-resizable-s {
  129. bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
  130. width: 100% !important;
  131. height: 8px !important;
  132. overflow: hidden !important;
  133. line-height: 8px !important;
  134. font-size: 11px !important;
  135. font-family: monospace;
  136. text-align: center;
  137. cursor: s-resize;
  138. }
  139. .fc-agenda .ui-resizable-resizing { _overflow: hidden; }