?
Path : /home/admin/public_html/old/templates/purity_iii/less/ |
Current File : /home/admin/public_html/old/templates/purity_iii/less/megamenu.less |
/** *------------------------------------------------------------------------------ * @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 *------------------------------------------------------------------------------ */ // VARIABLES & MIXINS // ------------------ @import "vars.less"; // Include Variables and Mixins // EXTEND STYLE IN BASE // -------------------- @import "../../../plugins/system/t3/base-bs3/less/megamenu.less"; // // BASIC STYLE FOR MEGAMENU // ------------------------- .t3-megamenu { // THE MEGAMENU //-------------------------------------------- // Global Menu Inner padding // ------------------------- .mega-inner { padding: @t3-global-padding 0; } // Inner Padding for 1 column .col-lg-12 .mega-inner, .col-md-12 .mega-inner, .col-sm-12 .mega-inner, .col-xs-12 .mega-inner { } // Menu Grids // ---------- .row { margin-left: auto; margin-right: auto; } .row + .row { padding-top: @t3-global-padding/2; border-top: 1px solid lighten(@dropdown-bg,5%); } // The Dropdown // ------------ .mega-dropdown-menu { color: @gray-lightest; } // Dropdown Sub Menus // ------------------ .dropdown-submenu { } // The Group // --------- .mega-group { border: 0 !important; } // Group Title // We use BS3 "dropdown-header" //.mega-nav .mega-group > .mega-group-title, //.dropdown-menu .mega-nav .mega-group > .mega-group-title, //.dropdown-menu .active .mega-nav .mega-group > .mega-group-title .dropdown-header, .mega-nav .mega-group > .dropdown-header, .dropdown-menu .mega-nav .mega-group > .dropdown-header, .dropdown-menu .active .mega-nav .mega-group > .dropdown-header { margin: 0; padding: 0; background: @t3-module-title-bg; color: @t3-module-title-color; font-size: @font-size-large; line-height: normal; white-space: nowrap; // Link states &:hover, &:active, &:focus { background: inherit; color: inherit; } } // Group Content .mega-group-ct { .row { margin-left: -(@grid-gutter-width / 2); margin-right: -(@grid-gutter-width / 2); } } // Nav in Megamenu // --------------- .mega-col-nav { } // Inner padding .mega-col-nav .mega-inner { } // Inner padding for nav in 1 column .col-lg-12.mega-col-nav .mega-inner, .col-md-12.mega-col-nav .mega-inner, .col-sm-12.mega-col-nav .mega-inner, .col-xs-12.mega-col-nav .mega-inner { } .mega-group .col-lg-12.mega-col-nav .mega-inner, .mega-group .col-md-12.mega-col-nav .mega-inner, .mega-group .col-sm-12.mega-col-nav .mega-inner, .mega-group .col-xs-12.mega-col-nav .mega-inner { } // The Nav .mega-nav, .dropdown-menu .mega-nav { } .mega-nav > li, .dropdown-menu .mega-nav > li { border-bottom: 1px solid lighten(@dropdown-bg, 5%); &:first-child { border-top: 1px solid lighten(@dropdown-bg, 5%); } } .mega-nav > li a, .dropdown-menu .mega-nav > li a { padding: @t3-global-padding / 2; color: @gray-lighter; } .dropdown-menu .mega-nav > li .separator { } .mega-nav > li.open > a, .dropdown-menu .mega-nav > li.open > a { background: @dropdown-link-hover-bg; } .mega-nav > li.active > a, .dropdown-menu .mega-nav > li.active > a { color: @white; background: @dropdown-link-hover-bg; } // Nav in Group .mega-group > .mega-nav, .dropdown-menu .mega-group > .mega-nav { } .mega-group > .mega-nav > li, .dropdown-menu .mega-group > .mega-nav > li { } .mega-group .mega-nav > li a, .dropdown-menu .mega-group .mega-nav > li a { } // The caret .mega-nav .dropdown-submenu > a::after { margin-right: 0; } // Modules in Megamenu // ------------------- .mega-col-module { } // Inner padding .mega-col-module .mega-inner { } // The module .t3-module { } // Module Title .t3-module .module-title { color: @gray-lighter; .dropdown-header(); // Make the Module Title look like Dropdown Header margin-bottom: 20px; } // Module Content .t3-module .module-ct { } // List in Module // Reset List Style in Module .t3-module ul, .t3-module .nav { padding-left: @t3-global-padding; } .t3-module ul li, .t3-module .nav li { list-style: disc; display: list-item; float: none; margin: 0; padding: 0; border: 0; } .t3-module ul li a, .t3-module .nav li a { display: inline; padding: 0; margin: 0; border: 0; font-size: 100%; background: none; font: inherit; white-space: normal; color: @gray-lightest; // Link states &:hover, &:focus, &:active { background: transparent; color: @link-color; font: inherit; } } // Reset Link Style in Module a:hover, &:focus, a:active { } // Nav in Module .dropdown-menu .t3-module .nav { } .dropdown-menu .t3-module .nav li { } .dropdown-menu .t3-module .t3-module li a { // Link states &:hover, &:focus, &:active { } } // The caption // ----------- .mega-caption { color: @gray-light; font-size: @t3-font-size-smaller; margin-top: 3px; font-weight: normal; } // The caret // --------- .nav .caret, .dropdown-submenu .caret, .mega-menu .caret { } // Show the caret on level 0 only .nav > .dropdown > .dropdown-toggle .caret { } // The icon // -------- .nav [class^="icon-"], .nav [class*=" icon-"], .nav .fa { } // Reset the margin on Input Group Addon .nav .input-group-addon [class^="icon-"], .nav .input-group-addon [class*=" icon-"], .nav .input-group-addon .fa { margin-right: 0; } // End }