/*! * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ /* Toggle Styles */ #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled { padding-left: 250px; } #wrapper-modal { padding-left:0px; } #sidebar-wrapper { z-index: 1000; position: fixed; left: 250px; width: 0px; height: 100%; margin-left: -250px; overflow-y: auto; background: #2E5A92; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar-wrapper-mini { display:none; } .sidebar-wrapper-mini.toggled { display:inline; } .wrapper-mini { padding-left:0px !important; } .wrapper-mini.toggled { padding-left:60px !important; } #sidebar-reduce { display:inline; } #sidebar-normal { display:none; } #wrapper.toggled #sidebar-wrapper { width: 250px; } #page-content-wrapper { width: 100%; position: absolute; padding: 15px; } #wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px; } /* Sidebar Styles */ .sidebar-nav { position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none; color:#FFF; font-size:14px; } .sidebar-nav li { text-indent: 20px; line-height: 40px; } .sidebar-nav .active { background-color:#295183; color: #DDD; } .sidebar-nav .active a { color: #DDD; } .sidebar-nav i { padding:0px; margin:0px; margin-right: 5px; display:inline; color: #F5F7FA; } .sidebar-nav li a { display: block; text-decoration: none; color: #FFF; } .sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255,255,255,0.2); } .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; } .sidebar-nav > .sidebar-brand { height: 65px; font-size: 18px; line-height: 60px; color:#FFF; } .sidebar-nav > .sidebar-brand a { color: #999999; } .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; } @media(min-width:768px) { #sidebar-reduce { display:none; } #sidebar-normal { display:inline; } #wrapper { padding-left: 250px; } #wrapper.toggled { padding-left: 0; } #sidebar-wrapper { width: 250px; } .sidebar-wrapper-mini { display:inline; } .wrapper-mini { padding-left:60px !important; } #wrapper.toggled #sidebar-wrapper { width: 0; } #page-content-wrapper { padding: 20px; position: relative; } #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; } }