%PDF-
%PDF-
Mini Shell
Mini Shell
/**
*------------------------------------------------------------------------------
* @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 (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: @navbar-height;
line-height: @navbar-height;
width: @navbar-height;
margin: 0;
position: absolute;
right: 0;
top: 0;
// States
&:hover, &:active, &:focus {
outline: none;
.box-shadow(none);
}
// 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-text {
color: @navbar-default-color;
}
.navbar-nav {
> li {
@media screen and (min-width: @grid-float-breakpoint) {
margin-left: 30px;
}
}
> li > a {
color: @navbar-default-link-color;
padding: @t3-global-padding;
text-transform: uppercase;
@media screen and (min-width: @grid-float-breakpoint) {
padding: 0;
line-height: @navbar-height;
}
&:hover,
&:focus {
color: @navbar-default-link-hover-color;
background-color: @navbar-default-link-hover-bg;
@media screen and (min-width: @grid-float-breakpoint) {
.box-shadow(inset 0 -2px 0 #fff);
}
}
}
> .active > a {
&,
&:hover,
&:focus {
color: @navbar-default-link-active-color;
background-color: @navbar-default-link-active-bg;
@media screen and (min-width: @grid-float-breakpoint) {
.box-shadow(inset 0 -2px 0 #fff);
}
}
}
}
.navbar-toggle {
border: 0;
&:hover,
&:focus {
background: @navbar-default-border;
color: @navbar-default-link-hover-color;
}
.icon-bar,
.fa-bars {
background-color: transparent;
color: @navbar-default-color;
}
}
.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;
@media screen and (min-width: @grid-float-breakpoint) {
.box-shadow(inset 0 -2px 0 #fff);
}
// Caret
.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: @grid-float-breakpoint) {
// Dropdowns get custom display when collapsed
.open .dropdown-menu {
background: @navbar-default-border;
> li {
border-top-color: darken(@navbar-default-border,5%);
}
> li > a {
color: @navbar-default-link-color;
padding: 20px 20px 20px 30px;
&: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;
}
}
}
}
// Level 2 dropdown-menu on Collapse Menu
@media screen and (max-width: @grid-float-breakpoint) {
.open .level2.dropdown-menu {
background: darken(@navbar-default-border,5%);
border-top: 1px solid darken(@navbar-default-border,10%);
margin-top: 0;
> li {
border-top-color: darken(@navbar-default-border,10%);
}
> li > a {
padding-left: 40px;
}
}
}
}
// 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;
border-bottom: 1px solid @navbar-default-border;
margin-bottom: 0;
border-radius: 0;
> .container {
// Set ralative Position on Breakpoint
@media (min-width: @grid-float-breakpoint) {
position: relative;
}
}
// Navbar
// -------
.t3-navbar {
padding-left: 0;
padding-right: 0;
float: left;
}
// Collapse Navbar
// ---------------
.t3-navbar-collapse {
margin-top: @navbar-height;
// 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 {
border-top: 1px solid @navbar-default-border;
}
> li:first-child > a {
border-top: 0;
}
// Dropdown Menu
.open .dropdown-menu {
left: -1px;
> 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
}
Zerion Mini Shell 1.0