thirdparty-calendar.less 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. .enable_plugin_fullcalendar() when(@enable-plugin-fullcalendar = true) {
  2. //calendar
  3. .fc-toolbar h2 {
  4. font-size: 22px;
  5. color: #65A0CE;
  6. }
  7. .fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
  8. border-color: #BCD4E5;
  9. }
  10. .fc-unthemed .fc-today {
  11. background: #FFC;
  12. }
  13. .fc-event {
  14. border-width: 0; //default BORDER color
  15. background-color:#ABBAC3;
  16. padding: 1px 1px 2px 2px;
  17. border-radius: 0;
  18. .label-yellow & { color:#996633; }
  19. .label-light & { color:#888; }
  20. [class*="label-"] > & , [class*="label-"] > & > .fc-event-skin.fc-event-head {
  21. background-color: inherit;
  22. }
  23. &.ui-draggable-dragging {
  24. cursor:move;
  25. }
  26. &.fc-event-vert , .fc-event-vert > &
  27. {
  28. padding:0 0 1px;
  29. }
  30. }
  31. .fc-day-number {
  32. color: #2E6589;
  33. .opacity(1);
  34. }
  35. .fc-widget-header, .fc .fc-axis {
  36. background:#ECF2F7;
  37. color:#8090A0;
  38. }
  39. //
  40. //.fc-grid th , th.fc-widget-header{
  41. // height:28px;
  42. // vertical-align:middle !important;
  43. //}
  44. .fc-event-hori , .fc-event-vert {
  45. border-radius:0 !important;
  46. border-color:transparent;
  47. }
  48. .fc-event-vert {
  49. .fc-event-content {
  50. padding-left:1px;
  51. padding-right:1px;
  52. }
  53. .fc-event-time {
  54. padding:0;
  55. }
  56. }
  57. .fc-state-default {
  58. & , & .fc-button-inner {
  59. border:none;
  60. background-color:#ABBAC3;
  61. color:#FFF;
  62. background-image:none;
  63. box-shadow:none;
  64. text-shadow:none;
  65. border-radius:0 !important;
  66. margin-left:2px;
  67. }
  68. border:none;
  69. .fc-button-effect {
  70. display:none;
  71. }
  72. }
  73. .fc-state-disabled {
  74. & , & .fc-button-inner {
  75. .opacity(0.75);
  76. color:#DDD;
  77. }
  78. }
  79. .fc-state-active {
  80. & , & .fc-button-inner {
  81. border-color:#4F99C6;
  82. background-color:#6FB3E0;
  83. }
  84. }
  85. .fc-state-hover {
  86. & , & .fc-button-inner {
  87. background-color:#8B9AA3;
  88. }
  89. }
  90. .fc .fc-button-group > * {
  91. margin: 0 1px 0 0;
  92. }
  93. .external-event {
  94. margin:6px 0;
  95. padding:0;
  96. cursor:default;
  97. display:block;
  98. color:#FFF;
  99. background-color:#ABBAC3;
  100. font-size: @baseFontSize;
  101. line-height: 28px;
  102. &:hover {
  103. .opacity(1);
  104. }
  105. &.ui-draggable-dragging {
  106. cursor:move;
  107. }
  108. > .@{icon}:first-child {// the move & drag icon
  109. display: inline-block; height:32px; width:32px;
  110. text-align: center;
  111. line-height: 30px;
  112. margin-right: 5px;
  113. font-size: floor(@baseFontSize * 1.2);
  114. border-right:1px solid #FFF;
  115. }
  116. }
  117. //calendar inside widget-box --- not complete yet
  118. /**
  119. .widget-main {
  120. .fc {
  121. position:relative;
  122. top:-40px;
  123. > .fc-header {
  124. position:relative;
  125. z-index:10;
  126. }
  127. .fc-header-space {
  128. padding-left:2px;
  129. }
  130. }
  131. .fc-header-title > h2 {
  132. font-size: floor(@baseFontSize * 1.4);
  133. line-height: 36px;
  134. }
  135. .fc-content {
  136. top:-14px;
  137. z-index:11;
  138. }
  139. .fc-button-content {
  140. height:37px;
  141. line-height:36px;
  142. }
  143. }
  144. */
  145. //calendar
  146. @media only screen and (max-width: @screen-xs) {
  147. .fc-header td {
  148. display:block;
  149. width:auto;
  150. text-align:left;
  151. }
  152. }
  153. }
  154. .enable_plugin_fullcalendar();