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.6 KiB
14 lines
7.6 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/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: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>.pusher{z-index:1001;-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:1004}.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.hide>.visible.ui.sidebar,.pushable.scale.down.show>.visible.ui.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable.scale.up{-webkit-perspective:1500px;perspective:1500px;-webkit-perspective-origin:0 50%;perspective-origin:0 50%}.pushable.scale.up>.ui.sidebar{-webkit-transform:translate3d(0,0,-260px);transform:translate3d(0,0,-260px)}.pushable.scale.up.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.scale.up.pushed>.visible.ui.sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pushable.scale.up.hide>.ui.sidebar,.pushable.scale.up.show>.ui.sidebar{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}.pushable.open.door{-webkit-perspective:1500px;perspective:1500px}.pushable.open.door>.ui.sidebar{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:1004}.pushable.open.door>.pusher{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.pushable.open.door.pushed>.pusher{-webkit-transform:rotateY(-10deg);transform:rotateY(-10deg)}.pushable.open.door.pushed>.visible.ui.sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.pushable.open.door.hide>.ui.sidebar,.pushable.open.door.show>.ui.sidebar{-webkit-transition:-webkit-transform .5s;transition:transform .5s}.pushable.rotate.in{-webkit-perspective:1500px;perspective:1500px;-webkit-perspective-origin:0 50%;perspective-origin:0 50%}.pushable.rotate.in>.pusher{-webkit-perspective:none;perspective:none}.pushable.rotate.in>.ui.sidebar{-webkit-transform:translate3d(-100%,0,0) rotateY(90deg);transform:translate3d(-100%,0,0) rotateY(90deg);-webkit-transform-origin:50% 100% 0;-ms-transform-origin:50% 100% 0;transform-origin:50% 100% 0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.pushable.rotate.in.pushed>.pusher{-webkit-transform:translate3d(260px,0,0);transform:translate3d(260px,0,0)}.pushable.rotate.in.pushed .visible.ui.sidebar{-webkit-transform:translate3d(0%,0,0) rotateY(0deg);transform:translate3d(0%,0,0) rotateY(0deg)}.pushable.rotate.in.hide>.visible.ui.sidebar{-webkit-transform:translate3d(-100%,0,0) rotateY(0deg);transform:translate3d(-100%,0,0) rotateY(0deg);-webkit-transition:-webkit-transform .5s ease 0s;transition:transform .5s ease 0s}.pushable.rotate.in.hide>.ui.sidebar,.pushable.rotate.in.show>.ui.sidebar{-webkit-transition:-webkit-transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s}
|