?
Path : /home/admin/public_html/old/plugins/system/t3/base-bs3/css/ |
Current File : /home/admin/public_html/old/plugins/system/t3/base-bs3/css/off-canvas.css |
/** *------------------------------------------------------------------------------ * @package T3 Framework for Joomla! *------------------------------------------------------------------------------ * @copyright Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt * @authors JoomlArt, JoomlaBamboo, (contribute to this project at github * & Google group to become co-author) * @Google group: https://groups.google.com/forum/#!forum/t3fw * @Link: http://t3-framework.org *------------------------------------------------------------------------------ */ #off-canvas-nav { display: none; } @media (max-width: 767px) { .off-canvas { width: 100%; overflow-x: hidden; position: relative; } .off-canvas body { width: 100%; overflow-x: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .off-canvas body > * { left: 0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .off-canvas #t3-mainnav .nav-collapse, .off-canvas #ja-mainnav .nav-collapse { display: none; } .off-canvas #off-canvas-nav { display: block; position: absolute; top: 0; left: 0; width: 0; z-index: 1; background: none; } .off-canvas #off-canvas-nav .t3-mainnav { margin: 0; position: absolute; left: 0; top: 0; width: 250px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .off-canvas #off-canvas-nav .t3-mainnav .nav-collapse { height: auto; background: none; } .off-canvas-enabled body > * { -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); } .off-canvas-enabled #t3-mainnav { display: block; } }