flashgrid-ext 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,373 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Calendar
4
+ #Calendar Header
5
+ #Calendar Content
6
+ #Calendar Cell Style
7
+ #Calendar Buttons
8
+ #Calendar Global Event Styles
9
+ #Calendar Horizontal Events
10
+ #Calendar Reusable Separate-border Table
11
+ #Calendar Vertical Events
12
+ #Calendar Agenda Week View, Agenda Day View
13
+ #Calendar Month View, Basic Week View, Basic Day View
14
+ #Media Queries */
15
+
16
+ /* #Calendar
17
+ ================================================== */
18
+ .calendar {
19
+ direction: ltr;
20
+ text-align: left;
21
+ }
22
+ .calendar td,
23
+ .calendar th {
24
+ padding: 0;
25
+ vertical-align: top;
26
+ }
27
+
28
+ /* #Calendar Header
29
+ ================================================== */
30
+ .calendar-header {
31
+ background-color: rgba(58,144,216,1);
32
+ border-top-right-radius: 3px;
33
+ border-top-left-radius: 3px;
34
+ }
35
+ .calendar-header td {
36
+ padding: 15px 10px 10px 10px;
37
+ white-space: nowrap;
38
+ }
39
+ .calendar-header-left {
40
+ width: 25%;
41
+ text-align: left;
42
+ }
43
+ .calendar-header-center { text-align: center; }
44
+ .calendar-header-right {
45
+ width: 25%;
46
+ text-align: right;
47
+ }
48
+ .calendar-header-title { display: inline-block; }
49
+ .calendar-header-title h3 {
50
+ color: rgba(255,255,255,1);
51
+ font-weight: 100;
52
+ line-height: 28px;
53
+ margin: 0;
54
+ white-space: nowrap;
55
+ }
56
+ .calendar-header-space { padding-left: 10px; }
57
+ .calendar-header .calendar-button { margin-right: -1px; }
58
+ .calendar-header .calendar-corner-right,
59
+ .calendar-header .ui-corner-right { margin-right: 0; }
60
+ .calendar-header .calendar-state-hover,
61
+ .calendar-header .ui-state-hover { z-index: 2; }
62
+ .calendar-header .calendar-state-down { z-index: 3; }
63
+ .calendar-header .calendar-state-active,
64
+ .calendar-header .ui-state-active { z-index: 4; }
65
+
66
+ /* #Calendar Content
67
+ ================================================== */
68
+ .calendar-content {
69
+ clear: both;
70
+ zoom: 1;
71
+ }
72
+ .calendar-view {
73
+ width: 100%;
74
+ overflow: hidden;
75
+ }
76
+
77
+ /* #Calendar Cell Style
78
+ ================================================== */
79
+ .calendar-widget-header,
80
+ .calendar-widget-content { border: 1px solid rgba(217,222,225,1); }
81
+ .calendar-state-highlight { background-color: rgba(58,144,216,0.10); }
82
+ .calendar-state-highlight .calendar-day-number { font-weight: 500; }
83
+ .calendar-cell-overlay {
84
+ background-color: rgba(58,144,216,1);
85
+ opacity: 0.3;
86
+ filter: alpha(opacity=30);
87
+ }
88
+
89
+ /* #Calendar Buttons
90
+ ================================================== */
91
+ .calendar-state-default.calendar-corner-left {
92
+ border-top-left-radius: 2px;
93
+ border-bottom-left-radius: 2px;
94
+ }
95
+ .calendar-state-default.calendar-corner-right {
96
+ border-top-right-radius: 2px;
97
+ border-bottom-right-radius: 2px;
98
+ }
99
+ .calendar-button {
100
+ -webkit-appearance: none;
101
+ -moz-appearance: none;
102
+ background: transparent;
103
+ border: 1px solid rgba(255,255,255,1);
104
+ color: rgba(255,255,255,1);
105
+ cursor: pointer;
106
+ display: inline-block;
107
+ font-size: 10px;
108
+ -webkit-font-smoothing: antialiased;
109
+ font-weight: bold;
110
+ line-height: 10px;
111
+ margin: 0;
112
+ padding: 6px 10px 7px 10px;
113
+ text-align: center;
114
+ text-decoration: none;
115
+ text-rendering: geometricPrecision;
116
+ text-transform: capitalize;
117
+ vertical-align: middle;
118
+ }
119
+ .calendar-button:hover,
120
+ .calendar-state-down,
121
+ .calendar-state-active {
122
+ background: rgba(255,255,255,1);
123
+ color: rgba(71,74,84,1);
124
+ outline: 0;
125
+ }
126
+ .calendar-state-disabled { display: non; }
127
+ .calendar-text-arrow {
128
+ font-size: 17px;
129
+ line-height: 16px;
130
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
131
+ vertical-align: baseline;
132
+ }
133
+ .calendar-button-prev,
134
+ .calendar-button-next { padding: 1px 10px 6px 10px; }
135
+
136
+ /* #Calendar Global Event Styles
137
+ ================================================== */
138
+ .calendar-event-container > * { z-index: 8; }
139
+ .calendar-event-container > .ui-draggable-dragging,
140
+ .calendar-event-container > .ui-resizable-resizing { z-index: 9; }
141
+ .calendar-event {
142
+ background-color: rgba(236,238,241,1);
143
+ border: 1px solid rgba(217,222,225,1);
144
+ border-radius: 2px;
145
+ color: rgba(71,74,84,1);
146
+ display: inline-block;
147
+ padding: 4px 5px 5px 5px;
148
+ font-size: 12px;
149
+ font-weight: bold;
150
+ white-space: nowrap;
151
+ vertical-align: baseline;
152
+ }
153
+ .calendar-rtl .calendar-event { text-align: right; }
154
+ a.calendar-event,
155
+ .calendar-event-draggable { cursor: pointer; }
156
+ .calendar-event-inner {
157
+ overflow-x: hidden;
158
+ text-overflow: ellipsis;
159
+ }
160
+ .calendar .ui-resizable-handle {
161
+ display: block;
162
+ position: absolute;
163
+ z-index: 99999;
164
+ overflow: hidden;
165
+ font-size: 300%;
166
+ line-height: 50%;
167
+ }
168
+
169
+ /* #Calendar Horizontal Events
170
+ ================================================== */
171
+ .calendar-event-hori {
172
+ border-width: 1px 0;
173
+ margin-bottom: 1px;
174
+ }
175
+ .calendar-ltr .calendar-event-hori.calendar-event-start,
176
+ .calendar-rtl .calendar-event-hori.calendar-event-end {
177
+ border-left-width: 1px;
178
+ border-top-left-radius: 3px;
179
+ border-bottom-left-radius: 3px;
180
+ }
181
+ .calendar-ltr .calendar-event-hori.calendar-event-end,
182
+ .calendar-rtl .calendar-event-hori.calendar-event-start {
183
+ border-right-width: 1px;
184
+ border-top-right-radius: 3px;
185
+ border-bottom-right-radius: 3px;
186
+ }
187
+ .calendar-event-hori .ui-resizable-e {
188
+ cursor: e-resize;
189
+ height: 100% !important;
190
+ right: -3px !important;
191
+ top: 0 !important;
192
+ width: 7px !important;
193
+ }
194
+ .calendar-event-hori .ui-resizable-w {
195
+ cursor: w-resize;
196
+ height: 100% !important;
197
+ left: -3px !important;
198
+ top: 0 !important;
199
+ width: 7px !important;
200
+ }
201
+ .calendar-event-hori .ui-resizable-handle { padding-bottom: 14px; }
202
+
203
+ /* #Calendar Reusable Separate-border Table
204
+ ================================================== */
205
+ table.calendar-border-separate { border-collapse: separate; }
206
+ .calendar-border-separate th,
207
+ .calendar-border-separate td { border-width: 1px 0 0 1px; }
208
+ .calendar-border-separate th.calendar-last,
209
+ .calendar-border-separate td.calendar-last { border-right-width: 1px; }
210
+ .calendar-border-separate tr.calendar-last th,
211
+ .calendar-border-separate tr.calendar-last td { border-bottom-width: 1px; }
212
+ .calendar-border-separate tbody tr.calendar-first td,
213
+ .calendar-border-separate tbody tr.calendar-first th { border-top-width: 0; }
214
+
215
+ /* #Calendar Month View, Basic Week View, Basic Day View
216
+ ================================================== */
217
+ .calendar-grid th {
218
+ background-color: rgba(236,238,241,1);
219
+ color: rgba(71,74,84,1);
220
+ font-size: 11px;
221
+ font-weight: bold;
222
+ letter-spacing: 1px;
223
+ padding: 6px 5px 5px 5px;
224
+ text-align: center;
225
+ text-transform: uppercase;
226
+ }
227
+ .calendar .calendar-week-number {
228
+ width: 22px;
229
+ text-align: center;
230
+ }
231
+ .calendar .calendar-week-number div { padding: 0 2px; }
232
+ .calendar-grid .calendar-day-number {
233
+ color: rgba(71,74,84,1);
234
+ float: right;
235
+ font-size: 14px;
236
+ padding: 5px 5px 0 0;
237
+ }
238
+ .calendar-grid .calendar-other-month .calendar-day-number {
239
+ opacity: 0.3;
240
+ filter: alpha(opacity=30);
241
+ }
242
+ .calendar-grid .calendar-day-content {
243
+ clear: both;
244
+ padding: 2px; /* distance between events and day edges */
245
+ }
246
+ .calendar-grid .calendar-event-time {
247
+ color: rgba(58,144,216,1);
248
+ margin-right: 5px;
249
+ }
250
+ .calendar-rtl .calendar-grid .calendar-day-number { float: left; }
251
+ .calendar-rtl .calendar-grid .calendar-event-time { float: right; }
252
+
253
+ /* #Calendar Agenda Week View, Agenda Day View
254
+ ================================================== */
255
+ .calendar-agenda table { border-collapse: separate; }
256
+ .calendar-agenda-days th {
257
+ background-color: rgba(236,238,241,1);
258
+ color: rgba(71,74,84,1);
259
+ font-size: 11px;
260
+ font-weight: bold;
261
+ letter-spacing: 1px;
262
+ padding: 6px 5px 5px 5px;
263
+ text-align: center;
264
+ text-transform: uppercase;
265
+ }
266
+ .calendar-agenda .calendar-agenda-axis {
267
+ color: rgba(71,74,84,1);
268
+ font-size: 11px;
269
+ font-weight: bold;
270
+ letter-spacing: 1px;
271
+ padding: 6px 5px 5px 5px;
272
+ text-align: right;
273
+ vertical-align: middle;
274
+ white-space: nowrap;
275
+ width: 50px;
276
+ }
277
+ .calendar-agenda .calendar-day-content { padding: 2px; }
278
+ .calendar-agenda-days .calendar-agenda-axis { border-right-width: 1px; }
279
+ .calendar-agenda-days .calendar-col0 { border-left-width: 0; }
280
+ .calendar-agenda-allday th { border-width: 0 1px; }
281
+ .calendar-agenda-allday .calendar-day-content {
282
+ min-height: 34px;
283
+ height: 34px;
284
+ }
285
+ .calendar-agenda-divider-inner {
286
+ background: rgba(236,238,241,1);
287
+ height: 2px;
288
+ overflow: hidden;
289
+ }
290
+ .calendar-agenda-slots th { border-width: 1px 1px 0; }
291
+ .calendar-agenda-slots td {
292
+ border-width: 1px 0 0;
293
+ background: none;
294
+ }
295
+ .calendar-agenda-slots td div { height: 20px; }
296
+ .calendar-agenda-slots tr.calendar-slot0 th,
297
+ .calendar-agenda-slots tr.calendar-slot0 td { border-top-width: 0; }
298
+ .calendar-agenda-slots tr.calendar-minor th,
299
+ .calendar-agenda-slots tr.calendar-minor td { border-top-style: dotted; }
300
+ .calendar-agenda-slots tr.calendar-minor th.ui-widget-header { *border-top-style: solid; }
301
+
302
+ /* #Calendar Vertical Events
303
+ ================================================== */
304
+ .calendar-event-vert { border-width: 0 1px; }
305
+ .calendar-event-vert.calendar-event-start {
306
+ border-top-width: 1px;
307
+ border-top-left-radius: 3px;
308
+ border-top-right-radius: 3px;
309
+ }
310
+ .calendar-event-vert.calendar-event-end {
311
+ border-bottom-width: 1px;
312
+ border-bottom-left-radius: 3px;
313
+ border-bottom-right-radius: 3px;
314
+ }
315
+ .calendar-event-vert .calendar-event-time {
316
+ color: rgba(58,144,216,1);
317
+ font-size: 11px;
318
+ white-space: nowrap;
319
+ }
320
+ .calendar-event-vert .calendar-event-inner {
321
+ position: relative;
322
+ z-index: 2;
323
+ }
324
+ .calendar-event-vert .calendar-event-bg {
325
+ position: absolute;
326
+ z-index: 1;
327
+ top: 0;
328
+ left: 0;
329
+ width: 100%;
330
+ height: 100%;
331
+ background: rgba(236,238,241,1);
332
+ opacity: .25;
333
+ filter: alpha(opacity=25);
334
+ }
335
+ .calendar .ui-draggable-dragging .calendar-event-bg,
336
+ .calendar-select-helper .calendar-event-bg { display: none\9; }
337
+ .calendar-event-vert .ui-resizable-s {
338
+ bottom: 0 !important;
339
+ font-size: 11px !important;
340
+ font-family: monospace;
341
+ height: 8px !important;
342
+ line-height: 8px !important;
343
+ overflow: hidden !important;
344
+ text-align: center;
345
+ width: 100% !important;
346
+ }
347
+ .calendar-agenda .ui-resizable-resizing { overflow: hidden; }
348
+
349
+ /* #Media Queries
350
+ ================================================== */
351
+ @media only screen and (min-width: 768px) and (max-width: 959px) {
352
+ .calendar-header-title h3 {
353
+ font-size: 17px;
354
+ line-height: 30px;
355
+ }
356
+ }
357
+ @media only screen and (max-width: 767px) {
358
+ .calendar-header td { padding: 15px 0 7px 0; }
359
+ .calendar-header-left,
360
+ .calendar-button-today { display: none !important; }
361
+ .calendar-header-center,
362
+ .calendar-header-right { display: block; }
363
+ .calendar-header-right {
364
+ margin: -15px 0 10px 0;
365
+ text-align: center;
366
+ width: 100%;
367
+ }
368
+ .calendar-header-title h3 {
369
+ font-size: 14px;
370
+ line-height: 21px;
371
+ }
372
+ .calendar-header-space { padding-left: 0; }
373
+ }
@@ -0,0 +1,153 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Carousel */
4
+
5
+ /* #Carousel
6
+ ================================================== */
7
+ .carousel { position: relative; }
8
+ .carousel-inner {
9
+ overflow: hidden;
10
+ position: relative;
11
+ width: 100%;
12
+ }
13
+ .carousel-inner > .item {
14
+ display: none;
15
+ position: relative;
16
+ -webkit-transition: 0.6s ease-in-out left;
17
+ transition: 0.6s ease-in-out left;
18
+ }
19
+ .carousel-inner > .item > img,
20
+ .carousel-inner > .item > a > img {
21
+ display: block;
22
+ height: auto;
23
+ line-height: 1;
24
+ max-width: 100%;
25
+ }
26
+ .carousel-inner > .active,
27
+ .carousel-inner > .next,
28
+ .carousel-inner > .prev { display: block; }
29
+ .carousel-inner > .active { left: 0; }
30
+ .carousel-inner > .next,
31
+ .carousel-inner > .prev {
32
+ position: absolute;
33
+ top: 0;
34
+ width: 100%;
35
+ }
36
+ .carousel-inner > .next { left: 100%; }
37
+ .carousel-inner > .prev { left: -100%; }
38
+ .carousel-inner > .next.left,
39
+ .carousel-inner > .prev.right { left: 0; }
40
+ .carousel-inner > .active.left { left: -100%; }
41
+ .carousel-inner > .active.right { left: 100%; }
42
+ .carousel-control {
43
+ bottom: 0;
44
+ color: rgba(255,255,255,1);
45
+ filter: alpha(opacity=50);
46
+ left: 0;
47
+ opacity: 0.5;
48
+ position: absolute;
49
+ text-align: center;
50
+ top: 0;
51
+ width: 15%;
52
+ }
53
+ .carousel-control.left {
54
+ background-repeat: repeat-x;
55
+ background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0%), color-stop(rgba(0,0,0,0.0001) 100%));
56
+ background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
57
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
58
+ }
59
+ .carousel-control.right {
60
+ background-repeat: repeat-x;
61
+ background-image: -webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0%), color-stop(rgba(0,0,0,0.5) 100%));
62
+ background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
63
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
64
+ left: auto;
65
+ right: 0;
66
+ }
67
+ .carousel-control:hover,
68
+ .carousel-control:focus {
69
+ color: rgba(255,255,255,1);
70
+ filter: alpha(opacity=90);
71
+ opacity: 0.9;
72
+ outline: none;
73
+ text-decoration: none;
74
+ }
75
+ .carousel-control .icon-prev,
76
+ .carousel-control .icon-next,
77
+ .carousel-control .icon-carousel-left,
78
+ .carousel-control .icon-carousel-right {
79
+ display: inline-block;
80
+ font-size: 48px;
81
+ position: absolute;
82
+ top: 45%;
83
+ z-index: 5;
84
+ }
85
+ .carousel-control .icon-prev,
86
+ .carousel-control .icon-carousel-left { left: 50%; }
87
+ .carousel-control .icon-next,
88
+ .carousel-control .icon-carousel-right { right: 50%; }
89
+ .carousel-control .icon-prev,
90
+ .carousel-control .icon-next {
91
+ font-family: serif;
92
+ height: 48px;
93
+ width: 48px;
94
+ }
95
+ .carousel-control .icon-prev:before { content: '\2039'; }
96
+ .carousel-control .icon-next:before { content: '\203a'; }
97
+ .carousel-indicators {
98
+ bottom: 10px;
99
+ left: 50%;
100
+ list-style: none;
101
+ margin-left: -30%;
102
+ padding-left: 0;
103
+ position: absolute;
104
+ text-align: center;
105
+ width: 60%;
106
+ z-index: 15;
107
+ }
108
+ .carousel-indicators li {
109
+ display: inline-block;
110
+ background-color: rgba(0, 0, 0, 0);
111
+ border: 1px solid rgba(255,255,255,1);
112
+ border-radius: 10px;
113
+ cursor: pointer;
114
+ height: 10px;
115
+ margin: 1px;
116
+ text-indent: -999px;
117
+ width: 10px;
118
+ }
119
+ .carousel-indicators .active {
120
+ background-color: rgba(255,255,255,1);
121
+ height: 12px;
122
+ margin: 0;
123
+ width: 12px;
124
+ }
125
+ .carousel-caption {
126
+ bottom: 20px;
127
+ color: rgba(255,255,255,1);
128
+ left: 15%;
129
+ padding-top: 20px;
130
+ padding-bottom: 20px;
131
+ position: absolute;
132
+ right: 15%;
133
+ text-align: center;
134
+ z-index: 10;
135
+ }
136
+ .carousel-caption h1,
137
+ .carousel-caption h2,
138
+ .carousel-caption h3,
139
+ .carousel-caption h4,
140
+ .carousel-caption h5,
141
+ .carousel-caption h6 { color: rgba(255,255,255,1); }
142
+ @media only screen and (max-width: 767px) {
143
+ .carousel-control .icon-carousel-left,
144
+ .carousel-control .icon-carousel-right,
145
+ .carousel-control .icon-prev,
146
+ .carousel-control .icon-next {
147
+ font-size:20px;
148
+ height: 20px;
149
+ width: 20px;
150
+ }
151
+ .carousel-caption { display: none !important; }
152
+ .carousel-indicators { bottom: 20px; }
153
+ }