Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ------------------------------------------------------------------------- *
- * Toggle Sidebar s2 always on
- /* ------------------------------------------------------------------------- */
- @media only screen and (min-width: 480px) {
- .container { padding: 0 10px; }
- /* s2 general */
- .s2 { width: 50px; }
- .s2 .sidebar-content { display: none; float: left; width: 100%; }
- .s2 .sidebar-toggle { display: block; }
- /* s2 expand/collapse */
- .s2-expand .s2 { background: #f0f0f0; position: absolute; top: 0; bottom: 0; width: 260px; margin: 0!important; z-index: 9; overflow: auto;
- -moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
- .s2-expand .s2 .sidebar-content { display: block; min-width: 260px; }
- .s2-collapse .s2 .sidebar-content { display: none; }
- /* s2 toggle icon */
- .col-3cm.s2-expand .s2 .icon-sidebar-toggle:before,
- .col-3cl.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f101"; }
- .col-3cr.s2-expand .s2 .icon-sidebar-toggle:before { content: "\f100"; }
- /* s2 3 column, content middle */
- .col-3cm .main { background: url(../img/sidebar/s-right-collapse.png) repeat-y right; }
- .col-3cm .main-inner { padding-right: 50px; }
- .col-3cm .s2 { margin-right: -50px; }
- .col-3cm.s2-expand .s2 { right: 0; }
- /* ipad, iphone fix */
- .safari .s2 { min-width: 50px; max-width: 50px; width: auto; }
- .safari.s2-expand .s2 { min-width: 260px; max-width: 260px; width: auto; }
- }
Advertisement
Add Comment
Please, Sign In to add comment