tupali/librerias/sidebar/css/simple-sidebar.css

101 lines
1.5 KiB
CSS
Raw Permalink Normal View History

2017-11-17 16:13:46 +00:00
/*!
* Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
* Copyright 2013-2016 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/
/* Toggle Styles */
#sidebar-contenido{
}
#wrapper-sidebar {
2017-11-21 17:28:50 +00:00
padding-left: 250px;
2017-11-17 16:13:46 +00:00
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper-sidebar.toggled {
padding-left: 0px;
}
#sidebar-wrapper {
z-index: 1000;
position: fixed;
left: 250px;
width: 95%;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: #000;
opacity: 0.9;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper-sidebar.toggled #sidebar-wrapper {
width: 0px;
}
/* Sidebar Styles */
.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
color: white;
}
.sidebar-nav > .sidebar-brand a {
color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
@media(min-width:768px) {
#wrapper-sidebar {
padding-left: 250px;
}
#wrapper-sidebar.toggled {
padding-left: 0;
}
#sidebar-wrapper {
width: 95%;
2017-11-17 16:13:46 +00:00
}
#wrapper-sidebar.toggled #sidebar-wrapper {
width: 0px;
}
}