| Current Path : /home/w/u/e/wuectly/www/03cbe/ |
| Current File : /home/w/u/e/wuectly/www/03cbe/off-canvas.css.tar |
home/wuectly/www/templates/t3_blank/css/rtl/off-canvas.css 0000604 00000004630 15245606664 0017652 0 ustar 00 #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 > * {
right: 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;
right: 0;
width: 0;
z-index: 1;
background: none;
}
.off-canvas #off-canvas-nav .t3-mainnav {
margin: 0;
position: absolute;
right: 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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
}
@media (max-width: 767px) {
.off-canvas body > * {
left: 0;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.off-canvas #off-canvas-nav .t3-mainnav {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(-250px);
-moz-transform: translateX(-250px);
-o-transform: translateX(-250px);
transform: translateX(-250px);
}
} home/wuectly/www/templates/t3_blank/css/off-canvas.css 0000604 00000003472 15245607712 0017047 0 ustar 00 #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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
} home/wuectly/www/plugins/system/t3/base/css/off-canvas.css 0000604 00000004623 15245617035 0017617 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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;
}
}
home/wuectly/www/templates/t3_blank/css/rtl/dark/off-canvas.css 0000604 00000004630 15245651016 0020562 0 ustar 00 #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 > * {
right: 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;
right: 0;
width: 0;
z-index: 1;
background: none;
}
.off-canvas #off-canvas-nav .t3-mainnav {
margin: 0;
position: absolute;
right: 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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
}
@media (max-width: 767px) {
.off-canvas body > * {
left: 0;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.off-canvas #off-canvas-nav .t3-mainnav {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(-250px);
-moz-transform: translateX(-250px);
-o-transform: translateX(-250px);
transform: translateX(-250px);
}
} home/wuectly/www/templates/t3_blank/css/themes/dark/off-canvas.css 0000604 00000003472 15245654225 0021256 0 ustar 00 #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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
} home/wuectly/www/templates/t3_blank/css/themes/green/off-canvas.css 0000604 00000003472 15245657453 0021443 0 ustar 00 #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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
} home/wuectly/www/templates/t3_blank/css/rtl/red/off-canvas.css 0000604 00000004630 15245657645 0020431 0 ustar 00 #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 > * {
right: 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;
right: 0;
width: 0;
z-index: 1;
background: none;
}
.off-canvas #off-canvas-nav .t3-mainnav {
margin: 0;
position: absolute;
right: 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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
}
@media (max-width: 767px) {
.off-canvas body > * {
left: 0;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.off-canvas #off-canvas-nav .t3-mainnav {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(-250px);
-moz-transform: translateX(-250px);
-o-transform: translateX(-250px);
transform: translateX(-250px);
}
} home/wuectly/www/templates/t3_blank/css/themes/red/off-canvas.css 0000604 00000003472 15245662571 0021112 0 ustar 00 #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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
} home/wuectly/www/templates/t3_blank/css/rtl/orange/off-canvas.css 0000604 00000004630 15245667504 0021125 0 ustar 00 #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 > * {
right: 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;
right: 0;
width: 0;
z-index: 1;
background: none;
}
.off-canvas #off-canvas-nav .t3-mainnav {
margin: 0;
position: absolute;
right: 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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
}
@media (max-width: 767px) {
.off-canvas body > * {
left: 0;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.off-canvas #off-canvas-nav .t3-mainnav {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(-250px);
-moz-transform: translateX(-250px);
-o-transform: translateX(-250px);
transform: translateX(-250px);
}
} home/wuectly/www/templates/t3_blank/css/rtl/green/off-canvas.css 0000604 00000004630 15245673072 0020747 0 ustar 00 #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 > * {
right: 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;
right: 0;
width: 0;
z-index: 1;
background: none;
}
.off-canvas #off-canvas-nav .t3-mainnav {
margin: 0;
position: absolute;
right: 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;
}
}
@media (max-width: 767px) {
.off-canvas .t3-mainnav .nav-collapse {
margin-top: 0;
}
}
@media (max-width: 767px) {
.off-canvas body > * {
left: 0;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.off-canvas #off-canvas-nav .t3-mainnav {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.off-canvas-enabled body > * {
-webkit-transform: translateX(-250px);
-moz-transform: translateX(-250px);
-o-transform: translateX(-250px);
transform: translateX(-250px);
}
} home/wuectly/www/plugins/system/t3/base-bs3/css/off-canvas.css 0000604 00000004623 15245705161 0020302 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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;
}
}