framework7rails 3.0.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,291 +0,0 @@
1
- html,
2
- body {
3
- overflow: hidden;
4
- height: 100%;
5
- width: 100%;
6
- }
7
- body {
8
- background: #000;
9
- }
10
- /*==============================
11
- Blured effect on views
12
- ==============================*/
13
- .views {
14
- -webkit-transition-duration: 400ms;
15
- -moz-transition-duration: 400ms;
16
- -ms-transition-duration: 400ms;
17
- -o-transition-duration: 400ms;
18
- transition-duration: 400ms;
19
- -webkit-filter: blur(0px);
20
- -webkit-transform: translate3d(0, 0, 0) scale(1);
21
- -moz-transform: translate3d(0, 0, 0) scale(1);
22
- -ms-transform: translate3d(0, 0, 0) scale(1);
23
- -o-transform: translate3d(0, 0, 0) scale(1);
24
- transform: translate3d(0, 0, 0) scale(1);
25
- }
26
- .views.blured {
27
- -webkit-filter: blur(10px);
28
- -webkit-transform: translate3d(0, 0, 0) scale(1.3);
29
- -moz-transform: translate3d(0, 0, 0) scale(1.3);
30
- -ms-transform: translate3d(0, 0, 0) scale(1.3);
31
- -o-transform: translate3d(0, 0, 0) scale(1.3);
32
- transform: translate3d(0, 0, 0) scale(1.3);
33
- }
34
- /*==============================
35
- Pages styling
36
- ==============================*/
37
- .pages {
38
- background: #000;
39
- }
40
- .page[data-page="index"],
41
- .page[data-page="detail"] {
42
- background: none;
43
- background: #000000 url(../img/bg.jpg) no-repeat center;
44
- -webkit-background-size: cover;
45
- background-size: cover;
46
- }
47
- /* iOS over scrolling fix */
48
- html.ios .page {
49
- overflow: auto;
50
- -webkit-overflow-scrolling: touch;
51
- }
52
- html.ios .page-content {
53
- margin-bottom: 1px;
54
- }
55
- /*==============================
56
- Navbar
57
- ==============================*/
58
- .navbar {
59
- border-bottom: none;
60
- background: #2b1127;
61
- color: #fff;
62
- }
63
- span.navbar-logo {
64
- width: 100px;
65
- height: 25px;
66
- background: url(../img/logo.png) no-repeat center;
67
- -webkit-background-size: 100% auto;
68
- background-size: 100% auto;
69
- display: block;
70
- }
71
- i.icon-plus {
72
- color: #fff;
73
- }
74
- /*==============================
75
- Homepage places list
76
- ==============================*/
77
- .places-list {
78
- margin: 0;
79
- color: #fff;
80
- }
81
- .places-list ul {
82
- background: none;
83
- border: none;
84
- border-bottom: 1px solid rgba(255, 255, 255, 0.2);
85
- }
86
- .places-list a.item-link .item-inner,
87
- .places-list .item-inner {
88
- background: none;
89
- padding-right: 15px;
90
- border-bottom-color: rgba(255, 255, 255, 0.2);
91
- }
92
- .places-list li:last-child .item-inner,
93
- .places-list li:last-child a.item-link:active .item-inner {
94
- border-bottom: none;
95
- }
96
- .places-list a.item-link:active {
97
- background: rgba(255, 255, 255, 0.1);
98
- }
99
- .places-list .item-after {
100
- font-size: 41px;
101
- font-weight: 100;
102
- max-height: none;
103
- color: #fff;
104
- }
105
- .places-list .city {
106
- font-size: 25px;
107
- font-weight: 300;
108
- position: relative;
109
- overflow: hidden;
110
- max-width: 100%;
111
- text-overflow: ellipsis;
112
- white-space: nowrap;
113
- }
114
- .places-list .country {
115
- font-size: 14px;
116
- font-weight: 300;
117
- }
118
- .places-list .list-block-label {
119
- text-align: center;
120
- color: #fff;
121
- opacity: 0.6;
122
- }
123
- /*==============================
124
- Search popup styling
125
- ==============================*/
126
- .popup {
127
- background: rgba(25, 18, 15, 0.55);
128
- color: #fff;
129
- }
130
- .popup .navbar {
131
- background: #1c1d21;
132
- }
133
- .popup .navbar .left {
134
- width: 100%;
135
- -webkit-box-flex: 1;
136
- -webkit-flex-shrink: 1;
137
- -ms-flex-shrink: 1;
138
- flex-shrink: 1;
139
- margin-right: 0;
140
- }
141
- .popup .preloader {
142
- position: absolute;
143
- right: 10px;
144
- top: 50%;
145
- margin-top: -10px;
146
- height: 20px;
147
- width: 20px;
148
- display: none;
149
- }
150
- .popup input[type="text"] {
151
- height: 28px;
152
- -webkit-box-sizing: border-box;
153
- -moz-box-sizing: border-box;
154
- box-sizing: border-box;
155
- color: #fff;
156
- padding: 4px 40px 4px 10px;
157
- display: block;
158
- width: 100%;
159
- margin: 0;
160
- border: none;
161
- border-radius: 5px;
162
- background: #000;
163
- -webkit-appearance: none;
164
- appearance: none;
165
- font-family: inherit;
166
- font-size: 14px;
167
- }
168
- .popup .pages,
169
- .popup .page {
170
- background: none;
171
- }
172
- .popup a.link {
173
- color: #fff;
174
- }
175
- .popup .search-results {
176
- list-style: none;
177
- margin: 0 0;
178
- padding: 0 20px 0 18px;
179
- font-size: 16px;
180
- }
181
- .popup .search-results li {
182
- margin: 10px 0;
183
- cursor: pointer;
184
- white-space: nowrap;
185
- max-width: 100%;
186
- position: relative;
187
- overflow: hidden;
188
- text-overflow: ellipsis;
189
- }
190
- .popup .search-results span {
191
- font-size: 14px;
192
- color: rgba(255, 255, 255, 0.8);
193
- font-weight: 300;
194
- margin-left: 5px;
195
- }
196
- /*==============================
197
- Details page styles
198
- ==============================*/
199
- .page[data-page="detail"] {
200
- color: #fff;
201
- }
202
- .detail-city {
203
- margin-top: 20px;
204
- font-size: 31px;
205
- text-align: center;
206
- font-weight: 300;
207
- }
208
- .detail-condition {
209
- text-align: center;
210
- }
211
- .detail-temp {
212
- font-size: 81px;
213
- line-height: 81px;
214
- font-weight: 100;
215
- text-align: center;
216
- }
217
- .list-block.forecast-list {
218
- font-weight: 300;
219
- }
220
- @media all and (min-width: 600px) {
221
- .list-block.forecast-list {
222
- width: 600px;
223
- margin-left: auto;
224
- margin-right: auto;
225
- }
226
- }
227
- .list-block.forecast-list ul {
228
- border: none;
229
- background: rgba(0, 0, 0, 0.2);
230
- }
231
- .list-block.forecast-list .item-inner {
232
- border-bottom-color: rgba(0, 0, 0, 0.3);
233
- }
234
- .list-block.forecast-list li:last-child .item-inner {
235
- border-bottom: none;
236
- }
237
- .list-block.forecast-list span {
238
- display: inline-block;
239
- }
240
- .list-block.forecast-list span.state {
241
- color: #fff;
242
- font-size: 14px;
243
- }
244
- .list-block.forecast-list span.temps {
245
- width: 70px;
246
- margin-left: 15px;
247
- display: inline-block;
248
- text-align: right;
249
- }
250
- .list-block.forecast-list span.temps span {
251
- width: 30px;
252
- }
253
- .list-block.forecast-list span.temps span.high {
254
- color: #fff;
255
- }
256
- /*==============================
257
- Styles for case with statusbar overlay
258
- ==============================*/
259
- html.with-statusbar-overlay .statusbar-overlay {
260
- background: #2b1127;
261
- }
262
- html.with-statusbar-overlay .statusbar-overlay.with-popup-opened {
263
- z-index: 11000;
264
- background: #1c1d21;
265
- }
266
- @media all and (max-width: 630px) and (max-height: 630px) {
267
- html.with-statusbar-overlay .popup {
268
- top: 20px;
269
- height: -webkit-calc(100% - 20px);
270
- height: -moz-calc(100% - 20px);
271
- height: -ms-calc(100% - 20px);
272
- height: calc(100% - 20px);
273
- }
274
- }
275
- /*==============================
276
- Modal
277
- ==============================*/
278
- .modal-inner {
279
- border-bottom: 1px solid #390532;
280
- }
281
- .modal-button {
282
- border-right: 1px solid #390532;
283
- }
284
- .modal-inner,
285
- .modal-button {
286
- color: #fff;
287
- background: rgba(77, 12, 68, 0.9);
288
- }
289
- .modal-button:active {
290
- background: #68095b;
291
- }
@@ -1,127 +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>Weather7</title>
9
- <link rel="stylesheet" href="../../dist/css/framework7.min.css">
10
- <link rel="stylesheet" href="css/weather7.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
- <!-- Main views-->
32
- <div class="views">
33
- <div class="view view-main navbar-through">
34
- <div class="navbar">
35
- <div class="navbar-inner">
36
- <div class="center sliding"><span class="navbar-logo"></span></div>
37
- <div class="right"><a href="#" class="open-popup link icon-only"><i class="icon icon-plus">+</i></a></div>
38
- </div>
39
- </div>
40
- <div class="pages">
41
- <div data-page="index" class="page">
42
- <div class="page-content">
43
- <div class="list-block places-list">
44
- <ul></ul>
45
- <div class="list-block-label"><img src="img/yahoo-logo.png" height="20"></div>
46
- </div>
47
- </div>
48
- </div>
49
- </div>
50
- </div>
51
- </div>
52
- <!-- Search popup-->
53
- <div class="popup">
54
- <div class="view navbar-fixed">
55
- <div class="navbar">
56
- <div class="navbar-inner">
57
- <div class="left">
58
- <input type="text" placeholder="Search city...">
59
- <div class="preloader preloader-white"></div>
60
- </div>
61
- <div class="right"><a href="#" class="link close-popup">Cancel</a></div>
62
- </div>
63
- </div>
64
- <div class="pages">
65
- <div class="page">
66
- <div class="page-content">
67
- <ul class="search-results"></ul>
68
- </div>
69
- </div>
70
- </div>
71
- </div>
72
- </div>
73
- <!-- Templates-->
74
- <script id="search-results-template" type="text/template">
75
-
76
- {{#each this}}
77
- {{#if admin1}}{{#if admin1.content}}
78
- <li data-woeid="{{woeid}}" data-city="{{name}}" data-country="{{country.content}}" class="close-popup">{{name}} <span>{{admin1.content}}, {{country.content}}</span></li>{{/if}}{{/if}}
79
- {{/each}}
80
- </script>
81
- <script id="home-items-template" type="text/template">
82
-
83
- {{#each this}}
84
- <li data-woeid="{{woeid}}" class="swipeout">
85
- <div class="swipeout-content"><a href="#" data-woeid="{{woeid}}" class="item-content item-link">
86
- <div class="item-inner">
87
- <div class="item-title">
88
- <div class="city">{{city}}</div>
89
- <div class="country">{{country}}</div>
90
- </div>
91
- <div class="item-after">{{condition.temp}}&deg;</div>
92
- </div></a></div>
93
- <div class="swipeout-actions-right"><a href="#" class="swipeout-delete">Delete</a></div>
94
- </li>{{/each}}
95
- </script>
96
- <script id="details-template" type="text/template">
97
- <div class="navbar">
98
- <div class="navbar-inner">
99
- <div class="left sliding"><a href="index.html" class="back link"><span class="navbar-logo"></span></a></div>
100
- </div>
101
- </div>
102
- <div class="pages navbar-through">
103
- <div data-page="detail" class="page">
104
- <div class="page-content">
105
- <div class="detail-city">{{city}}</div>
106
- <div class="detail-condition">{{condition.text}}</div>
107
- <div class="detail-temp">{{condition.temp}}&deg;</div>
108
- <div class="list-block forecast-list">
109
- <ul>{{#each forecast}}
110
- <li class="item-content">
111
- <div class="item-inner">
112
- <div class="item-title">{{dayOfWeek date}}</div>
113
- <div class="item-after"><span class="state">{{text}}</span><span class="temps"><span class="high">{{high}}&deg;</span><span class="low">{{low}}&deg;</span></span></div>
114
- </div>
115
- </li>{{/each}}
116
- </ul>
117
- </div>
118
- </div>
119
- </div>
120
- </div>
121
- </script>
122
- <!-- Path to Framework7 Library JS-->
123
- <script type="text/javascript" src="../../dist/js/framework7.min.js"></script>
124
- <!-- Path to your app js-->
125
- <script type="text/javascript" src="js/weather7.js"></script>
126
- </body>
127
- </html>
@@ -1,113 +0,0 @@
1
- doctype
2
- html.with-statusbar-overlay(manifest="manifest.php")
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 Weather7
9
- link(rel="stylesheet", href="../../dist/css/framework7.min.css")
10
- link(rel="stylesheet", href="css/weather7.css")
11
- // Favicon
12
- link(href="img/icon-57.png", rel="shortcut icon")
13
- |
14
- <!-- iOS 7 iPad (retina) -->
15
- <link href="img/icon-152.png" sizes="152x152" rel="apple-touch-icon">
16
- <!-- iOS 6 iPad (retina) -->
17
- <link href="img/icon-144.png" sizes="144x144" rel="apple-touch-icon">
18
- <!-- iOS 7 iPhone (retina) -->
19
- <link href="img/icon-120.png" sizes="120x120" rel="apple-touch-icon">
20
- <!-- iOS 6 iPhone (retina) -->
21
- <link href="img/icon-114.png" sizes="114x114" rel="apple-touch-icon">
22
- <!-- iOS 7 iPad -->
23
- <link href="img/icon-76.png" sizes="76x76" rel="apple-touch-icon">
24
- <!-- iOS 6 iPad -->
25
- <link href="img/icon-72.png" sizes="72x72" rel="apple-touch-icon">
26
- <!-- iOS 6 iPhone -->
27
- <link href="img/icon-57.png" sizes="57x57" rel="apple-touch-icon">
28
- body
29
- // Statusbar overlay
30
- .statusbar-overlay
31
- // Main views
32
- .views
33
- .view.view-main.navbar-through
34
- .navbar
35
- .navbar-inner
36
- .center.sliding
37
- span.navbar-logo
38
- .right
39
- a(href="#").open-popup.link.icon-only
40
- i.icon.icon-plus +
41
- .pages
42
- .page(data-page="index")
43
- .page-content
44
- .list-block.places-list
45
- ul
46
- .list-block-label
47
- img(src="img/yahoo-logo.png", height="20")
48
- // Search popup
49
- .popup
50
- .view.navbar-fixed
51
- .navbar
52
- .navbar-inner
53
- .left
54
- input(type="text", placeholder="Search city...")
55
- .preloader.preloader-white
56
- .right
57
- a(href="#").link.close-popup Cancel
58
- .pages
59
- .page
60
- .page-content
61
- ul.search-results
62
- // Templates
63
- script(id="search-results-template", type="text/template")
64
- {{#each this}}
65
- {{#if admin1}}{{#if admin1.content}}
66
- li.close-popup(data-woeid="{{woeid}}", data-city="{{name}}", data-country="{{country.content}}")
67
- | {{name}}
68
- span {{admin1.content}}, {{country.content}}
69
- {{/if}}{{/if}}
70
- {{/each}}
71
-
72
- script(id="home-items-template", type="text/template")
73
- {{#each this}}
74
- li.swipeout(data-woeid="{{woeid}}")
75
- .swipeout-content
76
- a(href="#", data-woeid="{{woeid}}").item-content.item-link
77
- .item-inner
78
- .item-title
79
- .city {{city}}
80
- .country {{country}}
81
- .item-after {{condition.temp}}&deg;
82
- .swipeout-actions-right
83
- a(href="#").swipeout-delete Delete
84
- {{/each}}
85
- script(id="details-template", type="text/template")
86
- .navbar
87
- .navbar-inner
88
- .left.sliding
89
- a(href="index.html").back.link
90
- span.navbar-logo
91
- .pages.navbar-through
92
- .page(data-page="detail")
93
- .page-content
94
- .detail-city {{city}}
95
- .detail-condition {{condition.text}}
96
- .detail-temp {{condition.temp}}&deg;
97
- .list-block.forecast-list
98
- ul
99
- {{#each forecast}}
100
- li.item-content
101
- .item-inner
102
- .item-title {{dayOfWeek date}}
103
- .item-after
104
- span.state {{text}}
105
- span.temps
106
- span.high {{high}}&deg;
107
- span.low {{low}}&deg;
108
- {{/each}}
109
-
110
- // Path to Framework7 Library JS
111
- script(type="text/javascript", src="../../dist/js/framework7.min.js")
112
- // Path to your app js
113
- script(type="text/javascript", src="js/weather7.js")