Файловый менеджер - Редактировать - /home/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'; ?>