[313] | 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 | }
|
---|