File: /home/oscasa/public_html/plugins/system/t3/base-bs3/css/megamenu.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: https://github.com/t3framework/
*------------------------------------------------------------------------------
*/
.t3-megamenu .mega-inner {
padding: 10px;
*zoom: 1;
}
.t3-megamenu .mega-inner:before,
.t3-megamenu .mega-inner:after {
display: table;
content: "";
line-height: 0;
}
.t3-megamenu .mega-inner:after {
clear: both;
}
.t3-megamenu .row-fluid + .row-fluid {
padding-top: 10px;
border-top: 1px solid #eeeeee;
}
.t3-megamenu .mega > .mega-dropdown-menu {
min-width: 200px;
display: none;
}
.t3-megamenu .mega.open > .mega-dropdown-menu,
.t3-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
display: block;
}
.t3-megamenu .mega-group {
*zoom: 1;
}
.t3-megamenu .mega-group:before,
.t3-megamenu .mega-group:after {
display: table;
content: "";
line-height: 0;
}
.t3-megamenu .mega-group:after {
clear: both;
}
.t3-megamenu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
background: inherit;
color: inherit;
font-weight: bold;
padding: 0;
margin: 0;
}
.t3-megamenu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover,
.t3-megamenu .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active,
.t3-megamenu .mega-nav .mega-group > .mega-group-title:focus,
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus,
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus {
background: inherit;
color: inherit;
}
.t3-megamenu .mega-group-ct {
margin: 0;
padding: 0;
*zoom: 1;
}
.t3-megamenu .mega-group-ct:before,
.t3-megamenu .mega-group-ct:after {
display: table;
content: "";
line-height: 0;
}
.t3-megamenu .mega-group-ct:after {
clear: both;
}
.t3-megamenu .span12.mega-col-nav .mega-inner {
padding: 5px;
}
.t3-megamenu .mega-group .span12.mega-col-nav .mega-inner {
padding: 0;
}
.t3-megamenu .mega-nav,
.t3-megamenu .dropdown-menu .mega-nav {
margin: 0;
padding: 0;
list-style: none;
}
.t3-megamenu .mega-nav > li,
.t3-megamenu .dropdown-menu .mega-nav > li {
list-style: none;
margin-left: 0;
}
.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a {
white-space: normal;
}
.t3-megamenu .mega-group > .mega-nav,
.t3-megamenu .dropdown-menu .mega-group > .mega-nav {
margin-left: -5px;
margin-right: -5px;
}
.t3-megamenu .mega-nav .dropdown-submenu > a::after {
margin-right: 5px;
}
.t3-megamenu .t3-module {
margin-bottom: 10px;
}
.t3-megamenu .t3-module .module-title {
margin-bottom: 0;
}
.t3-megamenu .t3-module .module-ct {
margin: 0;
padding: 0;
}
.t3-megamenu .mega-align-left > .dropdown-menu {
left: 0;
}
.t3-megamenu .mega-align-right > .dropdown-menu {
left: auto;
right: 0;
}
.t3-megamenu .mega-align-center > .dropdown-menu {
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.t3-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu {
left: 100%;
}
.t3-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu {
left: auto;
right: 100%;
}
.t3-megamenu .mega-align-justify {
position: static;
}
.t3-megamenu .mega-align-justify > .dropdown-menu {
left: 0;
margin-left: 0;
top: auto;
}
.t3-megamenu .mega-caption {
display: block;
white-space: nowrap;
}
.t3-megamenu .nav .caret,
.t3-megamenu .dropdown-submenu .caret,
.t3-megamenu .mega-menu .caret {
display: none;
}
.t3-megamenu .nav > .dropdown > .dropdown-toggle .caret {
display: inline-block;
}
.t3-megamenu .nav [class^="icon-"],
.t3-megamenu .nav [class*=" icon-"],
.t3-megamenu .nav .fa {
margin-right: 5px;
}
.t3-megamenu .mega-tab > div {
position: relative;
}
.t3-megamenu .mega-tab > div > ul {
width: 200px;
}
.t3-megamenu .mega-tab > div > ul > li {
position: static;
}
.t3-megamenu .mega-tab > div > ul > li > .dropdown-menu {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 200px;
}
.t3-megamenu .mega-tab > div > ul > li > .mega-dropdown-menu {
border: none;
box-shadow: none;
}
.t3-megamenu .mega-tab > div > ul > li > .mega-dropdown-menu > div {
opacity: 1 !important;
margin-left: 0 !important;
transition: none !important;
}
@media (min-width: 768px) {
.t3-megamenu.animate .mega > .mega-dropdown-menu {
transition: all 400ms;
-webkit-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
}
.t3-megamenu.animate .mega.animating > .mega-dropdown-menu {
display: block;
}
.t3-megamenu.animate .mega.open > .mega-dropdown-menu,
.t3-megamenu.animate .mega.animating.open > .mega-dropdown-menu {
opacity: 1;
}
.t3-megamenu.animate.zoom .mega > .mega-dropdown-menu {
transform: scale(0, 0);
transform-origin: 20% 20%;
-webkit-transform: scale(0, 0);
-webkit-transform-origin: 20% 20%;
-ms-transform: scale(0, 0);
-ms-transform-origin: 20% 20%;
-o-transform: scale(0, 0);
-o-transform-origin: 20% 20%;
}
.t3-megamenu.animate.zoom .mega.open > .mega-dropdown-menu {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
}
.t3-megamenu.animate.elastic .level0 > .mega > .mega-dropdown-menu {
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
}
.t3-megamenu.animate.elastic .mega > .mega-dropdown-menu {
transform: scale(0, 1);
transform-origin: 10% 0;
-webkit-transform: scale(0, 1);
-webkit-transform-origin: 10% 0;
-ms-transform: scale(0, 1);
-ms-transform-origin: 10% 0;
-o-transform: scale(0, 1);
-o-transform-origin: 10% 0;
}
.t3-megamenu.animate.elastic .mega.open > .mega-dropdown-menu {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
}
.t3-megamenu.animate.slide .mega {
/* Level 0 */
/* Level > 0 */
}
.t3-megamenu.animate.slide .mega.animating > .mega-dropdown-menu {
overflow: hidden;
}
.t3-megamenu.animate.slide .mega > .mega-dropdown-menu > div {
transition: all 400ms;
-webkit-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
margin-top: -100%;
}
.t3-megamenu.animate.slide .mega.open > .mega-dropdown-menu > div {
margin-top: 0%;
}
.t3-megamenu.animate.slide .mega .mega > .mega-dropdown-menu {
min-width: 0;
}
.t3-megamenu.animate.slide .mega .mega > .mega-dropdown-menu > div {
min-width: 200px;
margin-top: 0;
margin-left: -500px;
}
.t3-megamenu.animate.slide .mega .mega.open > .mega-dropdown-menu > div {
margin-left: 0;
}
}
html[dir="rtl"] .t3-megamenu .mega-align-left > .dropdown-menu {
right: 0;
}
html[dir="rtl"] .t3-megamenu .mega-align-right > .dropdown-menu {
right: auto;
left: 0;
}
html[dir="rtl"] .t3-megamenu .mega-align-center > .dropdown-menu {
right: 50%;
transform: translate(50%);
-webkit-transform: translate(50%);
-moz-transform: translate(50%);
-ms-transform: translate(50%);
-o-transform: translate(50%);
}
html[dir="rtl"] .t3-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu {
right: 100%;
}
html[dir="rtl"] .t3-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu {
right: auto;
left: 100%;
}
html[dir="rtl"] .t3-megamenu .mega-align-justify > .dropdown-menu {
right: 0;
margin-right: 0;
top: auto;
}
html[dir="rtl"] .t3-megamenu .mega-nav .dropdown-submenu > a:after {
direction: ltr;
}