[ Mini Kiebo ]

Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586 Path: D:/xampp182/htdocs/simkeu/login/css/layouts/ [ Home ]
File: off-canvas.css
html:not(.loading) [data-layout="off-canvas"][data-navbar="dark"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/dark.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="primary"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/primary.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="secondary"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/secondary.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="success"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/success.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="info"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/info.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="warning"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/warning.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="danger"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/danger.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="white"] {
  color: #212121;
  background: #fff;
}

html:not(.loading) [data-layout="off-canvas"][data-navbar="light"] {
  color: #212121;
  background: #f5f5f5;
  background-image: url(../../assets/images/light.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
}

.loading [data-layout="off-canvas"] .navbar-1,
.loading [data-layout="off-canvas"] .jumbotron-1,
.loading [data-layout="off-canvas"] > .container-fluid {
  visibility: hidden;
}

[data-layout="off-canvas"] ::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}

[data-layout="off-canvas"] .navbar-1 {
  z-index: 1031;
  padding-left: 60px;
  padding-right: 60px;
  width: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

[data-layout="off-canvas"] .navbar-1 .toggle-layout i {
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  -webkit-transform: rotate(540deg);
          transform: rotate(540deg);
}

[data-layout="off-canvas"].layout-collapsed .navbar-1 {
  -webkit-transform: translate3d(250px, 0, 0);
          transform: translate3d(250px, 0, 0);
}

[data-layout="off-canvas"] .jumbotron-1 {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

[data-layout="off-canvas"].layout-collapsed .jumbotron-1 {
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transform: translate3d(250px, 0, 0);
          transform: translate3d(250px, 0, 0);
}

[data-layout="off-canvas"] .main {
  padding-left: 20px;
  padding-right: 20px;
  -ms-overflow-style: none;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

[data-layout="off-canvas"] .main .page-on-top {
  margin-left: 20px;
  margin-right: 20px;
  background: #fff;
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  padding: 40px;
  -webkit-transform: translate3d(0, -60px, 0);
          transform: translate3d(0, -60px, 0);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

[data-layout="off-canvas"].layout-collapsed .main {
  -webkit-transform: translate3d(250px, 0, 0);
          transform: translate3d(250px, 0, 0);
}

[data-layout="off-canvas"] .left-sidebar-1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -250px;
  height: 100%;
  max-height: 100%;
  width: 250px;
  overflow: hidden;
  z-index: 1032;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}

[data-layout="off-canvas"] .left-sidebar-1 .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  width: 270px;
}

[data-layout="off-canvas"] .left-sidebar-1 .wrapper .content {
  width: 250px;
}

[data-layout="off-canvas"] .left-sidebar-1 .wrapper .content .logo span {
  opacity: 1;
}

[data-layout="off-canvas"].layout-collapsed .left-sidebar-1 {
  -webkit-transform: translate3d(250px, 0, 0);
          transform: translate3d(250px, 0, 0);
}

[data-layout="off-canvas"] .right-sidebar-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 1032;
  opacity: 0;
  background: #000;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

[data-layout="off-canvas"] .right-sidebar-backdrop.fade {
  display: block;
}

[data-layout="off-canvas"] .right-sidebar-backdrop.in {
  opacity: 0.25;
}

@media (max-width: 543px) {
  [data-layout="off-canvas"] .navbar-1 {
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  [data-layout="off-canvas"] .jumbotron-1 {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  [data-layout="off-canvas"] .jumbotron-1 .jumbotron {
    padding-left: 0px;
    padding-right: 0px;
  }
  [data-layout="off-canvas"] .main {
    padding-left: 0;
    padding-right: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  [data-layout="off-canvas"] .main .page-on-top {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }
  [data-layout="off-canvas"] .left-sidebar-1 {
    -webkit-transform: translate3d(-250px, 0, 0);
            transform: translate3d(-250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .navbar-1 {
    -webkit-transform: translate3d(250px, 0, 0);
            transform: translate3d(250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .jumbotron-1 {
    -webkit-transform: translate3d(250px, 0, 0);
            transform: translate3d(250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .main {
    -webkit-transform: translate3d(250px, 0, 0);
            transform: translate3d(250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .left-sidebar-1 {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 544px) and (max-width: 767px) {
  [data-layout="off-canvas"] .navbar-1 {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  [data-layout="off-canvas"] .jumbotron-1 {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  [data-layout="off-canvas"] .jumbotron-1 .jumbotron {
    padding-left: 0px;
    padding-right: 0px;
  }
  [data-layout="off-canvas"] .main {
    padding-left: 0;
    padding-right: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  [data-layout="off-canvas"] .main .page-on-top {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }
  [data-layout="off-canvas"] .left-sidebar-1 {
    -webkit-transform: translate3d(-250px, 0, 0);
            transform: translate3d(-250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .navbar-1 {
    -webkit-transform: translate3d(250px, 0, 0);
            transform: translate3d(250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .jumbotron-1 {
    -webkit-transform: translate3d(250px, 0, 0);
            transform: translate3d(250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .main {
    -webkit-transform: translate3d(250px, 0, 0);
            transform: translate3d(250px, 0, 0);
  }
  [data-layout="off-canvas"].layout-collapsed .left-sidebar-1 {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}