forked from FormstoneClassic/Shifter
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjquery.fs.shifter.min.css
9 lines (8 loc) · 3.19 KB
/
jquery.fs.shifter.min.css
1
2
3
4
5
6
7
8
9
/*
* Shifter v3.1.2 - 2015-04-04
* A jQuery plugin for simple slide-out mobile navigation. Part of the Formstone Library.
* http://classic.formstone.it/shifter/
*
* Copyright 2015 Ben Plum; MIT Licensed
*/
.shifter-open{overflow:hidden}.shifter-open .shifter-page *,.shifter-open .shifter-header *{pointer-events:none}.shifter-navigation{display:none;opacity:0}.shifter-handle{display:none}.shifter-enabled .shifter-page{min-height:100%;position:relative;z-index:1;background:#fff;box-shadow:2px 0 2px rgba(0,0,0,.15);display:block;overflow:hidden}.shifter-enabled.shifter-left .shifter-page{box-shadow:-2px 0 2px rgba(0,0,0,.15)}.shifter-enabled .shifter-navigation{width:270px;height:100%;position:fixed;top:0;z-index:0;background:#fff;display:block;overflow:auto;pointer-events:none;-webkit-transition:opacity .001s linear .2s,-webkit-transform .2s ease;transition:opacity .001s linear .2s,transform .2s ease}.shifter-enabled .shifter-page,.shifter-enabled .shifter-header,.shifter-enabled .shifter-navigation{-webkit-backface-visibility:hidden;backface-visibility:hidden}.shifter-enabled .shifter-page,.shifter-enabled .shifter-header{-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-webkit-transition:-webkit-transform .2s ease;transition:transform .2s ease}.shifter-enabled .shifter-handle{width:30px;height:30px;position:relative;background:#fff;cursor:pointer;display:block;overflow:hidden;text-indent:200%;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.shifter-enabled .shifter-handle:after{height:3px;width:20px;position:absolute;top:0;right:0;bottom:0;left:0;background:#666;box-shadow:0 5px 0 #666,0 -5px 0 #666;content:'';display:block;margin:auto}.shifter-enabled .shifter-navigation{right:0;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}.shifter-open .shifter-page,.shifter-open .shifter-header{-webkit-transform:translate3D(-270px,0,0);-ms-transform:translate3D(-270px,0,0);transform:translate3D(-270px,0,0)}.shifter-enabled.shifter-left .shifter-navigation{left:0;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}.shifter-enabled.shifter-left.shifter-open .shifter-page,.shifter-enabled.shifter-left.shifter-open .shifter-header{-webkit-transform:translate3D(270px,0,0);-ms-transform:translate3D(270px,0,0);transform:translate3D(270px,0,0)}.shifter-open .shifter-navigation{opacity:1;pointer-events:all;-webkit-transform:translate3D(0,0,0);-ms-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-webkit-transition:opacity .001s linear 0s,-webkit-transform .2s ease;transition:opacity .001s linear 0s,transform .2s ease}.no-csstransforms3d .shifter-enabled.shifter-navigation{right:-270px}.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation{left:-270px}.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page{left:-270px}.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation{right:0}.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page{left:auto;right:-270px}.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation{left:0}