You are here

fullcalendar.theme.css in FullCalendar 8

/* Force contents to wrap */
.fc-event {
  word-wrap: break-word;
}

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

/* Reset FullCalendar generic style */
.fc-event,
.fc-event .fc-event-skin,
.fc-event .fc-event-time,
.fc-event a {
  border-style: none;
  background-color: transparent;
  color: inherit;
}

/* Set FullCalendar default style */
.fc-event-default,
.fc-event-default .fc-event-skin,
.fc-event-default .fc-event-time,
.fc-event-default a {
  border-color: #36c;
  border-style: solid;
  background-color: #36c;
  color: #fff;
}

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

.fc table {
  margin: 0;
}

table.fc-header {
  margin-bottom: 10px;
}

.fc-header tr {
  background-color: transparent;
}

.fc-header-title {
  text-align: center;
}

.fc-header tbody,
.fc-header th,
.fc-header td {
  border: 0;
}

.fc-header .fc-state-default,
.fc-header .ui-state-default {
  margin-bottom: 0;
}

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

/* Reposition the throbber. */
.fullcalendar .ajax-progress {
  left: 50%;
  position: absolute;
  top: 1.6em;
  z-index: 1;
}

File

assets/css/fullcalendar.theme.css
View source
  1. /* Force contents to wrap */
  2. .fc-event {
  3. word-wrap: break-word;
  4. }
  5. /* Undo Drupal default theme link colors */
  6. .fc-content a:link,
  7. .fc-content a:visited {
  8. color: #fff;
  9. text-decoration: none;
  10. }
  11. /* Reset FullCalendar generic style */
  12. .fc-event,
  13. .fc-event .fc-event-skin,
  14. .fc-event .fc-event-time,
  15. .fc-event a {
  16. border-style: none;
  17. background-color: transparent;
  18. color: inherit;
  19. }
  20. /* Set FullCalendar default style */
  21. .fc-event-default,
  22. .fc-event-default .fc-event-skin,
  23. .fc-event-default .fc-event-time,
  24. .fc-event-default a {
  25. border-color: #36c;
  26. border-style: solid;
  27. background-color: #36c;
  28. color: #fff;
  29. }
  30. /* Styling for updated message */
  31. .fullcalendar-status {
  32. background: #ecf8f4;
  33. border: 1px solid #fff;
  34. color: #687;
  35. display: none;
  36. margin: 0 0 10px 0;
  37. padding: 15px;
  38. text-align: center;
  39. }
  40. .fullcalendar-status-close {
  41. text-transform: lowercase;
  42. }
  43. .fc table {
  44. margin: 0;
  45. }
  46. table.fc-header {
  47. margin-bottom: 10px;
  48. }
  49. .fc-header tr {
  50. background-color: transparent;
  51. }
  52. .fc-header-title {
  53. text-align: center;
  54. }
  55. .fc-header tbody,
  56. .fc-header th,
  57. .fc-header td {
  58. border: 0;
  59. }
  60. .fc-header .fc-state-default,
  61. .fc-header .ui-state-default {
  62. margin-bottom: 0;
  63. }
  64. /* Hide plain text events when javascript is enabled */
  65. .js .fullcalendar-content {
  66. display: none;
  67. }
  68. /* Reposition the throbber. */
  69. .fullcalendar .ajax-progress {
  70. left: 50%;
  71. position: absolute;
  72. top: 1.6em;
  73. z-index: 1;
  74. }