| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | //refer to CSS builder tool or build/rtl.js file |
| A | 2 | |
| 3 | @import "bootstrap/variables.less"; | |
| 4 | @import "bootstrap/mixins.less"; | |
| 5 | ||
| 6 | @import "ace-features.less"; | |
| 7 | @import "variables.less"; | |
| 8 | @import "mixins.less"; | |
| 9 | ||
| 10 | ||
| 11 | ||
| 12 | .make-rtl { | |
| 13 | direction: rtl; | |
| 14 | text-align: right; | |
| 15 | } | |
| 16 | .make-ltr { | |
| 17 | direction: ltr; | |
| 18 | text-align: left; | |
| 19 | } | |
| 20 | ||
| 21 | .rtl { | |
| 22 | html& , body& { | |
| 23 | direction: rtl; | |
| 24 | text-align: right; | |
| 25 | overflow-x: hidden; | |
| 26 | } | |
| 27 | ||
| 28 | // .container.main-container { | |
| 29 | // padding: 0; | |
| 30 | // } | |
| 31 | ||
| 32 | .nav-scroll.scroll-active .scroll-track { | |
| 33 | right: auto; | |
| 34 | left: 0; | |
| 35 | } | |
| 36 | ||
| 37 | @media only screen and (max-width: @grid-float-breakpoint-max) { | |
| 38 | .navbar .navbar-nav > li, .navbar .navbar-nav > li:first-child { | |
| 39 | border-width: 1px 0 0; | |
| 40 | } | |
| 41 | } | |
| 42 | ||
| 43 | ||
| 44 | ||
| 45 | .dropdown-menu { | |
| 46 | text-align: right; | |
| 47 | } | |
| 48 | ||
| 49 | ||
| 50 | ||
| 51 | ||
| 52 | ||
| 53 | .ace-switch + .lbl , .knob-container { | |
| 54 | direction: ltr; | |
| 55 | text-align: left; | |
| 56 | } | |
| 57 | input.ace[type="checkbox"] + .lbl::before, input.ace[type="radio"] + .lbl::before, | |
| 58 | input.ace[type="checkbox"] ~ .lbl::before, input.ace[type="radio"] ~ .lbl::before //for ASP.NET too | |
| 59 | { | |
| 60 | margin-right: auto; | |
| 61 | margin-left: 1px; | |
| 62 | } | |
| 63 | input.ace + .lbl , input.ace ~ .lbl {//for ASP.NET too | |
| 64 | .checkbox-paddings-rtl() {// a little paddings for .lbl | |
| 65 | .checkbox-paddingX-rtl (@index) when (@index >= 0) { | |
| 66 | &.padding-@{index}::before { | |
| 67 | margin-left: unit(@index,px); | |
| 68 | } | |
| 69 | .checkbox-paddingX-rtl(@index - 4); | |
| 70 | } | |
| 71 | .checkbox-paddingX-rtl(16); | |
| 72 | } | |
| 73 | .checkbox-paddings-rtl(); | |
| 74 | } | |
| 75 | ||
| 76 | ||
| 77 | .breadcrumb > li + li:before { | |
| 78 | content: "\f104"; | |
| 79 | float: right;// | |
| 80 | } | |
| 81 | ||
| 82 | &.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text { | |
| 83 | border-left-color: #A4C6DD; | |
| 84 | } | |
| 85 | ||
| 86 | .nav-list, .dropdown-menu, .item-list, .navbar-nav { | |
| 87 | margin: 0; | |
| 88 | } | |
| 89 | ||
| 90 | ||
| 91 | ||
| 92 | ||
| 93 | .ace-file-input .ace-file-container.selected { | |
| 94 | right: 0; | |
| 95 | } | |
| 96 | .ace-file-multiple .ace-file-container .ace-file-name { | |
| 97 | padding: 0; | |
| 98 | } | |
| 99 | .ui-slider-small .ui-slider-handle { | |
| 100 | right: auto; | |
| 101 | } | |
| 102 | ||
| 103 | ||
| 104 | li[class*="item-"] { | |
| 105 | border-left:1px solid #DDDDDD; | |
| 106 | } | |
| 107 | .itemdiv.dialogdiv > .body { | |
| 108 | margin-left: 12px; | |
| 109 | margin-right: 50px; | |
| 110 | border-left-width: 1px; | |
| 111 | ||
| 112 | &:before { | |
| 113 | .transform(rotate(45deg)); | |
| 114 | } | |
| 115 | } | |
| 116 | ||
| 117 | ||
| 118 | .dropdown-colorpicker .dropdown-menu > li { | |
| 119 | float: right; | |
| 120 | } | |
| 121 | ||
| 122 | ||
| 123 | &.no-skin .sidebar.menu-min .nav-list > li.active > .submenu, | |
| 124 | &.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text { | |
| 125 | border-left-color: #CCC; | |
| 126 | } | |
| 127 | &.no-skin .sidebar.menu-min .nav-list > li.active > .submenu, | |
| 128 | &.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text { | |
| 129 | border-left-color: #A4C6DD; | |
| 130 | } | |
| 131 | ||
| 132 | ||
| 133 | .sidebar + .main-content .breadcrumbs-fixed { | |
| 134 | left: 0; | |
| 135 | } | |
| 136 | ||
| 137 | @media (min-width: @screen-sm) { | |
| 138 | .container.main-container { | |
| 139 | .sidebar.compact + .main-content .breadcrumbs-fixed, | |
| 140 | .sidebar.menu-min + .main-content .breadcrumbs-fixed { | |
| 141 | left: auto; | |
| 142 | right: auto; | |
| 143 | } | |
| 144 | } | |
| 145 | } | |
| 146 | ||
| 147 | @media (min-width: max(@screen-fixed-breadcrumbs , @screen-compact-menu)) { | |
| 148 | .sidebar.menu-min, .sidebar.compact { | |
| 149 | + .main-content .breadcrumbs-fixed { | |
| 150 | left: 0; | |
| 151 | } | |
| 152 | } | |
| 153 | } | |
| 154 | ||
| 155 | ||
| 156 | @media (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) { | |
| 157 | .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a, | |
| 158 | .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a { | |
| 159 | margin-right: 20px !important; | |
| 160 | } | |
| 161 | } | |
| 162 | ||
| 163 | /** | |
| 164 | .navbar-fixed-top + .main-container { | |
| 165 | padding-top: @navbar-min-height; | |
| 166 | } | |
| 167 | @media (max-width: @screen-topbar-down) { | |
| 168 | .navbar-fixed-top + .main-container { | |
| 169 | padding-top: (@navbar-min-height * 2); | |
| 170 | } | |
| 171 | .navbar-fixed-top.navbar-collapse + .main-container { | |
| 172 | padding-top: @navbar-min-height; | |
| 173 | } | |
| 174 | } | |
| 175 | */ | |
| 176 | ||
| 177 | @media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) { | |
| 178 | .breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed { | |
| 179 | left: 0 !important; | |
| 180 | } | |
| 181 | .container.main-container { | |
| 182 | .breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed { | |
| 183 | left: auto !important; | |
| 184 | } | |
| 185 | } | |
| 186 | } | |
| 187 | ||
| 188 | @media (max-width: @screen-xs-max) and (min-width: @screen-fixed-breadcrumbs) { | |
| 189 | .container.main-container { | |
| 190 | .breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed { | |
| 191 | left: 0 !important; | |
| 192 | } | |
| 193 | } | |
| 194 | } | |
| 195 | ||
| 196 | ||
| 197 | //if we don't do this, .arrow pointer will be a bit round in FireFox | |
| 198 | .sidebar:not(.h-sidebar) .nav-list > li.highlight.active > a { | |
| 199 | &:after { | |
| 200 | border-width: 20px 10px 21px !important; | |
| 201 | left: -20px !important; | |
| 202 | } | |
| 203 | &:before { | |
| 204 | border-width: 20px 10px 21px !important; | |
| 205 | left: -21px !important; | |
| 206 | } | |
| 207 | } | |
| 208 | @media (min-width: @grid-float-breakpoint) { | |
| 209 | &.no-skin .sidebar.h-sidebar .nav-list > li.active > .submenu { | |
| 210 | border-color: #CCC !important; | |
| 211 | } | |
| 212 | &.skin-3 .sidebar.h-sidebar .nav-list > li.active > .submenu { | |
| 213 | border-color: #A4C6DD !important; | |
| 214 | } | |
| 215 | ||
| 216 | } | |
| 217 | ||
| 218 | ||
| 219 | //the extra submenu dot | |
| 220 | .sidebar.menu-min .nav-list > li > .submenu:after { | |
| 221 | border-left-width: 0; | |
| 222 | border-right: 1px solid; | |
| 223 | border-right-color: inherit; | |
| 224 | ||
| 225 | display: block; | |
| 226 | right: -1px; | |
| 227 | left: auto; | |
| 228 | } | |
| 229 | ||
| 230 | ||
| 231 | ||
| 232 | .popover.bottom .arrow:after, | |
| 233 | .popover.top .arrow:after { | |
| 234 | margin-left: auto; | |
| 235 | margin-right: -10px; | |
| 236 | } | |
| 237 | ||
| 238 | ||
| 239 | .nav-tabs { | |
| 240 | margin: 0; | |
| 241 | } | |
| 242 | .tabs-below > .nav-tabs { | |
| 243 | margin-top: -1px; | |
| 244 | } | |
| 245 | .nav-tabs > li { | |
| 246 | float: right; | |
| 247 | } | |
| 248 | .nav-tabs > li:first-child > a { | |
| 249 | margin-left: -1px; | |
| 250 | margin-right: auto; | |
| 251 | } | |
| 252 | ||
| 253 | .tabs-left > .nav-tabs > li:first-child > a { | |
| 254 | margin-right: -1px; | |
| 255 | margin-left: auto; | |
| 256 | } | |
| 257 | .tabs-left > .nav-tabs > li.active > a { | |
| 258 | margin-left: -1px; | |
| 259 | margin-right: -1px; | |
| 260 | } | |
| 261 | .tabs-right > .nav-tabs > li.active > a { | |
| 262 | margin-left: -1px; | |
| 263 | margin-right: -2px; | |
| 264 | } | |
| 265 | ||
| 266 | .nav-tabs[class*="tab-color-"] > li > a { | |
| 267 | margin-right: 3px; | |
| 268 | margin-left: auto; | |
| 269 | } | |
| 270 | ||
| 271 | .nav-stacked > li { | |
| 272 | float: none; | |
| 273 | } | |
| 274 | .dropdown-navbar .nav-tabs > li > a:before { | |
| 275 | left: auto; | |
| 276 | right: 0; | |
| 277 | } | |
| 278 | ||
| 279 | ||
| 280 | .nav.nav-tabs { | |
| 281 | .navtab-paddingX-rtl (@index) when (@index > 0) { | |
| 282 | &.padding-@{index} { padding-left: 0; padding-right: unit(@index,px); } | |
| 283 | .tabs-right > &.padding-@{index} , .tabs-left > &.padding-@{index} { padding-right:0; } | |
| 284 | .navtab-paddingX-rtl(@index - 2); | |
| 285 | } | |
| 286 | .navtab-paddingX-rtl(32); | |
| 287 | } | |
| 288 | ||
| 289 | ||
| 290 | //page.inbox.less | |
| 291 | .message-navbar .messagebar-item-left ~ .nav-search { | |
| 292 | left: auto; | |
| 293 | } | |
| 294 | .message-navbar .messagebar-item-right ~ .nav-search { | |
| 295 | left: auto; | |
| 296 | right: 5px; | |
| 297 | } | |
| 298 | .message-navbar .messagebar-item-right ~ .nav-search { | |
| 299 | right: 60px; | |
| 300 | } | |
| 301 | ||
| 302 | ||
| 303 | ||
| 304 | ||
| 305 | ||
| 306 | .enable_navbar_dropdown_positions_rtl() when(@enable-navbar-dropdowns = true) { | |
| 307 | ||
| 308 | ||
| 309 | @media only screen and (max-width: @screen-xs-max) { | |
| 310 | .ace-nav > li:nth-last-child(4) > .dropdown-menu { | |
| 311 | right: auto; | |
| 312 | left: -100px; | |
| 313 | &:before, &:after { | |
| 314 | right: auto; | |
| 315 | left: 120px; | |
| 316 | } | |
| 317 | } | |
| 318 | ||
| 319 | .ace-nav > li:nth-last-child(3) > .dropdown-menu { | |
| 320 | right: auto; | |
| 321 | left: -80px; | |
| 322 | &:before, &:after { | |
| 323 | right: auto; | |
| 324 | left: 100px; | |
| 325 | } | |
| 326 | } | |
| 327 | ||
| 328 | //.user-menu.dropdown-close { | |
| 329 | //right: auto !important; | |
| 330 | //left: 0 !important; | |
| 331 | //} | |
| 332 | } | |
| 333 | ||
| 334 | ||
| 335 | @media only screen and (min-width: @screen-topbar-down-min) and (max-width: @screen-xs-max) { | |
| 336 | //if there's only one item except for user_info | |
| 337 | .navbar.navbar-collapse { | |
| 338 | .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu, | |
| 339 | .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu { | |
| 340 | left: -60px; | |
| 341 | right: auto; | |
| 342 | ||
| 343 | &:before, &:after { | |
| 344 | right: auto; | |
| 345 | left: 80px; | |
| 346 | } | |
| 347 | } | |
| 348 | } | |
| 349 | } | |
| 350 | ||
| 351 | ||
| 352 | @media only screen and (max-width: @screen-xs) { | |
| 353 | .ace-nav > li:nth-last-child(4) > .dropdown-menu { | |
| 354 | right: auto; | |
| 355 | left: -120px; | |
| 356 | ||
| 357 | &:before, &:after { | |
| 358 | right: auto; | |
| 359 | left: 140px; | |
| 360 | } | |
| 361 | } | |
| 362 | .ace-nav > li:nth-last-child(3) > .dropdown-menu { | |
| 363 | right: auto; | |
| 364 | left: -120px; | |
| 365 | ||
| 366 | &:before, &:after { | |
| 367 | right: auto; | |
| 368 | left: 110px; | |
| 369 | } | |
| 370 | } | |
| 371 | ||
| 372 | .ace-nav > li:nth-last-child(2) > .dropdown-menu { | |
| 373 | right: auto; | |
| 374 | left: -50px; | |
| 375 | ||
| 376 | &:before, &:after { | |
| 377 | right: auto; | |
| 378 | left: 70px; | |
| 379 | } | |
| 380 | } | |
| 381 | } | |
| 382 | ||
| 383 | ||
| 384 | @media only screen and (max-width: @screen-topbar-down) { | |
| 385 | .ace-nav > li:nth-last-child(4) > .dropdown-menu { | |
| 386 | left: auto; | |
| 387 | right: -10px; | |
| 388 | ||
| 389 | &:before, &:after { | |
| 390 | right: 30px; | |
| 391 | left: auto; | |
| 392 | } | |
| 393 | } | |
| 394 | ||
| 395 | .ace-nav > li:nth-last-child(3) > .dropdown-menu { | |
| 396 | left: auto; | |
| 397 | right: -50px; | |
| 398 | ||
| 399 | &:before, &:after { | |
| 400 | left: auto; | |
| 401 | right: 75px; | |
| 402 | } | |
| 403 | } | |
| 404 | ||
| 405 | .ace-nav > li:nth-last-child(2) > .dropdown-menu { | |
| 406 | left: auto; | |
| 407 | right: -70px; | |
| 408 | ||
| 409 | &:before, &:after { | |
| 410 | left: auto; | |
| 411 | right: 90px; | |
| 412 | } | |
| 413 | } | |
| 414 | } | |
| 415 | ||
| 416 | @media only screen and (max-width: @screen-mini-max) { | |
| 417 | //when there are only two items (apart from user menu) | |
| 418 | .ace-nav > li:nth-last-child(2) > .dropdown-menu { | |
| 419 | left: auto; | |
| 420 | right: -110px; | |
| 421 | ||
| 422 | &:before, &:after { | |
| 423 | left: auto; | |
| 424 | right: 130px; | |
| 425 | } | |
| 426 | } | |
| 427 | ||
| 428 | .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu { | |
| 429 | left: auto; | |
| 430 | right: -85px; | |
| 431 | ||
| 432 | &:before, &:after { | |
| 433 | left: auto; | |
| 434 | right: 105px; | |
| 435 | } | |
| 436 | } | |
| 437 | ||
| 438 | .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu { | |
| 439 | left: auto; | |
| 440 | right: -35px; | |
| 441 | ||
| 442 | &:before, &:after { | |
| 443 | left: auto; | |
| 444 | right: 55px; | |
| 445 | } | |
| 446 | } | |
| 447 | ||
| 448 | //when there is only one item (apart from user menu) | |
| 449 | .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu { | |
| 450 | left: auto; | |
| 451 | right: -60px; | |
| 452 | ||
| 453 | &:before, &:after { | |
| 454 | left: auto; | |
| 455 | right: 75px; | |
| 456 | } | |
| 457 | } | |
| 458 | } | |
| 459 | ||
| 460 | } | |
| 461 | .enable_navbar_dropdown_positions_rtl(); | |
| 462 | ||
| 463 | ||
| 464 | ||
| 465 | .btn-group-vertical > .btn, | |
| 466 | .btn-group-vertical > .btn-group, | |
| 467 | .btn-group-vertical > .btn-group > .btn { | |
| 468 | float: none; | |
| 469 | } | |
| 470 | ||
| 471 | .input-group-addon:first-child { | |
| 472 | border-right: 1px solid #CCC; | |
| 473 | } | |
| 474 | .input-group-addon:last-child { | |
| 475 | border-left: 1px solid #CCC; | |
| 476 | } | |
| 477 | ||
| 478 | ||
| 479 | ||
| 480 | ||
| 481 | ||
| 482 | //footer | |
| 483 | .enable_footer_rtl() when (@enable-footer = true) { | |
| 484 | .footer .footer-inner { | |
| 485 | right: 0; | |
| 486 | left: 0; | |
| 487 | } | |
| 488 | .sidebar ~ .footer .footer-inner { | |
| 489 | right: @sidebar-width; | |
| 490 | left: 0; | |
| 491 | } | |
| 492 | ||
| 493 | @media (min-width: @screen-compact-menu) { | |
| 494 | .sidebar.compact ~ .footer .footer-inner { | |
| 495 | right: @sidebar-compact-width; | |
| 496 | left: 0; | |
| 497 | } | |
| 498 | } | |
| 499 | .sidebar.menu-min ~ .footer .footer-inner { | |
| 500 | right: @sidebar-min-width; | |
| 501 | left: 0; | |
| 502 | } | |
| 503 | @media (min-width: @grid-float-breakpoint) { | |
| 504 | .sidebar.h-sidebar ~ .footer .footer-inner { | |
| 505 | right: 0; | |
| 506 | left: 0; | |
| 507 | } | |
| 508 | } | |
| 509 | @media (max-width: @grid-float-breakpoint-max) { | |
| 510 | .footer .footer-inner , .sidebar ~ .footer .footer-inner, .sidebar.compact ~ .footer .footer-inner , .sidebar.menu-min ~ .footer .footer-inner { | |
| 511 | right: 0; | |
| 512 | left: 0; | |
| 513 | } | |
| 514 | .sidebar.responsive-min ~ .footer .footer-inner { | |
| 515 | right: @sidebar-min-width; | |
| 516 | left: 0; | |
| 517 | } | |
| 518 | } | |
| 519 | ||
| 520 | ||
| 521 | .enable_container_footer_rtl() when(@enable-container = true) { | |
| 522 | .container.main-container .footer .footer-inner { | |
| 523 | @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { | |
| 524 | margin-right: auto; | |
| 525 | } | |
| 526 | @media (min-width: @screen-md-min) { | |
| 527 | margin-left: auto; | |
| 528 | margin-right: @sidebar-width; | |
| 529 | } | |
| 530 | @media (min-width: @screen-lg-min) { | |
| 531 | margin-left: auto; | |
| 532 | margin-right: @sidebar-width; | |
| 533 | } | |
| 534 | } | |
| 535 | ||
| 536 | .enable_compact_menu_footer_container_rtl() when (@enable-compact-menu = true) { | |
| 537 | .container.main-container .sidebar.compact ~ .footer .footer-inner { | |
| 538 | @media (min-width: max(@screen-compact-menu, @screen-md-min)) { | |
| 539 | margin-left: auto; | |
| 540 | margin-right: @sidebar-compact-width; | |
| 541 | } | |
| 542 | @media (min-width: max(@screen-compact-menu, @screen-lg-min)) { | |
| 543 | margin-left: auto; | |
| 544 | margin-right: @sidebar-compact-width; | |
| 545 | } | |
| 546 | } | |
| 547 | } | |
| 548 | .enable_compact_menu_footer_container_rtl(); | |
| 549 | ||
| 550 | ||
| 551 | .enable_collapse_menu_footer_container_rtl() when (@enable-sidebar-collapse = true) { | |
| 552 | .container.main-container .sidebar.menu-min ~ .footer .footer-inner { | |
| 553 | @media (min-width: @screen-md-min) { | |
| 554 | margin-left: auto; | |
| 555 | margin-right: @sidebar-min-width; | |
| 556 | } | |
| 557 | @media (min-width: @screen-lg-min) { | |
| 558 | margin-left: auto; | |
| 559 | margin-right: @sidebar-min-width; | |
| 560 | } | |
| 561 | } | |
| 562 | } | |
| 563 | .enable_collapse_menu_footer_container_rtl(); | |
| 564 | ||
| 565 | ||
| 566 | .enable_horizontal_menu_footer_container_rtl() when (@enable-horizontal-menu = true) { | |
| 567 | .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner { | |
| 568 | @media (min-width: @grid-float-breakpoint) { | |
| 569 | margin-right: 0; | |
| 570 | } | |
| 571 | @media (min-width: @screen-md-min) { | |
| 572 | margin-right: 0; | |
| 573 | } | |
| 574 | @media (min-width: @screen-lg-min) { | |
| 575 | margin-right: 0; | |
| 576 | } | |
| 577 | } | |
| 578 | } | |
| 579 | .enable_horizontal_menu_footer_container_rtl(); | |
| 580 | ||
| 581 | ||
| 582 | .enable_responsive_min_menu_footer_container_rtl() when (@enable-minimized-responsive-menu = true) { | |
| 583 | .container.main-container .sidebar.responsive-min ~ .footer .footer-inner { | |
| 584 | @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) { | |
| 585 | margin-right: @sidebar-min-width; | |
| 586 | margin-left: auto; | |
| 587 | } | |
| 588 | } | |
| 589 | } | |
| 590 | .enable_responsive_min_menu_footer_container_rtl(); | |
| 591 | ||
| 592 | } | |
| 593 | .enable_container_footer_rtl(); | |
| 594 | ||
| 595 | ||
| 596 | ||
| 597 | .enable_footer_responsive_menu_push_rtl() when (@enable-responsive-menu = true) { | |
| 598 | @media only screen and (max-width: @grid-float-breakpoint-max) and (min-width: @screen-compact-menu) { | |
| 599 | .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away { | |
| 600 | &.display.compact ~ .footer .footer-inner { | |
| 601 | .transform(translateX(-@sidebar-compact-width)); | |
| 602 | } | |
| 603 | } | |
| 604 | } | |
| 605 | ||
| 606 | @media only screen and (max-width: @grid-float-breakpoint-max) { | |
| 607 | .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away { | |
| 608 | ||
| 609 | &.display ~ .footer .footer-inner { | |
| 610 | .transform(translateX(-@sidebar-width)); | |
| 611 | } | |
| 612 | &.display.menu-min ~ .footer .footer-inner { | |
| 613 | .transform(translateX(-@sidebar-min-width)); | |
| 614 | } | |
| 615 | ||
| 616 | } | |
| 617 | } | |
| 618 | ||
| 619 | } | |
| 620 | .enable_footer_responsive_menu_push_rtl(); | |
| 621 | ||
| 622 | } | |
| 623 | .enable_footer_rtl(); | |
| 624 | ||
| 625 | ||
| 626 | ||
| 627 | ||
| 628 | ||
| 629 | ||
| 630 | ||
| 631 | ||
| 632 | ||
| 633 | ||
| 634 | //from previous version's RTL file | |
| 635 | blockquote { | |
| 636 | p , small { | |
| 637 | text-align:left; | |
| 638 | } | |
| 639 | small:before { | |
| 640 | content: ""; | |
| 641 | } | |
| 642 | small:after { | |
| 643 | content: "\00A0 \2014"; | |
| 644 | } | |
| 645 | } | |
| 646 | blockquote.pull-right, .blockquote-reverse { | |
| 647 | p , small { | |
| 648 | text-align:right; | |
| 649 | } | |
| 650 | small:after { | |
| 651 | content: ""; | |
| 652 | } | |
| 653 | small:before { | |
| 654 | content: "\2014 \00A0"; | |
| 655 | } | |
| 656 | } | |
| 657 | ||
| 658 | ||
| 659 | ||
| 660 | ||
| 661 | ||
| 662 | ||
| 663 | //thirdparty-calendar.less | |
| 664 | .fc-grid th { | |
| 665 | text-align: center; | |
| 666 | } | |
| 667 | .external-event { | |
| 668 | > .@{icon}:first-child { | |
| 669 | margin-right: 0; | |
| 670 | margin-left: 5px; | |
| 671 | ||
| 672 | border-right-width: 0; | |
| 673 | border-left: 1px solid #FFF; | |
| 674 | } | |
| 675 | } | |
| 676 | ||
| 677 | //thirdparty-colorbox.less | |
| 678 | #cboxCurrent { | |
| 679 | left: auto; | |
| 680 | right: 64px; | |
| 681 | } | |
| 682 | #cboxNext , #cboxPrevious { | |
| 683 | margin-left: 0; | |
| 684 | margin-right: 5px; | |
| 685 | } | |
| 686 | #cboxPrevious { | |
| 687 | left: auto; | |
| 688 | right: 27px; | |
| 689 | } | |
| 690 | #cboxNext { | |
| 691 | left: auto; | |
| 692 | right: 0; | |
| 693 | } | |
| 694 | ||
| 695 | //thirdparty-fuelux.less | |
| 696 | .ace-spinner .spinner-buttons > button.btn:active { left:auto; top:auto; } | |
| 697 | ||
| 698 | .wizard-steps { | |
| 699 | margin-right: 0; | |
| 700 | } | |
| 701 | .wizard-actions { | |
| 702 | text-align: left; | |
| 703 | } | |
| 704 | .wizard-steps li:first-child:before { | |
| 705 | right: 50%; | |
| 706 | left: auto; | |
| 707 | } | |
| 708 | ||
| 709 | .tree { | |
| 710 | padding-left: 0; | |
| 711 | padding-right: 9px; | |
| 712 | &:before { | |
| 713 | left: auto; | |
| 714 | right: 0; | |
| 715 | border-width: 0 1px 0 0; | |
| 716 | } | |
| 717 | ||
| 718 | .tree-folder { | |
| 719 | .tree-folder-header { | |
| 720 | .tree-folder-name { | |
| 721 | margin-left: 0; | |
| 722 | margin-right: 2px; | |
| 723 | } | |
| 724 | > .@{icon}:first-child { | |
| 725 | margin: -2px -2px 0 0; | |
| 726 | } | |
| 727 | } | |
| 728 | &:last-child:after { | |
| 729 | left: auto; | |
| 730 | right: -15px; | |
| 731 | border-left: none; | |
| 732 | border-right: 1px solid #FFF; | |
| 733 | } | |
| 734 | .tree-folder-content { | |
| 735 | margin-left: 0; | |
| 736 | margin-right: 23px; | |
| 737 | &:before { | |
| 738 | left: auto; | |
| 739 | right: -14px; | |
| 740 | border-width: 0 1px 0 0; | |
| 741 | } | |
| 742 | } | |
| 743 | } | |
| 744 | ||
| 745 | .tree-item { | |
| 746 | .tree-item-name { | |
| 747 | margin-left: 0; | |
| 748 | margin-right: 3px; | |
| 749 | > .@{icon}:first-child { | |
| 750 | margin-right: 0; | |
| 751 | margin-left: 3px; | |
| 752 | } | |
| 753 | } | |
| 754 | } | |
| 755 | .tree-folder , .tree-item { | |
| 756 | &:before { | |
| 757 | left: auto; | |
| 758 | right: -13px; | |
| 759 | } | |
| 760 | } | |
| 761 | .tree-loading { | |
| 762 | margin-left: 0; | |
| 763 | margin-right: 36px; | |
| 764 | } | |
| 765 | } | |
| 766 | ||
| 767 | ||
| 768 | //thirdpart-gritter.less | |
| 769 | #gritter-notice-wrapper { | |
| 770 | left: 20px; | |
| 771 | right:auto; | |
| 772 | } | |
| 773 | .gritter-close { | |
| 774 | right: auto; | |
| 775 | left: 3px; | |
| 776 | } | |
| 777 | .gritter-image { | |
| 778 | float: right; | |
| 779 | } | |
| 780 | .gritter-with-image , .gritter-without-image { | |
| 781 | float: left; | |
| 782 | } | |
| 783 | ||
| 784 | //thirdparty-wysiwyg.less | |
| 785 | .wysiwyg-toolbar { | |
| 786 | .dropdown-menu { | |
| 787 | text-align: right; | |
| 788 | } | |
| 789 | .wysiwyg-choose-file { | |
| 790 | margin-left: auto; | |
| 791 | } | |
| 792 | .btn-group > .btn, .btn-group > .inline > .btn { | |
| 793 | float: none; | |
| 794 | } | |
| 795 | } | |
| 796 | .wysiwyg-style1 , .wysiwyg-style2 { | |
| 797 | .btn-group:after{ | |
| 798 | left: auto; | |
| 799 | border-left-width: 0; | |
| 800 | right: -2px; | |
| 801 | border-right: 1px solid #E1E6EA; | |
| 802 | } | |
| 803 | } | |
| 804 | .wysiwyg-toolbar { | |
| 805 | .dropdown-menu { | |
| 806 | input[type=text] { | |
| 807 | margin-left: 0; | |
| 808 | margin-right: 8px; | |
| 809 | } | |
| 810 | .btn { | |
| 811 | margin-right: 1px; | |
| 812 | margin-left: 8px; | |
| 813 | } | |
| 814 | } | |
| 815 | } | |
| 816 | .widget-body .md-header { | |
| 817 | margin-left: 0; | |
| 818 | margin-right: 9px; | |
| 819 | .btn-inverse { | |
| 820 | padding-right: 0; | |
| 821 | padding-left: 5px; | |
| 822 | } | |
| 823 | } | |
| 824 | ||
| 825 | /** | |
| 826 | .enable_plugin_select2_rtl() when(@enable-plugin-select2 = true) { | |
| 827 | //thirdparty-select2.less | |
| 828 | .select2-container .select2-choice { | |
| 829 | padding-left: 0; | |
| 830 | padding-right: 8px; | |
| 831 | } | |
| 832 | .select2-container.select2-allowclear .select2-choice .select2-chosen { | |
| 833 | margin-right: auto; | |
| 834 | margin-left: 42px; | |
| 835 | } | |
| 836 | ||
| 837 | .select2-container .select2-choice > .select2-chosen { | |
| 838 | margin-left: 26px; | |
| 839 | margin-right: auto; | |
| 840 | } | |
| 841 | .select2-container .select2-choice abbr { | |
| 842 | right: auto; | |
| 843 | left: 20px; | |
| 844 | } | |
| 845 | .select2-container .select2-choice .select2-arrow { | |
| 846 | right: auto; | |
| 847 | left: 0; | |
| 848 | } | |
| 849 | .select2-container .select2-choice .select2-arrow b:before { | |
| 850 | right: 5px; | |
| 851 | left: auto; | |
| 852 | } | |
| 853 | ||
| 854 | .select2-container-multi .select2-choices li { | |
| 855 | float: right; | |
| 856 | } | |
| 857 | .select2-container-multi .select2-choices .select2-search-choice { | |
| 858 | margin: 3px 5px 3px 0; | |
| 859 | padding: 3px 18px 3px 5px; | |
| 860 | } | |
| 861 | ||
| 862 | .select2-results { | |
| 863 | margin: 4px 0 4px 4px; | |
| 864 | } | |
| 865 | ||
| 866 | .select2-drop { | |
| 867 | input { | |
| 868 | padding-right: 5px; | |
| 869 | padding-left: 20px; | |
| 870 | } | |
| 871 | .select2-results { | |
| 872 | padding-right: 4px; | |
| 873 | padding-left: 0; | |
| 874 | } | |
| 875 | } | |
| 876 | ||
| 877 | .select2-search:after { | |
| 878 | right: -20px; | |
| 879 | left: auto; | |
| 880 | } | |
| 881 | .select2-search input.select2-active { | |
| 882 | background-position: 0%; | |
| 883 | } | |
| 884 | } | |
| 885 | .enable_plugin_select2_rtl(); | |
| 886 | **/ | |
| 887 | ||
| 888 | //thirdparty-editable | |
| 889 | .editable-buttons { | |
| 890 | margin-left: auto; | |
| 891 | margin-right: 1px; | |
| 892 | .btn { | |
| 893 | margin: 0 0 0 1px; | |
| 894 | } | |
| 895 | } | |
| 896 | ||
| 897 | //thirdparty-jquery-ui.less | |
| 898 | .ui-datepicker .ui-datepicker-prev:before { | |
| 899 | content: "\f061"; | |
| 900 | } | |
| 901 | .ui-datepicker .ui-datepicker-next:before { | |
| 902 | content: "\f060"; | |
| 903 | } | |
| 904 | .ui-menu .ui-menu-item .ui-menu-icon { | |
| 905 | float: left; | |
| 906 | left: 4px; | |
| 907 | right: auto; | |
| 908 | ||
| 909 | &:before { | |
| 910 | content: "\f104"; | |
| 911 | } | |
| 912 | } | |
| 913 | .ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close { | |
| 914 | left: 8px !important; | |
| 915 | right: auto !important; | |
| 916 | } | |
| 917 | ||
| 918 | .ui-tabs .ui-tabs-nav li { | |
| 919 | float: right; | |
| 920 | margin-right: 0; | |
| 921 | margin-left: 0.2em; | |
| 922 | a { | |
| 923 | float: right; | |
| 924 | } | |
| 925 | } | |
| 926 | .ui-tabs .ui-tabs-nav li.ui-state-default > a { | |
| 927 | margin-right: auto; | |
| 928 | margin-left: -1px; | |
| 929 | } | |
| 930 | .ui-accordion .ui-accordion-header { | |
| 931 | padding-right: 24px; | |
| 932 | padding-left: 8px; | |
| 933 | ||
| 934 | .ui-accordion-header-icon { | |
| 935 | position: absolute; | |
| 936 | left: auto; | |
| 937 | right: 10px; | |
| 938 | &:before { | |
| 939 | content: "\f0d9"; | |
| 940 | } | |
| 941 | } | |
| 942 | &.ui-state-active .ui-accordion-header-icon:before { | |
| 943 | content: "\f0d7"; | |
| 944 | } | |
| 945 | } | |
| 946 | ||
| 947 | //thirdparty-jqgrid.less | |
| 948 | .ui-jqgrid .ui-jqgrid-hdiv { | |
| 949 | border-width: 1px 1px 0 0; | |
| 950 | } | |
| 951 | .ui-jqgrid .ui-jqgrid-labels { | |
| 952 | th { | |
| 953 | border-right-width:0 !important; | |
| 954 | border-left: 1px solid #E1E1E1 !important; | |
| 955 | text-align: right !important; | |
| 956 | &:first-child { | |
| 957 | border-right: 1px solid #E1E1E1 !important; | |
| 958 | } | |
| 959 | } | |
| 960 | } | |
| 961 | .ui-jqgrid-labels th[id*="_cb"]:first-child { | |
| 962 | text-align: center !important; | |
| 963 | } | |
| 964 | .ui-jqgrid-sortable { | |
| 965 | padding-left: 0; | |
| 966 | padding-right: 4px; | |
| 967 | } | |
| 968 | .ui-jqdialog-content .searchFilter table { | |
| 969 | margin-left: auto; | |
| 970 | margin-right: 4px; | |
| 971 | } | |
| 972 | .ui-jqdialog-content .searchFilter { | |
| 973 | .add-group, .add-rule, .delete-group { | |
| 974 | margin-left: auto !important; | |
| 975 | margin-right: 4px !important; | |
| 976 | } | |
| 977 | } | |
| 978 | .ui-jqdialog-content { | |
| 979 | .CaptionTD { | |
| 980 | text-align: left; | |
| 981 | } | |
| 982 | } | |
| 983 | .ui-jqdialog .ui-widget-header{ | |
| 984 | .ui-jqdialog-title { | |
| 985 | text-align: right; | |
| 986 | padding-left: 0; | |
| 987 | padding-right: 12px; | |
| 988 | float: right !important; | |
| 989 | } | |
| 990 | } | |
| 991 | ||
| 992 | ||
| 993 | //thirdparty-nestable.less | |
| 994 | .dd-list { | |
| 995 | margin-right: 0; | |
| 996 | ||
| 997 | .dd-list { | |
| 998 | padding-right: 30px; | |
| 999 | padding-left: 0; | |
| 1000 | } | |
| 1001 | } | |
| 1002 | .dd2-handle + .dd2-content, | |
| 1003 | .dd2-handle + .dd2-content[class*="btn-"] | |
| 1004 | { | |
| 1005 | padding-left: 0; | |
| 1006 | padding-right: 44px; | |
| 1007 | } | |
| 1008 | .dd-item > button { | |
| 1009 | float: right; | |
| 1010 | margin: 5px 5px 5px 1px; | |
| 1011 | left: auto; | |
| 1012 | right: 1px; | |
| 1013 | } | |
| 1014 | .dd2-item.dd-item > button { | |
| 1015 | margin-left: 5px; | |
| 1016 | margin-right: 34px; | |
| 1017 | } | |
| 1018 | .dd-dragel { | |
| 1019 | > li > .dd-handle { | |
| 1020 | border-right: 2px solid #777; | |
| 1021 | border-left-width: 0; | |
| 1022 | } | |
| 1023 | } | |
| 1024 | .dd-list > li[class*="item-"] { | |
| 1025 | border-left-width: 0; | |
| 1026 | border-right-width: 0; | |
| 1027 | ||
| 1028 | > .dd-handle { | |
| 1029 | border-right: 2px solid; | |
| 1030 | border-right-color: inherit; | |
| 1031 | border-left-color: #DAE2EA; | |
| 1032 | border-left-width: 1px; | |
| 1033 | } | |
| 1034 | } | |
| 1035 | .dd-list > li > .dd-handle .sticker { | |
| 1036 | right: auto; | |
| 1037 | left: 0; | |
| 1038 | } | |
| 1039 | .dd2-handle , .dd-dragel > li > .dd2-handle { | |
| 1040 | left: auto; | |
| 1041 | right: 0; | |
| 1042 | border-width: 1px 0 0 1px; | |
| 1043 | } | |
| 1044 | ||
| 1045 | ||
| 1046 | //pretty print | |
| 1047 | ol.linenums { | |
| 1048 | margin-right: 33px; | |
| 1049 | li { | |
| 1050 | padding-left: 0; | |
| 1051 | padding-right: 12px; | |
| 1052 | } | |
| 1053 | } | |
| 1054 | .prettyprint.linenums { | |
| 1055 | .box-shadow(~"-40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset"); | |
| 1056 | } | |
| 1057 | ||
| 1058 | ||
| 1059 | ||
| 1060 | .tt-dropdown-menu { | |
| 1061 | text-align: right; | |
| 1062 | direction: rtl; | |
| 1063 | } | |
| 1064 | ||
| 1065 | ||
| 1066 | } | |
