审查视图

public/assets/less/backend.less 27.5 KB
Karson authored
1 2 3 4 5
@import (reference) "bootstrap-less/mixins.less";
@import (reference) "bootstrap-less/variables.less";
@import (reference) "fastadmin/mixins.less";
@import (reference) "fastadmin/variables.less";
@import "lesshat.less";
6 7
@import url("../css/bootstrap.css");
@import url("../css/fastadmin.css");
Karson authored
8
@import url("../css/skins/skin-black-green.css");
Karson authored
9 10 11
@import url("../css/iconfont.css");
@import url("../libs/font-awesome/css/font-awesome.min.css");
@import url("../libs/toastr/toastr.min.css");
12
@import url("../libs/fastadmin-layer/dist/theme/default/layer.css");
Karson authored
13 14 15 16
@import url("../libs/bootstrap-table/dist/bootstrap-table.min.css");
@import url("../libs/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css");
@import url("../libs/bootstrap-daterangepicker/daterangepicker.css");
@import url("../libs/nice-validator/dist/jquery.validator.css");
17
@import url("../libs/bootstrap-select/dist/css/bootstrap-select.min.css");
18
@import url("../libs/fastadmin-selectpage/selectpage.css");
19
@import url("../libs/bootstrap-slider/slider.css");
Karson authored
20
21 22 23
@main-bg: #f1f4f6;
@panel-intro-bg: darken(@main-bg, 3%);
@panel-nav-bg: #fff;
Karson authored
24
25 26
html,
body {
27
    height: 100%;
28 29
}
Karson authored
30
body {
31 32
    background: #f1f4f6;
    font-size: 13px;
Karson authored
33
}
34
Karson authored
35
body.is-dialog {
36
    background: #fff;
Karson authored
37 38 39
}

.selection {
40 41 42
    position: absolute;
    border: 1px solid #8B9;
    background-color: #BEC;
Karson authored
43
}
44
Karson authored
45
.main-header {
46
47 48 49
    .navbar {
        position: relative;
    }
Karson authored
50 51 52
}

.bootstrap-dialog .modal-dialog {
53 54
    /*width: 70%;*/
    max-width: 885px;
Karson authored
55
}
56
Karson authored
57
/*iOS兼容*/
58
html.ios-fix, html.ios-fix body {
59 60 61
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
Karson authored
62 63 64 65 66

    .wrapper, .tab-pane {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
Karson authored
67
}
68
69
.wrapper {
70
    height: 100%;
71
}
72
Karson authored
73
#header {
74
    //box-shadow: 0 2px 2px rgba(0,0,0,.05),0 1px 0 rgba(0,0,0,.05);
Karson authored
75
}
76
Karson authored
77
.content-wrapper {
78 79
    position: relative;
    height: 100%;
Karson authored
80
}
81 82

.control-relative {
83
    position: relative;
Karson authored
84
}
85
Karson authored
86
.tab-addtabs {
87 88 89 90 91
    //overflow: hidden;
    .tab-pane {
        height: 100%;
        width: 100%;
    }
Karson authored
92 93
}
94
.row-between {
95 96 97 98 99 100
    .col-xs-6 + .col-xs-6:before {
        content: "-";
        position: absolute;
        left: -2%;
        top: 6px;
    }
Karson authored
101 102
}
103
@media only screen and (min-width: 481px) {
104 105 106 107
    .row-flex {
        display: flex;
        flex-wrap: wrap;
    }
108
109 110 111 112
    .row-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
113
114 115 116 117
    .row-flex.row:after,
    .row-flex.row:before {
        display: flex;
    }
Karson authored
118
}
119 120

@media (max-width: 991px) {
121 122 123 124 125
    .main-header .navbar-custom-menu a {
        &.btn-danger {
            color: #fff;
            background-color: @brand-danger;
        }
126
127 128 129 130
        &.btn-primary {
            color: #fff;
            background-color: @brand-primary;
        }
131
    }
132
}
133
Karson authored
134
.common-search-table {
135 136 137 138
    min-height: 20px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f5f5f5;
Karson authored
139
}
140
Karson authored
141 142
/* 固定的底部按钮 */
.fixed-footer {
143 144 145 146 147 148
    position: fixed;
    bottom: 0;
    background-color: #ecf0f1;
    width: 100%;
    margin-bottom: 0;
    padding: 10px;
Karson authored
149
}
150 151

