source: pro-violet-viettel/sourcecode/assets/css/less/ace-rtl.less @ 775

Last change on this file since 775 was 313, checked in by dungnv, 11 years ago
File size: 35.7 KB
Line 
1 @import "bootstrap/variables.less";
2 @import "bootstrap/mixins.less";
3 
4 @import "variables.less";
5 @import "mixins.less";
6
7.rtl {
8 @import "rtl-grid.less";
9
10 //bootstrap styles
11 //type.less
12  ul, ol {
13        margin-left:0;
14        margin-right:25px;
15        &.list-unstyled , &.list-inline {
16                margin-right:0;
17        }
18  }
19
20  li > ul, li > ol {
21        margin-left: 0;
22        margin-right: 18px;
23  }
24
25  dd {
26        margin-left:0;
27        margin-right:10px;
28 }
29 .dl-horizontal {
30  dt {
31    float: right;
32    clear: right;
33    text-align: left;
34  }
35  dd {
36    margin-left:0;
37        margin-right: @component-offset-horizontal;
38  }
39 }
40
41 blockquote {
42        p , small {
43                text-align:left;
44        }
45        small:before {
46                content: "";
47        }
48        small:after {
49                content: "\00A0 \2014";
50        }
51 }
52 blockquote.pull-right {       
53        p , small {
54                text-align:right;
55        }
56        small:after {
57                content: "";
58        }
59        small:before {
60                content: "\2014 \00A0";
61        }
62 }
63 
64 
65 //forms.less
66 .radio,
67 .checkbox {
68        padding-left: 0;
69        padding-right: 20px;
70 }
71 .radio input[type="radio"],
72 .checkbox input[type="checkbox"] {
73        float: right;
74        margin-left: 0;
75        margin-right: -20px;
76 }
77 .radio.inline + .radio.inline,
78 .checkbox.inline + .checkbox.inline {
79        margin-left: 0;
80        margin-right: 10px;
81 }
82 .help-inline {
83        padding-left:0;
84        padding-right:5px;
85 }
86 .input-group {
87   .input-group-addon {
88                &:first-child {
89                        border-left-width: 0;
90                        border-right: 1px solid #CCCCCC;
91                }
92                &:last-child {
93                        border-right-width: 0;
94                        border-left: 1px solid #CCCCCC;
95                }
96        }
97  }
98
99 input.search-query {
100        padding-left: 14px;
101        padding-left: 4px \9;
102        padding-right: 14px;
103        padding-right: 4px \9;
104 }
105 // Inline checkbox/radio labels (remove padding on left)
106 .form-search .radio,
107 .form-search .checkbox,
108 .form-inline .radio,
109 .form-inline .checkbox {
110        padding-right: 0;
111 }
112 // Remove float and margin, set to inline-block
113 .form-search .radio input[type="radio"],
114 .form-search .checkbox input[type="checkbox"],
115 .form-inline .radio input[type="radio"],
116 .form-inline .checkbox input[type="checkbox"] {
117        float: right;
118        margin-right: 0;
119        margin-left: 3px;
120 }
121 .form-horizontal {
122  .control-label {
123    text-align: left;
124  }
125 }
126 
127 //tables.less
128
129
130 //buttons.less
131 .btn-group + .btn-group {
132        margin-left:auto;
133        margin-right:5px;
134 }
135 .btn-group > .btn, .btn-group-vertical > .btn {
136        float: right;
137 }
138 
139
140 
141 //dropdowns.less
142 .dropdown-menu {
143        margin: 2px 0 0; // override default ul
144 }
145 .dropdown .caret {
146        margin-left:0;
147        margin-right:2px;
148 }
149 
150 
151 //close.less
152 .close {
153        float: left;
154 }
155 .table-header .close {
156        margin-right:auto;
157        margin-left:6px;
158 }
159 //alerts.less
160 .alert {
161        .close {
162                float: left;
163        }
164 }
165 
166 //navs.less
167 .nav {
168        margin-right:0;
169 }
170 .nav-list [class^="icon-"],
171 .nav-list [class*=" icon-"] {
172
173 }
174 .nav-tabs > li,
175 .nav-pills > li {
176        float: right;
177 }
178 .nav-pills > li > a {
179        margin-right: 0;
180        margin-left: 2px;
181 }
182 .nav-stacked > li {
183        float:none;
184 }
185
186
187 .nav-tabs > li > a {
188        margin-right:0;
189        margin-left:-1px;
190 }
191
192 .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
193        float:none;
194 }
195
196 //navbar.less
197 .navbar {
198        direction:rtl;
199        text-align:right;
200        .navbar-brand {
201                float:right;
202        }
203 }
204 .navbar-search {
205        float: right;
206 }
207 //.navbar .nav > li {
208//      float: right;
209 //}
210 .navbar-text {
211        float: right;
212 }
213
214 //pagination.less
215 ul.pagination {
216        margin-right:0;
217 }
218
219
220//pager.less
221.pager {
222  margin-right:0;
223}
224.pager .next > a,
225.pager .next > span {
226  float: left;
227}
228.pager .previous > a,
229.pager .previous > span {
230  float: right;
231}
232
233//modal.less
234.modal {
235        direction:rtl;
236        text-align:right;
237}
238.modal-footer {
239        text-align:left;
240}
241.modal-footer .btn + .btn {
242        margin-left:0;
243        margin-right:5px;
244}
245
246
247
248//popovers.less
249.popover.bottom .arrow:after , .popover.top .arrow:after {
250        margin-right:-10px;
251        margin-left:auto;
252}
253.popover-content , .tooltip-inner {
254        text-align:right;
255        direction:rtl;
256}
257
258
259//thumbnails.less
260.thumbnails {
261  margin-left: 0;
262  margin-right: -@grid-gutter-width;
263}
264.row .thumbnails {
265  margin-right: 0;
266}
267.thumbnails > li {
268  float: right;
269  margin-left: 0;
270  margin-right: @grid-gutter-width;
271}
272//media.less
273.media-list {
274  margin-right: 0;
275}
276
277
278 
279 //ACE
280 //general.less
281 .main-container {
282        direction:rtl;
283        text-align:right;
284 }
285 
286 .main-content {
287        margin-right:@sidebar-width;
288        margin-left:0;
289 }
290
291 //basic.less
292 li > ul.margin,
293 li > ol.margin
294 {
295        margin-left:0;
296        margin-right:18px;
297 }
298 
299 //ace-nav.less
300 .ace-nav {
301        > li {
302                float: right !important;
303                border-left:none;
304                border-right:1px solid #DDD;
305                &:first-child {
306                        border-right:none;
307                }
308
309                > a {
310                        > .badge {
311                                left:auto; right:2px;
312                        }
313                }
314               
315                &.no-border { border:none;}
316                .marginX (@index) when (@index > 0) {
317                        &.margin-@{index} { margin-left:0; margin-right:unit(@index,px); }
318                        .marginX(@index - 1);
319                }
320                .marginX(4);
321        }
322        .nav-user-photo {
323                margin:-4px 0 0 8px;
324        }
325
326        .dropdown-menu.dropdown-closer {
327                left:0;
328        }
329 }
330
331@breadcrumb-separator-rtl: "\f104";
332 //breadcrumbs.less
333 .breadcrumbs {
334        padding: 0 0 0 12px;
335        &.fixed , &.breadcrumbs-fixed {
336                position: fixed;
337                left: 0;
338                right: @sidebar-width;
339        }
340 }
341 .breadcrumb {
342        margin: 0 12px 0 22px;
343        .icon-home {
344                margin-left: 2px;
345                margin-right: 4px;
346        }
347 }
348 .breadcrumb > li + li:before {
349        content: @breadcrumb-separator-rtl;
350        padding: 0 2px 0 5px;
351 }
352 .breadcrumb > li + li:last-child:before {
353        display:none;
354 }
355 .breadcrumb > li + li:last-child:after {
356                display: inline;
357                content: "\f104";
358
359                font-family:FontAwesome;
360                font-size:14px;
361                content:@breadcrumb-separator-rtl;
362                color: @breadcrumb-arrow-color;
363               
364                margin-left: 2px;
365                padding: 0 2px 0 5px;
366                position:relative;
367                top: 1px;
368 }
369
370
371 //searchbox.less
372 .nav-search {
373        left: 22px;
374        right: auto;
375 }
376 .sidebar > .nav-search  {
377        &.menu-min {
378          .nav-search {
379                .form-search {
380                        left:auto; right:5px;
381                }
382          }
383        }
384 }
385
386 //sidebar.less
387 .sidebar {
388        float:right;
389
390        border-width:0 0 0 1px;
391        &:before {
392                border-width:0 0 0 1px;
393        }
394        &.fixed , &.sidebar-fixed {
395                left:auto;
396                right:0;
397                &:before {
398                        left:auto;
399                        right:0;
400                }
401        }
402 }
403
404 .nav-list > li {
405        > a {
406                padding:0 7px 0 16px;
407                &:hover  {
408                        &:before {
409                                left:auto;
410                                right:0;
411                        }
412                }
413        }
414       
415        a > .arrow {
416                left:9px; right:auto;
417        }
418       
419        &.active {
420                &:after {// the border on left of active item
421                        left:-2px;
422                        right:auto;
423                       
424                        border-width: 0 0 0 2px;
425                }
426        }
427
428        //
429        .submenu {
430                > li {
431                        margin-left:0;
432                        margin-right:0;
433                       
434                        > a {
435                                padding:7px 37px 8px 0;
436                        }
437                       
438                        a > [class*="icon-"]:first-child {
439                                left:auto; right:10px;
440                        }
441                }
442        }
443        > .submenu {
444                > li {
445                        //tree like menu
446                        &:before {                     
447                                left:auto; right:18px;
448                        }
449                }
450                &:before {
451                        left:auto; right:18px;
452                        border-width: 0 1px 0 0;
453                }
454        }
455        &.active {
456                > .submenu:before {
457                        border-right-color: @submenu-active-left-border;
458                }
459        }
460 }
461
462 .nav-list li {
463        &.active > a:after {
464                left:0; right:auto;
465               
466                border-left-color:@menu-active-color;
467                border-right-color:transparent;
468        }
469 }
470
471 .nav-list a {
472        .badge , .label {
473                right:auto;
474                left:11px;
475        }
476        &.dropdown-toggle {
477         .badge , .label {
478                right:auto;
479                left:28px;
480         }
481        }
482 }
483 .menu-min .nav-list a {
484         .badge , .label {
485                left:auto;
486                right:4px;
487         }
488 }
489
490 .sidebar.menu-min {
491        + .main-content {
492                margin-left:auto;
493                margin-right:(@sidebar-min-width);
494                .breadcrumbs.fixed , .breadcrumbs.breadcrumbs-fixed { left:0; right:(@sidebar-min-width); }
495        }
496 }
497
498 @menumin-shadow-rtl:~"-2px 1px 2px 0 rgba(0, 0, 0, 0.2)";
499 .menu-min .nav-list > li {
500       
501        > a {
502                > .menu-text {
503                        left:auto;
504                        right:(@sidebar-min-width - 1);
505                        padding-left:0;
506                        padding-right:12px;
507                        .box-shadow(@menumin-shadow-rtl);
508                }
509                &.dropdown-toggle > .menu-text {
510                        left:auto;
511                        right:@sidebar-min-width;
512                        .box-shadow(none);
513                }
514        }
515        &.active > a > .menu-text {
516                border-left-color:@menumin-border;
517                border-right-color:@menu-focus-color;
518        }
519
520        > .submenu {
521                .box-shadow(@menumin-shadow-rtl);
522               
523                left:auto; right:(@sidebar-min-width - 1);
524                li {
525                  > a {
526                        //border-right:none;
527
528                        margin-left:auto;
529                        margin-right:0;
530                       
531                        padding-left:0;
532                        padding-right:24px;
533                        > [class*="icon-"]:first-child {
534                                left:auto;
535                                right:4px;
536                        }
537                  }
538                }
539        }
540
541        &.active > .submenu {
542                border-left-color:@menumin-border;
543                border-right-color:@menu-focus-color;
544        }
545 }
546
547 .menu-min {
548        .sidebar-shortcuts-large {
549                .box-shadow(@menumin-shadow-rtl);
550                left:auto;
551                right:@sidebar-min-width - 1;
552        }
553 }
554 .nav-list > li > .submenu {
555        a > .arrow {
556                left:11px; right:auto;
557        }
558        li > .submenu > li > a > .arrow {
559                left:12px; right:auto;
560        }
561        li > .submenu > li {
562                > a {//3rd level
563                        margin-left:auto;
564                        padding-left:0;
565                        margin-right:20px;
566                        padding-right:22px;
567                }
568                > .submenu > li > a {//4th level
569                        margin-left:auto;
570                        padding-left:0;
571                        margin-right:20px;
572                        padding-right:38px;
573                }
574        }
575 }
576 .menu-min .nav-list > li > .submenu {
577        li > .submenu > li {
578                > a {
579                        margin-right:0px;
580                        padding-right:30px;
581                }
582                > .submenu > li > a {
583                        margin-right:0px;
584                        padding-right:45px;
585                }
586         }
587 }
588
589
590 //buttons
591 button.btn:active  {
592        left:-1px;
593 }
594 .btn.disabled, .btn[disabled] {
595        &:active {
596                left:0;
597        }
598 }
599
600 .btn {
601        > [class*="icon-"] {
602                margin-left:4px;
603                margin-right:0;
604
605                &.icon-on-right {
606                        margin-left:0;
607                        margin-right:4px;
608                }
609                &.icon-only {
610                        margin:0;
611                }
612        }
613 }
614 .btn-lg > [class*="icon-"] {
615        margin-left:6px;
616        margin-right:0;
617       
618        &.icon-on-right {
619                margin-left:0;
620                margin-right:6px;
621        }
622 }
623 .btn-sm > [class*="icon-"] {
624        margin-left:3px;
625        margin-right:0;
626       
627        &.icon-on-right {
628                margin-left:0;
629                margin-right:3px;
630        }
631 }
632 .btn-xs > [class*="icon-"] , &.btn-minier > [class*="icon-"] {
633        margin-left:2px;
634        margin-right:0;
635
636        &.icon-on-right {
637                margin-left:0;
638                margin-right:2px;
639        }
640 }
641 .btn-group > .btn {
642
643        > .caret {
644                margin-left:0;
645                margin-right:1px;
646        }
647 }
648
649 //dropdown.less
650 .dropdown-menu.dropdown-only-icon {
651        > li {
652                float:right;
653        }
654 }
655 .dropdown-light , .dropdown-lighter {
656        .dropdown-submenu:hover > a:after {
657                border-left-color:transparent;
658                border-right-color:#444;
659        }
660 }
661
662
663 .dropdown-navbar {
664        > li {
665                > [class*="icon-"] , > a > [class*="icon-"] {
666                        margin-right:0 !important;
667                        margin-left:5px !important;
668                }
669        }
670        [class*="btn"][class*="icon-"] {
671                margin:0 0 0 5px;
672        }
673
674        .msg-photo {
675                margin-left:6px;
676                margin-right:0;
677        }
678
679        .user-menu > li > a > [class*="icon-"] {
680                margin-left:6px;
681                margin-right:0;
682        }
683 }
684
685
686
687 //form.less
688 .help-button {
689        margin-left:0;
690        margin-right:4px;
691 }
692 .form-search , .form-inline {
693        .radio [type=radio] + label, .checkbox [type=checkbox] + label {
694                 float: right;
695                 margin-left: 0;
696                 margin-right: -20px;
697
698                .form-search & , .form-inline & {
699                        margin-right:0;
700                        margin-left:3px;
701                }
702        }
703 }
704
705 
706 
707 input[type=checkbox].ace , input[type=radio].ace {
708        + .lbl {
709                &::before {
710                        margin-right:0;
711                        margin-left:1px;
712                }
713        }
714       
715        &.ace-switch + .lbl {
716                &::before {
717                        direction:ltr;
718                        text-align:left;
719                }
720        }
721 }
722
723
724
725 .ace-file-input {
726        .file-label {
727                &:before {
728                        right:auto;
729                        left:0;
730                }
731                .file-name {
732                        padding-left:0;
733                        padding-right:30px;
734                }
735                &.selected  {
736                        left:16px;
737                        right:0;
738                }
739                [class*="icon-"] {
740                        //.ace-file-icon();
741                        right:0; left:auto;
742                }
743        }
744        .remove {
745                left:-8px;
746                right:auto;
747        }
748 }
749 .ace-file-multiple {
750        .file-label {
751                &.selected .file-name [class*="icon-"] {
752                        //.ace-file-icon();
753                        right:0; left:auto;
754                }
755                .file-name {
756                        padding:0;
757                        text-align:right;
758                        img {
759                                margin:4px 1px 4px 8px;
760                        }
761                        &.large {
762                                text-align:center;
763                                img {
764                                        margin:0;
765                                }
766                        }
767                }
768        }
769       
770        .remove {
771                left:-11px; right:auto;
772        }
773 }
774 .ace-file-multiple .file-label {
775        &.selected .file-name [class*="icon-"]  {
776                margin-left:4px; margin-right:2px;
777        }
778 }
779
780 
781 //tab-accordion.less
782 .nav-tabs {
783  .navtab-paddingX (@index) when (@index > 0) {
784        &.padding-@{index} { padding-left:0; padding-right:unit(@index,px); }
785        .navtab-paddingX(@index - 4);
786   }
787   .navtab-paddingX(24);
788   .navtab-paddingX(22);
789 }
790 .tabs-right > .nav-tabs[class*="padding-"] , .tabs-left > .nav-tabs[class*="padding-"] {
791        padding-right:0;
792 }
793 .tabs-left > .nav-tabs {
794        margin-left:auto;
795        margin-right:-1px;//was overriden by .rtl .nav
796        > li > a {
797                & , &:hover, &:focus {
798                        margin:0 -1px 0 0;
799                }
800        }
801        > li.active > a {
802                & , &:hover, &:focus {
803                        margin:0 -1px;
804                }
805        }
806 }
807
808
809 .nav-tabs.tab-space-1 > li > a {
810        margin-right:auto;
811        margin-left:1px;
812 }
813 .nav-tabs.tab-space-2 > li > a {
814        margin-right:auto;
815        margin-left:2px;
816 }
817 .nav-tabs.tab-space-3 > li > a {
818        margin-right:auto;
819        margin-left:3px;
820 }
821 .nav-tabs.tab-space-4 > li > a {
822        margin-right:auto;
823        margin-left:4px;
824 }
825 
826 .nav-tabs[class*="tab-color-"] > li > a {
827        & , &:focus, &:hover {
828                margin-right:auto;
829                margin-left:3px;
830        }
831 }
832
833 //accordion-style2
834 .accordion-style2.panel-group {
835        .panel-heading .accordion-toggle {
836                border-width: 0 2px 0 0;
837                &.collapsed {
838                        border-width: 0 1px 0 0;
839                }
840        }
841 }
842
843
844
845 //tables.less
846 .table {
847        thead:first-child tr th {
848                [class*="icon-"]:first-child {
849                        margin-left:2px;
850                        margin-right:0;
851                }
852        }
853 }
854
855 //widgets.less
856 .widget-main.no-padding , .widget-main.padding-0 {
857  .table-bordered th:first-child,
858  .table-bordered td:first-child {
859         border-left-width:1px;
860  }
861  .table-bordered th:last-child,
862  .table-bordered td:last-child {
863         border-left-width:0;
864  }
865 }
866 
867 //tables.less
868 .table-header {
869        padding-left:0;
870        padding-right:12px;
871 }
872 
873 .dataTables_length {
874        margin-left:0;
875        margin-right:8px;
876 }
877 .dataTables_filter {
878        margin-left:8px;
879        margin-right:0;
880       
881        text-align:left;
882 }
883 .dataTables_info {
884        margin:0 12px 0 0;
885 }
886 .dataTables_paginate {
887        text-align:left;
888 }
889.dataTable th[class*=sort]:after {
890        float:left;
891        margin-right:0;
892        margin-left:4px;
893 }
894 
895 .dataTables_wrapper > .row > [class*="col-"] {
896        float:right;
897        margin-left:0;
898        width:50%;
899        .box-sizing(border-box);
900 }
901 
902 
903 //widget.less
904 .widget-box {
905        direction:rtl;
906        text-align:right;
907 }
908 .widget-header {
909        padding-left:0;
910        padding-right:12px;
911        &:after {
912                clear:left;
913        }
914 }
915 .widget-header-large {
916        padding-left:0;
917        padding-right:18px;
918 }
919 .widget-header-small {
920        padding-left:0;
921        padding-right:10px;
922 }
923 .widget-header > .widget-caption , .widget-header > :first-child {
924        > [class*="icon-"] {
925                margin-right:0;
926                margin-left:5px;
927        }
928 }
929 .widget-toolbar {
930        float:left;
931        &:before {
932                left:auto;
933                right:-1px;
934                border-width:0 0 0 1px;
935        }
936 }
937
938 .widget-toolbar > [data-action] {
939        > [class*="icon-"] {
940                margin-right:auto;
941                margin-left:0;
942        }
943 }
944
945 .widget-box.transparent {
946        > .widget-header {
947                padding-left:0;
948                padding-right:3px;
949        }
950        > .widget-header-large {
951                padding-left:0;
952                padding-right:5px;
953        }
954        > .widget-header-small {
955                padding-left:0;
956                padding-right:1px;
957        }
958 }
959 [class*="header-color-"] > .widget-toolbar > .nav-tabs > li > a {
960        margin-right:0;
961        margin-left:1px;
962 }
963
964
965 //infobox.less
966 .infobox {
967        padding:8px 9px 6px 3px;
968        text-align:right;
969        > .infobox-icon > [class*="icon-"] {
970                 padding:1px 2px 0 1px;
971        }
972        > .infobox-data {
973                text-align:right;
974                padding-left:0;
975                padding-right:8px;
976               
977        }
978 }
979 .infobox {
980        > .stat {
981                left:20px;
982                right:auto;
983                padding-left:18px;
984                padding-right:0;
985                &:before {
986                        left:4px;
987                        right:auto;
988                }
989                &:after {
990                        left:1px;
991                        right:auto;
992                }
993        }
994        > .badge {
995                left:20px;
996                right:auto;
997        }
998        &.infobox-dark > .badge {
999                left:2px;
1000                right:auto;
1001        }
1002 }
1003 
1004 .infobox-small {
1005        text-align:right;
1006        > .infobox-data {
1007                text-align:right;
1008        }
1009        > .infobox-chart > .sparkline {
1010                margin-left:auto;
1011                margin-right:2px;
1012        }
1013 }
1014 .infobox-small .percentage {
1015        margin-left:auto;
1016        margin-right:2px;
1017 }
1018 
1019 //page.price
1020 .pricing-box {
1021        .widget-header {
1022                padding-right:0;
1023         }
1024 }
1025 
1026 .pricing-table-header {
1027        text-align:right;
1028        > li {
1029                padding:7px 11px 7px 0;
1030        }
1031 }
1032 
1033 
1034 .pricing-box-small {
1035        margin-left:0;
1036        margin-right:-2px;
1037 }
1038 .pricing-span[class*="col-"] {
1039        float:right !important;
1040 }
1041 .pricing-span-header {
1042        float:right;
1043        padding-left: 0;
1044        padding-right: @grid-gutter-width / 2;
1045 }
1046 @media only screen and (max-width: @screen-tablet) {
1047  .pricing-box {
1048          &:nth-child(odd) {
1049                padding-right: @grid-gutter-width / 2 !important;
1050                padding-left: 0 !important;
1051          }
1052          &:nth-child(even) {
1053                padding-left: @grid-gutter-width / 2 !important;
1054                padding-right: 0 !important;
1055          }
1056  }
1057 }
1058 .pricing-span {
1059        float:right !important;
1060 }
1061 @media only screen and (max-width: @screen-topbar-down) {
1062  .pricing-box {
1063          & , &:nth-child(odd), &:nth-child(even) {
1064                padding-left:@grid-gutter-width / 2 !important;
1065                padding-right:@grid-gutter-width / 2 !important;
1066          }
1067  }
1068 }
1069
1070
1071 
1072
1073 //page.login.less
1074 &.login-layout {
1075        .main-content {
1076                margin-right:0;
1077        }
1078        .login-box {
1079          .toolbar {
1080                > div {
1081                        &:first-child {
1082                                float:right;
1083                                text-align:right;
1084                                > a {
1085                                        margin-left:0;
1086                                        margin-right:11px;
1087                                }
1088                               
1089                                + div {//the next one
1090                                        float:left;
1091                                        text-align:left;
1092                                        > a {
1093                                                margin-left:11px;
1094                                                margin-right:0;
1095                                        }
1096                                }
1097                        }
1098                }
1099          }
1100        }
1101 }
1102 
1103 //gallery
1104 .ace-thumbnails {
1105        margin-right:0;
1106        > li {
1107                float:right;
1108                .tags {
1109                        direction:ltr;
1110                       
1111                        > .label-holder {
1112                                margin:1px 0 0 1px;
1113
1114                                direction:rtl;
1115                                text-align:right;
1116                        }
1117                }
1118        }
1119 }
1120 
1121 //items.less
1122 .itemdiv {
1123        padding-right:0;
1124        padding-left:3px;
1125        > .user {
1126                left:auto;
1127                right:0;
1128        }
1129        > .body {
1130                margin-right:50px;
1131                margin-left:12px;
1132                > .time {
1133                        right:auto;
1134                        left:9px;
1135                }
1136                > .text {
1137                        padding-left:0;
1138                        padding-right:7px;
1139                        &:after {
1140                                right:16px; left:-12px;
1141                        }
1142                       
1143                        > [class*="icon-quote-"]:first-child {
1144                                margin-left:4px;
1145                                margin-right:0;
1146                        }
1147                }
1148        }
1149       
1150        &.dialogdiv {
1151                &:before {
1152                        left:auto;
1153                        right:19px;
1154                }
1155                > .body {
1156                        border-left-width:1px;
1157                        border-right-width:2px;
1158                        margin-left:1px;
1159
1160                        &:before{
1161                                left:auto; right:-7px;
1162                                border-width:2px 2px 0 0;
1163                                .rotate(45deg);
1164                        }
1165                        > .time {
1166                                float:left;
1167                        }
1168                        > .text {
1169                                padding-right:0;
1170                        }
1171                }
1172        }
1173       
1174        &.memberdiv {
1175                float:right;
1176        }
1177       
1178       
1179        .tools {
1180                right:auto;
1181                left:4px;
1182        }
1183        &.commentdiv .tools {
1184                right:auto;
1185                left:9px;
1186        }
1187 }
1188 .item-list {
1189        margin:0;
1190        > li {
1191                border-left-width:1px;
1192                border-right-width:3px;
1193                border-left-color:#DDD;
1194        }
1195 }
1196
1197 li[class*="item-"] {
1198        border-left-width:1px;
1199        border-right-width:3px;
1200        border-left-color:#DDD;
1201 }
1202 li.item-orange  { border-right-color:@item-list-orange-border; }
1203 li.item-orange2  { border-right-color:@item-list-orange2-border; }
1204 li.item-red     { border-right-color:@item-list-red-border; }
1205 li.item-red2     { border-right-color:@item-list-red2-border; }
1206 li.item-green   { border-right-color:@item-list-green-border; }
1207 li.item-green2   { border-right-color:@item-list-green2-border; }
1208 li.item-blue    { border-right-color:@item-list-blue-border; }
1209 li.item-blue2    { border-right-color:@item-list-blue2-border; }
1210 li.item-blue3    { border-right-color:@item-list-blue3-border; }
1211 li.item-pink    { border-right-color:@item-list-pink-border; }
1212 li.item-black   { border-right-color:@item-list-black-border; }
1213 li.item-grey    { border-right-color:@item-list-grey-border; }
1214 li.item-brown   { border-right-color:@item-list-brown-border; }
1215 li.item-default { border-right-color:@item-list-default-border; }
1216 li.item-purple   { border-right-color:@item-list-purple-border; }
1217
1218 //page.profile.less
1219 .profile-info-name {
1220        text-align:left;
1221        padding-right:0;
1222        padding-left:10px;
1223
1224        left:auto;
1225        right:0;
1226 }
1227 .profile-info-value {
1228        padding-right:6px;
1229        padding-left:4px;
1230       
1231        margin-left:auto;
1232        margin-right:120px;
1233       
1234        > span  + span:before{
1235                margin-left:3px;
1236                margin-right:1px;
1237        }
1238 }
1239 
1240 .profile-user-info-striped {
1241        .profile-info-value {
1242                padding-left:0;
1243                padding-right:12px;
1244        }
1245 }
1246 .profile-activity {
1247        img , .thumbicon {
1248                margin-right:0;
1249                margin-left:10px;
1250        }
1251        .tools {
1252                left: 12px;
1253                right:auto;
1254        }
1255 }
1256 .user-profile .user-title-label + .dropdown-menu {
1257        margin-left:auto;
1258        margin-right:-12px;
1259 }
1260 .user-status {
1261        margin-right:auto;
1262        margin-left:1px;
1263 }
1264 
1265
1266 .tab-content.profile-edit-tab-content {
1267        .box-shadow(~"-1px 1px 0 0 rgba(0, 0, 0, 0.2)");
1268 }
1269 
1270 
1271 
1272 //page.inbox.less
1273 .inbox-tabs.nav-tabs {
1274          > li {
1275                &.active > a.btn-new-mail > .btn:before {
1276                        left:auto;
1277                        right:35%; right:~"calc(50% - 6px)";
1278                }
1279          }
1280         
1281          &.tab-size-bigger > li {
1282                &.active > a.btn-new-mail > .btn:before {
1283                        left:auto;
1284                        right:35%; right:~"calc(50% - 8px)";
1285                }
1286          }
1287         
1288          > li.pull-left {
1289                float:left;
1290          }
1291 }
1292 @media only screen and (max-width: 475px) {
1293        .inbox-tabs > .li-new-mail {
1294                text-align:left;
1295        }
1296 }
1297 .message-item {
1298        .sender {
1299                margin-left:4px;
1300                margin-right:6px;
1301        }
1302        .summary {
1303                margin-left:auto;
1304                margin-right:30px;
1305        }
1306        .message-flags {
1307                right:auto;
1308                left:101%;
1309                left:~"calc(100% + 4px)";
1310        }
1311        .time {
1312                float:left;
1313        }
1314        .attachment{
1315                float:left;
1316        }
1317 }
1318 .message-star{
1319        margin-left:4px;
1320        margin-right:6px;
1321 }
1322 .mail-tag:empty {
1323         margin-left:1px;
1324         margin-right:0;
1325 }
1326 ul.attachment-list {
1327         margin-left:0;
1328         margin-right:8px;
1329 }
1330 .attached-file {
1331        > [class*="icon-"] {
1332                margin-right:auto;
1333                margin-left:2px;
1334   }
1335 }
1336 .messagebar-item-left , .messagebar-item-right {
1337        text-align:right;
1338 }
1339 .message-navbar .nav-search {
1340        left:auto;
1341        right:60px;
1342 }
1343 .inbox-folders .btn > [class*="icon-"]:first-child {
1344        text-align:right;
1345 }
1346 .inbox-folders  .btn.active:before{
1347        left:auto;
1348        right:-1px;
1349        border-left:none;
1350        border-right:3px solid #4F99C6;
1351 }
1352 .inbox-folders .btn .counter {
1353        right: auto;
1354        left:8px;
1355 }
1356 .message-form .controls {
1357        margin-right:125px;
1358 }
1359 
1360 
1361 //page.timeline.less
1362 .timeline-container {
1363        &:before {
1364                right:28px;
1365                left:auto;
1366        }
1367 }
1368 .timeline-item {
1369        .transparent.widget-box {
1370                border-right:3px solid #DAE1E5;
1371                border-left:none;
1372        }
1373        .transparent {
1374                .widget-header {
1375                        > :first-child {
1376                                margin-left:auto;
1377                                margin-right:8px;
1378                        }
1379                }
1380        }
1381       
1382        &:nth-child(even) .widget-box {
1383                &.transparent {
1384                        border-right-color:#DBDBDB !important;
1385                }
1386        }
1387 }
1388 .timeline-item {
1389        .widget-box     {
1390                margin-left:auto;
1391                margin-right:60px;
1392        }
1393 }
1394 .timeline-info {
1395        float:right;
1396 }
1397 .timeline-label {
1398        margin-right:34px;
1399        margin-left:auto;
1400 }
1401
1402 .timeline-style2 {
1403        &:before {
1404                display:none;
1405    }
1406        .timeline-item:before {
1407                left:auto;
1408                right:90px;
1409        }
1410        .timeline-item .transparent.widget-box {
1411                border-right:none !important;
1412        }
1413        .timeline-indicator {
1414                left:auto;
1415                right:86px;
1416        }
1417        .timeline-date {
1418                text-align:left;
1419                margin-right:auto;
1420                margin-left:25px;
1421        }
1422        .timeline-item .widget-box {
1423                margin-left:auto;
1424                margin-right:112px;
1425        }
1426        .timeline-label {
1427                margin-right:0;
1428                text-align:left;
1429        }
1430 }
1431
1432
1433
1434 //other.less
1435 .ace-settings-container {
1436        left:0;
1437        right:auto;
1438 }
1439 .btn.ace-settings-btn {
1440        float:right;
1441        .border-radius(~"0 6px 6px 0") !important;
1442 }
1443 .ace-settings-box {
1444        float:right;
1445 }
1446
1447 
1448 
1449 .grid2, .grid3, .grid4 {
1450        float:right;
1451
1452        border-left:none;
1453        border-right:1px solid #E3E3E3;
1454       
1455        &:first-child {
1456                border-right:none;
1457        }
1458 }
1459 .easyPieChart canvas{
1460        left: auto;
1461        right: 0;
1462 }
1463 
1464 
1465 
1466 //thirdparty-calendar.less
1467 .external-event {
1468        > [class*="icon-"]:first-child {
1469                margin-right:0;
1470                margin-left:5px;
1471
1472                border-right:none;
1473                border-left:1px solid #FFF;
1474        } 
1475 }
1476 
1477 //thirdparty-colorbox.less
1478 #cboxCurrent {
1479        left:auto;
1480        right:64px;
1481 }
1482 #cboxNext , #cboxPrevious {
1483        margin-left:0;
1484        margin-right:5px;
1485 }
1486 #cboxPrevious {
1487        left:auto; right:27px;
1488 }
1489 #cboxNext {
1490        left:auto; right:0;
1491 }
1492 
1493 //thirdparty-fuelux.less
1494 .ace-spinner .spinner-buttons > button.btn:active { left:auto; top:auto; }
1495
1496 .wizard-steps {
1497        margin-right:0;
1498 }
1499 .wizard-actions {
1500        text-align:left;
1501 }
1502 .wizard-steps li:first-child:before {
1503        right:50%;
1504        left: auto;
1505 }
1506 
1507 .tree {
1508        padding-left:0;
1509        padding-right:9px;
1510        &:before {
1511                left:auto;
1512                right:0;
1513                border-width: 0 1px 0 0;
1514        }
1515       
1516        .tree-folder {
1517                .tree-folder-header {
1518                        .tree-folder-name  {
1519                                margin-left:0;
1520                                margin-right:2px;
1521                        }
1522                        > [class*="icon-"]:first-child {
1523                                margin:-2px -2px 0 0;
1524                        }
1525                }
1526                &:last-child:after {
1527                        left:auto;
1528                        right:-15px;
1529                        border-left:none;
1530                        border-right:1px solid #FFF;
1531                }
1532                .tree-folder-content {
1533                        margin-left: 0;
1534                        margin-right: 23px;
1535                        &:before {
1536                                left:auto;
1537                                right:-14px;
1538                                border-width:0 1px 0 0;
1539                        }
1540                }
1541        }
1542       
1543        .tree-item {
1544                .tree-item-name {
1545                        margin-left:0;
1546                        margin-right:3px;
1547                        > [class*="icon-"]:first-child {
1548                                margin-right:0;
1549                                margin-left:3px;
1550                        }
1551                }
1552        }
1553        .tree-folder , .tree-item {
1554                &:before {
1555                        left:auto;
1556                        right:-13px;
1557                }
1558        }
1559        .tree-loading {
1560                margin-left:0;
1561                margin-right:36px;
1562        }
1563 }
1564 
1565 
1566 //thirdpart-gritter.less
1567 #gritter-notice-wrapper {
1568        text-align:right;
1569        direction:rtl;
1570        left:20px;
1571        right:auto;
1572 }
1573 .gritter-close {
1574        right:auto;
1575        left:3px;
1576 }
1577 .gritter-image {
1578        float:right;
1579 }
1580 .gritter-with-image , .gritter-without-image {
1581        float:left;
1582 }
1583
1584 //thirdparty-wysiwyg.less
1585 .wysiwyg-toolbar {
1586        .dropdown-menu {
1587                text-align:right;
1588        }
1589        .wysiwyg-choose-file {
1590                margin-left:auto;
1591        }
1592        .btn-group > .btn, .btn-group > .inline > .btn {
1593                float: none;
1594        }
1595 }
1596 .wysiwyg-style1 , .wysiwyg-style2 {
1597        .btn-group:after{
1598                left:auto;
1599                border-left:none;
1600                right:-2px;
1601                border-right:1px solid #E1E6EA;
1602        }
1603 }
1604 .wysiwyg-toolbar {
1605        .dropdown-menu {
1606                input[type=text] {
1607                        margin-left:0;
1608                        margin-right:8px;
1609                }
1610                .btn {
1611                        margin-right:1px;
1612                        margin-left:8px;
1613                }
1614        }
1615 }
1616 .widget-body .md-header {
1617        margin-left:0;
1618        margin-right:9px;
1619        .btn-inverse {
1620                padding-right:0;
1621                padding-left:5px;
1622        }
1623 }
1624 
1625 
1626 //thirdparty-select2.less
1627 .select2-container .select2-choice {
1628        padding-left:0;
1629        padding-right:8px;
1630 }
1631 .select2-container.select2-allowclear .select2-choice .select2-chosen {
1632        margin-right:auto;
1633        margin-left:42px;
1634 }
1635
1636 .select2-container .select2-choice > .select2-chosen {
1637        margin-left:26px;
1638        margin-right:auto;
1639 }
1640 .select2-container .select2-choice abbr {
1641        right:auto;
1642        left:20px;
1643 }
1644 .select2-container .select2-choice .select2-arrow {
1645        right:auto;
1646        left:0;
1647 }
1648 .select2-container .select2-choice .select2-arrow b:before {
1649        right:5px;
1650        left:auto;
1651 }
1652 
1653 .select2-container-multi .select2-choices li {
1654        float:right;
1655 }
1656 .select2-container-multi .select2-choices .select2-search-choice {
1657        margin: 3px 5px 3px 0;
1658        padding: 3px 18px 3px 5px;
1659 }
1660 
1661 .select2-results {
1662        margin-right:0;
1663 }
1664 
1665 .select2-drop {
1666        direction:rtl;
1667        text-align:right;
1668        input {
1669                padding-right:5px;
1670                padding-left:20px;
1671        }
1672        .select2-results {
1673                padding-right:4px;
1674                padding-left:0;
1675        }
1676 }
1677 
1678 .select2-search:after {
1679        right:-20px;
1680        left:auto;
1681 }
1682 .select2-search input.select2-active {
1683        background-position:0%;
1684 }
1685
1686 //thirdparty-editable
1687 .editable-buttons {
1688        margin-left:auto;
1689        margin-right:1px;
1690        .btn {
1691                margin:0 0 0 1px;
1692        }
1693 }
1694 .editable-input .ace-spinner {
1695        margin-right:auto;
1696        margin-left:8px;
1697 }
1698 .editable-inline .editable-slider {
1699        margin-right:auto;
1700        margin-left:4px;
1701 }
1702 
1703 //bootstrap-tag.less
1704 .tags .tag {
1705        padding-left:22px;
1706        padding-right:9px;
1707        text-shadow:-1px 1px 1px rgba(0, 0, 0, 0.15);
1708        .close {
1709                float:none;
1710                left:0;
1711                right:auto;
1712        }
1713 }
1714 
1715 //thirdparty-jquery-ui.less
1716 .ui-datepicker .ui-datepicker-prev:before {
1717        content:"\f061";
1718 }
1719 .ui-datepicker .ui-datepicker-next:before {
1720        content:"\f060";
1721 }
1722 .ui-menu , .ui-dialog , .ui-jqdialog{
1723        direction:rtl;
1724        text-align:right;
1725 }
1726 .ui-menu .ui-menu-item a .ui-menu-icon {
1727        float:left;
1728        &:before {
1729                content:"\f104";
1730        }
1731 }
1732 .ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {
1733        left:8px !important;
1734        right:auto !important;
1735 }
1736
1737 .ui-tabs .ui-tabs-nav li {
1738        float: right;
1739        margin-right:0;
1740        margin-left:0.2em;
1741        a {
1742                float:right;
1743        }
1744 }
1745 .ui-tabs .ui-tabs-nav li.ui-state-default > a {
1746        margin-right:auto;
1747        margin-left:-1px;
1748 }
1749 .ui-accordion .ui-accordion-header {
1750        padding-right:24px;
1751        padding-left:8px;
1752       
1753        .ui-accordion-header-icon {
1754                position:absolute;
1755                left:auto;
1756                right:10px;
1757                &:before {
1758                         content:"\f0d9";
1759                }
1760        }
1761        &.ui-state-active .ui-accordion-header-icon:before {
1762                content:"\f0d7";
1763        }
1764 }
1765
1766 //thirdparty-jqgrid.less
1767 .ui-jqgrid .ui-jqgrid-hdiv {
1768        border-width:1px 1px 0 0;
1769 }
1770 .ui-jqgrid .ui-jqgrid-labels {
1771        th {
1772                border-right:none !important;
1773                border-left:1px solid #E1E1E1 !important;
1774                text-align:right !important;
1775                &:first-child {
1776                        border-right:1px solid #E1E1E1 !important;
1777                }
1778        }
1779 }
1780 .ui-jqgrid-labels th[id*="_cb"]:first-child {
1781        text-align:center !important;
1782 }
1783 .ui-jqgrid-sortable {
1784        padding-left:0;
1785        padding-right:4px;
1786 }
1787 .ui-jqdialog-content .searchFilter table {
1788        margin-left:auto;
1789        margin-right:4px;
1790 }
1791 .ui-jqdialog-content .searchFilter {
1792        .add-group, .add-rule, .delete-group {
1793                margin-left: auto !important;
1794                margin-right: 4px !important;
1795        }
1796 }
1797 .ui-jqdialog-content {
1798        .CaptionTD {
1799                text-align:left;
1800        }
1801 }
1802 .ui-jqdialog .ui-widget-header{
1803        .ui-jqdialog-title {
1804                text-align:right;
1805                padding-left:0;
1806                padding-right:12px;
1807                float:right !important;
1808        }
1809 }
1810 
1811 
1812 //thirdparty-nestable.less
1813 .dd {
1814        text-align:right;
1815        direction:rtl;
1816 }
1817 .dd-list {
1818        text-align:right;
1819        direction:rtl;
1820        margin-right:0;
1821
1822        .dd-list {
1823                padding-right: 30px;
1824                padding-left:0;
1825        }       
1826 }
1827 .dd2-handle  + .dd2-content,
1828 .dd2-handle  + .dd2-content[class*="btn-"]
1829 {
1830        padding-left:0;
1831        padding-right:44px;
1832 }
1833 .dd-item > button {
1834        float: right;
1835        margin: 5px 5px 5px 1px;
1836        left:auto;
1837        right:1px;
1838 }
1839 .dd2-item.dd-item > button {
1840        margin-left:5px;
1841        margin-right:34px;
1842 }
1843 .dd-dragel {
1844        > li > .dd-handle {
1845                border-right:2px solid #777;
1846                border-left-width:0;
1847        }
1848 }
1849.dd-list > li[class*="item-"] {
1850  border-left-width:0;
1851  border-right-width:0;
1852 
1853  > .dd-handle {
1854        border-right:2px solid;
1855        border-right-color:inherit;
1856        border-left-color:#DAE2EA;
1857        border-left-width:1px;
1858 }
1859}
1860.dd-list > li > .dd-handle .sticker {
1861        right:auto;
1862        left:0;
1863}
1864.dd2-handle , .dd-dragel > li > .dd2-handle {
1865        left:auto;      right:0;
1866        border-width:1px 0 0 1px;
1867}
1868
1869
1870 //thirdpart misc
1871 .limiterBox {
1872        direction:rtl;
1873        text-align:right;
1874 }
1875 
1876 
1877 //pretty print
1878 ol.linenums {
1879        margin-right:33px;
1880        li {
1881                padding-left:0;
1882                padding-right:12px;
1883        }
1884 }
1885 .prettyprint.linenums {
1886        .box-shadow(~"-40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset");
1887 }
1888
1889}
1890
1891
1892
1893
1894
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909/** Responsive RTL **/
1910@media only screen and (max-width: @screen-xs-max) {
1911 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
1912        right:auto;
1913        left:-80px;
1914 }
1915 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
1916 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
1917        right:auto;
1918        left:100px;
1919 }
1920 
1921 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
1922        right:auto;
1923        left:-40px;
1924 }
1925 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
1926 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
1927        right:auto;
1928        left:60px;
1929 }
1930}
1931
1932@media only screen and (max-width: @screen-xs) {
1933 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
1934        right:auto;
1935        left:-120px;
1936 }
1937 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
1938 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
1939        right:auto;
1940        left:140px;
1941 }
1942 
1943 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
1944        right:auto;
1945        left:-80px;
1946 }
1947 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
1948 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
1949        right:auto;
1950        left:100px;
1951 }
1952 
1953 .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
1954        right:auto;
1955        left:-50px;
1956 }
1957 .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
1958 .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
1959        right:auto;
1960        left:70px;
1961 }
1962}
1963
1964
1965@media only screen and (max-width: @screen-topbar-down) {
1966 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
1967        left:auto;
1968        right:-5px;
1969 }
1970 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
1971 .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
1972        left:auto;
1973        right:25px;
1974 }
1975 
1976 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
1977        left:auto;
1978        right:-60px;
1979 }
1980 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
1981 .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
1982        left:auto;
1983        right:80px;
1984 }
1985 
1986 .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
1987        left:auto;
1988        right:-110px;
1989 }
1990 .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
1991 .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
1992        left:auto;
1993        right:130px;
1994 }
1995}
1996
1997
1998
1999
2000
2001@media only screen and (max-width: @screen-topbar-down) {
2002 .rtl .ace-nav > li{
2003        text-align: right;
2004        float: none !important;
2005 }
2006 .rtl .ace-nav > li:first-child{
2007  border-left: none;
2008  border-right: 1px solid #DDD;
2009 }
2010 .rtl .ace-nav > li:last-child{
2011  border-left: 1px solid #DDD;
2012 }
2013}
2014
2015
2016@media (min-width: 422px) and (max-width: 480px) , (max-width: 340px) {
2017        .rtl .ace-nav .nav-user-photo {
2018                margin-left: 0;
2019        }
2020        .rtl .user-info {
2021                margin-left: auto;
2022                right: auto;
2023                margin-right: 1px;
2024                left: 2px;
2025        }
2026}
2027
2028@media only screen and (max-width: @screen-xs-max) {
2029        .rtl .nav-search {
2030                right:auto;
2031                left:5px;
2032        }
2033}
2034
2035@media only screen and (max-width: @screen-sm-max) {
2036 .rtl .navbar-brand {
2037        margin-right:0;
2038 }
2039
2040 .rtl .sidebar {
2041        left:auto;
2042        box-shadow:-2px 1px 2px 0 rgba(0,0,0,0.2);
2043        border-left-width:1px;
2044        border-right-width:0;
2045 }
2046
2047 .rtl .sidebar.display , .rtl .sidebar.menu-min.display {
2048        left:auto;
2049        right:0;
2050 }
2051 .rtl .sidebar.menu-min {
2052        left:auto;
2053        right:-50px;
2054 }
2055
2056 .rtl .main-content {
2057        margin-left:auto !important;
2058        margin-right:0 !important;
2059 }
2060 .rtl .menu-toggler {
2061        left:auto;
2062        margin-right:auto;
2063        right:0;
2064        margin-left:2px;
2065       
2066        padding-left:0;
2067        padding-right:33px;
2068 }
2069 .rtl .menu-toggler:before {
2070        left:auto;
2071        right:4px;
2072 }
2073 .rtl .menu-toggler:after {
2074        left:auto;
2075        right:4px;
2076 }
2077
2078 .rtl .menu-toggler > .menu-text {
2079        left:auto;
2080        right:0;
2081 }
2082 .rtl .menu-toggler > .menu-text:after {
2083        left:auto;
2084        right:-8px;
2085 }
2086 
2087 .rtl .breadcrumb {
2088        margin-left:auto;
2089        margin-right:90px;
2090 }
2091}
2092/* move the icons to the line below */
2093@media only screen and (max-width: @screen-topbar-down) {
2094 .rtl .navbar .navbar-brand {
2095  display:block;
2096  float:none;
2097 }
2098}
2099
2100
2101/* gallery */
2102@media only screen and (max-width: @screen-xs) {
2103 .rtl .ace-thumbnails > li {
2104        float:none;
2105 }
2106}
2107
2108
2109@media only screen and (max-width: @screen-tiny) {
2110 .rtl .breadcrumb {
2111        margin-left:0;
2112        margin-right:36px;
2113 }
2114 .rtl .menu-toggler > .menu-text:after {
2115        left:auto;
2116        right:-13px;
2117 }
2118}
2119
2120
2121
2122@media only screen and (max-width: @screen-xs) {
2123 .rtl .fc-header td {
2124  text-align:right;
2125 }
2126}
2127
2128
2129/* custom grid */
2130@media only screen and (max-width: 360px) {
2131        .rtl .grid2 ,.rtl  .grid3 ,.rtl  .grid4{
2132                 border-right:none;
2133        }
2134        .rtl .grid2 > [class*="pull-"], .rtl .grid3 > [class*="pull-"], .rtl .grid4 > [class*="pull-"]{
2135                right:auto;
2136                left:11px;
2137        }
2138}
2139
2140
2141
2142@media only screen and (max-width: @screen-xs-max) {
2143 .rtl .help-inline , .rtl .input-icon + .help-inline {
2144  padding-right:0;
2145 }
2146}
2147
2148
2149
2150
2151
2152
2153
2154@media only screen and (max-width: @screen-xs) {
2155 .rtl .profile-info-value {
2156        margin-left:auto;
2157        margin-right:90px;
2158 }
2159
2160 .rtl .profile-user-info-striped .profile-info-name {
2161        padding-right:10px;
2162        padding-left:0;
2163        text-align:right;
2164 }
2165 .rtl .profile-user-info-striped .profile-info-value {
2166        margin-left:auto;
2167        margin-right:10px;
2168 }
2169}
Note: See TracBrowser for help on using the repository browser.