bdbrown

Hueman Secondary Sidebar Always Collapsed

Jun 30th, 2016
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.45 KB | None | 0 0
  1. /* ------------------------------------------------------------------------- *
  2.  *  Toggle Sidebar s2 always on
  3. /* ------------------------------------------------------------------------- */
  4. @media only screen and (min-width: 480px) {
  5.  
  6.     .container { padding: 0 10px; }
  7.  
  8.     /* s2 general */
  9.     .s2 { width: 50px; }
  10.     .s2 .sidebar-content { display: none; float: left; width: 100%; }
  11.     .s2 .sidebar-toggle { display: block; }
  12.  
  13.     /* s2 expand/collapse */
  14.     .s2-expand .s2 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 260px; margin: 0!important; z-index: 9; overflow: auto;
  15.     -moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
  16.     .s2-expand .s2 .sidebar-content { display: block; min-width: 260px; }
  17.     .s2-collapse .s2 .sidebar-content { display: none; }
  18.  
  19.     /* s2 toggle icon */
  20.     .col-3cm.s2-expand .s2 .icon-sidebar-toggle:before,
  21.     .col-3cl.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f101"; }
  22.     .col-3cr.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f100"; }
  23.  
  24.     /* s2 3 column, content middle */
  25.     .col-3cm .main { background: url(../img/sidebar/s-right-collapse.png) repeat-y right; }
  26.     .col-3cm .main-inner { padding-right: 50px; }
  27.     .col-3cm .s2 { margin-right: -50px; }
  28.     .col-3cm.s2-expand .s2 { right: 0; }
  29.  
  30.     /* ipad, iphone fix */
  31.     .safari .s2 { min-width: 50px; max-width: 50px; width: auto; }
  32.     .safari.s2-expand .s2 { min-width: 260px; max-width: 260px; width: auto; }
  33.  
  34. }
Advertisement
Add Comment
Please, Sign In to add comment