| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | .enable_plugin_fullcalendar() when(@enable-plugin-fullcalendar = true) { |
| A | 2 | |
| 3 | //calendar | |
| 4 | .fc-toolbar h2 { | |
| 5 | font-size: @font-size-calendar-header; | |
| 6 | color: #65A0CE; | |
| 7 | } | |
| 8 | ||
| 9 | .fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { | |
| 10 | border-color: #BCD4E5; | |
| 11 | } | |
| 12 | ||
| 13 | .fc-unthemed .fc-today { | |
| 14 | background: #FFC; | |
| 15 | } | |
| 16 | .fc-event { | |
| 17 | border-width: 0; //default BORDER color | |
| 18 | ||
| 19 | &:not([class*="label-"]) { | |
| 20 | background-color: @label-default; | |
| 21 | } | |
| 22 | ||
| 23 | color: @label-text; | |
| 24 | &.label-yellow { | |
| 25 | color: @label-yellow-text; | |
| 26 | } | |
| 27 | &.label-light { | |
| 28 | color: @label-light-text; | |
| 29 | } | |
| 30 | ||
| 31 | padding: 1px 1px 2px 2px; | |
| 32 | border-radius: 0; | |
| 33 | ||
| 34 | .label-yellow & { color:#996633; } | |
| 35 | .label-light & { color:#888; } | |
| 36 | ||
| 37 | [class*="label-"] > & , [class*="label-"] > & > .fc-event-skin.fc-event-head { | |
| 38 | background-color: inherit; | |
| 39 | } | |
| 40 | ||
| 41 | &.ui-draggable-dragging { | |
| 42 | cursor:move; | |
| 43 | } | |
| 44 | ||
| 45 | &.fc-event-vert , .fc-event-vert > & | |
| 46 | { | |
| 47 | padding:0 0 1px; | |
| 48 | } | |
| 49 | } | |
| 50 | ||
| 51 | ||
| 52 | .fc-day-number { | |
| 53 | color: #2E6589; | |
| 54 | .opacity(1); | |
| 55 | } | |
| 56 | ||
| 57 | .fc-widget-header, .fc .fc-axis { | |
| 58 | background:#ECF2F7; | |
| 59 | color:#8090A0; | |
| 60 | } | |
| 61 | // | |
| 62 | //.fc-grid th , th.fc-widget-header{ | |
| 63 | // height:28px; | |
| 64 | // vertical-align:middle !important; | |
| 65 | //} | |
| 66 | ||
| 67 | .fc-event-hori , .fc-event-vert { | |
| 68 | border-radius:0 !important; | |
| 69 | border-color:transparent; | |
| 70 | } | |
| 71 | .fc-event-vert { | |
| 72 | .fc-event-content { | |
| 73 | padding-left:1px; | |
| 74 | padding-right:1px; | |
| 75 | } | |
| 76 | .fc-event-time { | |
| 77 | padding:0; | |
| 78 | } | |
| 79 | } | |
| 80 | ||
| 81 | ||
| 82 | ||
| 83 | .fc-state-default { | |
| 84 | & , & .fc-button-inner { | |
| 85 | border:none; | |
| 86 | background-color: @btn-default; | |
| 87 | color: #FFF; | |
| 88 | background-image:none; | |
| 89 | box-shadow:none; | |
| 90 | text-shadow:none; | |
| 91 | ||
| 92 | border-radius:0 !important; | |
| 93 | margin-left:2px; | |
| 94 | } | |
| 95 | ||
| 96 | border:none; | |
| 97 | .fc-button-effect { | |
| 98 | display:none; | |
| 99 | } | |
| 100 | } | |
| 101 | ||
| 102 | .fc-state-disabled { | |
| 103 | & , & .fc-button-inner { | |
| 104 | .opacity(0.75); | |
| 105 | color:#DDD; | |
| 106 | } | |
| 107 | } | |
| 108 | ||
| 109 | ||
| 110 | .fc-state-active { | |
| 111 | & , & .fc-button-inner { | |
| 112 | border-color:#4F99C6; | |
| 113 | background-color:#6FB3E0; | |
| 114 | } | |
| 115 | } | |
| 116 | .fc-state-hover { | |
| 117 | & , & .fc-button-inner { | |
| 118 | background-color:#8B9AA3; | |
| 119 | } | |
| 120 | } | |
| 121 | ||
| 122 | ||
| 123 | .fc .fc-button-group > * { | |
| 124 | margin: 0 1px 0 0; | |
| 125 | } | |
| 126 | ||
| 127 | ||
| 128 | ||
| 129 | ||
| 130 | .external-event { | |
| 131 | margin: 6px 0; | |
| 132 | padding: 0; | |
| 133 | ||
| 134 | cursor: default; | |
| 135 | display: block; | |
| 136 | ||
| 137 | &:not([class*="label-"]) { | |
| 138 | background-color: @label-default; | |
| 139 | } | |
| 140 | ||
| 141 | font-size: @base-font-size; | |
| 142 | line-height: 28px; | |
| 143 | ||
| 144 | &:hover { | |
| 145 | .opacity(1); | |
| 146 | } | |
| 147 | &.ui-draggable-dragging { | |
| 148 | cursor:move; | |
| 149 | } | |
| 150 | ||
| 151 | color: @label-text; | |
| 152 | &.label-yellow { | |
| 153 | color: @label-yellow-text; | |
| 154 | } | |
| 155 | &.label-light { | |
| 156 | color: @label-light-text; | |
| 157 | } | |
| 158 | ||
| 159 | ||
| 160 | ||
| 161 | ||
| 162 | > .@{icon}:first-child {// the move & drag icon | |
| 163 | display: inline-block; height:32px; width:32px; | |
| 164 | text-align: center; | |
| 165 | line-height: 30px; | |
| 166 | margin-right: 5px; | |
| 167 | ||
| 168 | font-size: floor(@base-font-size * 1.2); | |
| 169 | ||
| 170 | border-right:1px solid #FFF; | |
| 171 | } | |
| 172 | } | |
| 173 | ||
| 174 | ||
| 175 | ||
| 176 | ||
| 177 | ||
| 178 | //calendar inside widget-box --- not complete yet | |
| 179 | /** | |
| 180 | .widget-main { | |
| 181 | .fc { | |
| 182 | position:relative; | |
| 183 | top:-40px; | |
| 184 | ||
| 185 | > .fc-header { | |
| 186 | position:relative; | |
| 187 | z-index:10; | |
| 188 | } | |
| 189 | ||
| 190 | .fc-header-space { | |
| 191 | padding-left:2px; | |
| 192 | } | |
| 193 | } | |
| 194 | ||
| 195 | .fc-header-title > h2 { | |
| 196 | font-size: floor(@base-font-size * 1.4); | |
| 197 | line-height: 36px; | |
| 198 | } | |
| 199 | ||
| 200 | .fc-content { | |
| 201 | top:-14px; | |
| 202 | z-index:11; | |
| 203 | } | |
| 204 | ||
| 205 | .fc-button-content { | |
| 206 | height:37px; | |
| 207 | line-height:36px; | |
| 208 | } | |
| 209 | ||
| 210 | } | |
| 211 | */ | |
| 212 | ||
| 213 | ||
| 214 | ||
| 215 | //calendar | |
| 216 | @media only screen and (max-width: @screen-xs) { | |
| 217 | .fc-header td { | |
| 218 | display:block; | |
| 219 | width:auto; | |
| 220 | text-align:left; | |
| 221 | } | |
| 222 | } | |
| 223 | ||
| 224 | ||
| 225 | } | |
| 226 | .enable_plugin_fullcalendar(); | |
