calendar.css 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406
  1. .fc-border-separate {
  2. border-collapse: collapse;
  3. border-spacing: 0;
  4. width: 100%;
  5. background: rgba(0,0,0,0.2);
  6. box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  7. }
  8. .fc-border-separate td, .fc-border-separate th {
  9. border: 1px solid rgba(255,255,255,0.15);
  10. }
  11. .fc-border-separate th {
  12. border-top: 0;
  13. border-bottom: 0;
  14. padding: 4px 0 2px;
  15. background: rgba(0,0,0,0.3);
  16. }
  17. .fc-border-separate td:hover, .fc-cell-overlay {
  18. background: rgba(0,0,0,0.1);
  19. cursor: pointer;
  20. }
  21. .fc-border-separate th {
  22. font-weight: normal;
  23. text-transform: uppercase;
  24. text-align: center;
  25. }
  26. .fc-header {
  27. margin-bottom: 5px;
  28. }
  29. .calendar-widget .fc-header {
  30. margin: 10px 0 5px;
  31. }
  32. .fc-header-left {
  33. text-align: left !important;
  34. }
  35. .fc-header-right {
  36. text-align: right;
  37. }
  38. .calendar-widget .fc-header-right {
  39. padding-right: 10px;
  40. }
  41. .calendar-widget .fc-header-left {
  42. padding-left: 10px;
  43. }
  44. .fc-header-center {
  45. text-align: center;
  46. }
  47. .fc-button {
  48. margin: 0 0 0 -1px;
  49. }
  50. .fc-button:hover i {
  51. color: #FFD600;
  52. cursor: pointer;
  53. }
  54. .fc-button i {
  55. font-size: 26px;
  56. line-height: 100%;
  57. color: #fff;
  58. margin-top: -6px;
  59. }
  60. .fc-button {
  61. font-size: 13px;
  62. text-transform: uppercase;
  63. padding: 0 4px;
  64. }
  65. .fc-today, .fc-today:hover {
  66. background: transparent;
  67. }
  68. .fc-border-separate tr:last-child td {
  69. border-bottom: 0;
  70. }
  71. .fc-border-separate tr td:first-child, .fc-border-separate tr th:first-child {
  72. border-left: 0;
  73. }
  74. .fc-border-separate tr td:last-child, .fc-border-separate tr th:last-child {
  75. border-right: 0;
  76. }
  77. .fc-header-title h2 {
  78. line-height: 100%;
  79. margin: 1px 0 5px;
  80. font-size: 15px;
  81. text-transform: uppercase;
  82. }
  83. .fc td, .fc th {
  84. vertical-align: top;
  85. }
  86. .fc td {
  87. padding: 0;
  88. }
  89. .fc-state-highlight {
  90. background: rgba(252, 248, 227, 0.11);
  91. }
  92. .fc-event-container > * {
  93. z-index: 8;
  94. }
  95. .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
  96. z-index: 9;
  97. }
  98. .fc-event {
  99. color: #fff;
  100. cursor: default;
  101. font-size: 11px;
  102. }
  103. a.fc-event {
  104. text-decoration: none;
  105. }
  106. a.fc-event, .fc-event-draggable {
  107. cursor: pointer;
  108. }
  109. .fc-rtl .fc-event {
  110. text-align: right;
  111. }
  112. .fc-event-time, .fc-event-title {
  113. padding: 0 1px;
  114. text-shadow: 0 0 2px rgba(0,0,0,0.2);
  115. }
  116. .fc .ui-resizable-handle {
  117. display: block;
  118. position: absolute;
  119. z-index: 99999;
  120. overflow: hidden;
  121. font-size: 300%;
  122. line-height: 50%;
  123. }
  124. .fc-event-hori .ui-resizable-e {
  125. top: 0 !important;
  126. right: -3px !important;
  127. width: 7px !important;
  128. height: 100% !important;
  129. cursor: e-resize;
  130. }
  131. .fc-event-hori .ui-resizable-w {
  132. top: 0 !important;
  133. left: -3px !important;
  134. width: 7px !important;
  135. height: 100% !important;
  136. cursor: w-resize;
  137. }
  138. table.fc-border-separate {
  139. border-collapse: separate;
  140. }
  141. .fc-border-separate th, .fc-border-separate td {
  142. border-width: 1px 0 0 1px;
  143. }
  144. .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
  145. border-right-width: 1px;
  146. }
  147. .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
  148. border-bottom-width: 1px;
  149. }
  150. .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
  151. border-top-width: 0;
  152. }
  153. .fc-grid th {
  154. text-align: center;
  155. }
  156. .fc .fc-week-number {
  157. width: 22px;
  158. text-align: center;
  159. }
  160. .fc .fc-week-number div {
  161. padding: 0 2px;
  162. }
  163. .fc-grid .fc-day-number {
  164. float: right;
  165. padding: 0 2px;
  166. }
  167. .fc-grid .fc-other-month .fc-day-number {
  168. opacity: 0.3;
  169. filter: alpha(opacity=30);
  170. }
  171. .fc-grid .fc-day-content {
  172. clear: both;
  173. padding: 2px 2px 1px;
  174. }
  175. /* event styles */
  176. .fc-grid .fc-event-time {
  177. font-weight: bold;
  178. }
  179. .fc-rtl .fc-grid .fc-day-number {
  180. float: left;
  181. }
  182. .fc-rtl .fc-grid .fc-event-time {
  183. float: right;
  184. }
  185. .fc-agenda table {
  186. border-collapse: separate;
  187. }
  188. .fc-agenda-days th {
  189. text-align: center;
  190. }
  191. .fc-agenda .fc-agenda-axis {
  192. width: 50px;
  193. padding: 0 4px;
  194. vertical-align: middle;
  195. text-align: right;
  196. white-space: nowrap;
  197. font-weight: normal;
  198. }
  199. .fc-agenda .fc-week-number {
  200. font-weight: bold;
  201. }
  202. .fc-agenda .fc-day-content {
  203. padding: 2px 2px 1px;
  204. }
  205. .fc-agenda-days .fc-agenda-axis {
  206. border-right-width: 1px;
  207. }
  208. .fc-agenda-days .fc-col0 {
  209. border-left-width: 0;
  210. }
  211. .fc-agenda-allday th {
  212. border-width: 0 1px;
  213. }
  214. .fc-agenda-allday .fc-day-content {
  215. min-height: 34px;
  216. _height: 34px;
  217. }
  218. .fc-agenda-divider-inner {
  219. height: 1px;
  220. overflow: hidden;
  221. }
  222. .fc-widget-header .fc-agenda-divider-inner {
  223. background: rgba(255,255,255,0.28);
  224. }
  225. .fc-agenda-slots th {
  226. border-width: 0;
  227. }
  228. .fc-agenda-slots td {
  229. border-width: 1px 0 0;
  230. background: none;
  231. border-color: rgba(255,255,255,0.28);
  232. }
  233. .fc-agenda-slots td div {
  234. height: 20px;
  235. }
  236. .fc-agenda-slots tr.fc-slot0 th,
  237. .fc-agenda-slots tr.fc-slot0 td {
  238. border-top-width: 0;
  239. }
  240. .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
  241. border-top-style: dotted;
  242. }
  243. .fc-event-vert {
  244. border-width: 0 1px;
  245. }
  246. .fc-event-vert.fc-event-start {
  247. border-top-width: 1px;
  248. border-top-left-radius: 3px;
  249. border-top-right-radius: 3px;
  250. }
  251. .fc-event-vert.fc-event-end {
  252. border-bottom-width: 1px;
  253. border-bottom-left-radius: 3px;
  254. border-bottom-right-radius: 3px;
  255. }
  256. .fc-event-vert .fc-event-time {
  257. white-space: nowrap;
  258. font-size: 10px;
  259. }
  260. .fc-event-inner {
  261. background: rgba(255,255,255,0.6);
  262. padding: 1px 2px 2px;
  263. color: #000;
  264. margin-bottom: 2px;
  265. font-family: open-sans-regular;
  266. overflow: hidden;
  267. }
  268. .fc-event-vert .fc-event-inner {
  269. position: relative;
  270. z-index: 2;
  271. }
  272. .fc-event-vert .fc-event-bg {
  273. position: absolute;
  274. z-index: 1;
  275. top: 0;
  276. left: 0;
  277. width: 100%;
  278. height: 100%;
  279. background: #fff;
  280. opacity: .25;
  281. filter: alpha(opacity=25);
  282. }
  283. .fc-event-vert .ui-resizable-s {
  284. bottom: 0 !important;
  285. width: 100% !important;
  286. height: 8px !important;
  287. overflow: hidden !important;
  288. line-height: 8px !important;
  289. font-size: 11px !important;
  290. font-family: monospace;
  291. text-align: center;
  292. cursor: s-resize;
  293. }
  294. .fc-agenda .ui-resizable-resizing { /* TODO: better selector */
  295. _overflow: hidden;
  296. }
  297. .s-widget .fc-header {
  298. background: rgba(0,0,0,0.2);
  299. }
  300. .s-widget .fc-header-title h2 {
  301. padding: 6px 10px 7px;
  302. }
  303. #calendar:not(.calendar-widget) .fc-header .fc-header-left {
  304. width: 35px;
  305. }
  306. #calendar .fc-header .fc-header-center {
  307. padding-right: 35px;
  308. }
  309. .calendar-actions.list-inline {
  310. position: absolute;
  311. top: 7px;
  312. right: 10px;
  313. }
  314. .calendar-actions > li > a {
  315. display: inline-block;
  316. opacity: 0.8;
  317. width: 100%;
  318. }
  319. .calendar-actions > li > a:hover {
  320. opacity: 1;
  321. }
  322. .fc-view-agendaDay .fc-today {
  323. background: transparent;
  324. }