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.
14 lines
7.2 KiB
14 lines
7.2 KiB
/*
|
|
* # 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/24/2014
|
|
*/
|
|
|
|
.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.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.right.uncover.pushed>.fixed,.pushable.right.uncover.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:900}.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.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable.slide.out>.fixed,.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>.fixed,.pushable.slide.out.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.slide.out.pushed .visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0);transform:translate3d(0%,0,0)}.pushable.slide.out.hide>.visible.ui.sidebar,.pushable.slide.out.show>.visible.ui.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable.scale.down>.fixed{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.pushable.scale.down>.pusher{z-index:900;-webkit-transform-origin:75% 50%;-ms-transform-origin:75% 50%;transform-origin:75% 50%;overflow:hidden}.pushable.scale.down>.visible.ui.sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:904}.pushable.scale.down.pushed>.pusher{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}.pushable.scale.down.pushed>.visible.ui.sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pushable.scale.down.pushed>.fixed{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.scale.down.hide>.visible.ui.sidebar,.pushable.scale.down.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.pushed>.visible.ui.sidebar{margin-left:-260px}.pushable.safe.pushed>.fixed{margin-left:260px!important}.pushable.safe.hide,.pushable.safe.hide>.fixed,.pushable.safe.show,.pushable.safe.show>.fixed{-webkit-transition:margin .5s ease!important;transition:margin .5s ease!important}
|