table.table-template {
152
    overflow: hidden;
Karson authored
153
}
154
Karson authored
155
.sp_container {
156 157 158 159 160
    .msg-box {
        position: absolute;
        right: 0;
        top: 0;
    }
Karson authored
161
162 163
    .sp_element_box {
        overflow: unset;
Karson authored
164
165 166 167
        > li.input_box {
            position: unset;
        }
Karson authored
168
169 170 171
        .msg-box {
            right: -24px;
        }
Karson authored
172 173 174 175
    }
}

@media (max-width: 767px) {
176 177 178
    .sp_container .sp_element_box .msg-box {
        left: inherit;
    }
Karson authored
179
}
180 181

.toast-top-right-index {
182 183
    top: 62px;
    right: 12px;
Karson authored
184 185 186
}

.bootstrap-select .status {
187 188 189 190 191 192 193 194
    background: #f0f0f0;
    clear: both;
    color: #999;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: -5px;
    padding: 10px 20px;
Karson authored
195 196
}
Karson authored
197
select.bs-select-hidden, select.selectpicker {
198 199 200
    display: inherit !important;
    max-height: 31px;
    overflow: hidden;
201
202 203 204 205 206
    &[multiple] {
        height: 31px;
        //visibility: hidden;
        padding: 0;
        background: #f4f4f4;
207
208 209 210 211
        option {
            color: #f4f4f4;
            .opacity(0);
        }
212
213 214 215 216 217
        @media not all and (min-resolution: .001dpcm) {
            @supports (-webkit-appearance:none) {
                visibility: hidden;
            }
        }
218
    }
Karson authored
219 220
}
221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248
input.selectpage {
    color: transparent;
    pointer-events: none;
}

.sp_container {
    input.selectpage {
        color: inherit;
        pointer-events: inherit;
        padding-left: 12px;
        padding-right: 12px;
    }

    .sp_element_box {
        input.selectpage {
            padding-left: 0;
            padding-right: 0;
        }

        li:first-child {
            input.selectpage {
                padding-left: 9px;
                padding-right: 9px;
            }
        }
    }
}
Karson authored
249
.img-center {
250 251 252
    margin: 0 auto;
    display: inline;
    float: none;
Karson authored
253 254 255 256 257 258
}

/*
 * RIBBON
 */
#ribbon {
259 260 261
    overflow: hidden;
    padding: 15px 15px 0 15px;
    position: relative;
262
263
    a {
264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284
        color: #777 !important;
        text-decoration: none !important;
    }

    .breadcrumb {
        display: inline-block;
        margin: 0;
        padding: 0;
        background: none;
        vertical-align: top;
    }

    .breadcrumb > .active,
    .breadcrumb li {
        color: #aaa;
    }

    .shortcut {
        a {
            margin-left: 10px;
        }
Karson authored
285 286 287 288 289
    }

}

.is-dialog {
290 291 292
    #main {
        background: #fff;
    }
293
294 295 296
    .layer-footer {
        display: none;
    }
Karson authored
297
}
298
Karson authored
299
form.form-horizontal .control-label {
300
    font-weight: normal;
Karson authored
301 302
}
303
.user-panel > .image img {
304 305
    width: 45px;
    height: 45px;
Karson authored
306 307 308 309
}

