framework7_rails 1.0.0.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,443 @@
1
+ /**
2
+ * Framework7 1.0.0
3
+ * Full Featured Mobile HTML Framework For Building iOS Apps
4
+ *
5
+ * http://www.idangero.us/framework7
6
+ *
7
+ * Copyright 2015, Vladimir Kharlampidi
8
+ * The iDangero.us
9
+ * http://www.idangero.us/
10
+ *
11
+ * Licensed under MIT
12
+ *
13
+ * Released on: February 6, 2015
14
+ */
15
+ /*==========================
16
+ Framework7 Layouts Themes
17
+ ==========================*/
18
+ /* === Dark layout === */
19
+ .layout-dark .navbar,
20
+ .navbar.layout-dark,
21
+ .layout-dark .subnavbar,
22
+ .subnavbar.layout-dark {
23
+ background-color: #131313;
24
+ color: #ffffff;
25
+ }
26
+ .layout-dark .navbar:after,
27
+ .navbar.layout-dark:after,
28
+ .layout-dark .subnavbar:after,
29
+ .subnavbar.layout-dark:after {
30
+ background-color: #333333;
31
+ }
32
+ .layout-dark .toolbar,
33
+ .toolbar.layout-dark {
34
+ background-color: #131313;
35
+ color: #ffffff;
36
+ }
37
+ .layout-dark .toolbar:before,
38
+ .toolbar.layout-dark:before {
39
+ background-color: #333333;
40
+ }
41
+ .layout-dark .picker-calendar-week-days {
42
+ color: #fff;
43
+ background-color: #131313;
44
+ }
45
+ .layout-dark .popover .picker-modal .picker-center-highlight:before,
46
+ .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before {
47
+ background-color: #333333;
48
+ }
49
+ .layout-dark .popover .picker-modal .picker-center-highlight:after,
50
+ .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after {
51
+ background-color: #333333;
52
+ }
53
+ .layout-dark .popover .picker-modal .picker-item.picker-selected,
54
+ .layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected {
55
+ color: #fff;
56
+ }
57
+ .layout-dark .popover .picker-modal .picker-calendar-week-days,
58
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days {
59
+ color: #fff;
60
+ }
61
+ .layout-dark .popover .picker-modal .picker-calendar-day,
62
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day {
63
+ color: #fff;
64
+ }
65
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev,
66
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev,
67
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next,
68
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next {
69
+ color: #777;
70
+ }
71
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled,
72
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled {
73
+ color: #555;
74
+ }
75
+ .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span,
76
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span {
77
+ background: #444;
78
+ }
79
+ .layout-dark .popover .picker-modal .picker-calendar-week-days:after,
80
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
81
+ .layout-dark .popover .picker-modal .picker-calendar-row:after,
82
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after {
83
+ background-color: #333333;
84
+ }
85
+ .layout-dark .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
86
+ .layout-dark .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
87
+ .layout-dark .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
88
+ .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
89
+ background-color: #333333;
90
+ }
91
+ .layout-dark .popover .picker-modal .toolbar:after {
92
+ background-color: #333333;
93
+ }
94
+ .layout-dark .photo-browser .navbar,
95
+ .photo-browser.layout-dark .navbar,
96
+ .layout-dark .view[data-page="photo-browser-slides"] .navbar,
97
+ .view[data-page="photo-browser-slides"].layout-dark .navbar,
98
+ .layout-dark .photo-browser .toolbar,
99
+ .photo-browser.layout-dark .toolbar,
100
+ .layout-dark .view[data-page="photo-browser-slides"] .toolbar,
101
+ .view[data-page="photo-browser-slides"].layout-dark .toolbar {
102
+ background: rgba(19, 19, 19, 0.95);
103
+ }
104
+ .layout-dark .tabbar a:not(.active) {
105
+ color: #ffffff;
106
+ }
107
+ .layout-dark .page,
108
+ .layout-dark .login-screen-content,
109
+ .page.layout-dark,
110
+ .layout-dark .panel,
111
+ .panel.layout-dark {
112
+ background-color: #222426;
113
+ color: #dddddd;
114
+ }
115
+ .layout-dark .content-block-title {
116
+ color: #ffffff;
117
+ }
118
+ .layout-dark .content-block,
119
+ .content-block.layout-dark {
120
+ color: #bbbbbb;
121
+ }
122
+ .layout-dark .content-block-inner {
123
+ background: #1c1d1f;
124
+ color: #dddddd;
125
+ }
126
+ .layout-dark .content-block-inner:before {
127
+ background-color: #393939;
128
+ }
129
+ .layout-dark .content-block-inner:after {
130
+ background-color: #393939;
131
+ }
132
+ .layout-dark .list-block ul,
133
+ .list-block.layout-dark ul {
134
+ background: #1c1d1f;
135
+ }
136
+ .layout-dark .list-block ul:before,
137
+ .list-block.layout-dark ul:before {
138
+ background-color: #393939;
139
+ }
140
+ .layout-dark .list-block ul:after,
141
+ .list-block.layout-dark ul:after {
142
+ background-color: #393939;
143
+ }
144
+ .layout-dark .list-block.inset ul,
145
+ .list-block.layout-dark.inset ul {
146
+ background: #1c1d1f;
147
+ }
148
+ .layout-dark .list-block.notifications > ul,
149
+ .list-block.layout-dark.notifications > ul {
150
+ background: none;
151
+ }
152
+ .layout-dark .card {
153
+ background: #1c1d1f;
154
+ }
155
+ .layout-dark .card-header:after {
156
+ background-color: #393939;
157
+ }
158
+ .layout-dark .card-footer {
159
+ color: #bbbbbb;
160
+ }
161
+ .layout-dark .card-footer:before {
162
+ background-color: #393939;
163
+ }
164
+ .layout-dark .popover,
165
+ .popover.layout-dark {
166
+ background: rgba(0, 0, 0, 0.8);
167
+ }
168
+ .layout-dark .popover .popover-angle:after,
169
+ .popover.layout-dark .popover-angle:after {
170
+ background: rgba(0, 0, 0, 0.8);
171
+ }
172
+ .layout-dark .popover .list-block ul,
173
+ .popover.layout-dark .list-block ul {
174
+ background: none;
175
+ }
176
+ .layout-dark .actions-popover .list-block ul:before {
177
+ background-color: #393939;
178
+ }
179
+ .layout-dark .actions-popover .list-block ul:after {
180
+ background-color: #393939;
181
+ }
182
+ .layout-dark .actions-popover .actions-popover-label:after {
183
+ background-color: #393939;
184
+ }
185
+ .layout-dark li.sorting {
186
+ background-color: #29292f;
187
+ }
188
+ .layout-dark .swipeout-actions-left a,
189
+ .layout-dark .swipeout-actions-right a {
190
+ background-color: #444444;
191
+ }
192
+ .layout-dark .item-inner:after,
193
+ .layout-dark .list-block ul ul li:last-child .item-inner:after {
194
+ background-color: #393939;
195
+ }
196
+ .layout-dark .item-after {
197
+ color: #bbbbbb;
198
+ }
199
+ html:not(.watch-active-state) .layout-dark .item-link:active,
200
+ html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
201
+ html:not(.watch-active-state) .layout-dark label.label-radio:active,
202
+ .layout-dark .item-link.active-state,
203
+ .layout-dark label.label-checkbox.active-state,
204
+ .layout-dark label.label-radio.active-state {
205
+ background-color: #29292f;
206
+ }
207
+ .layout-dark .item-link.list-button:after {
208
+ background-color: #393939;
209
+ }
210
+ .layout-dark .list-block-label {
211
+ color: #bbbbbb;
212
+ }
213
+ .layout-dark .item-divider,
214
+ .layout-dark .list-group-title {
215
+ background: #1a1a1a;
216
+ color: #bbbbbb;
217
+ }
218
+ .layout-dark .item-divider:before,
219
+ .layout-dark .list-group-title:before {
220
+ background-color: #393939;
221
+ }
222
+ .layout-dark .searchbar {
223
+ background: #333333;
224
+ }
225
+ .layout-dark .searchbar:after {
226
+ background-color: #333333;
227
+ }
228
+ .layout-dark .list-block input[type="text"],
229
+ .list-block.layout-dark input[type="text"],
230
+ .layout-dark .list-block input[type="password"],
231
+ .list-block.layout-dark input[type="password"],
232
+ .layout-dark .list-block input[type="email"],
233
+ .list-block.layout-dark input[type="email"],
234
+ .layout-dark .list-block input[type="tel"],
235
+ .list-block.layout-dark input[type="tel"],
236
+ .layout-dark .list-block input[type="url"],
237
+ .list-block.layout-dark input[type="url"],
238
+ .layout-dark .list-block input[type="date"],
239
+ .list-block.layout-dark input[type="date"],
240
+ .layout-dark .list-block input[type="datetime-local"],
241
+ .list-block.layout-dark input[type="datetime-local"],
242
+ .layout-dark .list-block input[type="number"],
243
+ .list-block.layout-dark input[type="number"],
244
+ .layout-dark .list-block select,
245
+ .list-block.layout-dark select,
246
+ .layout-dark .list-block textarea,
247
+ .list-block.layout-dark textarea {
248
+ color: #ffffff;
249
+ }
250
+ .layout-dark .label-switch .checkbox {
251
+ background-color: #393939;
252
+ }
253
+ .layout-dark .label-switch .checkbox:before {
254
+ background-color: #1c1d1f;
255
+ }
256
+ .layout-dark .range-slider input[type="range"]:after {
257
+ background: #1c1d1f;
258
+ }
259
+ /* === White layout === */
260
+ .layout-white .navbar,
261
+ .navbar.layout-white,
262
+ .layout-white .subnavbar,
263
+ .subnavbar.layout-white {
264
+ background-color: #ffffff;
265
+ color: #000000;
266
+ }
267
+ .layout-white .navbar:after,
268
+ .navbar.layout-white:after,
269
+ .layout-white .subnavbar:after,
270
+ .subnavbar.layout-white:after {
271
+ background-color: #dddddd;
272
+ }
273
+ .layout-white .toolbar,
274
+ .toolbar.layout-white {
275
+ background-color: #ffffff;
276
+ color: #000000;
277
+ }
278
+ .layout-white .toolbar:before,
279
+ .toolbar.layout-white:before {
280
+ background-color: #dddddd;
281
+ }
282
+ .layout-white .popover .picker-modal .picker-center-highlight:before,
283
+ .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before {
284
+ background-color: #dddddd;
285
+ }
286
+ .layout-white .popover .picker-modal .picker-center-highlight:after,
287
+ .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after {
288
+ background-color: #dddddd;
289
+ }
290
+ .layout-white .popover .picker-modal .picker-calendar-week-days:after,
291
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after,
292
+ .layout-white .popover .picker-modal .picker-calendar-row:after,
293
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after {
294
+ background-color: #dddddd;
295
+ }
296
+ .layout-white .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
297
+ .layout-white .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before,
298
+ .layout-white .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before,
299
+ .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before {
300
+ background-color: #dddddd;
301
+ }
302
+ .layout-white .popover .picker-modal .toolbar:after {
303
+ background-color: #dddddd;
304
+ }
305
+ .layout-white .photo-browser .navbar,
306
+ .photo-browser.layout-white .navbar,
307
+ .layout-white .view[data-page="photo-browser-slides"] .navbar,
308
+ .view[data-page="photo-browser-slides"].layout-white .navbar,
309
+ .layout-white .photo-browser .toolbar,
310
+ .photo-browser.layout-white .toolbar,
311
+ .layout-white .view[data-page="photo-browser-slides"] .toolbar,
312
+ .view[data-page="photo-browser-slides"].layout-white .toolbar {
313
+ background: rgba(255, 255, 255, 0.95);
314
+ }
315
+ .layout-white .tabbar a:not(.active) {
316
+ color: #777777;
317
+ }
318
+ .layout-white .page,
319
+ .layout-white .login-screen-content,
320
+ .page.layout-white,
321
+ .layout-white .panel,
322
+ .panel.layout-white {
323
+ background-color: #ffffff;
324
+ color: #000000;
325
+ }
326
+ .layout-white .content-block-title {
327
+ color: #777777;
328
+ }
329
+ .layout-white .content-block,
330
+ .content-block.layout-white {
331
+ color: #777777;
332
+ }
333
+ .layout-white .content-block-inner {
334
+ background: #fafafa;
335
+ color: #000000;
336
+ }
337
+ .layout-white .content-block-inner:after {
338
+ background-color: #dddddd;
339
+ }
340
+ .layout-white .content-block-inner:before {
341
+ background-color: #dddddd;
342
+ }
343
+ .layout-white .list-block ul,
344
+ .list-block.layout-white ul {
345
+ background: #ffffff;
346
+ }
347
+ .layout-white .list-block ul:after,
348
+ .list-block.layout-white ul:after {
349
+ background-color: #dddddd;
350
+ }
351
+ .layout-white .list-block ul:before,
352
+ .list-block.layout-white ul:before {
353
+ background-color: #dddddd;
354
+ }
355
+ .layout-white .list-block.inset ul,
356
+ .list-block.layout-white.inset ul {
357
+ background: #fafafa;
358
+ }
359
+ .layout-white .list-block.notifications > ul,
360
+ .list-block.layout-white.notifications > ul {
361
+ background: none;
362
+ }
363
+ .layout-white .popover-inner > .list-block ul {
364
+ background: none;
365
+ }
366
+ .layout-white li.sorting {
367
+ background-color: #eeeeee;
368
+ }
369
+ .layout-white .swipeout-actions-left a,
370
+ .layout-white .swipeout-actions-right a {
371
+ background-color: #c7c7cc;
372
+ }
373
+ .layout-white .item-inner,
374
+ .layout-white .list-block ul ul li:last-child .item-inner {
375
+ border-color: #dddddd;
376
+ }
377
+ .layout-white .item-inner:after,
378
+ .layout-white .list-block ul ul li:last-child .item-inner:after {
379
+ background-color: #dddddd;
380
+ }
381
+ .layout-white .item-after {
382
+ color: #8e8e93;
383
+ }
384
+ html:not(.watch-active-state) .layout-white .item-link:active,
385
+ html:not(.watch-active-state) .layout-white label.label-checkbox:active,
386
+ html:not(.watch-active-state) .layout-white label.label-radio:active,
387
+ .layout-white .item-link.active-state,
388
+ .layout-white label.label-checkbox.active-state,
389
+ .layout-white label.label-radio.active-state {
390
+ background-color: #eeeeee;
391
+ }
392
+ .layout-white .item-link.list-button:after {
393
+ background-color: #dddddd;
394
+ }
395
+ .layout-white .list-block-label {
396
+ color: #777777;
397
+ }
398
+ .layout-white .item-divider,
399
+ .layout-white .list-group-title {
400
+ background: #f7f7f7;
401
+ color: #777777;
402
+ }
403
+ .layout-white .item-divider:before,
404
+ .layout-white .list-group-title:before {
405
+ background-color: #dddddd;
406
+ }
407
+ .layout-white .searchbar {
408
+ background: #c9c9ce;
409
+ }
410
+ .layout-white .searchbar:after {
411
+ background-color: #b4b4b4;
412
+ }
413
+ .layout-white .list-block input[type="text"],
414
+ .list-block.layout-white input[type="text"],
415
+ .layout-white .list-block input[type="password"],
416
+ .list-block.layout-white input[type="password"],
417
+ .layout-white .list-block input[type="email"],
418
+ .list-block.layout-white input[type="email"],
419
+ .layout-white .list-block input[type="tel"],
420
+ .list-block.layout-white input[type="tel"],
421
+ .layout-white .list-block input[type="url"],
422
+ .list-block.layout-white input[type="url"],
423
+ .layout-white .list-block input[type="date"],
424
+ .list-block.layout-white input[type="date"],
425
+ .layout-white .list-block input[type="datetime-local"],
426
+ .list-block.layout-white input[type="datetime-local"],
427
+ .layout-white .list-block input[type="number"],
428
+ .list-block.layout-white input[type="number"],
429
+ .layout-white .list-block select,
430
+ .list-block.layout-white select,
431
+ .layout-white .list-block textarea,
432
+ .list-block.layout-white textarea {
433
+ color: #777777;
434
+ }
435
+ .layout-white .label-switch .checkbox {
436
+ background-color: #e5e5e5;
437
+ }
438
+ .layout-white .label-switch .checkbox:before {
439
+ background-color: #ffffff;
440
+ }
441
+ .layout-white .range-slider input[type="range"]:after {
442
+ background: #ffffff;
443
+ }
metadata ADDED
@@ -0,0 +1,109 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: framework7_rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Jordan
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2015-02-09 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: railties
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ">"
18
+ - !ruby/object:Gem::Version
19
+ version: '3.1'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ">"
25
+ - !ruby/object:Gem::Version
26
+ version: '3.1'
27
+ - !ruby/object:Gem::Dependency
28
+ name: bundler
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '1.7'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '1.7'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rake
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '10.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '10.0'
55
+ description: Adds support for Framework7 to the Asset Pipeline.
56
+ email:
57
+ - jordan@51shepherd.com
58
+ executables: []
59
+ extensions: []
60
+ extra_rdoc_files: []
61
+ files:
62
+ - ".gitignore"
63
+ - Gemfile
64
+ - LICENSE.txt
65
+ - README.md
66
+ - Rakefile
67
+ - framework7_rails.gemspec
68
+ - lib/framework7_rails.rb
69
+ - lib/framework7_rails/version.rb
70
+ - vendor/assets/images/i-f7.png
71
+ - vendor/assets/images/i-form-calendar.png
72
+ - vendor/assets/images/i-form-comment.png
73
+ - vendor/assets/images/i-form-email.png
74
+ - vendor/assets/images/i-form-gender.png
75
+ - vendor/assets/images/i-form-name.png
76
+ - vendor/assets/images/i-form-password.png
77
+ - vendor/assets/images/i-form-settings.png
78
+ - vendor/assets/images/i-form-tel.png
79
+ - vendor/assets/images/i-form-toggle.png
80
+ - vendor/assets/images/i-form-url.png
81
+ - vendor/assets/javascripts/framework7.js
82
+ - vendor/assets/stylesheets/framework7.css
83
+ - vendor/assets/stylesheets/framework7.rtl.css
84
+ - vendor/assets/stylesheets/framework7.themes.css
85
+ homepage: https://github.com/pracstrat/framework7_rails
86
+ licenses:
87
+ - MIT
88
+ metadata: {}
89
+ post_install_message:
90
+ rdoc_options: []
91
+ require_paths:
92
+ - lib
93
+ required_ruby_version: !ruby/object:Gem::Requirement
94
+ requirements:
95
+ - - ">="
96
+ - !ruby/object:Gem::Version
97
+ version: '0'
98
+ required_rubygems_version: !ruby/object:Gem::Requirement
99
+ requirements:
100
+ - - ">="
101
+ - !ruby/object:Gem::Version
102
+ version: '0'
103
+ requirements: []
104
+ rubyforge_project:
105
+ rubygems_version: 2.4.3
106
+ signing_key:
107
+ specification_version: 4
108
+ summary: Framework7 for Rails 3.1+ Asset Pipeline.
109
+ test_files: []