fullcalendar.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404
  1. .fc {
  2. direction: ltr;
  3. text-align: left; border:1px solid #dadada;
  4. }
  5. .fc table {
  6. border-collapse: collapse;
  7. border-spacing: 0;
  8. }
  9. html .fc, .fc table {
  10. font-size: 1em;
  11. }
  12. .fc td, .fc th {
  13. padding: 0;
  14. vertical-align: top;
  15. }
  16. .fc-header {
  17. position: relative;
  18. }
  19. .fc-header td {
  20. position: relative;
  21. white-space: nowrap;
  22. }
  23. .fc-header-left {
  24. text-align: left;
  25. }
  26. .fc-header-center {
  27. left: 10%;
  28. position: absolute;
  29. text-align: center;
  30. top: 0;
  31. width: 80%;
  32. }
  33. .fc-button-inner {
  34. border-left: 1px solid #D5D5D5;
  35. }
  36. .panel-left .fc-header-right .fc-button:last-child .fc-button-inner {
  37. border-right: 1px solid #D5D5D5;
  38. }
  39. .fc-header-left .fc-button-inner {
  40. border: medium none;
  41. }
  42. .fc-header-right {
  43. position: absolute !important;
  44. right: 0;
  45. text-align: right;
  46. top: -37px;
  47. }
  48. .panel-left .fc-header-right {
  49. right: -1px;
  50. }
  51. .fc-header-title {
  52. display: inline-block;
  53. vertical-align: top;
  54. }
  55. .fc-header-title strong {
  56. display: block;
  57. margin-top: 0;
  58. padding: 8px 12px !important;
  59. white-space: nowrap;
  60. }
  61. .fc .fc-header-space {
  62. padding-left: 10px;
  63. }
  64. .fc-header .fc-corner-right {
  65. float: right;
  66. margin-right: 1px;
  67. }
  68. .fc-header .ui-corner-right {
  69. margin-right: 0;
  70. }
  71. .fc-header .fc-state-hover, .fc-header .ui-state-hover {
  72. z-index: 2;
  73. }
  74. .fc-header .fc-state-down {
  75. z-index: 3;
  76. }
  77. .fc-header .fc-state-active, .fc-header .ui-state-active {
  78. z-index: 4;
  79. }
  80. .fc-button-prev .fc-button-content {
  81. background: url("../img/larrow.png") no-repeat scroll 15px 13px transparent;
  82. width: 10px;
  83. }
  84. .fc-button-next .fc-button-content {
  85. background: url("../img/rarrow.png") no-repeat scroll 15px 13px transparent;
  86. width: 10px;
  87. }
  88. .fc-content {
  89. }
  90. .fc-view {
  91. overflow: hidden;
  92. width: 100%;
  93. }
  94. .fc-widget-header, .fc-widget-content {
  95. border: 1px solid #D5D5D5;
  96. }
  97. .fc-state-highlight {
  98. background: url("../images/backgrounds/calActiveBg.html") repeat-x scroll 0 0 #F5F5F5;
  99. }
  100. .fc-cell-overlay {
  101. background: none repeat scroll 0 0 #99CCFF;
  102. opacity: 0.2;
  103. }
  104. .fc-button {
  105. cursor: pointer;
  106. display: inline-block;
  107. position: relative;
  108. }
  109. .fc-state-default {
  110. }
  111. .fc-button-inner {
  112. float: left;
  113. overflow: hidden;
  114. position: relative;
  115. }
  116. .fc-state-default .fc-button-inner {
  117. }
  118. .fc-button-content {
  119. float: left;
  120. height: 36px;
  121. line-height: 37px;
  122. padding: 0 14px;
  123. position: relative;
  124. white-space: nowrap;
  125. }
  126. .fc-header-right .fc-button-content {
  127. height: 37px;
  128. }
  129. .fc-button-content .fc-icon-wrap {
  130. float: left;
  131. position: relative;
  132. top: 50%;
  133. }
  134. .fc-button-content .ui-icon {
  135. float: left;
  136. margin-top: -50%;
  137. position: relative;
  138. }
  139. .fc-state-default .fc-button-effect {
  140. left: 0;
  141. position: absolute;
  142. top: 50%;
  143. }
  144. .fc-state-default .fc-button-effect span {
  145. }
  146. .fc-state-default, .fc-state-default .fc-button-inner {
  147. }
  148. .fc-state-hover, .fc-state-hover .fc-button-inner {
  149. }
  150. .fc-state-down, .fc-state-down .fc-button-inner {
  151. }
  152. .fc-state-active, .fc-state-active .fc-button-inner {
  153. background: none repeat scroll 0 0 #F9F9F9;
  154. color: #797979;
  155. }
  156. .fc-first th {
  157. padding-top: 1px;
  158. }
  159. .fc-state-disabled, .fc-state-disabled .fc-button-inner {
  160. border-color: #DDDDDD;
  161. color: #999999;
  162. }
  163. .fc-state-disabled {
  164. cursor: default;
  165. }
  166. .fc-state-disabled .fc-button-effect {
  167. display: none;
  168. }
  169. .fc-event {
  170. border-style: solid;
  171. border-width: 0;
  172. cursor: default;
  173. font-size: 0.85em;
  174. }
  175. a.fc-event, .fc-event-draggable {
  176. cursor: pointer;
  177. }
  178. a.fc-event {
  179. text-decoration: none;
  180. }
  181. .fc-rtl .fc-event {
  182. text-align: right;
  183. }
  184. .fc-event-skin {
  185. background-color: #fb7a2c;
  186. border-color: #000000;
  187. border-radius: 2px 2px 2px 2px;
  188. color: #FFFFFF;
  189. display: block;
  190. font-size: 11px;
  191. margin-top: 1px;
  192. padding: 1px 0;
  193. }
  194. .fc-event-inner {
  195. border-style: solid;
  196. border-width: 0;
  197. height: 100%;
  198. overflow: hidden;
  199. position: relative;
  200. width: 100%;
  201. }
  202. .fc-event-time, .fc-event-title {
  203. display: block;
  204. float: left;
  205. line-height: 16px;
  206. padding: 0 2px 1px 5px;
  207. }
  208. .fc .ui-resizable-handle {
  209. display: block;
  210. font-size: 300%;
  211. line-height: 50%;
  212. overflow: hidden;
  213. position: absolute;
  214. z-index: 99999;
  215. }
  216. .fc-event-hori {
  217. margin-bottom: 1px;
  218. }
  219. .fc-event-hori .ui-resizable-e {
  220. cursor: e-resize;
  221. height: 100% !important;
  222. right: -3px !important;
  223. top: 0 !important;
  224. width: 7px !important;
  225. }
  226. .fc-event-hori .ui-resizable-w {
  227. cursor: w-resize;
  228. height: 100% !important;
  229. left: -3px !important;
  230. top: 0 !important;
  231. width: 7px !important;
  232. }
  233. .fc-event-hori .ui-resizable-handle {
  234. }
  235. .fc-corner-left {
  236. margin-left: 1px;
  237. }
  238. .fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
  239. }
  240. .fc-corner-right {
  241. margin-right: 1px;
  242. }
  243. .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
  244. margin-right: -1px;
  245. }
  246. .fc-corner-top {
  247. margin-top: 1px;
  248. }
  249. .fc-corner-top .fc-event-inner {
  250. margin-top: -1px;
  251. }
  252. .fc-corner-bottom {
  253. margin-bottom: 1px;
  254. }
  255. .fc-corner-bottom .fc-event-inner {
  256. margin-bottom: -1px;
  257. }
  258. .fc-corner-left .fc-event-inner {
  259. }
  260. .fc-corner-right .fc-event-inner {
  261. }
  262. .fc-corner-top .fc-event-inner {
  263. border-top-width: 1px;
  264. }
  265. .fc-corner-bottom .fc-event-inner {
  266. border-bottom-width: 1px;
  267. }
  268. table.fc-border-separate {
  269. border-collapse: separate;
  270. }
  271. .fc-border-separate th, .fc-border-separate td {
  272. border-width: 1px 0 0 1px;
  273. }
  274. .fc-border-separate td:first-child, .fc-border-separate th:first-child {
  275. border-left: medium none;
  276. }
  277. .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
  278. }
  279. .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
  280. border-top-width: 1px;
  281. }
  282. .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
  283. border-top-width: 1px;
  284. }
  285. .fc-grid th {
  286. text-align: center;
  287. }
  288. .fc-grid .fc-day-number {
  289. float: right;
  290. padding: 3px 5px;
  291. }
  292. .fc-grid .fc-other-month .fc-day-number {
  293. opacity: 0.3;
  294. }
  295. .fc-grid .fc-day-content {
  296. clear: both;
  297. padding: 5px 2px 3px;
  298. }
  299. .fc-grid .fc-event-time {
  300. font-weight: bold;
  301. }
  302. .fc-rtl .fc-grid .fc-day-number {
  303. float: left;
  304. }
  305. .fc-rtl .fc-grid .fc-event-time {
  306. float: right;
  307. }
  308. .fc-agenda table {
  309. border-collapse: separate;
  310. }
  311. .fc-agenda-days th {
  312. text-align: center;
  313. }
  314. .fc-agenda .fc-agenda-axis {
  315. font-weight: normal;
  316. padding: 0 4px;
  317. text-align: right;
  318. vertical-align: middle;
  319. white-space: nowrap;
  320. width: 50px;
  321. }
  322. .fc-agenda .fc-day-content {
  323. padding: 2px 2px 1px;
  324. }
  325. .fc-agenda-days .fc-agenda-axis {
  326. border-right-width: 1px;
  327. }
  328. .fc-agenda-days .fc-col0 {
  329. border-left-width: 0;
  330. }
  331. .fc-agenda-allday th {
  332. border-width: 0 1px;
  333. }
  334. .fc-agenda-allday .fc-day-content {
  335. min-height: 34px;
  336. }
  337. .fc-agenda-divider-inner {
  338. height: 2px;
  339. overflow: hidden;
  340. }
  341. .fc-widget-header .fc-agenda-divider-inner {
  342. background: none repeat scroll 0 0 #EEEEEE;
  343. }
  344. .fc-agenda-slots th {
  345. border-width: 1px 1px 0;
  346. }
  347. .fc-agenda-slots td {
  348. background: none repeat scroll 0 0 transparent;
  349. border-width: 1px 0 0;
  350. }
  351. .fc-agenda-slots td div {
  352. height: 20px;
  353. }
  354. .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
  355. border-top-width: 0;
  356. }
  357. .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
  358. border-top-style: dotted;
  359. }
  360. .fc-agenda-slots tr.fc-minor th.ui-widget-header {
  361. }
  362. .fc-event-vert {
  363. border-width: 0 1px;
  364. }
  365. .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
  366. overflow: hidden;
  367. position: relative;
  368. width: 100%;
  369. z-index: 2;
  370. }
  371. .fc-event-vert .fc-event-time {
  372. font-size: 10px;
  373. white-space: nowrap;
  374. }
  375. .fc-event-vert .fc-event-bg {
  376. background: none repeat scroll 0 0 #FFFFFF;
  377. height: 100%;
  378. left: 0;
  379. opacity: 0.3;
  380. position: absolute;
  381. top: 0;
  382. width: 100%;
  383. z-index: 1;
  384. }
  385. .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
  386. }
  387. .fc-event-vert .ui-resizable-s {
  388. bottom: 0 !important;
  389. cursor: s-resize;
  390. font-family: monospace;
  391. font-size: 11px !important;
  392. height: 8px !important;
  393. line-height: 8px !important;
  394. overflow: hidden !important;
  395. text-align: center;
  396. width: 100% !important;
  397. }
  398. .fc-agenda .ui-resizable-resizing {
  399. }
  400. #external-events .external-event {
  401. margin-bottom: 5px; cursor:all-scroll;
  402. }