/*panel扩展描述样式*/
.panel-intro {
310 311
    margin-bottom: 0;
    border: none;
312
313 314 315 316 317 318
    > .panel-heading {
        padding: 15px;
        padding-bottom: 0;
        background: @panel-intro-bg;
        border-color: @panel-intro-bg;
        position: relative;
319
320 321
        .panel-lead {
            margin-bottom: 15px;
322
323 324 325 326 327 328
            em {
                display: block;
                font-weight: bold;
                font-style: normal;
            }
        }
Karson authored
329
330 331 332 333 334 335 336
        .panel-title {
            height: 25px;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
Karson authored
337
338 339 340 341 342
        .panel-control {
            height: 42px;
            position: absolute;
            top: 8px;
            right: 8px;
343
344 345 346 347
            .fa {
                font-size: 14px;
            }
        }
348
349 350 351 352
        .nav-tabs {
            border-bottom: 0;
            margin-bottom: 0;
        }
Karson authored
353
354 355 356 357 358 359 360
        .nav-tabs > li > a {
            margin-right: 4px;
            color: #95a5a6;
            background-color: darken(@panel-intro-bg, 5%);
            border: 1px solid @panel-intro-bg;
            border-bottom-color: transparent;
        }
361
362 363 364 365 366
        .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
            border: 1px solid @panel-intro-bg;
            color: #7b8a8b;
            background-color: darken(@panel-intro-bg, 10%);
        }
367
368 369 370 371 372 373
        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #7b8a8b;
            background-color: #ffffff;
            border-bottom-color: transparent;
            cursor: default;
        }
Karson authored
374 375 376 377 378 379 380 381 382 383 384 385 386 387

        @media (max-width: @screen-tablet) {
            .nav-tabs {
                white-space: nowrap;
                overflow-x: auto;
                overflow-y: hidden;
                margin-bottom: -1px;

                > li {
                    display: inline-block;
                    float: none;
                }
            }
        }
Karson authored
388 389
    }
}
390
Karson authored
391 392
/*单表格*/
.panel-tabs {
393 394
    .panel-heading {
        padding: 12px 15px 12px 15px;
395
396 397 398
        .panel-lead {
            margin-bottom: 0px;
        }
399
400
        .panel-title {
Karson authored
401
402
        }
Karson authored
403 404
    }
}
405
Karson authored
406 407 408
/*选项卡*/
.panel-nav {
409 410 411 412 413 414
    .panel-heading {
        padding: 0px;
        padding-bottom: 0;
        background: @main-bg;
        border-color: @main-bg;
    }
415
416 417 418 419 420
    .nav-tabs > li > a {
        padding: 12px 15px;
        background-color: @panel-intro-bg;
        border: 1px solid @main-bg;
    }
421
422 423 424 425
    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        border: 1px solid @panel-intro-bg;
        background-color: @panel-intro-bg;
    }
426
427 428 429 430
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border-color: @main-bg;
        border-bottom-color: transparent;
    }
Karson authored
431
}
432
Karson authored
433
/*顶栏addtabs*/
434
.nav-addtabs {
435
    height: 100%;
436
437 438 439 440
    &.disable-top-badge {
        > li > a > .pull-right-container {
            display: none;
        }
441
    }
442
443
    border: none;
444
445 446
    > li {
        margin: 0;
447
448 449 450 451 452 453 454 455 456 457 458 459 460
        > a {
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            border-radius: 0;
            border: none;
            border-right: 1px solid rgba(0, 0, 0, 0.05);
            margin: 0;
            color: #95a5a6;

            &:hover, &:focus {
                border: none;
                color: #2c3e50;
Karson authored
461
                border-right: 1px solid rgba(0, 0, 0, 0.02);
462 463
            }
        }
464
465 466 467 468 469 470
        &.active > a {
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            border-radius: 0;
            border: none;
Karson authored
471
            border-right: 1px solid rgba(0, 0, 0, 0.02);
472 473 474 475 476 477 478 479
            background: #f1f4f6;
            color: #2c3e50;
            overflow: hidden;

            &:hover, &:focus {
                border: none;
                color: #2c3e50;
                background: #f1f4f6;
Karson authored
480
                border-right: 1px solid rgba(0, 0, 0, 0.02);
481 482
            }
        }
483
484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505
        .close-tab {
            font-size: 10px;
            position: absolute;
            right: 0px;
            top: 50%;
            margin-top: -8px;
            z-index: 100;
            cursor: pointer;
            color: #eee;

            &:before {
                content: "\e626";
                font-family: iconfont;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                font-size: 18px;
            }

            display: none;
        }
    }
506
507 508 509 510 511
    .open > a {
        &:hover, &:focus {
            border-right: 1px solid rgba(0, 0, 0, 0.05);
        }
    }
512
513 514 515 516 517 518 519
    ul li {
        position: relative;
    }

    li:hover > .close-tab {
        display: block;
    }
520 521 522 523
}

#firstnav {
    height: 50px;
524 525 526
    border-bottom: 1px solid transparent;
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
    position: relative;
