framework7rails 3.0.0 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (212) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/framework7rails/version.rb +2 -2
  4. data/update_from_vendor.rb +1 -1
  5. data/vendor/assets/javascripts/framework7.js +5806 -2303
  6. data/vendor/assets/javascripts/framework7.js.map +1 -1
  7. data/vendor/assets/stylesheets/framework7.css +2164 -464
  8. data/vendor/assets/stylesheets/framework7.themes.css +189 -25
  9. metadata +2 -205
  10. data/Framework7-0.9.6/.gitignore +0 -5
  11. data/Framework7-0.9.6/.jshintrc +0 -33
  12. data/Framework7-0.9.6/.travis.yml +0 -5
  13. data/Framework7-0.9.6/CHANGELOG.md +0 -342
  14. data/Framework7-0.9.6/Gruntfile.js +0 -560
  15. data/Framework7-0.9.6/LICENSE +0 -20
  16. data/Framework7-0.9.6/README.md +0 -113
  17. data/Framework7-0.9.6/apps/todo7/css/todo7.css +0 -208
  18. data/Framework7-0.9.6/apps/todo7/img/Icon-152.png +0 -0
  19. data/Framework7-0.9.6/apps/todo7/img/bg.jpg +0 -0
  20. data/Framework7-0.9.6/apps/todo7/img/icon-114.png +0 -0
  21. data/Framework7-0.9.6/apps/todo7/img/icon-120.png +0 -0
  22. data/Framework7-0.9.6/apps/todo7/img/icon-144.png +0 -0
  23. data/Framework7-0.9.6/apps/todo7/img/icon-57.png +0 -0
  24. data/Framework7-0.9.6/apps/todo7/img/icon-72.png +0 -0
  25. data/Framework7-0.9.6/apps/todo7/img/icon-76.png +0 -0
  26. data/Framework7-0.9.6/apps/todo7/index.html +0 -112
  27. data/Framework7-0.9.6/apps/todo7/jade/index.jade +0 -99
  28. data/Framework7-0.9.6/apps/todo7/js/todo7.js +0 -102
  29. data/Framework7-0.9.6/apps/todo7/less/todo7.less +0 -221
  30. data/Framework7-0.9.6/apps/todo7/manifest.php +0 -27
  31. data/Framework7-0.9.6/apps/weather7/css/weather7.css +0 -291
  32. data/Framework7-0.9.6/apps/weather7/img/bg.jpg +0 -0
  33. data/Framework7-0.9.6/apps/weather7/img/icon-114.png +0 -0
  34. data/Framework7-0.9.6/apps/weather7/img/icon-120.png +0 -0
  35. data/Framework7-0.9.6/apps/weather7/img/icon-144.png +0 -0
  36. data/Framework7-0.9.6/apps/weather7/img/icon-152.png +0 -0
  37. data/Framework7-0.9.6/apps/weather7/img/icon-57.png +0 -0
  38. data/Framework7-0.9.6/apps/weather7/img/icon-72.png +0 -0
  39. data/Framework7-0.9.6/apps/weather7/img/icon-76.png +0 -0
  40. data/Framework7-0.9.6/apps/weather7/img/logo.png +0 -0
  41. data/Framework7-0.9.6/apps/weather7/img/yahoo-logo.png +0 -0
  42. data/Framework7-0.9.6/apps/weather7/index.html +0 -127
  43. data/Framework7-0.9.6/apps/weather7/jade/index.jade +0 -113
  44. data/Framework7-0.9.6/apps/weather7/js/weather7.js +0 -213
  45. data/Framework7-0.9.6/apps/weather7/less/weather7.less +0 -294
  46. data/Framework7-0.9.6/apps/weather7/manifest.php +0 -29
  47. data/Framework7-0.9.6/bower.json +0 -30
  48. data/Framework7-0.9.6/dist/about.html +0 -28
  49. data/Framework7-0.9.6/dist/css/framework7.css +0 -4922
  50. data/Framework7-0.9.6/dist/css/framework7.min.css +0 -15
  51. data/Framework7-0.9.6/dist/css/framework7.rtl.css +0 -427
  52. data/Framework7-0.9.6/dist/css/framework7.rtl.min.css +0 -1
  53. data/Framework7-0.9.6/dist/css/framework7.themes.css +0 -279
  54. data/Framework7-0.9.6/dist/css/framework7.themes.min.css +0 -1
  55. data/Framework7-0.9.6/dist/css/my-app.css +0 -0
  56. data/Framework7-0.9.6/dist/form.html +0 -229
  57. data/Framework7-0.9.6/dist/img/i-f7.png +0 -0
  58. data/Framework7-0.9.6/dist/img/i-form-calendar.png +0 -0
  59. data/Framework7-0.9.6/dist/img/i-form-comment.png +0 -0
  60. data/Framework7-0.9.6/dist/img/i-form-email.png +0 -0
  61. data/Framework7-0.9.6/dist/img/i-form-gender.png +0 -0
  62. data/Framework7-0.9.6/dist/img/i-form-name.png +0 -0
  63. data/Framework7-0.9.6/dist/img/i-form-password.png +0 -0
  64. data/Framework7-0.9.6/dist/img/i-form-settings.png +0 -0
  65. data/Framework7-0.9.6/dist/img/i-form-tel.png +0 -0
  66. data/Framework7-0.9.6/dist/img/i-form-toggle.png +0 -0
  67. data/Framework7-0.9.6/dist/img/i-form-url.png +0 -0
  68. data/Framework7-0.9.6/dist/index.html +0 -102
  69. data/Framework7-0.9.6/dist/js/framework7.js +0 -7479
  70. data/Framework7-0.9.6/dist/js/framework7.min.js +0 -18
  71. data/Framework7-0.9.6/dist/js/my-app.js +0 -48
  72. data/Framework7-0.9.6/dist/services.html +0 -28
  73. data/Framework7-0.9.6/examples/split-view-panel/about.html +0 -20
  74. data/Framework7-0.9.6/examples/split-view-panel/css/my-app.css +0 -56
  75. data/Framework7-0.9.6/examples/split-view-panel/index.html +0 -135
  76. data/Framework7-0.9.6/examples/split-view-panel/jade/about.jade +0 -18
  77. data/Framework7-0.9.6/examples/split-view-panel/jade/index.jade +0 -107
  78. data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-1.jade +0 -15
  79. data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-2.jade +0 -15
  80. data/Framework7-0.9.6/examples/split-view-panel/jade/services.jade +0 -18
  81. data/Framework7-0.9.6/examples/split-view-panel/js/my-app.js +0 -15
  82. data/Framework7-0.9.6/examples/split-view-panel/left-page-1.html +0 -19
  83. data/Framework7-0.9.6/examples/split-view-panel/left-page-2.html +0 -19
  84. data/Framework7-0.9.6/examples/split-view-panel/less/my-app.less +0 -62
  85. data/Framework7-0.9.6/examples/split-view-panel/services.html +0 -20
  86. data/Framework7-0.9.6/examples/split-view/about.html +0 -19
  87. data/Framework7-0.9.6/examples/split-view/css/my-app.css +0 -23
  88. data/Framework7-0.9.6/examples/split-view/index.html +0 -135
  89. data/Framework7-0.9.6/examples/split-view/jade/about.jade +0 -15
  90. data/Framework7-0.9.6/examples/split-view/jade/index.jade +0 -107
  91. data/Framework7-0.9.6/examples/split-view/jade/left-page-1.jade +0 -15
  92. data/Framework7-0.9.6/examples/split-view/jade/left-page-2.jade +0 -15
  93. data/Framework7-0.9.6/examples/split-view/jade/services.jade +0 -15
  94. data/Framework7-0.9.6/examples/split-view/js/my-app.js +0 -15
  95. data/Framework7-0.9.6/examples/split-view/left-page-1.html +0 -19
  96. data/Framework7-0.9.6/examples/split-view/left-page-2.html +0 -19
  97. data/Framework7-0.9.6/examples/split-view/less/my-app.less +0 -23
  98. data/Framework7-0.9.6/examples/split-view/services.html +0 -19
  99. data/Framework7-0.9.6/examples/tab-bar/about.html +0 -19
  100. data/Framework7-0.9.6/examples/tab-bar/css/my-app.css +0 -34
  101. data/Framework7-0.9.6/examples/tab-bar/index.html +0 -238
  102. data/Framework7-0.9.6/examples/tab-bar/jade/about.jade +0 -15
  103. data/Framework7-0.9.6/examples/tab-bar/jade/index.jade +0 -189
  104. data/Framework7-0.9.6/examples/tab-bar/jade/services.jade +0 -15
  105. data/Framework7-0.9.6/examples/tab-bar/js/my-app.js +0 -15
  106. data/Framework7-0.9.6/examples/tab-bar/less/my-app.less +0 -35
  107. data/Framework7-0.9.6/examples/tab-bar/services.html +0 -19
  108. data/Framework7-0.9.6/kitchen-sink/about.html +0 -22
  109. data/Framework7-0.9.6/kitchen-sink/accordion.html +0 -171
  110. data/Framework7-0.9.6/kitchen-sink/color-themes.html +0 -42
  111. data/Framework7-0.9.6/kitchen-sink/contacts.html +0 -190
  112. data/Framework7-0.9.6/kitchen-sink/core-features.html +0 -70
  113. data/Framework7-0.9.6/kitchen-sink/css/kitchen-sink.css +0 -233
  114. data/Framework7-0.9.6/kitchen-sink/deep-2.html +0 -22
  115. data/Framework7-0.9.6/kitchen-sink/deep-navbar-2.html +0 -19
  116. data/Framework7-0.9.6/kitchen-sink/deep-navbar-3.html +0 -19
  117. data/Framework7-0.9.6/kitchen-sink/deep-navbar.html +0 -18
  118. data/Framework7-0.9.6/kitchen-sink/forms-buttons.html +0 -64
  119. data/Framework7-0.9.6/kitchen-sink/forms-checkboxes.html +0 -200
  120. data/Framework7-0.9.6/kitchen-sink/forms-elements.html +0 -359
  121. data/Framework7-0.9.6/kitchen-sink/forms-selects.html +0 -72
  122. data/Framework7-0.9.6/kitchen-sink/forms-storage.html +0 -181
  123. data/Framework7-0.9.6/kitchen-sink/forms.html +0 -56
  124. data/Framework7-0.9.6/kitchen-sink/grid.html +0 -140
  125. data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html +0 -42
  126. data/Framework7-0.9.6/kitchen-sink/img/beach.jpg +0 -0
  127. data/Framework7-0.9.6/kitchen-sink/img/lock.jpg +0 -0
  128. data/Framework7-0.9.6/kitchen-sink/img/monkey.jpg +0 -0
  129. data/Framework7-0.9.6/kitchen-sink/img/mountains.jpg +0 -0
  130. data/Framework7-0.9.6/kitchen-sink/index.html +0 -466
  131. data/Framework7-0.9.6/kitchen-sink/infinite-scroll-load.php +0 -19
  132. data/Framework7-0.9.6/kitchen-sink/infinite-scroll.html +0 -119
  133. data/Framework7-0.9.6/kitchen-sink/jade/about.jade +0 -19
  134. data/Framework7-0.9.6/kitchen-sink/jade/accordion.jade +0 -133
  135. data/Framework7-0.9.6/kitchen-sink/jade/color-themes.jade +0 -37
  136. data/Framework7-0.9.6/kitchen-sink/jade/contacts.jade +0 -115
  137. data/Framework7-0.9.6/kitchen-sink/jade/core-features.jade +0 -74
  138. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-2.jade +0 -15
  139. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-3.jade +0 -15
  140. data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar.jade +0 -15
  141. data/Framework7-0.9.6/kitchen-sink/jade/forms-buttons.jade +0 -71
  142. data/Framework7-0.9.6/kitchen-sink/jade/forms-checkboxes.jade +0 -152
  143. data/Framework7-0.9.6/kitchen-sink/jade/forms-elements.jade +0 -239
  144. data/Framework7-0.9.6/kitchen-sink/jade/forms-selects.jade +0 -60
  145. data/Framework7-0.9.6/kitchen-sink/jade/forms-storage.jade +0 -134
  146. data/Framework7-0.9.6/kitchen-sink/jade/forms.jade +0 -52
  147. data/Framework7-0.9.6/kitchen-sink/jade/grid.jade +0 -110
  148. data/Framework7-0.9.6/kitchen-sink/jade/hide-navbar-toolbar.jade +0 -38
  149. data/Framework7-0.9.6/kitchen-sink/jade/index.jade +0 -427
  150. data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade +0 -20
  151. data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade +0 -266
  152. data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade +0 -22
  153. data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade +0 -20
  154. data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade +0 -170
  155. data/Framework7-0.9.6/kitchen-sink/jade/messages.jade +0 -71
  156. data/Framework7-0.9.6/kitchen-sink/jade/modals.jade +0 -36
  157. data/Framework7-0.9.6/kitchen-sink/jade/navbars-toolbars.jade +0 -43
  158. data/Framework7-0.9.6/kitchen-sink/jade/no-navbar-toolbar.jade +0 -7
  159. data/Framework7-0.9.6/kitchen-sink/jade/no-navbar.jade +0 -7
  160. data/Framework7-0.9.6/kitchen-sink/jade/no-toolbar.jade +0 -17
  161. data/Framework7-0.9.6/kitchen-sink/jade/notifications.jade +0 -23
  162. data/Framework7-0.9.6/kitchen-sink/jade/panels.jade +0 -21
  163. data/Framework7-0.9.6/kitchen-sink/jade/photo-browser.jade +0 -36
  164. data/Framework7-0.9.6/kitchen-sink/jade/popover.jade +0 -21
  165. data/Framework7-0.9.6/kitchen-sink/jade/preloader.jade +0 -31
  166. data/Framework7-0.9.6/kitchen-sink/jade/pull-to-refresh.jade +0 -44
  167. data/Framework7-0.9.6/kitchen-sink/jade/searchbar.jade +0 -146
  168. data/Framework7-0.9.6/kitchen-sink/jade/slider-custom.jade +0 -23
  169. data/Framework7-0.9.6/kitchen-sink/jade/slider-horizontal.jade +0 -18
  170. data/Framework7-0.9.6/kitchen-sink/jade/slider-multiple.jade +0 -48
  171. data/Framework7-0.9.6/kitchen-sink/jade/slider-nested.jade +0 -26
  172. data/Framework7-0.9.6/kitchen-sink/jade/slider-space-between.jade +0 -18
  173. data/Framework7-0.9.6/kitchen-sink/jade/slider-vertical.jade +0 -18
  174. data/Framework7-0.9.6/kitchen-sink/jade/slider.jade +0 -57
  175. data/Framework7-0.9.6/kitchen-sink/jade/sortable-list.jade +0 -107
  176. data/Framework7-0.9.6/kitchen-sink/jade/swipe-delete.jade +0 -195
  177. data/Framework7-0.9.6/kitchen-sink/jade/tabbar-labels.jade +0 -54
  178. data/Framework7-0.9.6/kitchen-sink/jade/tabbar.jade +0 -50
  179. data/Framework7-0.9.6/kitchen-sink/jade/tabs.jade +0 -34
  180. data/Framework7-0.9.6/kitchen-sink/jade/transitions.jade +0 -27
  181. data/Framework7-0.9.6/kitchen-sink/js/kitchen-sink.js +0 -442
  182. data/Framework7-0.9.6/kitchen-sink/less/kitchen-sink.less +0 -245
  183. data/Framework7-0.9.6/kitchen-sink/list-view.html +0 -318
  184. data/Framework7-0.9.6/kitchen-sink/login-screen-embedded.html +0 -36
  185. data/Framework7-0.9.6/kitchen-sink/login-screen.html +0 -21
  186. data/Framework7-0.9.6/kitchen-sink/media-lists.html +0 -173
  187. data/Framework7-0.9.6/kitchen-sink/messages.html +0 -84
  188. data/Framework7-0.9.6/kitchen-sink/modals.html +0 -33
  189. data/Framework7-0.9.6/kitchen-sink/navbars-toolbars.html +0 -46
  190. data/Framework7-0.9.6/kitchen-sink/no-navbar-toolbar.html +0 -11
  191. data/Framework7-0.9.6/kitchen-sink/no-navbar.html +0 -11
  192. data/Framework7-0.9.6/kitchen-sink/no-toolbar.html +0 -18
  193. data/Framework7-0.9.6/kitchen-sink/notifications.html +0 -21
  194. data/Framework7-0.9.6/kitchen-sink/panel-right2.html +0 -16
  195. data/Framework7-0.9.6/kitchen-sink/panel-right3.html +0 -16
  196. data/Framework7-0.9.6/kitchen-sink/panels.html +0 -23
  197. data/Framework7-0.9.6/kitchen-sink/photo-browser.html +0 -36
  198. data/Framework7-0.9.6/kitchen-sink/popover.html +0 -21
  199. data/Framework7-0.9.6/kitchen-sink/preloader.html +0 -28
  200. data/Framework7-0.9.6/kitchen-sink/pull-to-refresh.html +0 -52
  201. data/Framework7-0.9.6/kitchen-sink/searchbar.html +0 -233
  202. data/Framework7-0.9.6/kitchen-sink/slider-custom.html +0 -28
  203. data/Framework7-0.9.6/kitchen-sink/slider-horizontal.html +0 -29
  204. data/Framework7-0.9.6/kitchen-sink/slider-multiple.html +0 -89
  205. data/Framework7-0.9.6/kitchen-sink/slider-nested.html +0 -32
  206. data/Framework7-0.9.6/kitchen-sink/slider-space-between.html +0 -29
  207. data/Framework7-0.9.6/kitchen-sink/slider-vertical.html +0 -29
  208. data/Framework7-0.9.6/kitchen-sink/slider.html +0 -54
  209. data/Framework7-0.9.6/kitchen-sink/sortable-list.html +0 -137
  210. data/Framework7-0.9.6/kitchen-sink/swipe-delete.html +0 -216
  211. data/Framework7-0.9.6/kitchen-sink/tabbar-labels.html +0 -51
  212. data/Framework7-0.9.6/kitchen-sink/tabbar.html +0 -0
