You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1029 lines
19 KiB
1029 lines
19 KiB
3 years ago
|
@import "bootstrap/variables.less";
|
||
|
|
@import "bootstrap/mixins.less";
|
||
|
|
|
||
|
|
@import "ace-features.less";
|
||
|
|
@import "variables.less";
|
||
|
|
@import "mixins.less";
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.make-rtl {
|
||
|
|
direction: rtl;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.make-ltr {
|
||
|
|
direction: ltr;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl {
|
||
|
|
html& , body& {
|
||
|
|
direction: rtl;
|
||
|
|
text-align: right;
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
// .container.main-container {
|
||
|
|
// padding: 0;
|
||
|
|
// }
|
||
|
|
|
||
|
|
.nav-scroll.scroll-active .scroll-track {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: @grid-float-breakpoint-max) {
|
||
|
|
.navbar .navbar-nav > li, .navbar .navbar-nav > li:first-child {
|
||
|
|
border-width: 1px 0 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.ace-switch + .lbl , .knob-container {
|
||
|
|
direction: ltr;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
input.ace[type="checkbox"] + .lbl::before, input.ace[type="radio"] + .lbl::before,
|
||
|
|
input.ace[type="checkbox"] ~ .lbl::before, input.ace[type="radio"] ~ .lbl::before //for ASP.NET too
|
||
|
|
{
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: 1px;
|
||
|
|
}
|
||
|
|
input.ace + .lbl , input.ace ~ .lbl {//for ASP.NET too
|
||
|
|
.checkbox-paddings-rtl() {// a little paddings for .lbl
|
||
|
|
.checkbox-paddingX-rtl (@index) when (@index >= 0) {
|
||
|
|
&.padding-@{index}::before {
|
||
|
|
margin-left: unit(@index,px);
|
||
|
|
}
|
||
|
|
.checkbox-paddingX-rtl(@index - 4);
|
||
|
|
}
|
||
|
|
.checkbox-paddingX-rtl(16);
|
||
|
|
}
|
||
|
|
.checkbox-paddings-rtl();
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.breadcrumb > li + li:before {
|
||
|
|
content: "\f104";
|
||
|
|
float: right;//
|
||
|
|
}
|
||
|
|
|
||
|
|
&.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
border-left-color: #A4C6DD;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-list, .dropdown-menu, .item-list, .navbar-nav {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.ace-file-input .ace-file-container.selected {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.ace-file-multiple .ace-file-container .ace-file-name {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.ui-slider-small .ui-slider-handle {
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
li[class*="item-"] {
|
||
|
|
border-left:1px solid #DDDDDD;
|
||
|
|
}
|
||
|
|
.itemdiv.dialogdiv > .body {
|
||
|
|
margin-left: 12px;
|
||
|
|
margin-right: 50px;
|
||
|
|
border-left-width: 1px;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
.transform(rotate(45deg));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.dropdown-colorpicker .dropdown-menu > li {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
&.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
|
||
|
|
&.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
border-left-color: #CCC;
|
||
|
|
}
|
||
|
|
&.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
|
||
|
|
&.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
border-left-color: #A4C6DD;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: @screen-fixed-breadcrumbs) {
|
||
|
|
.sidebar.menu-min, .sidebar.compact {
|
||
|
|
+ .main-content .breadcrumbs-fixed {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media (max-width: @grid-float-breakpoint-max) {
|
||
|
|
.sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a,
|
||
|
|
.sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
|
||
|
|
margin-right: 20px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
.navbar-fixed-top + .main-container {
|
||
|
|
padding-top: @navbar-min-height;
|
||
|
|
}
|
||
|
|
@media (max-width: @screen-topbar-down) {
|
||
|
|
.navbar-fixed-top + .main-container {
|
||
|
|
padding-top: (@navbar-min-height * 2);
|
||
|
|
}
|
||
|
|
.navbar-fixed-top.navbar-collapse + .main-container {
|
||
|
|
padding-top: @navbar-min-height;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
@media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) {
|
||
|
|
.breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
|
||
|
|
left: 0 !important;
|
||
|
|
}
|
||
|
|
.container.main-container {
|
||
|
|
.breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
|
||
|
|
left: auto !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: @screen-xs-max) and (min-width: @screen-fixed-breadcrumbs) {
|
||
|
|
.container.main-container {
|
||
|
|
.breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
|
||
|
|
left: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//if we don't do this, .arrow pointer will be a bit round in FireFox
|
||
|
|
.sidebar:not(.h-sidebar) .nav-list > li.highlight.active > a {
|
||
|
|
&:after {
|
||
|
|
border-width: 20px 10px 21px !important;
|
||
|
|
left: -20px !important;
|
||
|
|
}
|
||
|
|
&:before {
|
||
|
|
border-width: 20px 10px 21px !important;
|
||
|
|
left: -21px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (min-width: @grid-float-breakpoint) {
|
||
|
|
&.no-skin .sidebar.h-sidebar .nav-list > li.active > .submenu {
|
||
|
|
border-color: #CCC !important;
|
||
|
|
}
|
||
|
|
&.skin-3 .sidebar.h-sidebar .nav-list > li.active > .submenu {
|
||
|
|
border-color: #A4C6DD !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//the extra submenu dot
|
||
|
|
.sidebar.menu-min .nav-list > li > .submenu:after {
|
||
|
|
border-left-width: 0;
|
||
|
|
border-right: 1px solid;
|
||
|
|
border-right-color: inherit;
|
||
|
|
|
||
|
|
display: block;
|
||
|
|
right: -1px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.popover.bottom .arrow:after,
|
||
|
|
.popover.top .arrow:after {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: -10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.nav-tabs {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.tabs-below > .nav-tabs {
|
||
|
|
margin-top: -1px;
|
||
|
|
}
|
||
|
|
.nav-tabs > li {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.nav-tabs > li:first-child > a {
|
||
|
|
margin-left: -1px;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tabs-left > .nav-tabs > li:first-child > a {
|
||
|
|
margin-right: -1px;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
.tabs-left > .nav-tabs > li.active > a {
|
||
|
|
margin-left: -1px;
|
||
|
|
margin-right: -1px;
|
||
|
|
}
|
||
|
|
.tabs-right > .nav-tabs > li.active > a {
|
||
|
|
margin-left: -1px;
|
||
|
|
margin-right: -2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-tabs[class*="tab-color-"] > li > a {
|
||
|
|
margin-right: 3px;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-stacked > li {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
.dropdown-navbar .nav-tabs > li > a:before {
|
||
|
|
left: auto;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.nav.nav-tabs {
|
||
|
|
.navtab-paddingX-rtl (@index) when (@index > 0) {
|
||
|
|
&.padding-@{index} { padding-left: 0; padding-right: unit(@index,px); }
|
||
|
|
.tabs-right > &.padding-@{index} , .tabs-left > &.padding-@{index} { padding-right:0; }
|
||
|
|
.navtab-paddingX-rtl(@index - 2);
|
||
|
|
}
|
||
|
|
.navtab-paddingX-rtl(32);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//page.inbox.less
|
||
|
|
.message-navbar .messagebar-item-left ~ .nav-search {
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
.message-navbar .messagebar-item-right ~ .nav-search {
|
||
|
|
left: auto;
|
||
|
|
right: 5px;
|
||
|
|
}
|
||
|
|
.message-navbar .messagebar-item-right ~ .nav-search {
|
||
|
|
right: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.enable_navbar_dropdown_positions_rtl() when(@enable-navbar-dropdowns = true) {
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: @screen-xs-max) {
|
||
|
|
.ace-nav > li:nth-last-child(4) > .dropdown-menu {
|
||
|
|
right: auto;
|
||
|
|
left: -100px;
|
||
|
|
&:before, &:after {
|
||
|
|
right: auto;
|
||
|
|
left: 120px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-nav > li:nth-last-child(3) > .dropdown-menu {
|
||
|
|
right: auto;
|
||
|
|
left: -80px;
|
||
|
|
&:before, &:after {
|
||
|
|
right: auto;
|
||
|
|
left: 100px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.user-menu.dropdown-close {
|
||
|
|
right: auto !important;
|
||
|
|
left: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (min-width: @screen-topbar-down-min) and (max-width: @screen-xs-max) {
|
||
|
|
//if there's only one item except for user_info
|
||
|
|
.navbar.navbar-collapse {
|
||
|
|
.ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu,
|
||
|
|
.ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu {
|
||
|
|
left: -60px;
|
||
|
|
right: auto;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
right: auto;
|
||
|
|
left: 80px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: @screen-xs) {
|
||
|
|
.ace-nav > li:nth-last-child(4) > .dropdown-menu {
|
||
|
|
right: auto;
|
||
|
|
left: -120px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
right: auto;
|
||
|
|
left: 140px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ace-nav > li:nth-last-child(3) > .dropdown-menu {
|
||
|
|
right: auto;
|
||
|
|
left: -120px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
right: auto;
|
||
|
|
left: 110px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-nav > li:nth-last-child(2) > .dropdown-menu {
|
||
|
|
right: auto;
|
||
|
|
left: -50px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
right: auto;
|
||
|
|
left: 70px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: @screen-topbar-down) {
|
||
|
|
.ace-nav > li:nth-last-child(4) > .dropdown-menu {
|
||
|
|
left: auto;
|
||
|
|
right: -10px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
right: 30px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-nav > li:nth-last-child(3) > .dropdown-menu {
|
||
|
|
left: auto;
|
||
|
|
right: -50px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
left: auto;
|
||
|
|
right: 75px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-nav > li:nth-last-child(2) > .dropdown-menu {
|
||
|
|
left: auto;
|
||
|
|
right: -70px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
left: auto;
|
||
|
|
right: 90px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: @screen-mini-max) {
|
||
|
|
//when there are only two items (apart from user menu)
|
||
|
|
.ace-nav > li:nth-last-child(2) > .dropdown-menu {
|
||
|
|
left: auto;
|
||
|
|
right: -110px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
left: auto;
|
||
|
|
right: 130px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu {
|
||
|
|
left: auto;
|
||
|
|
right: -85px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
left: auto;
|
||
|
|
right: 105px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu {
|
||
|
|
left: auto;
|
||
|
|
right: -35px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
left: auto;
|
||
|
|
right: 55px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//when there is only one item (apart from user menu)
|
||
|
|
.ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu {
|
||
|
|
left: auto;
|
||
|
|
right: -60px;
|
||
|
|
|
||
|
|
&:before, &:after {
|
||
|
|
left: auto;
|
||
|
|
right: 75px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
.enable_navbar_dropdown_positions_rtl();
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.btn-group-vertical > .btn,
|
||
|
|
.btn-group-vertical > .btn-group,
|
||
|
|
.btn-group-vertical > .btn-group > .btn {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-group-addon:first-child {
|
||
|
|
border-right: 1px solid #CCC;
|
||
|
|
}
|
||
|
|
.input-group-addon:last-child {
|
||
|
|
border-left: 1px solid #CCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//footer
|
||
|
|
.enable_footer_rtl() when (@enable-footer = true) {
|
||
|
|
.footer {
|
||
|
|
@footer-offset: @grid-gutter-width / 2;
|
||
|
|
|
||
|
|
.footer-inner {
|
||
|
|
right: @sidebar-width;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar.compact ~ .footer .footer-inner {
|
||
|
|
right: @sidebar-compact-width;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.sidebar.menu-min ~ .footer .footer-inner {
|
||
|
|
right: @sidebar-min-width;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
@media (min-width: @grid-float-breakpoint) {
|
||
|
|
.sidebar.h-sidebar ~ .footer .footer-inner {
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: @grid-float-breakpoint-max) {
|
||
|
|
.footer .footer-inner , .sidebar.compact ~ .footer .footer-inner , .sidebar.menu-min ~ .footer .footer-inner {
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.sidebar.responsive-min ~ .footer .footer-inner {
|
||
|
|
right: @sidebar-min-width;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.enable_container_footer_rtl() when(@enable-container = true) {
|
||
|
|
.container.main-container .footer .footer-inner {
|
||
|
|
@media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
@media (min-width: @screen-md-min) {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: @sidebar-width;
|
||
|
|
}
|
||
|
|
@media (min-width: @screen-lg-min) {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: @sidebar-width;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.enable_compact_menu_footer_container_rtl() when (@enable-compact-menu = true) {
|
||
|
|
.container.main-container .sidebar.compact ~ .footer .footer-inner {
|
||
|
|
@media (min-width: @screen-md-min) {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
@media (min-width: @screen-lg-min) {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.enable_compact_menu_footer_container_rtl();
|
||
|
|
|
||
|
|
|
||
|
|
.enable_collapse_menu_footer_container_rtl() when (@enable-sidebar-collapse = true) {
|
||
|
|
.container.main-container .sidebar.menu-min ~ .footer .footer-inner {
|
||
|
|
@media (min-width: @screen-md-min) {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
@media (min-width: @screen-lg-min) {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.enable_collapse_menu_footer_container_rtl();
|
||
|
|
|
||
|
|
|
||
|
|
.enable_horizontal_menu_footer_container_rtl() when (@enable-horizontal-menu = true) {
|
||
|
|
.container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
|
||
|
|
@media (min-width: @grid-float-breakpoint) {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
@media (min-width: @screen-md-min) {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
@media (min-width: @screen-lg-min) {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.enable_horizontal_menu_footer_container_rtl();
|
||
|
|
|
||
|
|
|
||
|
|
.enable_responsive_min_menu_footer_container_rtl() when (@enable-minimized-responsive-menu = true) {
|
||
|
|
.container.main-container .sidebar.responsive-min ~ .footer .footer-inner {
|
||
|
|
@media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
|
||
|
|
margin-right: @sidebar-min-width;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.enable_responsive_min_menu_footer_container_rtl();
|
||
|
|
|
||
|
|
}
|
||
|
|
.enable_container_footer_rtl();
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.enable_footer_responsive_menu_push_rtl() when (@enable-responsive-menu = true) {
|
||
|
|
@media only screen and (max-width: @grid-float-breakpoint-max) {
|
||
|
|
.navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away {
|
||
|
|
|
||
|
|
&.display ~ .footer .footer-inner {
|
||
|
|
.transform(translateX(-@sidebar-width));
|
||
|
|
}
|
||
|
|
&.display.compact ~ .footer .footer-inner {
|
||
|
|
.transform(translateX(-@sidebar-compact-width));
|
||
|
|
}
|
||
|
|
&.display.menu-min ~ .footer .footer-inner {
|
||
|
|
.transform(translateX(-@sidebar-min-width));
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
.enable_footer_responsive_menu_push_rtl();
|
||
|
|
|
||
|
|
}
|
||
|
|
.enable_footer_rtl();
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//from previous version's RTL file
|
||
|
|
blockquote {
|
||
|
|
p , small {
|
||
|
|
text-align:left;
|
||
|
|
}
|
||
|
|
small:before {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
small:after {
|
||
|
|
content: "\00A0 \2014";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
blockquote.pull-right, .blockquote-reverse {
|
||
|
|
p , small {
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
small:after {
|
||
|
|
content: "";
|
||
|
|
}
|
||
|
|
small:before {
|
||
|
|
content: "\2014 \00A0";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//thirdparty-calendar.less
|
||
|
|
.fc-grid th {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.external-event {
|
||
|
|
> .@{icon}:first-child {
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: 5px;
|
||
|
|
|
||
|
|
border-right-width: 0;
|
||
|
|
border-left: 1px solid #FFF;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//thirdparty-colorbox.less
|
||
|
|
#cboxCurrent {
|
||
|
|
left: auto;
|
||
|
|
right: 64px;
|
||
|
|
}
|
||
|
|
#cboxNext , #cboxPrevious {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
#cboxPrevious {
|
||
|
|
left: auto;
|
||
|
|
right: 27px;
|
||
|
|
}
|
||
|
|
#cboxNext {
|
||
|
|
left: auto;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
//thirdparty-fuelux.less
|
||
|
|
.ace-spinner .spinner-buttons > button.btn:active { left:auto; top:auto; }
|
||
|
|
|
||
|
|
.wizard-steps {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.wizard-actions {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.wizard-steps li:first-child:before {
|
||
|
|
right: 50%;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tree {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 9px;
|
||
|
|
&:before {
|
||
|
|
left: auto;
|
||
|
|
right: 0;
|
||
|
|
border-width: 0 1px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tree-folder {
|
||
|
|
.tree-folder-header {
|
||
|
|
.tree-folder-name {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 2px;
|
||
|
|
}
|
||
|
|
> .@{icon}:first-child {
|
||
|
|
margin: -2px -2px 0 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&:last-child:after {
|
||
|
|
left: auto;
|
||
|
|
right: -15px;
|
||
|
|
border-left: none;
|
||
|
|
border-right: 1px solid #FFF;
|
||
|
|
}
|
||
|
|
.tree-folder-content {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 23px;
|
||
|
|
&:before {
|
||
|
|
left: auto;
|
||
|
|
right: -14px;
|
||
|
|
border-width: 0 1px 0 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.tree-item {
|
||
|
|
.tree-item-name {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 3px;
|
||
|
|
> .@{icon}:first-child {
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: 3px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tree-folder , .tree-item {
|
||
|
|
&:before {
|
||
|
|
left: auto;
|
||
|
|
right: -13px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tree-loading {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 36px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//thirdpart-gritter.less
|
||
|
|
#gritter-notice-wrapper {
|
||
|
|
left: 20px;
|
||
|
|
right:auto;
|
||
|
|
}
|
||
|
|
.gritter-close {
|
||
|
|
right: auto;
|
||
|
|
left: 3px;
|
||
|
|
}
|
||
|
|
.gritter-image {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.gritter-with-image , .gritter-without-image {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
//thirdparty-wysiwyg.less
|
||
|
|
.wysiwyg-toolbar {
|
||
|
|
.dropdown-menu {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.wysiwyg-choose-file {
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
.btn-group > .btn, .btn-group > .inline > .btn {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.wysiwyg-style1 , .wysiwyg-style2 {
|
||
|
|
.btn-group:after{
|
||
|
|
left: auto;
|
||
|
|
border-left-width: 0;
|
||
|
|
right: -2px;
|
||
|
|
border-right: 1px solid #E1E6EA;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.wysiwyg-toolbar {
|
||
|
|
.dropdown-menu {
|
||
|
|
input[type=text] {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
.btn {
|
||
|
|
margin-right: 1px;
|
||
|
|
margin-left: 8px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.widget-body .md-header {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 9px;
|
||
|
|
.btn-inverse {
|
||
|
|
padding-right: 0;
|
||
|
|
padding-left: 5px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.enable_plugin_select2_rtl() when(@enable-plugin-select2 = true) {
|
||
|
|
//thirdparty-select2.less
|
||
|
|
.select2-container .select2-choice {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 8px;
|
||
|
|
}
|
||
|
|
.select2-container.select2-allowclear .select2-choice .select2-chosen {
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: 42px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-container .select2-choice > .select2-chosen {
|
||
|
|
margin-left: 26px;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
.select2-container .select2-choice abbr {
|
||
|
|
right: auto;
|
||
|
|
left: 20px;
|
||
|
|
}
|
||
|
|
.select2-container .select2-choice .select2-arrow {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.select2-container .select2-choice .select2-arrow b:before {
|
||
|
|
right: 5px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-container-multi .select2-choices li {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.select2-container-multi .select2-choices .select2-search-choice {
|
||
|
|
margin: 3px 5px 3px 0;
|
||
|
|
padding: 3px 18px 3px 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-results {
|
||
|
|
margin: 4px 0 4px 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-drop {
|
||
|
|
input {
|
||
|
|
padding-right: 5px;
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.select2-results {
|
||
|
|
padding-right: 4px;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.select2-search:after {
|
||
|
|
right: -20px;
|
||
|
|
left: auto;
|
||
|
|
}
|
||
|
|
.select2-search input.select2-active {
|
||
|
|
background-position: 0%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.enable_plugin_select2_rtl();
|
||
|
|
|
||
|
|
//thirdparty-editable
|
||
|
|
.editable-buttons {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: 1px;
|
||
|
|
.btn {
|
||
|
|
margin: 0 0 0 1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//thirdparty-jquery-ui.less
|
||
|
|
.ui-datepicker .ui-datepicker-prev:before {
|
||
|
|
content: "\f061";
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-next:before {
|
||
|
|
content: "\f060";
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu-item a .ui-menu-icon {
|
||
|
|
float: left;
|
||
|
|
&:before {
|
||
|
|
content: "\f104";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {
|
||
|
|
left: 8px !important;
|
||
|
|
right: auto !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-tabs .ui-tabs-nav li {
|
||
|
|
float: right;
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: 0.2em;
|
||
|
|
a {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li.ui-state-default > a {
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: -1px;
|
||
|
|
}
|
||
|
|
.ui-accordion .ui-accordion-header {
|
||
|
|
padding-right: 24px;
|
||
|
|
padding-left: 8px;
|
||
|
|
|
||
|
|
.ui-accordion-header-icon {
|
||
|
|
position: absolute;
|
||
|
|
left: auto;
|
||
|
|
right: 10px;
|
||
|
|
&:before {
|
||
|
|
content: "\f0d9";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.ui-state-active .ui-accordion-header-icon:before {
|
||
|
|
content: "\f0d7";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//thirdparty-jqgrid.less
|
||
|
|
.ui-jqgrid .ui-jqgrid-hdiv {
|
||
|
|
border-width: 1px 1px 0 0;
|
||
|
|
}
|
||
|
|
.ui-jqgrid .ui-jqgrid-labels {
|
||
|
|
th {
|
||
|
|
border-right-width:0 !important;
|
||
|
|
border-left: 1px solid #E1E1E1 !important;
|
||
|
|
text-align: right !important;
|
||
|
|
&:first-child {
|
||
|
|
border-right: 1px solid #E1E1E1 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ui-jqgrid-labels th[id*="_cb"]:first-child {
|
||
|
|
text-align: center !important;
|
||
|
|
}
|
||
|
|
.ui-jqgrid-sortable {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 4px;
|
||
|
|
}
|
||
|
|
.ui-jqdialog-content .searchFilter table {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
.ui-jqdialog-content .searchFilter {
|
||
|
|
.add-group, .add-rule, .delete-group {
|
||
|
|
margin-left: auto !important;
|
||
|
|
margin-right: 4px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ui-jqdialog-content {
|
||
|
|
.CaptionTD {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ui-jqdialog .ui-widget-header{
|
||
|
|
.ui-jqdialog-title {
|
||
|
|
text-align: right;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 12px;
|
||
|
|
float: right !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//thirdparty-nestable.less
|
||
|
|
.dd-list {
|
||
|
|
margin-right: 0;
|
||
|
|
|
||
|
|
.dd-list {
|
||
|
|
padding-right: 30px;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.dd2-handle + .dd2-content,
|
||
|
|
.dd2-handle + .dd2-content[class*="btn-"]
|
||
|
|
{
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 44px;
|
||
|
|
}
|
||
|
|
.dd-item > button {
|
||
|
|
float: right;
|
||
|
|
margin: 5px 5px 5px 1px;
|
||
|
|
left: auto;
|
||
|
|
right: 1px;
|
||
|
|
}
|
||
|
|
.dd2-item.dd-item > button {
|
||
|
|
margin-left: 5px;
|
||
|
|
margin-right: 34px;
|
||
|
|
}
|
||
|
|
.dd-dragel {
|
||
|
|
> li > .dd-handle {
|
||
|
|
border-right: 2px solid #777;
|
||
|
|
border-left-width: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.dd-list > li[class*="item-"] {
|
||
|
|
border-left-width: 0;
|
||
|
|
border-right-width: 0;
|
||
|
|
|
||
|
|
> .dd-handle {
|
||
|
|
border-right: 2px solid;
|
||
|
|
border-right-color: inherit;
|
||
|
|
border-left-color: #DAE2EA;
|
||
|
|
border-left-width: 1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.dd-list > li > .dd-handle .sticker {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.dd2-handle , .dd-dragel > li > .dd2-handle {
|
||
|
|
left: auto;
|
||
|
|
right: 0;
|
||
|
|
border-width: 1px 0 0 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//pretty print
|
||
|
|
ol.linenums {
|
||
|
|
margin-right: 33px;
|
||
|
|
li {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.prettyprint.linenums {
|
||
|
|
.box-shadow(~"-40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|