527
528 529 530 531 532 533 534 535
    .sidebar-toggle {
        position: absolute;
        width: 45px;
        text-align: center;
        height: 50px;
        line-height: 50px;
        padding: 0;
    }
536
537 538 539 540 541 542 543 544 545 546 547 548 549
    .nav-addtabs {
        position: absolute;
        left: 45px;
        z-index: 98;
    }

    .navbar-custom-menu {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
        background: transparent;
    }
550 551 552 553
}

/*次栏菜单栏*/
#secondnav {
554 555 556 557 558 559 560 561 562 563 564 565
    display: none;
    height: 44px;
    position: absolute;
    top: 50px;
    left: 0;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
    padding: 5px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
566
567 568
    .nav-addtabs {
        height: 100%;
569
570 571 572 573 574
        &.disable-top-badge {
            > li > a > .pull-right-container {
                display: none;
            }
        }
575
576
        border: none;
577
578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629
        > li {
            border: 1px solid #eee;
            border-radius: 3px;
            padding: 0 15px;
            height: 30px;
            line-height: 30px;
            margin: 2px 5px 2px 0;
            background: #fff;

            > a {
                display: block;
                color: #495060 !important;
                height: 100%;
                padding: 0;
                line-height: 28px;
                font-size: 12px;
                vertical-align: middle;
                opacity: 1;
                overflow: hidden;
                background: none;
                border: none;
            }

            &.active {
                border-color: #bdbebd;
                background-color: #f7f7f7;
            }

            .close-tab {
                font-size: 10px;
                position: absolute;
                right: 0px;
                top: 50%;
                margin-top: -8px;
                z-index: 100;
                cursor: pointer;
                color: #eee;

                &:before {
                    content: "\e626";
                    font-family: iconfont;
                    font-style: normal;
                    font-weight: normal;
                    text-decoration: inherit;
                    font-size: 18px;
                }
            }

            &:hover, &:focus {
                border-color: #bdbebd;
            }
        }
630
631 632
        ul li {
            position: relative;
Karson authored
633
        }
634
635 636 637 638 639
        li:hover > .close-tab {
            display: block;
            border-color: #222e32;
            color: #222e32
        }
Karson authored
640
    }
641
642
}
643
644
.multiplenav {
Karson authored
645
    .content-wrapper, .right-side, .main-sidebar {
646
        padding-top: 50px;
Karson authored
647
    }
648
649 650 651
    #firstnav .nav-addtabs {
        padding-right: 450px;
    }
Karson authored
652
}
653
Karson authored
654 655
@media (max-width: 767px) {
    .multipletab {
Karson authored
656 657 658 659
        &.multiplenav {
            .content-wrapper, .right-side {
                padding-top: 94px;
            }
Karson authored
660 661 662 663
        }
    }
}
664 665 666 667
.multipletab {
    #secondnav {
        display: block;
    }
668
669 670 671 672
    &.multiplenav {
        .content-wrapper, .right-side {
            padding-top: 94px;
        }
Karson authored
673 674 675 676

        #firstnav .nav-tabs {
            overflow: hidden;
        }
677 678
    }
}
679
680 681
.main-sidebar .sidebar-form {
    overflow: visible;
682
683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709
    .menuresult {
        z-index: 999;
        position: absolute;
        top: 34px;
        left: -1px;
        width: 100%;
        max-height: 250px;
        overflow: auto;
        margin: 0;
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;

        a {
            border-top: 1px solid #eee;
            display: block;
            background-color: #fff;
            border-bottom: 1px solid #eee;
            margin-bottom: -1px;
            display: block;
            padding: 10px 15px;
            color: #222d32;

            &:hover {
                background: #eee;
            }
        }
710
    }
Karson authored
711
}
712
Karson authored
713
.input-group .sp_result_area {
714
    width: 100%;
Karson authored
715
}
716 717

.sidebar-menu {
718 719 720 721
    &.show-submenu {
        .treeview-menu {
            display: block;
        }
Karson authored
722
    }
723
724 725 726
    > li .badge {
        margin-top: 0;
    }
727
728 729 730
    .treeview-menu > li > a {
        font-size: inherit;
    }
Karson authored
731
}
732
Karson authored
733
.sidebar-collapse {
734 735 736 737
    .user-panel > .image img {
        width: 25px;
        height: 25px;
    }
Karson authored
738 739
}
740
@media (min-width: 768px) {
741
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
Karson authored
742
        top: 42px;
743
    }
