formstone
Version:
Library of modular front end components.
2 lines • 7.31 kB
CSS
/*! formstone v1.4.7 [navigation.css] 2018-05-22 | GPL-3.0 License | formstone.it */
.fs-light.fs-navigation-enabled{margin:0}.fs-navigation,.fs-navigation *,.fs-navigation :after,.fs-navigation :before,.fs-navigation:after,.fs-navigation:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:none;transition:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-light.fs-navigation-toggle-nav.fs-navigation-enabled{background:#fff;border:1px solid #607d8b;border-width:0 1px 1px;border-radius:0 0 2px 2px;padding:20px}.fs-light.fs-navigation-toggle-handle.fs-navigation-enabled{width:100%;background:#fff;border:1px solid #607d8b;border-radius:2px;color:#263238;cursor:pointer;display:block;font-size:14px;height:40px;line-height:40px;margin:0;padding:0 45px 0 15px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-light.fs-navigation-toggle-handle.fs-navigation-enabled.fs-navigation-focus,.no-touchevents .fs-light.fs-navigation-toggle-handle.fs-navigation-enabled:hover{background:#cfd8dc}.fs-light.fs-navigation-toggle-handle.fs-navigation-open{border-radius:2px 2px 0 0}.fs-light.fs-navigation-overlay-nav.fs-navigation-enabled,.fs-light.fs-navigation-push-nav.fs-navigation-enabled,.fs-light.fs-navigation-reveal-nav.fs-navigation-enabled{background:#eceff1;padding:20px}.fs-light.fs-navigation-push-nav.fs-navigation-enabled,.fs-light.fs-navigation-reveal-nav.fs-navigation-enabled{visibility:hidden}.fs-light.fs-navigation-reveal-nav.fs-navigation-animated{-webkit-transition:visibility 1ms linear .2s;transition:visibility 1ms linear .2s}.fs-light.fs-navigation-overlay-nav.fs-navigation-animated,.fs-light.fs-navigation-push-nav.fs-navigation-animated{-webkit-transition:visibility 1ms linear .2s,-webkit-box-shadow 1ms linear .2s,-webkit-transform .2s ease;transition:visibility 1ms linear .2s,-webkit-box-shadow 1ms linear .2s,-webkit-transform .2s ease;transition:box-shadow 1ms linear .2s,transform .2s ease,visibility 1ms linear .2s;transition:box-shadow 1ms linear .2s,transform .2s ease,visibility 1ms linear .2s,-webkit-box-shadow 1ms linear .2s,-webkit-transform .2s ease}.fs-light.fs-navigation-push-nav.fs-navigation-enabled,.fs-light.fs-navigation-reveal-nav.fs-navigation-enabled{z-index:0}.fs-light.fs-navigation-overlay-left-nav.fs-navigation-enabled,.fs-light.fs-navigation-push-left-nav.fs-navigation-enabled{-webkit-transform:translate3D(-270px,0,0);transform:translate3D(-270px,0,0)}.fs-light.fs-navigation-overlay-right-nav.fs-navigation-enabled,.fs-light.fs-navigation-push-right-nav.fs-navigation-enabled{-webkit-transform:translate3D(270px,0,0);transform:translate3D(270px,0,0)}.fs-light.fs-navigation-overlay-nav.fs-navigation-enabled{z-index:3;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15)}.fs-light.fs-navigation-overlay-left-nav.fs-navigation-open{-webkit-box-shadow:2px 0 2px rgba(0,0,0,.15);box-shadow:2px 0 2px rgba(0,0,0,.15)}.fs-light.fs-navigation-overlay-right-nav.fs-navigation-open{-webkit-box-shadow:-2px 0 2px rgba(0,0,0,.15);box-shadow:-2px 0 2px rgba(0,0,0,.15)}.fs-light.fs-navigation-reveal-nav.fs-navigation-open{visibility:visible;-webkit-transition:visibility 1ms ease;transition:visibility 1ms ease}.fs-light.fs-navigation-overlay-nav.fs-navigation-open,.fs-light.fs-navigation-push-nav.fs-navigation-open{-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0);-webkit-transition:visibility 1ms ease,-webkit-box-shadow 1ms ease,-webkit-transform .2s ease;transition:visibility 1ms ease,-webkit-box-shadow 1ms ease,-webkit-transform .2s ease;transition:box-shadow 1ms ease,transform .2s ease,visibility 1ms ease;transition:box-shadow 1ms ease,transform .2s ease,visibility 1ms ease,-webkit-box-shadow 1ms ease,-webkit-transform .2s ease;visibility:visible}.fs-light.fs-navigation-overlay-handle.fs-navigation-enabled,.fs-light.fs-navigation-push-handle.fs-navigation-enabled,.fs-light.fs-navigation-reveal-handle.fs-navigation-enabled{background:#fff;border:1px solid #607d8b;border-radius:2px;color:#263238;cursor:pointer;display:block;font-size:14px;height:40px;line-height:40px;margin:0;padding:0 45px 0 15px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fs-light.fs-navigation-overlay-handle.fs-navigation-enabled.fs-navigation-focus,.fs-light.fs-navigation-push-handle.fs-navigation-enabled.fs-navigation-focus,.fs-light.fs-navigation-reveal-handle.fs-navigation-enabled.fs-navigation-focus,.no-touchevents .fs-light.fs-navigation-overlay-handle.fs-navigation-enabled:hover,.no-touchevents .fs-light.fs-navigation-push-handle.fs-navigation-enabled:hover,.no-touchevents .fs-light.fs-navigation-reveal-handle.fs-navigation-enabled:hover{background:#cfd8dc}.fs-light.fs-navigation-overlay-content:before{background:#fff;background:rgba(255,255,255,.75);opacity:0;-webkit-transition:opacity .2s ease,visibility .2s ease;transition:opacity .2s ease,visibility .2s ease;visibility:hidden}.fs-light.fs-navigation-overlay-content.fs-navigation-open:before{opacity:1;visibility:visible}.fs-light.fs-navigation-push-content.fs-navigation-enabled,.fs-light.fs-navigation-reveal-content.fs-navigation-enabled{z-index:1;-webkit-box-shadow:0 0 2px rgba(0,0,0,.15);box-shadow:0 0 2px rgba(0,0,0,.15);-webkit-transform:translate3D(0,0,0);transform:translate3D(0,0,0)}.fs-light.fs-navigation-push-content.fs-navigation-animated,.fs-light.fs-navigation-reveal-content.fs-navigation-animated{-webkit-transition:-webkit-box-shadow .2s ease,-webkit-transform .2s ease;transition:-webkit-box-shadow .2s ease,-webkit-transform .2s ease;transition:box-shadow .2s ease,transform .2s ease;transition:box-shadow .2s ease,transform .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease}.fs-light.fs-navigation-push-left-content.fs-navigation-enabled,.fs-light.fs-navigation-reveal-left-content.fs-navigation-enabled{-webkit-box-shadow:-2px 0 2px rgba(0,0,0,.15);box-shadow:-2px 0 2px rgba(0,0,0,.15)}.fs-light.fs-navigation-push-right-content.fs-navigation-enabled,.fs-light.fs-navigation-reveal-right-content.fs-navigation-enabled{-webkit-box-shadow:2px 0 2px rgba(0,0,0,.15);box-shadow:2px 0 2px rgba(0,0,0,.15)}.fs-light.fs-navigation-push-left-content.fs-navigation-open,.fs-light.fs-navigation-reveal-left-content.fs-navigation-open{-webkit-transform:translate3D(270px,0,0);transform:translate3D(270px,0,0)}.fs-light.fs-navigation-push-right-content.fs-navigation-open,.fs-light.fs-navigation-reveal-right-content.fs-navigation-open{-webkit-transform:translate3D(-270px,0,0);transform:translate3D(-270px,0,0)}.fs-light.fs-navigation-handle.fs-navigation-enabled{position:relative}.fs-light.fs-navigation-handle.fs-navigation-enabled:after{height:3px;width:15px;position:absolute;top:0;right:15px;bottom:0;background:#607d8b;-webkit-box-shadow:0 5px 0 #607d8b,0 -5px 0 #607d8b;box-shadow:0 5px 0 #607d8b,0 -5px 0 #607d8b;content:'';display:block;margin:auto 0}.fs-light.fs-navigation-handle.fs-navigation-open:after{width:15px;height:15px;background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none;color:#607d8b;content:"\00d7";font-size:22px;font-weight:700;line-height:13px;text-align:center}