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