abc/HTML/abc-admin/css/responsive.css
Ian Christensen 6822968785 added files
2019-06-27 08:19:59 -07:00

125 lines
2.0 KiB
CSS

@media only screen and (max-width: 1300px){
.admin-content .container{
max-width: 970px;
}
}
@media only screen and (max-width: 1180px){
.admin-content .container{
max-width: 810px;
}
}
@media only screen and (max-width: 1024px){
.class-table table td{
font-size: 11px;
}
.class-table table th{
font-size: 14px;
}
.class-content table th{
font-size: 14px;
}
.class-content table td{
font-size: 11px;
}
}
@media only screen and (max-width: 991px){
.admin-content .container{
max-width: 720px;
}
.class-content.d-flex {
display: block !important;
}
.class-form.d-flex{
flex: none !important;
display: block !important;
}
.general .form-group.d-flex{
flex: none !important;
display: block !important;
}
.general .form-group .col-sm-6.d-flex.no-pad{
flex: none !important;
display: block !important;
max-width: 100%;
margin-bottom: 10px;
}
span.chk-abc {
/* padding: 17px 0; */
display: block !important;
}
}
@media only screen and (max-width:900px){
span.chk-abc {
margin-bottom: 15px;
}
.admin-nav ul{
display: none;
}
.logo{
display: block;
}
.logo img{
float: left;
}
.logo:after{
content: "";
clear: both;
display:block;
}
.admin-content .setting{
display: block !important;
}
.admin-content .container{
max-width: 100%;
margin: 0 auto;
right:0;
}
div#nav_list{
display: none !important;
flex: none;
}
.admin-nav{
position: absolute;
}
.pushmenu-push-toright{
left:0;
}
.admin.ml-auto.d-flex{
margin-right:0;
z-index: 9999;
}
.admin-nav{
width: 100%;
height: auto !important;
z-index: 9999;
display: block !important;
flex: none;
}
.toggle-bar {
display: inline-block;
position: relative;
top: 15px;
right: 11px;
}
.class-left{
border:0 !important;;
}
}
@media only screen and (max-width:480px){
.class-table table td{
font-size: 11px;
}
.class-table table th{
font-size: 14px;
}
.class-name .d-flex:nth-child(1){
display: block !important;
}
.class-name span{
margin-bottom: 15px;
display: block;
text-align: left;
}
}