clipbucket/upload/styles/cb_27/theme/assets/css/less/ace-rtl.less
2014-09-19 09:58:54 +00:00

2169 lines
36 KiB
Text

@import "bootstrap/variables.less";
@import "bootstrap/mixins.less";
@import "variables.less";
@import "mixins.less";
.rtl {
@import "rtl-grid.less";
//bootstrap styles
//type.less
ul, ol {
margin-left:0;
margin-right:25px;
&.list-unstyled , &.list-inline {
margin-right:0;
}
}
li > ul, li > ol {
margin-left: 0;
margin-right: 18px;
}
dd {
margin-left:0;
margin-right:10px;
}
.dl-horizontal {
dt {
float: right;
clear: right;
text-align: left;
}
dd {
margin-left:0;
margin-right: @component-offset-horizontal;
}
}
blockquote {
p , small {
text-align:left;
}
small:before {
content: "";
}
small:after {
content: "\00A0 \2014";
}
}
blockquote.pull-right {
p , small {
text-align:right;
}
small:after {
content: "";
}
small:before {
content: "\2014 \00A0";
}
}
//forms.less
.radio,
.checkbox {
padding-left: 0;
padding-right: 20px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: right;
margin-left: 0;
margin-right: -20px;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 0;
margin-right: 10px;
}
.help-inline {
padding-left:0;
padding-right:5px;
}
.input-group {
.input-group-addon {
&:first-child {
border-left-width: 0;
border-right: 1px solid #CCCCCC;
}
&:last-child {
border-right-width: 0;
border-left: 1px solid #CCCCCC;
}
}
}
input.search-query {
padding-left: 14px;
padding-left: 4px \9;
padding-right: 14px;
padding-right: 4px \9;
}
// Inline checkbox/radio labels (remove padding on left)
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-right: 0;
}
// Remove float and margin, set to inline-block
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: right;
margin-right: 0;
margin-left: 3px;
}
.form-horizontal {
.control-label {
text-align: left;
}
}
//tables.less
//buttons.less
.btn-group + .btn-group {
margin-left:auto;
margin-right:5px;
}
.btn-group > .btn, .btn-group-vertical > .btn {
float: right;
}
//dropdowns.less
.dropdown-menu {
margin: 2px 0 0; // override default ul
}
.dropdown .caret {
margin-left:0;
margin-right:2px;
}
//close.less
.close {
float: left;
}
.table-header .close {
margin-right:auto;
margin-left:6px;
}
//alerts.less
.alert {
.close {
float: left;
}
}
//navs.less
.nav {
margin-right:0;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
}
.nav-tabs > li,
.nav-pills > li {
float: right;
}
.nav-pills > li > a {
margin-right: 0;
margin-left: 2px;
}
.nav-stacked > li {
float:none;
}
.nav-tabs > li > a {
margin-right:0;
margin-left:-1px;
}
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
float:none;
}
//navbar.less
.navbar {
direction:rtl;
text-align:right;
.navbar-brand {
float:right;
}
}
.navbar-search {
float: right;
}
//.navbar .nav > li {
// float: right;
//}
.navbar-text {
float: right;
}
//pagination.less
ul.pagination {
margin-right:0;
}
//pager.less
.pager {
margin-right:0;
}
.pager .next > a,
.pager .next > span {
float: left;
}
.pager .previous > a,
.pager .previous > span {
float: right;
}
//modal.less
.modal {
direction:rtl;
text-align:right;
}
.modal-footer {
text-align:left;
}
.modal-footer .btn + .btn {
margin-left:0;
margin-right:5px;
}
//popovers.less
.popover.bottom .arrow:after , .popover.top .arrow:after {
margin-right:-10px;
margin-left:auto;
}
.popover-content , .tooltip-inner {
text-align:right;
direction:rtl;
}
//thumbnails.less
.thumbnails {
margin-left: 0;
margin-right: -@grid-gutter-width;
}
.row .thumbnails {
margin-right: 0;
}
.thumbnails > li {
float: right;
margin-left: 0;
margin-right: @grid-gutter-width;
}
//media.less
.media-list {
margin-right: 0;
}
//ACE
//general.less
.main-container {
direction:rtl;
text-align:right;
}
.main-content {
margin-right:@sidebar-width;
margin-left:0;
}
//basic.less
li > ul.margin,
li > ol.margin
{
margin-left:0;
margin-right:18px;
}
//ace-nav.less
.ace-nav {
> li {
float: right !important;
border-left:none;
border-right:1px solid #DDD;
&:first-child {
border-right:none;
}
> a {
> .badge {
left:auto; right:2px;
}
}
&.no-border { border:none;}
.marginX (@index) when (@index > 0) {
&.margin-@{index} { margin-left:0; margin-right:unit(@index,px); }
.marginX(@index - 1);
}
.marginX(4);
}
.nav-user-photo {
margin:-4px 0 0 8px;
}
.dropdown-menu.dropdown-closer {
left:0;
}
}
@breadcrumb-separator-rtl: "\f104";
//breadcrumbs.less
.breadcrumbs {
padding: 0 0 0 12px;
&.fixed , &.breadcrumbs-fixed {
position: fixed;
left: 0;
right: @sidebar-width;
}
}
.breadcrumb {
margin: 0 12px 0 22px;
.icon-home {
margin-left: 2px;
margin-right: 4px;
}
}
.breadcrumb > li + li:before {
content: @breadcrumb-separator-rtl;
padding: 0 2px 0 5px;
}
.breadcrumb > li + li:last-child:before {
display:none;
}
.breadcrumb > li + li:last-child:after {
display: inline;
content: "\f104";
font-family:FontAwesome;
font-size:14px;
content:@breadcrumb-separator-rtl;
color: @breadcrumb-arrow-color;
margin-left: 2px;
padding: 0 2px 0 5px;
position:relative;
top: 1px;
}
//searchbox.less
.nav-search {
left: 22px;
right: auto;
}
.sidebar > .nav-search {
&.menu-min {
.nav-search {
.form-search {
left:auto; right:5px;
}
}
}
}
//sidebar.less
.sidebar {
float:right;
border-width:0 0 0 1px;
&:before {
border-width:0 0 0 1px;
}
&.fixed , &.sidebar-fixed {
left:auto;
right:0;
&:before {
left:auto;
right:0;
}
}
}
.nav-list > li {
> a {
padding:0 7px 0 16px;
&:hover {
&:before {
left:auto;
right:0;
}
}
}
a > .arrow {
left:9px; right:auto;
}
&.active {
&:after {// the border on left of active item
left:-2px;
right:auto;
border-width: 0 0 0 2px;
}
}
//
.submenu {
> li {
margin-left:0;
margin-right:0;
> a {
padding:7px 37px 8px 0;
}
a > [class*="icon-"]:first-child {
left:auto; right:10px;
}
}
}
> .submenu {
> li {
//tree like menu
&:before {
left:auto; right:18px;
}
}
&:before {
left:auto; right:18px;
border-width: 0 1px 0 0;
}
}
&.active {
> .submenu:before {
border-right-color: @submenu-active-left-border;
}
}
}
.nav-list li {
&.active > a:after {
left:0; right:auto;
border-left-color:@menu-active-color;
border-right-color:transparent;
}
}
.nav-list a {
.badge , .label {
right:auto;
left:11px;
}
&.dropdown-toggle {
.badge , .label {
right:auto;
left:28px;
}
}
}
.menu-min .nav-list a {
.badge , .label {
left:auto;
right:4px;
}
}
.sidebar.menu-min {
+ .main-content {
margin-left:auto;
margin-right:(@sidebar-min-width);
.breadcrumbs.fixed , .breadcrumbs.breadcrumbs-fixed { left:0; right:(@sidebar-min-width); }
}
}
@menumin-shadow-rtl:~"-2px 1px 2px 0 rgba(0, 0, 0, 0.2)";
.menu-min .nav-list > li {
> a {
> .menu-text {
left:auto;
right:(@sidebar-min-width - 1);
padding-left:0;
padding-right:12px;
.box-shadow(@menumin-shadow-rtl);
}
&.dropdown-toggle > .menu-text {
left:auto;
right:@sidebar-min-width;
.box-shadow(none);
}
}
&.active > a > .menu-text {
border-left-color:@menumin-border;
border-right-color:@menu-focus-color;
}
> .submenu {
.box-shadow(@menumin-shadow-rtl);
left:auto; right:(@sidebar-min-width - 1);
li {
> a {
//border-right:none;
margin-left:auto;
margin-right:0;
padding-left:0;
padding-right:24px;
> [class*="icon-"]:first-child {
left:auto;
right:4px;
}
}
}
}
&.active > .submenu {
border-left-color:@menumin-border;
border-right-color:@menu-focus-color;
}
}
.menu-min {
.sidebar-shortcuts-large {
.box-shadow(@menumin-shadow-rtl);
left:auto;
right:@sidebar-min-width - 1;
}
}
.nav-list > li > .submenu {
a > .arrow {
left:11px; right:auto;
}
li > .submenu > li > a > .arrow {
left:12px; right:auto;
}
li > .submenu > li {
> a {//3rd level
margin-left:auto;
padding-left:0;
margin-right:20px;
padding-right:22px;
}
> .submenu > li > a {//4th level
margin-left:auto;
padding-left:0;
margin-right:20px;
padding-right:38px;
}
}
}
.menu-min .nav-list > li > .submenu {
li > .submenu > li {
> a {
margin-right:0px;
padding-right:30px;
}
> .submenu > li > a {
margin-right:0px;
padding-right:45px;
}
}
}
//buttons
button.btn:active {
left:-1px;
}
.btn.disabled, .btn[disabled] {
&:active {
left:0;
}
}
.btn {
> [class*="icon-"] {
margin-left:4px;
margin-right:0;
&.icon-on-right {
margin-left:0;
margin-right:4px;
}
&.icon-only {
margin:0;
}
}
}
.btn-lg > [class*="icon-"] {
margin-left:6px;
margin-right:0;
&.icon-on-right {
margin-left:0;
margin-right:6px;
}
}
.btn-sm > [class*="icon-"] {
margin-left:3px;
margin-right:0;
&.icon-on-right {
margin-left:0;
margin-right:3px;
}
}
.btn-xs > [class*="icon-"] , &.btn-minier > [class*="icon-"] {
margin-left:2px;
margin-right:0;
&.icon-on-right {
margin-left:0;
margin-right:2px;
}
}
.btn-group > .btn {
> .caret {
margin-left:0;
margin-right:1px;
}
}
//dropdown.less
.dropdown-menu.dropdown-only-icon {
> li {
float:right;
}
}
.dropdown-light , .dropdown-lighter {
.dropdown-submenu:hover > a:after {
border-left-color:transparent;
border-right-color:#444;
}
}
.dropdown-navbar {
> li {
> [class*="icon-"] , > a > [class*="icon-"] {
margin-right:0 !important;
margin-left:5px !important;
}
}
[class*="btn"][class*="icon-"] {
margin:0 0 0 5px;
}
.msg-photo {
margin-left:6px;
margin-right:0;
}
.user-menu > li > a > [class*="icon-"] {
margin-left:6px;
margin-right:0;
}
}
//form.less
.help-button {
margin-left:0;
margin-right:4px;
}
.form-search , .form-inline {
.radio [type=radio] + label, .checkbox [type=checkbox] + label {
float: right;
margin-left: 0;
margin-right: -20px;
.form-search & , .form-inline & {
margin-right:0;
margin-left:3px;
}
}
}
input[type=checkbox].ace , input[type=radio].ace {
+ .lbl {
&::before {
margin-right:0;
margin-left:1px;
}
}
&.ace-switch + .lbl {
&::before {
direction:ltr;
text-align:left;
}
}
}
.ace-file-input {
.file-label {
&:before {
right:auto;
left:0;
}
.file-name {
padding-left:0;
padding-right:30px;
}
&.selected {
left:16px;
right:0;
}
[class*="icon-"] {
//.ace-file-icon();
right:0; left:auto;
}
}
.remove {
left:-8px;
right:auto;
}
}
.ace-file-multiple {
.file-label {
&.selected .file-name [class*="icon-"] {
//.ace-file-icon();
right:0; left:auto;
}
.file-name {
padding:0;
text-align:right;
img {
margin:4px 1px 4px 8px;
}
&.large {
text-align:center;
img {
margin:0;
}
}
}
}
.remove {
left:-11px; right:auto;
}
}
.ace-file-multiple .file-label {
&.selected .file-name [class*="icon-"] {
margin-left:4px; margin-right:2px;
}
}
//tab-accordion.less
.nav-tabs {
.navtab-paddingX (@index) when (@index > 0) {
&.padding-@{index} { padding-left:0; padding-right:unit(@index,px); }
.navtab-paddingX(@index - 4);
}
.navtab-paddingX(24);
.navtab-paddingX(22);
}
.tabs-right > .nav-tabs[class*="padding-"] , .tabs-left > .nav-tabs[class*="padding-"] {
padding-right:0;
}
.tabs-left > .nav-tabs {
margin-left:auto;
margin-right:-1px;//was overriden by .rtl .nav
> li > a {
& , &:hover, &:focus {
margin:0 -1px 0 0;
}
}
> li.active > a {
& , &:hover, &:focus {
margin:0 -1px;
}
}
}
.nav-tabs.tab-space-1 > li > a {
margin-right:auto;
margin-left:1px;
}
.nav-tabs.tab-space-2 > li > a {
margin-right:auto;
margin-left:2px;
}
.nav-tabs.tab-space-3 > li > a {
margin-right:auto;
margin-left:3px;
}
.nav-tabs.tab-space-4 > li > a {
margin-right:auto;
margin-left:4px;
}
.nav-tabs[class*="tab-color-"] > li > a {
& , &:focus, &:hover {
margin-right:auto;
margin-left:3px;
}
}
//accordion-style2
.accordion-style2.panel-group {
.panel-heading .accordion-toggle {
border-width: 0 2px 0 0;
&.collapsed {
border-width: 0 1px 0 0;
}
}
}
//tables.less
.table {
thead:first-child tr th {
[class*="icon-"]:first-child {
margin-left:2px;
margin-right:0;
}
}
}
//widgets.less
.widget-main.no-padding , .widget-main.padding-0 {
.table-bordered th:first-child,
.table-bordered td:first-child {
border-left-width:1px;
}
.table-bordered th:last-child,
.table-bordered td:last-child {
border-left-width:0;
}
}
//tables.less
.table-header {
padding-left:0;
padding-right:12px;
}
.dataTables_length {
margin-left:0;
margin-right:8px;
}
.dataTables_filter {
margin-left:8px;
margin-right:0;
text-align:left;
}
.dataTables_info {
margin:0 12px 0 0;
}
.dataTables_paginate {
text-align:left;
}
.dataTable th[class*=sort]:after {
float:left;
margin-right:0;
margin-left:4px;
}
.dataTables_wrapper > .row > [class*="col-"] {
float:right;
margin-left:0;
width:50%;
.box-sizing(border-box);
}
//widget.less
.widget-box {
direction:rtl;
text-align:right;
}
.widget-header {
padding-left:0;
padding-right:12px;
&:after {
clear:left;
}
}
.widget-header-large {
padding-left:0;
padding-right:18px;
}
.widget-header-small {
padding-left:0;
padding-right:10px;
}
.widget-header > .widget-caption , .widget-header > :first-child {
> [class*="icon-"] {
margin-right:0;
margin-left:5px;
}
}
.widget-toolbar {
float:left;
&:before {
left:auto;
right:-1px;
border-width:0 0 0 1px;
}
}
.widget-toolbar > [data-action] {
> [class*="icon-"] {
margin-right:auto;
margin-left:0;
}
}
.widget-box.transparent {
> .widget-header {
padding-left:0;
padding-right:3px;
}
> .widget-header-large {
padding-left:0;
padding-right:5px;
}
> .widget-header-small {
padding-left:0;
padding-right:1px;
}
}
[class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a {
margin-right:0;
margin-left:1px;
}
//infobox.less
.infobox {
padding:8px 9px 6px 3px;
text-align:right;
> .infobox-icon > [class*="icon-"] {
padding:1px 2px 0 1px;
}
> .infobox-data {
text-align:right;
padding-left:0;
padding-right:8px;
}
}
.infobox {
> .stat {
left:20px;
right:auto;
padding-left:18px;
padding-right:0;
&:before {
left:4px;
right:auto;
}
&:after {
left:1px;
right:auto;
}
}
> .badge {
left:20px;
right:auto;
}
&.infobox-dark > .badge {
left:2px;
right:auto;
}
}
.infobox-small {
text-align:right;
> .infobox-data {
text-align:right;
}
> .infobox-chart > .sparkline {
margin-left:auto;
margin-right:2px;
}
}
.infobox-small .percentage {
margin-left:auto;
margin-right:2px;
}
//page.price
.pricing-box {
.widget-header {
padding-right:0;
}
}
.pricing-table-header {
text-align:right;
> li {
padding:7px 11px 7px 0;
}
}
.pricing-box-small {
margin-left:0;
margin-right:-2px;
}
.pricing-span[class*="col-"] {
float:right !important;
}
.pricing-span-header {
float:right;
padding-left: 0;
padding-right: @grid-gutter-width / 2;
}
@media only screen and (max-width: @screen-tablet) {
.pricing-box {
&:nth-child(odd) {
padding-right: @grid-gutter-width / 2 !important;
padding-left: 0 !important;
}
&:nth-child(even) {
padding-left: @grid-gutter-width / 2 !important;
padding-right: 0 !important;
}
}
}
.pricing-span {
float:right !important;
}
@media only screen and (max-width: @screen-topbar-down) {
.pricing-box {
& , &:nth-child(odd), &:nth-child(even) {
padding-left:@grid-gutter-width / 2 !important;
padding-right:@grid-gutter-width / 2 !important;
}
}
}
//page.login.less
&.login-layout {
.main-content {
margin-right:0;
}
.login-box {
.toolbar {
> div {
&:first-child {
float:right;
text-align:right;
> a {
margin-left:0;
margin-right:11px;
}
+ div {//the next one
float:left;
text-align:left;
> a {
margin-left:11px;
margin-right:0;
}
}
}
}
}
}
}
//gallery
.ace-thumbnails {
margin-right:0;
> li {
float:right;
.tags {
direction:ltr;
> .label-holder {
margin:1px 0 0 1px;
direction:rtl;
text-align:right;
}
}
}
}
//items.less
.itemdiv {
padding-right:0;
padding-left:3px;
> .user {
left:auto;
right:0;
}
> .body {
margin-right:50px;
margin-left:12px;
> .time {
right:auto;
left:9px;
}
> .text {
padding-left:0;
padding-right:7px;
&:after {
right:16px; left:-12px;
}
> [class*="icon-quote-"]:first-child {
margin-left:4px;
margin-right:0;
}
}
}
&.dialogdiv {
&:before {
left:auto;
right:19px;
}
> .body {
border-left-width:1px;
border-right-width:2px;
margin-left:1px;
&:before{
left:auto; right:-7px;
border-width:2px 2px 0 0;
.rotate(45deg);
}
> .time {
float:left;
}
> .text {
padding-right:0;
}
}
}
&.memberdiv {
float:right;
}
.tools {
right:auto;
left:4px;
}
&.commentdiv .tools {
right:auto;
left:9px;
}
}
.item-list {
margin:0;
> li {
border-left-width:1px;
border-right-width:3px;
border-left-color:#DDD;
}
}
li[class*="item-"] {
border-left-width:1px;
border-right-width:3px;
border-left-color:#DDD;
}
li.item-orange { border-right-color:@item-list-orange-border; }
li.item-orange2 { border-right-color:@item-list-orange2-border; }
li.item-red { border-right-color:@item-list-red-border; }
li.item-red2 { border-right-color:@item-list-red2-border; }
li.item-green { border-right-color:@item-list-green-border; }
li.item-green2 { border-right-color:@item-list-green2-border; }
li.item-blue { border-right-color:@item-list-blue-border; }
li.item-blue2 { border-right-color:@item-list-blue2-border; }
li.item-blue3 { border-right-color:@item-list-blue3-border; }
li.item-pink { border-right-color:@item-list-pink-border; }
li.item-black { border-right-color:@item-list-black-border; }
li.item-grey { border-right-color:@item-list-grey-border; }
li.item-brown { border-right-color:@item-list-brown-border; }
li.item-default { border-right-color:@item-list-default-border; }
li.item-purple { border-right-color:@item-list-purple-border; }
//page.profile.less
.profile-info-name {
text-align:left;
padding-right:0;
padding-left:10px;
left:auto;
right:0;
}
.profile-info-value {
padding-right:6px;
padding-left:4px;
margin-left:auto;
margin-right:120px;
> span + span:before{
margin-left:3px;
margin-right:1px;
}
}
.profile-user-info-striped {
.profile-info-value {
padding-left:0;
padding-right:12px;
}
}
.profile-activity {
img , .thumbicon {
margin-right:0;
margin-left:10px;
}
.tools {
left: 12px;
right:auto;
}
}
.user-profile .user-title-label + .dropdown-menu {
margin-left:auto;
margin-right:-12px;
}
.user-status {
margin-right:auto;
margin-left:1px;
}
.tab-content.profile-edit-tab-content {
.box-shadow(~"-1px 1px 0 0 rgba(0, 0, 0, 0.2)");
}
//page.inbox.less
.inbox-tabs.nav-tabs {
> li {
&.active > a.btn-new-mail > .btn:before {
left:auto;
right:35%; right:~"calc(50% - 6px)";
}
}
&.tab-size-bigger > li {
&.active > a.btn-new-mail > .btn:before {
left:auto;
right:35%; right:~"calc(50% - 8px)";
}
}
> li.pull-left {
float:left;
}
}
@media only screen and (max-width: 475px) {
.inbox-tabs > .li-new-mail {
text-align:left;
}
}
.message-item {
.sender {
margin-left:4px;
margin-right:6px;
}
.summary {
margin-left:auto;
margin-right:30px;
}
.message-flags {
right:auto;
left:101%;
left:~"calc(100% + 4px)";
}
.time {
float:left;
}
.attachment{
float:left;
}
}
.message-star{
margin-left:4px;
margin-right:6px;
}
.mail-tag:empty {
margin-left:1px;
margin-right:0;
}
ul.attachment-list {
margin-left:0;
margin-right:8px;
}
.attached-file {
> [class*="icon-"] {
margin-right:auto;
margin-left:2px;
}
}
.messagebar-item-left , .messagebar-item-right {
text-align:right;
}
.message-navbar .nav-search {
left:auto;
right:60px;
}
.inbox-folders .btn > [class*="icon-"]:first-child {
text-align:right;
}
.inbox-folders .btn.active:before{
left:auto;
right:-1px;
border-left:none;
border-right:3px solid #4F99C6;
}
.inbox-folders .btn .counter {
right: auto;
left:8px;
}
.message-form .controls {
margin-right:125px;
}
//page.timeline.less
.timeline-container {
&:before {
right:28px;
left:auto;
}
}
.timeline-item {
.transparent.widget-box {
border-right:3px solid #DAE1E5;
border-left:none;
}
.transparent {
.widget-header {
> :first-child {
margin-left:auto;
margin-right:8px;
}
}
}
&:nth-child(even) .widget-box {
&.transparent {
border-right-color:#DBDBDB !important;
}
}
}
.timeline-item {
.widget-box {
margin-left:auto;
margin-right:60px;
}
}
.timeline-info {
float:right;
}
.timeline-label {
margin-right:34px;
margin-left:auto;
}
.timeline-style2 {
&:before {
display:none;
}
.timeline-item:before {
left:auto;
right:90px;
}
.timeline-item .transparent.widget-box {
border-right:none !important;
}
.timeline-indicator {
left:auto;
right:86px;
}
.timeline-date {
text-align:left;
margin-right:auto;
margin-left:25px;
}
.timeline-item .widget-box {
margin-left:auto;
margin-right:112px;
}
.timeline-label {
margin-right:0;
text-align:left;
}
}
//other.less
.ace-settings-container {
left:0;
right:auto;
}
.btn.ace-settings-btn {
float:right;
.border-radius(~"0 6px 6px 0") !important;
}
.ace-settings-box {
float:right;
}
.grid2, .grid3, .grid4 {
float:right;
border-left:none;
border-right:1px solid #E3E3E3;
&:first-child {
border-right:none;
}
}
.easyPieChart canvas{
left: auto;
right: 0;
}
//thirdparty-calendar.less
.external-event {
> [class*="icon-"]:first-child {
margin-right:0;
margin-left:5px;
border-right:none;
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;
}
> [class*="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;
> [class*="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 {
text-align:right;
direction:rtl;
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:none;
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;
}
}
//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-right:0;
}
.select2-drop {
direction:rtl;
text-align:right;
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%;
}
//thirdparty-editable
.editable-buttons {
margin-left:auto;
margin-right:1px;
.btn {
margin:0 0 0 1px;
}
}
.editable-input .ace-spinner {
margin-right:auto;
margin-left:8px;
}
.editable-inline .editable-slider {
margin-right:auto;
margin-left:4px;
}
//bootstrap-tag.less
.tags .tag {
padding-left:22px;
padding-right:9px;
text-shadow:-1px 1px 1px rgba(0, 0, 0, 0.15);
.close {
float:none;
left:0;
right:auto;
}
}
//thirdparty-jquery-ui.less
.ui-datepicker .ui-datepicker-prev:before {
content:"\f061";
}
.ui-datepicker .ui-datepicker-next:before {
content:"\f060";
}
.ui-menu , .ui-dialog , .ui-jqdialog{
direction:rtl;
text-align:right;
}
.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:none !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 {
text-align:right;
direction:rtl;
}
.dd-list {
text-align:right;
direction:rtl;
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;
}
//thirdpart misc
.limiterBox {
direction:rtl;
text-align:right;
}
//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");
}
}
/** Responsive RTL **/
@media only screen and (max-width: @screen-xs-max) {
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
right:auto;
left:-80px;
}
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
right:auto;
left:100px;
}
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
right:auto;
left:-40px;
}
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
right:auto;
left:60px;
}
}
@media only screen and (max-width: @screen-xs) {
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
right:auto;
left:-120px;
}
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
right:auto;
left:140px;
}
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
right:auto;
left:-80px;
}
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
right:auto;
left:100px;
}
.rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
right:auto;
left:-50px;
}
.rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
right:auto;
left:70px;
}
}
@media only screen and (max-width: @screen-topbar-down) {
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
left:auto;
right:-5px;
}
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
left:auto;
right:25px;
}
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
left:auto;
right:-60px;
}
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
left:auto;
right:80px;
}
.rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
left:auto;
right:-110px;
}
.rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
.rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
left:auto;
right:130px;
}
}
@media only screen and (max-width: @screen-topbar-down) {
.rtl .ace-nav > li{
text-align: right;
float: none !important;
}
.rtl .ace-nav > li:first-child{
border-left: none;
border-right: 1px solid #DDD;
}
.rtl .ace-nav > li:last-child{
border-left: 1px solid #DDD;
}
}
@media (min-width: 422px) and (max-width: 480px) , (max-width: 340px) {
.rtl .ace-nav .nav-user-photo {
margin-left: 0;
}
.rtl .user-info {
margin-left: auto;
right: auto;
margin-right: 1px;
left: 2px;
}
}
@media only screen and (max-width: @screen-xs-max) {
.rtl .nav-search {
right:auto;
left:5px;
}
}
@media only screen and (max-width: @screen-sm-max) {
.rtl .navbar-brand {
margin-right:0;
}
.rtl .sidebar {
left:auto;
box-shadow:-2px 1px 2px 0 rgba(0,0,0,0.2);
border-left-width:1px;
border-right-width:0;
}
.rtl .sidebar.display , .rtl .sidebar.menu-min.display {
left:auto;
right:0;
}
.rtl .sidebar.menu-min {
left:auto;
right:-50px;
}
.rtl .main-content {
margin-left:auto !important;
margin-right:0 !important;
}
.rtl .menu-toggler {
left:auto;
margin-right:auto;
right:0;
margin-left:2px;
padding-left:0;
padding-right:33px;
}
.rtl .menu-toggler:before {
left:auto;
right:4px;
}
.rtl .menu-toggler:after {
left:auto;
right:4px;
}
.rtl .menu-toggler > .menu-text {
left:auto;
right:0;
}
.rtl .menu-toggler > .menu-text:after {
left:auto;
right:-8px;
}
.rtl .breadcrumb {
margin-left:auto;
margin-right:90px;
}
}
/* move the icons to the line below */
@media only screen and (max-width: @screen-topbar-down) {
.rtl .navbar .navbar-brand {
display:block;
float:none;
}
}
/* gallery */
@media only screen and (max-width: @screen-xs) {
.rtl .ace-thumbnails > li {
float:none;
}
}
@media only screen and (max-width: @screen-tiny) {
.rtl .breadcrumb {
margin-left:0;
margin-right:36px;
}
.rtl .menu-toggler > .menu-text:after {
left:auto;
right:-13px;
}
}
@media only screen and (max-width: @screen-xs) {
.rtl .fc-header td {
text-align:right;
}
}
/* custom grid */
@media only screen and (max-width: 360px) {
.rtl .grid2 ,.rtl .grid3 ,.rtl .grid4{
border-right:none;
}
.rtl .grid2 > [class*="pull-"], .rtl .grid3 > [class*="pull-"], .rtl .grid4 > [class*="pull-"]{
right:auto;
left:11px;
}
}
@media only screen and (max-width: @screen-xs-max) {
.rtl .help-inline , .rtl .input-icon + .help-inline {
padding-right:0;
}
}
@media only screen and (max-width: @screen-xs) {
.rtl .profile-info-value {
margin-left:auto;
margin-right:90px;
}
.rtl .profile-user-info-striped .profile-info-name {
padding-right:10px;
padding-left:0;
text-align:right;
}
.rtl .profile-user-info-striped .profile-info-value {
margin-left:auto;
margin-right:10px;
}
}