grthtrhthjhtyjytjytkergtrhtrjytjerhrfh4:24 29/09/2026/** *------------------------------------------------------------------------------ * @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 *------------------------------------------------------------------------------ */ // ------------------------------------------------------- // DEFAULT BOOTSTRAP NAVBAR (navbars.less) // ------------------------------------------------------- .jb-onepage{ .navbar-default{ position:inherit !important; .navbar-nav { float:none; > li > .nav-header { color: @navbar-default-link-color; display: inline-block; padding-top: @t3-global-padding * 0.75; padding-bottom: @t3-global-padding * 0.75; } > .active > a, > li.dropdown.active > .dropdown-toggle { &, &:hover, &:focus { color: @brand-primary; background-color: @navbar-default-link-active-bg; } } > .open > a, > li.dropdown.open > .dropdown-toggle { &, &:hover, &:focus { color: @navbar-default-link-hover-color; background-color: @navbar-default-link-hover-bg; } } > .disabled > a, > .dropdown.disabled > .dropdown-toggle { &, &:hover, &:focus { color: @navbar-default-link-disabled-color; background-color: @navbar-default-link-disabled-bg; } } } } .navbar-header{ button{ margin-top:25px; } } @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { .t3-navbar-collapse.navbar-collapse.collapse.in{ display:inline-block !important; } .navbar-nav li{ float:none !important; } .hidden-sm{ display:none !important; } .navbar-toggle{ display:inline; } } } // Base Navbars // -------------------------------------------------- .navbar { @media (min-width: @grid-float-breakpoint) { min-height:auto; border:none; } } // Navbar heading // -------------- .navbar-header { @media (min-width: @grid-float-breakpoint) { } } // Navbar collapse (body) // ---------------------- .navbar-collapse { @media (min-width: @grid-float-breakpoint) { } } // Brand/project name // ------------------ .navbar-brand { // Link states &:hover, &:focus { } @media (min-width: @grid-float-breakpoint) { } } // Navbar toggle // ------------- .navbar-toggle { padding: 0; height: 35px; line-height: 35px; width: 35px; margin-left: @navbar-padding-horizontal; // Bars .fa-bars { } // Hide on breakpoint @media (min-width: @grid-float-breakpoint) { display: none; } } // Navbar nav links // ---------------- .navbar-nav { margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal; > li > a { } // T3 Note: Dropdown Menu styles when collapsed // Dropdowns get custom display when collapsed @media (max-width: @screen-xs-max) { .open .dropdown-menu { > li > a, .dropdown-header { } > li > a { // Link states &:hover, &:focus { } } } } // T3 Note: Main Styles for breakpoint // Uncollapse the nav @media (min-width: @grid-float-breakpoint) { margin: 0; > li { > a { } } } // End } // Navbar form // ------------ .navbar-form { } // Dropdown in navbars // ------------------- // Menu position and menu carets .navbar-nav > li > .dropdown-menu { } // Buttons in navbars // ------------------ .navbar-btn { } // Text in navbars // --------------- .navbar-text { } // Default Navbars (Visual Style only) // -------------------------------------------------- .navbar-default { background-color: @navbar-default-bg; border-color: @navbar-default-border; .navbar-brand { color: @navbar-default-brand-color; &:hover, &:focus { color: @navbar-default-brand-hover-color; background-color: @navbar-default-brand-hover-bg; } } .navbar-text { color: @navbar-default-color; } .navbar-nav { > li > a { color: @navbar-default-link-color; text-transform:uppercase; padding:35px 21px; font-size:14px; font-weight:400; font-family:@font-family-sans-serif; outline:none; &:hover, &:focus { color: @navbar-default-link-hover-color; background-color: @navbar-default-link-hover-bg; } } > li > .nav-header { color: @navbar-default-link-color; display: inline-block; padding-top: @t3-global-padding * 0.75; padding-bottom: @t3-global-padding * 0.75; } > .active > a { &, &:hover, &:focus { color: @navbar-default-link-active-color; background-color: @navbar-default-link-active-bg; } } > .disabled > a { &, &:hover, &:focus { color: @navbar-default-link-disabled-color; background-color: @navbar-default-link-disabled-bg; } } } .navbar-toggle { border-color: @navbar-default-toggle-border-color; &:hover, &:focus { background-color: @navbar-default-toggle-hover-bg; } .icon-bar { background-color: @navbar-default-toggle-icon-bar-bg; } } .navbar-collapse, .navbar-form { border-color: @navbar-default-border; } // Dropdown menu items and carets .navbar-nav { // Caret should match text color on hover > .dropdown > a:hover .caret, > .dropdown > a:focus .caret { border-top-color: @navbar-default-link-hover-color; border-bottom-color: @navbar-default-link-hover-color; } // Remove background color from open dropdown > .open > a { &, &:hover, &:focus { background-color: @navbar-default-link-active-bg; color: @navbar-default-link-active-color; .caret { border-top-color: @navbar-default-link-active-color; border-bottom-color: @navbar-default-link-active-color; } } } > .dropdown > a .caret { border-top-color: @navbar-default-link-color; border-bottom-color: @navbar-default-link-color; } @media (max-width: @screen-xs-max) { // Dropdowns get custom display when collapsed .open .dropdown-menu { > li > a { color: @navbar-default-link-color; &:hover, &:focus { color: @navbar-default-link-hover-color; background-color: @navbar-default-link-hover-bg; } } > .active > a { &, &:hover, &:focus { color: @navbar-default-link-active-color; background-color: @navbar-default-link-active-bg; } } > .disabled > a { &, &:hover, &:focus { color: @navbar-default-link-disabled-color; background-color: @navbar-default-link-disabled-bg !important; } } } } } // Links in navbars // // Add a class to ensure links outside the navbar nav are colored correctly. .navbar-link { color: @navbar-default-link-color; &:hover { color: @navbar-default-link-hover-color; } } } // ------------------------------------------------------- // T3 MAIN MENU // ------------------------------------------------------- .t3-mainnav { border-left: 0; border-right: 0; margin-bottom: 0; border-radius: 0; // Navbar // ------- .t3-navbar { padding-left: 0; padding-right: 0; } // Collapse Navbar // --------------- .t3-navbar-collapse { background: @gray-dark; border: 0; position: absolute; left: 0; top: 100%; width: 100%; // Hide the generated navbar on breakpoint @media (min-width: @grid-float-breakpoint) { display: none !important; } // Navbar nav links // ---------------- .navbar-nav { display: block; margin: 0 -@navbar-padding-horizontal; > li { margin: 0; > .dropdown-menu { &:before { display: none; } > li > span { padding-left: @t3-global-padding / 2; } > li > a, > li > span { padding-top: @t3-global-padding / 2; padding-bottom: @t3-global-padding / 2; } } &.active { > a, > span { background: rgba(255,255,255,0.2); } } } li > span { border-top: 1px solid rgba(0,0,0,0.2); border-radius: 0; color: @white; display: block; font-weight: 500; padding-top: @t3-global-padding / 2; padding-bottom: @t3-global-padding / 2; position: relative; text-transform: uppercase; .caret { border-bottom-color: #ffffff; border-top-color: #ffffff; position: absolute; right: 15px; top: 40%; } } //font awesome li > a .fa { margin-right: 5px; } > li > a { border-top: 1px solid rgba(0,0,0,0.2); border-radius: 0; color: @white; display: block; font-weight: 500; padding-top: @t3-global-padding / 2; padding-bottom: @t3-global-padding / 2; text-transform: uppercase; .caret { border-bottom-color: #ffffff; border-top-color: #ffffff; position: absolute; right: 15px; top: 40%; } } > li:first-child > a { border-top: 0; } // Dropdown Menu .open .dropdown-menu { > li > a, .dropdown-header { } > li > a { // Link states &:hover, &:focus { } } } // Re-Align the caret on right .dropdown > a { .caret { position: absolute; top: 40%; right: @padding-base-horizontal; } } } // End Collapse Navbar } // End }