fullcalendar.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /*
  2. * Plugin: Full Calendar
  3. * ---------------------
  4. */
  5. //Fullcalendar buttons
  6. .fc-button {
  7. background: #f4f4f4;
  8. background-image: none;
  9. color: #444;
  10. border-color: #ddd;
  11. border-bottom-color: #ddd;
  12. &:hover,
  13. &:active,
  14. &.hover {
  15. background-color: #e9e9e9;
  16. }
  17. }
  18. // Calendar title
  19. .fc-header-title h2 {
  20. font-size: 15px;
  21. line-height: 1.6em;
  22. color: #666;
  23. margin-left: 10px;
  24. }
  25. .fc-header-right {
  26. padding-right: 10px;
  27. }
  28. .fc-header-left {
  29. padding-left: 10px;
  30. }
  31. // Calendar table header cells
  32. .fc-widget-header {
  33. background: #fafafa;
  34. }
  35. .fc-grid {
  36. width: 100%;
  37. border: 0;
  38. }
  39. .fc-widget-header:first-of-type,
  40. .fc-widget-content:first-of-type {
  41. border-left: 0;
  42. border-right: 0;
  43. }
  44. .fc-widget-header:last-of-type,
  45. .fc-widget-content:last-of-type {
  46. border-right: 0;
  47. }
  48. .fc-toolbar {
  49. padding: @box-padding;
  50. margin: 0;
  51. }
  52. .fc-day-number {
  53. font-size: 20px;
  54. font-weight: 300;
  55. padding-right: 10px;
  56. }
  57. .fc-color-picker {
  58. list-style: none;
  59. margin: 0;
  60. padding: 0;
  61. > li {
  62. float: left;
  63. font-size: 30px;
  64. margin-right: 5px;
  65. line-height: 30px;
  66. .fa {
  67. .transition-transform(linear .3s);
  68. &:hover {
  69. .rotate(30deg);
  70. }
  71. }
  72. }
  73. }
  74. #add-new-event {
  75. .transition(all linear .3s);
  76. }
  77. .external-event {
  78. padding: 5px 10px;
  79. font-weight: bold;
  80. margin-bottom: 4px;
  81. box-shadow: @box-boxshadow;
  82. text-shadow: @box-boxshadow;
  83. border-radius: @box-border-radius;
  84. cursor: move;
  85. &:hover {
  86. box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
  87. }
  88. }