fullcalendar.less 1.7 KB

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