hugo/docs/static/css/style-responsive.css
2015-12-21 12:40:08 -07:00

68 lines
1.1 KiB
CSS

@media (max-width: 768px) {
.header {
position: absolute;
}
/*sidebar*/
#sidebar {
height: auto;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 1001;
}
/* body container */
#main-content {
margin: 0px!important;
position: none !important;
}
#sidebar > ul > li > a > span {
line-height: 35px;
}
#sidebar > ul > li {
margin: 0 10px 5px 10px;
}
#sidebar > ul > li > a {
height:35px;
line-height:35px;
padding: 0 10px;
text-align: left;
}
#sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
width: 100%;
}
#sidebar > ul > li > ul.sub > li > a {
background: transparent !important ;
}
/* sidebar */
#sidebar {
margin: 0px !important;
}
.btn {
margin-bottom: 5px;
}
}
@media (max-width: 480px) {
.notification-row {
display: none;
}
}
@media (max-width:320px) {
.notification-row {
display: none;
}
}