Файловый менеджер - Редактировать - /home/hrpsychology/public_html/soulfood.gr/psychologyeng.soulfood.gr/templates/ja_oslo/less/navbar.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 *------------------------------------------------------------------------------ */ // ------------------------------------------------------- // DEFAULT BOOTSTRAP NAVBAR (navbars.less) // ------------------------------------------------------- // Base Navbars // -------------------------------------------------- .navbar { @media (min-width: @grid-float-breakpoint) { } } // Navbar heading // -------------- .navbar-header { @media (min-width: @grid-float-breakpoint) { } } // Navbar collapse (body) // ---------------------- .navbar-collapse { @media (max-width: (@grid-float-breakpoint - 1)) { background: @body-bg; position: absolute; top: 100%; left: 0; width: 100%; z-index: 22; box-shadow: 0 1px 5px #ddd; } } // Brand/project name // ------------------ .navbar-brand { // Link states &:hover, &:focus { } @media (min-width: @grid-float-breakpoint) { } } // Navbar toggle // ------------- .navbar-toggle { border: 0; padding: 0; height: @navbar-height; font-size: 17px; line-height: @navbar-height; width: @navbar-height; margin: 0; &:hover,&:focus,&:active { background: transparent; color: @brand-primary; } @media (max-width: (@grid-float-breakpoint - 1)) { width: 50px; height: 50px; line-height: 50px; font-size: 14px; } // 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 { > li > span { font-size: @font-size-small; font-weight: @font-weight-bold; text-transform: uppercase; padding: 0; } } // 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; font-family: @font-family-sans-serif; @media (max-width: @screen-sm-max) { padding-right: 0; } .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, > li > span { color: @navbar-default-link-color; cursor: pointer; font-size: 11px; font-weight: 700; text-transform: uppercase; padding-left: 0; padding-right: @grid-gutter-width; @media (max-width: @screen-sm-max) { padding-right: 15px; } } > li > a { &:hover, &:focus { color: @navbar-default-link-hover-color; background-color: @navbar-default-link-hover-bg; } } > li > .nav-header { color: @navbar-default-link-color; cursor: pointer; display: inline-block; padding-top: @t3-global-padding; padding-bottom: @t3-global-padding; } > .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; } // Compatilbe for j4 .navbar-collapse { @media (max-width: @screen-xs-max) { max-height: 300px; } &.show { overflow-y: auto; } } // 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, > .dropdown > span .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 { padding: 0 @t3-global-padding; > li > a { color: @navbar-default-link-color; text-transform: none; font-weight: normal; &: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; } } > li + li { margin: 0; } } } } // 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: 0; margin-bottom: 0; border-radius: 0; @media (max-width: (@grid-float-breakpoint - 1)) { position: static; float: right; width: 50px; padding: 0; min-height: 50px; } // Navbar // ------- .t3-navbar { padding-left: 0; padding-right: 0; } // Collapse Navbar // --------------- .t3-navbar-collapse { border-top: 1px solid @t3-border-color; // Hide the generated navbar on breakpoint @media (min-width: @grid-float-breakpoint) { display: none !important; } // Navbar nav links // ---------------- .navbar-nav { margin: 0 -@navbar-padding-horizontal; //font awesome li > a .fa { margin-right: 5px; } > li > a, > li > span { border-top: 1px solid @navbar-default-border; display: block; padding: 5px @t3-global-padding/2; .caret { border-bottom-color: @gray-dark; border-top-color: @gray-dark; float: right; margin-top: 3px; } &:hover,&:focus,&:active { .caret { border-bottom-color: @brand-primary; border-top-color: @brand-primary; } } } > li:first-child > a { border-top: 0; } // Dropdown Menu .open .dropdown-menu { padding: 0 @t3-global-padding/2; > li > a, > span, .dropdown-header { padding: 5px @t3-global-padding/2; } > 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 }
| ver. 1.4 |
Github
|
.
| PHP 8.2.32 | Генерация страницы: 0.05 |
proxy
|
phpinfo
|
Настройка