weaver 0.6.0 → 0.6.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. checksums.yaml +4 -4
  2. data/data/weaver/css/animate.css +36 -4
  3. data/data/weaver/css/bootstrap.css +31 -74
  4. data/data/weaver/css/bootstrap.css.map +1 -1
  5. data/data/weaver/css/bootstrap.min.css +4 -3
  6. data/data/weaver/css/bootstrap.min.css.map +1 -0
  7. data/data/weaver/css/plugins/bootstrap-markdown/bootstrap-markdown.min.css +1 -0
  8. data/data/weaver/css/plugins/bootstrap-tagsinput/bootstrap-tagsinput.css +55 -0
  9. data/data/weaver/css/plugins/bootstrapSocial/bootstrap-social.css +147 -0
  10. data/data/weaver/css/plugins/bootstrapTour/bootstrap-tour.min.css +22 -0
  11. data/data/weaver/css/plugins/c3/c3.min.css +1 -0
  12. data/data/weaver/css/plugins/chosen/bootstrap-chosen.css +332 -0
  13. data/data/weaver/css/plugins/codemirror/codemirror.css +1 -0
  14. data/data/weaver/css/plugins/dataTables/datatables.min.css +17 -0
  15. data/data/weaver/css/plugins/dropzone/basic.css +32 -148
  16. data/data/weaver/css/plugins/dropzone/dropzone.css +363 -385
  17. data/data/weaver/css/plugins/dualListbox/bootstrap-duallistbox.min.css +10 -0
  18. data/data/weaver/css/plugins/fullcalendar/fullcalendar.css +663 -379
  19. data/data/weaver/css/plugins/fullcalendar/fullcalendar.print.css +11 -5
  20. data/data/weaver/css/plugins/jQueryUI/jquery-ui.css +1177 -0
  21. data/data/weaver/css/plugins/ladda/ladda-themeless.min.css +7 -0
  22. data/data/weaver/css/plugins/ladda/ladda.min.css +9 -0
  23. data/data/weaver/css/plugins/summernote/font/summernote.eot +0 -0
  24. data/data/weaver/css/plugins/summernote/font/summernote.ttf +0 -0
  25. data/data/weaver/css/plugins/summernote/font/summernote.woff +0 -0
  26. data/data/weaver/css/plugins/summernote/summernote.css +1 -446
  27. data/data/weaver/css/plugins/textSpinners/spinners.css +204 -0
  28. data/data/weaver/css/plugins/touchspin/jquery.bootstrap-touchspin.min.css +10 -0
  29. data/data/weaver/css/style.css +687 -220
  30. data/data/weaver/font-awesome/css/font-awesome.css +547 -11
  31. data/data/weaver/font-awesome/css/font-awesome.min.css +2 -2
  32. data/data/weaver/font-awesome/fonts/FontAwesome.otf +0 -0
  33. data/data/weaver/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  34. data/data/weaver/font-awesome/fonts/fontawesome-webfont.svg +2668 -562
  35. data/data/weaver/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  36. data/data/weaver/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  37. data/data/weaver/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  38. data/data/weaver/font-awesome/less/bordered-pulled.less +9 -0
  39. data/data/weaver/font-awesome/less/core.less +1 -2
  40. data/data/weaver/font-awesome/less/font-awesome.less +2 -1
  41. data/data/weaver/font-awesome/less/icons.less +195 -2
  42. data/data/weaver/font-awesome/less/mixins.less +37 -4
  43. data/data/weaver/font-awesome/less/path.less +1 -1
  44. data/data/weaver/font-awesome/less/screen-reader.less +5 -0
  45. data/data/weaver/font-awesome/less/variables.less +198 -4
  46. data/data/weaver/font-awesome/scss/_bordered-pulled.scss +9 -0
  47. data/data/weaver/font-awesome/scss/_core.scss +1 -2
  48. data/data/weaver/font-awesome/scss/_icons.scss +195 -2
  49. data/data/weaver/font-awesome/scss/_mixins.scss +37 -4
  50. data/data/weaver/font-awesome/scss/_screen-reader.scss +5 -0
  51. data/data/weaver/font-awesome/scss/_variables.scss +198 -4
  52. data/data/weaver/font-awesome/scss/font-awesome.scss +2 -1
  53. data/data/weaver/js/api/typehead_collection.json +3 -0
  54. data/data/weaver/js/bootstrap.js +66 -52
  55. data/data/weaver/js/bootstrap.min.js +4 -4
  56. data/data/weaver/js/demo/chartjs-demo.js +68 -157
  57. data/data/weaver/js/jquery-3.1.1.min.js +4 -0
  58. data/data/weaver/js/plugins/bootstrap-markdown/bootstrap-markdown.js +1386 -0
  59. data/data/weaver/js/plugins/bootstrap-markdown/markdown.js +1616 -0
  60. data/data/weaver/js/plugins/bootstrap-tagsinput/bootstrap-tagsinput.js +646 -0
  61. data/data/weaver/js/plugins/bootstrapTour/bootstrap-tour.min.js +22 -0
  62. data/data/weaver/js/plugins/c3/c3.min.js +5 -0
  63. data/data/weaver/js/plugins/chartJs/Chart.min.js +8 -5
  64. data/data/weaver/js/plugins/clipboard/clipboard.min.js +7 -0
  65. data/data/weaver/js/plugins/d3/LICENSE +27 -0
  66. data/data/weaver/js/plugins/d3/d3.min.js +5 -0
  67. data/data/weaver/js/plugins/dataTables/datatables.min.js +308 -0
  68. data/data/weaver/js/plugins/datamaps/datamaps.all.min.js +3 -0
  69. data/data/weaver/js/plugins/dotdotdot/jquery.dotdotdot.min.js +13 -0
  70. data/data/weaver/js/plugins/dropzone/dropzone.js +1575 -1649
  71. data/data/weaver/js/plugins/dualListbox/jquery.bootstrap-duallistbox.js +761 -0
  72. data/data/weaver/js/plugins/fullcalendar/fullcalendar.min.js +7 -6
  73. data/data/weaver/js/plugins/i18next/i18next.min.js +7 -0
  74. data/data/weaver/js/plugins/jquery-ui/LICENSE.txt +43 -0
  75. data/data/weaver/js/plugins/jquery-ui/images/ui-icons_444444_256x240.png +0 -0
  76. data/data/weaver/js/plugins/jquery-ui/images/ui-icons_555555_256x240.png +0 -0
  77. data/data/weaver/js/plugins/jquery-ui/images/ui-icons_777620_256x240.png +0 -0
  78. data/data/weaver/js/plugins/jquery-ui/images/ui-icons_777777_256x240.png +0 -0
  79. data/data/weaver/js/plugins/jquery-ui/images/ui-icons_cc0000_256x240.png +0 -0
  80. data/data/weaver/js/plugins/jquery-ui/images/ui-icons_ffffff_256x240.png +0 -0
  81. data/data/weaver/js/plugins/jquery-ui/jquery-ui.min.css +6 -3
  82. data/data/weaver/js/plugins/jquery-ui/jquery-ui.min.js +12 -11
  83. data/data/weaver/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js +481 -1
  84. data/data/weaver/js/plugins/ladda/ladda.jquery.min.js +8 -0
  85. data/data/weaver/js/plugins/ladda/ladda.min.js +8 -0
  86. data/data/weaver/js/plugins/ladda/spin.min.js +1 -0
  87. data/data/weaver/js/plugins/masonary/masonry.pkgd.min.js +2 -2
  88. data/data/weaver/js/plugins/nouslider/jquery.nouislider.min.js +2 -33
  89. data/data/weaver/js/plugins/pace/pace.min.js +2 -2
  90. data/data/weaver/js/plugins/pdfjs/pdf.js +10905 -0
  91. data/data/weaver/js/plugins/pdfjs/pdf.worker.js +43194 -0
  92. data/data/weaver/js/plugins/pwstrength/pwstrength-bootstrap.min.js +4 -0
  93. data/data/weaver/js/plugins/pwstrength/zxcvbn.js +28 -0
  94. data/data/weaver/js/plugins/steps/jquery.steps.min.js +6 -0
  95. data/data/weaver/js/plugins/summernote/summernote.min.js +4 -2
  96. data/data/weaver/js/plugins/switchery/switchery.js +1 -1
  97. data/data/weaver/js/plugins/topojson/LICENSE +26 -0
  98. data/data/weaver/js/plugins/topojson/topojson.js +534 -0
  99. data/data/weaver/js/plugins/touchpunch/jquery.ui.touch-punch.min.js +11 -0
  100. data/data/weaver/js/plugins/touchspin/jquery.bootstrap-touchspin.min.js +9 -0
  101. data/data/weaver/js/plugins/typehead/bootstrap3-typeahead.min.js +1 -0
  102. data/data/weaver/js/plugins/validate/jquery.validate.min.js +3 -3
  103. data/data/weaver/js/{inspinia.js → weaver.js} +34 -38
  104. data/lib/weaver.rb +1 -1
  105. data/lib/weaver/version.rb +1 -1
  106. metadata +58 -4
