BootstrapAdmin/Bootstrap.Admin/Content/css/site-responsive.css

88 lines
1.4 KiB
CSS

@media (max-width: 930px) {
/*#main-content {
margin: 0px !important;
}*/
}
@media (max-width: 666px) {
.notify-row {
display: none;
}
}
@media (max-width: 548px) {
.top-menu .search {
display: none;
}
}
@media (max-width: 480px) {
.sidebar-toggle-box span, .notify-row {
display: none;
}
.top-menu > li {
float: right;
}
}
@media (max-width: 320px) {
.top-menu {
position: absolute;
right: 15px;
left: auto;
}
.dropdown-menu.menu {
min-width: inherit;
}
}
@media (min-height: 672px) {
html, body {
height: 100%;
overflow: hidden;
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
.site-footer {
position: fixed;
left: 0;
bottom: 0;
right: 0;
z-index: 50;
}
#main-content {
margin-top: 0;
position: fixed;
left: 0;
bottom: 40px;
right: 0;
top: 94px;
overflow: auto;
}
.content-body {
position: fixed;
left: 0;
bottom: 40px;
right: 0;
top: 94px;
overflow: auto;
}
.content-body iframe {
width: 100%;
border: none;
overflow: hidden;
}
}