bootstrap-source/bootstrap-3.0.3/examples/offcanvas/offcanvas.css
author stetrabby <info@trabucchi.de>
Fri, 20 Dec 2013 22:49:16 +0100
changeset 54 0ded9d7748b7
permissions -rwxr-xr-x
initial less based on the pymove3d.css
info@54
     1
/*
info@54
     2
 * Style tweaks
info@54
     3
 * --------------------------------------------------
info@54
     4
 */
info@54
     5
html,
info@54
     6
body {
info@54
     7
  overflow-x: hidden; /* Prevent scroll on narrow devices */
info@54
     8
}
info@54
     9
body {
info@54
    10
  padding-top: 70px;
info@54
    11
}
info@54
    12
footer {
info@54
    13
  padding: 30px 0;
info@54
    14
}
info@54
    15
info@54
    16
/*
info@54
    17
 * Off Canvas
info@54
    18
 * --------------------------------------------------
info@54
    19
 */
info@54
    20
@media screen and (max-width: 767px) {
info@54
    21
  .row-offcanvas {
info@54
    22
    position: relative;
info@54
    23
    -webkit-transition: all 0.25s ease-out;
info@54
    24
    -moz-transition: all 0.25s ease-out;
info@54
    25
    transition: all 0.25s ease-out;
info@54
    26
  }
info@54
    27
info@54
    28
  .row-offcanvas-right
info@54
    29
  .sidebar-offcanvas {
info@54
    30
    right: -50%; /* 6 columns */
info@54
    31
  }
info@54
    32
info@54
    33
  .row-offcanvas-left
info@54
    34
  .sidebar-offcanvas {
info@54
    35
    left: -50%; /* 6 columns */
info@54
    36
  }
info@54
    37
info@54
    38
  .row-offcanvas-right.active {
info@54
    39
    right: 50%; /* 6 columns */
info@54
    40
  }
info@54
    41
info@54
    42
  .row-offcanvas-left.active {
info@54
    43
    left: 50%; /* 6 columns */
info@54
    44
  }
info@54
    45
info@54
    46
  .sidebar-offcanvas {
info@54
    47
    position: absolute;
info@54
    48
    top: 0;
info@54
    49
    width: 50%; /* 6 columns */
info@54
    50
  }
info@54
    51
}
Impressum Datenschutzerklärung