Anons79 Mini Shell

Directory : /home/aplikasiposinfo/www/ayam-canton.aplikasipos.info/public/less/
Upload File :
Current File : /home/aplikasiposinfo/www/ayam-canton.aplikasipos.info/public/less/responsive.less

@import "variables.less";
@import "mixins.less";
.iconic-view {
    .large-logo {
        display: none;
    }
}

.pin-it {
    .iconic-logo {
        display: none !important;
    }
}

.iconic-view {
    .iconic-logo {
        display: block !important;
    }
}
@media screen and (max-width: 1024px) {
  .list-menu-view {
    .page-content {
      margin-left: 0px;
    }
    .left-aside {
      left: -@LeftAsideWidth;
    }
  }
  .hide-list-menu {
    .page-content {
      margin-left: 0px;
    }
    .left-aside {
      left: 0px;
    }
  }
  .list-menu-view {
    .page-content {
      margin-left: 0px;
    }
    .left-aside {
      left: -@LeftAsideWidth;
    }
  }
  .pin-it {
    .page-content {
      margin-left: 0px;
    }
  }
  .hide-aside-left {
    left: -@LeftAsideWidth;
  }
  .aside-close {
    display: block;
  }
  .leftbar-action{
    display: none;
  }
  .leftbar-action-mobile {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
    .top-mid,
    .desktop-search {
        display: none;
    }
    .top-aside-right {
        position: absolute;
        top: -@IconicViewWidth;
        right: @IconicViewWidth;
    }
    .mobile-search-btn {
        display: block;
        width: @IconicViewWidth;
        height: @IconicViewWidth;
        line-height: @IconicViewWidth;
        text-align: center;
        position: absolute;
        top: 0px;
        left: @IconicViewWidth;
        font-size: 18px;
    }
    .iconic-logo {
        display: none;
    }
    .page-content {
        margin-left: 0px;
    }
    .left-aside {
        z-index: 8000;
    }
    .iconic-view {
        .page-content {
            margin-left: 0px;
        }
        .left-aside {
            left: -@IconicViewWidth;
        }
    }
    .hide-list-menu {
        .page-content {
            margin-left: 0px;
        }
        .left-aside {
            left: 0px;
        }
    }
    .list-menu-view {
        .page-content {
            margin-left: 0px;
        }
        .left-aside {
            left: -@LeftAsideWidth;
        }
    }
    .pin-it {
        .page-content {
            margin-left: 0px;
        }
    }
    .hide-aside-left {
        left: -@LeftAsideWidth;
    }
    .top-bar-action {
        min-height: @IconicViewWidth;
        .rightbar-action {
            display: block;
        }
    }
    .top-aside-right {
        .rightbar-action {
            display: none;
        }
    }
    .aside-close {
        display: block;
    }
    .leftbar-action{
        display: none;
    }
    .leftbar-action-mobile {
        display: block;
    }
    .m-aside-action {
        display: block;
    }
    .h-iconic-view {
        .left-aside {
            left: -@LeftAsideWidth;
            width: @LeftAsideWidth;
        }
    }
    .user-nav {
        margin-right: 0px;
    }
    .notification-nav {
        margin-left: 0px;
    }
    .top-bar {
        .container-fluid {
            margin-left: 0px;
            margin-right: 0px;
        }
    }
    // Inbox
    .inbox-container {
        .inbox-sidebar {
            z-index: 2000;
            left: -@InboxSidebarWidth;
        }
        .inbox-content {
            margin-left: 0px;
            .email-list {
                width: 100%;
                z-index: 1600;
            }
            .mail-body {
                z-index: 1800;
                position: fixed;
                width: 100%;
                height: 100%;
                margin-left: 0px;
                right: -100%;
                background-color: #fff;
                .transition(.2s, ease-out);
            }
        }
        &.hide-inbox-sidebar {
            .inbox-sidebar {
                left: 0px;
                .transition(.2s, ease-out);
            }
            .inbox-content {
                margin-left: 0px;
                .transition(.2s, ease-out);
            }
        }
        &.mobile-mail-show {
            .inbox-content {
                .mail-body {
                    right: 0px;
                    .transition(.2s, ease-out);
                }
            }
        }
        .mobile-mail-action {
            display: block;
        }
    }
    .mail-body {
        &.multi-page {
            .email-content {
                margin: 0px;
            }
        }
    }
    .compose-form,
    .email-list-toolbar {
        width: 100%;
    }
    // Note
    .note-container {
        .note-sidebar {
            z-index: 2000;
            left: -160px;
        }
        .note-content {
            margin-left: 0px;
            .email-list {
                width: 100%;
                z-index: 1600;
            }
            .mail-body {
                z-index: 1800;
                position: fixed;
                width: 100%;
                height: 100%;
                margin-left: 0px;
                right: -100%;
                background-color: #fff;
                .transition(.2s, ease-out);
            }
        }
        &.hide-note-sidebar {
            .note-sidebar {
                left: 0px;
                .transition(.2s, ease-out);
            }
            .inbox-content {
                margin-left: 0px;
                .transition(.2s, ease-out);
            }
        }
        &.mobile-mail-show {
            .inbox-content {
                .mail-body {
                    right: 0px;
                    .transition(.2s, ease-out);
                }
            }
        }
        .mobile-mail-action {
            display: block;
        }
    }
    .note-list-wrap {
        width: 100% !important;
        z-index: 1600;
    }
    .note-list-toolbar {
        width: 100%;
        .note-search-form {
            width: 100%;
        }
    }
    .note-body {
        z-index: 1800;
        position: fixed;
        width: 100% !important;
        height: 100%;
        margin-left: 0px;
        right: -100%;
        z-index: 6800 !important;
        background-color: #fff;
        .transition(.2s, ease-out);
    }
    .mobile-note-show {
        .note-body {
            z-index: 1800;
            position: fixed;
            width: 100% !important;
            height: 100%;
            margin-left: 0px;
            right: 0px;
            z-index: 8800 !important;
            background-color: #fff;
            .transition(.2s, ease-out);
        }
    }
    // Task
    .task-container {
        .task-sidebar {
            z-index: 2000;
            left: -200px;
        }
        .task-content {
            margin-left: 0px;
            .task-list {
                width: 100%;
                z-index: 1600;
            }
            .task-body {
                z-index: 1800;
                position: fixed;
                width: 100%;
                height: 100%;
                margin-left: 0px;
                right: -100%;
                background-color: #fff;
                .transition(.2s, ease-out);
            }
        }
        &.hide-task-sidebar {
            .task-sidebar {
                left: 0px;
                .transition(.2s, ease-out);
            }
            .task-content {
                margin-left: 0px;
                .transition(.2s, ease-out);
            }
        }
        &.mobile-task-show {
            .task-content {
                .task-body {
                    right: 0px;
                    .transition(.2s, ease-out);
                }
            }
        }
        .mobile-task-action {
            display: block;
        }
    }
    .task-body {
        z-index: 1800;
        position: fixed;
        width: 100% !important;
        height: 100%;
        margin-left: 0px;
        right: -100%;
        z-index: 6800 !important;
        background-color: #fff;
        .transition(.2s, ease-out);
    }
    .mobile-task-show {
        .task-body {
            z-index: 1800;
            position: fixed;
            width: 100% !important;
            height: 100%;
            margin-left: 0px;
            right: 0px;
            z-index: 8800 !important;
            background-color: #fff;
            .transition(.2s, ease-out);
        }
    }
    .task-list-toolbar {
        width: 100%;
        .task-search-form {
            width: 100%;
        }
    }
    // Forum
    .forum-list-container {
        margin-right: 0px;
    }
    .forum-categories-show {
        -ms-transform: translate(100%, 0px) !important;
        -webkit-transform: translate(100%, 0px) !important;
        transform: translate(100%, 0px)!important;
        -webkit-transition: transform .1s linear;
        transition: transform .1s linear;
    }
    .forum-categories-hide {
        -ms-transform: translate(0px, 0px) !important;
        -webkit-transform: translate(0px, 0px) !important;
        transform: translate(0px, 0px) !important;
        -webkit-transition: transform .1s linear;
        transition: transform .1s linear;
    }
    .forum-aside-toggle {
        display: block;
    }
    .forum-categories {
        width: 287px;
        z-index: 6000;
    }

    /*-Widgets-*/
  .stat-w-wrap{
    border: #eee 1px solid;
    margin-bottom: 20px;
  }
  .w-info-graph{
    .w-info-chart-meta{
      padding-left: 20px;

    }

  }
  .top-stat-box{
    padding-top: 20px;

  }
 .colored-bar{
   .stat-w-wrap{
     border: rgba(255,255,255,.1) 1px solid !important;
   }
 }
 .forum-list-switch{
   padding-bottom: 20px;

 }
  .sats-widget{
    .stats-icon{
      width: 70px !important;

    }
  }




}

@media screen and (max-width: 790px) {
  .jumbotron {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
    .desktop-search {
        display: none;
    }
    .mobile-search {
        display: block;
    }
    .top-bar {
        .notification-nav {
            float: left;
            width: auto;
        }
    }
    .sats-widget{
      margin-bottom: 20px;

    }
    .inbox-toolbar{
      .mail-search-form{
        display:none;
      }
    }
  .calendar-nav{
    margin-bottom: 20px;
    text-align: center;

  }

}

@media screen and (max-width: 480px) {
    .top-bar {
        .notification-nav {
            float: left;
            width: auto;
        }
    }
    .user-nav {
        float: none;
        .user-info {
            display: none !important;
        }
        .dropdown-menu {
            left: -88px;
        }
        & > ul {
            & >li {
                & >a {
                    color: @TopBarLinkColor;
                    display: block;
                    min-height: 61px;
                    padding: 5px 10px;
                }
            }
            & >li.open {
                & >a {
                    color: @PrimaryTextColor;
                    display: block;
                    min-height: 61px;
                    padding: 5px 10px;
                }
            }
        }
        .user-thumb {
            margin: 0px;
            text-align: center;
        }
    }
    .mobile-search {
        float: right !important;
    }
    .responsive-fix {
        clear: both;
    }
  .table{
    .btn-toolbar{
      .m-user-edit,
      .m-user-delete{
        display: block;
        width:100%;
        .rounded(0px);
      }

    }

  }
  .dataTables_info{
    margin-bottom: 10px;

  }

  .topic-feedback-stat{
    display: none !important;

  }
  .topic-thumb{
    width: 40px !important;
    height:40px !important;
    padding: 10px !important;
    img{
      width: 40px !important;
      height:40px !important;

    }

  }
  .topic-intro{
    padding-top: 10px !important;
    padding-bottom: 10px !important;

  }
  .cross-ribbon{
    left: 45px !important;
  }
  .topics-list{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .ticket-action{
    margin-top: 20px;
  }
  .topic-reply{
    padding: 20px !important;
    display: block !important;
    .topic-reply-thumb{
      display: block !important;
      margin-bottom: 20px;
    }
    .topic-reply-details{
      display: block !important;
      padding-left: 0px !important;
    }

  }

}

Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]