744
745 746 747 748
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
        top: 7px !important;
        height: 17px;
    }
Karson authored
749 750 751
}

.fieldlist dd {
752 753
    display: block;
    margin: 5px 0;
754
755 756 757 758
    input {
        display: inline-block;
        width: 300px;
    }
759
760 761 762
    input:first-child {
        width: 110px;
    }
763
764 765 766 767 768 769
    ins {
        width: 110px;
        display: inline-block;
        text-decoration: none;
        font-weight: bold;
    }
Karson authored
770 771
}
Karson authored
772 773
/* 弹窗中的表单 */
.form-layer {
774 775 776
    height: 100%;
    min-height: 150px;
    min-width: 300px;
777
778 779 780 781 782 783 784 785 786
    .form-body {
        width: 100%;
        overflow: auto;
        top: 0;
        position: absolute;
        z-index: 10;
        bottom: 50px;
        padding: 15px;
    }
787
788 789 790 791 792 793 794 795 796 797
    .form-footer {
        height: 50px;
        line-height: 50px;
        background-color: #ecf0f1;
        width: 100%;
        position: absolute;
        z-index: 200;
        bottom: 0;
        margin: 0;
    }
798
799 800 801 802
    .form-footer .form-group {
        margin-left: 0;
        margin-right: 0;
    }
Karson authored
803 804
}
Karson authored
805
#treeview {
806 807 808 809
    .jstree-container-ul .jstree-node {
        display: block;
        clear: both;
    }
810
811 812 813 814 815 816 817
    .jstree-leaf:not(:first-child) {
        float: left;
        background: none;
        margin-left: 0;
        min-width: 80px;
        clear: none;
    }
818
819 820 821 822 823 824 825 826
    .jstree-leaf {
        float: left;
        margin-left: 0;
        padding-left: 24px;
        min-width: 80px;
        clear: none;
        color: #777;
    }
827
828 829 830
    .jstree-leaf > .jstree-icon, .jstree-leaf .jstree-themeicon {
        display: none;
    }
831
832 833 834 835 836
    .jstree-last {
        background-image: url("../img/32px.png");
        background-position: -292px -4px;
        background-repeat: repeat-y;
    }
837
838 839 840
    .jstree-children {
        .clearfix();
    }
841
842 843 844
    .jstree-themeicon {
        display: none;
    }
Karson authored
845 846 847 848
}

/*去除bootstrap-table的边框*/
.fixed-table-container {
849
    border: none !important;
850
851 852 853
    tbody .selected td {
        background-color: rgba(216, 224, 230, .5);
    }
854 855 856 857

    .bs-checkbox {
        min-width: 36px;
    }
Karson authored
858 859
}
860 861
/*修复nice-validator新版下的一处BUG*/
.nice-validator {
862 863 864 865 866 867
    input, select, textarea, [contenteditable] {
        vertical-align: top;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
868 869
}
Karson authored
870
/*修复nice-validator和summernote的编辑框冲突*/
871
.nice-validator .note-editor .note-editing-area .note-editable {
872
    display: inherit;
Karson authored
873 874 875
}

/*预览区域*/
Karson authored
876
.plupload-preview, .faupload-preview {
877 878
    padding: 0 10px;
    margin-bottom: 0;
879
880 881 882
    li {
        margin-top: 15px;
    }
883
884 885 886
    .thumbnail {
        margin-bottom: 10px;
    }
887
888 889
    a {
        display: block;
890
891 892 893
        &:first-child {
            height: 90px;
        }
894
895 896 897 898
        img {
            height: 80px;
            object-fit: cover;
        }
899
    }
Karson authored
900 901 902
}

.pjax-loader-bar .progress {
903 904 905 906 907 908 909 910
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    background: #77b6ff;
    box-shadow: 0 0 10px rgba(119, 182, 255, 0.7);
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
Karson authored
911
}
912
Karson authored
913
.dropdown-menu.text-left {
914 915 916
    a, li {
        text-align: left !important;
    }
Karson authored
917
}
918 919

.bootstrap-table .fixed-table-toolbar .dropdown-menu {
920
    overflow: auto;
Karson authored
921
}
922
923
.bootstrap-table .fa-toggle-on.fa-2x {
924
    font-size: 1.86em;
925 926 927
}

.bootstrap-table .form-commonsearch .form-group {
928 929 930
    margin-left: 0;
    margin-right: 0;
    white-space: nowrap;
931
}
932 933

.toolbar {
934 935
    margin-top: 10px;
    margin-bottom: 10px;
Karson authored
936
}
937 938

.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
939
    line-height: inherit;
Karson authored
940
}
941 942

