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
7.2 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/24/2014
  12. */
  13. .ui.sidebar{position:fixed;top:0;left:0;visibility:hidden;height:100%!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;background:#1b1c1d;width:260px!important}.ui.bottom.sidebar,.ui.top.sidebar{width:100%!important;height:auto!important;overflow-y:visible!important}.ui.top.sidebar{top:0!important;bottom:auto!important}.ui.right.sidebar{right:0!important;left:auto!important}.ui.bottom.sidebar{top:auto!important;bottom:0!important}.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:903}.pushable>.pusher{background:#333;height:100%;z-index:901;-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable>.pusher>.page{position:relative;min-height:100%;background:#f7f7f7}.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:902;-webkit-transition:opacity .5s;transition:opacity .5s;will-change:opacity}.ui.sidebar.menu .item{border-radius:0!important}.pushable.pushed{overflow-x:hidden}.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:904}.pushable>.pusher>.page.dimmed:after{width:100%!important;height:100%!important;opacity:1!important}.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{z-index:904}.pushable.overlay.hide>.visible.ui.sidebar,.pushable.overlay.show>.visible.ui.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.left.pushable.overlay>.visible.ui.sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.left.pushable.overlay.pushed .visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.right.pushable.overlay>.visible.ui.sidebar{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.right.pushable.overlay.pushed .visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.top.pushable.overlay>.visible.ui.sidebar{-webkit-transform:translate3d(0%,-100%,0);transform:translate3d(0%,-100%,0)}.top.pushable.overlay.pushed .visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.bottom.pushable.overlay>.visible.ui.sidebar{-webkit-transform:translate3d(0%,100%,0);transform:translate3d(0%,100%,0)}.bottom.pushable.overlay.pushed .visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.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.uncover>.fixed,.pushable.uncover>.pusher{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.pushable.uncover>.pusher{z-index:900}.pushable.uncover>.visible.ui.sidebar{-webkit-transition:none;transition:none}.pushable.left.uncover.pushed>.fixed,.pushable.left.uncover