| Current Path : /home/w/u/e/wuectly/www/03cbe/ |
| Current File : /home/w/u/e/wuectly/www/03cbe/style.less.tar |
home/wuectly/www/templates/t3_blank/less/rtl/style.less 0000604 00000000623 15245561500 0017306 0 ustar 00 // RTL STYLES
// ------------------------------------------------------
// Article Images
// --------------
article img[align=left],
.img_caption.left,
.pull-left.item-image {
margin: 0 @gridGutterWidth @T3globalMargin 0;
}
article img[align=right],
.img_caption.right,
.pull-right.item-image {
margin: 0 0 @T3globalMargin @gridGutterWidth;
}
.languageswitcherload {
ul {
float: left;
}
} home/wuectly/www/media/tabs/less/style.less 0000604 00000027077 15245570406 0015043 0 ustar 00 /**
* @package Tabs
* @version 8.0.1
*
* @author Peter van Westen <info@regularlabs.com>
* @link http://www.regularlabs.com
* @copyright Copyright © 2021 Regular Labs All Rights Reserved
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
/*
* You can override this stylesheet by creating your own in:
* /templates/[YOUR TEMPLATE]/css/tabs/style.min.css
*/
@import "../../regularlabs/less/init.less";
@import "bootstrap.less";
@background-color: #f5f5f5;
@background-color-hover: #eeeeee;
@border-color: #dddddd;
@border-color-focus: #eab03f;
span.rl_tabs-title-inactive {
display: inherit;
}
span.rl_tabs-title-active {
display: none;
}
.rl_tabs-responsive,
.rl_tabs {
.clearfix();
margin-bottom: 1em;
&:last-child {
margin-bottom: 0;
}
}
.rl_tabs {
> ul.nav-tabs {
> li {
/* Reset styles to prevent templates li styles from messing stuff up */
margin: 0 !important;
margin-bottom: -1px !important;
padding: 0 !important;
list-style: none !important;
list-style-image: none !important;
background: none !important;
overflow-y: visible !important;
&:before {
content: "";
margin: 0;
padding: 0;
}
> a {
display: block !important;
.transition-duration(.2s);
color: @linkColor;
text-decoration: none;
line-height: inherit;
&:hover {
color: @linkColorHover;
text-decoration: none;
}
}
> a:focus,
&.active > a:focus {
outline: none;
border-color: @border-color-focus;
}
&.active {
span.rl_tabs-title-inactive {
display: none;
}
span.rl_tabs-title-active {
display: inherit;
}
}
}
}
> .tab-content {
padding: 0;
background-color: #ffffff;
> .tab-pane {
padding: 12px 0;
overflow-x: auto;
overflow-y: hidden;
& > :first-child {
margin-top: 0;
}
& > :last-child {
margin-bottom: 0;
}
.rl_tabs-title {
display: none;
}
}
}
.rl_tabs-scroll,
.rl_tabs-sm-scroll {
position: relative;
visibility: hidden;
padding: 0;
}
// Outline Content
&.outline_content {
> .tab-content {
border: 1px solid @border-color;
border-top: none;
.border-radius(0 0 4px 4px);
> .tab-pane {
padding: 12px;
}
}
> ul.nav-tabs {
margin-bottom: 0;
}
}
// Outline Tabs
&.outline_handles {
ul.nav-tabs > li {
a,
a:hover {
border: 1px solid @border-color;
}
}
}
&.color_inactive_handles {
> ul.nav {
> li {
> a {
background-color: @background-color;
margin-right: 5px;
&:hover {
background-color: @background-color-hover;
}
}
&.active {
> a,
> a:hover {
background-color: #ffffff;
}
}
}
}
}
// Right Alignment
&.align_right {
> ul.nav-tabs {
> li {
float: right;
> a {
margin-left: 2px;
margin-right: 0;
}
}
}
}
// Centered Alignment
&.align_center {
> ul.nav-tabs {
text-align: center;
> li {
float: none;
display: inline-block;
.ie7-inline-block();
margin-left: -1px;
margin-right: -3px;
}
}
}
// Justified Alignment
&.align_justify {
> ul.nav-tabs {
text-align: center;
display: table;
width: 100%;
margin-bottom: -1px;
> .rl_tabs-scroll {
display: table-cell;
}
> li {
float: none;
display: table-cell;
&:last-child > a {
margin-right: 0;
}
a,
a:hover {
margin-bottom: -1px;
border-bottom: 1px solid transparent;
}
}
&:before {
display: none;
}
&:after {
display: none;
}
}
&.bottom {
> ul.nav-tabs {
margin-bottom: 0;
margin-top: -1px;
> li {
a,
a:hover {
margin-bottom: 0;
margin-top: -1px;
border-bottom: 1px solid @border-color;
border-top: 1px solid transparent;
}
}
}
}
}
// Classes: Normal state + Hover state
&.top {
.tabColor(@name, @color) {
> ul.nav-tabs {
> li.@{name} {
> a,
> a:hover {
border-top: 5px solid lighten(@color, 20%);
padding-top: 4px;
.border-radius(5px 5px 0 0);
}
> a:hover, // Hover state
&.active > a {
// Active state
border-top-color: @color;
}
}
}
}
> ul.nav-tabs {
> li {
> a {
border-bottom-color: @border-color;
}
> a:focus,
&.active > a:focus {
border-bottom-color: transparent;
.box-shadow(0 -2px 2px rgba(234, 176, 63, 0.5));
}
}
> li.active {
a,
a:hover {
border-bottom-color: transparent;
}
}
}
.tabColors();
}
&.bottom {
.tabColor(@name, @color) {
> .nav-tabs {
> li.@{name} {
> a,
> a:hover {
border-bottom: 5px solid lighten(@color, 20%);
padding-bottom: 4px;
.border-radius(0 0 5px 5px);
}
> a:hover, // Hover state
&.active > a {
// Active state
border-bottom-color: @color;
}
}
}
}
> .nav-tabs {
border-bottom: 0;
margin-bottom: 18px !important;
border-top: 1px solid @border-color;
> li {
margin-top: -1px !important;
margin-bottom: 0 !important;
// Actual tabs (as links)
> a {
border-top-color: @border-color;
.border-radius(0 0 4px 4px);
&:hover {
border-color: transparent;
border-top-color: @border-color;
}
}
// Active state, and it's :hover to override normal :hover
&.active > a,
&.active > a:hover {
border-color: @border-color;
border-top-color: transparent;
}
> a:focus,
&.active > a:focus {
border-top-color: transparent;
.box-shadow(0 2px 2px rgba(234, 176, 63, 0.5));
}
}
}
.tabColors();
&.outline_content {
> .tab-content {
margin: 0;
border: 1px solid @border-color;
border-bottom: none;
.border-radius(4px 4px 0 0);
}
}
}
&.left,
&.right {
> .nav-tabs {
border-bottom: 0;
margin-bottom: 18px !important;
> li {
float: none;
> a {
min-width: 74px;
margin-right: 0 !important;
margin-bottom: 3px;
}
}
}
&.outline_content {
> .tab-content {
border: 1px solid @border-color;
}
}
}
&.left {
.tabColor(@name, @color) {
> .nav-tabs {
> li.@{name} {
> a,
> a:hover {
border-left: 5px solid lighten(@color, 20%);
padding-left: 7px;
.border-radius(5px 0 0 5px);
}
> a:hover, // Hover state
&.active > a {
// Active state
border-left-color: @color;
}
}
}
}
> .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid @border-color;
> li {
margin-right: -1px !important;
margin-bottom: 0 !important;
> a {
.border-radius(4px 0 0 4px);
&:hover {
border-color: transparent;
border-right-color: @border-color;
}
}
// Active state, and it's :hover to override normal :hover
&.active > a,
&.active > a:hover {
border-color: @border-color;
border-right-color: transparent;
}
> a:focus,
&.active > a:focus {
border-right-color: transparent;
.box-shadow(-2px 0 2px rgba(234, 176, 63, 0.5));
}
}
}
.tabColors();
&.outline_content {
> .tab-content {
.border-radius(0 4px 4px 4px);
}
}
}
&.right {
.tabColor(@name, @color) {
> .nav-tabs {
> li.@{name} {
> a,
> a:hover {
border-right: 5px solid lighten(@color, 20%);
padding-right: 7px;
.border-radius(0 5px 5px 0);
}
> a:hover, // Hover state
&.active > a {
// Active state
border-right-color: @color;
}
}
}
}
> .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid @border-color;
> li {
margin-left: -1px !important;
margin-bottom: 0 !important;
> a {
.border-radius(0 4px 4px 0);
&:hover {
border-color: transparent;
border-left-color: @border-color;
}
}
&.active > a,
&.active > a:hover {
border-color: @border-color;
border-left-color: transparent;
}
> a:focus,
&.active > a:focus {
border-left-color: transparent;
.box-shadow(2px 0 2px rgba(234, 176, 63, 0.5));
}
}
}
.tabColors();
&.outline_content {
> .tab-content {
.border-radius(4px 0 4px 4px);
}
}
}
.tabColor(@name, @color) {
> ul.nav-tabs {
> li.@{name} {
&.solid {
> a,
> a:hover {
background-color: lighten(@color, 20%);
border-color: lighten(@color, 20%);
color: #ffffff;
}
> a:hover, // Hover state
&.active > a {
// Active state
background-color: @color;
border-color: @color
}
}
}
}
&.outline_content {
> .tab-content {
> .tab-pane.color_content.@{name} {
margin: 0 -1px -1px -1px;
border: 2px solid @color;
.border-radius(0 0 4px 4px);
}
}
}
> .tab-content {
> .tab-pane.solid.color_content.@{name} {
background-color: lighten(@color, 50%);
}
}
}
.tabColors();
}
ul.rl_tabs-sm {
display: none;
}
@media (max-width: 767px) {
.rl_tabs-responsive {
> ul.rl_tabs-sm {
display: block;
}
> .rl_tabs {
.clearfix();
> ul.nav-tabs {
display: none;
}
> .tab-content {
> .tab-pane {
display: block;
visibility: visible;
.rl_tabs-title {
display: block;
}
}
}
.fade {
opacity: 1;
}
// Outline Content
&.outline_content {
> .tab-content {
border: none;
> .tab-pane {
border: 1px solid @border-color;
.border-radius(4px);
margin-bottom: 1em;
padding: 12px;
}
}
}
}
.tabColor(@name, @color) {
> ul.rl_tabs-sm {
> li.@{name} {
> a,
> a:hover {
border: 2px solid lighten(@color, 20%);
border-bottom-width: 3px;
}
&:last-child > a,
> a:hover {
border-bottom-width: 2px;
}
&.solid {
> a,
> a:hover {
background-color: lighten(@color, 20%);
border-color: lighten(@color, 20%);
color: #ffffff;
}
> a:hover, // Hover state
&.active > a {
// Active state
background-color: @color;
border-color: @color
}
}
}
}
> .rl_tabs {
&.outline_content {
> .tab-content {
> .tab-pane.@{name} {
border: 2px solid lighten(@color, 20%);
}
}
}
}
}
.tabColors();
}
}
@media print {
.rl_tabs > .nav-tabs,
.rl_tabs-sm {
display: none !important;
}
.rl_tabs > .tab-content,
.rl_tabs > .tab-content > .rl_tabs-pane {
display: block !important;
opacity: 1 !important;
}
.rl_tabs-title {
display: block !important;
}
}
.tabColors() {
// Style: blue
.tabColor(~'blue', @btnPrimaryBackground);
.tabColor(~'primary', @btnPrimaryBackground);
// Style: info
.tabColor(~'info', @btnInfoBackgroundHighlight);
// Style: green / success
.tabColor(~'green', @btnSuccessBackgroundHighlight);
.tabColor(~'success', @btnSuccessBackgroundHighlight);
// Style: orange / warning
.tabColor(~'orange', @btnWarningBackgroundHighlight);
.tabColor(~'warning', @btnWarningBackgroundHighlight);
// Style: red / danger
.tabColor(~'red', @btnDangerBackgroundHighlight);
.tabColor(~'danger', @btnDangerBackgroundHighlight);
.tabColor(~'error', @btnDangerBackgroundHighlight);
// Style: grey / gray
.tabColor(~'grey', #808080);
.tabColor(~'gray', #808080);
}
home/wuectly/www/media/regularlabs/less/style.less 0000604 00000013472 15245653003 0016402 0 ustar 00 /**
* @package Regular Labs Library
* @version 21.4.10972
*
* @author Peter van Westen <info@regularlabs.com>
* @link http://www.regularlabs.com
* @copyright Copyright © 2021 Regular Labs All Rights Reserved
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/
@import "init.less";
@import "font.less";
.rl_tablelist {
td {
height: 22px;
color: @gray;
}
td.has-context {
height: 23px;
}
}
.rl_code {
#font > #family > .monospace;
color: @grayLight;
}
.well {
.well {
border-color: darken(@wellBackground, 7%);
}
}
div.rl_well {
padding-bottom: 0;
h4 {
margin-top: 6px;
}
&.alert-success,
&.alert-error {
color: @grayDark;
}
.controls .btn-group > .btn {
min-width: auto;
}
}
.well-striped:nth-child(even) {
background-color: lighten(@wellBackground, 3%);
}
.alert.alert-inline {
margin: 14px 0 0;
}
.alert.alert-noclose {
padding: 8px 14px;
}
.rl_has-ignore .btn-primary.active,
.rl_btn-ignore.btn-danger.active {
background-color: @grayLight;
border: 1px solid rgba(0, 0, 0, 0.2);
&:hover,
&:focus {
background-color: darken(@grayLight, 15%);
}
}
.rl_btn-exclude.btn-success.active {
background-color: @btnDangerBackground;
border: 1px solid rgba(0, 0, 0, 0.2);
&:hover,
&:focus {
background-color: darken(@btnDangerBackground, 15%);
}
}
.btn-group.btn-group-full,
.subform-table-layout table .btn-group.btn-group-full,
.btn-full {
width: 100%;
box-sizing: border-box;
margin: 0;
}
.icon-back:before {
content: "\e008";
}
.icon-spin {
-webkit-animation: spin .5s infinite linear;
animation: spin .5s infinite linear;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg)
}
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg)
}
100% {
-moz-transform: rotate(359deg)
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg)
}
100% {
-ms-transform: rotate(359deg)
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg)
}
100% {
-o-transform: rotate(359deg)
}
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(359deg)
}
}
/* Dropdown and dropup fixes */
.btn-toolbar .modal,
.btn-toolbar .dropdown-menu {
font-size: 13px;
}
@media (min-width: 768px) {
.dropdown {
display: inline-block;
}
.dropdown-menu.dropup-menu {
bottom: 100%;
top: auto;
}
}
/* popovers */
.popover {
width: auto;
min-width: 200px;
}
/* icons */
.icon-color {
background: transparent url(../images/icon-color.png) no-repeat;
width: 16px !important;
height: 16px !important;
}
.clearfix {
.clearfix();
}
.thumbnail-small > .thumbnail > img {
max-width: 40px;
}
#key_button,
#jform_key_button {
margin-left: 8px;
}
.ghosted {
.opacity(60);
}
.rl_license {
margin-top: 30px;
text-align: center;
}
.rl_footer {
margin-top: 30px;
div {
margin-top: 30px;
text-align: center;
}
.rl_footer_review {
margin-top: 5px;
a.stars {
display: inline-block;
.icon-star {
color: mix(@yellow, @orange);
margin: 0;
.transition-duration(500ms);
}
&:hover {
text-decoration: none;
.icon-star {
.rotate(216deg);
}
}
}
}
.rl_footer_logo {
img {
vertical-align: -40%;
}
}
.rl_footer_copyright {
margin-top: 3px;
font-size: 0.7em;
.opacity(60);
}
}
.rl_simplecategory_new {
margin-top: 4px;
}
.rl_codemirror .CodeMirror-activeline-background {
background: rgba(164, 194, 235, .1);
}
/* better responsiveness */
@media (min-width: 768px) and (max-width: 1200px) {
.row-fluid [class*="span"] {
&[class*="span-md"] {
margin-left: 2.12%;
*margin-left: 2.03%;
&:first-child {
margin-left: 0;
}
}
&.span-md-12 {
width: 100%;
*width: 99.94680851063829%;
margin-left: 0;
}
&.span-md-11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}
&.span-md-10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}
&.span-md-9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}
&.span-md-8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}
&.span-md-7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}
&.span-md-6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}
&.span-md-5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}
&.span-md-4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}
&.span-md-3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}
&.span-md-2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}
&.span-md-1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.row-fluid [class*="span"] {
&.span-lg-12 {
width: 100%;
*width: 99.94680851063829%;
margin-left: 0;
}
&.span-lg-11 {
width: 91.48936170212765%;
*width: 91.43617021276594%;
}
&.span-lg-10 {
width: 82.97872340425532%;
*width: 82.92553191489361%;
}
&.span-lg-9 {
width: 74.46808510638297%;
*width: 74.41489361702126%;
}
&.span-lg-8 {
width: 65.95744680851064%;
*width: 65.90425531914893%;
}
&.span-lg-7 {
width: 57.44680851063829%;
*width: 57.39361702127659%;
}
&.span-lg-6 {
width: 48.93617021276595%;
*width: 48.88297872340425%;
}
&.span-lg-5 {
width: 40.42553191489362%;
*width: 40.37234042553192%;
}
&.span-lg-4 {
width: 31.914893617021278%;
*width: 31.861702127659576%;
}
&.span-lg-3 {
width: 23.404255319148934%;
*width: 23.351063829787233%;
}
&.span-lg-2 {
width: 14.893617021276595%;
*width: 14.840425531914894%;
}
&.span-lg-1 {
width: 6.382978723404255%;
*width: 6.329787234042553%;
}
}
}
home/wuectly/www/templates/t3_blank/less/style.less 0000604 00000010423 15245663067 0016517 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
*------------------------------------------------------------------------------
*/
// ---------------------------------------------------------
// HEADER
// ---------------------------------------------------------
.t3-header {
padding-top: @T3globalPadding;
padding-bottom: @T3globalPadding;
}
// Logo
// ---------------------------------------------------------
.logo {
float: left;
a {
display: inline-block;
line-height: 1;
margin: 0;
}
}
// Logo Image
// ----------
.logo-image {
overflow: hidden;
a {
background-repeat: no-repeat;
width: @T3logoWidth;
height: @T3logoHeight;
}
//hide sitename and slogan
span, small {
display: none;
}
}
// Logo Text
// ----------
.logo-text {
a {
color: @grayDark;
text-decoration: none;
font-size: @fontSizeLarge;
}
&:hover a,
a:hover,
a:active,
a:focus {
text-decoration: none;
}
// Taglines
.site-slogan {
display: block;
font-size: @baseFontSize;
margin-top: 5px;
}
}
// Head Search
// ------------------------------------------------------
.head-search {
float: right;
margin-top: @T3globalMargin;
form {
margin: 0;
float: right;
}
label {
display: none;
}
.search {
}
.input {
background: url("@{T3ImagePath}/ico/search-invert.png") no-repeat 8px center;
width: 120px;
padding-left: 26px;
// focus state
&:focus {
color: @grayDark;
width: 180px;
}
}
}
// ---------------------------------------------------------
// SPOTLIGHTS
// ---------------------------------------------------------
.t3-sl {
padding-bottom: @T3globalPadding * 3;
padding-top: @T3globalPadding * 3;
// /.clearfix();
}
// Spotlight 1
// -----------
.t3-sl-1 {
}
// Spotlight 2
// -----------
.t3-sl-2 {
}
// Spotlight 3
// -----------
.t3-sl-3 {
}
// Spotlight 4
// -----------
.t3-sl-4 {
}
// ---------------------------------------------------------
// MAIN BODY
// ---------------------------------------------------------
.t3-mainbody {
padding-bottom: @T3globalPadding * 2;
padding-top: @T3globalPadding * 2;
}
// Content
// -------
.t3-content {
}
// Sidebars
// --------
.t3-sidebar {
}
.t3-sidebar-1 {
}
.t3-sidebar-2 {
}
// ---------------------------------------------------------
// FOOTER
// ---------------------------------------------------------
.t3-footer {
background: @grayDarker;
color: @gray;
.clearfix();
// small
small {
display: block;
font-size: 100%; //Use global footer font size.
}
// links
a {
color: @T3FooterModuleColor;
// Link States
&:hover, &:active, &:focus {
color: lighten(@gray,50%);
}
}
}
// Foot Nav
// --------
.t3-footnav {
padding: (@T3globalPadding * 3) 0 (@T3globalPadding * 2);
.clearfix();
ul {
list-style: none;
margin-left: 0;
}
li {
line-height: 24px;
}
.module-title {
font-size: @baseFontSize + 4px;
color: @T3FooterModuleTitleColor;
}
}
// Copyright
// ---------
.t3-copyright {
border-top: 1px solid lighten(@grayDarker,5%);
font-size: @T3smallerFontSize;
padding: (@T3globalPadding * 2) 0 (@T3globalPadding * 4);
.clearfix();
}
.copyright {
float: left;
}
.poweredby {
float: right;
text-align: right;
.t3-logo,
.t3-logo-small {
float: right;
opacity: .5;
}
}
// ---------------------------------------------------------
// MISC.
// ---------------------------------------------------------