View | Details | Raw Unified | Return to bug 37707
Collapse All | Expand All

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-444 / +589 lines)
Lines 75-81 $enable-dark-mode: false; Link Here
75
        $default-bs-btn-disabled-bg,
75
        $default-bs-btn-disabled-bg,
76
        $default-bs-btn-disabled-border-color,
76
        $default-bs-btn-disabled-border-color,
77
        $default-bs-btn-disabled-color
77
        $default-bs-btn-disabled-color
78
    )
78
    );
79
}
79
}
80
80
81
.badge {
81
.badge {
Lines 86-92 $enable-dark-mode: false; Link Here
86
86
87
::selection {
87
::selection {
88
    background: $background-color-primary;
88
    background: $background-color-primary;
89
    color: #FFFFFF;
89
    color: #ffffff;
90
}
90
}
91
91
92
.page-link {
92
.page-link {
Lines 136-161 a { Link Here
136
    }
136
    }
137
137
138
    &.authlink {
138
    &.authlink {
139
        background-color: #E3F1DF;
139
        background-color: #e3f1df;
140
        border-radius: 5px;
140
        border-radius: 5px;
141
        display: inline-block;
141
        display: inline-block;
142
        padding: 2px 4px;
142
        padding: 2px 4px;
143
    }
143
    }
144
144
145
    &.edit-patronimage {
145
    &.edit-patronimage {
146
        background-color: #E6E6E6;
146
        background-color: #e6e6e6;
147
        border-color: #ADADAD;
147
        border-color: #adadad;
148
        color: #333;
148
        color: #333;
149
149
150
        &:hover {
150
        &:hover {
151
            background-color: #DADADA;
151
            background-color: #dadada;
152
            color: #333;
152
            color: #333;
153
            text-decoration: none;
153
            text-decoration: none;
154
        }
154
        }
155
    }
155
    }
156
156
157
    &.cartRemove {
157
    &.cartRemove {
158
        color: #CC3333;
158
        color: #cc3333;
159
        font-size: 90%;
159
        font-size: 90%;
160
        margin: 0;
160
        margin: 0;
161
        padding: 0;
161
        padding: 0;
Lines 167-173 a { Link Here
167
        vertical-align: middle;
167
        vertical-align: middle;
168
168
169
        &:hover {
169
        &:hover {
170
            color: lighten( $warning-text-color, 35% );
170
            color: lighten($warning-text-color, 35%);
171
            text-decoration: none;
171
            text-decoration: none;
172
        }
172
        }
173
    }
173
    }
Lines 218-224 a { Link Here
218
    }
218
    }
219
219
220
    &.csv {
220
    &.csv {
221
        background-image: url( "../img/famfamfam/silk/page_white_excel.png" );
221
        background-image: url("../img/famfamfam/silk/page_white_excel.png");
222
    }
222
    }
223
223
224
    &.dropdown-toggle {
224
    &.dropdown-toggle {
Lines 248-261 a { Link Here
248
248
249
    .localimage {
249
    .localimage {
250
        img {
250
        img {
251
            border: 1px solid #0000CC;
251
            border: 1px solid #0000cc;
252
            margin: 0 .5em;
252
            margin: 0 0.5em;
253
            padding: .3em;
253
            padding: 0.3em;
254
        }
254
        }
255
    }
255
    }
256
256
257
    &.pdf {
257
    &.pdf {
258
        background-image: url( "../img/famfamfam/silk/page_white_acrobat.png" );
258
        background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
259
    }
259
    }
260
260
261
    &.submit {
261
    &.submit {
Lines 273-279 a { Link Here
273
    }
273
    }
274
274
275
    &.xml {
275
    &.xml {
276
        background-image: url( "../img/famfamfam/silk/page_white_code.png" );
276
        background-image: url("../img/famfamfam/silk/page_white_code.png");
277
    }
277
    }
278
278
279
    &.ctrl_link {
279
    &.ctrl_link {
Lines 282-323 a { Link Here
282
    }
282
    }
283
}
283
}
284
284
285
286
#resetZ3950Search {
285
#resetZ3950Search {
287
    font-size: 110%;
286
    font-size: 110%;
288
    color: $green-text-color;
287
    color: $green-text-color;
289
}
288
}
290
289
291
.alert-message {
290
.alert-message {
292
    --bs-alert-color: var( --bs-info-text-emphasis );
291
    --bs-alert-color: var(--bs-info-text-emphasis);
293
    --bs-alert-bg: var( --bs-info-bg-subtle );
292
    --bs-alert-bg: var(--bs-info-bg-subtle);
294
    --bs-alert-border-color: var( --bs-info-border-subtle );
293
    --bs-alert-border-color: var(--bs-info-border-subtle);
295
    --bs-alert-link-color: var( --bs-info-text-emphasis );
294
    --bs-alert-link-color: var(--bs-info-text-emphasis);
296
}
295
}
297
296
298
.alert-alert {
297
.alert-alert {
299
    --bs-alert-color: var( --bs-warning-text-emphasis );
298
    --bs-alert-color: var(--bs-warning-text-emphasis);
300
    --bs-alert-bg: var( --bs-warning-bg-subtle );
299
    --bs-alert-bg: var(--bs-warning-bg-subtle);
301
    --bs-alert-border-color: var( --bs-warning-border-subtle );
300
    --bs-alert-border-color: var(--bs-warning-border-subtle);
302
    --bs-alert-link-color: var( --bs-warning-text-emphasis );
301
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
303
}
302
}
304
303
305
.alert-error {
304
.alert-error {
306
    --bs-alert-color: var( --bs-danger-text-emphasis );
305
    --bs-alert-color: var(--bs-danger-text-emphasis);
307
    --bs-alert-bg: var( --bs-danger-bg-subtle );
306
    --bs-alert-bg: var(--bs-danger-bg-subtle);
308
    --bs-alert-border-color: var( --bs-danger-border-subtle );
307
    --bs-alert-border-color: var(--bs-danger-border-subtle);
309
    --bs-alert-link-color: var( --bs-danger-text-emphasis );
308
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
310
}
309
}
311
310
312
aside {
311
aside {
313
    h5 {
312
    h5 {
314
        font-size: 100%;
313
        font-size: 100%;
315
        margin: .5em 0;
314
        margin: 0.5em 0;
316
    }
315
    }
317
316
318
    fieldset {
317
    fieldset {
319
        &.brief {
318
        &.brief {
320
            padding: .4em .7em;
319
            padding: 0.4em 0.7em;
321
320
322
            button + button,
321
            button + button,
323
            input + input {
322
            input + input {
Lines 325-334 aside { Link Here
325
            }
324
            }
326
325
327
            fieldset {
326
            fieldset {
328
                border-left: 2px solid #CCC;
327
                border-left: 2px solid #ccc;
329
                border-radius: 0;
328
                border-radius: 0;
330
                margin: .5em 0;
329
                margin: 0.5em 0;
331
                padding: .5em;
330
                padding: 0.5em;
332
331
333
                legend {
332
                legend {
334
                    font-size: 95%;
333
                    font-size: 95%;
Lines 338-356 aside { Link Here
338
                &.action {
337
                &.action {
339
                    border: 0;
338
                    border: 0;
340
                    margin-left: 0;
339
                    margin-left: 0;
341
                    padding: .5em 0;
340
                    padding: 0.5em 0;
342
                }
341
                }
343
            }
342
            }
344
343
345
            input[type="text"],
344
            input[type="text"],
346
            select {
345
            select {
347
                height: calc( 1.5em + .75rem + 2px );
346
                height: calc(1.5em + 0.75rem + 2px);
348
            }
347
            }
349
348
350
            label {
349
            label {
351
                color: #696969;
350
                color: #696969;
352
                display: block;
351
                display: block;
353
                margin: .5em 0;
352
                margin: 0.5em 0;
354
353
355
                input {
354
                input {
356
                    &[type="checkbox"],
355
                    &[type="checkbox"],
Lines 384-393 aside { Link Here
384
                }
383
                }
385
384
386
                &.radio {
385
                &.radio {
387
                    padding: .7em 0;
386
                    padding: 0.7em 0;
388
387
389
                    input {
388
                    input {
390
                        padding: .3em 0;
389
                        padding: 0.3em 0;
391
                    }
390
                    }
392
391
393
                    label {
392
                    label {
Lines 414-424 aside { Link Here
414
413
415
            .flatpickr-input {
414
            .flatpickr-input {
416
                margin-right: 3px;
415
                margin-right: 3px;
417
                width: calc( 100% - 20px );
416
                width: calc(100% - 20px);
418
            }
417
            }
419
418
420
            & + .action {
419
            & + .action {
421
                background-color: #FFF;
420
                background-color: #fff;
422
                margin-left: 0;
421
                margin-left: 0;
423
                padding: 1rem;
422
                padding: 1rem;
424
            }
423
            }
Lines 438-444 aside { Link Here
438
}
437
}
439
438
440
.sidebar_menu {
439
.sidebar_menu {
441
    background-color: #E6E6E6;
440
    background-color: #e6e6e6;
442
    display: block;
441
    display: block;
443
    padding: 1em 0 1em 0;
442
    padding: 1em 0 1em 0;
444
443
Lines 447-453 aside { Link Here
447
        font-size: 1.3em;
446
        font-size: 1.3em;
448
        font-weight: bold;
447
        font-weight: bold;
449
        margin-top: 0;
448
        margin-top: 0;
450
        padding-left: .5em;
449
        padding-left: 0.5em;
451
    }
450
    }
452
451
453
    ul {
452
    ul {
Lines 455-465 aside { Link Here
455
        padding-left: 0;
454
        padding-left: 0;
456
455
457
        ul {
456
        ul {
458
            background-color: #F3F4F4;
457
            background-color: #f3f4f4;
459
458
460
            li {
459
            li {
461
                a {
460
                a {
462
                    padding: .5em .3em .5em 1.3rem;
461
                    padding: 0.5em 0.3em 0.5em 1.3rem;
463
                }
462
                }
464
            }
463
            }
465
        }
464
        }
Lines 471-491 aside { Link Here
471
                border-left: 5px solid transparent;
470
                border-left: 5px solid transparent;
472
                color: #000;
471
                color: #000;
473
                display: block;
472
                display: block;
474
                padding: .7em .3em .7em 1rem;
473
                padding: 0.7em 0.3em 0.7em 1rem;
475
                text-decoration: none;
474
                text-decoration: none;
476
            }
475
            }
477
476
478
            &.active > a,
477
            &.active > a,
479
            a:hover,
478
            a:hover,
480
            a.current {
479
            a.current {
481
                background-color: #F3F4F4;
480
                background-color: #f3f4f4;
482
                border-left: solid 5px $background-color-primary;
481
                border-left: solid 5px $background-color-primary;
483
                color: $green-text-color;
482
                color: $green-text-color;
484
                font-weight: bold;
483
                font-weight: bold;
485
                text-decoration: none;
484
                text-decoration: none;
486
            }
485
            }
487
486
488
            a:hover:not( .current ) {
487
            a:hover:not(.current) {
489
                border-left: solid 5px $background-color-secondary;
488
                border-left: solid 5px $background-color-secondary;
490
                font-weight: normal;
489
                font-weight: normal;
491
            }
490
            }
Lines 540-547 div { Link Here
540
        border: 0;
539
        border: 0;
541
        clear: both;
540
        clear: both;
542
        float: none;
541
        float: none;
543
        margin: .9em 0 0;
542
        margin: 0.9em 0 0;
544
        padding: .4em;
543
        padding: 0.4em;
545
        width: auto;
544
        width: auto;
546
    }
545
    }
547
546
Lines 550-559 div { Link Here
550
    }
549
    }
551
550
552
    .circmessage {
551
    .circmessage {
553
        padding: .4em;
552
        padding: 0.4em;
554
553
555
        .circmessage {
554
        .circmessage {
556
            margin-bottom: .3em;
555
            margin-bottom: 0.3em;
557
        }
556
        }
558
    }
557
    }
559
558
Lines 564-570 div { Link Here
564
    }
563
    }
565
564
566
    &.help {
565
    &.help {
567
        margin: .9em 0 0;
566
        margin: 0.9em 0 0;
568
    }
567
    }
569
568
570
    &.justify {
569
    &.justify {
Lines 576-582 div { Link Here
576
            &.fa-exclamation {
575
            &.fa-exclamation {
577
                color: $warning-text-color;
576
                color: $warning-text-color;
578
                font-style: italic;
577
                font-style: italic;
579
                padding: 0 .3em;
578
                padding: 0 0.3em;
580
            }
579
            }
581
        }
580
        }
582
    }
581
    }
Lines 584-590 div { Link Here
584
    &.required {
583
    &.required {
585
        color: $warning-text-color;
584
        color: $warning-text-color;
586
        font-style: italic;
585
        font-style: italic;
587
        margin-left: .5em;
586
        margin-left: 0.5em;
588
    }
587
    }
589
588
590
    // Tools > automatic_item_modification_by_age
589
    // Tools > automatic_item_modification_by_age
Lines 593-622 div { Link Here
593
    }
592
    }
594
593
595
    &[class$="_table_controls"] {
594
    &[class$="_table_controls"] {
596
        padding: .7em 0;
595
        padding: 0.7em 0;
597
596
598
        .btn-link {
597
        .btn-link {
599
            font-size: unset;
598
            font-size: unset;
600
            padding: 0 .5rem;
599
            padding: 0 0.5rem;
601
        }
600
        }
602
    }
601
    }
603
602
604
    &.results {
603
    &.results {
605
        padding: .7em 0;
604
        padding: 0.7em 0;
606
    }
605
    }
607
606
608
    &.rule {
607
    &.rule {
609
        background-color: #F4F8F9;
608
        background-color: #f4f8f9;
610
        border: 2px solid #BFD9B9;
609
        border: 2px solid #bfd9b9;
611
        border-radius: 5px;
610
        border-radius: 5px;
612
        margin: .3em;
611
        margin: 0.3em;
613
        padding: .3em;
612
        padding: 0.3em;
614
    }
613
    }
615
614
616
    &.lastchecked {
615
    &.lastchecked {
617
        background-color: #FFF;
616
        background-color: #fff;
618
        border: 2px solid #BCDB89;
617
        border: 2px solid #bcdb89;
619
        padding: .2em 1em;
618
        padding: 0.2em 1em;
620
    }
619
    }
621
620
622
    &.listgroup {
621
    &.listgroup {
Lines 633-639 div { Link Here
633
632
634
    &.sysprefs {
633
    &.sysprefs {
635
        h3 {
634
        h3 {
636
            margin: .2em 0 .2em .4em;
635
            margin: 0.2em 0 0.2em 0.4em;
637
        }
636
        }
638
637
639
        dl {
638
        dl {
Lines 642-649 div { Link Here
642
641
643
        &.hint {
642
        &.hint {
644
            float: right;
643
            float: right;
645
            margin: .7em;
644
            margin: 0.7em;
646
            padding: .5em;
645
            padding: 0.5em;
647
            width: 25%;
646
            width: 25%;
648
        }
647
        }
649
    }
648
    }
Lines 655-674 div { Link Here
655
654
656
        + div {
655
        + div {
657
            &.rows {
656
            &.rows {
658
                margin-top: .6em;
657
                margin-top: 0.6em;
659
            }
658
            }
660
        }
659
        }
661
660
662
        li {
661
        li {
663
            border-bottom: 1px solid #EEE;
662
            border-bottom: 1px solid #eee;
664
            list-style-type: none;
663
            list-style-type: none;
665
            padding: .275em;
664
            padding: 0.275em;
666
            width: 100%;
665
            width: 100%;
667
        }
666
        }
668
667
669
        ol {
668
        ol {
670
            list-style-type: none;
669
            list-style-type: none;
671
            padding: .5em 1em 0 0;
670
            padding: 0.5em 1em 0 0;
672
671
673
            li {
672
            li {
674
                li {
673
                li {
Lines 696-702 div { Link Here
696
    }
695
    }
697
696
698
    .browse {
697
    .browse {
699
        margin: .5em 0;
698
        margin: 0.5em 0;
700
    }
699
    }
701
}
700
}
702
701
Lines 726-732 body { Link Here
726
    padding: 0;
725
    padding: 0;
727
    text-align: left;
726
    text-align: left;
728
727
729
    &:has( nav.fixed-bottom ) {
728
    &:has(nav.fixed-bottom) {
730
        padding-bottom: 6rem;
729
        padding-bottom: 6rem;
731
    }
730
    }
732
731
Lines 767-781 form { Link Here
767
766
768
        .notification_method,
767
        .notification_method,
769
        #main_contact_method {
768
        #main_contact_method {
770
            background-color: #FFE;
769
            background-color: #ffe;
771
            border: 1px solid #CCC;
770
            border: 1px solid #ccc;
772
            border-radius: 5px;
771
            border-radius: 5px;
773
            display: inline-block;
772
            display: inline-block;
774
            margin: .5em 0;
773
            margin: 0.5em 0;
775
            padding: .1em .3em;
774
            padding: 0.1em 0.3em;
776
775
777
            &.none {
776
            &.none {
778
                background-color: #EEE;
777
                background-color: #eee;
779
            }
778
            }
780
        }
779
        }
781
780
Lines 787-801 form { Link Here
787
}
786
}
788
787
789
td .main_contact_method {
788
td .main_contact_method {
790
    background-color: #FFE;
789
    background-color: #ffe;
791
    border: 1px solid #CCC;
790
    border: 1px solid #ccc;
792
    border-radius: 5px;
791
    border-radius: 5px;
793
    display: inline-block;
792
    display: inline-block;
794
    margin: .5em 0;
793
    margin: 0.5em 0;
795
    padding: .1em .3em;
794
    padding: 0.1em 0.3em;
796
795
797
    &.none {
796
    &.none {
798
        background-color: #EEE;
797
        background-color: #eee;
799
    }
798
    }
800
}
799
}
801
800
Lines 829-835 h3, Link Here
829
h4,
828
h4,
830
h5,
829
h5,
831
h6 {
830
h6 {
832
    margin: .5em 0;
831
    margin: 0.5em 0;
833
}
832
}
834
833
835
hr {
834
hr {
Lines 861-874 textarea { Link Here
861
860
862
input {
861
input {
863
    &[type="submit"] {
862
    &[type="submit"] {
864
        padding: .5em 1em;
863
        padding: 0.5em 1em;
865
    }
864
    }
866
865
867
    &[type="reset"],
866
    &[type="reset"],
868
    &[type="button"] {
867
    &[type="button"] {
869
        @include default-button;
868
        @include default-button;
870
869
871
        padding: .5em 1em;
870
        padding: 0.5em 1em;
872
    }
871
    }
873
872
874
    &[type="checkbox"],
873
    &[type="checkbox"],
Lines 878-909 input { Link Here
878
    }
877
    }
879
878
880
    &.submit {
879
    &.submit {
881
        padding: .5em 1em;
880
        padding: 0.5em 1em;
882
    }
881
    }
883
}
882
}
884
883
885
$dayLeadBackground: #fad2cf !default;
884
$dayLeadBackground: #fad2cf !default;
886
$dayTrailBackground: #fcdcb3 !default;
885
$dayTrailBackground: #fcdcb3 !default;
886
$existingLeadBackground: #e8f0d4 !default;
887
$existingTrailBackground: #d0e6f5 !default;
888
$trailClashLead: #d0f0e0 !default;
889
$leadClashTrail: #e5d4f5 !default;
887
.flatpickr-day {
890
.flatpickr-day {
888
889
    &.leadRangeStart {
891
    &.leadRangeStart {
890
        border-radius: 50px 0 0 50px;
892
        border-radius: 50px 0 0 50px;
891
    }
893
    }
892
894
893
    &.leadRange {
895
    &.leadRange {
894
        box-shadow: -2.5 * $dayMargin 0 0 $dayLeadBackground, 2.5 * $dayMargin 0 0 $dayLeadBackground;
896
        box-shadow:
897
            -2.5 * $dayMargin 0 0 $dayLeadBackground,
898
            2.5 * $dayMargin 0 0 $dayLeadBackground;
895
        background: $dayLeadBackground;
899
        background: $dayLeadBackground;
896
        &.flatpickr-disabled {
900
        &.flatpickr-disabled {
897
            $darkLeadBackground: darken($dayLeadBackground, 10);
901
            $darkLeadBackground: darken($dayLeadBackground, 10);
898
            box-shadow: -2.5 * $dayMargin 0 0 $darkLeadBackground, 2.5 * $dayMargin 0 0 $darkLeadBackground;
902
            box-shadow:
903
                -2.5 * $dayMargin 0 0 $darkLeadBackground,
904
                2.5 * $dayMargin 0 0 $darkLeadBackground;
899
            background: $darkLeadBackground;
905
            background: $darkLeadBackground;
900
        }
906
        }
901
    }
907
    }
902
908
903
    &.selected {
909
    &.selected {
904
       &.leadRangeEnd {
910
        &.leadRangeEnd {
905
           border-radius: 0;
911
            border-radius: 0;
906
       }
912
        }
907
    }
913
    }
908
914
909
    &:hover,
915
    &:hover,
Lines 914-924 $dayTrailBackground: #fcdcb3 !default; Link Here
914
    }
920
    }
915
921
916
    &.trailRange {
922
    &.trailRange {
917
        box-shadow: -2.5 * $dayMargin 0 0 $dayTrailBackground, 2.5 * $dayMargin 0 0 $dayTrailBackground;
923
        box-shadow:
924
            -2.5 * $dayMargin 0 0 $dayTrailBackground,
925
            2.5 * $dayMargin 0 0 $dayTrailBackground;
918
        background: $dayTrailBackground;
926
        background: $dayTrailBackground;
919
        &.flatpickr-disabled {
927
        &.flatpickr-disabled {
920
            $darkTrailBackground: darken($dayTrailBackground, 10);
928
            $darkTrailBackground: darken($dayTrailBackground, 10);
921
            box-shadow: -2.5 * $dayMargin 0 0 $darkTrailBackground, 2.5 * $dayMargin 0 0 $darkTrailBackground;
929
            box-shadow:
930
                -2.5 * $dayMargin 0 0 $darkTrailBackground,
931
                2.5 * $dayMargin 0 0 $darkTrailBackground;
922
            background: $darkTrailBackground;
932
            background: $darkTrailBackground;
923
        }
933
        }
924
    }
934
    }
Lines 928-974 $dayTrailBackground: #fcdcb3 !default; Link Here
928
    }
938
    }
929
939
930
    &.leadDisable {
940
    &.leadDisable {
931
        color: #aaa !important;  /* Gray out the text */
941
        color: #aaa !important; /* Gray out the text */
932
        background: #f5f5f5 !important;  /* Light background */
942
        background: #f5f5f5 !important; /* Light background */
933
        cursor: not-allowed !important;
943
        cursor: not-allowed !important;
934
    }
944
    }
935
945
936
    &.trailDisable {
946
    &.trailDisable {
937
        color: #aaa !important;  /* Gray out the text */
947
        color: #aaa !important; /* Gray out the text */
938
        background: #f5f5f5 !important;  /* Light background */
948
        background: #f5f5f5 !important; /* Light background */
939
        cursor: not-allowed !important;
949
        cursor: not-allowed !important;
940
    }
950
    }
941
951
942
    /* BIDIRECTIONAL ENHANCEMENT: Visual indicators for existing bookings' protected periods */
952
    /* BIDIRECTIONAL ENHANCEMENT: Visual indicators for existing bookings' protected periods */
953
954
    /* Existing booking's lead period (pastel green - preparation time before their booking) */
955
    &.existingBookingLeadStart {
956
        border-radius: 50px 0 0 50px;
957
958
        /* Remove right rounding if it meets new booking trail start */
959
        &.trailRange {
960
            border-radius: 0;
961
        }
962
963
        /* Special case: leadRangeEnd + trailRangeStart on existingBookingLeadStart */
964
        /* Left shadow should be pink to match the leadRange to the left */
965
        &.leadRangeEnd.trailRangeStart {
966
            box-shadow:
967
                -2.5 * $dayMargin 0 0 $dayLeadBackground,
968
                2.5 * $dayMargin 0 0 $existingLeadBackground !important;
969
        }
970
971
        /* Special case: trailRangeEnd on existingBookingLeadStart */
972
        /* Right shadow should be pastel green to match the existingBookingLead to the right */
973
        &.trailRangeEnd {
974
            background: $existingLeadBackground !important; /* Green base fills the corners */
975
            border-radius: 0 !important; /* Right-side radius */
976
            position: relative;
977
            z-index: 1;
978
979
            box-shadow:
980
                -2.5 * $dayMargin 0 0 $trailClashLead,
981
                2.5 * $dayMargin 0 0 $existingLeadBackground !important;
982
983
            &::before {
984
                content: "";
985
                position: absolute;
986
                top: 0;
987
                left: -1px;
988
                right: 0px;
989
                bottom: 0;
990
                background: $trailClashLead; /* Olive collision color */
991
                border-radius: 0 50px 50px 0;
992
                z-index: -1;
993
            }
994
995
            display: flex;
996
            align-items: center;
997
            justify-content: center;
998
        }
999
    }
1000
943
    &.existingBookingLead {
1001
    &.existingBookingLead {
944
        /* Existing booking's lead period (preparation time before their booking starts) */
1002
        background: $existingLeadBackground; /* Pastel green */
945
        /* Use diagonal stripes to distinguish from new booking's lead period */
1003
        box-shadow:
946
        background: repeating-linear-gradient(
1004
            -2.5 * $dayMargin 0 0 $existingLeadBackground,
947
            45deg,
1005
            2.5 * $dayMargin 0 0 $existingLeadBackground;
948
            #e6d4f5,
1006
    }
949
            #e6d4f5 10px,
1007
950
            #f0e6f8 10px,
1008
    /* New booking trail overlaps with existing booking lead */
951
            #f0e6f8 20px
1009
    &.trailRange.existingBookingLead {
952
        );
1010
        background: $trailClashLead !important; /* Light olive (orange + green merge) */
953
        opacity: 0.7;
1011
        box-shadow:
1012
            -2.5 * $dayMargin 0 0 $trailClashLead,
1013
            2.5 * $dayMargin 0 0 $trailClashLead;
1014
    }
1015
1016
    &.trailRangeEnd.existingBookingLead {
1017
        background: $existingLeadBackground !important; /* Base fills corners with Existing Lead Green */
1018
        border-radius: 0 !important;
1019
        position: relative;
1020
        z-index: 1;
1021
1022
        /* Shadows: Left matches the previous zone, Right matches the Green zone */
1023
        box-shadow:
1024
            -2.5 * $dayMargin 0 0 $trailClashLead,
1025
            2.5 * $dayMargin 0 0 $existingLeadBackground !important;
1026
1027
        &::before {
1028
            content: "";
1029
            position: absolute;
1030
            top: 0;
1031
            right: 0;
1032
            left: -1px;
1033
            bottom: 0;
1034
            background: $trailClashLead; /* Light olive overlap color */
1035
            border-radius: 0 50px 50px 0;
1036
            z-index: -1;
1037
        }
1038
1039
        display: flex;
1040
        align-items: center;
1041
        justify-content: center;
1042
    }
1043
1044
    /* Existing booking's trail period (pastel blue - processing time after their booking) */
1045
    &.existingBookingTrailEnd {
1046
        border-radius: 0 50px 50px 0;
1047
1048
        /* Remove left rounding if it meets new booking lead end */
1049
        &.leadRange {
1050
            border-radius: 0;
1051
        }
1052
1053
        /* Special case: leadRangeEnd + trailRangeStart on existingBookingTrailEnd */
1054
        /* Left shadow should be lavender to match the leadRange.existingBookingTrail to the left */
1055
        &.leadRangeEnd.trailRangeStart {
1056
            box-shadow:
1057
                -2.5 * $dayMargin 0 0 $leadClashTrail,
1058
                2.5 * $dayMargin 0 0 $existingTrailBackground !important;
1059
        }
954
    }
1060
    }
955
1061
956
    &.existingBookingTrail {
1062
    &.existingBookingTrail {
957
        /* Existing booking's trail period (processing time after their booking ends) */
1063
        background: $existingTrailBackground; /* Pastel blue */
958
        /* Use diagonal stripes to distinguish from new booking's trail period */
1064
        box-shadow:
959
        background: repeating-linear-gradient(
1065
            -2.5 * $dayMargin 0 0 $existingTrailBackground,
960
            45deg,
1066
            2.5 * $dayMargin 0 0 $existingTrailBackground;
961
            #fcd4e6,
1067
    }
962
            #fcd4e6 10px,
1068
963
            #ffe6f0 10px,
1069
    /* New booking lead overlaps with existing booking trail */
964
            #ffe6f0 20px
1070
    &.leadRange.existingBookingTrail {
965
        );
1071
        background: $leadClashTrail !important; /* Lavender (pink + blue merge) */
966
        opacity: 0.7;
1072
        box-shadow:
1073
            -2.5 * $dayMargin 0 0 $leadClashTrail,
1074
            2.5 * $dayMargin 0 0 $leadClashTrail;
1075
    }
1076
1077
    &.leadRangeStart.existingBookingTrail {
1078
        background: $existingTrailBackground !important; /* Blue base fills the top/bottom left corners */
1079
        border-radius: 0 !important; /* Base cell must stay square */
1080
        position: relative;
1081
        z-index: 1;
1082
1083
        /* Shadows: Left is Blue, Right is Purple */
1084
        box-shadow:
1085
            -2.5 * $dayMargin 0 0 $existingTrailBackground,
1086
            2.5 * $dayMargin 0 0 $leadClashTrail !important;
1087
1088
        &::before {
1089
            content: "";
1090
            position: absolute;
1091
            top: 0;
1092
            left: 0;
1093
            right: -1px;
1094
            bottom: 0;
1095
            background: $leadClashTrail; /* Lavender */
1096
            border-radius: 50px 0 0 50px;
1097
            z-index: -1;
1098
        }
1099
1100
        display: flex;
1101
        align-items: center;
1102
        justify-content: center;
967
    }
1103
    }
968
}
1104
}
969
1105
970
.input-warning {
1106
.input-warning {
971
    background-color: #FF9;
1107
    background-color: #ff9;
972
    border-color: #900;
1108
    border-color: #900;
973
}
1109
}
974
1110
Lines 1024-1037 label, Link Here
1024
.main,
1160
.main,
1025
main {
1161
main {
1026
    & > .row > div > aside {
1162
    & > .row > div > aside {
1027
        margin-left: -.75rem;
1163
        margin-left: -0.75rem;
1028
    }
1164
    }
1029
}
1165
}
1030
1166
1031
#login_controls {
1167
#login_controls {
1032
    padding: .4em .5em;
1168
    padding: 0.4em 0.5em;
1033
    position: absolute;
1169
    position: absolute;
1034
    right: .5em;
1170
    right: 0.5em;
1035
}
1171
}
1036
1172
1037
ul {
1173
ul {
Lines 1085-1091 ol { Link Here
1085
}
1221
}
1086
1222
1087
.cart-controls {
1223
.cart-controls {
1088
    border-top: 1px solid #E8E8E8;
1224
    border-top: 1px solid #e8e8e8;
1089
    padding: 7px 0;
1225
    padding: 7px 0;
1090
}
1226
}
1091
1227
Lines 1124-1134 fieldset { Link Here
1124
    }
1260
    }
1125
1261
1126
    &.standard {
1262
    &.standard {
1127
        background-color: #F4F8F9 !important;
1263
        background-color: #f4f8f9 !important;
1128
    }
1264
    }
1129
1265
1130
    &.contrast {
1266
    &.contrast {
1131
        background-color: #F3F3F3 !important;
1267
        background-color: #f3f3f3 !important;
1132
    }
1268
    }
1133
1269
1134
    &.action {
1270
    &.action {
Lines 1151-1171 fieldset { Link Here
1151
        label {
1287
        label {
1152
            &.hint {
1288
            &.hint {
1153
                display: block;
1289
                display: block;
1154
                margin-bottom: .5em;
1290
                margin-bottom: 0.5em;
1155
            }
1291
            }
1156
        }
1292
        }
1157
1293
1158
        select {
1294
        select {
1159
            font-size: 120%;
1295
            font-size: 120%;
1160
            max-width: 50%;
1296
            max-width: 50%;
1161
            padding: .5em 0;
1297
            padding: 0.5em 0;
1162
        }
1298
        }
1163
    }
1299
    }
1164
1300
1165
    &.brief {
1301
    &.brief {
1166
        div {
1302
        div {
1167
            &.hint {
1303
            &.hint {
1168
                margin-bottom: .4em;
1304
                margin-bottom: 0.4em;
1169
            }
1305
            }
1170
        }
1306
        }
1171
1307
Lines 1186-1197 fieldset { Link Here
1186
            select,
1322
            select,
1187
            .select2-container {
1323
            .select2-container {
1188
                display: block;
1324
                display: block;
1189
                margin-top: .5em;
1325
                margin-top: 0.5em;
1190
            }
1326
            }
1191
        }
1327
        }
1192
1328
1193
        li {
1329
        li {
1194
            margin-top: .5em;
1330
            margin-top: 0.5em;
1195
1331
1196
            &:first-child {
1332
            &:first-child {
1197
                margin-top: 0;
1333
                margin-top: 0;
Lines 1231-1237 fieldset { Link Here
1231
    ol {
1367
    ol {
1232
        li {
1368
        li {
1233
            list-style-type: none;
1369
            list-style-type: none;
1234
            padding: .3em 0;
1370
            padding: 0.3em 0;
1235
        }
1371
        }
1236
    }
1372
    }
1237
1373
Lines 1253-1277 fieldset { Link Here
1253
legend {
1389
legend {
1254
    &.collapsed,
1390
    &.collapsed,
1255
    &.expanded {
1391
    &.expanded {
1256
        border: 1px solid #FFF;
1392
        border: 1px solid #fff;
1257
        margin-left: -.7em;
1393
        margin-left: -0.7em;
1258
        margin-top: -.7em;
1394
        margin-top: -0.7em;
1259
        padding: .7em;
1395
        padding: 0.7em;
1260
1396
1261
        &:hover {
1397
        &:hover {
1262
            border: 1px solid #6FAF44;
1398
            border: 1px solid #6faf44;
1263
            cursor: pointer;
1399
            cursor: pointer;
1264
        }
1400
        }
1265
1401
1266
        i {
1402
        i {
1267
            color: #4C7AA8;
1403
            color: #4c7aa8;
1268
            font-size: 80%;
1404
            font-size: 80%;
1269
            padding-right: .2rem;
1405
            padding-right: 0.2rem;
1270
        }
1406
        }
1271
    }
1407
    }
1272
1408
1273
    &.collapsed {
1409
    &.collapsed {
1274
        margin-bottom: -.5em;
1410
        margin-bottom: -0.5em;
1275
1411
1276
        i.fa.fa-caret-down::before {
1412
        i.fa.fa-caret-down::before {
1277
            content: "\f0da";
1413
            content: "\f0da";
Lines 1292-1298 details { Link Here
1292
}
1428
}
1293
1429
1294
#floating-save {
1430
#floating-save {
1295
    background-color: rgba( 185, 216, 217, .6 );
1431
    background-color: rgba(185, 216, 217, 0.6);
1296
    bottom: 3%;
1432
    bottom: 3%;
1297
    position: fixed;
1433
    position: fixed;
1298
    right: 1%;
1434
    right: 1%;
Lines 1319-1325 dt { Link Here
1319
dd {
1455
dd {
1320
    font-size: 90%;
1456
    font-size: 90%;
1321
    font-weight: normal;
1457
    font-weight: normal;
1322
    padding: .2em .2em .2em 2.5em;
1458
    padding: 0.2em 0.2em 0.2em 2.5em;
1323
}
1459
}
1324
1460
1325
#disabled {
1461
#disabled {
Lines 1339-1348 dd { Link Here
1339
}
1475
}
1340
1476
1341
.patroninfo {
1477
.patroninfo {
1342
    background-color: #E6E6E6;
1478
    background-color: #e6e6e6;
1343
    color: #000;
1479
    color: #000;
1344
    left: -10px;
1480
    left: -10px;
1345
    margin-right: .5rem;
1481
    margin-right: 0.5rem;
1346
    padding-bottom: 1rem;
1482
    padding-bottom: 1rem;
1347
    padding-top: 1rem;
1483
    padding-top: 1rem;
1348
    width: 100%;
1484
    width: 100%;
Lines 1351-1357 dd { Link Here
1351
        color: #000;
1487
        color: #000;
1352
        font-weight: bold;
1488
        font-weight: bold;
1353
        margin-bottom: 0;
1489
        margin-bottom: 0;
1354
        padding: .5em .9em;
1490
        padding: 0.5em 0.9em;
1355
        text-align: left;
1491
        text-align: left;
1356
1492
1357
        &:empty {
1493
        &:empty {
Lines 1394-1401 dd { Link Here
1394
1530
1395
.patroninfo-heading {
1531
.patroninfo-heading {
1396
    clear: both;
1532
    clear: both;
1397
    margin-bottom: .3em;
1533
    margin-bottom: 0.3em;
1398
    padding: .5em;
1534
    padding: 0.5em;
1399
1535
1400
    h3 {
1536
    h3 {
1401
        display: inline-block;
1537
        display: inline-block;
Lines 1409-1420 dd { Link Here
1409
/* Patron image */
1545
/* Patron image */
1410
1546
1411
.patronimage-container {
1547
.patronimage-container {
1412
    padding: .2em;
1548
    padding: 0.2em;
1413
    position: relative;
1549
    position: relative;
1414
1550
1415
    &:hover {
1551
    &:hover {
1416
        .patronimage {
1552
        .patronimage {
1417
            opacity: .8;
1553
            opacity: 0.8;
1418
        }
1554
        }
1419
1555
1420
        .patronimage-controls {
1556
        .patronimage-controls {
Lines 1424-1438 dd { Link Here
1424
}
1560
}
1425
1561
1426
.patronimage {
1562
.patronimage {
1427
    border: 1px solid #EEE;
1563
    border: 1px solid #eee;
1428
    display: block;
1564
    display: block;
1429
    margin: auto;
1565
    margin: auto;
1430
    max-width: 160px;
1566
    max-width: 160px;
1431
    opacity: 1;
1567
    opacity: 1;
1432
    transition: .2s ease;
1568
    transition: 0.2s ease;
1433
1569
1434
    &.empty {
1570
    &.empty {
1435
        background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
1571
        background: transparent url("../img/patron-blank.min.svg") center 5px
1572
            no-repeat;
1436
        height: 125px;
1573
        height: 125px;
1437
        padding: 0;
1574
        padding: 0;
1438
        min-width: 85px;
1575
        min-width: 85px;
Lines 1446-1453 dd { Link Here
1446
    position: absolute;
1583
    position: absolute;
1447
    text-align: center;
1584
    text-align: center;
1448
    top: 80%;
1585
    top: 80%;
1449
    transform: translate( -50%, -50% );
1586
    transform: translate(-50%, -50%);
1450
    transition: .5s ease;
1587
    transition: 0.5s ease;
1451
}
1588
}
1452
1589
1453
.patronimage-control {
1590
.patronimage-control {
Lines 1465-1471 dd { Link Here
1465
    box-shadow: none;
1602
    box-shadow: none;
1466
    color: $green-text-color;
1603
    color: $green-text-color;
1467
    font-size: 100%;
1604
    font-size: 100%;
1468
    padding: .3em;
1605
    padding: 0.3em;
1469
1606
1470
    &:hover {
1607
    &:hover {
1471
        text-decoration: underline;
1608
        text-decoration: underline;
Lines 1475-1482 dd { Link Here
1475
.patronviews {
1612
.patronviews {
1476
    border-right: 1px solid #000;
1613
    border-right: 1px solid #000;
1477
    border-top: 1px solid #000;
1614
    border-top: 1px solid #000;
1478
    margin-bottom: .5em;
1615
    margin-bottom: 0.5em;
1479
    padding: .5em 0;
1616
    padding: 0.5em 0;
1480
}
1617
}
1481
1618
1482
.column-tool {
1619
.column-tool {
Lines 1490-1496 dd { Link Here
1490
1627
1491
.readonly,
1628
.readonly,
1492
input[type="text"]:read-only {
1629
input[type="text"]:read-only {
1493
    background: #EEE url( "../img/locked.png" ) center left no-repeat;
1630
    background: #eee url("../img/locked.png") center left no-repeat;
1494
    border-style: inset;
1631
    border-style: inset;
1495
    border-width: 1px;
1632
    border-width: 1px;
1496
    cursor: default;
1633
    cursor: default;
Lines 1509-1519 input[type="text"]:read-only:focus { Link Here
1509
}
1646
}
1510
1647
1511
.subfield_not_filled {
1648
.subfield_not_filled {
1512
    background-color: #FFFF99;
1649
    background-color: #ffff99;
1513
}
1650
}
1514
1651
1515
.important_subfield_not_filled {
1652
.important_subfield_not_filled {
1516
    background-color: #FFFFCC;
1653
    background-color: #ffffcc;
1517
}
1654
}
1518
1655
1519
.content_hidden {
1656
.content_hidden {
Lines 1563-1569 i { Link Here
1563
    }
1700
    }
1564
1701
1565
    &.warn {
1702
    &.warn {
1566
        color: #FFA500;
1703
        color: #ffa500;
1567
    }
1704
    }
1568
1705
1569
    &.fa-main-heading-a {
1706
    &.fa-main-heading-a {
Lines 1582-1588 i { Link Here
1582
*/
1719
*/
1583
1720
1584
.item_status {
1721
.item_status {
1585
    padding: .2rem 0;
1722
    padding: 0.2rem 0;
1586
1723
1587
    &:first-child {
1724
    &:first-child {
1588
        padding-top: 0;
1725
        padding-top: 0;
Lines 1591-1597 i { Link Here
1591
1728
1592
.circ-setting {
1729
.circ-setting {
1593
    font-size: 95%;
1730
    font-size: 95%;
1594
    padding: .3em 0;
1731
    padding: 0.3em 0;
1595
1732
1596
    input {
1733
    input {
1597
        vertical-align: middle;
1734
        vertical-align: middle;
Lines 1609-1615 i { Link Here
1609
1746
1610
.circ-settings {
1747
.circ-settings {
1611
    border-radius: 0;
1748
    border-radius: 0;
1612
    border-top: 2px solid #EEE;
1749
    border-top: 2px solid #eee;
1613
    display: none;
1750
    display: none;
1614
    margin-left: -1em;
1751
    margin-left: -1em;
1615
    margin-right: -1em;
1752
    margin-right: -1em;
Lines 1619-1625 i { Link Here
1619
1756
1620
#show-circ-settings {
1757
#show-circ-settings {
1621
    display: inline;
1758
    display: inline;
1622
    opacity: .5;
1759
    opacity: 0.5;
1623
    position: relative;
1760
    position: relative;
1624
    right: 25px;
1761
    right: 25px;
1625
1762
Lines 1628-1634 i { Link Here
1628
    }
1765
    }
1629
1766
1630
    a {
1767
    a {
1631
        color: rgb( 105, 105, 105 );
1768
        color: rgb(105, 105, 105);
1632
1769
1633
        &:hover {
1770
        &:hover {
1634
            text-decoration: none;
1771
            text-decoration: none;
Lines 1637-1651 i { Link Here
1637
}
1774
}
1638
1775
1639
.checkin-active-setting {
1776
.checkin-active-setting {
1640
    background-color: #FFC;
1777
    background-color: #ffc;
1641
    border-radius: 3px;
1778
    border-radius: 3px;
1642
    box-shadow: 1px 1px 2px 0 rgba( 102, 102, 102, .5 );
1779
    box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, 0.5);
1643
    margin: .5em;
1780
    margin: 0.5em;
1644
    padding: .5em;
1781
    padding: 0.5em;
1645
}
1782
}
1646
1783
1647
.form-control-group {
1784
.form-control-group {
1648
    margin-bottom: .5rem;
1785
    margin-bottom: 0.5rem;
1649
    white-space: nowrap;
1786
    white-space: nowrap;
1650
}
1787
}
1651
1788
Lines 1673-1679 i { Link Here
1673
.circmessage {
1810
.circmessage {
1674
    li {
1811
    li {
1675
        list-style: $nav-menu-bullet;
1812
        list-style: $nav-menu-bullet;
1676
        margin-bottom: .4em;
1813
        margin-bottom: 0.4em;
1677
    }
1814
    }
1678
}
1815
}
1679
1816
Lines 1691-1700 i { Link Here
1691
1828
1692
    button,
1829
    button,
1693
    a.approve {
1830
    a.approve {
1694
        background: #FFF none;
1831
        background: #fff none;
1695
        border: 1px solid #555;
1832
        border: 1px solid #555;
1696
        margin: .4em;
1833
        margin: 0.4em;
1697
        padding: .4em;
1834
        padding: 0.4em;
1698
        white-space: pre-line;
1835
        white-space: pre-line;
1699
1836
1700
        &:active {
1837
        &:active {
Lines 1702-1725 i { Link Here
1702
        }
1839
        }
1703
1840
1704
        &:hover {
1841
        &:hover {
1705
            background-color: #FFC;
1842
            background-color: #ffc;
1706
        }
1843
        }
1707
    }
1844
    }
1708
1845
1709
    input {
1846
    input {
1710
        background-color: #FFFFFF;
1847
        background-color: #ffffff;
1711
        margin: .4em;
1848
        margin: 0.4em;
1712
        padding: .4em;
1849
        padding: 0.4em;
1713
1850
1714
        &:hover {
1851
        &:hover {
1715
            background-color: #FFC;
1852
            background-color: #ffc;
1716
        }
1853
        }
1717
1854
1718
        &[type="submit"] {
1855
        &[type="submit"] {
1719
            background: #FFF none;
1856
            background: #fff none;
1720
1857
1721
            &.approve {
1858
            &.approve {
1722
                background-color: #FEC32C;
1859
                background-color: #fec32c;
1723
                background-image: none;
1860
                background-image: none;
1724
                border: 0;
1861
                border: 0;
1725
                color: #000;
1862
                color: #000;
Lines 1728-1734 i { Link Here
1728
                &:hover,
1865
                &:hover,
1729
                &:active,
1866
                &:active,
1730
                &:focus {
1867
                &:focus {
1731
                    background-color: #FEC22C9F;
1868
                    background-color: #fec22c9f;
1732
                }
1869
                }
1733
            }
1870
            }
1734
1871
Lines 1754-1760 i { Link Here
1754
                white-space: nowrap;
1891
                white-space: nowrap;
1755
1892
1756
                &:hover {
1893
                &:hover {
1757
                    background-color: #F1F1F1;
1894
                    background-color: #f1f1f1;
1758
                    border: #696969 double 1px;
1895
                    border: #696969 double 1px;
1759
                    font-weight: bold;
1896
                    font-weight: bold;
1760
                    text-decoration: none;
1897
                    text-decoration: none;
Lines 1780-1786 i { Link Here
1780
    }
1917
    }
1781
1918
1782
    table {
1919
    table {
1783
        margin: .5em auto;
1920
        margin: 0.5em auto;
1784
1921
1785
        td {
1922
        td {
1786
            text-align: left;
1923
            text-align: left;
Lines 1799-1811 i { Link Here
1799
        }
1936
        }
1800
1937
1801
        ul + h4 {
1938
        ul + h4 {
1802
            margin-top: .7em;
1939
            margin-top: 0.7em;
1803
        }
1940
        }
1804
    }
1941
    }
1805
1942
1806
    &.alert-warning {
1943
    &.alert-warning {
1807
        fieldset:not( .bg-danger ):not( .bg-warning ):not( .bg-info ):not( .bg-success ):not( .bg-primary ):not(.action) {
1944
        fieldset:not(.bg-danger):not(.bg-warning):not(.bg-info):not(
1808
            background-color: rgba( 255, 255, 255, .5 );
1945
                .bg-success
1946
            ):not(.bg-primary):not(.action) {
1947
            background-color: rgba(255, 255, 255, 0.5);
1809
            margin: 1rem;
1948
            margin: 1rem;
1810
        }
1949
        }
1811
1950
Lines 1828-1834 i { Link Here
1828
1967
1829
.approve,
1968
.approve,
1830
.success {
1969
.success {
1831
    background-color: #FEC32C;
1970
    background-color: #fec32c;
1832
1971
1833
    i {
1972
    i {
1834
        &.fa {
1973
        &.fa {
Lines 1848-1854 i { Link Here
1848
.new {
1987
.new {
1849
    i {
1988
    i {
1850
        &.fa {
1989
        &.fa {
1851
            color: #425FAF;
1990
            color: #425faf;
1852
        }
1991
        }
1853
    }
1992
    }
1854
}
1993
}
Lines 1856-1863 i { Link Here
1856
.warning {
1995
.warning {
1857
    i {
1996
    i {
1858
        &.fa-exclamation-triangle {
1997
        &.fa-exclamation-triangle {
1859
            color: #FFD700;
1998
            color: #ffd700;
1860
            text-shadow: 0 -1px 0 rgba( 0, 0, 0, .3 );
1999
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
1861
        }
2000
        }
1862
    }
2001
    }
1863
}
2002
}
Lines 1867-1877 i { Link Here
1867
}
2006
}
1868
2007
1869
.missing {
2008
.missing {
1870
    background-color: #FFFFCC;
2009
    background-color: #ffffcc;
1871
}
2010
}
1872
2011
1873
.term {
2012
.term {
1874
    background-color: #FFC;
2013
    background-color: #ffc;
1875
    color: #990000;
2014
    color: #990000;
1876
}
2015
}
1877
2016
Lines 1917-1923 li { Link Here
1917
    }
2056
    }
1918
}
2057
}
1919
2058
1920
.patronbriefinfo, .patroninfo-section {
2059
.patronbriefinfo,
2060
.patroninfo-section {
1921
    li {
2061
    li {
1922
        overflow: hidden;
2062
        overflow: hidden;
1923
        text-overflow: ellipsis;
2063
        text-overflow: ellipsis;
Lines 1967-1982 li { Link Here
1967
    }
2107
    }
1968
2108
1969
    .remove {
2109
    .remove {
1970
        border-top: 1px solid #EEE;
2110
        border-top: 1px solid #eee;
1971
        display: block;
2111
        display: block;
1972
        font-size: 90%;
2112
        font-size: 90%;
1973
        margin: 4px -4px 2px -4px;
2113
        margin: 4px -4px 2px -4px;
1974
        padding-top: .5em;
2114
        padding-top: 0.5em;
1975
        text-align: center;
2115
        text-align: center;
1976
    }
2116
    }
1977
2117
1978
    & + p {
2118
    & + p {
1979
        border-top: 1px solid #EEE;
2119
        border-top: 1px solid #eee;
1980
        margin-top: 1em;
2120
        margin-top: 1em;
1981
        padding-top: 1em;
2121
        padding-top: 1em;
1982
    }
2122
    }
Lines 1986-1993 li { Link Here
1986
#tbl_cash_register_stats_wrapper,
2126
#tbl_cash_register_stats_wrapper,
1987
#resulttable_wrapper,
2127
#resulttable_wrapper,
1988
#numberpatternst_wrapper {
2128
#numberpatternst_wrapper {
1989
    background-color: #FFFFFF;
2129
    background-color: #ffffff;
1990
    box-shadow: 8px 8px 12px rgba( 170, 170, 170, .356 );
2130
    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
1991
    margin-top: 20px;
2131
    margin-top: 20px;
1992
    padding: 20px;
2132
    padding: 20px;
1993
}
2133
}
Lines 2001-2007 li { Link Here
2001
}
2141
}
2002
2142
2003
#searchresults {
2143
#searchresults {
2004
    background-color: #FFFFFF;
2144
    background-color: #ffffff;
2005
    margin-bottom: 1rem;
2145
    margin-bottom: 1rem;
2006
    margin-top: 20px;
2146
    margin-top: 20px;
2007
    min-width: 100%;
2147
    min-width: 100%;
Lines 2015-2021 li { Link Here
2015
    h3 {
2155
    h3 {
2016
        color: #696969;
2156
        color: #696969;
2017
        margin: 0;
2157
        margin: 0;
2018
        padding-bottom: .7em;
2158
        padding-bottom: 0.7em;
2019
    }
2159
    }
2020
2160
2021
    td {
2161
    td {
Lines 2024-2031 li { Link Here
2024
                clear: left;
2164
                clear: left;
2025
                color: #000;
2165
                color: #000;
2026
                font-size: 90%;
2166
                font-size: 90%;
2027
                list-style: url( "../img/item-bullet.svg" );
2167
                list-style: url("../img/item-bullet.svg");
2028
                padding: .2em 0;
2168
                padding: 0.2em 0;
2029
                top: 100%;
2169
                top: 100%;
2030
2170
2031
                &.result_itype_image {
2171
                &.result_itype_image {
Lines 2100-2118 li { Link Here
2100
    position: sticky;
2240
    position: sticky;
2101
    top: -1px;
2241
    top: -1px;
2102
    z-index: 999;
2242
    z-index: 999;
2103
    background-color: #F3F4F4;
2243
    background-color: #f3f4f4;
2104
    box-shadow: 0 0 2px 1px rgba( 0, 0, 0, .2 );
2244
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
2105
    color: #696969;
2245
    color: #696969;
2106
    display: block;
2246
    display: block;
2107
    font-size: 80%;
2247
    font-size: 80%;
2108
    margin-bottom: .5em;
2248
    margin-bottom: 0.5em;
2109
    margin-top: .5em;
2249
    margin-top: 0.5em;
2110
    padding: 5px;
2250
    padding: 5px;
2111
    width: 100%;
2251
    width: 100%;
2112
2252
2113
    &.floating {
2253
    &.floating {
2114
        border-radius: 0;
2254
        border-radius: 0;
2115
        box-shadow: 0 0 2px 1px rgba( 0, 0, 0, .4 );
2255
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
2116
        margin-bottom: 0;
2256
        margin-bottom: 0;
2117
        margin-top: 0;
2257
        margin-top: 0;
2118
        z-index: 100;
2258
        z-index: 100;
Lines 2121-2127 li { Link Here
2121
    .btn-group {
2261
    .btn-group {
2122
        > .btn {
2262
        > .btn {
2123
            &:first-child {
2263
            &:first-child {
2124
                margin-left: .7em;
2264
                margin-left: 0.7em;
2125
            }
2265
            }
2126
        }
2266
        }
2127
    }
2267
    }
Lines 2144-2158 li { Link Here
2144
}
2284
}
2145
2285
2146
#table_search_selections {
2286
#table_search_selections {
2147
    background-color: lighten( $background-color-primary, 60 );
2287
    background-color: lighten($background-color-primary, 60);
2148
    border: 1px solid $background-color-primary;
2288
    border: 1px solid $background-color-primary;
2149
    border-color: lighten( $background-color-primary, 30 ) lighten( $background-color-primary, 50 ) lighten( $background-color-primary, 50 ) lighten( $background-color-primary, 30 );
2289
    border-color: lighten($background-color-primary, 30)
2290
        lighten($background-color-primary, 50)
2291
        lighten($background-color-primary, 50)
2292
        lighten($background-color-primary, 30);
2150
    border-radius: 4px;
2293
    border-radius: 4px;
2151
    color: #333;
2294
    color: #333;
2152
    display: inline-block;
2295
    display: inline-block;
2153
    font-size: 11px;
2296
    font-size: 11px;
2154
    line-height: 1.5;
2297
    line-height: 1.5;
2155
    margin-left: .7em;
2298
    margin-left: 0.7em;
2156
    padding: 5px 10px;
2299
    padding: 5px 10px;
2157
    text-align: center;
2300
    text-align: center;
2158
    vertical-align: middle;
2301
    vertical-align: middle;
Lines 2170-2184 li { Link Here
2170
}
2313
}
2171
2314
2172
#search-facets {
2315
#search-facets {
2173
    background-color: #E6E6E6;
2316
    background-color: #e6e6e6;
2174
2317
2175
    h4 {
2318
    h4 {
2176
        background-color: $background-color-primary;
2319
        background-color: $background-color-primary;
2177
        border-radius: 0 4px 0 0;
2320
        border-radius: 0 4px 0 0;
2178
        color: #FFFFFF;
2321
        color: #ffffff;
2179
        font-size: 100%;
2322
        font-size: 100%;
2180
        margin: 0;
2323
        margin: 0;
2181
        padding: .4em .2em;
2324
        padding: 0.4em 0.2em;
2182
        text-align: center;
2325
        text-align: center;
2183
    }
2326
    }
2184
2327
Lines 2197-2203 li { Link Here
2197
            font-size: 85%;
2340
            font-size: 85%;
2198
            font-weight: normal;
2341
            font-weight: normal;
2199
            margin-bottom: 2px;
2342
            margin-bottom: 2px;
2200
            padding: .1em .2em;
2343
            padding: 0.1em 0.2em;
2201
        }
2344
        }
2202
2345
2203
        &.showmore {
2346
        &.showmore {
Lines 2216-2222 li { Link Here
2216
}
2359
}
2217
2360
2218
#biblio-cover-slider {
2361
#biblio-cover-slider {
2219
    border: 1px solid #BFD9B9;
2362
    border: 1px solid #bfd9b9;
2220
    border-radius: 3px;
2363
    border-radius: 3px;
2221
    margin: 0 5px;
2364
    margin: 0 5px;
2222
    min-height: 175px;
2365
    min-height: 175px;
Lines 2224-2241 li { Link Here
2224
}
2367
}
2225
2368
2226
.cover-slides {
2369
.cover-slides {
2227
    background: #FFF url( "../img/spinner-small.gif" ) center center no-repeat;
2370
    background: #fff url("../img/spinner-small.gif") center center no-repeat;
2228
2371
2229
    .hint {
2372
    .hint {
2230
        font-size: 90%;
2373
        font-size: 90%;
2231
        padding: .5em 0;
2374
        padding: 0.5em 0;
2232
    }
2375
    }
2233
2376
2234
    a {
2377
    a {
2235
        &.nav-active {
2378
        &.nav-active {
2236
            &:link,
2379
            &:link,
2237
            &:visited {
2380
            &:visited {
2238
                color: #85CA11;
2381
                color: #85ca11;
2239
            }
2382
            }
2240
        }
2383
        }
2241
    }
2384
    }
Lines 2248-2254 td { Link Here
2248
        a,
2391
        a,
2249
        button {
2392
        button {
2250
            display: inline-block;
2393
            display: inline-block;
2251
            margin-left: .3rem;
2394
            margin-left: 0.3rem;
2252
2395
2253
            &:first-child {
2396
            &:first-child {
2254
                margin-left: 0;
2397
                margin-left: 0;
Lines 2257-2263 td { Link Here
2257
    }
2400
    }
2258
2401
2259
    &.bookcoverimg {
2402
    &.bookcoverimg {
2260
        background: #FFF url( "../img/spinner-small.gif" ) center center no-repeat;
2403
        background: #fff url("../img/spinner-small.gif") center center no-repeat;
2261
        min-width: 120px;
2404
        min-width: 120px;
2262
        text-align: center;
2405
        text-align: center;
2263
    }
2406
    }
Lines 2287-2293 td { Link Here
2287
    box-shadow: none;
2430
    box-shadow: none;
2288
    color: $green-text-color;
2431
    color: $green-text-color;
2289
    font-size: 100%;
2432
    font-size: 100%;
2290
    padding: .3em;
2433
    padding: 0.3em;
2291
2434
2292
    &:hover {
2435
    &:hover {
2293
        text-decoration: underline;
2436
        text-decoration: underline;
Lines 2328-2334 td { Link Here
2328
#CheckPending {
2471
#CheckPending {
2329
    color: $green-text-color;
2472
    color: $green-text-color;
2330
    font-weight: normal;
2473
    font-weight: normal;
2331
    margin: 0 .5em 0 0;
2474
    margin: 0 0.5em 0 0;
2332
}
2475
}
2333
2476
2334
.lost,
2477
.lost,
Lines 2344-2350 td { Link Here
2344
}
2487
}
2345
2488
2346
td.bundle {
2489
td.bundle {
2347
    background-color: #FFC !important;
2490
    background-color: #ffc !important;
2348
}
2491
}
2349
2492
2350
.datedue {
2493
.datedue {
Lines 2365-2373 td.bundle { Link Here
2365
}
2508
}
2366
2509
2367
#mainuserblock {
2510
#mainuserblock {
2368
    border: 1px solid #E8E8E8;
2511
    border: 1px solid #e8e8e8;
2369
    margin-top: .5em;
2512
    margin-top: 0.5em;
2370
    padding: .5em;
2513
    padding: 0.5em;
2371
}
2514
}
2372
2515
2373
.labeledmarc-table {
2516
.labeledmarc-table {
Lines 2394-2407 td.bundle { Link Here
2394
        border: 0;
2537
        border: 0;
2395
        font-family: $font-monospace;
2538
        font-family: $font-monospace;
2396
        font-size: 95%;
2539
        font-size: 95%;
2397
        margin: .7em 0 0;
2540
        margin: 0.7em 0 0;
2398
    }
2541
    }
2399
2542
2400
    tbody {
2543
    tbody {
2401
        tr {
2544
        tr {
2402
            &:nth-child( 2n+1 ) {
2545
            &:nth-child(2n + 1) {
2403
                td {
2546
                td {
2404
                    background-color: #FFFFFF;
2547
                    background-color: #ffffff;
2405
                }
2548
                }
2406
            }
2549
            }
2407
        }
2550
        }
Lines 2414-2420 td.bundle { Link Here
2414
    }
2557
    }
2415
2558
2416
    th {
2559
    th {
2417
        background-color: #FFFFFF;
2560
        background-color: #ffffff;
2418
        border: 0;
2561
        border: 0;
2419
        padding: 2px;
2562
        padding: 2px;
2420
        text-align: left;
2563
        text-align: left;
Lines 2443-2462 td.bundle { Link Here
2443
        }
2586
        }
2444
2587
2445
        &.alert {
2588
        &.alert {
2446
            background: #FFFADE none;
2589
            background: #fffade none;
2447
            border-color: #E0C726;
2590
            border-color: #e0c726;
2448
        }
2591
        }
2449
2592
2450
        &.message {
2593
        &.message {
2451
            background: #E8EDF6 none;
2594
            background: #e8edf6 none;
2452
            border-color: #A4BEDD;
2595
            border-color: #a4bedd;
2453
        }
2596
        }
2454
    }
2597
    }
2455
2598
2456
    &.modal-wide {
2599
    &.modal-wide {
2457
        width: 80%;
2600
        width: 80%;
2458
    }
2601
    }
2459
2460
}
2602
}
2461
2603
2462
.modal-full {
2604
.modal-full {
Lines 2472-2478 td.bundle { Link Here
2472
    margin: 0;
2614
    margin: 0;
2473
}
2615
}
2474
2616
2475
2476
.modal-header {
2617
.modal-header {
2477
    border-bottom: 1px solid $background-color-secondary;
2618
    border-bottom: 1px solid $background-color-secondary;
2478
2619
Lines 2482-2493 td.bundle { Link Here
2482
}
2623
}
2483
2624
2484
.modal-body {
2625
.modal-body {
2485
    background-color: #FFF;
2626
    background-color: #fff;
2486
    overflow-y: auto;
2627
    overflow-y: auto;
2487
2628
2488
    fieldset,
2629
    fieldset,
2489
    ol {
2630
    ol {
2490
        background-color: #FFF;
2631
        background-color: #fff;
2491
        border: 0;
2632
        border: 0;
2492
        margin: 0;
2633
        margin: 0;
2493
        padding: 0;
2634
        padding: 0;
Lines 2511-2517 td.bundle { Link Here
2511
}
2652
}
2512
2653
2513
.basicModal {
2654
.basicModal {
2514
    background: #FFF;
2655
    background: #fff;
2515
    left: 50%;
2656
    left: 50%;
2516
    margin-left: -300px;
2657
    margin-left: -300px;
2517
    max-height: 100%;
2658
    max-height: 100%;
Lines 2523-2534 td.bundle { Link Here
2523
    pointer-events: none;
2664
    pointer-events: none;
2524
    position: fixed;
2665
    position: fixed;
2525
    top: 25%;
2666
    top: 25%;
2526
    transition: all .1s ease-out;
2667
    transition: all 0.1s ease-out;
2527
    z-index: 1100;
2668
    z-index: 1100;
2528
}
2669
}
2529
2670
2530
.basicModal.show {
2671
.basicModal.show {
2531
    box-shadow: 0 5px 15px rgba( 0, 0, 0, .5 );
2672
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
2532
    opacity: 1;
2673
    opacity: 1;
2533
    pointer-events: auto;
2674
    pointer-events: auto;
2534
}
2675
}
Lines 2545-2553 td.bundle { Link Here
2545
}
2686
}
2546
2687
2547
#cartDetails {
2688
#cartDetails {
2548
    background-color: #352C2E;
2689
    background-color: #352c2e;
2549
    box-shadow: 1px 1px 3px 0 #666;
2690
    box-shadow: 1px 1px 3px 0 #666;
2550
    color: #FFFFFF;
2691
    color: #ffffff;
2551
    display: none;
2692
    display: none;
2552
    margin: 0;
2693
    margin: 0;
2553
    padding: 10px;
2694
    padding: 10px;
Lines 2579-2585 td.bundle { Link Here
2579
.results_summary {
2720
.results_summary {
2580
    color: #202020;
2721
    color: #202020;
2581
    display: block;
2722
    display: block;
2582
    padding: 0 0 .5em;
2723
    padding: 0 0 0.5em;
2583
2724
2584
    a {
2725
    a {
2585
        font-weight: normal;
2726
        font-weight: normal;
Lines 2604-2618 td.bundle { Link Here
2604
2745
2605
    a,
2746
    a,
2606
    span {
2747
    span {
2607
        background-color: lighten( $background-color-secondary, 50 );
2748
        background-color: lighten($background-color-secondary, 50);
2608
        border: 1px solid lighten( $background-color-secondary, 15 );
2749
        border: 1px solid lighten($background-color-secondary, 15);
2609
        border-radius: 4px;
2750
        border-radius: 4px;
2610
        font-weight: bold;
2751
        font-weight: bold;
2611
        padding: .1em .4em;
2752
        padding: 0.1em 0.4em;
2612
        text-decoration: none;
2753
        text-decoration: none;
2613
2754
2614
        &:hover {
2755
        &:hover {
2615
            background-color: lighten( $background-color-secondary, 40 );
2756
            background-color: lighten($background-color-secondary, 40);
2616
        }
2757
        }
2617
    }
2758
    }
2618
}
2759
}
Lines 2626-2632 td.bundle { Link Here
2626
    position: relative;
2767
    position: relative;
2627
2768
2628
    .export_ok {
2769
    .export_ok {
2629
        background: #E3E3E3 none;
2770
        background: #e3e3e3 none;
2630
        border: 0;
2771
        border: 0;
2631
        cursor: pointer;
2772
        cursor: pointer;
2632
        margin-left: 20px;
2773
        margin-left: 20px;
Lines 2634-2641 td.bundle { Link Here
2634
    }
2775
    }
2635
2776
2636
    .import_export_options {
2777
    .import_export_options {
2637
        background: #FFFFFF;
2778
        background: #ffffff;
2638
        border: 1px solid #CDCDCD;
2779
        border: 1px solid #cdcdcd;
2639
        left: 60px;
2780
        left: 60px;
2640
        padding: 10px;
2781
        padding: 10px;
2641
        position: absolute;
2782
        position: absolute;
Lines 2646-2652 td.bundle { Link Here
2646
}
2787
}
2647
2788
2648
.import_export_options {
2789
.import_export_options {
2649
    background: #E3E3E3 none;
2790
    background: #e3e3e3 none;
2650
    border: 0;
2791
    border: 0;
2651
    cursor: pointer;
2792
    cursor: pointer;
2652
    margin-left: 20px;
2793
    margin-left: 20px;
Lines 2660-2666 td.bundle { Link Here
2660
2801
2661
.form_import {
2802
.form_import {
2662
    .input_import {
2803
    .input_import {
2663
        border: 1px solid #BCBCBC;
2804
        border: 1px solid #bcbcbc;
2664
    }
2805
    }
2665
}
2806
}
2666
2807
Lines 2700-2707 td.bundle { Link Here
2700
        }
2841
        }
2701
2842
2702
        td {
2843
        td {
2703
            border: 1px solid #EEE;
2844
            border: 1px solid #eee;
2704
            padding: .3em .4em;
2845
            padding: 0.3em 0.4em;
2705
        }
2846
        }
2706
    }
2847
    }
2707
}
2848
}
Lines 2741-2753 td.bundle { Link Here
2741
    top: 0;
2882
    top: 0;
2742
2883
2743
    a {
2884
    a {
2744
        background-color: #EEE;
2885
        background-color: #eee;
2745
        border-radius: 0 0 0 5px;
2886
        border-radius: 0 0 0 5px;
2746
        color: #CCC;
2887
        color: #ccc;
2747
        display: block;
2888
        display: block;
2748
        font-size: 160%;
2889
        font-size: 160%;
2749
        font-weight: bold;
2890
        font-weight: bold;
2750
        padding: 0 .7em .2em;
2891
        padding: 0 0.7em 0.2em;
2751
        text-decoration: none;
2892
        text-decoration: none;
2752
        text-shadow: 0 -1px 0 #666;
2893
        text-shadow: 0 -1px 0 #666;
2753
2894
Lines 2763-2775 td.bundle { Link Here
2763
    top: 0;
2904
    top: 0;
2764
2905
2765
    a {
2906
    a {
2766
        background-color: #EEE;
2907
        background-color: #eee;
2767
        border-radius: 0 0 0 5px;
2908
        border-radius: 0 0 0 5px;
2768
        color: #CCC;
2909
        color: #ccc;
2769
        display: block;
2910
        display: block;
2770
        font-size: 160%;
2911
        font-size: 160%;
2771
        font-weight: bold;
2912
        font-weight: bold;
2772
        padding: 0 .7em .2em;
2913
        padding: 0 0.7em 0.2em;
2773
        text-decoration: none;
2914
        text-decoration: none;
2774
        text-shadow: 0 -1px 0 #666;
2915
        text-shadow: 0 -1px 0 #666;
2775
2916
Lines 2780-2787 td.bundle { Link Here
2780
}
2921
}
2781
2922
2782
.no-image {
2923
.no-image {
2783
    background-color: #FFFFFF;
2924
    background-color: #ffffff;
2784
    border: 1px solid #AAAAAA;
2925
    border: 1px solid #aaaaaa;
2785
    border-radius: 3px;
2926
    border-radius: 3px;
2786
    color: #979797;
2927
    color: #979797;
2787
    display: block;
2928
    display: block;
Lines 2796-2809 td.bundle { Link Here
2796
#acqui_order_supplierlist {
2937
#acqui_order_supplierlist {
2797
    .supplier {
2938
    .supplier {
2798
        & + .supplier {
2939
        & + .supplier {
2799
            border-top: 1px solid #EEEEEE;
2940
            border-top: 1px solid #eeeeee;
2800
            margin-top: 1em;
2941
            margin-top: 1em;
2801
        }
2942
        }
2802
    }
2943
    }
2803
2944
2804
    .suppliername {
2945
    .suppliername {
2805
        display: inline-block;
2946
        display: inline-block;
2806
        margin: .5em 1em .5em 0;
2947
        margin: 0.5em 1em 0.5em 0;
2807
2948
2808
        &.inactive {
2949
        &.inactive {
2809
            color: #888;
2950
            color: #888;
Lines 2827-2833 td.bundle { Link Here
2827
2968
2828
// Override core jQueryUI widgets
2969
// Override core jQueryUI widgets
2829
.ui-widget-content {
2970
.ui-widget-content {
2830
    background: #FFFFFF none;
2971
    background: #ffffff none;
2831
    border: 1px solid $background-color-secondary;
2972
    border: 1px solid $background-color-secondary;
2832
    border-radius: 4px;
2973
    border-radius: 4px;
2833
    color: #222222;
2974
    color: #222222;
Lines 2835-2841 td.bundle { Link Here
2835
2976
2836
// Override jQuery Autocomplete
2977
// Override jQuery Autocomplete
2837
.ui-autocomplete {
2978
.ui-autocomplete {
2838
    box-shadow: 0 6px 12px rgba( 0, 0, 0, .175 );
2979
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
2839
    cursor: default;
2980
    cursor: default;
2840
    position: absolute;
2981
    position: absolute;
2841
    z-index: 2000;
2982
    z-index: 2000;
Lines 2851-2860 td.bundle { Link Here
2851
            list-style-type: none;
2992
            list-style-type: none;
2852
2993
2853
            &.ui-menu-item {
2994
            &.ui-menu-item {
2854
                padding: 5px 1em 5px .4em;
2995
                padding: 5px 1em 5px 0.4em;
2855
2996
2856
                &:hover {
2997
                &:hover {
2857
                    background: #E3F1DF none;
2998
                    background: #e3f1df none;
2858
                    color: #212121;
2999
                    color: #212121;
2859
                    font-weight: normal;
3000
                    font-weight: normal;
2860
                }
3001
                }
Lines 2870-2876 td.bundle { Link Here
2870
3011
2871
                .ui-state-active,
3012
                .ui-state-active,
2872
                .ui-state-focus {
3013
                .ui-state-focus {
2873
                    background: #E3F1DF none;
3014
                    background: #e3f1df none;
2874
                    color: #212121;
3015
                    color: #212121;
2875
                    font-weight: normal;
3016
                    font-weight: normal;
2876
                    margin: 0;
3017
                    margin: 0;
Lines 2885-2891 td.bundle { Link Here
2885
}
3026
}
2886
3027
2887
.ui-autocomplete-loading {
3028
.ui-autocomplete-loading {
2888
    background: #FFF url( "../img/spinner-small.gif" ) right center no-repeat;
3029
    background: #fff url("../img/spinner-small.gif") right center no-repeat;
2889
}
3030
}
2890
3031
2891
.patron-detail-autocomplete-selection {
3032
.patron-detail-autocomplete-selection {
Lines 2897-2903 td.bundle { Link Here
2897
}
3038
}
2898
3039
2899
fieldset > .toptabs {
3040
fieldset > .toptabs {
2900
    background-color: #F3F4F4;
3041
    background-color: #f3f4f4;
2901
    padding: 1em;
3042
    padding: 1em;
2902
}
3043
}
2903
3044
Lines 2932-2938 fieldset > .toptabs { Link Here
2932
}
3073
}
2933
3074
2934
.commentline {
3075
.commentline {
2935
    border-bottom: 1px solid #CCC;
3076
    border-bottom: 1px solid #ccc;
2936
3077
2937
    .btn-toolbar {
3078
    .btn-toolbar {
2938
        margin-bottom: 0;
3079
        margin-bottom: 0;
Lines 2981-2987 fieldset > .toptabs { Link Here
2981
            &.jstree-hovered {
3122
            &.jstree-hovered {
2982
                background: transparent none;
3123
                background: transparent none;
2983
                box-shadow: none;
3124
                box-shadow: none;
2984
                color: darken( $green-text-color, 5 );
3125
                color: darken($green-text-color, 5);
2985
            }
3126
            }
2986
3127
2987
            &.jstree-clicked {
3128
            &.jstree-clicked {
Lines 3008-3018 fieldset > .toptabs { Link Here
3008
}
3149
}
3009
3150
3010
.pluginname {
3151
.pluginname {
3011
    background-color: #E3F1DF;
3152
    background-color: #e3f1df;
3012
    cursor: move;
3153
    cursor: move;
3013
    margin: .3em;
3154
    margin: 0.3em;
3014
    padding-bottom: 4px;
3155
    padding-bottom: 4px;
3015
    padding-left: .2em;
3156
    padding-left: 0.2em;
3016
3157
3017
    .ui-icon {
3158
    .ui-icon {
3018
        float: right;
3159
        float: right;
Lines 3020-3026 fieldset > .toptabs { Link Here
3020
}
3161
}
3021
3162
3022
.plugindesc {
3163
.plugindesc {
3023
    padding: .4em;
3164
    padding: 0.4em;
3024
}
3165
}
3025
3166
3026
.ui-sortable-placeholder {
3167
.ui-sortable-placeholder {
Lines 3047-3053 video { Link Here
3047
// Bootstrap overrides
3188
// Bootstrap overrides
3048
3189
3049
.dropdown-header {
3190
.dropdown-header {
3050
    border-top: 1px solid #EEE;
3191
    border-top: 1px solid #eee;
3051
    color: #000;
3192
    color: #000;
3052
    font-weight: bold;
3193
    font-weight: bold;
3053
    margin-top: 5px;
3194
    margin-top: 5px;
Lines 3073-3079 nav { Link Here
3073
                font-family: "Font Awesome 6 Free";
3214
                font-family: "Font Awesome 6 Free";
3074
                font-size: 12px;
3215
                font-size: 12px;
3075
                font-style: normal;
3216
                font-style: normal;
3076
                padding-right: .3em;
3217
                padding-right: 0.3em;
3077
            }
3218
            }
3078
3219
3079
            &:hover {
3220
            &:hover {
Lines 3092-3105 nav { Link Here
3092
3233
3093
    & + .breadcrumb-item {
3234
    & + .breadcrumb-item {
3094
        &::before {
3235
        &::before {
3095
            background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=") 50% 50% no-repeat;
3236
            background: transparent
3237
                url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=")
3238
                50% 50% no-repeat;
3096
            background-size: 8px;
3239
            background-size: 8px;
3097
            content: "";
3240
            content: "";
3098
            display: inline-block;
3241
            display: inline-block;
3099
            float: none;
3242
            float: none;
3100
            height: .8em;
3243
            height: 0.8em;
3101
            margin-right: .3rem;
3244
            margin-right: 0.3rem;
3102
            width: .8em;
3245
            width: 0.8em;
3103
        }
3246
        }
3104
    }
3247
    }
3105
3248
Lines 3121-3127 nav { Link Here
3121
}
3264
}
3122
3265
3123
.pagination {
3266
.pagination {
3124
    margin: .5em 0;
3267
    margin: 0.5em 0;
3125
}
3268
}
3126
3269
3127
button,
3270
button,
Lines 3130-3136 button, Link Here
3130
3273
3131
    &.btn-primary {
3274
    &.btn-primary {
3132
        &.dropdown-toggle {
3275
        &.dropdown-toggle {
3133
            border-left: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
3276
            border-left: 1px solid darken(saturate($btn-primary, 15), 15);
3134
        }
3277
        }
3135
    }
3278
    }
3136
}
3279
}
Lines 3144-3159 button, Link Here
3144
/* Bootstrap Collapse */
3287
/* Bootstrap Collapse */
3145
3288
3146
.panel {
3289
.panel {
3147
    background: #F7F9F6 none;
3290
    background: #f7f9f6 none;
3148
    box-shadow: none;
3291
    box-shadow: none;
3149
3292
3150
    &:hover {
3293
    &:hover {
3151
        background: #E3F1DF none;
3294
        background: #e3f1df none;
3152
    }
3295
    }
3153
}
3296
}
3154
3297
3155
.panel-collapse {
3298
.panel-collapse {
3156
    background: #FFF none;
3299
    background: #fff none;
3157
}
3300
}
3158
3301
3159
.panel-title {
3302
.panel-title {
Lines 3164-3170 button, Link Here
3164
        border-bottom-left-radius: 0;
3307
        border-bottom-left-radius: 0;
3165
        border-bottom-right-radius: 0;
3308
        border-bottom-right-radius: 0;
3166
        display: block;
3309
        display: block;
3167
        padding: .2rem 1rem;
3310
        padding: 0.2rem 1rem;
3168
3311
3169
        &::before {
3312
        &::before {
3170
            content: "\f0d7";
3313
            content: "\f0d7";
Lines 3174-3180 button, Link Here
3174
        }
3317
        }
3175
3318
3176
        &:hover {
3319
        &:hover {
3177
            background: #E3F1DF none;
3320
            background: #e3f1df none;
3178
            border-bottom-left-radius: 0;
3321
            border-bottom-left-radius: 0;
3179
            border-bottom-right-radius: 0;
3322
            border-bottom-right-radius: 0;
3180
        }
3323
        }
Lines 3188-3194 button, Link Here
3188
            }
3331
            }
3189
3332
3190
            &:hover {
3333
            &:hover {
3191
                background: #E3F1DF none;
3334
                background: #e3f1df none;
3192
                border-bottom-left-radius: 3px;
3335
                border-bottom-left-radius: 3px;
3193
                border-bottom-right-radius: 3px;
3336
                border-bottom-right-radius: 3px;
3194
            }
3337
            }
Lines 3197-3203 button, Link Here
3197
}
3340
}
3198
3341
3199
.panel-default {
3342
.panel-default {
3200
    border: 1px solid #BFD9B9;
3343
    border: 1px solid #bfd9b9;
3201
3344
3202
    > .panel-heading {
3345
    > .panel-heading {
3203
        background: transparent none;
3346
        background: transparent none;
Lines 3209-3219 button, Link Here
3209
3352
3210
        + .panel-collapse {
3353
        + .panel-collapse {
3211
            &.collapse {
3354
            &.collapse {
3212
                border-top: 1px solid #DBE9D7
3355
                border-top: 1px solid #dbe9d7;
3213
            }
3356
            }
3214
3357
3215
            > .panel-body {
3358
            > .panel-body {
3216
                border-top-color: #BFD9B9;
3359
                border-top-color: #bfd9b9;
3217
                padding: 1rem;
3360
                padding: 1rem;
3218
            }
3361
            }
3219
        }
3362
        }
Lines 3237-3243 button, Link Here
3237
.navbar {
3380
.navbar {
3238
    &.fixed-bottom {
3381
    &.fixed-bottom {
3239
        .nav-item {
3382
        .nav-item {
3240
            border-right: 1px solid #CCC;
3383
            border-right: 1px solid #ccc;
3241
3384
3242
            &:last-child {
3385
            &:last-child {
3243
                border-right: 0;
3386
                border-right: 0;
Lines 3249-3261 button, Link Here
3249
.tooltip {
3392
.tooltip {
3250
    &.bottom {
3393
    &.bottom {
3251
        .tooltip-arrow {
3394
        .tooltip-arrow {
3252
            border-bottom-color: #EEE;
3395
            border-bottom-color: #eee;
3253
        }
3396
        }
3254
3397
3255
        .tooltip-inner {
3398
        .tooltip-inner {
3256
            background-color: #FFFFFF;
3399
            background-color: #ffffff;
3257
            border: 1px solid rgba( 0, 0, 0, .2 );
3400
            border: 1px solid rgba(0, 0, 0, 0.2);
3258
            box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
3401
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
3259
            color: #000;
3402
            color: #000;
3260
            font-size: 120%;
3403
            font-size: 120%;
3261
            padding: 1em;
3404
            padding: 1em;
Lines 3264-3271 button, Link Here
3264
}
3407
}
3265
3408
3266
.separator {
3409
.separator {
3267
    color: #BFBFBF;
3410
    color: #bfbfbf;
3268
    padding: 0 .2em;
3411
    padding: 0 0.2em;
3269
}
3412
}
3270
3413
3271
.close {
3414
.close {
Lines 3296-3302 label { Link Here
3296
    }
3439
    }
3297
3440
3298
    &.disabled {
3441
    &.disabled {
3299
        color: #CCC;
3442
        color: #ccc;
3300
        cursor: not-allowed;
3443
        cursor: not-allowed;
3301
    }
3444
    }
3302
}
3445
}
Lines 3325-3335 label { Link Here
3325
        font-size: 13px;
3468
        font-size: 13px;
3326
    }
3469
    }
3327
3470
3328
    > .btn:first-child:not( :last-child, .dropdown-toggle ) {
3471
    > .btn:first-child:not(:last-child, .dropdown-toggle) {
3329
        border-right: 1px solid #CCC;
3472
        border-right: 1px solid #ccc;
3330
3473
3331
        &.btn-primary {
3474
        &.btn-primary {
3332
            border-right: 1px solid darken( saturate( $btn-primary, 15 ), 15 );
3475
            border-right: 1px solid darken(saturate($btn-primary, 15), 15);
3333
        }
3476
        }
3334
    }
3477
    }
3335
}
3478
}
Lines 3370-3376 code { Link Here
3370
}
3513
}
3371
3514
3372
.tab-content {
3515
.tab-content {
3373
    background-color: #FFF;
3516
    background-color: #fff;
3374
    border: 0;
3517
    border: 0;
3375
    border-radius: 0;
3518
    border-radius: 0;
3376
    padding: 1em;
3519
    padding: 1em;
Lines 3388-3405 code { Link Here
3388
}
3531
}
3389
3532
3390
.nav-tabs {
3533
.nav-tabs {
3391
    padding: .2em 1.4em 0 0;
3534
    padding: 0.2em 1.4em 0 0;
3392
3535
3393
    .nav-link {
3536
    .nav-link {
3394
        background-color: $background-color-primary;
3537
        background-color: $background-color-primary;
3395
        border-radius: 5px;
3538
        border-radius: 5px;
3396
        color: #FFF;
3539
        color: #fff;
3397
        font-weight: bold;
3540
        font-weight: bold;
3398
        margin: .2em .4em;
3541
        margin: 0.2em 0.4em;
3399
        transition: none;
3542
        transition: none;
3400
3543
3401
        .badge {
3544
        .badge {
3402
            line-height: .6;
3545
            line-height: 0.6;
3403
        }
3546
        }
3404
    }
3547
    }
3405
}
3548
}
Lines 3417-3427 code { Link Here
3417
}
3560
}
3418
3561
3419
#jobstatus {
3562
#jobstatus {
3420
    margin: .4em;
3563
    margin: 0.4em;
3421
}
3564
}
3422
3565
3423
#jobprogress {
3566
#jobprogress {
3424
    background: url( "../img/progress.png" ) -300px 0 no-repeat;
3567
    background: url("../img/progress.png") -300px 0 no-repeat;
3425
    border: 1px solid #666;
3568
    border: 1px solid #666;
3426
    display: inline-block;
3569
    display: inline-block;
3427
    height: 10px;
3570
    height: 10px;
Lines 3429-3435 code { Link Here
3429
}
3572
}
3430
3573
3431
.progress_panel {
3574
.progress_panel {
3432
    border: 2px solid #EEE;
3575
    border: 2px solid #eee;
3433
    border-radius: 5px;
3576
    border-radius: 5px;
3434
    clear: both;
3577
    clear: both;
3435
    font-size: 120%;
3578
    font-size: 120%;
Lines 3451-3457 progress { Link Here
3451
    }
3594
    }
3452
3595
3453
    span {
3596
    span {
3454
        background-color: #ECFFEB;
3597
        background-color: #ecffeb;
3455
        border-radius: 5px;
3598
        border-radius: 5px;
3456
        display: inline-block;
3599
        display: inline-block;
3457
        font-size: 75%;
3600
        font-size: 75%;
Lines 3460-3466 progress { Link Here
3460
        white-space: nowrap;
3603
        white-space: nowrap;
3461
3604
3462
        &.selected {
3605
        &.selected {
3463
            background-color: #D2FAD0;
3606
            background-color: #d2fad0;
3464
        }
3607
        }
3465
    }
3608
    }
3466
}
3609
}
Lines 3471-3477 progress { Link Here
3471
        &[type="password"] {
3614
        &[type="password"] {
3472
            font-family: $font-monospace;
3615
            font-family: $font-monospace;
3473
            font-size: 140%;
3616
            font-size: 140%;
3474
            padding: .3em;
3617
            padding: 0.3em;
3475
        }
3618
        }
3476
    }
3619
    }
3477
}
3620
}
Lines 3485-3491 progress { Link Here
3485
}
3628
}
3486
3629
3487
.tag_editor {
3630
.tag_editor {
3488
    background: transparent url( "../img/edit-tag.png" ) top left no-repeat;
3631
    background: transparent url("../img/edit-tag.png") top left no-repeat;
3489
    display: block;
3632
    display: block;
3490
    height: 16px;
3633
    height: 16px;
3491
    margin: 4px;
3634
    margin: 4px;
Lines 3506-3533 progress { Link Here
3506
3649
3507
.browse-controls {
3650
.browse-controls {
3508
    margin-left: 1.1em;
3651
    margin-left: 1.1em;
3509
    margin-right: .5em;
3652
    margin-right: 0.5em;
3510
    padding-bottom: 1em;
3653
    padding-bottom: 1em;
3511
    padding-top: 1em;
3654
    padding-top: 1em;
3512
}
3655
}
3513
3656
3514
#browse-return-to-results {
3657
#browse-return-to-results {
3515
    background-color: #E6E6E6;
3658
    background-color: #e6e6e6;
3516
    border: 1px solid lighten( $background-color-primary, 30% );
3659
    border: 1px solid lighten($background-color-primary, 30%);
3517
    border-bottom-width: 0;
3660
    border-bottom-width: 0;
3518
    border-top-left-radius: 5px;
3661
    border-top-left-radius: 5px;
3519
    border-top-right-radius: 5px;
3662
    border-top-right-radius: 5px;
3520
    display: block;
3663
    display: block;
3521
    padding: .5em;
3664
    padding: 0.5em;
3522
    text-align: center;
3665
    text-align: center;
3523
}
3666
}
3524
3667
3525
.browse-button {
3668
.browse-button {
3526
    background-color: transparent;
3669
    background-color: transparent;
3527
    border: 1px solid lighten( $background-color-primary, 30% );
3670
    border: 1px solid lighten($background-color-primary, 30%);
3528
    display: block;
3671
    display: block;
3529
    overflow: hidden;
3672
    overflow: hidden;
3530
    padding: .4em .6em;
3673
    padding: 0.4em 0.6em;
3531
    text-align: center;
3674
    text-align: center;
3532
    white-space: nowrap;
3675
    white-space: nowrap;
3533
    width: 100%;
3676
    width: 100%;
Lines 3537-3543 a.browse-button { Link Here
3537
    color: $green-text-color;
3680
    color: $green-text-color;
3538
3681
3539
    &:hover {
3682
    &:hover {
3540
        background: #FFF;
3683
        background: #fff;
3541
    }
3684
    }
3542
}
3685
}
3543
3686
Lines 3564-3592 span { Link Here
3564
    &.required {
3707
    &.required {
3565
        color: $warning-text-color;
3708
        color: $warning-text-color;
3566
        font-style: italic;
3709
        font-style: italic;
3567
        margin-left: .5em;
3710
        margin-left: 0.5em;
3568
    }
3711
    }
3569
3712
3570
    &.important {
3713
    &.important {
3571
        color: #EAC117;
3714
        color: #eac117;
3572
        font-style: italic;
3715
        font-style: italic;
3573
        margin-left: .5em;
3716
        margin-left: 0.5em;
3574
    }
3717
    }
3575
3718
3576
    &[class*=" label-"] {
3719
    &[class*=" label-"] {
3577
        color: #FFF;
3720
        color: #fff;
3578
        display: inline;
3721
        display: inline;
3579
        font-size: 75%;
3722
        font-size: 75%;
3580
        font-weight: normal;
3723
        font-weight: normal;
3581
        padding: .2em .6em .3em;
3724
        padding: 0.2em 0.6em 0.3em;
3582
    }
3725
    }
3583
}
3726
}
3584
3727
3585
.result-biblio-itemtype {
3728
.result-biblio-itemtype {
3586
    float: right;
3729
    float: right;
3587
    font-size: 85%;
3730
    font-size: 85%;
3588
    margin: .5em;
3731
    margin: 0.5em;
3589
    padding: .5em;
3732
    padding: 0.5em;
3590
    text-align: center;
3733
    text-align: center;
3591
3734
3592
    img {
3735
    img {
Lines 3614-3620 span { Link Here
3614
    tr {
3757
    tr {
3615
        &.active {
3758
        &.active {
3616
            td {
3759
            td {
3617
                background-color: #FFFFCC;
3760
                background-color: #ffffcc;
3618
            }
3761
            }
3619
        }
3762
        }
3620
    }
3763
    }
Lines 3626-3633 input.renew { Link Here
3626
3769
3627
.renewals-info {
3770
.renewals-info {
3628
    display: block;
3771
    display: block;
3629
    font-size: .8em;
3772
    font-size: 0.8em;
3630
    padding: .5em;
3773
    padding: 0.5em;
3631
}
3774
}
3632
3775
3633
.date-select {
3776
.date-select {
Lines 3641-3647 input.renew { Link Here
3641
}
3784
}
3642
3785
3643
#transport-types {
3786
#transport-types {
3644
    padding-top: .5px;
3787
    padding-top: 0.5px;
3645
}
3788
}
3646
3789
3647
#i18nMenu {
3790
#i18nMenu {
Lines 3664-3682 input.renew { Link Here
3664
}
3807
}
3665
3808
3666
.onsite-checkout-only {
3809
.onsite-checkout-only {
3667
    background-color: rgba( 255, 242, 206, .5 );
3810
    background-color: rgba(255, 242, 206, 0.5);
3668
    border: 1px solid #FFF2CE;
3811
    border: 1px solid #fff2ce;
3669
    border-radius: 4px;
3812
    border-radius: 4px;
3670
}
3813
}
3671
3814
3672
.branchgriditem {
3815
.branchgriditem {
3673
    background-color: #FFFFFF;
3816
    background-color: #ffffff;
3674
    border: 1px solid #BFD9B9;
3817
    border: 1px solid #bfd9b9;
3675
    border-radius: 3px;
3818
    border-radius: 3px;
3676
    display: table-cell;
3819
    display: table-cell;
3677
    float: left;
3820
    float: left;
3678
    margin: 3px;
3821
    margin: 3px;
3679
    padding: .3em;
3822
    padding: 0.3em;
3680
}
3823
}
3681
3824
3682
.branchgridrow {
3825
.branchgridrow {
Lines 3697-3717 input.renew { Link Here
3697
}
3840
}
3698
3841
3699
#new_rule {
3842
#new_rule {
3700
    background-color: #F4F8F9;
3843
    background-color: #f4f8f9;
3701
    border: 2px solid #BFD9B9;
3844
    border: 2px solid #bfd9b9;
3702
    border-radius: 5px;
3845
    border-radius: 5px;
3703
    display: none;
3846
    display: none;
3704
    margin: .3em;
3847
    margin: 0.3em;
3705
    padding: .3em;
3848
    padding: 0.3em;
3706
}
3849
}
3707
3850
3708
.blocks {
3851
.blocks {
3709
    margin-bottom: .3em;
3852
    margin-bottom: 0.3em;
3710
}
3853
}
3711
3854
3712
.remove_rule {
3855
.remove_rule {
3713
    font-size: 80%;
3856
    font-size: 80%;
3714
    padding-left: .7em;
3857
    padding-left: 0.7em;
3715
}
3858
}
3716
3859
3717
.underline {
3860
.underline {
Lines 3731-3741 input.renew { Link Here
3731
}
3874
}
3732
3875
3733
.form-message {
3876
.form-message {
3734
    background-color: #FFF;
3877
    background-color: #fff;
3735
    border: 1px solid #A4BEDD;
3878
    border: 1px solid #a4bedd;
3736
    border-radius: 5px;
3879
    border-radius: 5px;
3737
    margin: 1em;
3880
    margin: 1em;
3738
    padding: .5em;
3881
    padding: 0.5em;
3739
}
3882
}
3740
3883
3741
#pat_member {
3884
#pat_member {
Lines 3745-3751 input.renew { Link Here
3745
}
3888
}
3746
3889
3747
#fixedlengthbuilderaction {
3890
#fixedlengthbuilderaction {
3748
    border: 3px solid #E3F1DF;
3891
    border: 3px solid #e3f1df;
3749
    left: 80%;
3892
    left: 80%;
3750
    padding: 5px;
3893
    padding: 5px;
3751
    position: relative;
3894
    position: relative;
Lines 3779-3785 input.renew { Link Here
3779
        }
3922
        }
3780
3923
3781
        .fetch-failed {
3924
        .fetch-failed {
3782
            background-color: rgba( 255, 0, 0, .1 );
3925
            background-color: rgba(255, 0, 0, 0.1);
3783
3926
3784
            & > * {
3927
            & > * {
3785
                background-color: inherit;
3928
                background-color: inherit;
Lines 3808-3815 input.renew { Link Here
3808
            }
3951
            }
3809
        }
3952
        }
3810
3953
3811
        .metadata-row:not( :first-child ) {
3954
        .metadata-row:not(:first-child) {
3812
            margin-top: .5em;
3955
            margin-top: 0.5em;
3813
        }
3956
        }
3814
3957
3815
        .metadata-label {
3958
        .metadata-label {
Lines 3854-3860 input.renew { Link Here
3854
    }
3997
    }
3855
3998
3856
    #dataPreviewLabel {
3999
    #dataPreviewLabel {
3857
        margin: .3em 0;
4000
        margin: 0.3em 0;
3858
    }
4001
    }
3859
4002
3860
    .bg-info {
4003
    .bg-info {
Lines 3906-3912 input.renew { Link Here
3906
    #search-summary {
4049
    #search-summary {
3907
        position: absolute;
4050
        position: absolute;
3908
        top: 50%;
4051
        top: 50%;
3909
        transform: translateY( -50% );
4052
        transform: translateY(-50%);
3910
    }
4053
    }
3911
4054
3912
    #generic_confirm_search_count {
4055
    #generic_confirm_search_count {
Lines 4042-4048 input.renew { Link Here
4042
4185
4043
#stockrotation .stage,
4186
#stockrotation .stage,
4044
#catalog_stockrotation .stage {
4187
#catalog_stockrotation .stage {
4045
    background-color: rgba( 0, 0, 0, .1 );
4188
    background-color: rgba(0, 0, 0, 0.1);
4046
    border-radius: 5px;
4189
    border-radius: 5px;
4047
    display: inline-block;
4190
    display: inline-block;
4048
    margin: 3px 0 3px 0;
4191
    margin: 3px 0 3px 0;
Lines 4069-4075 input.renew { Link Here
4069
}
4212
}
4070
4213
4071
.drag_placeholder {
4214
.drag_placeholder {
4072
    border: 1px dotted #AAA;
4215
    border: 1px dotted #aaa;
4073
    height: 2em;
4216
    height: 2em;
4074
}
4217
}
4075
4218
Lines 4101-4108 input.renew { Link Here
4101
        display: inline-block;
4244
        display: inline-block;
4102
    }
4245
    }
4103
4246
4104
    li:nth-child( odd ) {
4247
    li:nth-child(odd) {
4105
        background-color: #F3F3F3;
4248
        background-color: #f3f3f3;
4106
    }
4249
    }
4107
4250
4108
    h3 {
4251
    h3 {
Lines 4110-4117 input.renew { Link Here
4110
    }
4253
    }
4111
4254
4112
    #ajax_status {
4255
    #ajax_status {
4113
        background: #F3F3F3;
4256
        background: #f3f3f3;
4114
        border: 1px solid #BCBCBC;
4257
        border: 1px solid #bcbcbc;
4115
        border-radius: 5px;
4258
        border-radius: 5px;
4116
        display: inline-block;
4259
        display: inline-block;
4117
        margin-left: 10px;
4260
        margin-left: 10px;
Lines 4134-4147 input.renew { Link Here
4134
}
4277
}
4135
4278
4136
.loggedin-menu-label {
4279
.loggedin-menu-label {
4137
    color: #FFFFFF;
4280
    color: #ffffff;
4138
    font-size: 12px;
4281
    font-size: 12px;
4139
    line-height: 1.4286;
4282
    line-height: 1.4286;
4140
    padding: 4px 12px;
4283
    padding: 4px 12px;
4141
    white-space: nowrap;
4284
    white-space: nowrap;
4142
4285
4143
    span {
4286
    span {
4144
        color: #FFFFFF;
4287
        color: #ffffff;
4145
        font-weight: bold;
4288
        font-weight: bold;
4146
        left: 15px;
4289
        left: 15px;
4147
        top: 0;
4290
        top: 0;
Lines 4163-4169 input.renew { Link Here
4163
        margin-bottom: 15px;
4306
        margin-bottom: 15px;
4164
4307
4165
        a {
4308
        a {
4166
            background-color: #E0E0E0;
4309
            background-color: #e0e0e0;
4167
            border-radius: 6px;
4310
            border-radius: 6px;
4168
            color: #101010;
4311
            color: #101010;
4169
            display: block;
4312
            display: block;
Lines 4173-4179 input.renew { Link Here
4173
4316
4174
            &:hover {
4317
            &:hover {
4175
                background-color: $background-color-primary;
4318
                background-color: $background-color-primary;
4176
                color: #FFF;
4319
                color: #fff;
4177
                text-decoration: none;
4320
                text-decoration: none;
4178
            }
4321
            }
4179
        }
4322
        }
Lines 4182-4193 input.renew { Link Here
4182
4325
4183
.about {
4326
.about {
4184
    h2 {
4327
    h2 {
4185
        border-bottom: 1px solid #BFD9B9;
4328
        border-bottom: 1px solid #bfd9b9;
4186
        margin: .5em 0;
4329
        margin: 0.5em 0;
4187
        padding: .5em 0;
4330
        padding: 0.5em 0;
4188
4331
4189
        & + p {
4332
        & + p {
4190
            margin-left: .5rem;
4333
            margin-left: 0.5rem;
4191
        }
4334
        }
4192
    }
4335
    }
4193
}
4336
}
Lines 4250-4256 input.renew { Link Here
4250
                }
4393
                }
4251
            }
4394
            }
4252
        }
4395
        }
4253
4254
    }
4396
    }
4255
4397
4256
    .slider {
4398
    .slider {
Lines 4260-4268 input.renew { Link Here
4260
        left: 0;
4402
        left: 0;
4261
        right: 0;
4403
        right: 0;
4262
        bottom: 0;
4404
        bottom: 0;
4263
        background-color: #CCC;
4405
        background-color: #ccc;
4264
        -webkit-transition: .4s;
4406
        -webkit-transition: 0.4s;
4265
        transition: .4s;
4407
        transition: 0.4s;
4266
        border-radius: 34px;
4408
        border-radius: 34px;
4267
4409
4268
        &::before {
4410
        &::before {
Lines 4273-4280 input.renew { Link Here
4273
            left: 4px;
4415
            left: 4px;
4274
            bottom: 4px;
4416
            bottom: 4px;
4275
            background-color: white;
4417
            background-color: white;
4276
            -webkit-transition: .4s;
4418
            -webkit-transition: 0.4s;
4277
            transition: .4s;
4419
            transition: 0.4s;
4278
            border-radius: 34px;
4420
            border-radius: 34px;
4279
            text-align: center;
4421
            text-align: center;
4280
            font-weight: bold;
4422
            font-weight: bold;
Lines 4333-4339 input.renew { Link Here
4333
}
4475
}
4334
4476
4335
.permission-highlight {
4477
.permission-highlight {
4336
    background-color: #FFC !important;
4478
    background-color: #ffc !important;
4337
}
4479
}
4338
4480
4339
.togglechildren_on,
4481
.togglechildren_on,
Lines 4357-4363 input.renew { Link Here
4357
}
4499
}
4358
4500
4359
.parent {
4501
.parent {
4360
    border: 1px solid #DDD;
4502
    border: 1px solid #ddd;
4361
    border-bottom-width: 0;
4503
    border-bottom-width: 0;
4362
    padding: 5px;
4504
    padding: 5px;
4363
4505
Lines 4365-4384 input.renew { Link Here
4365
        border-bottom-width: 1px;
4507
        border-bottom-width: 1px;
4366
    }
4508
    }
4367
4509
4368
    &:nth-child( odd ) {
4510
    &:nth-child(odd) {
4369
        background-color: #F8F8F8;
4511
        background-color: #f8f8f8;
4370
    }
4512
    }
4371
}
4513
}
4372
4514
4373
.superlibrarian-hint {
4515
.superlibrarian-hint {
4374
    color: #000;
4516
    color: #000;
4375
    padding: .2em 0;
4517
    padding: 0.2em 0;
4376
    text-indent: 2em;
4518
    text-indent: 2em;
4377
}
4519
}
4378
4520
4379
.child-flags {
4521
.child-flags {
4380
    background-color: #FFF;
4522
    background-color: #fff;
4381
    border: 1px solid #DDD;
4523
    border: 1px solid #ddd;
4382
    border-bottom-width: 0;
4524
    border-bottom-width: 0;
4383
    margin: 0 5px 0 20px;
4525
    margin: 0 5px 0 20px;
4384
    padding: 5px;
4526
    padding: 5px;
Lines 4391-4398 input.renew { Link Here
4391
        border-bottom-width: 1px;
4533
        border-bottom-width: 1px;
4392
    }
4534
    }
4393
4535
4394
    &:nth-child( odd ) {
4536
    &:nth-child(odd) {
4395
        background-color: #EEE;
4537
        background-color: #eee;
4396
    }
4538
    }
4397
}
4539
}
4398
4540
Lines 4408-4414 div .suggestion_note { Link Here
4408
    padding: 2px 0 0 0;
4550
    padding: 2px 0 0 0;
4409
4551
4410
    i {
4552
    i {
4411
        color: #CCC;
4553
        color: #ccc;
4412
    }
4554
    }
4413
}
4555
}
4414
4556
Lines 4423-4448 div .suggestion_note { Link Here
4423
        font-weight: bold;
4565
        font-weight: bold;
4424
4566
4425
        &.text-bg-info {
4567
        &.text-bg-info {
4426
            background-color: #9BD6E8;
4568
            background-color: #9bd6e8;
4427
        }
4569
        }
4428
4570
4429
        &.text-bg-danger {
4571
        &.text-bg-danger {
4430
            background-color: #FF7873;
4572
            background-color: #ff7873;
4431
        }
4573
        }
4432
4574
4433
        &:has( span:empty + span:empty ), /* If the element contains two empty spans */
4575
        &:has( span:empty + span:empty ), /* If the element contains two empty spans */
4434
        &:has( span:only-child:empty ) { /* If the element contains only one span and it is empty */
4576
        &:has( span:only-child:empty ) {
4577
            /* If the element contains only one span and it is empty */
4435
            background-color: transparent;
4578
            background-color: transparent;
4436
            padding: 0;
4579
            padding: 0;
4437
        }
4580
        }
4438
4581
4439
        &:has( span + span:empty ) { /* If the element has a non-empty span followed by an empty one, reset style */
4582
        &:has(span + span:empty) {
4440
            background-color: #9BD6E8;
4583
            /* If the element has a non-empty span followed by an empty one, reset style */
4584
            background-color: #9bd6e8;
4441
        }
4585
        }
4442
    }
4586
    }
4443
}
4587
}
4444
4588
4445
.count-active { /* Add separator between two counts in a tab */
4589
.count-active {
4590
    /* Add separator between two counts in a tab */
4446
    & + .count-inactive {
4591
    & + .count-inactive {
4447
        &:empty::before {
4592
        &:empty::before {
4448
            content: "";
4593
            content: "";
Lines 4455-4478 div .suggestion_note { Link Here
4455
}
4600
}
4456
4601
4457
.ac-library {
4602
.ac-library {
4458
    background-color: #EEE !important;
4603
    background-color: #eee !important;
4459
    font-weight: normal;
4604
    font-weight: normal;
4460
    color: #000;
4605
    color: #000;
4461
}
4606
}
4462
4607
4463
.ac-currentlibrary {
4608
.ac-currentlibrary {
4464
    .ac-library {
4609
    .ac-library {
4465
        background-color: #E6FCB7 !important;
4610
        background-color: #e6fcb7 !important;
4466
        font-weight: bold;
4611
        font-weight: bold;
4467
    }
4612
    }
4468
}
4613
}
4469
4614
4470
.badge + .badge {
4615
.badge + .badge {
4471
    margin-left: .3rem;
4616
    margin-left: 0.3rem;
4472
}
4617
}
4473
4618
4474
.currentlibrary {
4619
.currentlibrary {
4475
    background-color: #E6FCB7 !important;
4620
    background-color: #e6fcb7 !important;
4476
    display: inline-block;
4621
    display: inline-block;
4477
    padding: 2px 4px;
4622
    padding: 2px 4px;
4478
}
4623
}
Lines 4498-4515 div .suggestion_note { Link Here
4498
4643
4499
    .results_available_count {
4644
    .results_available_count {
4500
        font-weight: bold;
4645
        font-weight: bold;
4501
        margin-bottom: .5em;
4646
        margin-bottom: 0.5em;
4502
    }
4647
    }
4503
4648
4504
    .results_checkedout {
4649
    .results_checkedout {
4505
        color: #900;
4650
        color: #900;
4506
        margin: .3em 0;
4651
        margin: 0.3em 0;
4507
    }
4652
    }
4508
4653
4509
    .results_unavailable {
4654
    .results_unavailable {
4510
        color: #555;
4655
        color: #555;
4511
        font-style: italic;
4656
        font-style: italic;
4512
        margin: .3em 0;
4657
        margin: 0.3em 0;
4513
    }
4658
    }
4514
4659
4515
    .result_item_details {
4660
    .result_item_details {
Lines 4528-4534 div .suggestion_note { Link Here
4528
4673
4529
#camera,
4674
#camera,
4530
#output {
4675
#output {
4531
    border: 8px solid #EDF4F6;
4676
    border: 8px solid #edf4f6;
4532
    padding: 1em;
4677
    padding: 1em;
4533
}
4678
}
4534
4679
Lines 4543-4556 div .suggestion_note { Link Here
4543
    flex-wrap: nowrap;
4688
    flex-wrap: nowrap;
4544
4689
4545
    div {
4690
    div {
4546
        padding: 0 .5em;
4691
        padding: 0 0.5em;
4547
    }
4692
    }
4548
}
4693
}
4549
4694
4550
#koha_version,
4695
#koha_version,
4551
#koha_community {
4696
#koha_community {
4552
    float: right;
4697
    float: right;
4553
    margin: .5em;
4698
    margin: 0.5em;
4554
}
4699
}
4555
4700
4556
#cookieConsentedJSItems {
4701
#cookieConsentedJSItems {
Lines 4562-4568 div .suggestion_note { Link Here
4562
    }
4707
    }
4563
4708
4564
    .cookieConsentedJSItem {
4709
    .cookieConsentedJSItem {
4565
        border: 1px solid #CCC;
4710
        border: 1px solid #ccc;
4566
        margin-bottom: 30px;
4711
        margin-bottom: 30px;
4567
        padding: 10px;
4712
        padding: 10px;
4568
    }
4713
    }
Lines 4593-4601 div .suggestion_note { Link Here
4593
/* Cookie consent bar */
4738
/* Cookie consent bar */
4594
#cookieConsentBar {
4739
#cookieConsentBar {
4595
    align-items: center;
4740
    align-items: center;
4596
    background: rgba( 0, 0, 0, .7 );
4741
    background: rgba(0, 0, 0, 0.7);
4597
    bottom: 0;
4742
    bottom: 0;
4598
    color: rgba( 255, 255, 255, .9 );
4743
    color: rgba(255, 255, 255, 0.9);
4599
    display: none;
4744
    display: none;
4600
    flex-wrap: wrap;
4745
    flex-wrap: wrap;
4601
    left: 0;
4746
    left: 0;
Lines 4606-4619 div .suggestion_note { Link Here
4606
4751
4607
    a:link,
4752
    a:link,
4608
    a:visited {
4753
    a:visited {
4609
        color: #D7EBFF;
4754
        color: #d7ebff;
4610
    }
4755
    }
4611
4756
4612
    button {
4757
    button {
4613
        margin-bottom: .5rem;
4758
        margin-bottom: 0.5rem;
4614
        margin-top: .5rem;
4759
        margin-top: 0.5rem;
4615
4760
4616
        &:not( :last-child ) {
4761
        &:not(:last-child) {
4617
            margin-right: 10px;
4762
            margin-right: 10px;
4618
        }
4763
        }
4619
    }
4764
    }
Lines 4634-4646 div .suggestion_note { Link Here
4634
4779
4635
    .consentModalItem {
4780
    .consentModalItem {
4636
        align-items: center;
4781
        align-items: center;
4637
        border: 1px solid #CCC;
4782
        border: 1px solid #ccc;
4638
        border-radius: 5px;
4783
        border-radius: 5px;
4639
        display: flex;
4784
        display: flex;
4640
        padding: 10px 20px;
4785
        padding: 10px 20px;
4641
    }
4786
    }
4642
4787
4643
    .consentModalItem:not( :last-child ) {
4788
    .consentModalItem:not(:last-child) {
4644
        margin-bottom: 20px;
4789
        margin-bottom: 20px;
4645
    }
4790
    }
4646
4791
Lines 4660-4679 div .suggestion_note { Link Here
4660
.chocolat-wrapper {
4805
.chocolat-wrapper {
4661
    z-index: 1050;
4806
    z-index: 1050;
4662
4807
4663
    --chocolat-icon-left: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 32 32'%3E%3Ccircle fill='%23408540' cx='16' cy='16' r='16' fill-opacity='.9'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.3' d='M15.3 20.7 10.7 16l4.6-4.7m7.4 4.7h-12'/%3E%3C/svg%3E" );
4808
    --chocolat-icon-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 32 32'%3E%3Ccircle fill='%23408540' cx='16' cy='16' r='16' fill-opacity='.9'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.3' d='M15.3 20.7 10.7 16l4.6-4.7m7.4 4.7h-12'/%3E%3C/svg%3E");
4664
    --chocolat-icon-right: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle fill='%23408540' cx='16' cy='16' r='16' fill-opacity='.9'/%3E%3Cpath d='m16.7 11.3 4.6 4.7-4.6 4.7M9.3 16h12' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E" );
4809
    --chocolat-icon-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle fill='%23408540' cx='16' cy='16' r='16' fill-opacity='.9'/%3E%3Cpath d='m16.7 11.3 4.6 4.7-4.6 4.7M9.3 16h12' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E");
4665
    --chocolat-icon-loader: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38'%3E%3Cg transform='translate(1 1)' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23000' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18C36 8 28 0 18 0' stroke='%236faf44'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E" );
4810
    --chocolat-icon-loader: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38'%3E%3Cg transform='translate(1 1)' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23000' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18C36 8 28 0 18 0' stroke='%236faf44'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
4666
    --chocolat-icon-close: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke-linecap='round'%3E%3Ccircle fill='%23408540' cx='16' cy='16' r='16' fill-opacity='.9'/%3E%3Cpath d='m12 12 8 8m0-8-8 8' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E" );
4811
    --chocolat-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' stroke-linecap='round'%3E%3Ccircle fill='%23408540' cx='16' cy='16' r='16' fill-opacity='.9'/%3E%3Cpath d='m12 12 8 8m0-8-8 8' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E");
4667
4812
4668
    a:link,
4813
    a:link,
4669
    a:visited,
4814
    a:visited,
4670
    a:hover,
4815
    a:hover,
4671
    a:active {
4816
    a:active {
4672
        color: #FFF;
4817
        color: #fff;
4673
    }
4818
    }
4674
4819
4675
    .chocolat-bottom {
4820
    .chocolat-bottom {
4676
        background: rgba( 0, 0, 0, .7 );
4821
        background: rgba(0, 0, 0, 0.7);
4677
    }
4822
    }
4678
}
4823
}
4679
4824
Lines 4693-4704 div .suggestion_note { Link Here
4693
4838
4694
#setlibrary_panel {
4839
#setlibrary_panel {
4695
    .setlibrary_panel_open {
4840
    .setlibrary_panel_open {
4696
        border-bottom: 1px solid #CCC;
4841
        border-bottom: 1px solid #ccc;
4697
        border-top: 1px solid #CCC;
4842
        border-top: 1px solid #ccc;
4698
    }
4843
    }
4699
4844
4700
    fieldset {
4845
    fieldset {
4701
        background-color: #554B4D;
4846
        background-color: #554b4d;
4702
        margin: 0;
4847
        margin: 0;
4703
4848
4704
        &.rows {
4849
        &.rows {
Lines 4708-4714 div .suggestion_note { Link Here
4708
        }
4853
        }
4709
4854
4710
        &.action {
4855
        &.action {
4711
            padding: .5em 0 1em 1em;
4856
            padding: 0.5em 0 1em 1em;
4712
        }
4857
        }
4713
    }
4858
    }
4714
4859
Lines 4717-4728 div .suggestion_note { Link Here
4717
    }
4862
    }
4718
4863
4719
    label {
4864
    label {
4720
        color: #FFF;
4865
        color: #fff;
4721
        display: block;
4866
        display: block;
4722
        float: none;
4867
        float: none;
4723
        font-weight: normal;
4868
        font-weight: normal;
4724
        margin: 0;
4869
        margin: 0;
4725
        padding-bottom: .2em;
4870
        padding-bottom: 0.2em;
4726
        text-align: left;
4871
        text-align: left;
4727
        width: unset;
4872
        width: unset;
4728
    }
4873
    }
Lines 4732-4738 div .suggestion_note { Link Here
4732
    }
4877
    }
4733
4878
4734
    #cancel_set_library {
4879
    #cancel_set_library {
4735
        color: #FFF;
4880
        color: #fff;
4736
        padding: 0.4em 20px;
4881
        padding: 0.4em 20px;
4737
4882
4738
        &:hover {
4883
        &:hover {
Lines 4757-4763 div .suggestion_note { Link Here
4757
            border: 1px solid #408540;
4902
            border: 1px solid #408540;
4758
4903
4759
            &::before {
4904
            &::before {
4760
                font-family: 'Font Awesome 6 Free';
4905
                font-family: "Font Awesome 6 Free";
4761
                content: "\f058";
4906
                content: "\f058";
4762
                color: #408540;
4907
                color: #408540;
4763
                position: absolute;
4908
                position: absolute;
Lines 4770-4782 div .suggestion_note { Link Here
4770
}
4915
}
4771
4916
4772
.dropdown-menu {
4917
.dropdown-menu {
4773
    box-shadow: 0 2px 6px rgba(0,0,0,0.175);
4918
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.175);
4774
}
4919
}
4775
4920
4776
.navbar.fixed-bottom {
4921
.navbar.fixed-bottom {
4777
    background: #FFF none;
4922
    background: #fff none;
4778
    border-radius: 0;
4923
    border-radius: 0;
4779
    border-top: 1px solid #ADADAD;
4924
    border-top: 1px solid #adadad;
4780
    box-shadow: none;
4925
    box-shadow: none;
4781
4926
4782
    fieldset {
4927
    fieldset {
Lines 4786-4796 div .suggestion_note { Link Here
4786
4931
4787
    .navbar-inner {
4932
    .navbar-inner {
4788
        min-height: 0;
4933
        min-height: 0;
4789
        padding: .4em 0;
4934
        padding: 0.4em 0;
4790
    }
4935
    }
4791
4936
4792
    .nav > li {
4937
    .nav > li {
4793
        border-right: 1px solid #CCC;
4938
        border-right: 1px solid #ccc;
4794
4939
4795
        > a {
4940
        > a {
4796
            font-weight: normal;
4941
            font-weight: normal;
Lines 4802-4808 div .suggestion_note { Link Here
4802
4947
4803
        &.navbar-text {
4948
        &.navbar-text {
4804
            line-height: normal;
4949
            line-height: normal;
4805
            padding: .4em .7em;
4950
            padding: 0.4em 0.7em;
4806
        }
4951
        }
4807
    }
4952
    }
4808
}
4953
}
Lines 4817-4830 div .suggestion_note { Link Here
4817
@import "toolbar";
4962
@import "toolbar";
4818
@import "forms";
4963
@import "forms";
4819
4964
4820
@media only screen and ( min-width: 608px ) {
4965
@media only screen and (min-width: 608px) {
4821
    .consentButtons {
4966
    .consentButtons {
4822
        text-align: right;
4967
        text-align: right;
4823
        white-space: nowrap;
4968
        white-space: nowrap;
4824
    }
4969
    }
4825
}
4970
}
4826
4971
4827
@media only screen and ( min-width: 576px ) {
4972
@media only screen and (min-width: 576px) {
4828
    body {
4973
    body {
4829
        padding-bottom: 4em;
4974
        padding-bottom: 4em;
4830
    }
4975
    }
Lines 4843-4865 div .suggestion_note { Link Here
4843
    }
4988
    }
4844
}
4989
}
4845
4990
4846
@media ( min-width: 768px ) {
4991
@media (min-width: 768px) {
4847
    .nav-tabs {
4992
    .nav-tabs {
4848
        .nav-link {
4993
        .nav-link {
4849
            border-radius: 0;
4994
            border-radius: 0;
4850
            margin: 0 .4em calc( -1 * var( --bs-nav-tabs-border-width ) ) 0;
4995
            margin: 0 0.4em calc(-1 * var(--bs-nav-tabs-border-width)) 0;
4851
        }
4996
        }
4852
    }
4997
    }
4853
}
4998
}
4854
4999
4855
@media ( max-width: 767px ) {
5000
@media (max-width: 767px) {
4856
    #marcPreview {
5001
    #marcPreview {
4857
        margin: 0;
5002
        margin: 0;
4858
        width: auto;
5003
        width: auto;
4859
    }
5004
    }
4860
}
5005
}
4861
5006
4862
@media only screen and ( min-width: 1000px ) {
5007
@media only screen and (min-width: 1000px) {
4863
    .patronimage {
5008
    .patronimage {
4864
        h5 {
5009
        h5 {
4865
            text-align: center;
5010
            text-align: center;
Lines 4875-4881 div .suggestion_note { Link Here
4875
            &.brief {
5020
            &.brief {
4876
                & + .action {
5021
                & + .action {
4877
                    display: flex;
5022
                    display: flex;
4878
                    gap: .5rem;
5023
                    gap: 0.5rem;
4879
5024
4880
                    input,
5025
                    input,
4881
                    button,
5026
                    button,
Lines 4894-4900 div .suggestion_note { Link Here
4894
    }
5039
    }
4895
}
5040
}
4896
5041
4897
@media only screen and ( max-width: 1000px ) {
5042
@media only screen and (max-width: 1000px) {
4898
    .browse-button {
5043
    .browse-button {
4899
        display: inline-block;
5044
        display: inline-block;
4900
        width: 50%;
5045
        width: 50%;
Lines 4912-4918 div .suggestion_note { Link Here
4912
    }
5057
    }
4913
}
5058
}
4914
5059
4915
@media ( min-width: 1050px ) {
5060
@media (min-width: 1050px) {
4916
    #helper {
5061
    #helper {
4917
        i {
5062
        i {
4918
            display: none;
5063
            display: none;
Lines 4924-4930 div .suggestion_note { Link Here
4924
    }
5069
    }
4925
}
5070
}
4926
5071
4927
@media only screen and ( min-width: 1200px ) {
5072
@media only screen and (min-width: 1200px) {
4928
    .browse-button {
5073
    .browse-button {
4929
        display: inline-block;
5074
        display: inline-block;
4930
        width: 50%;
5075
        width: 50%;
Lines 4962-4968 div .suggestion_note { Link Here
4962
    z-index: $zindex-tooltip;
5107
    z-index: $zindex-tooltip;
4963
}
5108
}
4964
5109
4965
@media only screen and ( max-width: 1200px ) {
5110
@media only screen and (max-width: 1200px) {
4966
    .patron_search_modal {
5111
    .patron_search_modal {
4967
        .modal-body {
5112
        .modal-body {
4968
            display: block;
5113
            display: block;
(-)a/koha-tmpl/intranet-tmpl/prog/js/modals/place_booking.js (-2 / +49 lines)
Lines 1065-1077 $("#placeBookingModal").on("show.bs.modal", function (e) { Link Here
1065
                                        dayElem.dateObj
1065
                                        dayElem.dateObj
1066
                                    ).startOf("day");
1066
                                    ).startOf("day");
1067
1067
1068
                                    // Clear existing booking lead/trail classes
1068
                                    // Clear existing booking lead/trail classes (including start/end)
1069
                                    dayElem.classList.remove(
1069
                                    dayElem.classList.remove(
1070
                                        "existingBookingLead"
1070
                                        "existingBookingLead"
1071
                                    );
1071
                                    );
1072
                                    dayElem.classList.remove(
1073
                                        "existingBookingLeadStart"
1074
                                    );
1075
                                    dayElem.classList.remove(
1076
                                        "existingBookingLeadEnd"
1077
                                    );
1072
                                    dayElem.classList.remove(
1078
                                    dayElem.classList.remove(
1073
                                        "existingBookingTrail"
1079
                                        "existingBookingTrail"
1074
                                    );
1080
                                    );
1081
                                    dayElem.classList.remove(
1082
                                        "existingBookingTrailStart"
1083
                                    );
1084
                                    dayElem.classList.remove(
1085
                                        "existingBookingTrailEnd"
1086
                                    );
1075
1087
1076
                                    // Apply new booking's lead/trail period classes
1088
                                    // Apply new booking's lead/trail period classes
1077
                                    dayElem.classList.toggle(
1089
                                    dayElem.classList.toggle(
Lines 1125-1130 $("#placeBookingModal").on("show.bs.modal", function (e) { Link Here
1125
                                            dayElem.classList.add(
1137
                                            dayElem.classList.add(
1126
                                                "existingBookingTrail"
1138
                                                "existingBookingTrail"
1127
                                            );
1139
                                            );
1140
                                            // Add start/end classes for rounded borders
1141
                                            if (
1142
                                                elemDate.isSame(
1143
                                                    existingTrailStart
1144
                                                )
1145
                                            ) {
1146
                                                dayElem.classList.add(
1147
                                                    "existingBookingTrailStart"
1148
                                                );
1149
                                            }
1150
                                            if (
1151
                                                elemDate.isSame(
1152
                                                    existingTrailEnd
1153
                                                )
1154
                                            ) {
1155
                                                dayElem.classList.add(
1156
                                                    "existingBookingTrailEnd"
1157
                                                );
1158
                                            }
1128
                                        }
1159
                                        }
1129
                                    }
1160
                                    }
1130
1161
Lines 1152-1157 $("#placeBookingModal").on("show.bs.modal", function (e) { Link Here
1152
                                            dayElem.classList.add(
1183
                                            dayElem.classList.add(
1153
                                                "existingBookingLead"
1184
                                                "existingBookingLead"
1154
                                            );
1185
                                            );
1186
                                            // Add start/end classes for rounded borders
1187
                                            if (
1188
                                                elemDate.isSame(
1189
                                                    existingLeadStart
1190
                                                )
1191
                                            ) {
1192
                                                dayElem.classList.add(
1193
                                                    "existingBookingLeadStart"
1194
                                                );
1195
                                            }
1196
                                            if (
1197
                                                elemDate.isSame(existingLeadEnd)
1198
                                            ) {
1199
                                                dayElem.classList.add(
1200
                                                    "existingBookingLeadEnd"
1201
                                                );
1202
                                            }
1155
                                        }
1203
                                        }
1156
                                    }
1204
                                    }
1157
1205
1158
- 

Return to bug 37707