.fixed-table-toolbar .toolbar {
943 944
    margin-top: 0;
    margin-bottom: 0;
Karson authored
945 946 947
}

.bootstrap-table table tbody tr:first-child td .bs-checkbox {
948
    vertical-align: middle;
Karson authored
949
}
950
Karson authored
951
.bootstrap-table td.bs-checkbox {
952
    vertical-align: middle;
Karson authored
953
}
954
955
table.table-nowrap {
956 957 958
    tbody > tr > td, thead > tr > th {
        white-space: nowrap;
    }
959 960
}
961
.fixed-table-container thead th .sortable {
962
    padding-right: 0;
963
}
964
Karson authored
965
.dropdown-submenu {
966
    position: relative;
967
968
    > .dropdown-menu {
969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984
        overflow: auto;
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        .border-radius(0 6px 6px 6px);
    }

    &:hover {
        > .dropdown-menu {
            display: block;
        }

        > a:after {
            border-left-color: #fff;
        }
985
    }
986
987
    > a:after {
988 989 990 991 992 993 994 995 996 997 998
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
999
    }
1000
1001 1002
    &.pull-left {
        float: none;
1003
1004 1005 1006 1007 1008
        > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            .border-radius(6px 0 6px 6px);
        }
1009
    }
Karson authored
1010 1011 1012 1013
}

/*重写toast的几个背景色*/
.toast-primary {
1014
    background-color: #48c9b0 !important;
Karson authored
1015
}
1016
Karson authored
1017
.toast-success {
1018
    background-color: #18bc9c !important;
Karson authored
1019
}
1020
Karson authored
1021
.toast-error {
1022
    background-color: #e74c3c !important;
Karson authored
1023
}
1024
Karson authored
1025
.toast-info {
1026
    background-color: #5dade2 !important;
Karson authored
1027
}
1028
Karson authored
1029
.toast-warning {
1030
    background-color: #f1c40f !important;
Karson authored
1031
}
1032
Karson authored
1033
.toast-inverse {
1034
    background-color: #34495e !important;
Karson authored
1035
}
1036
Karson authored
1037
.toast-default {
1038
    background-color: #bdc3c7 !important;
Karson authored
1039
}
1040 1041

