Current Directory: /home/astoriaah/www/old15/templates/client/less/menu
Viewing File: /home/astoriaah/www/old15/templates/client/less/menu/megamenu.less
// 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: 0 !important
}
.btn {
.btn()
}
// 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 @hr-border;
}
// The Dropdown
// ------------
.mega-dropdown-menu {
}
// Dropdown Sub Menus
// ------------------
.dropdown-submenu {
}
// The Group
// ---------
.mega-group {
list-style:none !important;
margin-left:-16px !important;
margin-top:12px !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 16px 0 0;
background: @t3-module-title-bg !important;
color: @t3-module-title-color;
font-size: @font-size-base * 1.2;
line-height: normal;
// Link states
&:hover, &:active, &:focus {
background: inherit;
color: inherit;
}
}
// Group Content
.mega-group-ct {
border:1px solid @border-color;
background:#fff;
margin:8px 0;
.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 {
padding:0 16px !important;
font-size:94% !important;
}
li {
list-style-type:none !important
}
.mega-group-ct {
border:0;
padding: 0 16px !important;
}
.moduletable {
padding-top:0
}
.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 {
padding-left:0;
margin-left:0 !important
}
.mega-nav > li,
.dropdown-menu .mega-nav > li {
}
.mega-nav > li a,
.dropdown-menu .mega-nav > li a {
}
.dropdown-menu .mega-nav > li .separator {
}
// 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 {
.dropdown-header(); // Make the Module Title look like Dropdown Header
margin-bottom: 10px;
}
// Module Content
.t3-module .module-ct {
}
// List in Module
// Reset List Style in Module
.t3-module ul,
.t3-module .nav {
}
.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;
// Link states
&:hover, &:focus, &:active {
background: none;
color: inherit;
font: inherit;
}
}
// 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
}
#navwrap ul.nav li,
#navwrap.zencenter ul.nav li {
/* Old grid css for backwards compatibility and Jb Type grid syntax
-----------------------------------------------------------------------------*/
.grid_one,
.grid_two,
.grid_three,
.grid_four,
.grid_five,
.grid_six,
.grid_seven,
.grid_eight,
.grid_nine,
.grid_ten,
.grid_eleven,
.grid_3,
.grid_4,
.grid_2,
.grid_1,
.grid_5,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11
{
margin-right: 3.8% !important;
float: left;
position: relative;
min-height: 1px;
padding: 0;
}
.grid_one
{
width: 4.85% !important
}
.grid_11 {
width: 5.7% !important
}
.grid_10 {
width: 6.7% !important
}
.grid_9 {
width: 7.9% !important
}
.grid_8 {
width: 9.3% !important
}
.grid_7 {
width: 11.1% !important
}
.grid_two
{
width: 13.45% !important
}
.grid_5 {
width: 17% !important
}
.grid_three,.grid_4
{
width: 22.05% !important
}
.grid_four,.grid_3
{
width: 30.75% !important
}
.grid_five
{
width: 39.45% !important
}
.grid_six,.grid_2
{
width: 48% !important
}
.grid_seven
{
width: 56.75% !important
}
.grid_eight
{
width: 65.4% !important
}
.grid_nine
{
width: 74.05% !important
}
.grid_ten
{
width: 82.7% !important
}
.grid_eleven
{
width: 91.35% !important
}
.grid_twelve,grid_,.grid_1
{
width: 100%;
float: left
}
.zenlast,.jblast {
float: right;margin: 0 !important;
}
}