Permalink
Browse files
- Added gulp and `dist` files
- Added package.json file - Added gitignore - Improved credits in CSS and JS files
- Loading branch information
Showing
with
1,478 additions
and 313 deletions.
- +3 −0 .gitignore
- +128 −0 dist/jquery.pagepiling.css
- +928 −0 dist/jquery.pagepiling.js
- +9 −0 dist/jquery.pagepiling.min.css
- +1 −0 dist/jquery.pagepiling.min.css.map
- +10 −0 dist/jquery.pagepiling.min.js
- +1 −0 dist/jquery.pagepiling.min.js.map
- +322 −307 examples/examples.css
- +34 −0 gulpfile.js
- +3 −4 jquery.pagepiling.css
- +2 −2 jquery.pagepiling.js
- +37 −0 package.json
| @@ -0,0 +1,3 @@ | ||
| .DS_Store | ||
| bower_components/ | ||
| /node_modules |
| @@ -0,0 +1,128 @@ | ||
| /*! | ||
| * pagepiling.js 1.5.3 | ||
| * | ||
| * https://github.com/alvarotrigo/pagePiling.js | ||
| * @license MIT licensed | ||
| * | ||
| * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo | ||
| */ | ||
| html, body { | ||
| overflow:hidden; | ||
| margin:0; | ||
| padding:0; | ||
|
|
||
| /*Avoid flicker on slides transitions for mobile phones #336 */ | ||
| -webkit-tap-highlight-color: rgba(0,0,0,0); | ||
| } | ||
| .pp-section { | ||
| height:100%; | ||
| position:absolute; | ||
| width:100%; | ||
| } | ||
| .pp-easing { | ||
| -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| /* custom */ | ||
| -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990); | ||
| /* custom */ | ||
| } | ||
| #pp-nav { | ||
| position: fixed; | ||
| z-index: 100; | ||
| margin-top: -32px; | ||
| top: 50%; | ||
| opacity: 1; | ||
| } | ||
| #pp-nav.right { | ||
| right: 17px; | ||
| } | ||
| #pp-nav.left { | ||
| left: 17px; | ||
| } | ||
| .pp-section.pp-table{ | ||
| display: table; | ||
| } | ||
| .pp-tableCell { | ||
| display: table-cell; | ||
| vertical-align: middle; | ||
| width: 100%; | ||
| height: 100%; | ||
| } | ||
| .pp-slidesNav{ | ||
| position: absolute; | ||
| z-index: 4; | ||
| left: 50%; | ||
| opacity: 1; | ||
| } | ||
| .pp-slidesNav.bottom { | ||
| bottom: 17px; | ||
| } | ||
| .pp-slidesNav.top { | ||
| top: 17px; | ||
| } | ||
| #pp-nav ul, | ||
| .pp-slidesNav ul { | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| #pp-nav li, | ||
| .pp-slidesNav li { | ||
| display: block; | ||
| width: 14px; | ||
| height: 13px; | ||
| margin: 7px; | ||
| position:relative; | ||
| } | ||
| .pp-slidesNav li { | ||
| display: inline-block; | ||
| } | ||
| #pp-nav li a, | ||
| .pp-slidesNav li a { | ||
| display: block; | ||
| position: relative; | ||
| z-index: 1; | ||
| width: 100%; | ||
| height: 100%; | ||
| cursor: pointer; | ||
| text-decoration: none; | ||
| } | ||
| #pp-nav li .active span, | ||
| .pp-slidesNav .active span { | ||
| background: #333; | ||
| } | ||
| #pp-nav span, | ||
| .pp-slidesNav span { | ||
| top: 2px; | ||
| left: 2px; | ||
| width: 8px; | ||
| height: 8px; | ||
| border: 1px solid #000; | ||
| background: rgba(0, 0, 0, 0); | ||
| border-radius: 50%; | ||
| position: absolute; | ||
| z-index: 1; | ||
| } | ||
| .pp-tooltip { | ||
| position: absolute; | ||
| top: -2px; | ||
| color: #fff; | ||
| font-size: 14px; | ||
| font-family: arial, helvetica, sans-serif; | ||
| white-space: nowrap; | ||
| max-width: 220px; | ||
| } | ||
| .pp-tooltip.right { | ||
| right: 20px; | ||
| } | ||
| .pp-tooltip.left { | ||
| left: 20px; | ||
| } | ||
| .pp-scrollable{ | ||
| overflow-y: scroll; | ||
| height: 100%; | ||
| } |
Oops, something went wrong.