#toast-container {
1042 1043 1044
    > div, > div:hover {
        .box-shadow(0 0 3px #eee);
    }
Karson authored
1045
}
1046
Karson authored
1047 1048
.layui-layer-fast {
1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063
    .layui-layer-title {
        background: #2c3e50 !important;
        color: #fff !important;
        border-bottom: none;
        //只有当包含layui-layer-title标题时才显示按钮
        ~ .layui-layer-setwin {
            top: 0px;
            height: 42px;

            > a {
                height: 42px;
                line-height: 42px;
                display: inline-block;
            }
        }
Karson authored
1064 1065
    }
1066 1067 1068 1069
    &.layui-layer-border {
        border: none !important;
        box-shadow: 1px 1px 50px rgba(0, 0, 0, .3) !important;
    }
1070
1071 1072 1073
    &.layui-layer-iframe {
        //overflow:hidden!important;
        overflow: visible;
1074
    }
1075
1076 1077
    .layui-layer-moves {
        .box-sizing(content-box);
1078
    }
1079
1080
    /*自定义底部灰色操作区*/
1081
1082 1083 1084 1085 1086
    .layui-layer-btn {
        text-align: center !important;
        padding: 10px !important;
        background: #ecf0f1;
        overflow: hidden;
1087
1088 1089 1090 1091 1092 1093 1094 1095
        a {
            background-color: #95a5a6;
            border-color: #95a5a6;
            color: #fff !important;
            height: 31px;
            margin-top: 0;
            border: 1px solid transparent;
        }
1096
1097 1098 1099 1100 1101
        .layui-layer-btn0 {
            background-color: #18bc9c;
            border-color: #18bc9c;
        }
    }
1102
1103 1104 1105 1106 1107
    .layui-layer-footer {
        padding: 8px 20px;
        background-color: #ecf0f1;
        height: auto;
        text-align: inherit !important;
1108
    }
1109
1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139
    .layui-layer-setwin {
        > a {
            background: none !important;

            cite {
                display: none;
            }

            &:after {
                content: "\e625";
                font-family: iconfont;
                font-style: normal;
                font-weight: normal;
                text-decoration: inherit;
                position: absolute;
                font-size: 18px;
                color: #fff;
                margin: 0;
                z-index: 1;
            }

            &:hover {
                text-decoration: none !important;
                background: none !important;
            }

            &:focus {
                text-decoration: none !important;
            }
        }
1140
1141 1142
        .layui-layer-min {
            display: none;
1143
1144 1145 1146 1147
            &:after {
                content: "\e625";
            }
        }
1148
1149 1150
        .layui-layer-max {
            display: none;
1151
1152 1153 1154 1155
            &:after {
                content: "\e623";
            }
        }
1156
1157 1158
        .layui-layer-maxmin {
            display: none;
1159
1160 1161 1162 1163
            &:after {
                content: "\e624";
            }
        }
1164
1165 1166 1167 1168 1169
        .layui-layer-close1 {
            &:after {
                content: "\e626";
            }
        }
1170
1171 1172 1173 1174 1175 1176 1177 1178 1179 1180
        //样式二关闭按钮
        .layui-layer-close2, .layui-layer-close2:hover {
            background: url('../libs/fastadmin-layer/dist/theme/default/icon.png') no-repeat -149px -31px !important;
            top: -30px;
            right: -30px;

            &:after {
                display: none;
            }
        }
Karson authored
1181 1182
    }
}
1183
1184
.layui-layer-content {
1185
    clear: both;
1186
}
1187
1188
.layui-layer-fast-msg {
1189
    min-width: 100px;
1190 1191 1192
}

.layui-layer-fast-tab {
1193 1194 1195 1196
    .layui-layer-title {
        .layui-this {
            color: #333;
        }
1197
    }
1198
1199 1200 1201 1202 1203
    .layui-layer-content {
        .layui-layer-tabmain {
            margin: 0;
            padding: 0;
        }
1204
    }
1205
}
Karson authored
1206
Karson authored
1207
.input-group > .msg-box.n-right {
1208
    position: absolute;
Karson authored
1209
}
1210 1211

@media (min-width: 564px) {
1212 1213 1214
    body.is-dialog .daterangepicker {
        min-width: 130px;
    }
1215
1216 1217 1218
    body.is-dialog .daterangepicker .ranges ul {
        width: 130px;
    }
1219
}
Karson authored
1220 1221 1222

/*手机版样式*/
@media (max-width: @screen-phone) {
1223 1224 1225 1226
    #firstnav {
        .nav-addtabs {
            //display: none;
        }
1227
1228 1229 1230 1231 1232 1233
        .navbar-custom-menu {
            ul li a {
                padding-left: 10px;
                padding-right: 10px;
            }
        }
1234
1235 1236 1237
        .navbar-nav > .user-menu .user-image {
            margin-top: -3px;
        }
1238 1239
    }
1240
    .fixed-table-toolbar {
Karson authored
1241 1242 1243 1244 1245
        > .bs-bars {
            float: none !important;
        }

        .toolbar {
Karson authored
1246
            a.btn-refresh, a.btn-del, a.btn-add, a.btn-edit, a.btn-import, a.btn-more, a.btn-recyclebin, .btn-mini-xs {
Karson authored
1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257
                font-size: 0;

                .fa {
                    font-size: initial;
                }
            }
        }

        .search {
            max-width: 110px;
            float: left !important;
1258
        }
1259 1260
    }
1261
    .fixed .content-wrapper, .fixed .right-side {
1262
        padding-top: 50px;
1263 1264
    }
