framework7rails 3.0.0 → 4.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/lib/framework7rails/version.rb +2 -2
- data/update_from_vendor.rb +1 -1
- data/vendor/assets/javascripts/framework7.js +5806 -2303
- data/vendor/assets/javascripts/framework7.js.map +1 -1
- data/vendor/assets/stylesheets/framework7.css +2164 -464
- data/vendor/assets/stylesheets/framework7.themes.css +189 -25
- metadata +2 -205
- data/Framework7-0.9.6/.gitignore +0 -5
- data/Framework7-0.9.6/.jshintrc +0 -33
- data/Framework7-0.9.6/.travis.yml +0 -5
- data/Framework7-0.9.6/CHANGELOG.md +0 -342
- data/Framework7-0.9.6/Gruntfile.js +0 -560
- data/Framework7-0.9.6/LICENSE +0 -20
- data/Framework7-0.9.6/README.md +0 -113
- data/Framework7-0.9.6/apps/todo7/css/todo7.css +0 -208
- data/Framework7-0.9.6/apps/todo7/img/Icon-152.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/todo7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/todo7/index.html +0 -112
- data/Framework7-0.9.6/apps/todo7/jade/index.jade +0 -99
- data/Framework7-0.9.6/apps/todo7/js/todo7.js +0 -102
- data/Framework7-0.9.6/apps/todo7/less/todo7.less +0 -221
- data/Framework7-0.9.6/apps/todo7/manifest.php +0 -27
- data/Framework7-0.9.6/apps/weather7/css/weather7.css +0 -291
- data/Framework7-0.9.6/apps/weather7/img/bg.jpg +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-114.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-120.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-144.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-152.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-57.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-72.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/icon-76.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/img/yahoo-logo.png +0 -0
- data/Framework7-0.9.6/apps/weather7/index.html +0 -127
- data/Framework7-0.9.6/apps/weather7/jade/index.jade +0 -113
- data/Framework7-0.9.6/apps/weather7/js/weather7.js +0 -213
- data/Framework7-0.9.6/apps/weather7/less/weather7.less +0 -294
- data/Framework7-0.9.6/apps/weather7/manifest.php +0 -29
- data/Framework7-0.9.6/bower.json +0 -30
- data/Framework7-0.9.6/dist/about.html +0 -28
- data/Framework7-0.9.6/dist/css/framework7.css +0 -4922
- data/Framework7-0.9.6/dist/css/framework7.min.css +0 -15
- data/Framework7-0.9.6/dist/css/framework7.rtl.css +0 -427
- data/Framework7-0.9.6/dist/css/framework7.rtl.min.css +0 -1
- data/Framework7-0.9.6/dist/css/framework7.themes.css +0 -279
- data/Framework7-0.9.6/dist/css/framework7.themes.min.css +0 -1
- data/Framework7-0.9.6/dist/css/my-app.css +0 -0
- data/Framework7-0.9.6/dist/form.html +0 -229
- data/Framework7-0.9.6/dist/img/i-f7.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-calendar.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-comment.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-email.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-gender.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-name.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-password.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-settings.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-tel.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-toggle.png +0 -0
- data/Framework7-0.9.6/dist/img/i-form-url.png +0 -0
- data/Framework7-0.9.6/dist/index.html +0 -102
- data/Framework7-0.9.6/dist/js/framework7.js +0 -7479
- data/Framework7-0.9.6/dist/js/framework7.min.js +0 -18
- data/Framework7-0.9.6/dist/js/my-app.js +0 -48
- data/Framework7-0.9.6/dist/services.html +0 -28
- data/Framework7-0.9.6/examples/split-view-panel/about.html +0 -20
- data/Framework7-0.9.6/examples/split-view-panel/css/my-app.css +0 -56
- data/Framework7-0.9.6/examples/split-view-panel/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view-panel/jade/about.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/jade/services.jade +0 -18
- data/Framework7-0.9.6/examples/split-view-panel/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view-panel/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view-panel/less/my-app.less +0 -62
- data/Framework7-0.9.6/examples/split-view-panel/services.html +0 -20
- data/Framework7-0.9.6/examples/split-view/about.html +0 -19
- data/Framework7-0.9.6/examples/split-view/css/my-app.css +0 -23
- data/Framework7-0.9.6/examples/split-view/index.html +0 -135
- data/Framework7-0.9.6/examples/split-view/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/index.jade +0 -107
- data/Framework7-0.9.6/examples/split-view/jade/left-page-1.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/left-page-2.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/split-view/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/split-view/left-page-1.html +0 -19
- data/Framework7-0.9.6/examples/split-view/left-page-2.html +0 -19
- data/Framework7-0.9.6/examples/split-view/less/my-app.less +0 -23
- data/Framework7-0.9.6/examples/split-view/services.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/about.html +0 -19
- data/Framework7-0.9.6/examples/tab-bar/css/my-app.css +0 -34
- data/Framework7-0.9.6/examples/tab-bar/index.html +0 -238
- data/Framework7-0.9.6/examples/tab-bar/jade/about.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/jade/index.jade +0 -189
- data/Framework7-0.9.6/examples/tab-bar/jade/services.jade +0 -15
- data/Framework7-0.9.6/examples/tab-bar/js/my-app.js +0 -15
- data/Framework7-0.9.6/examples/tab-bar/less/my-app.less +0 -35
- data/Framework7-0.9.6/examples/tab-bar/services.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/about.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/accordion.html +0 -171
- data/Framework7-0.9.6/kitchen-sink/color-themes.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/contacts.html +0 -190
- data/Framework7-0.9.6/kitchen-sink/core-features.html +0 -70
- data/Framework7-0.9.6/kitchen-sink/css/kitchen-sink.css +0 -233
- data/Framework7-0.9.6/kitchen-sink/deep-2.html +0 -22
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-2.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar-3.html +0 -19
- data/Framework7-0.9.6/kitchen-sink/deep-navbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/forms-buttons.html +0 -64
- data/Framework7-0.9.6/kitchen-sink/forms-checkboxes.html +0 -200
- data/Framework7-0.9.6/kitchen-sink/forms-elements.html +0 -359
- data/Framework7-0.9.6/kitchen-sink/forms-selects.html +0 -72
- data/Framework7-0.9.6/kitchen-sink/forms-storage.html +0 -181
- data/Framework7-0.9.6/kitchen-sink/forms.html +0 -56
- data/Framework7-0.9.6/kitchen-sink/grid.html +0 -140
- data/Framework7-0.9.6/kitchen-sink/hide-navbar-toolbar.html +0 -42
- data/Framework7-0.9.6/kitchen-sink/img/beach.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/lock.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/monkey.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/img/mountains.jpg +0 -0
- data/Framework7-0.9.6/kitchen-sink/index.html +0 -466
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll-load.php +0 -19
- data/Framework7-0.9.6/kitchen-sink/infinite-scroll.html +0 -119
- data/Framework7-0.9.6/kitchen-sink/jade/about.jade +0 -19
- data/Framework7-0.9.6/kitchen-sink/jade/accordion.jade +0 -133
- data/Framework7-0.9.6/kitchen-sink/jade/color-themes.jade +0 -37
- data/Framework7-0.9.6/kitchen-sink/jade/contacts.jade +0 -115
- data/Framework7-0.9.6/kitchen-sink/jade/core-features.jade +0 -74
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-2.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar-3.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/deep-navbar.jade +0 -15
- data/Framework7-0.9.6/kitchen-sink/jade/forms-buttons.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/forms-checkboxes.jade +0 -152
- data/Framework7-0.9.6/kitchen-sink/jade/forms-elements.jade +0 -239
- data/Framework7-0.9.6/kitchen-sink/jade/forms-selects.jade +0 -60
- data/Framework7-0.9.6/kitchen-sink/jade/forms-storage.jade +0 -134
- data/Framework7-0.9.6/kitchen-sink/jade/forms.jade +0 -52
- data/Framework7-0.9.6/kitchen-sink/jade/grid.jade +0 -110
- data/Framework7-0.9.6/kitchen-sink/jade/hide-navbar-toolbar.jade +0 -38
- data/Framework7-0.9.6/kitchen-sink/jade/index.jade +0 -427
- data/Framework7-0.9.6/kitchen-sink/jade/infinite-scroll.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/list-view.jade +0 -266
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen-embedded.jade +0 -22
- data/Framework7-0.9.6/kitchen-sink/jade/login-screen.jade +0 -20
- data/Framework7-0.9.6/kitchen-sink/jade/media-lists.jade +0 -170
- data/Framework7-0.9.6/kitchen-sink/jade/messages.jade +0 -71
- data/Framework7-0.9.6/kitchen-sink/jade/modals.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/navbars-toolbars.jade +0 -43
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar-toolbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-navbar.jade +0 -7
- data/Framework7-0.9.6/kitchen-sink/jade/no-toolbar.jade +0 -17
- data/Framework7-0.9.6/kitchen-sink/jade/notifications.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/panels.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/photo-browser.jade +0 -36
- data/Framework7-0.9.6/kitchen-sink/jade/popover.jade +0 -21
- data/Framework7-0.9.6/kitchen-sink/jade/preloader.jade +0 -31
- data/Framework7-0.9.6/kitchen-sink/jade/pull-to-refresh.jade +0 -44
- data/Framework7-0.9.6/kitchen-sink/jade/searchbar.jade +0 -146
- data/Framework7-0.9.6/kitchen-sink/jade/slider-custom.jade +0 -23
- data/Framework7-0.9.6/kitchen-sink/jade/slider-horizontal.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-multiple.jade +0 -48
- data/Framework7-0.9.6/kitchen-sink/jade/slider-nested.jade +0 -26
- data/Framework7-0.9.6/kitchen-sink/jade/slider-space-between.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider-vertical.jade +0 -18
- data/Framework7-0.9.6/kitchen-sink/jade/slider.jade +0 -57
- data/Framework7-0.9.6/kitchen-sink/jade/sortable-list.jade +0 -107
- data/Framework7-0.9.6/kitchen-sink/jade/swipe-delete.jade +0 -195
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar-labels.jade +0 -54
- data/Framework7-0.9.6/kitchen-sink/jade/tabbar.jade +0 -50
- data/Framework7-0.9.6/kitchen-sink/jade/tabs.jade +0 -34
- data/Framework7-0.9.6/kitchen-sink/jade/transitions.jade +0 -27
- data/Framework7-0.9.6/kitchen-sink/js/kitchen-sink.js +0 -442
- data/Framework7-0.9.6/kitchen-sink/less/kitchen-sink.less +0 -245
- data/Framework7-0.9.6/kitchen-sink/list-view.html +0 -318
- data/Framework7-0.9.6/kitchen-sink/login-screen-embedded.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/login-screen.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/media-lists.html +0 -173
- data/Framework7-0.9.6/kitchen-sink/messages.html +0 -84
- data/Framework7-0.9.6/kitchen-sink/modals.html +0 -33
- data/Framework7-0.9.6/kitchen-sink/navbars-toolbars.html +0 -46
- data/Framework7-0.9.6/kitchen-sink/no-navbar-toolbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-navbar.html +0 -11
- data/Framework7-0.9.6/kitchen-sink/no-toolbar.html +0 -18
- data/Framework7-0.9.6/kitchen-sink/notifications.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/panel-right2.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panel-right3.html +0 -16
- data/Framework7-0.9.6/kitchen-sink/panels.html +0 -23
- data/Framework7-0.9.6/kitchen-sink/photo-browser.html +0 -36
- data/Framework7-0.9.6/kitchen-sink/popover.html +0 -21
- data/Framework7-0.9.6/kitchen-sink/preloader.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/pull-to-refresh.html +0 -52
- data/Framework7-0.9.6/kitchen-sink/searchbar.html +0 -233
- data/Framework7-0.9.6/kitchen-sink/slider-custom.html +0 -28
- data/Framework7-0.9.6/kitchen-sink/slider-horizontal.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-multiple.html +0 -89
- data/Framework7-0.9.6/kitchen-sink/slider-nested.html +0 -32
- data/Framework7-0.9.6/kitchen-sink/slider-space-between.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider-vertical.html +0 -29
- data/Framework7-0.9.6/kitchen-sink/slider.html +0 -54
- data/Framework7-0.9.6/kitchen-sink/sortable-list.html +0 -137
- data/Framework7-0.9.6/kitchen-sink/swipe-delete.html +0 -216
- data/Framework7-0.9.6/kitchen-sink/tabbar-labels.html +0 -51
- data/Framework7-0.9.6/kitchen-sink/tabbar.html +0 -0
@@ -1,36 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="pages navbar-through">
|
3
|
-
<div data-page="login-screen-embedded" class="page no-toolbar no-navbar no-swipeback">
|
4
|
-
<div class="page-content login-screen-content">
|
5
|
-
<div class="login-screen-title">Framework7</div>
|
6
|
-
<form>
|
7
|
-
<div class="list-block">
|
8
|
-
<ul>
|
9
|
-
<li class="item-content">
|
10
|
-
<div class="item-inner">
|
11
|
-
<div class="item-title label">Username</div>
|
12
|
-
<div class="item-input">
|
13
|
-
<input type="text" name="username" placeholder="Your username"/>
|
14
|
-
</div>
|
15
|
-
</div>
|
16
|
-
</li>
|
17
|
-
<li class="item-content">
|
18
|
-
<div class="item-inner">
|
19
|
-
<div class="item-title label">Password</div>
|
20
|
-
<div class="item-input">
|
21
|
-
<input type="password" name="password" placeholder="Your password"/>
|
22
|
-
</div>
|
23
|
-
</div>
|
24
|
-
</li>
|
25
|
-
</ul>
|
26
|
-
</div>
|
27
|
-
<div class="list-block">
|
28
|
-
<ul>
|
29
|
-
<li><a href="#" class="item-link list-button">Sign In</a></li>
|
30
|
-
</ul>
|
31
|
-
<div class="list-block-label">Some text about login information.<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
|
32
|
-
</div>
|
33
|
-
</form>
|
34
|
-
</div>
|
35
|
-
</div>
|
36
|
-
</div>
|
@@ -1,21 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="navbar">
|
3
|
-
<div class="navbar-inner">
|
4
|
-
<div class="left sliding"><a href="index.html" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
|
5
|
-
<div class="center sliding">Login Screen</div>
|
6
|
-
<div class="right"><a href="#" class="link open-panel icon-only"><i class="icon icon-bars"></i></a></div>
|
7
|
-
</div>
|
8
|
-
</div>
|
9
|
-
<div class="pages navbar-through">
|
10
|
-
<div data-page="login-screen" class="page">
|
11
|
-
<div class="page-content">
|
12
|
-
<div class="content-block">
|
13
|
-
<p>Framework7 comes with ready to use Login Screen layout. It could be used inside of page or inside of popup (Embedded) or as a standalone overlay:</p>
|
14
|
-
</div>
|
15
|
-
<div class="content-block row">
|
16
|
-
<div class="col-50"><a href="login-screen-embedded.html" class="button">Embedded Into Page</a></div>
|
17
|
-
<div class="col-50"><a href="#" class="button open-login-screen">As Overlay</a></div>
|
18
|
-
</div>
|
19
|
-
</div>
|
20
|
-
</div>
|
21
|
-
</div>
|
@@ -1,173 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="navbar">
|
3
|
-
<div class="navbar-inner">
|
4
|
-
<div class="left sliding"><a href="index.html" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
|
5
|
-
<div class="center sliding">Media Lists</div>
|
6
|
-
<div class="right"><a href="#" class="open-panel link icon-only"><i class="icon icon-bars"></i></a></div>
|
7
|
-
</div>
|
8
|
-
</div>
|
9
|
-
<div class="pages navbar-through">
|
10
|
-
<div data-page="media-lists" class="page">
|
11
|
-
<div class="page-content">
|
12
|
-
<div class="content-block">
|
13
|
-
<p>Media Lists are almost the same as Data Lists, but with a more flexible layout for visualization of more complex data, like products, services, userc, etc. You can even use them in <a href="#" data-popover=".popover-music" class="open-popover">popovers</a></p>
|
14
|
-
</div>
|
15
|
-
<div class="content-block-title">Songs</div>
|
16
|
-
<div class="list-block media-list">
|
17
|
-
<ul>
|
18
|
-
<li><a href="#" class="item-link item-content">
|
19
|
-
<div class="item-media"><img src="http://hhhhold.com/160/d/jpg?1" width="80"/></div>
|
20
|
-
<div class="item-inner">
|
21
|
-
<div class="item-title-row">
|
22
|
-
<div class="item-title">Yellow Submarine</div>
|
23
|
-
<div class="item-after">$15</div>
|
24
|
-
</div>
|
25
|
-
<div class="item-subtitle">Beatles</div>
|
26
|
-
<div class="item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
|
27
|
-
</div></a></li>
|
28
|
-
<li><a href="#" class="item-link item-content">
|
29
|
-
<div class="item-media"><img src="http://hhhhold.com/160/d/jpg?2" width="80"/></div>
|
30
|
-
<div class="item-inner">
|
31
|
-
<div class="item-title-row">
|
32
|
-
<div class="item-title">Don't Stop Me Now</div>
|
33
|
-
<div class="item-after">$22</div>
|
34
|
-
</div>
|
35
|
-
<div class="item-subtitle">Queen</div>
|
36
|
-
<div class="item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
|
37
|
-
</div></a></li>
|
38
|
-
<li><a href="#" class="item-link item-content">
|
39
|
-
<div class="item-media"><img src="http://hhhhold.com/160/d/jpg?3" width="80"/></div>
|
40
|
-
<div class="item-inner">
|
41
|
-
<div class="item-title-row">
|
42
|
-
<div class="item-title">Billie Jean</div>
|
43
|
-
<div class="item-after">$16</div>
|
44
|
-
</div>
|
45
|
-
<div class="item-subtitle">Michael Jackson</div>
|
46
|
-
<div class="item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
|
47
|
-
</div></a></li>
|
48
|
-
</ul>
|
49
|
-
</div>
|
50
|
-
<div class="content-block-title">Mail App (With Swipe to delete and overswipes)</div>
|
51
|
-
<div class="list-block media-list">
|
52
|
-
<ul>
|
53
|
-
<li class="swipeout">
|
54
|
-
<div class="swipeout-content"><a href="#" class="item-link item-content">
|
55
|
-
<div class="item-inner">
|
56
|
-
<div class="item-title-row">
|
57
|
-
<div class="item-title">Facebook</div>
|
58
|
-
<div class="item-after">17:14</div>
|
59
|
-
</div>
|
60
|
-
<div class="item-subtitle">New messages from John Doe</div>
|
61
|
-
<div class="item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
|
62
|
-
</div></a></div>
|
63
|
-
<div class="swipeout-actions-left"><a href="#" class="bg-green swipeout-overswipe demo-reply">Reply</a><a href="#" class="demo-forward bg-blue">Forward</a></div>
|
64
|
-
<div class="swipeout-actions-right"><a href="#" class="demo-actions">More</a><a href="#" class="demo-mark bg-orange">Mark</a><a href="#" data-confirm="Are you sure you want to delete this item?" class="swipeout-delete swipeout-overswipe">Delete</a></div>
|
65
|
-
</li>
|
66
|
-
<li class="swipeout">
|
67
|
-
<div class="swipeout-content"><a href="#" class="item-link item-content">
|
68
|
-
<div class="item-inner">
|
69
|
-
<div class="item-title-row">
|
70
|
-
<div class="item-title">John Doe (via Twitter)</div>
|
71
|
-
<div class="item-after">17:11</div>
|
72
|
-
</div>
|
73
|
-
<div class="item-subtitle">John Doe (@_johndoe) mentioned you on Twitter!</div>
|
74
|
-
<div class="item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
|
75
|
-
</div></a></div>
|
76
|
-
<div class="swipeout-actions-left"><a href="#" class="bg-green swipeout-overswipe demo-reply">Reply</a><a href="#" class="demo-forward bg-blue">Forward</a></div>
|
77
|
-
<div class="swipeout-actions-right"><a href="#" class="demo-actions">More</a><a href="#" class="demo-mark bg-orange">Mark</a><a href="#" data-confirm="Are you sure you want to delete this item?" class="swipeout-delete swipeout-overswipe">Delete</a></div>
|
78
|
-
</li>
|
79
|
-
<li class="swipeout">
|
80
|
-
<div class="swipeout-content"><a href="#" class="item-link item-content">
|
81
|
-
<div class="item-inner">
|
82
|
-
<div class="item-title-row">
|
83
|
-
<div class="item-title">Facebook</div>
|
84
|
-
<div class="item-after">16:48</div>
|
85
|
-
</div>
|
86
|
-
<div class="item-subtitle">New messages from John Doe</div>
|
87
|
-
<div class="item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
|
88
|
-
</div></a></div>
|
89
|
-
<div class="swipeout-actions-left"><a href="#" class="bg-green swipeout-overswipe demo-reply">Reply</a><a href="#" class="demo-forward bg-blue">Forward</a></div>
|
90
|
-
<div class="swipeout-actions-right"><a href="#" class="demo-actions">More</a><a href="#" class="demo-mark bg-orange">Mark</a><a href="#" data-confirm="Are you sure you want to delete this item?" class="swipeout-delete swipeout-overswipe">Delete</a></div>
|
91
|
-
</li>
|
92
|
-
<li class="swipeout">
|
93
|
-
<div class="swipeout-content"><a href="#" class="item-link item-content">
|
94
|
-
<div class="item-inner">
|
95
|
-
<div class="item-title-row">
|
96
|
-
<div class="item-title">John Doe (via Twitter)</div>
|
97
|
-
<div class="item-after">15:32</div>
|
98
|
-
</div>
|
99
|
-
<div class="item-subtitle">John Doe (@_johndoe) mentioned you on Twitter!</div>
|
100
|
-
<div class="item-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sagittis tellus ut turpis condimentum, ut dignissim lacus tincidunt. Cras dolor metus, ultrices condimentum sodales sit amet, pharetra sodales eros. Phasellus vel felis tellus. Mauris rutrum ligula nec dapibus feugiat. In vel dui laoreet, commodo augue id, pulvinar lacus.</div>
|
101
|
-
</div></a></div>
|
102
|
-
<div class="swipeout-actions-left"><a href="#" class="bg-green swipeout-overswipe demo-reply">Reply</a><a href="#" class="demo-forward bg-blue">Forward</a></div>
|
103
|
-
<div class="swipeout-actions-right"><a href="#" class="demo-actions">More</a><a href="#" class="demo-mark bg-orange">Mark</a><a href="#" data-confirm="Are you sure you want to delete this item?" class="swipeout-delete swipeout-overswipe">Delete</a></div>
|
104
|
-
</li>
|
105
|
-
</ul>
|
106
|
-
</div>
|
107
|
-
<div class="content-block-title">Something more simple</div>
|
108
|
-
<div class="list-block media-list">
|
109
|
-
<ul>
|
110
|
-
<li>
|
111
|
-
<div class="item-content">
|
112
|
-
<div class="item-media"><img src="http://hhhhold.com/88/d/jpg?13" width="44"/></div>
|
113
|
-
<div class="item-inner">
|
114
|
-
<div class="item-title-row">
|
115
|
-
<div class="item-title">Yellow Submarine</div>
|
116
|
-
</div>
|
117
|
-
<div class="item-subtitle">Beatles</div>
|
118
|
-
</div>
|
119
|
-
</div>
|
120
|
-
</li>
|
121
|
-
<li><a href="#" class="item-link item-content">
|
122
|
-
<div class="item-media"><img src="http://hhhhold.com/88/d/jpg?23" width="44"/></div>
|
123
|
-
<div class="item-inner">
|
124
|
-
<div class="item-title-row">
|
125
|
-
<div class="item-title">Don't Stop Me Now</div>
|
126
|
-
</div>
|
127
|
-
<div class="item-subtitle">Queen</div>
|
128
|
-
</div></a></li>
|
129
|
-
<li>
|
130
|
-
<div class="item-content">
|
131
|
-
<div class="item-media"><img src="http://hhhhold.com/88/d/jpg?33" width="44"/></div>
|
132
|
-
<div class="item-inner">
|
133
|
-
<div class="item-title-row">
|
134
|
-
<div class="item-title">Billie Jean</div>
|
135
|
-
</div>
|
136
|
-
<div class="item-subtitle">Michael Jackson</div>
|
137
|
-
</div>
|
138
|
-
</div>
|
139
|
-
</li>
|
140
|
-
</ul>
|
141
|
-
</div>
|
142
|
-
<div class="content-block-title">Inset</div>
|
143
|
-
<div class="list-block media-list inset">
|
144
|
-
<ul>
|
145
|
-
<li><a href="#" class="item-link item-content">
|
146
|
-
<div class="item-media"><img src="http://hhhhold.com/88/d/jpg?13" width="44"/></div>
|
147
|
-
<div class="item-inner">
|
148
|
-
<div class="item-title-row">
|
149
|
-
<div class="item-title">Yellow Submarine</div>
|
150
|
-
</div>
|
151
|
-
<div class="item-subtitle">Beatles</div>
|
152
|
-
</div></a></li>
|
153
|
-
<li><a href="#" class="item-link item-content">
|
154
|
-
<div class="item-media"><img src="http://hhhhold.com/88/d/jpg?23" width="44"/></div>
|
155
|
-
<div class="item-inner">
|
156
|
-
<div class="item-title-row">
|
157
|
-
<div class="item-title">Don't Stop Me Now</div>
|
158
|
-
</div>
|
159
|
-
<div class="item-subtitle">Queen</div>
|
160
|
-
</div></a></li>
|
161
|
-
<li><a href="#" class="item-link item-content">
|
162
|
-
<div class="item-media"><img src="http://hhhhold.com/88/d/jpg?33" width="44"/></div>
|
163
|
-
<div class="item-inner">
|
164
|
-
<div class="item-title-row">
|
165
|
-
<div class="item-title">Billie Jean</div>
|
166
|
-
</div>
|
167
|
-
<div class="item-subtitle">Michael Jackson</div>
|
168
|
-
</div></a></li>
|
169
|
-
</ul>
|
170
|
-
</div>
|
171
|
-
</div>
|
172
|
-
</div>
|
173
|
-
</div>
|
@@ -1,84 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="navbar">
|
3
|
-
<div class="navbar-inner">
|
4
|
-
<div class="left sliding"><a href="index.html" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
|
5
|
-
<div class="center sliding">Messages</div>
|
6
|
-
<div class="right"><a href="#" class="link open-panel icon-only"><i class="icon icon-bars"></i></a></div>
|
7
|
-
</div>
|
8
|
-
</div>
|
9
|
-
<div class="pages navbar-through">
|
10
|
-
<div data-page="messages" class="page no-toolbar toolbar-fixed">
|
11
|
-
<div class="toolbar messagebar">
|
12
|
-
<div class="toolbar-inner"><a href="#" class="link icon-only"><i class="icon icon-camera"></i></a>
|
13
|
-
<textarea placeholder="Message"></textarea><a href="#" class="link">Send</a>
|
14
|
-
</div>
|
15
|
-
</div>
|
16
|
-
<div class="page-content messages-content">
|
17
|
-
<div class="messages">
|
18
|
-
<div class="messages-date">Sunday, Feb 9,<span>12:58</span></div>
|
19
|
-
<div class="message message-sent">
|
20
|
-
<div class="message-text">Hi, Kate</div>
|
21
|
-
</div>
|
22
|
-
<div class="message message-sent">
|
23
|
-
<div class="message-text">How are you?</div>
|
24
|
-
</div>
|
25
|
-
<div class="message message-received message-with-avatar">
|
26
|
-
<div class="message-name">Kate Johnson</div>
|
27
|
-
<div class="message-text">Hi, i am good</div>
|
28
|
-
<div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-9.jpg)" class="message-avatar"></div>
|
29
|
-
</div>
|
30
|
-
<div class="message message-received message-with-avatar">
|
31
|
-
<div class="message-name">Blue Ninja</div>
|
32
|
-
<div class="message-text">Hi there, I am also fine, thanks! And how are you?</div>
|
33
|
-
<div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-7.jpg)" class="message-avatar"></div>
|
34
|
-
</div>
|
35
|
-
<div class="message message-sent">
|
36
|
-
<div class="message-text">Hey, Blue Ninja! Glad to see you ;)</div>
|
37
|
-
</div>
|
38
|
-
<div class="message message-sent">
|
39
|
-
<div class="message-text">What do you think about my new logo?</div>
|
40
|
-
</div>
|
41
|
-
<div class="messages-date">Wednesday, Feb 12,<span>19:33</span></div>
|
42
|
-
<div class="message message-sent">
|
43
|
-
<div class="message-text">Hey? Any thoughts about my new logo?</div>
|
44
|
-
</div>
|
45
|
-
<div class="messages-date">Thursday, Feb 13,<span>11:20</span></div>
|
46
|
-
<div class="message message-sent">
|
47
|
-
<div class="message-text">Alo...</div>
|
48
|
-
</div>
|
49
|
-
<div class="message message-sent">
|
50
|
-
<div class="message-text">Are you there?</div>
|
51
|
-
</div>
|
52
|
-
<div class="message message-received message-with-avatar">
|
53
|
-
<div class="message-name">Blue Ninja</div>
|
54
|
-
<div class="message-text">Hi, i am here</div>
|
55
|
-
<div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-7.jpg)" class="message-avatar"></div>
|
56
|
-
</div>
|
57
|
-
<div class="message message-received message-with-avatar">
|
58
|
-
<div class="message-name">Blue Ninja</div>
|
59
|
-
<div class="message-text">Your logo is great</div>
|
60
|
-
<div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-7.jpg)" class="message-avatar"></div>
|
61
|
-
</div>
|
62
|
-
<div class="message message-received message-with-avatar">
|
63
|
-
<div class="message-name">Kate Johnson</div>
|
64
|
-
<div class="message-text">Leave me alone!</div>
|
65
|
-
<div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-9.jpg)" class="message-avatar"></div>
|
66
|
-
</div>
|
67
|
-
<div class="message message-sent">
|
68
|
-
<div class="message-text">:(</div>
|
69
|
-
</div>
|
70
|
-
<div class="message message-sent">
|
71
|
-
<div class="message-text">Hey, look, cutest kitten ever!</div>
|
72
|
-
</div>
|
73
|
-
<div class="message message-sent">
|
74
|
-
<div class="message-text"><img src="http://placekitten.com/g/300/400"/></div>
|
75
|
-
</div>
|
76
|
-
<div class="message message-received message-with-avatar">
|
77
|
-
<div class="message-name">Blue Ninja</div>
|
78
|
-
<div class="message-text">Yep</div>
|
79
|
-
<div style="background-image:url(http://lorempixel.com/output/people-q-c-100-100-7.jpg)" class="message-avatar"></div>
|
80
|
-
</div>
|
81
|
-
</div>
|
82
|
-
</div>
|
83
|
-
</div>
|
84
|
-
</div>
|
@@ -1,33 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="navbar">
|
3
|
-
<div class="navbar-inner">
|
4
|
-
<div class="left sliding"><a href="index.html" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
|
5
|
-
<div class="center sliding">Modals</div>
|
6
|
-
<div class="right"><a href="#" class="link open-panel icon-only"><i class="icon icon-bars"></i></a></div>
|
7
|
-
</div>
|
8
|
-
</div>
|
9
|
-
<div class="pages navbar-through">
|
10
|
-
<div data-page="modals" class="page">
|
11
|
-
<div class="page-content">
|
12
|
-
<div class="content-block">
|
13
|
-
<p>There are 1:1 replacements of native Alert, Prompt and Confirm modals. They support callbacks, have very easy api and can be combined with each other. Check these examples:</p>
|
14
|
-
</div>
|
15
|
-
<div class="content-block row">
|
16
|
-
<div class="col-33"><a href="#" class="button demo-alert">Alert</a></div>
|
17
|
-
<div class="col-33"><a href="#" class="button demo-confirm">Confirm</a></div>
|
18
|
-
<div class="col-33"><a href="#" class="button demo-prompt">Prompt</a></div>
|
19
|
-
</div>
|
20
|
-
<div class="content-block row">
|
21
|
-
<div class="col-50"><a href="#" class="button demo-login">Login Modal</a></div>
|
22
|
-
<div class="col-50"><a href="#" class="button demo-password">Password Modal</a></div>
|
23
|
-
</div>
|
24
|
-
<div class="content-block row">
|
25
|
-
<div class="col-50"><a href="#" class="button demo-actions">Action Sheet</a></div>
|
26
|
-
<div class="col-50"><a href="#" data-popup=".demo-popup" class="button open-popup">Popup </a></div>
|
27
|
-
</div>
|
28
|
-
<div class="content-block">
|
29
|
-
<p>Action Sheet could be automatically converted to Popover (for tablets). This button will open Popover on tablets and Action Sheet on phones: <a href="#" style="display:inline-block; vertical-align:middle" class="button demo-actions-popover">Action/Popover</a></p>
|
30
|
-
</div>
|
31
|
-
</div>
|
32
|
-
</div>
|
33
|
-
</div>
|
@@ -1,46 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="navbar">
|
3
|
-
<div class="navbar-inner">
|
4
|
-
<div class="left sliding"><a href="index.html" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
|
5
|
-
<div class="center sliding">Navbars And Toolbars</div>
|
6
|
-
<div class="right"><a href="#" class="link open-panel icon-only"><i class="icon icon-bars"></i></a></div>
|
7
|
-
</div>
|
8
|
-
</div>
|
9
|
-
<div class="pages navbar-through">
|
10
|
-
<div data-page="navbars-toolbars" class="page">
|
11
|
-
<div class="page-content">
|
12
|
-
<div class="list-block">
|
13
|
-
<ul>
|
14
|
-
<li><a href="deep-navbar.html" class="item-link">
|
15
|
-
<div class="item-content">
|
16
|
-
<div class="item-media"><i class="icon icon-f7"></i></div>
|
17
|
-
<div class="item-inner">
|
18
|
-
<div class="item-title">Deep Dynamic Navbar</div>
|
19
|
-
</div>
|
20
|
-
</div></a></li>
|
21
|
-
<li><a href="hide-navbar-toolbar.html" class="item-link">
|
22
|
-
<div class="item-content">
|
23
|
-
<div class="item-media"><i class="icon icon-f7"></i></div>
|
24
|
-
<div class="item-inner">
|
25
|
-
<div class="item-title">Hide Navbar & Toolbar</div>
|
26
|
-
</div>
|
27
|
-
</div></a></li>
|
28
|
-
<li><a href="tabbar.html" class="item-link">
|
29
|
-
<div class="item-content">
|
30
|
-
<div class="item-media"><i class="icon icon-f7"></i></div>
|
31
|
-
<div class="item-inner">
|
32
|
-
<div class="item-title">Tab Bar</div>
|
33
|
-
</div>
|
34
|
-
</div></a></li>
|
35
|
-
<li><a href="tabbar-labels.html" class="item-link">
|
36
|
-
<div class="item-content">
|
37
|
-
<div class="item-media"><i class="icon icon-f7"></i></div>
|
38
|
-
<div class="item-inner">
|
39
|
-
<div class="item-title">Tab Bar With Labels</div>
|
40
|
-
</div>
|
41
|
-
</div></a></li>
|
42
|
-
</ul>
|
43
|
-
</div>
|
44
|
-
</div>
|
45
|
-
</div>
|
46
|
-
</div>
|
@@ -1,11 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="pages navbar-through">
|
3
|
-
<div data-page="no-navbar-toolbar" class="page no-navbar no-toolbar">
|
4
|
-
<div class="page-content">
|
5
|
-
<div class="content-block">
|
6
|
-
<p>On this page Navbar and Toolbar were hidden dynamically. Just add "no-toolbar no-navbar" class to this page to make it work.</p>
|
7
|
-
<p><a href="index.html" class="back button">Go Back </a></p>
|
8
|
-
</div>
|
9
|
-
</div>
|
10
|
-
</div>
|
11
|
-
</div>
|
@@ -1,11 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="pages navbar-through">
|
3
|
-
<div data-page="no-navbar" class="page no-navbar">
|
4
|
-
<div class="page-content">
|
5
|
-
<div class="content-block">
|
6
|
-
<p>On this page Navbar was hidden dynamically. All you need to make it work is just to add "no-navbar" class to this page.</p>
|
7
|
-
<p><a href="index.html" class="back button">Go Back </a></p>
|
8
|
-
</div>
|
9
|
-
</div>
|
10
|
-
</div>
|
11
|
-
</div>
|
@@ -1,18 +0,0 @@
|
|
1
|
-
|
2
|
-
<div class="navbar">
|
3
|
-
<div class="navbar-inner">
|
4
|
-
<div class="left sliding"><a href="index.html" class="back link"><i class="icon icon-back"></i><span>Back</span></a></div>
|
5
|
-
<div class="center sliding">Hide Toolbar</div>
|
6
|
-
<div class="right"><a href="#" class="open-panel link icon-only"><i class="icon icon-bars"></i></a></div>
|
7
|
-
</div>
|
8
|
-
</div>
|
9
|
-
<div class="pages navbar-through">
|
10
|
-
<div data-page="no-toolbar" class="page no-toolbar">
|
11
|
-
<div class="page-content">
|
12
|
-
<div class="content-block">
|
13
|
-
<p>On this page Toolbar was hidden dynamically. Just add "no-toolbar" class to this page to make it work.</p>
|
14
|
-
<p><a href="index.html" class="back button">Go Back </a></p>
|
15
|
-
</div>
|
16
|
-
</div>
|
17
|
-
</div>
|
18
|
-
</div>
|