|
|
/* * # Semantic UI * Version: 0.16.1 * http://github.com/jlukic/semantic-ui * * * Copyright 2014 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * * Released: 09/05/2014 */
.ui.sidebar{position:fixed;top:0;left:0;visibility:hidden;background:#191919;height:100%!important;width:260px!important;border-radius:0!important;margin:0!important;-webkit-transition:none;transition:none;will-change:transform;overflow-y:auto!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pushable{background:#333!important;position:relative;height:100%;overflow-x:hidden}.pushable>.pusher{background:#333;height:100%;z-index:1002;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable>.pusher>.page{position:relative;min-height:100%;background:#fcfcfc}.pushable>.pusher>.page:after{position:absolute;top:0;right:0;content:'';background-color:rgba(0,0,0,.4);width:0;height:0;overflow:hidden;opacity:0;z-index:1003;-webkit-transition:opacity .5s;transition:opacity .5s;will-change:opacity}.pushable.pushed{overflow-x:hidden}.pushable.pushed>.pusher>.page:after{width:100%!important;height:100%!important;opacity:1!important}.pushable.pushed>.pusher{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}.pushable.active>.visible.sidebar{-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:9999}.pushable.hide>.pusher,.pushable.hide>.visible.sidebar,.pushable.show>.pusher,.pushable.show>.visible.sidebar{-webkit-backface-visibility:hidden;backface-visibility:hidden}.pushable>.visible.ui.sidebar{visibility:visible}.ui.styled.sidebar{background-color:#FFF;padding:1em 1.25em;border-right:1px solid #DDD}.pushable.overlay>.visible.ui.sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:1004}.pushable.overlay.pushed .visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.pushable.overlay.hide>.visible.ui.sidebar,.pushable.overlay.show>.visible.ui.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable.push>.pusher{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.pushable.push>.visible.ui.sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.pushable.push.pushed>.visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.pushable.push.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.push.hide>.visible.ui.sidebar,.pushable.push.show>.visible.ui.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable.safe>.pusher{position:relative;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;transition:none!important}.pushable.safe.pushed{margin-left:260px!important}.pushable.safe.hide,.pushable.safe.show{-webkit-transition:margin .5s ease!important;transition:margin .5s ease!important}.pushable.reveal>.pusher{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0);z-index:1001}.pushable.reveal>.visible.ui.sidebar{-webkit-transition:none;transition:none}.pushable.reveal.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.slide.along>.pusher{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0);z-index:1001}.pushable.slide.along>.visible.ui.sidebar{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.pushable.slide.along.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.slide.along.pushed>.visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.pushable.slide.along.hide>.visible.ui.sidebar,.pushable.slide.along.show>.visible.ui.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable.slide.out>.pusher{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.pushable.slide.out>.visible.ui.sidebar{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}.pushable.slide.out.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:
|