1265 1266 1267
    .main-sidebar, .left-side {
        padding-top: 144px;
    }
1268
Karson authored
1269
}
1270
Karson authored
1271
/*平板样式*/
1272
@media (max-width: @screen-xs-max) {
Karson authored
1273
Karson authored
1274
    .wrapper .main-header .logo {
1275 1276 1277 1278 1279 1280 1281
        border-bottom: 0 solid transparent;
        position: absolute;
        top: 0;
        z-index: 1200;
        width: 130px;
        left: 50%;
        margin-left: -65px;
1282
    }
1283
Karson authored
1284
    .sidebar .mobilenav a.btn-app {
1285 1286 1287 1288
        color: #444;
        width: 100px;
        height: 70px;
        font-size: 13px;
Karson authored
1289 1290
        border: none;
        background: #fff;
1291
1292 1293
        i.fa {
            font-size: 24px;
1294
            display: inline-block;
1295
        }
1296
1297 1298 1299 1300
        span {
            margin-top: 5px;
            display: block;
        }
1301
1302 1303 1304
        &.active {
            color: #222d32;
        }
1305
    }
1306
Karson authored
1307
    .wrapper .main-header .navbar .dropdown-menu li {
1308 1309
        > a {
            color: #333;
1310
1311 1312 1313 1314
            &:hover {
                background: #eee;
            }
        }
1315
1316 1317
        &.active > a {
            color: #fff;
1318
1319 1320 1321 1322 1323
            &:hover {
                background: #222d32
            }
        }
    }
1324
1325 1326
    .main-sidebar, .left-side {
        padding-top: 50px;
1327
    }
1328
Karson authored
1329
    .multipletab.multiplenav {
Karson authored
1330 1331 1332 1333 1334
        .main-sidebar {
            padding-top: 95px;
        }
    }
1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353
    .n-bootstrap {
        .n-right {
            margin-top: 0;
            top: -20px;
            position: absolute;
            left: 0;
            text-align: right;
            width: 100%;

            .msg-wrap {
                position: relative;
            }
        }

        .col-xs-12 > .n-right {
            .msg-wrap {
                margin-right: 15px;
            }
        }
1354
    }
Karson authored
1355 1356 1357 1358
}

/*修复radio和checkbox样式对齐*/
.radio, .checkbox {
1359 1360
    > label {
        margin-right: 10px;
1361
1362 1363 1364
        > input {
            margin: 2px 0 0;
        }
Karson authored
1365
    }
1366 1367 1368
}

.wipecache li a {
1369
    color: #444444 !important;
1370 1371 1372 1373
}

/*修正开关关闭下的颜色值*/
.btn-switcher {
1374 1375 1376 1377
    &.disabled {
        opacity: .6;
        cursor: not-allowed;
    }
1378
1379 1380 1381
    .text-gray {
        color: #d2d6de !important;
    }
1382
}
1383 1384

.jumpto input {
1385 1386 1387 1388 1389 1390
    height: 31px;
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
1391 1392
}
1393 1394 1395 1396
.fixed-columns, .fixed-columns-right {
    position: absolute;
    top: 0;
    height: 100%;
1397
    min-height: 41px;
1398 1399
    background-color: #fff;
    box-sizing: border-box;
Karson authored
1400
    z-index: 2;
1401
    box-shadow: 0 -1px 8px rgba(0, 0, 0, .08);
1402 1403 1404 1405 1406 1407

    .fixed-table-body {
        min-height: 41px;
        overflow-x: hidden !important
    }
1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434
}

.fixed-columns {
    left: 0;
}

.fixed-columns-right {
    right: 0;
    box-shadow: -1px 0 8px rgba(0, 0, 0, .08);
}

.fix-sticky {
    position: fixed;
    z-index: 100;

    thead {
        background: #fff;

        th, th:first-child {
            border-left: 0;
            border-right: 0;
            border-bottom: 1px solid #eee;
            border-radius: 0;
        }
    }
}
1435
.sidebar-menu li.treeview-open > a > .fa-angle-left, .sidebar-menu li.treeview-open > a > .pull-right-container > .fa-angle-left {
1436 1437 1438 1439
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
1440
}
Karson authored
1441