/*! * # SMTB - Semantic UI Bootstrap * Version v3.1.1 * http://github.com/cblweb/semantic-ui-bootstrap/ * Inspired by Semantic UI * * Copyright 2016 cbl-web.com * Released under the MIT license * http://opensource.org/licenses/MIT * */.sidebar{position:absolute;width:250px;height:100%;z-index:10001;visibility:hidden}body>.sidebar{position:fixed;top:0}.sidebar .sidebar-wrap{width:100%;height:100%;overflow-y:auto;transform:translateX(-250px);-webkit-transform:translateX(-250px);-moz-transform:translateX(-250px);-ms-transform:translateX(-250px);transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all;background-color:#222;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.5);-moz-box-shadow:0 2px 6px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.5);-ms-box-shadow:0 2px 6px rgba(0,0,0,0.5);-o-box-shadow:0 2px 6px rgba(0,0,0,0.5)}.sidebar .sidebar-wrap .sidebar-subject{padding:20px 15px}.sidebar .sidebar-wrap>ul>li{border-top:1px solid rgba(255,255,255,0.08)}.sidebar .sidebar-wrap>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.08)}.sidebar .sidebar-wrap>ul>li>a{text-decoration:none !important;color:#eee}.sidebar .sidebar-wrap>ul>li>a:hover{color:#fff}.sidebar .sidebar-wrap ul{list-style:none;width:100%;padding:0;overflow:hidden}.sidebar .sidebar-wrap li a{color:#fff;line-height:1.5;padding:10px 15px;display:block}.sidebar .sidebar-wrap a.dropdown-toggle:after{display:block;float:right;width:0;height:0;margin-top:5px;margin-right:-5px;opacity:.3;content:" ";border:5px solid transparent;border-width:5px 5px 0 5px;border-top-color:#fff}.sidebar .sidebar-wrap a.dropdown-toggle:hover:after{opacity:.6}.sidebar .sidebar-wrap .dropdown.open>a.dropdown-toggle:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg)}.sidebar .sidebar-wrap .dropdown-menu{position:static;float:none;border-radius:0;background-color:transparent;display:none;margin:0;border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none}.sidebar .sidebar-wrap li>ul>li>a{font-size:.85em;background-color:transparent;color:rgba(255,255,255,0.5);padding-top:0;padding-bottom:6px}.sidebar .sidebar-wrap li>ul>li:last-child>a{padding-bottom:13px}.sidebar .sidebar-wrap li>ul>li:hover>a{color:rgba(255,255,255,0.8)}.sidebar .sidebar-wrap .open>.dropdown-menu{display:block}.sidebar.sidebar-right{right:0}.sidebar.sidebar-right .sidebar-wrap{transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px)}.sidebar.active,.sidebar-container.active>.sidebar{visibility:visible}.sidebar.active .sidebar-wrap,.sidebar-container.active>.sidebar .sidebar-wrap{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.sidebar.active+.sidebar-overlay,.sidebar-container.active>.sidebar+.sidebar-overlay{visibility:visible}.sidebar.active+.sidebar-overlay:after,.sidebar-container.active>.sidebar+.sidebar-overlay:after{opacity:.7}.sidebar.active+.sidebar-overlay a,.sidebar-container.active>.sidebar+.sidebar-overlay a{opacity:1}body>.sidebar+.sidebar-overlay{position:fixed}.sidebar-overlay{visibility:hidden;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10000}.sidebar-overlay:after{content:"";position:absolute;width:100%;height:100%;background-color:#000;opacity:0;transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all}.sidebar-overlay a{position:absolute;left:270px;top:20px;width:26px;height:26px;cursor:pointer;z-index:1;opacity:0;transition:.5s ease-in opacity;-webkit-transition:.5s ease-in opacity;-moz-transition:.5s ease-in opacity}.sidebar-overlay a:after,.sidebar-overlay a:before{content:"";display:block;height:3px;background-color:#fff;border-radius:3px;width:100%;position:relative}.sidebar-overlay a:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);top:10px}.sidebar-overlay a:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);top:7px}.sidebar.sidebar-right+.sidebar-overlay a{left:auto;right:270px}.sidebar-container{position:relative;overflow-x:hidden;overflow-y:auto}.sidebar-container.active{overflow-y:hidden}.sidebar-active{overflow:hidden}.sidebar-push>.sidebar-dim{position:relative;transition:.38s ease all;-webkit-transition:.38s ease all;-moz-transition:.38s ease all;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0)}.sidebar-container.sidebar-push.active>.sidebar~.sidebar-dim{width:100%;height:100%;transform:translateX(250px);-webkit-transform:translateX(250px);-moz-transform:translateX(250px);-ms-transform:translateX(250px)}.sidebar-container.sidebar-push.active>.sidebar.sidebar-right~.sidebar-dim{transform:translateX(-250px);-webkit-transform:translateX(-250px);-moz-transform:translateX(-250px);-ms-transform:translateX(-250px)}/*# sourceMappingURL=sidebar.css.map */