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,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")