@@ -1,20 +0,0 @@
1
- The MIT License (MIT)
2
-
3
- Copyright (c) 2014 Vladimir Kharlampidi
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy of
6
- this software and associated documentation files (the "Software"), to deal in
7
- the Software without restriction, including without limitation the rights to
8
- use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9
- the Software, and to permit persons to whom the Software is furnished to do so,
10
- subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17
- FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18
- COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19
- IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20
- CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@@ -1,113 +0,0 @@
1
- [![Stories in Ready](https://badge.waffle.io/nolimits4web/framework7.png?label=ready&title=Ready)](https://waffle.io/nolimits4web/framework7)
2
- [![Build Status](https://travis-ci.org/nolimits4web/Framework7.svg?branch=master)](https://travis-ci.org/nolimits4web/Framework7)
3
- [![devDependency Status](https://david-dm.org/nolimits4web/framework7/dev-status.svg)](https://david-dm.org/nolimits4web/framework7#info=devDependencies)
4
- [![Flattr this git repo](http://api.flattr.com/button/flattr-badge-large.png)](https://flattr.com/submit/auto?user_id=nolimits4web&url=https://github.com/nolimits4web/framework7/&title=Framework7&language=JavaScript&tags=github&category=software)
5
-
6
- Framework7
7
- ==========
8
-
9
- Full Featured HTML Framework For Building iOS7 Apps
10
-
11
- ## Attention!
12
-
13
- Framework7 is on early development stage, so many things may be changed and sorted in a short time.
14
-
15
- ## Getting Started
16
- * Clone/download this repo
17
- * Start building your App from changing Kitchen Sink, or from a clean template from `dist/` folder
18
-
19
- ## Server
20
-
21
- Because Framework7 uses Ajax for navigation between pages you will need a server. So to make it work you should put dist folder (or Kitchen Sink) on a server. Or, as an option, you may use Grunt's server. Just run:
22
-
23
- ```
24
- $ grunt server
25
- ```
26
-
27
- * Kitchen Sink will be available on `http://localhost:3000/kitchen-sink/`
28
- * Dist - on `http://localhost:3000/dist/`
29
-
30
- ## Kitchen Sink
31
-
32
- Framework7' JS and CSS files in Kitchen Sink are temporary linked to `build/` to make development process easier on this stage. So to make it work you need to build Framework7 (see Build section) or to re-link JS and CSS files to `dist/` folder.
33
-
34
- ## Dist vs Build versions
35
-
36
- On production use files (JS and CSS) only from `dist/` folder, there will be the most stable versions, `build/` folder is only for development purpose
37
-
38
- ## Build
39
-
40
- Framework7 uses `grunt` to build a development (build) and dist versions.
41
-
42
- First you need to have `grunt-cli` which you should install globally.
43
-
44
- ```
45
- $ npm install -g grunt-cli
46
- ```
47
-
48
- Then install all dependencies, in repo's root:
49
-
50
- ```
51
- $ npm install
52
- $ grunt build
53
- ```
54
-
55
- The result is available in `build/` folder.
56
-
57
- ## Dist/Release
58
-
59
- After you have made build:
60
-
61
- ```
62
- $ grunt dist
63
- ```
64
-
65
- Distributable version will available in `dist/` folder.
66
-
67
- ## Custom build
68
-
69
- You can build custom version of Framework7 with only required components/modules. For example, if we need to include only Accordion, Modals and Tabs modules in addition to Framework 7 core:
70
-
71
- ```
72
- $ grunt custom:accordion,modals,tabs
73
- ```
74
- After that you will find created `custom/` folder with generated JS and CSS files. Here is the list of available additional modules:
75
-
76
- * accordion
77
- * searchbar
78
- * messages
79
- * modals
80
- * swipeout
81
- * sortable
82
- * smart-select
83
- * pull-to-refresh
84
- * infinite-scroll
85
- * tabs
86
- * fast-clicks
87
- * forms (means Ajax forms and forms storage)
88
- * push-state
89
- * slider
90
- * photo-browser
91
- * notifications
92
-
93
- ## Contributing
94
-
95
- All changes should be commited to `src/` files. Framework7 uses LESS for CSS compliations, and concatenated JS files (look at Gruntfile.js for concat files order)
96
-
97
- If you want to help in Framework7 development and make it event better visit this page: http://www.idangero.us/framework7/contribute/
98
-
99
- ## Forum
100
-
101
- If you have questions about Framework7 or want to help others you are welcome to special forum at http://www.idangero.us/framework7/forum/
102
-
103
- ## Docs
104
-
105
- Documentation available at http://idangero.us/framework7/docs/
106
-
107
- ## Tutorials
108
-
109
- Tutorials available at http://idangero.us/framework7/tutorials/
110
-
111
- ## Showcase
112
-
113
- Appstore apps made with Framework7: http://idangero.us/framework7/showcase/
@@ -1,208 +0,0 @@
1
- body {
2
- background: #000;
3
- }
4
- .view-main {
5
- background: url(../img/bg.jpg) no-repeat center;
6
- -webkit-background-size: cover;
7
- background-size: cover;
8
- -webkit-transform: translate3d(0, 0, 0) scale(1);
9
- -moz-transform: translate3d(0, 0, 0) scale(1);
10
- -ms-transform: translate3d(0, 0, 0) scale(1);
11
- -o-transform: translate3d(0, 0, 0) scale(1);
12
- transform: translate3d(0, 0, 0) scale(1);
13
- -webkit-transition-duration: 400ms;
14
- -moz-transition-duration: 400ms;
15
- -ms-transition-duration: 400ms;
16
- -o-transition-duration: 400ms;
17
- transition-duration: 400ms;
18
- }
19
- .pages,
20
- .page {
21
- background: none;
22
- }
23
- html.ios .page {
24
- overflow: auto;
25
- -webkit-overflow-scrolling: touch;
26
- }
27
- html.ios .page-content {
28
- margin-bottom: 1px;
29
- }
30
- .view-main .navbar {
31
- border-bottom: none;
32
- background: #cc0442;
33
- color: #fff;
34
- }
35
- i.icon-plus {
36
- color: #fff;
37
- }
38
- .todo-items-list {
39
- margin: 0;
40
- color: #fff;
41
- font-weight: 300;
42
- }
43
- .todo-items-list ul {
44
- background: none;
45
- border: none;
46
- }
47
- .todo-items-list .item-title {
48
- font-size: 18px;
49
- }
50
- .todo-items-list .swipeout-content {
51
- background: none;
52
- }
53
- .todo-items-list .item-inner {
54
- padding-top: 18px;
55
- padding-bottom: 16px;
56
- border-bottom-color: rgba(255, 255, 255, 0.2);
57
- }
58
- .todo-items-list .label-checkbox.active-state {
59
- background: rgba(255, 255, 255, 0.2);
60
- }
61
- .todo-items-list .item-content {
62
- border-left: 5px solid;
63
- }
64
- .todo-items-list li[data-color="orange"] .item-content {
65
- border-left-color: #ff8400;
66
- }
67
- .todo-items-list li[data-color="blue"] .item-content {
68
- border-left-color: #089efe;
69
- }
70
- .todo-items-list li[data-color="green"] .item-content {
71
- border-left-color: #2df523;
72
- }
73
- .todo-items-list li[data-color="white"] .item-content {
74
- border-left-color: #fff;
75
- }
76
- .todo-items-list li[data-color="yellow"] .item-content {
77
- border-left-color: #eaff00;
78
- }
79
- .todo-items-list li[data-color="pink"] .item-content {
80
- border-left-color: #cc0442;
81
- }
82
- .todo-items-list li[data-color="purple"] .item-content {
83
- border-left-color: #ff00f0;
84
- }
85
- .todo-items-list li[data-color="cyan"] .item-content {
86
- border-left-color: #00fff6;
87
- }
88
- .popup {
89
- background: rgba(54, 1, 17, 0.7);
90
- }
91
- .popup .navbar {
92
- color: #fff;
93
- background: #680222;
94
- border: none;
95
- }
96
- .popup a.link {
97
- color: #fff;
98
- }
99
- .popup .list-block ul {
100
- background: none;
101
- border: none;
102
- color: #fff;
103
- }
104
- .popup .list-block input {
105
- color: #fff;
106
- }
107
- .popup .item-inner {
108
- border-color: rgba(255, 255, 255, 0.2);
109
- }
110
- .popup .button {
111
- border-color: #fff;
112
- color: #fff;
113
- }
114
- .popup .button.active-state {
115
- background: rgba(255, 255, 255, 0.1);
116
- }
117
- .popup span.color {
118
- display: inline-block;
119
- width: 20px;
120
- height: 20px;
121
- background: #000;
122
- vertical-align: middle;
123
- margin-right: 2px;
124
- -webkit-box-sizing: border-box;
125
- -moz-box-sizing: border-box;
126
- box-sizing: border-box;
127
- border-radius: 100%;
128
- cursor: pointer;
129
- position: relative;
130
- -webkit-transition-duration: 200ms;
131
- -moz-transition-duration: 200ms;
132
- -ms-transition-duration: 200ms;
133
- -o-transition-duration: 200ms;
134
- transition-duration: 200ms;
135
- }
136
- .popup span.color:last-child {
137
- margin-right: 0;
138
- }
139
- .popup span.color[data-color="orange"] {
140
- background: #ff8400;
141
- }
142
- .popup span.color[data-color="pink"] {
143
- background: #cc0442;
144
- }
145
- .popup span.color[data-color="blue"] {
146
- background: #089efe;
147
- }
148
- .popup span.color[data-color="green"] {
149
- background: #2df523;
150
- }
151
- .popup span.color[data-color="yellow"] {
152
- background: #eaff00;
153
- }
154
- .popup span.color[data-color="white"] {
155
- background: #fff;
156
- }
157
- .popup span.color[data-color="purple"] {
158
- background: #ff00f0;
159
- }
160
- .popup span.color[data-color="cyan"] {
161
- background: #00fff6;
162
- }
163
- .popup span.color.selected {
164
- -webkit-transform: translate3d(0, 0, 0) scale(1.25);
165
- -moz-transform: translate3d(0, 0, 0) scale(1.25);
166
- -ms-transform: translate3d(0, 0, 0) scale(1.25);
167
- -o-transform: translate3d(0, 0, 0) scale(1.25);
168
- transform: translate3d(0, 0, 0) scale(1.25);
169
- box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
170
- z-index: 1;
171
- }
172
- @media all and (min-width: 568px) {
173
- .popup span.color {
174
- margin-right: 10px;
175
- }
176
- }
177
- body.with-popup .view-main {
178
- -webkit-transform: translate3d(0, 0px, 0) scale(0.85);
179
- -moz-transform: translate3d(0, 0px, 0) scale(0.85);
180
- -ms-transform: translate3d(0, 0px, 0) scale(0.85);
181
- -o-transform: translate3d(0, 0px, 0) scale(0.85);
182
- transform: translate3d(0, 0px, 0) scale(0.85);
183
- -webkit-filter: blur(5px);
184
- }
185
- body.with-popup .statusbar-overlay {
186
- background: #680222;
187
- }
188
- @media all and (max-width: 629px) and (max-height: 629px) {
189
- body.with-popup .statusbar-overlay {
190
- z-index: 11000;
191
- }
192
- }
193
- .statusbar-overlay {
194
- background: #cc0442;
195
- }
196
- .modal-inner {
197
- background: #cc0442;
198
- color: #fff;
199
- border-bottom: 1px solid #9a0332;
200
- }
201
- .modal-button {
202
- background: #cc0442;
203
- border-right-color: #9a0332;
204
- color: #fff;
205
- }
206
- .modal-button.active-state {
207
- background: #9a0332;
208
- }
Binary file
@@ -1,112 +0,0 @@
1
- <!DOCTYPE html>
2
- <html manifest="manifest.php" class="with-statusbar-overlay">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
6
- <meta name="apple-mobile-web-app-capable" content="yes">
7
- <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
8
- <title>ToDo7</title>
9
- <link rel="stylesheet" href="../../dist/css/framework7.min.css">
10
- <link rel="stylesheet" href="css/todo7.css">
11
- <!-- Favicon-->
12
- <link href="img/icon-57.png" rel="shortcut icon">
13
- <!-- iOS 7 iPad (retina) -->
14
- <link href="img/icon-152.png" sizes="152x152" rel="apple-touch-icon">
15
- <!-- iOS 6 iPad (retina) -->
16
- <link href="img/icon-144.png" sizes="144x144" rel="apple-touch-icon">
17
- <!-- iOS 7 iPhone (retina) -->
18
- <link href="img/icon-120.png" sizes="120x120" rel="apple-touch-icon">
19
- <!-- iOS 6 iPhone (retina) -->
20
- <link href="img/icon-114.png" sizes="114x114" rel="apple-touch-icon">
21
- <!-- iOS 7 iPad -->
22
- <link href="img/icon-76.png" sizes="76x76" rel="apple-touch-icon">
23
- <!-- iOS 6 iPad -->
24
- <link href="img/icon-72.png" sizes="72x72" rel="apple-touch-icon">
25
- <!-- iOS 6 iPhone -->
26
- <link href="img/icon-57.png" sizes="57x57" rel="apple-touch-icon">
27
- </head>
28
- <body>
29
- <!-- Statusbar overlay-->
30
- <div class="statusbar-overlay"></div>
31
- <!-- Views-->
32
- <div class="views">
33
- <div class="view view-main navbar-fixed">
34
- <div class="navbar">
35
- <div class="navbar-inner">
36
- <div class="left"></div>
37
- <div class="center sliding">ToDo7</div>
38
- <div class="right"><a href="#" class="link icon-only open-popup"><i class="icon icon-plus">+</i></a></div>
39
- </div>
40
- </div>
41
- <div class="pages">
42
- <div data-page="index" class="page">
43
- <div class="page-content">
44
- <div class="list-block todo-items-list theme-pink"></div>
45
- </div>
46
- </div>
47
- </div>
48
- </div>
49
- </div>
50
- <!-- Popup to add new task -->
51
- <div class="popup">
52
- <div class="view view-popup navbar-fixed">
53
- <div class="navbar">
54
- <div class="navbar-inner">
55
- <div class="left"></div>
56
- <div class="center sliding">New Task</div>
57
- <div class="right"><a href="#" class="link close-popup">Cancel</a></div>
58
- </div>
59
- </div>
60
- <div class="pages">
61
- <div class="page">
62
- <div class="page-content">
63
- <div class="list-block">
64
- <ul>
65
- <li>
66
- <div class="item-content">
67
- <div class="item-inner">
68
- <div class="item-title label">Task</div>
69
- <div class="item-input">
70
- <input type="text" name="title">
71
- </div>
72
- </div>
73
- </div>
74
- </li>
75
- <li>
76
- <div class="item-content">
77
- <div class="item-inner">
78
- <div class="item-title label">Color</div>
79
- <div class="item-input"><span data-color="orange" class="color selected"></span><span data-color="green" class="color"></span><span data-color="blue" class="color"></span><span data-color="yellow" class="color"></span><span data-color="white" class="color"></span><span data-color="pink" class="color"></span><span data-color="purple" class="color"></span><span data-color="cyan" class="color"></span></div>
80
- </div>
81
- </div>
82
- </li>
83
- </ul>
84
- </div>
85
- <div class="content-block"><a class="button add-task">Add Task</a></div>
86
- </div>
87
- </div>
88
- </div>
89
- </div>
90
- </div>
91
- <!-- Template-->
92
- <script id="todo-item-template" type="text/template">
93
- <ul>{{#each this}}
94
- <li data-color="{{color}}" data-id="{{id}}" class="swipeout">
95
- <div class="swipeout-content">
96
- <label class="label-checkbox item-content"><input type="checkbox" {{checked}}>
97
- <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
98
- <div class="item-inner">
99
- <div class="item-title">{{title}}</div>
100
- </div>
101
- </label>
102
- </div>
103
- <div class="swipeout-actions-right"><a href="#" class="swipeout-delete">Delete</a></div>
104
- </li>{{/each}}
105
- </ul>
106
- </script>
107
- <!-- Path to Framework7 Library JS-->
108
- <script type="text/javascript" src="../../dist/js/framework7.min.js"></script>
109
- <!-- Path to your app js-->
110
- <script type="text/javascript" src="js/todo7.js"></script>
111
- </body>
112
- </html>