calendar.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /* fullcalendar Custom style
  2. --------------------------------------------------------------------------------------------------*/
  3. .fc td.fc-widget-header {
  4. padding-top: 20px;
  5. padding-bottom: 20px;
  6. border-width: 0px;
  7. font-size: 14px;
  8. text-transform: uppercase; }
  9. .fc td.fc-widget-content {
  10. border-width: 1px 0 0; }
  11. .fc td.fc-day.fc-widget-content + .fc-widget-content {
  12. border-left-width: 1px; }
  13. .fc .fc-row {
  14. border-width: 0; }
  15. .fc table > thead > tr > th {
  16. border-width: 0;
  17. font-weight: 100; }
  18. .fc .fc-toolbar h2 {
  19. display: inline-block;
  20. font-size: 20px;
  21. vertical-align: sub; }
  22. .fc .fc-axis.fc-time {
  23. text-transform: uppercase; }
  24. .fc .fc-toolbar {
  25. position: relative; }
  26. .fc-button.fc-prev-button, .fc-button.fc-next-button {
  27. outline: none;
  28. box-shadow: none;
  29. background-image: none;
  30. background-color: transparent;
  31. border: 0px solid transparent; }
  32. .fc-button.fc-month-button, .fc-button.fc-agendaWeek-button, .fc-button.fc-agendaDay-button {
  33. height: auto;
  34. padding: 8px 14px;
  35. font-size: 14px;
  36. box-shadow: none;
  37. background-image: none;
  38. text-transform: capitalize;
  39. background-color: #f6f8f8;
  40. border-color: #e4eaec;
  41. outline: none; }
  42. .fc-button.fc-state-active, .fc-button.fc-state-hover {
  43. background-color: #fff; }
  44. .fc-unthemed .fc-today {
  45. background-color: #f4f7f8; }
  46. .fc-toolbar .fc-right {
  47. position: absolute;
  48. right: 0;
  49. top: 0; }
  50. .fc-agendaWeek-view .fc-event, .fc-agendaDay-view .fc-event {
  51. border-radius: 3px; }
  52. .fc-row.fc-widget-header {
  53. border-color: transparent; }
  54. .calendar-container {
  55. overflow: hidden;
  56. padding: 30px; }
  57. .panel-heading {
  58. border-width: 0;
  59. padding-top: 10px; }
  60. .panel-body {
  61. padding-top: 10px; }
  62. .page-main {
  63. background-color: #fff; }
  64. .calendar-list .list-group-item {
  65. cursor: pointer; }
  66. .fc-event {
  67. border-radius: 10px;
  68. background-color: #3e8ef7;
  69. border-color: #3e8ef7; }
  70. .fc-day-grid-event .fc-content {
  71. line-height: 1em;
  72. padding: 2px 10px; }
  73. .fc-highlight {
  74. background: #f3f7f9; }
  75. .bootstrap-touchspin .input-group-btn-vertical i {
  76. left: 3px; }
  77. @media (max-width: 991.98px) {
  78. .fc-toolbar {
  79. margin-bottom: 60px; }
  80. .fc-toolbar .fc-center {
  81. white-space: nowrap; }
  82. .fc-toolbar .fc-right {
  83. top: 50px; }
  84. .fc-button.fc-prev-button {
  85. padding-left: 0; }
  86. .fc-button.fc-next-button {
  87. padding-right: 0; } }