@@ -0,0 +1,10 @@
1
+ /*
2
+ * Bootstrap Duallistbox - v3.0.5
3
+ * A responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.
4
+ * http://www.virtuosoft.eu/code/bootstrap-duallistbox/
5
+ *
6
+ * Made by István Ujj-Mészáros
7
+ * Under Apache License v2.0 License
8
+ */
9
+
10
+ .bootstrap-duallistbox-container .buttons{width:100%;margin-bottom:-1px}.bootstrap-duallistbox-container label{display:block}.bootstrap-duallistbox-container .info{display:inline-block;margin-bottom:5px;font-size:11px}.bootstrap-duallistbox-container .clear1,.bootstrap-duallistbox-container .clear2{display:none;font-size:10px}.bootstrap-duallistbox-container .box1.filtered .clear1,.bootstrap-duallistbox-container .box2.filtered .clear2{display:inline-block}.bootstrap-duallistbox-container .move,.bootstrap-duallistbox-container .remove{width:60%}.bootstrap-duallistbox-container .btn-group .btn{border-bottom-left-radius:0;border-bottom-right-radius:0}.bootstrap-duallistbox-container select{border-top-left-radius:0;border-top-right-radius:0}.bootstrap-duallistbox-container .moveall,.bootstrap-duallistbox-container .removeall{width:40%}.bootstrap-duallistbox-container.bs2compatible .btn-group>.btn+.btn{margin-left:0}.bootstrap-duallistbox-container select{width:100%;height:300px;padding:0}.bootstrap-duallistbox-container .filter{display:inline-block;width:100%;height:31px;margin:0 0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-duallistbox-container .filter.placeholder{color:#aaa}.bootstrap-duallistbox-container.moveonselect .move,.bootstrap-duallistbox-container.moveonselect .remove{display:none}.bootstrap-duallistbox-container.moveonselect .moveall,.bootstrap-duallistbox-container.moveonselect .removeall{width:100%}
@@ -1,21 +1,21 @@
1
1
  /*!
2
- * FullCalendar v2.2.0 Stylesheet
3
- * Docs & License: http://arshaw.com/fullcalendar/
4
- * (c) 2013 Adam Shaw
2
+ * <%= meta.title %> v<%= meta.version %> Stylesheet
3
+ * Docs & License: <%= meta.homepage %>
4
+ * (c) <%= meta.copyright %>
5
5
  */
6
6
 
7
7
 
8
8
  .fc {
9
- direction: ltr;
10
- text-align: left;
9
+ direction: ltr;
10
+ text-align: left;
11
11
  }
12
12
 
13
13
  .fc-rtl {
14
- text-align: right;
14
+ text-align: right;
15
15
  }
16
16
 
17
17
  body .fc { /* extra precedence to overcome jqui */
18
- font-size: 1em;
18
+ font-size: 1em;
19
19
  }
20
20
 
21
21
 
@@ -24,46 +24,47 @@ body .fc { /* extra precedence to overcome jqui */
24
24
 
25
25
  .fc-unthemed th,
26
26
  .fc-unthemed td,
27
- .fc-unthemed hr,
28
27
  .fc-unthemed thead,
29
28
  .fc-unthemed tbody,
29
+ .fc-unthemed .fc-divider,
30
30
  .fc-unthemed .fc-row,
31
+ .fc-unthemed .fc-content, /* for gutter border */
31
32
  .fc-unthemed .fc-popover {
32
- border-color: #ddd;
33
+ border-color: #ddd;
33
34
  }
34
35
 
35
36
  .fc-unthemed .fc-popover {
36
- background-color: #fff;
37
+ background-color: #fff;
37
38
  }
38
39
 
39
- .fc-unthemed hr,
40
+ .fc-unthemed .fc-divider,
40
41
  .fc-unthemed .fc-popover .fc-header {
41
- background: #eee;
42
+ background: #eee;
42
43
  }
43
44
 
44
45
  .fc-unthemed .fc-popover .fc-header .fc-close {
45
- color: #666;
46
+ color: #666;
46
47
  }
47
48
 
48
49
  .fc-unthemed .fc-today {
49
- background: #fcf8e3;
50
+ background: #fcf8e3;
50
51
  }
51
52
 
52
53
  .fc-highlight { /* when user is selecting cells */
53
- background: #bce8f1;
54
- opacity: .3;
55
- filter: alpha(opacity=30); /* for IE */
54
+ background: #bce8f1;
55
+ opacity: .3;
56
+ filter: alpha(opacity=30); /* for IE */
56
57
  }
57
58
 
58
59
  .fc-bgevent { /* default look for background events */
59
- background: rgb(143, 223, 130);
60
- opacity: .3;
61
- filter: alpha(opacity=30); /* for IE */
60
+ background: rgb(143, 223, 130);
61
+ opacity: .3;
62
+ filter: alpha(opacity=30); /* for IE */
62
63
  }
63
64
 
64
65
  .fc-nonbusiness { /* default look for non-business-hours areas */
65
- /* will inherit .fc-bgevent's styles */
66
- background: #ccc;
66
+ /* will inherit .fc-bgevent's styles */
67
+ background: #d7d7d7;
67
68
  }
68
69
 
69
70
 
@@ -71,33 +72,83 @@ body .fc { /* extra precedence to overcome jqui */
71
72
  --------------------------------------------------------------------------------------------------*/
72
73
 
73
74
  .fc-icon {
74
- display: inline-block;
75
- font-size: 2em;
76
- line-height: .5em;
77
- height: .5em; /* will make the total height 1em */
78
- font-family: "Courier New", Courier, monospace;
75
+ display: inline-block;
76
+ height: 1em;
77
+ line-height: 1em;
78
+ font-size: 1em;
79
+ text-align: center;
80
+ overflow: hidden;
81
+ font-family: "Courier New", Courier, monospace;
82
+
83
+ /* don't allow browser text-selection */
84
+ -webkit-touch-callout: none;
85
+ -webkit-user-select: none;
86
+ -khtml-user-select: none;
87
+ -moz-user-select: none;
88
+ -ms-user-select: none;
89
+ user-select: none;
90
+ }
91
+
92
+ /*
93
+ Acceptable font-family overrides for individual icons:
94
+ "Arial", sans-serif
95
+ "Times New Roman", serif
96
+
97
+ NOTE: use percentage font sizes or else old IE chokes
98
+ */
99
+
100
+ .fc-icon:after {
101
+ position: relative;
79
102
  }
80
103
 
81
104
  .fc-icon-left-single-arrow:after {
82
- content: "\02039";
83
- font-weight: bold;
105
+ content: "\02039";
106
+ font-weight: bold;
107
+ font-size: 200%;
108
+ top: -7%;
84
109
  }
85
110
 
86
111
  .fc-icon-right-single-arrow:after {
87
- content: "\0203A";
88
- font-weight: bold;
112
+ content: "\0203A";
113
+ font-weight: bold;
114
+ font-size: 200%;
115
+ top: -7%;
89
116
  }
90
117
 
91
118
  .fc-icon-left-double-arrow:after {
92
- content: "\000AB";
119
+ content: "\000AB";
120
+ font-size: 160%;
121
+ top: -7%;
93
122
  }
94
123
 
95
124
  .fc-icon-right-double-arrow:after {
96
- content: "\000BB";
125
+ content: "\000BB";
126
+ font-size: 160%;
127
+ top: -7%;
128
+ }
129
+
130
+ .fc-icon-left-triangle:after {
131
+ content: "\25C4";
132
+ font-size: 125%;
133
+ top: 3%;
134
+ }
135
+
136
+ .fc-icon-right-triangle:after {
137
+ content: "\25BA";
138
+ font-size: 125%;
139
+ top: 3%;
140
+ }
141
+
142
+ .fc-icon-down-triangle:after {
143
+ content: "\25BC";
144
+ font-size: 125%;
145
+ top: 2%;
97
146
  }
98
147
 
99
148
  .fc-icon-x:after {
100
- content: "\000D7";
149
+ content: "\000D7";
150
+ font-size: 200%;
151
+ top: 6%;
101
152
  }
102
153
 
103
154
 
@@ -105,98 +156,99 @@ body .fc { /* extra precedence to overcome jqui */
105
156
  --------------------------------------------------------------------------------------------------*/
106
157
 
107
158
  .fc button {
108
- /* force height to include the border and padding */
109
- -moz-box-sizing: border-box;
110
- -webkit-box-sizing: border-box;
111
- box-sizing: border-box;
159
+ /* force height to include the border and padding */
160
+ -moz-box-sizing: border-box;
161
+ -webkit-box-sizing: border-box;
162
+ box-sizing: border-box;
112
163
 
113
- /* dimensions */
114
- margin: 0;
115
- height: 2.1em;
116
- padding: 0 .6em;
164
+ /* dimensions */
165
+ margin: 0;
166
+ height: 2.1em;
167
+ padding: 0 .6em;
117
168
 
118
- /* text & cursor */
119
- font-size: 1em; /* normalize */
120
- white-space: nowrap;
121
- cursor: pointer;
169
+ /* text & cursor */
170
+ font-size: 1em; /* normalize */
171
+ white-space: nowrap;
172
+ cursor: pointer;
122
173
  }
123
174
 
124
175
  /* Firefox has an annoying inner border */
125
176
  .fc button::-moz-focus-inner { margin: 0; padding: 0; }
126
-
177
+
127
178
  .fc-state-default { /* non-theme */
128
- border: 1px solid;
179
+ border: 1px solid;
129
180
  }
130
181
 
131
182
  .fc-state-default.fc-corner-left { /* non-theme */
132
- border-top-left-radius: 4px;
133
- border-bottom-left-radius: 4px;
183
+ border-top-left-radius: 4px;
184
+ border-bottom-left-radius: 4px;
134
185
  }
135
186
 
136
187
  .fc-state-default.fc-corner-right { /* non-theme */
137
- border-top-right-radius: 4px;
138
- border-bottom-right-radius: 4px;
188
+ border-top-right-radius: 4px;
189
+ border-bottom-right-radius: 4px;
139
190
  }
140
191
 
141
192
  /* icons in buttons */
142
193
 
143
194
  .fc button .fc-icon { /* non-theme */
144
- position: relative;
145
- top: .05em; /* seems to be a good adjustment across browsers */
146
- margin: 0 .1em;
195
+ position: relative;
196
+ top: -0.05em; /* seems to be a good adjustment across browsers */
197
+ margin: 0 .2em;
198
+ vertical-align: middle;
147
199
  }
148
-
200
+
149
201
  /*
150
202
  button states
151
203
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
152
204
  */
153
205
 
154
206
  .fc-state-default {
155
- background-color: #f5f5f5;
156
- background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
157
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
158
- background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
159
- background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
160
- background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
161
- background-repeat: repeat-x;
162
- border-color: #e6e6e6 #e6e6e6 #bfbfbf;
163
- border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
164
- color: #333;
165
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
166
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
207
+ background-color: #f5f5f5;
208
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
209
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
210
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
211
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
212
+ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
213
+ background-repeat: repeat-x;
214
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
215
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
216
+ color: #333;
217
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
218
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
167
219
  }
168
220
 
169
221
  .fc-state-hover,
170
222
  .fc-state-down,
171
223
  .fc-state-active,
172
224
  .fc-state-disabled {
173
- color: #333333;
174
- background-color: #e6e6e6;
225
+ color: #333333;
226
+ background-color: #e6e6e6;
175
227
  }
176
228
 
177
229
  .fc-state-hover {
178
- color: #333333;
179
- text-decoration: none;
180
- background-position: 0 -15px;
181
- -webkit-transition: background-position 0.1s linear;
182
- -moz-transition: background-position 0.1s linear;
183
- -o-transition: background-position 0.1s linear;
184
- transition: background-position 0.1s linear;
230
+ color: #333333;
231
+ text-decoration: none;
232
+ background-position: 0 -15px;
233
+ -webkit-transition: background-position 0.1s linear;
234
+ -moz-transition: background-position 0.1s linear;
235
+ -o-transition: background-position 0.1s linear;
236
+ transition: background-position 0.1s linear;
185
237
  }
186
238
 
187
239
  .fc-state-down,
188
240
  .fc-state-active {
189
- background-color: #cccccc;
190
- background-image: none;
191
- box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
241
+ background-color: #cccccc;
242
+ background-image: none;
243
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
192
244
  }
193
245
 
194
246
  .fc-state-disabled {
195
- cursor: default;
196
- background-image: none;
197
- opacity: 0.65;
198
- filter: alpha(opacity=65);
199
- box-shadow: none;
247
+ cursor: default;
248
+ background-image: none;
249
+ opacity: 0.65;
250
+ filter: alpha(opacity=65);
251
+ box-shadow: none;
200
252
  }
201
253
 
202
254
 
@@ -204,7 +256,7 @@ body .fc { /* extra precedence to overcome jqui */
204
256
  --------------------------------------------------------------------------------------------------*/
205
257
 
206
258
  .fc-button-group {
207
- display: inline-block;
259
+ display: inline-block;
208
260
  }
209
261
 
210
262
  /*
@@ -213,12 +265,12 @@ previous button's border...
213
265
  */
214
266
 
215
267
  .fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
216
- float: left;
217
- margin: 0 0 0 -1px;
268
+ float: left;
269
+ margin: 0 0 0 -1px;
218
270
  }
219
271
 
220
272
  .fc .fc-button-group > :first-child { /* same */
221
- margin-left: 0;
273
+ margin-left: 0;
222
274
  }
223
275
 
224
276
 
@@ -226,83 +278,87 @@ previous button's border...
226
278
  --------------------------------------------------------------------------------------------------*/
227
279
 
228
280
  .fc-popover {
229
- position: absolute;
230
- box-shadow: 0 2px 6px rgba(0,0,0,.15);
281
+ position: absolute;
282
+ box-shadow: 0 2px 6px rgba(0,0,0,.15);
231
283
  }
232
284
 
233
- .fc-popover .fc-header {
234
- padding: 2px 4px;
285
+ .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
286
+ padding: 2px 4px;
235
287
  }
236
288
 
237
289
  .fc-popover .fc-header .fc-title {
238
- margin: 0 2px;
290
+ margin: 0 2px;
239
291
  }
240
292
 
241
293
  .fc-popover .fc-header .fc-close {
242
- cursor: pointer;
294
+ cursor: pointer;
243
295
  }
244
296
 
245
297
  .fc-ltr .fc-popover .fc-header .fc-title,
246
298
  .fc-rtl .fc-popover .fc-header .fc-close {
247
- float: left;
299
+ float: left;
248
300
  }
249
301
 
250
302
  .fc-rtl .fc-popover .fc-header .fc-title,
251
303
  .fc-ltr .fc-popover .fc-header .fc-close {
252
- float: right;
304
+ float: right;
253
305
  }
254
306
 
255
307
  /* unthemed */
256
308
 
257
309
  .fc-unthemed .fc-popover {
258
- border-width: 1px;
259
- border-style: solid;
310
+ border-width: 1px;
311
+ border-style: solid;
260
312
  }
261
313
 
262
314
  .fc-unthemed .fc-popover .fc-header .fc-close {
263
- font-size: 25px;
264
- margin-top: 4px;
315
+ font-size: .9em;
316
+ margin-top: 2px;
265
317
  }
266
318
 
267
319
  /* jqui themed */
268
320
 
269
321
  .fc-popover > .ui-widget-header + .ui-widget-content {
270
- border-top: 0; /* where they meet, let the header have the border */
322
+ border-top: 0; /* where they meet, let the header have the border */
271
323
  }
272
324
 
273
325
 
274
326
  /* Misc Reusable Components
275
327
  --------------------------------------------------------------------------------------------------*/
276
328
 
277
- .fc hr {
278
- height: 0;
279
- margin: 0;
280
- padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
281
- border-style: solid;
282
- border-width: 1px 0;
329
+ .fc-divider {
330
+ border-style: solid;
331
+ border-width: 1px;
332
+ }
333
+
334
+ hr.fc-divider {
335
+ height: 0;
336
+ margin: 0;
337
+ padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
338
+ border-width: 1px 0;
283
339
  }
284
340
 
285
341
  .fc-clear {
286
- clear: both;
342
+ clear: both;
287
343
  }
288
344
 
289
345
  .fc-bg,
290
346
  .fc-bgevent-skeleton,
291
347
  .fc-highlight-skeleton,
292
348
  .fc-helper-skeleton {
293
- /* these element should always cling to top-left/right corners */
294
- position: absolute;
295
- top: 0;
296
- left: 0;
297
- right: 0;
349
+ /* these element should always cling to top-left/right corners */
350
+ position: absolute;
351
+ top: 0;
352
+ left: 0;
353
+ right: 0;
298
354
  }
299
355
 
300
356
  .fc-bg {
301
- bottom: 0; /* strech bg to bottom edge */
357
+ bottom: 0; /* strech bg to bottom edge */
302
358
  }
303
359
 
304
360
  .fc-bg table {
305
- height: 100%; /* strech bg to bottom edge */
361
+ height: 100%; /* strech bg to bottom edge */
306
362
  }
307
363
 
308
364
 
@@ -310,27 +366,28 @@ previous button's border...
310
366
  --------------------------------------------------------------------------------------------------*/
311
367
 
312
368
  .fc table {
313
- width: 100%;
314
- table-layout: fixed;
315
- border-collapse: collapse;
316
- border-spacing: 0;
317
- font-size: 1em; /* normalize cross-browser */
369
+ width: 100%;
370
+ box-sizing: border-box; /* fix scrollbar issue in firefox */
371
+ table-layout: fixed;
372
+ border-collapse: collapse;
373
+ border-spacing: 0;
374
+ font-size: 1em; /* normalize cross-browser */
318
375
  }
319
376
 
320
377
  .fc th {
321
- text-align: center;
378
+ text-align: center;
322
379
  }
323
380
 
324
381
  .fc th,
325
382
  .fc td {
326
- border-style: solid;
327
- border-width: 1px;
328
- padding: 0;
329
- vertical-align: top;
383
+ border-style: solid;
384
+ border-width: 1px;
385
+ padding: 0;
386
+ vertical-align: top;
330
387
  }
331
388
 
332
389
  .fc td.fc-today {
333
- border-style: double; /* overcome neighboring borders */
390
+ border-style: double; /* overcome neighboring borders */
334
391
  }
335
392
 
336
393
 
@@ -338,23 +395,23 @@ previous button's border...
338
395
  --------------------------------------------------------------------------------------------------*/
339
396
 
340
397
  .fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
341
- /* no visible border by default. but make available if need be (scrollbar width compensation) */
342
- border-style: solid;
343
- border-width: 0;
398
+ /* no visible border by default. but make available if need be (scrollbar width compensation) */
399
+ border-style: solid;
400
+ border-width: 0;
344
401
  }
345
402
 
346
403
  .fc-row table {
347
- /* don't put left/right border on anything within a fake row.
348
- the outer tbody will worry about this */
349
- border-left: 0 hidden transparent;
350
- border-right: 0 hidden transparent;
404
+ /* don't put left/right border on anything within a fake row.
405
+ the outer tbody will worry about this */
406
+ border-left: 0 hidden transparent;
407
+ border-right: 0 hidden transparent;
351
408
 
352
- /* no bottom borders on rows */
353
- border-bottom: 0 hidden transparent;
409
+ /* no bottom borders on rows */
410
+ border-bottom: 0 hidden transparent;
354
411
  }
355
412
 
356
413
  .fc-row:first-child table {
357
- border-top: 0 hidden transparent; /* no top border on first row */
414
+ border-top: 0 hidden transparent; /* no top border on first row */
358
415
  }
359
416
 
360
417
 
@@ -362,37 +419,37 @@ previous button's border...
362
419
  --------------------------------------------------------------------------------------------------*/
363
420
 
364
421
  .fc-row {
365
- position: relative;
422
+ position: relative;
366
423
  }
367
424
 
368
425
  .fc-row .fc-bg {
369
- z-index: 1;
426
+ z-index: 1;
370
427
  }
371
428
 
372
429
  /* highlighting cells & background event skeleton */
373
430
 
374
431
  .fc-row .fc-bgevent-skeleton,
375
432
  .fc-row .fc-highlight-skeleton {
376
- bottom: 0; /* stretch skeleton to bottom of row */
433
+ bottom: 0; /* stretch skeleton to bottom of row */
377
434
  }
378
435
 
379
436
  .fc-row .fc-bgevent-skeleton table,
380
437
  .fc-row .fc-highlight-skeleton table {
381
- height: 100%; /* stretch skeleton to bottom of row */
438
+ height: 100%; /* stretch skeleton to bottom of row */
382
439
  }
383
440
 
384
441
  .fc-row .fc-highlight-skeleton td,
385
442
  .fc-row .fc-bgevent-skeleton td {
386
- border-color: transparent;
443
+ border-color: transparent;
387
444
  }
388
445
 
389
446
  .fc-row .fc-bgevent-skeleton {
390
- z-index: 2;
447
+ z-index: 2;
391
448
 
392
449
  }
393
450
 
394
451
  .fc-row .fc-highlight-skeleton {
395
- z-index: 3;
452
+ z-index: 3;
396
453
  }
397
454
 
398
455
  /*
@@ -401,44 +458,44 @@ temporary rendered events).
401
458
  */
402
459
 
403
460
  .fc-row .fc-content-skeleton {
404
- position: relative;
405
- z-index: 4;
406
- padding-bottom: 2px; /* matches the space above the events */
461
+ position: relative;
462
+ z-index: 4;
463
+ padding-bottom: 2px; /* matches the space above the events */
407
464
  }
408
465
 
409
466
  .fc-row .fc-helper-skeleton {
410
- z-index: 5;
467
+ z-index: 5;
411
468
  }
412
469
 
413
470
  .fc-row .fc-content-skeleton td,
414
471
  .fc-row .fc-helper-skeleton td {
415
- /* see-through to the background below */
416
- background: none; /* in case <td>s are globally styled */
417
- border-color: transparent;
472
+ /* see-through to the background below */
473
+ background: none; /* in case <td>s are globally styled */
474
+ border-color: transparent;
418
475
 
419
- /* don't put a border between events and/or the day number */
420
- border-bottom: 0;
476
+ /* don't put a border between events and/or the day number */
477
+ border-bottom: 0;
421
478
  }
422
479
 
423
480
  .fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
424
481
  .fc-row .fc-helper-skeleton tbody td {
425
- /* don't put a border between event cells */
426
- border-top: 0;
482
+ /* don't put a border between event cells */
483
+ border-top: 0;
427
484
  }
428
485
 
429
486
 
430
487
  /* Scrolling Container
431
488
  --------------------------------------------------------------------------------------------------*/
432
489
 
433
- .fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
434
- overflow-y: scroll;
435
- overflow-x: hidden;
490
+ .fc-scroller {
491
+ -webkit-overflow-scrolling: touch;
436
492
  }
437
493
 
438
- .fc-scroller > * { /* we expect an immediate inner element */
439
- position: relative; /* re-scope all positions */
440
- width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
441
- overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
494
+ /* TODO: move to agenda/basic */
495
+ .fc-scroller > .fc-day-grid,
496
+ .fc-scroller > .fc-time-grid {
497
+ position: relative; /* re-scope all positions */
498
+ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
442
499
  }
443
500
 
444
501
 
@@ -446,32 +503,178 @@ temporary rendered events).
446
503
  --------------------------------------------------------------------------------------------------*/
447
504
 
448
505
  .fc-event {
449
- position: relative; /* for resize handle and other inner positioning */
450
- display: block; /* make the <a> tag block */
451
- font-size: .85em;
452
- line-height: 1.3;
453
- border-radius: 3px;
454
- border: 1px solid #3a87ad; /* default BORDER color */
455
- background-color: #3a87ad; /* default BACKGROUND color */
456
- font-weight: normal; /* undo jqui's ui-widget-header bold */
506
+ position: relative; /* for resize handle and other inner positioning */
507
+ display: block; /* make the <a> tag block */
508
+ font-size: .85em;
509
+ line-height: 1.3;
510
+ border-radius: 3px;
511
+ border: 1px solid #3a87ad; /* default BORDER color */
512
+ background-color: #3a87ad; /* default BACKGROUND color */
513
+ font-weight: normal; /* undo jqui's ui-widget-header bold */
457
514
  }
458
515
 
459
516
  /* overpower some of bootstrap's and jqui's styles on <a> tags */
460
517
  .fc-event,
461
518
  .fc-event:hover,
462
519
  .ui-widget .fc-event {
463
- color: #fff; /* default TEXT color */
464
- text-decoration: none; /* if <a> has an href */
520
+ color: #fff; /* default TEXT color */
521
+ text-decoration: none; /* if <a> has an href */
465
522
  }
466
523
 
467
524
  .fc-event[href],
468
525
  .fc-event.fc-draggable {
469
- cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
526
+ cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
470
527
  }
471
528
 
472
529
  .fc-not-allowed, /* causes a "warning" cursor. applied on body */
473
530
  .fc-not-allowed .fc-event { /* to override an event's custom cursor */
474
- cursor: not-allowed;
531
+ cursor: not-allowed;
532
+ }
533
+
534
+ .fc-event .fc-bg { /* the generic .fc-bg already does position */
535
+ z-index: 1;
536
+ background: #fff;
537
+ opacity: .25;
538
+ filter: alpha(opacity=25); /* for IE */
539
+ }
540
+
541
+ .fc-event .fc-content {
542
+ position: relative;
543
+ z-index: 2;
544
+ }
545
+
546
+ /* resizer (cursor AND touch devices) */
547
+
548
+ .fc-event .fc-resizer {
549
+ position: absolute;
550
+ z-index: 4;
551
+ }
552
+
553
+ /* resizer (touch devices) */
554
+
555
+ .fc-event .fc-resizer {
556
+ display: none;
557
+ }
558
+
559
+ .fc-event.fc-allow-mouse-resize .fc-resizer,
560
+ .fc-event.fc-selected .fc-resizer {
561
+ /* only show when hovering or selected (with touch) */
562
+ display: block;
563
+ }
564
+
565
+ /* hit area */
566
+
567
+ .fc-event.fc-selected .fc-resizer:before {
568
+ /* 40x40 touch area */
569
+ content: "";
570
+ position: absolute;
571
+ z-index: 9999; /* user of this util can scope within a lower z-index */
572
+ top: 50%;
573
+ left: 50%;
574
+ width: 40px;
575
+ height: 40px;
576
+ margin-left: -20px;
577
+ margin-top: -20px;
578
+ }
579
+
580
+
581
+ /* Event Selection (only for touch devices)
582
+ --------------------------------------------------------------------------------------------------*/
583
+
584
+ .fc-event.fc-selected {
585
+ z-index: 9999 !important; /* overcomes inline z-index */
586
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
587
+ }
588
+
589
+ .fc-event.fc-selected.fc-dragging {
590
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
591
+ }
592
+
593
+
594
+ /* Horizontal Events
595
+ --------------------------------------------------------------------------------------------------*/
596
+
597
+ /* bigger touch area when selected */
598
+ .fc-h-event.fc-selected:before {
599
+ content: "";
600
+ position: absolute;
601
+ z-index: 3; /* below resizers */
602
+ top: -10px;
603
+ bottom: -10px;
604
+ left: 0;
605
+ right: 0;
606
+ }
607
+
608
+ /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
609
+
610
+ .fc-ltr .fc-h-event.fc-not-start,
611
+ .fc-rtl .fc-h-event.fc-not-end {
612
+ margin-left: 0;
613
+ border-left-width: 0;
614
+ padding-left: 1px; /* replace the border with padding */
615
+ border-top-left-radius: 0;
616
+ border-bottom-left-radius: 0;
617
+ }
618
+
619
+ .fc-ltr .fc-h-event.fc-not-end,
620
+ .fc-rtl .fc-h-event.fc-not-start {
621
+ margin-right: 0;
622
+ border-right-width: 0;
623
+ padding-right: 1px; /* replace the border with padding */
624
+ border-top-right-radius: 0;
625
+ border-bottom-right-radius: 0;
626
+ }
627
+
628
+ /* resizer (cursor AND touch devices) */
629
+
630
+ /* left resizer */
631
+ .fc-ltr .fc-h-event .fc-start-resizer,
632
+ .fc-rtl .fc-h-event .fc-end-resizer {
633
+ cursor: w-resize;
634
+ left: -1px; /* overcome border */
635
+ }
636
+
637
+ /* right resizer */
638
+ .fc-ltr .fc-h-event .fc-end-resizer,
639
+ .fc-rtl .fc-h-event .fc-start-resizer {
640
+ cursor: e-resize;
641
+ right: -1px; /* overcome border */
642
+ }
643
+
644
+ /* resizer (mouse devices) */
645
+
646
+ .fc-h-event.fc-allow-mouse-resize .fc-resizer {
647
+ width: 7px;
648
+ top: -1px; /* overcome top border */
649
+ bottom: -1px; /* overcome bottom border */
650
+ }
651
+
652
+ /* resizer (touch devices) */
653
+
654
+ .fc-h-event.fc-selected .fc-resizer {
655
+ /* 8x8 little dot */
656
+ border-radius: 4px;
657
+ border-width: 1px;
658
+ width: 6px;
659
+ height: 6px;
660
+ border-style: solid;
661
+ border-color: inherit;
662
+ background: #fff;
663
+ /* vertically center */
664
+ top: 50%;
665
+ margin-top: -4px;
666
+ }
667
+
668
+ /* left resizer */
669
+ .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
670
+ .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
671
+ margin-left: -4px; /* centers the 8x8 dot on the left edge */
672
+ }
673
+
674
+ /* right resizer */
675
+ .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
676
+ .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
677
+ margin-right: -4px; /* centers the 8x8 dot on the right edge */
475
678
  }
476
679
 
477
680
 
@@ -482,56 +685,46 @@ be a descendant of the grid when it is being dragged.
482
685
  */
483
686
 
484
687
  .fc-day-grid-event {
485
- margin: 1px 2px 0; /* spacing between events and edges */
486
- padding: 0 1px;
487
- }
488
-
489
- /* events that are continuing to/from another week. kill rounded corners and butt up against edge */
490
-
491
- .fc-ltr .fc-day-grid-event.fc-not-start,
492
- .fc-rtl .fc-day-grid-event.fc-not-end {
493
- margin-left: 0;
494
- border-left-width: 0;
495
- padding-left: 1px; /* replace the border with padding */
496
- border-top-left-radius: 0;
497
- border-bottom-left-radius: 0;
688
+ margin: 1px 2px 0; /* spacing between events and edges */
689
+ padding: 0 1px;
498
690
  }
499
691
 
500
- .fc-ltr .fc-day-grid-event.fc-not-end,
501
- .fc-rtl .fc-day-grid-event.fc-not-start {
502
- margin-right: 0;
503
- border-right-width: 0;
504
- padding-right: 1px; /* replace the border with padding */
505
- border-top-right-radius: 0;
506
- border-bottom-right-radius: 0;
692
+ .fc-day-grid-event.fc-selected:after {
693
+ content: "";
694
+ position: absolute;
695
+ z-index: 1; /* same z-index as fc-bg, behind text */
696
+ /* overcome the borders */
697
+ top: -1px;
698
+ right: -1px;
699
+ bottom: -1px;
700
+ left: -1px;
701
+ /* darkening effect */
702
+ background: #000;
703
+ opacity: .25;
704
+ filter: alpha(opacity=25); /* for IE */
507
705
  }
508
706
 
509
- .fc-day-grid-event > .fc-content { /* force events to be one-line tall */
510
- white-space: nowrap;
511
- overflow: hidden;
707
+ .fc-day-grid-event .fc-content { /* force events to be one-line tall */
708
+ white-space: nowrap;
709
+ overflow: hidden;
512
710
  }
513
711
 
514
712
  .fc-day-grid-event .fc-time {
515
- font-weight: bold;
713
+ font-weight: bold;
516
714
  }
517
715
 
518
- /* resize handle (outside of fc-content, so can go outside of bounds) */
519
-
520
- .fc-day-grid-event .fc-resizer {
521
- position: absolute;
522
- top: 0;
523
- bottom: 0;
524
- width: 7px;
525
- }
716
+ /* resizer (cursor devices) */
526
717
 
527
- .fc-ltr .fc-day-grid-event .fc-resizer {
528
- right: -3px;
529
- cursor: e-resize;
718
+ /* left resizer */
719
+ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
720
+ .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
721
+ margin-left: -2px; /* to the day cell's edge */
530
722
  }
531
723
 
532
- .fc-rtl .fc-day-grid-event .fc-resizer {
533
- left: -3px;
534
- cursor: w-resize;
724
+ /* right resizer */
725
+ .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
726
+ .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
727
+ margin-right: -2px; /* to the day cell's edge */
535
728
  }
536
729
 
537
730
 
@@ -541,94 +734,117 @@ be a descendant of the grid when it is being dragged.
541
734
  /* "more" link that represents hidden events */
542
735
 
543
736
  a.fc-more {
544
- margin: 1px 3px;
545
- font-size: .85em;
546
- cursor: pointer;
547
- text-decoration: none;
737
+ margin: 1px 3px;
738
+ font-size: .85em;
739
+ cursor: pointer;
740
+ text-decoration: none;
548
741
  }
549
742
 
550
743
  a.fc-more:hover {
551
- text-decoration: underline;
744
+ text-decoration: underline;
552
745
  }
553
746
 
554
747
  .fc-limited { /* rows and cells that are hidden because of a "more" link */
555
- display: none;
748
+ display: none;
556
749
  }
557
750
 
558
751
  /* popover that appears when "more" link is clicked */
559
752
 
560
753
  .fc-day-grid .fc-row {
561
- z-index: 1; /* make the "more" popover one higher than this */
754
+ z-index: 1; /* make the "more" popover one higher than this */
562
755
  }
563
756
 
564
757
  .fc-more-popover {
565
- z-index: 2;
566
- width: 220px;
758
+ z-index: 2;
759
+ width: 220px;
567
760
  }
568
761
 
569
762
  .fc-more-popover .fc-event-container {
570
- padding: 10px;
763
+ padding: 10px;
764
+ }
765
+
766
+
767
+ /* Now Indicator
768
+ --------------------------------------------------------------------------------------------------*/
769
+
770
+ .fc-now-indicator {
771
+ position: absolute;
772
+ border: 0 solid red;
773
+ }
774
+
775
+
776
+ /* Utilities
777
+ --------------------------------------------------------------------------------------------------*/
778
+
779
+ .fc-unselectable {
780
+ -webkit-user-select: none;
781
+ -khtml-user-select: none;
782
+ -moz-user-select: none;
783
+ -ms-user-select: none;
784
+ user-select: none;
785
+ -webkit-touch-callout: none;
786
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
571
787
  }
572
788
 
573
789
  /* Toolbar
574
790
  --------------------------------------------------------------------------------------------------*/
575
791
 
576
792
  .fc-toolbar {
577
- text-align: center;
578
- margin-bottom: 1em;
793
+ text-align: center;
794
+ margin-bottom: 1em;
579
795
  }
580
796
 
581
797
  .fc-toolbar .fc-left {
582
- float: left;
798
+ float: left;
583
799
  }
584
800
 
585
801
  .fc-toolbar .fc-right {
586
- float: right;
802
+ float: right;
587
803
  }
588
804
 
589
805
  .fc-toolbar .fc-center {
590
- display: inline-block;
806
+ display: inline-block;
591
807
  }
592
808
 
593
809
  /* the things within each left/right/center section */
594
810
  .fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
595
- float: left;
596
- margin-left: .75em;
811
+ float: left;
812
+ margin-left: .75em;
597
813
  }
598
814
 
599
815
  /* the first thing within each left/center/right section */
600
816
  .fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
601
- margin-left: 0;
817
+ margin-left: 0;
602
818
  }
603
-
819
+
604
820
  /* title text */
605
821
 
606
822
  .fc-toolbar h2 {
607
- margin: 0;
823
+ margin: 0;
608
824
  }
609
825
 
610
826
  /* button layering (for border precedence) */
611
827
 
612
828
  .fc-toolbar button {
613
- position: relative;
829
+ position: relative;
614
830
  }
615
831
 
616
832
  .fc-toolbar .fc-state-hover,
617
833
  .fc-toolbar .ui-state-hover {
618
- z-index: 2;
834
+ z-index: 2;
619
835
  }
620
-
836
+
621
837
  .fc-toolbar .fc-state-down {
622
- z-index: 3;
838
+ z-index: 3;
623
839
  }
624
840
 
625
841
  .fc-toolbar .fc-state-active,
626
842
  .fc-toolbar .ui-state-active {
627
- z-index: 4;
843
+ z-index: 4;
628
844
  }
629
845
 
630
846
  .fc-toolbar button:focus {
631
- z-index: 5;
847
+ z-index: 5;
632
848
  }
633
849
 
634
850
 
@@ -640,15 +856,15 @@ a.fc-more:hover {
640
856
  .fc-view-container *,
641
857
  .fc-view-container *:before,
642
858
  .fc-view-container *:after {
643
- -webkit-box-sizing: content-box;
644
- -moz-box-sizing: content-box;
645
- box-sizing: content-box;
859
+ -webkit-box-sizing: content-box;
860
+ -moz-box-sizing: content-box;
861
+ box-sizing: content-box;
646
862
  }
647
863
 
648
864
  .fc-view, /* scope positioning and z-index's for everything within the view */
649
865
  .fc-view > table { /* so dragged elements can be above the view's main element */
650
- position: relative;
651
- z-index: 1;
866
+ position: relative;
867
+ z-index: 1;
652
868
  }
653
869
 
654
870
  /* BasicView
@@ -658,82 +874,82 @@ a.fc-more:hover {
658
874
 
659
875
  .fc-basicWeek-view .fc-content-skeleton,
660
876
  .fc-basicDay-view .fc-content-skeleton {
661
- /* we are sure there are no day numbers in these views, so... */
662
- padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
663
- padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
877
+ /* we are sure there are no day numbers in these views, so... */
878
+ padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
879
+ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
664
880
  }
665
881
 
666
- .fc-basic-view tbody .fc-row {
667
- min-height: 4em; /* ensure that all rows are at least this tall */
882
+ .fc-basic-view .fc-body .fc-row {
883
+ min-height: 4em; /* ensure that all rows are at least this tall */
668
884
  }
669
885
 
670
886
  /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
671
887
 
672
888
  .fc-row.fc-rigid {
673
- overflow: hidden;
889
+ overflow: hidden;
674
890
  }
675
891
 
676
892
  .fc-row.fc-rigid .fc-content-skeleton {
677
- position: absolute;
678
- top: 0;
679
- left: 0;
680
- right: 0;
893
+ position: absolute;
894
+ top: 0;
895
+ left: 0;
896
+ right: 0;
681
897
  }
682
898
 
683
899
  /* week and day number styling */
684
900
 
685
901
  .fc-basic-view .fc-week-number,
686
902
  .fc-basic-view .fc-day-number {
687
- padding: 0 2px;
903
+ padding: 0 2px;
688
904
  }
689
905
 
690
906
  .fc-basic-view td.fc-week-number span,
691
907
  .fc-basic-view td.fc-day-number {
692
- padding-top: 2px;
693
- padding-bottom: 2px;
908
+ padding-top: 2px;
909
+ padding-bottom: 2px;
694
910
  }
695
911
 
696
912
  .fc-basic-view .fc-week-number {
697
- text-align: center;
913
+ text-align: center;
698
914
  }
699
915
 
700
916
  .fc-basic-view .fc-week-number span {
701
- /* work around the way we do column resizing and ensure a minimum width */
702
- display: inline-block;
703
- min-width: 1.25em;
917
+ /* work around the way we do column resizing and ensure a minimum width */
918
+ display: inline-block;
919
+ min-width: 1.25em;
704
920
  }
705
921
 
706
922
  .fc-ltr .fc-basic-view .fc-day-number {
707
- text-align: right;
923
+ text-align: right;
708
924
  }
709
925
 
710
926
  .fc-rtl .fc-basic-view .fc-day-number {
711
- text-align: left;
927
+ text-align: left;
712
928
  }
713
929
 
714
930
  .fc-day-number.fc-other-month {
715
- opacity: 0.3;
716
- filter: alpha(opacity=30); /* for IE */
717
- /* opacity with small font can sometimes look too faded
718
- might want to set the 'color' property instead
719
- making day-numbers bold also fixes the problem */
931
+ opacity: 0.3;
932
+ filter: alpha(opacity=30); /* for IE */
933
+ /* opacity with small font can sometimes look too faded
934
+ might want to set the 'color' property instead
935
+ making day-numbers bold also fixes the problem */
720
936
  }
721
937
 
722
938
  /* AgendaView all-day area
723
939
  --------------------------------------------------------------------------------------------------*/
724
940
 
725
941
  .fc-agenda-view .fc-day-grid {
726
- position: relative;
727
- z-index: 2; /* so the "more.." popover will be over the time grid */
942
+ position: relative;
943
+ z-index: 2; /* so the "more.." popover will be over the time grid */
728
944
  }
729
945
 
730
946
  .fc-agenda-view .fc-day-grid .fc-row {
731
- min-height: 3em; /* all-day section will never get shorter than this */
947
+ min-height: 3em; /* all-day section will never get shorter than this */
732
948
  }
733
949
 
734
950
  .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
735
- padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
736
- padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
951
+ padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
952
+ padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
737
953
  }
738
954
 
739
955
 
@@ -741,21 +957,21 @@ a.fc-more:hover {
741
957
  --------------------------------------------------------------------------------------------------*/
742
958
 
743
959
  .fc .fc-axis { /* .fc to overcome default cell styles */
744
- vertical-align: middle;
745
- padding: 0 4px;
746
- white-space: nowrap;
960
+ vertical-align: middle;
961
+ padding: 0 4px;
962
+ white-space: nowrap;
747
963
  }
748
964
 
749
965
  .fc-ltr .fc-axis {
750
- text-align: right;
966
+ text-align: right;
751
967
  }
752
968
 
753
969
  .fc-rtl .fc-axis {
754
- text-align: left;
970
+ text-align: left;
755
971
  }
756
972
 
757
973
  .ui-widget td.fc-axis {
758
- font-weight: normal; /* overcome jqui theme making it bold */
974
+ font-weight: normal; /* overcome jqui theme making it bold */
759
975
  }
760
976
 
761
977
 
@@ -764,67 +980,86 @@ a.fc-more:hover {
764
980
 
765
981
  .fc-time-grid-container, /* so scroll container's z-index is below all-day */
766
982
  .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
767
- position: relative;
768
- z-index: 1;
983
+ position: relative;
984
+ z-index: 1;
769
985
  }
770
986
 
771
987
  .fc-time-grid {
772
- min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
988
+ min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
773
989
  }
774
990
 
775
991
  .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
776
- border: 0 hidden transparent;
992
+ border: 0 hidden transparent;
777
993
  }
778
994
 
779
995
  .fc-time-grid > .fc-bg {
780
- z-index: 1;
996
+ z-index: 1;
781
997
  }
782
998
 
783
999
  .fc-time-grid .fc-slats,
784
1000
  .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
785
- position: relative;
786
- z-index: 2;
1001
+ position: relative;
1002
+ z-index: 2;
1003
+ }
1004
+
1005
+ .fc-time-grid .fc-content-col {
1006
+ position: relative; /* because now-indicator lives directly inside */
787
1007
  }
788
1008
 
789
- .fc-time-grid .fc-bgevent-skeleton,
790
1009
  .fc-time-grid .fc-content-skeleton {
791
- position: absolute;
792
- top: 0;
793
- left: 0;
794
- right: 0;
1010
+ position: absolute;
1011
+ z-index: 3;
1012
+ top: 0;
1013
+ left: 0;
1014
+ right: 0;
795
1015
  }
796
1016
 
797
- .fc-time-grid .fc-bgevent-skeleton {
798
- z-index: 3;
1017
+ /* divs within a cell within the fc-content-skeleton */
1018
+
1019
+ .fc-time-grid .fc-business-container {
1020
+ position: relative;
1021
+ z-index: 1;
799
1022
  }
800
1023
 
801
- .fc-time-grid .fc-highlight-skeleton {
802
- z-index: 4;
1024
+ .fc-time-grid .fc-bgevent-container {
1025
+ position: relative;
1026
+ z-index: 2;
803
1027
  }
804
1028
 
805
- .fc-time-grid .fc-content-skeleton {
806
- z-index: 5;
1029
+ .fc-time-grid .fc-highlight-container {
1030
+ position: relative;
1031
+ z-index: 3;
1032
+ }
1033
+
1034
+ .fc-time-grid .fc-event-container {
1035
+ position: relative;
1036
+ z-index: 4;
807
1037
  }
808
1038
 
809
- .fc-time-grid .fc-helper-skeleton {
810
- z-index: 6;
1039
+ .fc-time-grid .fc-now-indicator-line {
1040
+ z-index: 5;
1041
+ }
1042
+
1043
+ .fc-time-grid .fc-helper-container { /* also is fc-event-container */
1044
+ position: relative;
1045
+ z-index: 6;
811
1046
  }
812
1047
 
813
1048
 
814
1049
  /* TimeGrid Slats (lines that run horizontally)
815
1050
  --------------------------------------------------------------------------------------------------*/
816
1051
 
817
- .fc-slats td {
818
- height: 1.5em;
819
- border-bottom: 0; /* each cell is responsible for its top border */
1052
+ .fc-time-grid .fc-slats td {
1053
+ height: 1.5em;
1054
+ border-bottom: 0; /* each cell is responsible for its top border */
820
1055
  }
821
1056
 
822
- .fc-slats .fc-minor td {
823
- border-top-style: dotted;
1057
+ .fc-time-grid .fc-slats .fc-minor td {
1058
+ border-top-style: dotted;
824
1059
  }
825
1060
 
826
- .fc-slats .ui-widget-content { /* for jqui theme */
827
- background: none; /* see through to fc-bg */
1061
+ .fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
1062
+ background: none; /* see through to fc-bg */
828
1063
  }
829
1064
 
830
1065
 
@@ -832,43 +1067,62 @@ a.fc-more:hover {
832
1067
  --------------------------------------------------------------------------------------------------*/
833
1068
 
834
1069
  .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
835
- position: relative; /* scopes the left/right of the fc-highlight to be in the column */
1070
+ position: relative; /* scopes the left/right of the fc-highlight to be in the column */
836
1071
  }
837
1072
 
838
1073
  .fc-time-grid .fc-highlight {
839
- position: absolute;
840
- left: 0;
841
- right: 0;
842
- /* top and bottom will be in by JS */
1074
+ position: absolute;
1075
+ left: 0;
1076
+ right: 0;
1077
+ /* top and bottom will be in by JS */
843
1078
  }
844
1079
 
845
1080
 
846
1081
  /* TimeGrid Event Containment
847
1082
  --------------------------------------------------------------------------------------------------*/
848
1083
 
849
- .fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
850
- .fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
851
- position: relative;
852
- }
853
-
854
1084
  .fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
855
- margin: 0 2.5% 0 2px;
1085
+ margin: 0 2.5% 0 2px;
856
1086
  }
857
1087
 
858
1088
  .fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
859
- margin: 0 2px 0 2.5%;
1089
+ margin: 0 2px 0 2.5%;
860
1090
  }
861
1091
 
862
1092
  .fc-time-grid .fc-event,
863
1093
  .fc-time-grid .fc-bgevent {
864
- position: absolute;
865
- z-index: 1; /* scope inner z-index's */
1094
+ position: absolute;
1095
+ z-index: 1; /* scope inner z-index's */
866
1096
  }
867
1097
 
868
1098
  .fc-time-grid .fc-bgevent {
869
- /* background events always span full width */
870
- left: 0;
871
- right: 0;
1099
+ /* background events always span full width */
1100
+ left: 0;
1101
+ right: 0;
1102
+ }
1103
+
1104
+
1105
+ /* Generic Vertical Event
1106
+ --------------------------------------------------------------------------------------------------*/
1107
+
1108
+ .fc-v-event.fc-not-start { /* events that are continuing from another day */
1109
+ /* replace space made by the top border with padding */
1110
+ border-top-width: 0;
1111
+ padding-top: 1px;
1112
+
1113
+ /* remove top rounded corners */
1114
+ border-top-left-radius: 0;
1115
+ border-top-right-radius: 0;
1116
+ }
1117
+
1118
+ .fc-v-event.fc-not-end {
1119
+ /* replace space made by the top border with padding */
1120
+ border-bottom-width: 0;
1121
+ padding-bottom: 1px;
1122
+
1123
+ /* remove bottom rounded corners */
1124
+ border-bottom-left-radius: 0;
1125
+ border-bottom-right-radius: 0;
872
1126
  }
873
1127
 
874
1128
 
@@ -878,100 +1132,130 @@ We use the full "fc-time-grid-event" class instead of using descendants because
878
1132
  be a descendant of the grid when it is being dragged.
879
1133
  */
880
1134
 
881
- .fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
882
- /* replace space made by the top border with padding */
883
- border-top-width: 0;
884
- padding-top: 1px;
885
-
886
- /* remove top rounded corners */
887
- border-top-left-radius: 0;
888
- border-top-right-radius: 0;
1135
+ .fc-time-grid-event {
1136
+ overflow: hidden; /* don't let the bg flow over rounded corners */
889
1137
  }
890
1138
 
891
- .fc-time-grid-event.fc-not-end {
892
- /* replace space made by the top border with padding */
893
- border-bottom-width: 0;
894
- padding-bottom: 1px;
895
-
896
- /* remove bottom rounded corners */
897
- border-bottom-left-radius: 0;
898
- border-bottom-right-radius: 0;
1139
+ .fc-time-grid-event.fc-selected {
1140
+ /* need to allow touch resizers to extend outside event's bounding box */
1141
+ /* common fc-selected styles hide the fc-bg, so don't need this anyway */
1142
+ overflow: visible;
899
1143
  }
900
1144
 
901
- .fc-time-grid-event {
902
- overflow: hidden; /* don't let the bg flow over rounded corners */
1145
+ .fc-time-grid-event.fc-selected .fc-bg {
1146
+ display: none; /* hide semi-white background, to appear darker */
903
1147
  }
904
1148
 
905
- .fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
906
- position: relative;
907
- z-index: 2; /* above the bg */
1149
+ .fc-time-grid-event .fc-content {
1150
+ overflow: hidden; /* for when .fc-selected */
908
1151
  }
909
1152
 
910
1153
  .fc-time-grid-event .fc-time,
911
1154
  .fc-time-grid-event .fc-title {
912
- padding: 0 1px;
1155
+ padding: 0 1px;
913
1156
  }
914
1157
 
915
1158
  .fc-time-grid-event .fc-time {
916
- font-size: .85em;
917
- white-space: nowrap;
918
- }
919
-
920
- .fc-time-grid-event .fc-bg {
921
- z-index: 1;
922
- background: #fff;
923
- opacity: .25;
924
- filter: alpha(opacity=25); /* for IE */
1159
+ font-size: .85em;
1160
+ white-space: nowrap;
925
1161
  }
926
1162
 
927
1163
  /* short mode, where time and title are on the same line */
928
1164
 
929
1165
  .fc-time-grid-event.fc-short .fc-content {
930
- /* don't wrap to second line (now that contents will be inline) */
931
- white-space: nowrap;
1166
+ /* don't wrap to second line (now that contents will be inline) */
1167
+ white-space: nowrap;
932
1168
  }
933
1169
 
934
1170
  .fc-time-grid-event.fc-short .fc-time,
935
1171
  .fc-time-grid-event.fc-short .fc-title {
936
- /* put the time and title on the same line */
937
- display: inline-block;
938
- vertical-align: top;
1172
+ /* put the time and title on the same line */
1173
+ display: inline-block;
1174
+ vertical-align: top;
939
1175
  }
940
1176
 
941
1177
  .fc-time-grid-event.fc-short .fc-time span {
942
- display: none; /* don't display the full time text... */
1178
+ display: none; /* don't display the full time text... */
943
1179
  }
944
1180
 
945
1181
  .fc-time-grid-event.fc-short .fc-time:before {
946
- content: attr(data-start); /* ...instead, display only the start time */
1182
+ content: attr(data-start); /* ...instead, display only the start time */
947
1183
  }
948
1184
 
949
1185
  .fc-time-grid-event.fc-short .fc-time:after {
950
- content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
1186
+ content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
951
1187
  }
952
1188
 
953
1189
  .fc-time-grid-event.fc-short .fc-title {
954
- font-size: .85em; /* make the title text the same size as the time */
955
- padding: 0; /* undo padding from above */
1190
+ font-size: .85em; /* make the title text the same size as the time */
1191
+ padding: 0; /* undo padding from above */
956
1192
  }
957
1193
 
958
- /* resizer */
1194
+ /* resizer (cursor device) */
1195
+
1196
+ .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
1197
+ left: 0;
1198
+ right: 0;
1199
+ bottom: 0;
1200
+ height: 8px;
1201
+ overflow: hidden;
1202
+ line-height: 8px;
1203
+ font-size: 11px;
1204
+ font-family: monospace;
1205
+ text-align: center;
1206
+ cursor: s-resize;
1207
+ }
1208
+
1209
+ .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
1210
+ content: "=";
1211
+ }
1212
+
1213
+ /* resizer (touch device) */
1214
+
1215
+ .fc-time-grid-event.fc-selected .fc-resizer {
1216
+ /* 10x10 dot */
1217
+ border-radius: 5px;
1218
+ border-width: 1px;
1219
+ width: 8px;
1220
+ height: 8px;
1221
+ border-style: solid;
1222
+ border-color: inherit;
1223
+ background: #fff;
1224
+ /* horizontally center */
1225
+ left: 50%;
1226
+ margin-left: -5px;
1227
+ /* center on the bottom edge */
1228
+ bottom: -5px;
1229
+ }
1230
+
1231
+
1232
+ /* Now Indicator
1233
+ --------------------------------------------------------------------------------------------------*/
1234
+
1235
+ .fc-time-grid .fc-now-indicator-line {
1236
+ border-top-width: 1px;
1237
+ left: 0;
1238
+ right: 0;
1239
+ }
1240
+
1241
+ /* arrow on axis */
1242
+
1243
+ .fc-time-grid .fc-now-indicator-arrow {
1244
+ margin-top: -5px; /* vertically center on top coordinate */
1245
+ }
959
1246
 
960
- .fc-time-grid-event .fc-resizer {
961
- position: absolute;
962
- z-index: 3; /* above content */
963
- left: 0;
964
- right: 0;
965
- bottom: 0;
966
- height: 8px;
967
- overflow: hidden;
968
- line-height: 8px;
969
- font-size: 11px;
970
- font-family: monospace;
971
- text-align: center;
972
- cursor: s-resize;
1247
+ .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
1248
+ left: 0;
1249
+ /* triangle pointing right... */
1250
+ border-width: 5px 0 5px 6px;
1251
+ border-top-color: transparent;
1252
+ border-bottom-color: transparent;
973
1253
  }
974
1254
 
975
- .fc-time-grid-event .fc-resizer:after {
976
- content: "=";
1255
+ .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
1256
+ right: 0;
1257
+ /* triangle pointing left... */
1258
+ border-width: 5px 6px 5px 0;
1259
+ border-top-color: transparent;
1260
+ border-bottom-color: transparent;
977
1261
  }