You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

13 lines
8.3 KiB

10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI
  3. * Version: 0.16.1
  4. * http://github.com/jlukic/semantic-ui
  5. *
  6. *
  7. * Copyright 2014 Contributors
  8. * Released under the MIT license
  9. * http://opensource.org/licenses/MIT
  10. *
  11. * Released: 09/09/2014
  12. */
  13. .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>.ui.fixed{position:fixed;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;z-index:1006}.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>.fixed,.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:1005}.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.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.push>.fixed,.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>.fixed,.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.reveal>.fixed,.pushable.reveal>.pusher{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.pushable.reveal>.pusher{z-index:1001}.pushable.reveal>.visible.ui.sidebar{-webkit-transition:none;transition:none}.pushable.reveal.pushed>.fixed,.pushable.reveal.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.slide.along>.fixed,.pushable.slide.along>.pusher{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.pushable.slide.along>.pusher{z-index:1001}.pushable.slide.along>.visible.ui.sidebar{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.pushable.slide.along.pushed>.fixed,.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.side