| Current Path : /home/w/u/e/wuectly/www/03cbe/ |
| Current File : /home/w/u/e/wuectly/www/03cbe/base-bs3.tar |
less/legacy-navigation.less 0000604 00000003726 15245571252 0012017 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
// ------------------------------------------------------
// LEGACY NAVIGATION ELEMENTS
// ------------------------------------------------------
// T3 Note: Extend BS3 Dropdown Menu to multi level
// Dropdown Sub Menus
// ------------------
.dropdown-submenu {
position: relative;
}
// Default dropdowns
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -5px;
margin-left: -1px;
}
.dropdown-submenu.open > .dropdown-menu {
display: block;
}
// The Sub Menus
// ------------------
.dropdown-submenu > .dropdown-menu {
border-radius: @border-radius-base;
}
// Caret to indicate there is a submenu
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: darken(@dropdown-bg, 20%);
margin-top: 5px;
margin-right: -5px;
}
.dropdown-submenu.open > a:after {
border-left-color: @dropdown-link-hover-color;
}
/*
//
// Hide the submenu on Touch Devices
@media screen and (max-width: @screen-xs-max) {
.dropdown-submenu > .dropdown-menu {
display: none !important;
}
.dropdown-submenu > a:after {
display: none !important;
}
}
*/ less/legacy-grid.less 0000604 00000010355 15245571252 0010601 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
// Prevent Bootstrap Upgrading errors
@import "../bootstrap/less/variables.less";
// Bootstrap mixins
@import "../bootstrap/less/mixins.less";
// T3 Base variables
@import "variables.less";
// T3 Base mixins
@import "mixins.less";
/**
* Grid system
* --------------------------------------------------*/
//mixins
.legacy-make-grid-columns() {
// Common styles for all sizes of grid columns, widths 1-12
.legacy-span(@index) when (@index = 1) { // initial
@item: ~".span@{index}";
.legacy-span(@index + 1, @item);
}
.legacy-span(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
@item: ~".span@{index}";
.legacy-span(@index + 1, ~"@{list}, @{item}");
}
.legacy-span(@index, @list) when (@index > @grid-columns) { // terminal
@{list} {
position: relative;
// Prevent columns from collapsing when empty
min-height: 1px;
// Inner gutter via padding
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
}
}
.legacy-span(1); // kickstart it
}
.legacy-calc-grid(@index, @type) when (@type = width) and (@index > 0) {
.span@{index} {
width: percentage((@index / @grid-columns));
}
}
.legacy-calc-grid(@index, @type) when (@type = offset) {
.offset@{index} {
margin-left: percentage((@index / @grid-columns));
}
}
// Basic looping in LESS
.legacy-make-grid(@index, @type) when (@index >= 0) {
.legacy-calc-grid(@index, @type);
// next iteration
.legacy-make-grid(@index - 1, @type);
}
// Style
//----------------------------------------------------------------------
.row-flex {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
//same as row
.row-fluid {
.make-row();
}
// float left all span block
[class*="span"]{
float:left;
}
// apply grid to span
.legacy-make-grid-columns();
.legacy-make-grid(@grid-columns, width);
.legacy-make-grid(@grid-columns, offset);
// responsive utility
// For desktops
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-phone { }
.hidden-tablet { }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }
// Tablets & small desktops only
@media (min-width: 768px) and (max-width: 979px) {
// Hide everything else
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important ; }
// Show
.visible-tablet { display: inherit !important; }
// Hide
.hidden-tablet { display: none !important; }
}
// Phones only
@media (max-width: 767px) {
// Hide everything else
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
// Show
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
// Hide
.hidden-phone { display: none !important; }
}
// Specific Joomla! Widths
//----------------------------------------------------------------------
// Specific Joomla! Widths
.width-10 { width: 10px; }
.width-20 { width: 20px; }
.width-30 { width: 30px; }
.width-40 { width: 40px; }
.width-50 { width: 50px; }
.width-60 { width: 60px; }
.width-70 { width: 70px; }
.width-80 { width: 80px; }
.width-90 { width: 90px; }
.width-100 { width: 100px; }
// Specific Joomla! Heights
.height-10 { height: 10px; }
.height-20 { height: 20px; }
.height-30 { height: 30px; }
.height-40 { height: 40px; }
.height-50 { height: 50px; }
.height-60 { height: 60px; }
.height-70 { height: 70px; }
.height-80 { height: 80px; }
.height-90 { height: 90px; }
.height-100 { height: 100px; }
less/legacy_j4.less 0000604 00000023034 15245571252 0010251 0 ustar 00 // BOOTSTRAP LEGACY
// ----------------------------------
.sr-only,
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.btn-close {
background: #f0f0f0;
border: 0;
border-radius: 50%;
color: #999;
height: 32px;
text-align: center;
width: 32px;
margin-left: auto;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
&::before {
content: "\f00d";
display: block;
font-family: FontAwesome3 !important;
font-size: 16px;
}
&:hover {
cursor: pointer;
color: #666;
}
}
// Calendar field
.field-calendar {
.input-group {
input[type="text"] {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
a {
&:hover, &:focus, &:active {
cursor: pointer;
}
}
}
joomla-field-custom.field-custom-wrapper {
.input-group {
display: flex;
align-items: stretch;
input[type="text"] {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-btn {
display: flex;
align-items: stretch;
.btn {
border-radius: 0;
&.button-select {
background-color: #2f7d32;
border-color: #2f7d32;
&:hover, &:focus, &:active {
background-color: #296e2c;
border-color: #296e2c;
}
}
&.button-clear {
background-color: #c52827;
border: 1px solid #c52827;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
&:hover, &:focus, &:active {
background-color: #ae2322;
border-color: #c52827;
}
}
span {
line-height: 38px;
}
}
}
}
}
// Input group
// -----------
.input-group {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: stretch;
width: 100%;
.form-control {
width: auto;
}
.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
// Tag category
.com-tags-tag.tag-category {
.filters {
display: flex;
align-items: center;
}
}
.users-profile-custom-joomlatoken {
.dl-horizontal {
dd {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 400px;
}
}
}
// Smart search
// ------------
.com-finder {
.form-inline > label {
margin-bottom: @t3-global-margin / 2;
}
.input-group {
display: flex;
align-items: center;
.btn:last-of-type {
border-radius: 5px;
margin-left: @t3-global-margin / 2;
}
}
}
// Compatible with Joomla 4
.j40 {
// Media field
joomla-field-media {
.input-group {
max-width: 356px;
input[type="text"] {
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.form-control {
border-top-left-radius: 0;
flex: 1;
}
.btn {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.icon-times::before {
content: "\f00d";
display: inline-block;
font-weight: FontAwesome;
font-size: 16px;
}
}
}
// Control label
.form-control-feedback {
font-size: 12px;
font-weight: 400;
top: auto;
bottom: -28px;
line-height: 1;
width: auto;
white-space: nowrap;
}
// COMPONENTS
// ----------------------
// Newsfeed
.com-newsfeeds-newsfeed__items {
margin: 0;
padding: 0;
list-style: none;
li {
border-bottom: 1px solid @t3-border-color;
padding: @t3-global-padding 0;
}
.feed-link {
margin-bottom: @t3-global-margin;
}
}
figure {
margin-bottom: @t3-global-margin;
img {
max-width: 100%;
}
}
// Contact form
#com-contact-form {
margin-bottom: @t3-global-margin;
}
// Request confirm
.request-confirm {
fieldset {
legend {
font-size: 16px;
padding-bottom: @t3-global-padding;
}
}
}
// Article assign
.article-aside {
.icons {
float: right;
a {
display: block;
position: relative;
}
[role="tooltip"] {
background-color: rgba(0,0,0,0.6);
border-radius: 3px;
color: #fff;
display: none;
padding: 2px 4px;
position: absolute;
white-space: nowrap;
right: 0;
max-width: none;
}
&:hover {
[role="tooltip"] {
display: block;
}
}
}
}
.password-group {
.input-group {
display: flex;
flex-wrap: nowrap;
input {
width: auto;
}
}
}
// Edit article
// ------------
.edit.item-page {
.choices__inner {
padding-right: 6px;
button {
background-color: rgba(255,255,255,0.3);
border-radius: 8px;
border: 0;
margin-left: 6px;
padding: 1px 6px;
&:hover, &:focus, &:active {
background-color: rgba(255,255,255,0.5);
cursor: pointer;
}
}
}
}
}
// Edit profile
// ------------
.profile-edit {
.password-group .input-group input {
min-width: 268px;
}
.control-group {
margin-top: @t3-global-margin;
.controls {
float: none;
}
}
}
// Modal
// -------------------
.j40,
.j42 {
.joomla-modal.show {
background-color: rgba(0,0,0,0.5);
opacity: 1;
.modal-dialog {
top: 50%;
transform: translateY(-50%);
.modal-content {
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
}
}
.jviewport-width80 {
width: 80vw;
}
.jviewport-height70 {
height: 70vh;
}
.modal-header {
align-items: center;
border-bottom: 1px solid #ddd;
display: flex;
padding: 12px 16px;
justify-content: space-between;
h3 {
font-size: 24px;
font-weight: 500;
}
}
.modal-body {
overflow: hidden;
padding: 0;
}
.iframe {
border: 0;
height: 100%;
width: 100%;
}
[role=tooltip]:not(.show) {
right: 5em;
z-index: 1070;
display: none;
max-width: 100%;
padding: .5em;
margin: .5em;
color: #000;
text-align: start;
background: #fff;
border: 1px solid #6d757e;
border-radius: .25rem;
}
.container-popup [id="filter[search]-desc"] {
top: 100%;
bottom: auto;
}
}
// Front-end edit
// --------------
.j40 {
.btn-toolbar,
.js-stools-container-filters {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.ordering-select {
display: flex;
align-items: center;
}
.btn-group {
margin-right: @t3-global-margin / 2;
}
.js-stools-container-filters {
display: none;
margin-top: @t3-global-margin;
&.js-stools-container-filters-visible {
display: flex;
}
.js-stools-field-filter {
margin-right: @t3-global-margin / 2;
&:last-child {
margin-right: 0;
}
}
.choices {
.choices__inner {
border: 0;
min-height: auto;
padding: 0;
input {
margin-bottom: 0;
}
}
}
}
#contact-form {
label.required {
position: relative;
.form-control-feedback {
background: #fff;
border-radius: .5rem;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
border: 1px solid #e5e7eb;
display: flex;
align-items: center;
justify-content: center;
padding: 0 .5rem;
right: auto;
left: calc(100% + 32px);
bottom: calc(100% + 32px);
}
}
}
}
.contentpane {
.subhead {
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
.btn-toolbar {
display: flex;
gap: @t3-global-margin / 2;
margin: 0;
&::before,
&::after {
display: none;
}
}
joomla-toolbar-button {
}
}
.media-sidebar {
border-right: 1px solid #ddd;
}
.media-toolbar {
border-bottom: 1px solid #ddd;
margin-right: 20px;
padding-left: 20px;
.media-toolbar-icon {
border-left: 1px solid #ddd;
}
.icon-search-minus,
.icon-search-plus {
font-family: FontAwesome3;
&::before {
content: "\f010";
display: block;
font-size: 16px;
}
}
.icon-search-plus::before {
content: "\f00e";
}
}
}
.com_contact {
fieldset.filters {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.com-contact-featured__filter {
display: flex;
flex-wrap: wrap;
}
.display-limit {
margin: 0;
}
table.category {
margin-top: 2rem;
}
}
less/non-responsive.less 0000604 00000003105 15245571252 0011372 0 ustar 00 /* Non-responsive overrides
*
* Utilitze the following CSS to disable the responsive-ness of the container,
* grid system, and navbar.
*/
// Prevent Bootstrap Upgrading errors
@import "../bootstrap/less/variables.less";
// Bootstrap mixins
@import "../bootstrap/less/mixins.less";
// T3 Base variables
@import "variables.less";
// T3 Base mixins
@import "mixins.less";
/* Reset the container */
.container {
max-width: none !important;
width: auto;
.navbar-header,
.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
/* Always float the navbar header */
.navbar-header {
float: left;
}
/* Undo the collapsing navbar */
.navbar-collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-toggle {
display: none;
}
.navbar-brand {
margin-left: -15px;
}
/* Always apply the floated nav */
.navbar-nav {
float: left;
margin: 0;
> li {
float: left;
}
/* Redeclare since we override the float above */
&.navbar-right {
float: right;
}
}
/* Undo custom dropdowns */
.navbar .open .dropdown-menu {
position: absolute;
float: left;
> li > a {
color: @dropdown-link-color;
}
> li > a:hover,
> li > a:focus,
> .active > a,
> .active > a:hover,
> .active > a:focus {
color: @dropdown-link-hover-color !important;
background-color: @dropdown-link-hover-bg !important;
}
> .disabled > a,
> .disabled > a:hover,
> .disabled > a:focus {
color: @dropdown-link-disabled-color !important;
background-color: transparent !important;
}
} less/rtl/megamenu.less 0000604 00000003054 15245571252 0011007 0 ustar 00 // MEGAMENU RTL override
// --------------------------------------------------------------
//
html[dir="rtl"] {
.t3-megamenu {
// Menu alignment
// --------------
.mega-align-center > .dropdown-menu {
.translate(50%, 0);
}
.mega-nav .dropdown-submenu > a:after {
direction: ltr;
}
&.animate.zoom {
.mega > .mega-dropdown-menu {
.transform-origin(80% 20%);
}
//special case for level 0
.level0 > .mega-align-center {
> .mega-dropdown-menu {
-webkit-transform: scale(0, 0) translate(50%, 0);
-ms-transform: scale(0, 0) translate(50%, 0);
transform: scale(0, 0) translate(50%, 0);
.transform-origin(100% 20%);
}
&.open > .mega-dropdown-menu {
-webkit-transform: scale(1, 1) translate(50%, 0);
-ms-transform: scale(1, 1) translate(50%, 0);
transform: scale(1, 1) translate(50%, 0);
}
}
}
&.animate.elastic {
.level0 {
> .mega-align-center {
> .mega-dropdown-menu {
transform: scale(1,0) translate(50%, 0);
-webkit-transform: scale(1,0) translate(50%, 0);
-ms-transform: scale(1,0) translate(50%, 0);
}
&.open > .mega-dropdown-menu {
transform: scale(1,1) translate(50%, 0);
-webkit-transform: scale(1,1) translate(50%, 0);
-ms-transform: scale(1,1) translate(50%, 0);
}
}
}
}
}
} less/rtl/off-canvas.less 0000604 00000002701 15245571252 0011232 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
@media (max-width: @grid-float-breakpoint-max) {
.off-canvas {
body > * {
left: 0;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
#off-canvas-nav {
.t3-mainnav {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
}
}
.off-canvas-enabled {
body > *{
-webkit-transform: translateX(-@t3-off-canvas-width);
-ms-transform: translateX(-@t3-off-canvas-width);
transform: translateX(-@t3-off-canvas-width);
}
}
}
.off-canvas-left.t3-off-canvas {
left: 0;
right: auto;
}
.off-canvas-left.old-ie {
.t3-off-canvas {
left: -@t3-off-canvas-width;
right: auto;
}
} less/off-canvas.less 0000604 00000054632 15245571252 0010443 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
* @credits Mary Lou - http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/
*------------------------------------------------------------------------------
*/
//
// VARIABLES & MIXINS
// ------------------
// Prevent Bootstrap Upgrading errors
@import "../bootstrap/less/variables.less";
// Prevent Bootstrap Upgrading errors
@import "../bootstrap/less/mixins.less";
// T3 Base variables
@import "variables.less";
// T3 Base mixins
@import "mixins.less";
//
// OFF-CANVAS
// -------------------------------------
// Toggle Button
// -------------------
.off-canvas-toggle {
z-index: 100;
}
// The Wrapper
// -------------------
html,
body {
height: 100%;
}
.noscroll {
position: fixed;
overflow-y: scroll;
width: 100%;
}
.t3-wrapper {
// Need a background (Usually @body-bg). Otherwise the sidebar will overlap.
background: @body-bg;
position: relative;
left: 0;
z-index: 99;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
overflow: visible;
&::after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0,0,0,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
z-index: 100;
}
}
.t3-mainnav-android {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
&::after {
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
}
.off-canvas-open {
.t3-wrapper::after {
width: 100%;
height: 10000px;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.t3-mainnav-android::after {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
}
// The Sidebar
// -------------------
.t3-off-canvas {
position: absolute;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: @t3-off-canvas-width;
height: 100%;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
&::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: '';
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
}
.off-canvas-right.t3-off-canvas {
display: none;
}
.off-canvas-right .off-canvas-right.t3-off-canvas {
display: block;
}
html[dir="ltr"] .off-canvas-right.t3-off-canvas {
left: auto;
right: 0;
}
.off-canvas-open {
.t3-off-canvas::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.off-canvas-current {
visibility: visible;
}
.t3-off-canvas {
overflow-y: auto;
}
}
//
// OFF-CANVAS CONTENT STYLES
// -------------------------------------
.t3-off-canvas {
// Generic
// -----------------------------------
background: @t3-off-canvas-background;
color: @t3-off-canvas-text-color;
// Header
// -----------------------------------
.t3-off-canvas-header {
background: @t3-off-canvas-header-background;
color: @t3-off-canvas-header-text-color;
padding: @padding-base-vertical @padding-base-horizontal;
// Title
h2 {
margin: 0;
}
}
// Close Button
.close {
}
// Body
// ----------------------------------
.t3-off-canvas-body {
padding: @padding-base-vertical @padding-base-horizontal;
// Links
// ------------
a {
color: @t3-off-canvas-link-color;
&:hover,
&:focus {
color: @t3-off-canvas-link-hover-color;
}
&:focus {
.tab-focus();
}
}
// Navigations
// ------------
.nav {
}
// Dropdown Menu
// Always show Dropdown Menu in Off-Canvas Sidebar
.dropdown-menu {
position: static;
float: none;
display: block;
width: 100%;
padding: 0;
border: 0;
.box-shadow(none);
}
// Modules
// ------------
.t3-module {
}
// End Off-Canvas Body
}
// End Off-Canvas Content Styles
}
//
// OFF-CANVAS EFFECTS
// -------------------------------------
// Effect 1: Slide in on top
// -------------------------
.off-canvas-effect-1.t3-off-canvas {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-1.off-canvas-open .off-canvas-effect-1.t3-off-canvas {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.off-canvas-effect-1.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-1.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
// Effect 2: Reveal
// ----------------
.off-canvas-effect-2.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-2.t3-off-canvas {
z-index: 1;
}
.off-canvas-effect-2.off-canvas-open .off-canvas-effect-2.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.off-canvas-effect-2.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-2.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
// Effect 3: Push
// --------------
.off-canvas-effect-3.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-3.t3-off-canvas {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-3.off-canvas-open .off-canvas-effect-3.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.off-canvas-effect-3.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-3.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
.off-canvas-right.off-canvas-effect-3.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
// Effect 4: Slide along
// ---------------------
.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas {
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.off-canvas-effect-4.off-canvas-open .off-canvas-effect-4.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.off-canvas-effect-4.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-wrapper,
.off-canvas-right.off-canvas-effect-4.off-canvas-open .t3-mainnav-android {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
.off-canvas-right.off-canvas-effect-4.t3-off-canvas {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
// Effect 5: Reverse slide out
// ---------------------------
.off-canvas-effect-5.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-5.t3-off-canvas {
z-index: 1;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
.off-canvas-effect-5.off-canvas-open .off-canvas-effect-5.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-5.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
.off-canvas-right.off-canvas-effect-5.t3-off-canvas {
z-index: 1;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
// Effect 6: Rotate pusher
// -----------------------
body.off-canvas-effect-6 {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.off-canvas-effect-6 .t3-wrapper {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
height: auto;
overflow: hidden;
}
.off-canvas-effect-6.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0) rotateY(-15deg);
transform: translate3d(@t3-off-canvas-width, 0, 0) rotateY(-15deg);
}
.off-canvas-effect-6.t3-off-canvas {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-6.off-canvas-open .off-canvas-effect-6.t3-off-canvas {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.off-canvas-effect-6.t3-off-canvas::after {
display: none;
}
.off-canvas-right.off-canvas-effect-6 .t3-wrapper {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-6.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0) rotateY(15deg);
transform: translate3d(-@t3-off-canvas-width, 0, 0) rotateY(15deg);
}
.off-canvas-right.off-canvas-effect-6.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
// Effect 7: 3D rotate in
// ----------------------
body.off-canvas-effect-7 {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.off-canvas-effect-7 .t3-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-7.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-7.t3-off-canvas {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
transform: translate3d(-100%, 0, 0) rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-7.off-canvas-open .off-canvas-effect-7.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
// off-canvas on right side
body.off-canvas-effect-7.off-canvas-right {
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-7.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
.off-canvas-right.off-canvas-effect-7.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
transform: translate3d(100%, 0, 0) rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-7.off-canvas-open .off-canvas-right.off-canvas-effect-7.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
transform: translate3d(100%, 0, 0) rotateY(0deg);
}
// Effect 8: 3D rotate out
// -----------------------
body.off-canvas-effect-8 {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.off-canvas-effect-8 .t3-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-8.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-8.t3-off-canvas {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
transform: translate3d(-100%, 0, 0) rotateY(90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-8.off-canvas-open .off-canvas-effect-8.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
.off-canvas-effect-8.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
body.off-canvas-effect-8.off-canvas-right {
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-8.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
.off-canvas-right.off-canvas-effect-8.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
transform: translate3d(100%, 0, 0) rotateY(-90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-8.off-canvas-open .off-canvas-right.off-canvas-effect-8.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
transform: translate3d(100%, 0, 0) rotateY(0deg);
}
// Effect 9: Scale down pusher
// ---------------------------
body.off-canvas-effect-9 {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.off-canvas-effect-9 .t3-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-9.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(0, 0, -@t3-off-canvas-width);
transform: translate3d(0, 0, -@t3-off-canvas-width);
}
.off-canvas-effect-9.t3-off-canvas {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-9.off-canvas-open .off-canvas-effect-9.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.off-canvas-effect-9.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-9.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
// Effect 10: Scale up
// -------------------
body.off-canvas-effect-10 {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.off-canvas-effect-10.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-10.t3-off-canvas {
z-index: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, -@t3-off-canvas-width);
transform: translate3d(0, 0, -@t3-off-canvas-width);
}
.off-canvas-effect-10.off-canvas-open .off-canvas-effect-10.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
// off-canvas on right side
body.off-canvas-effect-10.off-canvas-right {
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-10.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
// Effect 11: Scale and rotate pusher
// ----------------------------------
body.off-canvas-effect-11 {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.off-canvas-effect-11 .t3-wrapper {
height: auto;
overflow: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-11.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}
.off-canvas-effect-11.t3-off-canvas {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-11.off-canvas-open .off-canvas-effect-11.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.off-canvas-effect-11.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-11.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-100px, 0, -600px) rotateY(20deg);
transform: translate3d(-100px, 0, -600px) rotateY(20deg);
}
.off-canvas-right.off-canvas-effect-11.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
// Effect 12: Open door
// --------------------
body.off-canvas-effect-12 {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.off-canvas-effect-12 .t3-wrapper {
height: auto;
overflow: hidden;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-12.off-canvas-open .t3-wrapper {
-webkit-transform: rotateY(-10deg);
transform: rotateY(-10deg);
}
.off-canvas-effect-12.t3-off-canvas {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.off-canvas-effect-12.off-canvas-open .off-canvas-effect-12.t3-off-canvas {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.off-canvas-effect-12.t3-off-canvas::after {
display: none;
}
// off-canvas on right side
.off-canvas-right.off-canvas-effect-12 .t3-wrapper {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.off-canvas-right.off-canvas-effect-12.off-canvas-open .t3-wrapper {
-webkit-transform: rotateY(10deg);
transform: rotateY(10deg);
}
.off-canvas-right.off-canvas-effect-12.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
// Effect 13: Fall down
// --------------------
body.off-canvas-effect-13 {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.off-canvas-effect-13.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-13.t3-off-canvas {
z-index: 1;
opacity: 1;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.off-canvas-effect-13.off-canvas-open .off-canvas-effect-13.t3-off-canvas {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-speed: 0.2s;
transition-speed: 0.2s;
}
// off-canvas on right side
body.off-canvas-effect-13.off-canvas-right {
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-13.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
// Effect 14: Delayed 3D rotate
// ----------------------------
body.off-canvas-effect-14 {
-webkit-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 0% 50%;
perspective-origin: 0% 50%;
}
.off-canvas-effect-14 .t3-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-14.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(@t3-off-canvas-width, 0, 0);
transform: translate3d(@t3-off-canvas-width, 0, 0);
}
.off-canvas-effect-14.t3-off-canvas {
-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
transform: translate3d(-100%, 0, 0) rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.off-canvas-effect-14.off-canvas-open .off-canvas-effect-14.t3-off-canvas {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
// off-canvas on right side
body.off-canvas-effect-14.off-canvas-right {
-webkit-perspective-origin: 100% 50%;
perspective-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-14.off-canvas-open .t3-wrapper {
-webkit-transform: translate3d(-@t3-off-canvas-width, 0, 0);
transform: translate3d(-@t3-off-canvas-width, 0, 0);
}
.off-canvas-right.off-canvas-effect-14.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg);
transform: translate3d(100%, 0, 0) rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.off-canvas-right.off-canvas-effect-14.off-canvas-open .off-canvas-right.off-canvas-effect-14.t3-off-canvas {
-webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);
transform: translate3d(100%, 0, 0) rotateY(0deg);
}
//
// Fallback for old IE (<IE10)
// that don't support 3D transforms
// -----------------------------------------------------
.old-ie {
.t3-off-canvas {
z-index: 100!important;
left: -@t3-off-canvas-width;
}
}
html[dir="ltr"] .off-canvas-right.old-ie {
.t3-off-canvas {
right: -@t3-off-canvas-width;
left: auto;
}
}
//
// Fix conflict with modal
// -----------------------------------------------------
.modal-open .t3-wrapper {
position: static;
}
less/frontend-edit.less 0000604 00000041230 15245571252 0011150 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
// Prevent Bootstrap Upgrading errors
@import "../bootstrap/less/variables.less";
// Bootstrap mixins
@import "../bootstrap/less/mixins.less";
// T3 Base variables
@import "variables.less";
// T3 Base mixins
@import "mixins.less";
// TEMPLATES OPTIONS FORM
// ------------------------------
.com_config,
.com_content.layout-edit .edit.item-page,
.layout-modal .contentpane {
// Form elements
// -------------
.btn {
border-radius: 5px;
padding: 8px 16px;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"] {
box-shadow: none;
border-radius: 5px;
padding: 0 12px;
height: 40px;
line-height: 40px;
&:focus {
border-color: #ccc;
}
}
textarea {
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: none;
&:focus {
box-shadow: none;
border: 1px solid #ccc;
}
}
select {
border-radius: 5px;
height: auto;
padding: 8px;
}
.field-calendar {
}
.input-group {
.btn {
padding-top: 0;
padding-bottom: 0;
}
}
}
// TEMPLATES OPTIONS FORM
// ------------------------------
.com_config #templates-form {
.tip {
background: @well-bg;
padding: (@padding-base-vertical * 2) @padding-base-horizontal;
}
textarea {
height: auto;
width: auto;
min-height: 100px;
min-width: 50%;
}
.input-append,
.input-prepend {
.add-on {
width: 35px;
}
input {
display: inline-block;
}
.btn {
border: 1px solid @btn-default-border;
}
}
// Hiding useless elements
.t3-admin-form-legend {
display: none;
}
// Expand the grid
.row-fluid .span6 {
width: 100%;
}
@media (min-width: 768px) {
.control-group .control-label {
width: 250px;
}
.control-group .controls {
margin-left: 280px;
}
}
}
//
// MODULES OPTIONS FORM
// ---------------------------------------------------------
.com_config.view-modules {
#options {
.accordion-item {
background-color: rgba(255,255,255,1);
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 8px;
}
.accordion-header {
font-size: 18px;
margin: 0;
padding: 16px;
line-height: 1;
.accordion-button {
background: transparent;
border: 0;
padding: 0;
text-align: left;
width: 100%;
}
}
.accordion-body {
border-top: 1px solid #ddd;
padding: 24px;
.nav-tabs {
background: transparent;
}
}
}
}
.com_config #modules-form {
.input-append,
.input-prepend {
.add-on {
width: 35px;
}
input {
display: inline-block;
}
.btn {
border: 1px solid @btn-default-border;
}
}
// Accordion group
// ---------------
.accordion-group {
margin-bottom: 20px;
.accordion-heading {
.accordion-toggle {
border: 1px solid #ddd;
border-radius: 5px 5px 0 0;
color: #428bca;
display: block;
padding: 10px;
outline: none;
&.collapsed {
border-radius: 5px;
color: #666;
}
}
}
.accordion-body {
border: 1px solid #ddd;
border-top: 0;
border-radius: 0 0 5px 5px;
padding-top: 20px;
.nav-tabs {
border-bottom: 0;
}
}
}
// Fix for K2 module
// -----------------
.radio input[type="radio"] {
margin-left: 0;
position: relative;
}
.radio label {
padding-left: 5px;
padding-right: 20px;
}
}
.controls select {
vertical-align: middle;
width: 220px;
}
//
// EDIT & SUBMIT ARTICLE FORM
// ---------------------------------------------------------
.edit {
fieldset {
}
fieldset legend {
}
label {
}
.inputbox, input[type="text"],
select.inputbox, select {
@media (min-width: @screen-sm) {
width: 250px;
}
}
textarea {
width: 100%;
}
.input-append,
.input-prepend {
display: block;
width: auto;
@media (min-width: @screen-sm) {
input[type="text"],
input.inputbox {
display: inline-block;
width: 210px;
}
}
.btn {
border: 1px solid @btn-default-border;
background-color: @btn-default-bg;
}
}
}
// Extrafield
// -----------------------
.edit.item-page,
.profile-edit {
#jform_com_fields_checkboxs {
label.checkbox {
display: inline-block;
margin-right: 10px;
}
input[type="checkbox"] {
margin-left: 0;
margin-top: -2px;
position: relative;
vertical-align: middle;
width: auto;
}
}
.minicolors-input {
height: 28px;
width: auto;
}
.chzn-container {
.chzn-search {
.clearfix();
}
}
}
// Edit profile
// -----------------------
.profile-edit {
#jform_com_fields_user_checkbox {
label.checkbox {
display: inline-block;
margin-right: 10px;
}
input {
position: relative;
margin-left: 0;
margin-right: 5px;
width: auto;
}
}
.minicolors-input {
height: 28px;
width: auto;
}
#jform_com_fields_user_image_chzn {
.chzn-search {
box-sizing: border-box;
}
ul.chzn-results {
box-sizing: border-box;
padding: 0;
margin: 0;
width: 100%;
}
}
#jform_com_fields_user_calendar {
float: left;
}
.chzn-container-single,
.chzn-container {
float: left;
margin-right: 10px;
@media screen and (max-width: 360px) {
width: 100% !important;
}
.chzn-drop {
box-sizing: border-box !important;
}
}
}
.j40,
.j50 {
.profile-edit {
.t3onoff {
min-height: auto;
border: 0;
height: auto;
width: auto;
.radio {
display: flex;
align-items: center;
min-height: auto;
padding: 0;
.form-check {
display: flex;
align-items: center;
input[type="radio"] {
display: inline-block;
}
}
}
label {
padding: 0;
margin: 0;
position: relative;
top: auto;
left: auto;
height: auto;
text-indent: 0;
text-transform: none;
width: auto;
&.active {
background: transparent;
}
&::before,
&::after {
display: none;
}
}
}
}
}
// User profile
// ----------------------
.profile {
#users-profile-core {
width: 100%;
}
.dl-horizontal {
dd {
margin-bottom: 10px;
border-bottom: 1px dashed #ddd;
padding-bottom: 10px;
img {
max-width: 100%;
}
}
}
}
// Tabs
// -----------------------
.edit {
.nav-tabs {
margin-bottom: @t3-global-margin;
}
.tab-pane {
.clearfix();
}
}
// Editor Buttons
// ----------------------
#editor-xtd-buttons,
.toggle-editor {
margin-top: @line-height-computed;
margin-bottom: @line-height-computed;
.btn {
background-color: @btn-default-bg;
text-shadow: 0 1px 0 #fff;
border-color: @btn-default-border;
}
}
#editor-xtd-buttons {
margin-right: @grid-gutter-width;
}
//
// FRONTEDIT ELEMENTS
// ---------------------------------------------------------
// Window Wrapper
// ---------------------------------------
#sbox-window {
padding: 0;
.box-sizing(content-box); // Reset Box-Sizing model
// With shadow
&.shadow {
}
// Content
#sbox-content {
}
.sbox-content-iframe {
}
}
// Close Button
#sbox-btn-close {
}
// Overlay Layer
#sbox-overlay {
}
// Frontend Edit Button
// ---------------------------------------
.btn.jmodedit {
padding: 0;
&:focus, &:active {
box-shadow: none;
}
}
.jfedit-menu + .tooltip {
min-width: 100px;
}
// Frontend Edit Elements
// ---------------------------------------
.window {
// Form Table
// ----------
form table {
border: 1px solid @table-border-color;
background: @table-bg-accent;
margin-bottom: @line-height-computed;
td {
padding: @table-cell-padding;
}
}
// Form Help Block
// ---------------
form .help-block {
font-size: @font-size-small;
clear: both;
padding-top: 5px;
}
&.view-modules {
.well {
.control-label {
display: inline-block;
}
.controls {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
}
.control-group:after {
content: "";
clear: both;
display: table;
}
#filter-bar {
margin-bottom: 10px;
.btn-group button {
margin-top: 0;
}
}
}
}
.com_config.view-modules .btn-group {
label {
float: left;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
// Media Manager
// -------------
.window {
// Main Form
#imageForm {
margin: 0;
width: auto;
.chzn-container {
float: left;
}
#upbutton {
border: 1px solid @btn-default-border;
float: left;
padding: 3px 12px;
margin-left: 5px;
}
.pull-right {
margin-right: @grid-gutter-width;
}
.well {
&:after {
display: table;
content: "";
clear: both;
}
}
}
// Upload Form
#uploadForm {
width: auto;
#upload-file {
margin: 10px 0;
}
}
// Images Choser Iframe
#imageframe {
}
.manager {
margin: 0;
padding: 0;
.clearfix();
.thumbnail {
float: left;
margin-right: 10px;
margin-left: 10px;
}
}
// End
}
// Insert Article
// --------------
.window.view-articles {
.filter {
overflow: visible;
.btn-toolbar {
.icon-remove,
.icon-search {
margin-right: 5px;
}
}
}
.filters {
float: none !important;
.chzn-container {
display: inline-block;
}
.chzn-drop input {
float: none;
}
}
}
//
// Special Radio Styles for T3
// ------------------------------
.t3onoff {
border: 1px solid #aaa;
border-radius: 0;
display: block;
height: 30px;
overflow: hidden;
padding: 0;
position: relative;
white-space: nowrap;
width: 90px;
input[type=radio] {
display: none;
}
label {
width: 90px;
height: 30px;
overflow: hidden;
display: block;
border-radius: 0;
position: absolute;
top: -1px;
left: -1px;
z-index: 1;
text-transform: uppercase;
background: url(../imgs/blank.gif) no-repeat transparent;
text-indent: -999em;
}
/* use before as background */
label:before,
label:after {
display: block;
position: absolute;
top: 0;
border-radius: 0;
.transition(all 250ms);
}
label:before {
content: "ON";
width: 100%;
height: 100%;
text-indent: 0;
color: white;
padding: 4px 18px;
font-weight: normal;
}
/* use after as switch */
label:after {
content: "";
width: 40%;
height: 100%;
background: #fff;
}
label.off:before {
content: "OFF";
text-align: right;
color: #555;
}
/* active label should be under => so inactive can be clickable */
label.active {
z-index: 0;
}
/* off background */
label.off:before {
background: #eee;
left: 100%;
}
label.off.active:before {
left: 0%;
}
label.on:before {
background: #690;
left: -100%;
}
label.on.active:before {
left: -0%;
}
/* off switch */
label.off:after {
left: 60%;
}
label.off.active:after {
left: 0%;
}
label.on:after {
left: 0%;
}
label.on.active:after {
left: 60%;
}
}
/* radio btn group */
fieldset.radio.btn-group {
padding: 0;
input {
display: none;
}
label {
display: inline-block;
min-width: 54px;
padding: 0 12px;
border: 1px solid #aaa;
line-height: 28px;
background: #eee;
color: #555;
border-radius: 0;
text-align: center;
border-right-width: 0px;
text-transform: uppercase;
&:last-child {
border-right-width: 1px;
}
&.active {
background: #690;
border-color: #5c8b00;
color: #fff;
}
}
}
// Frontend Edit Insert module
// ---------------------------------------
.window.view-modules,
.window.view-articles,
.window.view-contacts,
.window.view-fields,
.window.view-items {
.js-stools {
margin-bottom: 20px;
.btn {
border: 1px solid #ccc;
margin-top: 0;
}
.input-append .btn {
border-left: 0;
}
input {
display: inline-block;
}
}
.js-stools-container-filters {
.chzn-container-single {
width: 220px !important;
}
.chzn-drop {
box-sizing: border-box !important;
}
}
table#moduleList {
td .label {
background-color: #999;
box-sizing: border-box;
border-radius: 3px;
display: inline-block;
font-weight: normal;
font-size: 100%;
padding: 10px;
width: 100%;
}
}
table#moduleList td:nth-child(1) {
vertical-align: middle;
}
.icon-publish {
&:before {
content: "\f00c";
font-size: 16px;
}
}
}
//
// LEGACY
// -----------------------------------------------------------
// Fix for missing icons
// because of the change from Font Awesome 3 to Font Awesome 4
// -----------------------------------------------------------
.icon-eye-open:before,
.icon-eye:before {
content:"\f06e";
font-family: "FontAwesome";
}
.icon-file-add:before {
content:"\f0f6";
font-family: "FontAwesome";
}
.icon-cancel:before {
content:"\f00d";
font-family: "FontAwesome";
}
.icon-publish {
&:before {
content: "\f00c";
}
}
.icon-unpublish {
&:before {
content: "\f00d";
}
}
.icon-featured {
&:before {
content: "\f005";
}
}
.icon-unfeatured {
&:before {
content: "\f005";
}
}
// Legacy class for Joomla 2.5
// ---------------------------
.button2-left,
.button2-left div {
float: left;
}
.button2-right,
.button2-right div {
float: right;
}
.button2-left {
margin: 5px 5px 0 0;
}
.button2-right {
margin: 5px 0 0 5px;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
background: @gray-lighter;
border: 1px solid darken(@gray-lighter, 5%);
color: @gray-light;
cursor: pointer;
display: block;
float: left;
padding: 2px 10px;
border-radius: @border-radius-base;
}
.button2-left span,
.button2-right span {
color: @gray-light;
cursor: default;
}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
padding: 0 6px;
}
.button2-left a:hover,
.button2-right a:hover {
background: darken(@gray-lighter, 5%);
color: @gray-dark;
text-decoration: none;
}
.edit.item-page a.modal,
.com_config form a.modal {
display: inline-block;
position: inherit;
width: auto !important;
top: auto !important;
overflow: hidden;
&.btn {
background: @btn-default-bg;
text-shadow: 0 1px 0 #fff;
border-color: @btn-default-border;
overflow: hidden;
}
}
// Calendar Button
.controls img.calendar {
cursor: pointer;
margin-left: 5px;
}
// Break page layout
// -----------------
.layout-pagebreak {
.form-horizontal .control-group .controls {
margin-left: 0;
}
}
// View history
// ------------
[class^="icon-"], [class*=" icon-"] {
font-family: FontAwesome3 !important;
}
.view-history .btn-group {
margin-bottom: 10px;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
margin-right: 5px;
}
.btn span.icon-delete {
&:before {
content: "\f057";
display: inline-block;
height: 16px;
width: 16px;
color: #333;
}
}
// Fix modal in joomla 3.9
body.modal-open {
.modal.hide {
background-color: #fff;
display: block !important;
left: auto;
right: auto;
top: 0;
bottom: auto;
transform: translateY(50%);
z-index: 1050;
.iframe {
border: 1px solid #ddd;
}
}
}
// Media Folder List
.thumbnails-media .imgFolder span {
line-height: 70px;
}
// JOOMLA 4 COMPATIBLE
// --------------------------------
.j4 joomla-tab {
margin-bottom: @t3-global-margin;
}
.j40 joomla-tab-element {
margin-bottom: @t3-global-margin;
}
ul.chosen-results {
clear: both;
}
less/layout-preview-variables.less 0000604 00000002060 15245571252 0013346 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
// Extra small screen / phone
@screen-xs: 450px;
// Small screen / tablet
@screen-sm: 500px;
// Medium screen / desktop
@screen-md: 600px;
// Large screen / wide desktop
@screen-lg: 720px;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width: 12px; less/mixins.less 0000604 00000001302 15245571252 0007711 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
// MIXINS
less/legacy-forms.less 0000604 00000021567 15245571252 0011011 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
// ------------------------------------------------------
// LEGACY FORM ELEMENTS
// ------------------------------------------------------
//
// GENERIC STYLES
// ------------------------------------------------------
// Common form controls
// --------------------
// Legacy class below
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.inputbox {
.form-control();
// Customize the `:focus` state to imitate native WebKit styles.
.form-control-focus();
// Placeholder
//
// Placeholder text gets special styles because when browsers invalidate entire
// lines if it doesn't understand a selector/
.placeholder();
// Disabled and read-only inputs
// Note: HTML5 says that controls under a fieldset > legend:first-child won't
// be disabled if the fieldset is disabled. Due to implementation difficulty,
// we don't honor that edge case; we style them as disabled anyway.
&[disabled],
&[readonly],
fieldset[disabled] & {
cursor: not-allowed;
background-color: @input-bg-disabled;
}
// Reset height for `textarea`s
textarea& {
height: auto;
}
// Reset Width for Legacy classes in Medium Screen
@media screen and (min-width: @screen-sm) {
width: auto;
}
}
// Redefine padding for <select>
select,
select.form-control,
select.inputbox,
select.input {
padding-right: 5px;
}
// LEGACY INPUT SIZES
// -------------------
// General classes for quick sizes
.input-mini { width: 60px; }
.input-small { width: 90px; }
.input-medium { width: 150px; }
.input-large { width: 210px; }
.input-xlarge { width: 270px; }
.input-xxlarge { width: 530px; }
// Redefind BS3 Input Sizes
input.input-sm {
.input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
}
input.input-lg {
.input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
}
// Inline forms
//
// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
// forms begin stacked on extra small (mobile) devices and then go inline when
// viewports reach <768px.
//
// Requires wrapping inputs and labels with `.form-group` for proper display of
// default HTML form controls and our custom form controls (e.g., input groups).
//
// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
.form-inline {
// Kick in the inline
@media (min-width: @screen-sm) {
// Legacy class below
.inputbox,
select,
textarea,
input {
display: inline-block;
}
}
}
// HORIZONTAL & VERTICAL FORMS
// ---------------------------
// Common properties
// -----------------
// Margin to space out fieldsets
.control-group {
margin-bottom: @line-height-computed / 2;
}
// Legend collapses margin, so next element is responsible for spacing
legend + .control-group {
margin-top: @line-height-computed;
-webkit-margin-top-collapse: separate;
}
// Horizontal-specific styles
// --------------------------
.form-horizontal {
.control-group {
margin-bottom: @line-height-computed;
.clearfix();
// Float the labels left
.control-label {
display: block;
width: 100%;
@media (min-width: @screen-sm-min) {
display: inline-block;
float: left;
width: @component-offset-horizontal - 20;
padding-top: 5px;
text-align: right;
}
}
// Move over all input controls and content
.controls {
margin-left: @component-offset-horizontal;
}
}
}
//
// OTHER LEGACY CLASSES FROM BS2
// ------------------------------------------------------
// FORM ACTIONS
// ------------
// Adding the legacy "form-actions" from BS2
.form-actions {
.clearfix();
padding: @t3-global-padding;
margin: @t3-global-margin 0;
background-color: @gray-lighter;
border-radius: @border-radius-base;
// Reset the padding of offset col
[class*="col-sm-offset-"],
[class*="col-md-offset-"] {
padding-left: 5px !important;
}
}
// INPUT GROUPS
// ------------
// Allow us to put symbols and text within the input field for a cleaner look
.input-append,
.input-prepend {
display: inline-block;
margin-bottom: @line-height-computed / 2;
vertical-align: middle;
font-size: 0; // white space collapse hack
white-space: nowrap; // Prevent span and input from separating
// Reset the white space collapse hack
input,
select,
.uneditable-input,
.dropdown-menu,
.popover {
font-size: @font-size-base;
}
input,
select,
.uneditable-input {
position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness
margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms
*margin-left: 0;
vertical-align: top;
border-radius: 0 @input-border-radius @input-border-radius 0;
// Make input on top when focused so blue border and shadow always show
&:focus {
z-index: 2;
}
}
.add-on {
display: inline-block;
width: auto;
height: @input-height-base;
min-width: 16px;
padding: 4px 5px;
font-size: @font-size-base;
font-weight: normal;
line-height: @line-height-base;
text-align: center;
background-color: @gray-lighter;
border: 1px solid #ccc;
}
.add-on,
.btn,
.btn-group > .dropdown-toggle {
vertical-align: top;
border-radius: 0;
}
.active {
background-color: lighten(@green, 30);
border-color: @green;
}
}
.input-prepend {
.add-on,
.btn {
margin-right: -1px;
}
.add-on:first-child,
.btn:first-child {
// FYI, `.btn:first-child` accounts for a button group that's prepended
border-radius: @input-border-radius 0 0 @input-border-radius;
}
}
.input-append {
input,
select,
.uneditable-input {
border-radius: @input-border-radius 0 0 @input-border-radius;
+ .btn-group .btn:last-child {
border-radius: 0 @input-border-radius @input-border-radius 0;
}
}
.add-on,
.btn,
.btn-group {
margin-left: -1px;
}
.add-on:last-child,
.btn:last-child,
.btn-group:last-child > .dropdown-toggle {
border-radius: 0 @input-border-radius @input-border-radius 0;
}
}
// Remove all border-radius for inputs with both prepend and append
.input-prepend.input-append {
input,
select,
.uneditable-input {
border-radius: 0;
+ .btn-group .btn {
border-radius: 0 @input-border-radius @input-border-radius 0;
}
}
.add-on:first-child,
.btn:first-child {
margin-right: -1px;
border-radius: @input-border-radius 0 0 @input-border-radius;
}
.add-on:last-child,
.btn:last-child {
margin-left: -1px;
border-radius: 0 @input-border-radius @input-border-radius 0;
}
.btn-group:first-child {
margin-left: 0;
}
}
//
// BUTTONS
// ------------------------------------------------------
// Lagacy Button Sizes
// --------------------------------------------------
// Large
.btn-large {
padding: @padding-large-vertical @padding-large-horizontal;
font-size: @font-size-large;
border-radius: @border-radius-large;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
// Small
.btn-small {
padding: @padding-small-vertical @padding-small-horizontal;
font-size: @font-size-small;
border-radius: @border-radius-small;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
// Mini
.btn-mini {
padding: 2px 4px;
font-size: @font-size-small;
border-radius: @border-radius-small;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px;
} less/non-responsive-variables.less 0000604 00000000272 15245571252 0013342 0 ustar 00 // re-define variable for none responsive
@screen-xs: 1px;
@screen-sm: 2px;
@screen-md: 3px;
@screen-lg: 9999px;
less/variables.less 0000604 00000006040 15245571252 0010356 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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: https://github.com/t3framework/
*------------------------------------------------------------------------------
*/
//
// USE TO OVERRIDE BOOTSTRAP VARIABLES
// AND DEFINE THOSE NEWS VARIABLE WHICH WILL BE USED IN T3 CORE
// -----------------------------------------------------------
//
// T3 GLOBAL STYLES
// --------------------------------------------------
// Module Styles
// -------------------------
// Module General
@t3-module-bg: transparent;
@t3-module-color: inherit;
@t3-module-padding: 0;
@t3-module-border: 1px solid #ddd;
// Module Title
@t3-module-title-bg: @t3-module-bg; // inherit from @t3-module-bg
@t3-module-title-color: @t3-module-color; // inherit from @t3-module-color
@t3-module-title-padding: @t3-module-padding;
// Module Content
@t3-module-content-bg: @t3-module-bg; // inherit from @t3-module-bg
@t3-module-content-color: @t3-module-color; // inherit from @t3-module-color
@t3-module-content-padding: @t3-module-padding;
// Global Margin& Padding
// -------------------------
@t3-global-margin: @line-height-computed;
@t3-global-padding: @line-height-computed;
// Typography
// -------------------------
@t3-font-size-big: @font-size-base + 1px;
@t3-font-size-bigger: @font-size-base + 2px;
@t3-font-size-small: @font-size-base - 1px;
@t3-font-size-smaller: @font-size-base - 2px;
// Font weight variations
// -------------------------
@font-weight-bold: 700;
@font-weight-semibold: 500;
@font-weight-normal: 400;
@font-weight-light: 300;
@font-weight-thin: 100;
//
// T3 TEMPLATE STYLES
// --------------------------------------------------
@t3-border-color: #ddd;
//
// T3 ADD-ONS
// --------------------------------------------------
// Off-Canvas
// -------------------------
// Off-Canvas Width
@t3-off-canvas-width: 250px;
// Off-Canvas Header
@t3-off-canvas-header-background: @gray-lighter;
@t3-off-canvas-header-text-color: @text-color;
// Off-Canvas Body
@t3-off-canvas-background: @body-bg;
@t3-off-canvas-text-color: @text-color;
@t3-off-canvas-link-color: @link-color;
@t3-off-canvas-link-hover-color: @link-hover-color;
@t3-off-canvas-headings-color: inherit;
//
// T3 MEGAMENU
// --------------------------------------------------
@t3-mega-dropdown-min-width: 200px; less/megamenu.less 0000604 00000025510 15245571252 0010207 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
// ------------------
// Prevent Bootstrap Upgrading errors
@import "../bootstrap/less/variables.less";
// Bootstrap mixins
@import "../bootstrap/less/mixins.less";
// T3 Base variables
@import "variables.less";
//
// BASIC STYLE FOR MEGAMENU
// -------------------------
.t3-megamenu {
// THE MEGAMENU
//--------------------------------------------
// Global Menu Inner padding
// -------------------------
.mega-inner {
.clearfix();
}
// 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 {
}
.row + .row {
}
// The Dropdown
// ------------
.mega > .mega-dropdown-menu {
min-width: @t3-mega-dropdown-min-width;
display: none;
}
.mega.open > .mega-dropdown-menu,
.mega.dropdown-submenu.open > .mega-dropdown-menu {
display: block;
}
// Dropdown Sub Menus
// ------------------
.dropdown-submenu {
}
// The Group
// ---------
.mega-group {
.clearfix();
}
// 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;
// Link states
&:hover, &:active, &:focus {
background: inherit;
color: inherit;
}
}
// Group Content
.mega-group-ct {
margin: 0;
padding: 0;
.clearfix();
}
// 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 {
margin: 0;
padding: 0;
list-style: none;
}
.mega-nav > li,
.dropdown-menu .mega-nav > li {
list-style: none;
margin-left: 0;
}
.mega-nav > li a,
.dropdown-menu .mega-nav > li a {
white-space: normal;
display: block;
padding: 5px;
&:hover,
&:focus {
text-decoration: none;
color: @dropdown-link-hover-color;
background-color: @dropdown-link-hover-bg;
}
}
.mega-nav > li .separator {
display: block;
padding: 5px;
}
// Nav in Group
.mega-group > .mega-nav,
.dropdown-menu .mega-group > .mega-nav {
margin-left: -5px;
margin-right: -5px;
}
.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: 5px;
}
// Modules in Megamenu
// -------------------
.mega-col-module {
}
// Inner padding
.mega-col-module .mega-inner {
}
// The module
.t3-module {
margin-bottom: @t3-global-margin / 2;
}
// Module Title
.t3-module .module-title {
.dropdown-header(); // Make the Module Title look like Dropdown Header
margin-bottom: 5px;
}
// Module Content
.t3-module .module-ct {
margin: 0;
padding: 0;
}
// The caption
// -----------
.mega-caption {
display: block;
white-space: nowrap;
}
// The caret
// ---------
.nav .caret,
.dropdown-submenu .caret,
.mega-menu .caret {
display: none;
}
// Show the caret on level 0 only
.nav > .dropdown > .dropdown-toggle .caret {
display: inline-block;
}
// The icon
// --------
.nav [class^="icon-"],
.nav [class*=" icon-"],
.nav .fa {
margin-right: 5px;
}
// 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;
}
// Menu alignment
// --------------
.mega-align-left > .dropdown-menu {
left: 0;
}
.mega-align-right > .dropdown-menu {
left: auto;
right: 0;
}
.mega-align-center > .dropdown-menu {
left: 50%;
.translate(-50%, 0);
}
.dropdown-submenu.mega-align-left > .dropdown-menu {
left: 100%;
}
.dropdown-submenu.mega-align-right > .dropdown-menu {
left: auto;
right: 100%;
}
.mega-align-justify {
position: static;
}
.mega-align-justify > .dropdown-menu {
left: 0;
margin-left: 0;
top: auto;
}
// Menu tab
// --------------
.mega-tab > div {
position: relative;
}
.mega-tab > div > ul {
width: @t3-mega-dropdown-min-width;
}
.mega-tab > div > ul > li {
position: static;
}
.mega-tab > div > ul > li > .dropdown-menu{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: @t3-mega-dropdown-min-width;
}
.mega-tab > div > ul > li > .mega-dropdown-menu {
border: none;
box-shadow: none;
}
.mega-tab > div > ul > li > .mega-dropdown-menu > div {
opacity: 1!important;
margin-left: 0!important;
transition: none!important;
}
// End
}
//
// MEGAMENU Animation
// --------------------------------------------------------------
@media (min-width: @grid-float-breakpoint) {
.t3-megamenu.animate {
.mega {
> .mega-dropdown-menu {
.backface-visibility(hidden);
opacity: 0;
}
&.animating > .mega-dropdown-menu {
.transition(all 400ms);
display: block;
}
&.open > .mega-dropdown-menu,
&.animating.open > .mega-dropdown-menu {
opacity: 1;
}
}
&.zoom {
.mega {
> .mega-dropdown-menu {
.scale(0, 0);
.transform-origin(20% 20%);
}
&.open > .mega-dropdown-menu {
.scale(1, 1);
}
}
//special case for level 0
.level0 > .mega-align-center {
> .mega-dropdown-menu {
-webkit-transform: scale(0, 0) translate(-50%, 0);
-ms-transform: scale(0, 0) translate(-50%, 0);
transform: scale(0, 0) translate(-50%, 0);
.transform-origin(0% 20%);
}
&.open > .mega-dropdown-menu {
-webkit-transform: scale(1, 1) translate(-50%, 0);
-ms-transform: scale(1, 1) translate(-50%, 0);
transform: scale(1, 1) translate(-50%, 0);
}
}
}
&.elastic {
.mega {
& > .mega-dropdown-menu {
.scale(0, 1);
.transform-origin(10% 0);
}
&.open > .mega-dropdown-menu {
.scale(1, 1);
}
}
.level0 {
> .mega > .mega-dropdown-menu {
.scale(1, 0);
}
.open > .mega-dropdown-menu {
.scale(1, 1);
}
> .mega-align-center {
> .mega-dropdown-menu {
transform: scale(1,0) translate(-50%, 0);
-webkit-transform: scale(1,0) translate(-50%, 0);
-ms-transform: scale(1,0) translate(-50%, 0);
}
&.open > .mega-dropdown-menu {
transform: scale(1,1) translate(-50%, 0);
-webkit-transform: scale(1,1) translate(-50%, 0);
-ms-transform: scale(1,1) translate(-50%, 0);
}
}
}
}
&.slide {
.mega {
/* Level 0 */
&.animating > .mega-dropdown-menu {
overflow: hidden;
}
> .mega-dropdown-menu {
> div {
.transition(all 400ms);
.backface-visibility(hidden);
margin-top: -30%;
}
}
&.open > .mega-dropdown-menu {
> div {
margin-top: 0%;
}
}
/* Level > 0 */
.mega > .mega-dropdown-menu {
min-width: 0;
> div {
min-width: 200px;
margin-top: 0;
margin-left: -500px;
width: 100%;
}
}
.mega.open > .mega-dropdown-menu > div {
margin-left: 0;
}
}
}
}
}
//
// MEGAMENU RESPONSIVE
// --------------------------------------------------------------
@media (max-width: @grid-float-breakpoint-max) {
.t3-megamenu {
// THE MEGAMENU
//------------------------------------------------------
// Global Menu Inner padding
// -------------------------
.mega-inner {
.clearfix();
}
// 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,
.mega-dropdown-menu,
.row [class*="col-lg-"],
.row [class*="col-md-"],
.row [class*="col-sm-"],
.row [class*="col-xs-"] {
width: 100% !important;
min-width: 100% !important;
left: 0 !important;
margin-left: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
// Hidden when collapse
.hidden-collapse,
.always-show .caret,
.always-show .dropdown-submenu > a:after
.sub-hidden-collapse > .nav-child,
.sub-hidden-collapse .caret,
.sub-hidden-collapse > a:after {
display: none !important;
}
}
// Hide the captions too
.mega-caption {
display: none !important;
}
// MEGAMENU RTL
//------------------------------------------------------
//
html[dir="rtl"] {
.t3-megamenu {
// Menu Grids
// ----------
.row,
.mega-dropdown-menu,
.row [class*="col-lg-"],
.row [class*="col-md-"],
.row [class*="col-sm-"],
.row [class*="col-xs-"] {
left: auto;
right: 0 !important;
margin-right: 0 !important;
}
}
}
// End
}
less/t3.less 0000604 00000006610 15245571252 0006737 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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: https://github.com/t3framework/
*------------------------------------------------------------------------------
*/
//
// INCLUDES VARIOUS FUNCTIONS FOR T3
// ---------------------------------------------------------
// Always Show Submenu
// ---------------------------------------------------------
@media (max-width: @grid-float-breakpoint-max) {
// Always show submenu for navigation
.always-show .mega > .mega-dropdown-menu,
.always-show .dropdown-menu {
display: block !important;
position: static;
}
// alway show all submenu for open dropdown in collapse menu
.open .dropdown-menu {
display: block;
}
}
// T3 Logo
// ---------------------------------------------------------
.t3-logo,
.t3-logo-small {
display: block;
text-decoration: none;
//text-indent: -9999em; - use text-hide
text-align: left;
background-repeat: no-repeat;
background-position: center;
}
// Sizes
.t3-logo {
width: 182px;
height: 50px;
}
.t3-logo-small {
width: 60px;
height: 30px;
}
// Styles
.t3-logo,
.t3-logo-color {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-color.png");
}
.t3-logo-small,
.t3-logo-small.t3-logo-color {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-color.png");
}
.t3-logo-dark {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-dark.png");
}
.t3-logo-small.t3-logo-dark {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-dark.png");
}
.t3-logo-light {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-big-light.png");
}
.t3-logo-small.t3-logo-light {
background-image: url("//static.joomlart.com/images/jat3v3-documents/logo-complete/t3logo-small-light.png");
}
// Logo control class
// ---------------------------------------------------------
.logo-control {
@media (max-width: @grid-float-breakpoint-max) {
.logo-img-sm {
display: block;
}
.logo-img {
display: none;
}
}
@media (min-width: @grid-float-breakpoint) {
.logo-img-sm {
display: none;
}
.logo-img {
display: block;
}
}
}
// 3rd party extension core compatible
// ---------------------------------------------------------
// JomSocial
#community-wrap {
.collapse {
position: relative;
height: 0;
overflow: hidden;
display: block;
}
}
// for interact with javascript
// ---------------------------------------------------------------------------
// place holder class to detect the grid variables value in javascript
.body-data-holder:before {
display: none;
content: "grid-float-breakpoint:@{grid-float-breakpoint} screen-xs:@{screen-xs} screen-sm:@{screen-sm} screen-md:@{screen-md} screen-lg:@{screen-lg}";
} less/layout-preview.less 0000604 00000033674 15245571252 0011417 0 ustar 00 /**
*------------------------------------------------------------------------------
* @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
// ------------------
// Prevent Bootstrap Upgrading errors
@import "../bootstrap/less/variables.less";
// Bootstrap mixins
@import "../bootstrap/less/mixins.less";
// T3 variables
@import "variables.less";
// T3 mixins
@import "mixins.less";
// Layout preview variables
@import "layout-preview-variables.less";
// T3 CUSTOM LAYOUT
// ------------------
.t3-admin-layout-preview {
*,
*:before,
*:after {
.box-sizing(border-box);
}
//
// Grid system - By bootstrap
// --------------------------------------------------
width: 600px;
max-width: 100%;
//
// Grid system - Extended by T3
// --------------------------------------------------
// Added "wrap" element
.wrap {
width: auto;
clear: both;
}
.container {
width: 100%;
}
// T3 Note: ensure those elements work good with floating elements
.t3-admin-layout-section,
header,
footer,
section,
nav,
.t3-spotlight,
.t3-content,
.t3-sidebar,
.t3-mastcol {
.clearfix();
}
.row {
.make-row();
}
// Common styles for small and large grid columns
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
position: relative;
// Prevent columns from collapsing when empty
min-height: 1px;
// Inner gutter via padding
padding-left: (@grid-gutter-width / 2);
padding-right: (@grid-gutter-width / 2);
float: left;
}
// Extra small grid
//
// Grid classes for extra small devices like smartphones. No offset, push, or
// pull classes are present here due to the size of the target.
//
// Note that `.col-xs-12` doesn't get floated on purpose—there's no need since
// it's full-width.
&.xs {
width: 450px;
}
.col-xs-1 { width: percentage((1 / @grid-columns)); }
.col-xs-2 { width: percentage((2 / @grid-columns)); }
.col-xs-3 { width: percentage((3 / @grid-columns)); }
.col-xs-4 { width: percentage((4 / @grid-columns)); }
.col-xs-5 { width: percentage((5 / @grid-columns)); }
.col-xs-6 { width: percentage((6 / @grid-columns)); }
.col-xs-7 { width: percentage((7 / @grid-columns)); }
.col-xs-8 { width: percentage((8 / @grid-columns)); }
.col-xs-9 { width: percentage((9 / @grid-columns)); }
.col-xs-10 { width: percentage((10/ @grid-columns)); }
.col-xs-11 { width: percentage((11/ @grid-columns)); }
.col-xs-12 { width: 100%; }
// Small grid
//
// Columns, offsets, pushes, and pulls for the small device range, from phones
// to tablets.
//
// Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
// it's full-width.
&.sm, &.xs, &.md {
.t3-sidebar {
min-height: 0 !important;
}
}
&.sm,
&.md,
&.lg{
width: 500px;
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11 {
float: left;
}
.col-sm-1 { width: percentage((1 / @grid-columns)); }
.col-sm-2 { width: percentage((2 / @grid-columns)); }
.col-sm-3 { width: percentage((3 / @grid-columns)); }
.col-sm-4 { width: percentage((4 / @grid-columns)); }
.col-sm-5 { width: percentage((5 / @grid-columns)); }
.col-sm-6 { width: percentage((6 / @grid-columns)); }
.col-sm-7 { width: percentage((7 / @grid-columns)); }
.col-sm-8 { width: percentage((8 / @grid-columns)); }
.col-sm-9 { width: percentage((9 / @grid-columns)); }
.col-sm-10 { width: percentage((10/ @grid-columns)); }
.col-sm-11 { width: percentage((11/ @grid-columns)); }
.col-sm-12 { width: 100%; }
// Push and pull columns for source order changes
.col-sm-push-1 { left: percentage((1 / @grid-columns)); }
.col-sm-push-2 { left: percentage((2 / @grid-columns)); }
.col-sm-push-3 { left: percentage((3 / @grid-columns)); }
.col-sm-push-4 { left: percentage((4 / @grid-columns)); }
.col-sm-push-5 { left: percentage((5 / @grid-columns)); }
.col-sm-push-6 { left: percentage((6 / @grid-columns)); }
.col-sm-push-7 { left: percentage((7 / @grid-columns)); }
.col-sm-push-8 { left: percentage((8 / @grid-columns)); }
.col-sm-push-9 { left: percentage((9 / @grid-columns)); }
.col-sm-push-10 { left: percentage((10/ @grid-columns)); }
.col-sm-push-11 { left: percentage((11/ @grid-columns)); }
.col-sm-pull-1 { right: percentage((1 / @grid-columns)); }
.col-sm-pull-2 { right: percentage((2 / @grid-columns)); }
.col-sm-pull-3 { right: percentage((3 / @grid-columns)); }
.col-sm-pull-4 { right: percentage((4 / @grid-columns)); }
.col-sm-pull-5 { right: percentage((5 / @grid-columns)); }
.col-sm-pull-6 { right: percentage((6 / @grid-columns)); }
.col-sm-pull-7 { right: percentage((7 / @grid-columns)); }
.col-sm-pull-8 { right: percentage((8 / @grid-columns)); }
.col-sm-pull-9 { right: percentage((9 / @grid-columns)); }
.col-sm-pull-10 { right: percentage((10/ @grid-columns)); }
.col-sm-pull-11 { right: percentage((11/ @grid-columns)); }
// Offsets
.col-sm-offset-1 { margin-left: percentage((1 / @grid-columns)); }
.col-sm-offset-2 { margin-left: percentage((2 / @grid-columns)); }
.col-sm-offset-3 { margin-left: percentage((3 / @grid-columns)); }
.col-sm-offset-4 { margin-left: percentage((4 / @grid-columns)); }
.col-sm-offset-5 { margin-left: percentage((5 / @grid-columns)); }
.col-sm-offset-6 { margin-left: percentage((6 / @grid-columns)); }
.col-sm-offset-7 { margin-left: percentage((7 / @grid-columns)); }
.col-sm-offset-8 { margin-left: percentage((8 / @grid-columns)); }
.col-sm-offset-9 { margin-left: percentage((9 / @grid-columns)); }
.col-sm-offset-10 { margin-left: percentage((10/ @grid-columns)); }
.col-sm-offset-11 { margin-left: percentage((11/ @grid-columns)); }
}
// Medium grid
//
// Columns, offsets, pushes, and pulls for the desktop device range.
//
// Note that `.col-md-12` doesn't get floated on purpose—there's no need since
// it's full-width.
&.md,
&.lg{
width: 600px;
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11 {
float: left;
}
.col-md-1 { width: percentage((1 / @grid-columns)); }
.col-md-2 { width: percentage((2 / @grid-columns)); }
.col-md-3 { width: percentage((3 / @grid-columns)); }
.col-md-4 { width: percentage((4 / @grid-columns)); }
.col-md-5 { width: percentage((5 / @grid-columns)); }
.col-md-6 { width: percentage((6 / @grid-columns)); }
.col-md-7 { width: percentage((7 / @grid-columns)); }
.col-md-8 { width: percentage((8 / @grid-columns)); }
.col-md-9 { width: percentage((9 / @grid-columns)); }
.col-md-10 { width: percentage((10/ @grid-columns)); }
.col-md-11 { width: percentage((11/ @grid-columns)); }
.col-md-12 { width: 100%; }
// Push and pull columns for source order changes
.col-md-push-0 { left: auto; }
.col-md-push-1 { left: percentage((1 / @grid-columns)); }
.col-md-push-2 { left: percentage((2 / @grid-columns)); }
.col-md-push-3 { left: percentage((3 / @grid-columns)); }
.col-md-push-4 { left: percentage((4 / @grid-columns)); }
.col-md-push-5 { left: percentage((5 / @grid-columns)); }
.col-md-push-6 { left: percentage((6 / @grid-columns)); }
.col-md-push-7 { left: percentage((7 / @grid-columns)); }
.col-md-push-8 { left: percentage((8 / @grid-columns)); }
.col-md-push-9 { left: percentage((9 / @grid-columns)); }
.col-md-push-10 { left: percentage((10/ @grid-columns)); }
.col-md-push-11 { left: percentage((11/ @grid-columns)); }
.col-md-pull-0 { right: auto; }
.col-md-pull-1 { right: percentage((1 / @grid-columns)); }
.col-md-pull-2 { right: percentage((2 / @grid-columns)); }
.col-md-pull-3 { right: percentage((3 / @grid-columns)); }
.col-md-pull-4 { right: percentage((4 / @grid-columns)); }
.col-md-pull-5 { right: percentage((5 / @grid-columns)); }
.col-md-pull-6 { right: percentage((6 / @grid-columns)); }
.col-md-pull-7 { right: percentage((7 / @grid-columns)); }
.col-md-pull-8 { right: percentage((8 / @grid-columns)); }
.col-md-pull-9 { right: percentage((9 / @grid-columns)); }
.col-md-pull-10 { right: percentage((10/ @grid-columns)); }
.col-md-pull-11 { right: percentage((11/ @grid-columns)); }
// Offsets
.col-md-offset-0 { margin-left: 0; }
.col-md-offset-1 { margin-left: percentage((1 / @grid-columns)); }
.col-md-offset-2 { margin-left: percentage((2 / @grid-columns)); }
.col-md-offset-3 { margin-left: percentage((3 / @grid-columns)); }
.col-md-offset-4 { margin-left: percentage((4 / @grid-columns)); }
.col-md-offset-5 { margin-left: percentage((5 / @grid-columns)); }
.col-md-offset-6 { margin-left: percentage((6 / @grid-columns)); }
.col-md-offset-7 { margin-left: percentage((7 / @grid-columns)); }
.col-md-offset-8 { margin-left: percentage((8 / @grid-columns)); }
.col-md-offset-9 { margin-left: percentage((9 / @grid-columns)); }
.col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
.col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
}
// Large grid
//
// Columns, offsets, pushes, and pulls for the large desktop device range.
//
// Note that `.col-lg-12` doesn't get floated on purpose—there's no need since
// it's full-width.
&.lg {
width: 720px;
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11 {
float: left;
}
.col-lg-1 { width: percentage((1 / @grid-columns)); }
.col-lg-2 { width: percentage((2 / @grid-columns)); }
.col-lg-3 { width: percentage((3 / @grid-columns)); }
.col-lg-4 { width: percentage((4 / @grid-columns)); }
.col-lg-5 { width: percentage((5 / @grid-columns)); }
.col-lg-6 { width: percentage((6 / @grid-columns)); }
.col-lg-7 { width: percentage((7 / @grid-columns)); }
.col-lg-8 { width: percentage((8 / @grid-columns)); }
.col-lg-9 { width: percentage((9 / @grid-columns)); }
.col-lg-10 { width: percentage((10/ @grid-columns)); }
.col-lg-11 { width: percentage((11/ @grid-columns)); }
.col-lg-12 { width: 100%; }
// Push and pull columns for source order changes
.col-lg-push-0 { left: auto; }
.col-lg-push-1 { left: percentage((1 / @grid-columns)); }
.col-lg-push-2 { left: percentage((2 / @grid-columns)); }
.col-lg-push-3 { left: percentage((3 / @grid-columns)); }
.col-lg-push-4 { left: percentage((4 / @grid-columns)); }
.col-lg-push-5 { left: percentage((5 / @grid-columns)); }
.col-lg-push-6 { left: percentage((6 / @grid-columns)); }
.col-lg-push-7 { left: percentage((7 / @grid-columns)); }
.col-lg-push-8 { left: percentage((8 / @grid-columns)); }
.col-lg-push-9 { left: percentage((9 / @grid-columns)); }
.col-lg-push-10 { left: percentage((10/ @grid-columns)); }
.col-lg-push-11 { left: percentage((11/ @grid-columns)); }
.col-lg-pull-0 { right: auto; }
.col-lg-pull-1 { right: percentage((1 / @grid-columns)); }
.col-lg-pull-2 { right: percentage((2 / @grid-columns)); }
.col-lg-pull-3 { right: percentage((3 / @grid-columns)); }
.col-lg-pull-4 { right: percentage((4 / @grid-columns)); }
.col-lg-pull-5 { right: percentage((5 / @grid-columns)); }
.col-lg-pull-6 { right: percentage((6 / @grid-columns)); }
.col-lg-pull-7 { right: percentage((7 / @grid-columns)); }
.col-lg-pull-8 { right: percentage((8 / @grid-columns)); }
.col-lg-pull-9 { right: percentage((9 / @grid-columns)); }
.col-lg-pull-10 { right: percentage((10/ @grid-columns)); }
.col-lg-pull-11 { right: percentage((11/ @grid-columns)); }
// Offsets
.col-lg-offset-0 { margin-left: 0; }
.col-lg-offset-1 { margin-left: percentage((1 / @grid-columns)); }
.col-lg-offset-2 { margin-left: percentage((2 / @grid-columns)); }
.col-lg-offset-3 { margin-left: percentage((3 / @grid-columns)); }
.col-lg-offset-4 { margin-left: percentage((4 / @grid-columns)); }
.col-lg-offset-5 { margin-left: percentage((5 / @grid-columns)); }
.col-lg-offset-6 { margin-left: percentage((6 / @grid-columns)); }
.col-lg-offset-7 { margin-left: percentage((7 / @grid-columns)); }
.col-lg-offset-8 { margin-left: percentage((8 / @grid-columns)); }
.col-lg-offset-9 { margin-left: percentage((9 / @grid-columns)); }
.col-lg-offset-10 { margin-left: percentage((10/ @grid-columns)); }
.col-lg-offset-11 { margin-left: percentage((11/ @grid-columns)); }
}
//Misc
.navbar-collapse.collapse {
height: auto !important;
overflow: visible !important;
}
}
component.php 0000604 00000001410 15245571252 0007257 0 ustar 00 <?php
/**
*------------------------------------------------------------------------------
* @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
*------------------------------------------------------------------------------
*/
defined('_JEXEC') or die;
include dirname(__FILE__) . '/component.php';
?>