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

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss (-370 / +364 lines)
Lines 4-10 Link Here
4
4
5
::selection {
5
::selection {
6
    background: #418940;
6
    background: #418940;
7
    color: #fff;
7
    color: #FFFFFF;
8
}
8
}
9
9
10
a {
10
a {
Lines 12-29 a { Link Here
12
    &:visited {
12
    &:visited {
13
        color: #71B443;
13
        color: #71B443;
14
        padding: .3em;
14
        padding: .3em;
15
        border: none;
15
        border: 0;
16
        background-color: transparent;
16
        background-color: transparent;
17
        box-shadow: none;
17
        box-shadow: none;
18
        font-size: 100%;
18
        font-size: 100%;
19
    }
19
    }
20
20
21
    &:hover,
21
    &:hover,
22
    &:active, &:focus {
22
    &:active,
23
    &:focus {
23
        text-decoration: underline;
24
        text-decoration: underline;
24
        color: #71B443;
25
        color: #71B443;
25
        padding: .3em;
26
        padding: .3em;
26
        border: none;
27
        border: 0;
27
        background-color: transparent;
28
        background-color: transparent;
28
        box-shadow: none;
29
        box-shadow: none;
29
        font-size: 100%;
30
        font-size: 100%;
Lines 58-64 a { Link Here
58
59
59
    }
60
    }
60
61
61
    &.edit-patronimage{
62
    &.edit-patronimage {
62
        color: #333;
63
        color: #333;
63
        background-color: #e6e6e6;
64
        background-color: #e6e6e6;
64
        border-color: #adadad;
65
        border-color: #adadad;
Lines 87-95 a { Link Here
87
        border-radius: 4px;
88
        border-radius: 4px;
88
        user-select: none;
89
        user-select: none;
89
90
90
        &:hover{
91
        &:hover {
91
            font-weight: bold;
92
            font-weight: bold;
92
            background-color: #f1f1f1;
93
            background-color: #F1F1F1;
93
            border: #696969 double 1px;
94
            border: #696969 double 1px;
94
            text-decoration: none;
95
            text-decoration: none;
95
        }
96
        }
Lines 113-120 a { Link Here
113
        }
114
        }
114
    }
115
    }
115
116
116
    &.settings{
117
    &.settings {
117
        i, img{
118
        i, img {
118
            text-align: center;
119
            text-align: center;
119
            color: #71B443;
120
            color: #71B443;
120
            border: solid 3px #71B443;
121
            border: solid 3px #71B443;
Lines 134-145 a { Link Here
134
135
135
        }
136
        }
136
137
137
        &:hover{
138
        &:hover {
138
            color: #418940;
139
            color: #418940;
139
            text-decoration: none;
140
            text-decoration: none;
140
            font-weight: bold;
141
            font-weight: bold;
141
142
142
            i, img{
143
            i, img {
143
                border-color: #418940;
144
                border-color: #418940;
144
                background-color: transparent;
145
                background-color: transparent;
145
                color: #418940;
146
                color: #418940;
Lines 147-153 a { Link Here
147
148
148
        }
149
        }
149
150
150
        img{
151
        img {
151
            max-width: 30px;
152
            max-width: 30px;
152
            height: auto;
153
            height: auto;
153
            padding: 10px;
154
            padding: 10px;
Lines 166-186 a { Link Here
166
        color: #666;
167
        color: #666;
167
    }
168
    }
168
169
169
    &.principal{
170
    &.principal {
170
        background-color: #FEC32C;
171
        background-color: #FEC32C;
171
        color: #000;
172
        color: #000;
172
        text-shadow: 0 1px 0 #fff;
173
        text-shadow: 0 1px 0 #FFFFFF;
173
        padding: 6px 25px;
174
        padding: 6px 25px;
174
        border: none;
175
        border: 0;
175
        background-image: none;
176
        background-image: none;
176
        margin: 5px;
177
        margin: 5px;
177
178
178
        &:hover,
179
        &:hover,
179
        &:active,
180
        &:active,
180
        &:focus{
181
        &:focus {
181
            background-color: #fec22c9f;
182
            background-color: #fec22c9f;
182
            color: #000;
183
            color: #000;
183
            border: none;
184
            border: 0;
184
        }
185
        }
185
    }
186
    }
186
187
Lines 233-289 a { Link Here
233
        background-image: url("../img/famfamfam/silk/page_white_code.png");
234
        background-image: url("../img/famfamfam/silk/page_white_code.png");
234
    }
235
    }
235
236
236
    &.toolbar-btn{
237
    &.toolbar-btn {
237
        font-family: 'Poppins', sans-serif;
238
        font-family: 'Poppins', sans-serif;
238
        font-weight: normal;
239
        font-weight: normal;
239
        text-align: center;
240
        text-align: center;
240
        white-space: nowrap;
241
        white-space: nowrap;
241
        vertical-align: middle;
242
        vertical-align: middle;
242
        -ms-touch-action: manipulation;
243
        touch-action: manipulation;
243
        touch-action: manipulation;
244
        cursor: pointer;
244
        cursor: pointer;
245
        background-image: none;
245
        background-image: none;
246
        padding: 6px 12px;
246
        padding: 6px 12px;
247
        font-size: 12px;
247
        font-size: 12px;
248
        border-radius: 4px;
248
        border-radius: 4px;
249
        -webkit-user-select: none;
250
        -moz-user-select: none;
251
        -ms-user-select: none;
252
        user-select: none;
249
        user-select: none;
253
        font-size: 105%;
250
        font-size: 105%;
254
        background-color: transparent;
251
        background-color: transparent;
255
        border: none;
252
        border: 0;
256
        display: inline-block;
253
        display: inline-block;
257
        margin: 5px 10px;
254
        margin: 5px 10px;
258
        color: #696969;
255
        color: #696969;
259
256
260
        &:hover, &:focus{
257
        &:hover, &:focus {
261
            text-decoration: none;
258
            text-decoration: none;
262
            background-color: #dadada;
259
            background-color: #DADADA;
263
        }
260
        }
264
261
265
        &:active{
262
        &:active {
266
            border: none;
263
            border: 0;
267
        }
264
        }
268
265
269
        &.word{
266
        &.word {
270
            margin-right: 0;
267
            margin-right: 0;
271
            padding-right: .1em;
268
            padding-right: .1em;
272
        }
269
        }
273
270
274
        &.arrow{
271
        &.arrow {
275
            margin-left: 0;
272
            margin-left: 0;
276
            border-radius: 4px;
273
            border-radius: 4px;
277
            padding-left: .1em;
274
            padding-left: .1em;
278
275
279
            &:active{
276
            &:active {
280
                border: 1px solid #000;
277
                border: 1px solid #000;
281
                border-radius: 4px;
278
                border-radius: 4px;
282
            }
279
            }
283
        }
280
        }
284
    }
281
    }
285
282
286
    &.more_link{
283
    &.more_link {
287
        color: #71B443;
284
        color: #71B443;
288
        background-color: transparent;
285
        background-color: transparent;
289
286
Lines 293-299 a { Link Here
293
        bottom: 10px;
290
        bottom: 10px;
294
        line-height: 15px;
291
        line-height: 15px;
295
292
296
        &:hover{
293
        &:hover {
297
            text-decoration: none;
294
            text-decoration: none;
298
            color:#71B443;
295
            color:#71B443;
299
            background-color: transparent;
296
            background-color: transparent;
Lines 302-346 a { Link Here
302
}
299
}
303
300
304
301
305
#resetZ3950Search{
302
#resetZ3950Search {
306
    font-size: 110%;
303
    font-size: 110%;
307
    color: #71B443;
304
    color: #71B443;
308
}
305
}
309
306
310
a.ctrl_link {
307
a {
311
    display: inline-block;
308
    .ctrl_link {
312
    padding-right: 1rem;
309
        display: inline-block;
310
        padding-right: 1rem;
311
    }
313
}
312
}
314
313
315
314
316
aside {
315
aside {
317
    position: absolute;
316
    position: absolute;
318
    left: 0px;
317
    left: 0;
319
    width: 100%;
318
    width: 100%;
320
319
321
    fieldset{
320
    fieldset {
322
        &.sidebar{
321
        &.sidebar {
323
            box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
322
            box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
324
            padding: 0.9em;
323
            padding: .9em;
325
            width: 100%;
324
            width: 100%;
326
            left: 0px;
325
            left: 0;
327
            overflow: auto;
326
            overflow: auto;
328
            height: auto;
327
            height: auto;
329
            max-height: 500px;
328
            max-height: 500px;
330
329
331
332
            &::-webkit-scrollbar {
330
            &::-webkit-scrollbar {
333
                width: 12px;
331
                width: 12px;
334
            }
332
            }
335
333
336
            &::-webkit-scrollbar-track {
334
            &::-webkit-scrollbar-track {
337
                background: #eeeeee;
335
                background: #EEEEEE;
338
            }
336
            }
339
337
340
            &::-webkit-scrollbar-thumb {
338
            &::-webkit-scrollbar-thumb {
341
                background: #696969;
339
                background: #696969;
342
                border-radius: 20px;
340
                border-radius: 20px;
343
                border: 3px solid #eeeeee;
341
                border: 3px solid #EEEEEE;
344
            }
342
            }
345
343
346
            button + button,
344
            button + button,
Lines 348-354 aside { Link Here
348
                margin-left: 5px;
346
                margin-left: 5px;
349
            }
347
            }
350
348
351
            input{
349
            input {
352
                &.cancel {
350
                &.cancel {
353
351
354
                    background-color: transparent;
352
                    background-color: transparent;
Lines 372-390 aside { Link Here
372
                    border-radius: 4px;
370
                    border-radius: 4px;
373
                    user-select: none;
371
                    user-select: none;
374
372
375
                    &:hover{
373
                    &:hover {
376
                        font-weight: bold;
374
                        font-weight: bold;
377
                        background-color: #f1f1f1;
375
                        background-color: #F1F1F1;
378
                        border: #696969 double 1px;
376
                        border: #696969 double 1px;
379
                        text-decoration: none;
377
                        text-decoration: none;
380
                    }
378
                    }
381
                }
379
                }
382
            }
380
            }
383
381
384
            fieldset.brief{
382
            fieldset.brief {
385
                width: 100%;
383
                width: 100%;
386
384
387
                legend{
385
                legend {
388
                    color: #696969;
386
                    color: #696969;
389
                    font-weight: bold;
387
                    font-weight: bold;
390
                    font-size: 13px;
388
                    font-size: 13px;
Lines 392-409 aside { Link Here
392
                    border-bottom: 0;
390
                    border-bottom: 0;
393
                }
391
                }
394
392
395
                li{
393
                li {
396
                    margin-top: 0;
394
                    margin-top: 0;
397
                    padding: 0;
395
                    padding: 0;
398
396
399
                    &.radio{
397
                    &.radio {
400
                        padding: 0;
398
                        padding: 0;
401
                    }
399
                    }
402
400
403
                    label {
401
                    label {
404
                        color: #696969;
402
                        color: #696969;
405
                        font-size: 13px;
403
                        font-size: 13px;
406
                        padding: 0.5em 0.3em 0 0;
404
                        padding: .5em .3em 0 0;
407
                        margin: 0;
405
                        margin: 0;
408
                        font-weight: normal;
406
                        font-weight: normal;
409
                    }
407
                    }
Lines 415-434 aside { Link Here
415
                }
413
                }
416
            }
414
            }
417
415
418
            ol{
416
            ol {
419
                padding: 0;
417
                padding: 0;
420
                li {
418
                li {
421
                    list-style: none;
419
                    list-style: none;
422
                    left: 0px;
420
                    left: 0;
423
                    flex-direction: row;
421
                    flex-direction: row;
424
                    width: 100%;
422
                    width: 100%;
425
                    height: auto;
423
                    height: auto;
426
                    padding: 0.9em 0;
424
                    padding: .9em 0;
427
425
428
                    fieldset{
426
                    fieldset {
429
                        width: 100%;
427
                        width: 100%;
430
428
431
                        legend{
429
                        legend {
432
                            color: #696969;
430
                            color: #696969;
433
                            font-weight: bold;
431
                            font-weight: bold;
434
                            font-size: 13px;
432
                            font-size: 13px;
Lines 436-454 aside { Link Here
436
                            border-bottom: 0;
434
                            border-bottom: 0;
437
                        }
435
                        }
438
436
439
                        li{
437
                        li {
440
                            margin-top: 0;
438
                            margin-top: 0;
441
                            padding: 0;
439
                            padding: 0;
442
440
443
                            label {
441
                            label {
444
                                color: #696969;
442
                                color: #696969;
445
                                font-size: 13px;
443
                                font-size: 13px;
446
                                padding: 0.5em 0.3em 0 0;
444
                                padding: .5em .3em 0 0;
447
                                margin: 0;
445
                                margin: 0;
448
                                font-weight: normal;
446
                                font-weight: normal;
449
                            }
447
                            }
450
448
451
                            input, select {
449
                            input,
450
                            select {
452
                                height: calc(1.5em + .75rem + 2px);
451
                                height: calc(1.5em + .75rem + 2px);
453
                                width: calc(100% - 20px);
452
                                width: calc(100% - 20px);
454
                            }
453
                            }
Lines 458-468 aside { Link Here
458
457
459
                    label {
458
                    label {
460
                        color: #696969;
459
                        color: #696969;
461
                        padding: 0.5em 0.3em 0 0;
460
                        padding: .5em .3em 0 0;
462
                        margin: 0;
461
                        margin: 0;
463
                    }
462
                    }
464
463
465
                    input, select {
464
                    input,
465
                    select {
466
                        height: calc(1.5em + .75rem + 2px);
466
                        height: calc(1.5em + .75rem + 2px);
467
                        width: calc(100% - 20px);
467
                        width: calc(100% - 20px);
468
468
Lines 611-617 aside { Link Here
611
                    &.menu {
611
                    &.menu {
612
                        padding: 1.4em 1.7em;
612
                        padding: 1.4em 1.7em;
613
                        width: 100%;
613
                        width: 100%;
614
                        left: 0px;
614
                        left: 0;
615
                        overflow: auto;
615
                        overflow: auto;
616
                        height: auto;
616
                        height: auto;
617
                        max-height: 500px;
617
                        max-height: 500px;
Lines 622-634 aside { Link Here
622
                        }
622
                        }
623
623
624
                        &::-webkit-scrollbar-track {
624
                        &::-webkit-scrollbar-track {
625
                            background: #eeeeee;
625
                            background: #EEEEEE;
626
                        }
626
                        }
627
627
628
                        &::-webkit-scrollbar-thumb {
628
                        &::-webkit-scrollbar-thumb {
629
                            background: #696969;
629
                            background: #696969;
630
                            border-radius: 20px;
630
                            border-radius: 20px;
631
                            border: 3px solid #eeeeee;
631
                            border: 3px solid #EEEEEE;
632
                        }
632
                        }
633
633
634
                        button + button,
634
                        button + button,
Lines 770-776 aside { Link Here
770
*/
770
*/
771
}
771
}
772
772
773
#navmenulist{
773
#navmenulist {
774
    background-color: #e6e6e6;
774
    background-color: #e6e6e6;
775
    width: 100%;
775
    width: 100%;
776
    overflow: auto;
776
    overflow: auto;
Lines 783-807 aside { Link Here
783
    }
783
    }
784
784
785
    &::-webkit-scrollbar-track {
785
    &::-webkit-scrollbar-track {
786
        background: #eeeeee;
786
        background: #EEEEEE;
787
787
788
    }
788
    }
789
789
790
    &::-webkit-scrollbar-thumb {
790
    &::-webkit-scrollbar-thumb {
791
        background: #696969;
791
        background: #696969;
792
        border-radius: 20px;
792
        border-radius: 20px;
793
        border: 3px solid #eeeeee;
793
        border: 3px solid #EEEEEE;
794
    }
794
    }
795
795
796
    h2{
796
    h2{
797
        width: 100%;
797
        width: 100%;
798
        text-align: center;
798
        text-align: center;
799
799
800
        a, a:link, a:visited{
800
        a, a:link, a:visited {
801
            text-align: center;
801
            text-align: center;
802
            color: #000;
802
            color: #000;
803
803
804
            &:hover, &.current{
804
            &:hover, &.current {
805
                text-decoration: none;
805
                text-decoration: none;
806
            }
806
            }
807
        }
807
        }
Lines 809-816 aside { Link Here
809
809
810
    h4 {
810
    h4 {
811
        margin: .5em 0;
811
        margin: .5em 0;
812
        padding-left: 0.5em;
812
        padding-left: .5em;
813
        padding-bottom: 0.2em;
813
        padding-bottom: .2em;
814
        color: #696969;
814
        color: #696969;
815
        border-bottom: 1px solid #696969;
815
        border-bottom: 1px solid #696969;
816
        font-weight: normal;
816
        font-weight: normal;
Lines 818-835 aside { Link Here
818
818
819
    ul {
819
    ul {
820
        margin-bottom: 10px;
820
        margin-bottom: 10px;
821
        padding-left: 0px;
821
        padding-left: 0;
822
822
823
        &.goto{
823
        &.goto {
824
            margin-bottom: 13px;
824
            margin-bottom: 13px;
825
            margin-left: 0;
825
            margin-left: 0;
826
            margin-right: 0;
826
            margin-right: 0;
827
            padding-left: 0px;
827
            padding-left: 0;
828
            position: relative;
828
            position: relative;
829
            top: 0px;
829
            top: 0;
830
830
831
            li{
831
            li {
832
                a{
832
                a {
833
                    font-size: 75%;
833
                    font-size: 75%;
834
                }
834
                }
835
            }
835
            }
Lines 837-843 aside { Link Here
837
837
838
        li {
838
        li {
839
            list-style: none;
839
            list-style: none;
840
            left: 0px;
840
            left: 0;
841
            flex-direction: row;
841
            flex-direction: row;
842
            width: 100%;
842
            width: 100%;
843
            height: auto;
843
            height: auto;
Lines 847-853 aside { Link Here
847
                width: 100%;
847
                width: 100%;
848
                display: block;
848
                display: block;
849
                text-decoration: none;
849
                text-decoration: none;
850
                padding: 0.7em 0.3em 0.7em 1.2em;
850
                padding: .7em .3em .7em 1.2em;
851
851
852
                &.current, &:hover, &:active, &:focus {
852
                &.current, &:hover, &:active, &:focus {
853
                    background-color: #F3F4F4;
853
                    background-color: #F3F4F4;
Lines 865-922 aside { Link Here
865
div {
865
div {
866
    display: block;
866
    display: block;
867
867
868
    &.mainmenu{
868
    &.mainmenu {
869
        display: inline;
869
        display: inline;
870
    }
870
    }
871
871
872
872
873
    &.koha-mainpage{
873
    &.koha-mainpage {
874
        display: flex;
874
        display: flex;
875
        align-items: center;
875
        align-items: center;
876
        justify-content: center;
876
        justify-content: center;
877
    }
877
    }
878
878
879
    &.settings-links{
879
    &.settings-links {
880
        display: inline;
880
        display: inline;
881
881
882
        ul{
882
        ul {
883
            float: right;
883
            float: right;
884
884
885
            li{
885
            li {
886
                list-style-type: none;
886
                list-style-type: none;
887
                margin-bottom: 0;
887
                margin-bottom: 0;
888
                height: auto;
888
                height: auto;
889
                width: 150px;
889
                width: 150px;
890
                padding: 5px 10px;
890
                padding: 5px 10px;
891
891
892
                a, a:visited, a:link{
892
                a,
893
                a:visited,
894
                a:link {
893
                    color: #000;
895
                    color: #000;
894
                }
896
                }
895
            }
897
            }
896
        }
898
        }
897
    }
899
    }
898
900
899
    &.koha-bottom{
901
    &.koha-bottom {
900
        background: transparent url(../img/koha-logo-medium.png) no-repeat center;
902
        background: transparent url("../img/koha-logo-medium.png") no-repeat center;
901
        width: 150px;
903
        width: 150px;
902
        background-size: 70%;
904
        background-size: 70%;
903
        height: 50px;
905
        height: 50px;
904
        margin: 25px;
906
        margin: 25px;
905
        bottom: 0px;
907
        bottom: 0;
906
        text-align: center;
908
        text-align: center;
907
        display: flex;
909
        display: flex;
908
        align-items: center;
910
        align-items: center;
909
        justify-content: center;
911
        justify-content: center;
910
        z-index: 1030;
912
        z-index: 1030;
911
913
912
        a{
914
        a {
913
            width: 100%;
915
            width: 100%;
914
            height: 100%;
916
            height: 100%;
915
        }
917
        }
916
    }
918
    }
917
}
919
}
918
920
919
.home-page{
921
.home-page {
920
    text-align: center;
922
    text-align: center;
921
    text-decoration: none;
923
    text-decoration: none;
922
    font-family: 'Poppins', sans-serif;
924
    font-family: 'Poppins', sans-serif;
Lines 927-935 div { Link Here
927
        color: #000;
929
        color: #000;
928
    }
930
    }
929
931
930
    i{
932
    i {
931
        text-align: center;
933
        text-align: center;
932
        color: #fff;
934
        color: #FFFFFF;
933
        border: solid 3px #71B443;
935
        border: solid 3px #71B443;
934
        border-radius: 50%;
936
        border-radius: 50%;
935
        background-color: #71B443;
937
        background-color: #71B443;
Lines 941-961 div { Link Here
941
        padding: 5px;
943
        padding: 5px;
942
        align-items: center;
944
        align-items: center;
943
        justify-content: center;
945
        justify-content: center;
944
        -webkit-box-sizing: content-box;
945
        box-sizing: content-box;
946
        box-sizing: content-box;
946
        display: flex;
947
        display: flex;
947
948
948
    }
949
    }
949
950
950
    &:hover, &:focus, &:active{
951
    &:hover, &:focus, &:active {
951
        text-decoration: none;
952
        text-decoration: none;
952
953
953
        i{
954
        i {
954
            background-color: #418940;
955
            background-color: #418940;
955
            border-color: #418940;
956
            border-color: #418940;
956
        }
957
        }
957
958
958
        h1{
959
        h1 {
959
            color: #418940;
960
            color: #418940;
960
        }
961
        }
961
    }
962
    }
Lines 964-970 div { Link Here
964
button {
965
button {
965
    @include default-button;
966
    @include default-button;
966
967
967
    &:active, &:hover {
968
    &:active,
969
    &:hover {
968
        border: 1px inset #999999;
970
        border: 1px inset #999999;
969
    }
971
    }
970
972
Lines 980-990 button { Link Here
980
    }
982
    }
981
}
983
}
982
984
983
#add_to_patron_list_submit{
985
#add_to_patron_list_submit {
984
    color: #71B443;
986
    color: #71B443;
985
987
986
    &:hover{
988
    &:hover {
987
        border: none;
989
        border: 0;
988
    }
990
    }
989
}
991
}
990
992
Lines 997-1003 main { Link Here
997
}
999
}
998
1000
999
body {
1001
body {
1000
    //font-family: $font-main;
1001
    font-family: 'Poppins', sans-serif;
1002
    font-family: 'Poppins', sans-serif;
1002
    font-size: 13px;
1003
    font-size: 13px;
1003
    line-height: 1.22;
1004
    line-height: 1.22;
Lines 1096-1102 h5, Link Here
1096
h6 {
1097
h6 {
1097
    margin: .5em 0;
1098
    margin: .5em 0;
1098
1099
1099
    a, a:link, a:visited{
1100
    a, a:link, a:visited {
1100
        color: #000;
1101
        color: #000;
1101
    }
1102
    }
1102
}
1103
}
Lines 1109-1138 hr { Link Here
1109
p {
1110
p {
1110
    margin: .7em 0;
1111
    margin: .7em 0;
1111
1112
1112
    &.more{
1113
    &.more {
1113
        height: 100% !important;
1114
        height: 100% !important;
1114
        top: 30px;
1115
        top: 30px;
1115
        width: 100%;
1116
        width: 100%;
1116
        display: block;
1117
        display: block;
1117
        position: absolute;
1118
        position: absolute;
1118
        left: 0px;
1119
        left: 0;
1119
        background-color: #352C2E;
1120
        background-color: #352C2E;
1120
        padding: 10px;
1121
        padding: 10px;
1121
        border-radius: 4px;
1122
        border-radius: 4px;
1122
        text-align: center;
1123
        text-align: center;
1123
        right: 0px;
1124
        right: 0;
1124
        bottom: -70px;
1125
        bottom: -70px;
1125
1126
1126
        input{
1127
        input {
1127
            outline-offset: 0px;
1128
            outline-offset: 0;
1128
            outline: 1px black;
1129
            outline: 1px black;
1129
            float: right;
1130
            float: right;
1130
            height: 30px;
1131
            height: 30px;
1131
            border-radius: 17px;
1132
            border-radius: 17px;
1132
            padding-left: 2em;
1133
            padding-left: 2em;
1133
            padding-right: 1.5em;
1134
            padding-right: 1.5em;
1134
            border: none;
1135
            border: 0;
1135
            margin-left: 0px;
1136
            margin-left: 0;
1136
            position: absolute;
1137
            position: absolute;
1137
            top: -5px;
1138
            top: -5px;
1138
            right: 30px;
1139
            right: 30px;
Lines 1141-1147 p { Link Here
1141
            letter-spacing: normal;
1142
            letter-spacing: normal;
1142
            word-spacing: normal;
1143
            word-spacing: normal;
1143
            text-transform: none;
1144
            text-transform: none;
1144
            text-indent: 0px;
1145
            text-indent: 0;
1145
            text-shadow: none;
1146
            text-shadow: none;
1146
            text-align: start;
1147
            text-align: start;
1147
            cursor: text;
1148
            cursor: text;
Lines 1149-1155 p { Link Here
1149
        }
1150
        }
1150
    }
1151
    }
1151
1152
1152
    &.more_bottom{
1153
    &.more_bottom {
1153
        background-color: #352C2E;
1154
        background-color: #352C2E;
1154
        height: auto !important;
1155
        height: auto !important;
1155
        padding: 0 5px 10px 5px;
1156
        padding: 0 5px 10px 5px;
Lines 1157-1183 p { Link Here
1157
        border-bottom-left-radius: 17px;
1158
        border-bottom-left-radius: 17px;
1158
        border-bottom-right-radius: 17px;
1159
        border-bottom-right-radius: 17px;
1159
1160
1160
        label{
1161
        label {
1161
            color: #fff;
1162
            color: #FFFFFF;
1162
        }
1163
        }
1163
1164
1164
        input{
1165
        input {
1165
            outline-offset: 0px;
1166
            outline-offset: 0;
1166
            outline: 1px black;
1167
            outline: 1px black;
1167
            height: 20px;
1168
            height: 20px;
1168
            border-radius: 17px;
1169
            border-radius: 17px;
1169
            padding-left: 2em;
1170
            padding-left: 2em;
1170
            padding-right: 1.5em;
1171
            padding-right: 1.5em;
1171
            border: none;
1172
            border: 0;
1172
            margin-top: 5px;
1173
            margin-top: 5px;
1173
            margin-left: 0px;
1174
            margin-left: 0;
1174
            width: 100%;
1175
            width: 100%;
1175
            z-index: 100;
1176
            z-index: 100;
1176
            display: inline-block !important;
1177
            display: inline-block !important;
1177
            letter-spacing: normal;
1178
            letter-spacing: normal;
1178
            word-spacing: normal;
1179
            word-spacing: normal;
1179
            text-transform: none;
1180
            text-transform: none;
1180
            text-indent: 0px;
1181
            text-indent: 0;
1181
            text-shadow: none;
1182
            text-shadow: none;
1182
            text-align: start;
1183
            text-align: start;
1183
            cursor: text;
1184
            cursor: text;
Lines 1228-1239 input { Link Here
1228
1229
1229
    &[type="submit"],
1230
    &[type="submit"],
1230
    &[type="button"] {
1231
    &[type="button"] {
1231
        border: none;
1232
        border: 0;
1232
        background-color: #FEC32C;
1233
        background-color: #FEC32C;
1233
        color: #000;
1234
        color: #000;
1234
        //font-family: $font-main;
1235
        font-family: 'Poppins', sans-serif;
1235
        font-family: 'Poppins', sans-serif;
1236
        text-shadow: 0 1px 0 #fff;
1236
        text-shadow: 0 1px 0 #FFFFFF;
1237
        display: inline-block;
1237
        display: inline-block;
1238
        margin-bottom: 0;
1238
        margin-bottom: 0;
1239
        font-weight: normal;
1239
        font-weight: normal;
Lines 1263-1269 input { Link Here
1263
        line-height: 1.42857143;
1263
        line-height: 1.42857143;
1264
        margin: 5px;
1264
        margin: 5px;
1265
        text-align: center;
1265
        text-align: center;
1266
        text-shadow: 0 1px 0 #fff;
1266
        text-shadow: 0 1px 0 #FFFFFF;
1267
        vertical-align: middle;
1267
        vertical-align: middle;
1268
        white-space: nowrap;
1268
        white-space: nowrap;
1269
1269
Lines 1288-1308 input { Link Here
1288
        }
1288
        }
1289
    }
1289
    }
1290
1290
1291
    &.principal{
1291
    &.principal {
1292
        background-color: #FEC32C;
1292
        background-color: #FEC32C;
1293
        color: #000;
1293
        color: #000;
1294
        text-shadow: 0 1px 0 #fff;
1294
        text-shadow: 0 1px 0 #FFFFFF;
1295
        border: none;
1295
        border: 0;
1296
        background-image: none;
1296
        background-image: none;
1297
        margin: 5px;
1297
        margin: 5px;
1298
        padding: 6px 25px;
1298
        padding: 6px 25px;
1299
1299
1300
        &:hover,
1300
        &:hover,
1301
        &:active,
1301
        &:active,
1302
        &:focus{
1302
        &:focus {
1303
            background-color: #fec22c9f;
1303
            background-color: #fec22c9f;
1304
            color: #000;
1304
            color: #000;
1305
            border: none;
1305
            border: 0;
1306
        }
1306
        }
1307
    }
1307
    }
1308
}
1308
}
Lines 1359-1385 label, Link Here
1359
    padding-top: 10px;
1359
    padding-top: 10px;
1360
}
1360
}
1361
1361
1362
#area-news, #area-userblock{
1362
#area-news, #area-userblock {
1363
    background-color: #FFF;
1363
    background-color: #FFF;
1364
    border: none;
1364
    border: 0;
1365
    color: #696969;
1365
    color: #696969;
1366
    margin: 0em 0em 1em 0em;
1366
    margin: 0 0 1em 0;
1367
    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
1367
    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
1368
    display: block;
1368
    display: block;
1369
    padding: 1em;
1369
    padding: 1em;
1370
1370
1371
    h3{
1371
    h3{
1372
        background-color: #fff;
1372
        background-color: #FFFFFF;
1373
    }
1373
    }
1374
}
1374
}
1375
1375
1376
.biglinks-list{
1376
.biglinks-list {
1377
    padding: 0px;
1377
    padding: 0;
1378
    margin: 10px 30px;
1378
    margin: 10px 30px;
1379
    align-items: center;
1379
    align-items: center;
1380
    height: 150px;
1380
    height: 150px;
1381
1381
1382
    li{
1382
    li {
1383
        list-style-type: none;
1383
        list-style-type: none;
1384
        display: flex;
1384
        display: flex;
1385
        float: left;
1385
        float: left;
Lines 1528-1537 fieldset { Link Here
1528
    background-color: #FFF;
1528
    background-color: #FFF;
1529
    position: relative;
1529
    position: relative;
1530
    color: #696969;
1530
    color: #696969;
1531
    left: 0px;
1531
    left: 0;
1532
    top: 0px;
1532
    top: 0;
1533
    margin: 0em 1em 1em 0em;
1533
    margin: 0 1em 1em 0;
1534
    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
1534
    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
1535
    padding: 1em;
1535
    padding: 1em;
1536
1536
1537
    + fieldset {
1537
    + fieldset {
Lines 1540-1546 fieldset { Link Here
1540
        }
1540
        }
1541
    }
1541
    }
1542
1542
1543
    legend{
1543
    legend {
1544
        position: relative;
1544
        position: relative;
1545
        top: 1.5em;
1545
        top: 1.5em;
1546
        margin: .5em 0;
1546
        margin: .5em 0;
Lines 1645-1659 fieldset { Link Here
1645
        }
1645
        }
1646
    }
1646
    }
1647
1647
1648
    ol{
1648
    ol {
1649
        li{
1649
        li {
1650
            list-style-type: none;
1650
            list-style-type: none;
1651
            padding: .3em 0;
1651
            padding: .3em 0;
1652
        }
1652
        }
1653
    }
1653
    }
1654
1654
1655
    &.rows {
1655
    &.rows {
1656
        border: none;
1656
        border: 0;
1657
        clear: left;
1657
        clear: left;
1658
        float: left;
1658
        float: left;
1659
        font-size: 90%;
1659
        font-size: 90%;
Lines 1914-1920 fieldset { Link Here
1914
        }
1914
        }
1915
    }
1915
    }
1916
1916
1917
    fieldset{
1917
    fieldset {
1918
        box-shadow: none;
1918
        box-shadow: none;
1919
    }
1919
    }
1920
}
1920
}
Lines 1978-2002 details[open] { Link Here
1978
    }
1978
    }
1979
}
1979
}
1980
1980
1981
#shortcut{
1981
#shortcut {
1982
    position: relative;
1982
    position: relative;
1983
    top: -35px;
1983
    top: -35px;
1984
    padding: .8em .5em .8em 10px;
1984
    padding: .8em .5em .8em 10px;
1985
1985
1986
    ol{
1986
    ol {
1987
        float: right;
1987
        float: right;
1988
        margin: 0;
1988
        margin: 0;
1989
        padding: 0;
1989
        padding: 0;
1990
1990
1991
        li{
1991
        li {
1992
            list-style-type: none;
1992
            list-style-type: none;
1993
            display: inline;
1993
            display: inline;
1994
1994
1995
            a.toplinks{
1995
            a.toplinks {
1996
                padding: 0;
1996
                padding: 0;
1997
            }
1997
            }
1998
1998
1999
            div{
1999
            div {
2000
                margin: 0;
2000
                margin: 0;
2001
2001
2002
            }
2002
            }
Lines 2217-2227 div { Link Here
2217
        margin: .5em 50px;
2217
        margin: .5em 50px;
2218
        font-weight: bold;
2218
        font-weight: bold;
2219
2219
2220
        a{
2220
        a {
2221
            color: #71B443;
2221
            color: #71B443;
2222
            font-weight: normal;
2222
            font-weight: normal;
2223
2223
2224
            &:hover, &:active{
2224
            &:hover, &:active {
2225
                font-weight: bold;
2225
                font-weight: bold;
2226
                color: #418940;
2226
                color: #418940;
2227
            }
2227
            }
Lines 2264-2296 dd { Link Here
2264
#toolbar,
2264
#toolbar,
2265
.btn-toolbar {
2265
.btn-toolbar {
2266
    background-color: #f3F4F4;
2266
    background-color: #f3F4F4;
2267
    border: none;
2267
    border: 0;
2268
    border-radius: 5px 5px 0 0;
2268
    border-radius: 5px 5px 0 0;
2269
    margin: 0;
2269
    margin: 0;
2270
    padding: 5px;
2270
    padding: 5px;
2271
    display: block;
2271
    display: block;
2272
2272
2273
    div{
2273
    div {
2274
        position: relative;
2274
        position: relative;
2275
        height: 100%;
2275
        height: 100%;
2276
        float: right;
2276
        float: right;
2277
2277
2278
        a{
2278
        a {
2279
            &.principal{
2279
            &.principal {
2280
                background-color: #FEC32C;
2280
                background-color: #FEC32C;
2281
                color: #000;
2281
                color: #000;
2282
                text-shadow: 0 1px 0 #fff;
2282
                text-shadow: 0 1px 0 #FFFFFF;
2283
                border: none;
2283
                border: 0;
2284
                background-image: none;
2284
                background-image: none;
2285
                margin: 5px;
2285
                margin: 5px;
2286
                padding: 6px 25px;
2286
                padding: 6px 25px;
2287
2287
2288
                &:hover,
2288
                &:hover,
2289
                &:active,
2289
                &:active,
2290
                &:focus{
2290
                &:focus {
2291
                    background-color: #fec22c9f;
2291
                    background-color: #fec22c9f;
2292
                    color: #000;
2292
                    color: #000;
2293
                    border: none;
2293
                    border: 0;
2294
                }
2294
                }
2295
            }
2295
            }
2296
        }
2296
        }
Lines 2302-2311 dd { Link Here
2302
            width: auto;
2302
            width: auto;
2303
            font-size: 12px;
2303
            font-size: 12px;
2304
            line-height: 1.42857143;
2304
            line-height: 1.42857143;
2305
            border-radius: 0px;
2305
            border-radius: 0;
2306
            border: 0.5px solid lightgray;
2306
            border: .5px solid lightgray;
2307
            font-size: 100%;
2307
            font-size: 100%;
2308
            background-color: #fff;
2308
            background-color: #FFFFFF;
2309
            margin: 5px 0 0 0;
2309
            margin: 5px 0 0 0;
2310
            box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
2310
            box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
2311
            position: absolute;
2311
            position: absolute;
Lines 2316-2322 dd { Link Here
2316
            left: auto;
2316
            left: auto;
2317
            right: 0;
2317
            right: 0;
2318
2318
2319
            a{
2319
            a {
2320
                color: #000;
2320
                color: #000;
2321
                display: block;
2321
                display: block;
2322
                padding: 3px 20px;
2322
                padding: 3px 20px;
Lines 2328-2362 dd { Link Here
2328
                float: left;
2328
                float: left;
2329
2329
2330
                &:hover,
2330
                &:hover,
2331
                &:focus{
2331
                &:focus {
2332
                    text-decoration: none;
2332
                    text-decoration: none;
2333
                    font-weight: bold;
2333
                    font-weight: bold;
2334
                    background-color: #fff;
2334
                    background-color: #FFFFFF;
2335
                    background-image: none;
2335
                    background-image: none;
2336
2336
2337
                }
2337
                }
2338
            }
2338
            }
2339
        }
2339
        }
2340
2340
2341
        #up{
2341
        #up {
2342
            display: table;
2342
            display: table;
2343
        }
2343
        }
2344
2344
2345
        #down{
2345
        #down {
2346
            display: table;
2346
            display: table;
2347
        }
2347
        }
2348
2348
2349
        #patdrop{
2349
        #patdrop {
2350
            border-top-width: 1px;
2350
            border-top-width: 1px;
2351
            text-align: center;
2351
            text-align: center;
2352
            padding: 0;
2352
            padding: 0;
2353
            width: auto;
2353
            width: auto;
2354
            font-size: 12px;
2354
            font-size: 12px;
2355
            line-height: 1.42857143;
2355
            line-height: 1.42857143;
2356
            border-radius: 0px;
2356
            border-radius: 0;
2357
            border: 0.5px solid lightgray;
2357
            border: .5px solid lightgray;
2358
            font-size: 100%;
2358
            font-size: 100%;
2359
            background-color: #fff;
2359
            background-color: #FFFFFF;
2360
            margin: 0;
2360
            margin: 0;
2361
            box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
2361
            box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
2362
            position: absolute;
2362
            position: absolute;
Lines 2365-2371 dd { Link Here
2365
            left: -20px;
2365
            left: -20px;
2366
            right: auto;
2366
            right: auto;
2367
2367
2368
            a{
2368
            a {
2369
                color: #000;
2369
                color: #000;
2370
                display: block;
2370
                display: block;
2371
                padding: 3px 20px;
2371
                padding: 3px 20px;
Lines 2376-2384 dd { Link Here
2376
                border-bottom: none;
2376
                border-bottom: none;
2377
                float: left;
2377
                float: left;
2378
2378
2379
                &:hover{
2379
                &:hover {
2380
                    font-weight: bold;
2380
                    font-weight: bold;
2381
                    background-color: #fff;
2381
                    background-color: #FFFFFF;
2382
                }
2382
                }
2383
            }
2383
            }
2384
2384
Lines 2446-2453 dd { Link Here
2446
            border-right: 0;
2446
            border-right: 0;
2447
        }
2447
        }
2448
2448
2449
        li{
2449
        li {
2450
            &.patrondateofbirth{
2450
            &.patrondateofbirth {
2451
                font-size: 75%;
2451
                font-size: 75%;
2452
                font-weight: normal;
2452
                font-weight: normal;
2453
                list-style-type: none;
2453
                list-style-type: none;
Lines 2573-2582 dd { Link Here
2573
        list-style-type: none;
2573
        list-style-type: none;
2574
        display: flex;
2574
        display: flex;
2575
2575
2576
        a{
2576
        a {
2577
            color: #000;
2577
            color: #000;
2578
2578
2579
            &:hover{
2579
            &:hover {
2580
                background-color: #F3F4F4;
2580
                background-color: #F3F4F4;
2581
                color: #000;
2581
                color: #000;
2582
                text-decoration: underline;
2582
                text-decoration: underline;
Lines 2669-2675 input[type='text']:read-only:focus { Link Here
2669
    color: #CC0000;
2669
    color: #CC0000;
2670
}
2670
}
2671
2671
2672
// Font Awesome icons
2672
/* Font Awesome icons */
2673
i {
2673
i {
2674
    &.error {
2674
    &.error {
2675
        color: #CC0000;
2675
        color: #CC0000;
Lines 2717-2732 i { Link Here
2717
    margin: 3px;
2717
    margin: 3px;
2718
    align-items: center;
2718
    align-items: center;
2719
    right: 35px;
2719
    right: 35px;
2720
    opacity: 0.3;
2720
    opacity: .3;
2721
2721
2722
    &:hover{
2722
    &:hover {
2723
        opacity: 1;
2723
        opacity: 1;
2724
    }
2724
    }
2725
2725
2726
    a{
2726
    a {
2727
        width: 100%;
2727
        width: 100%;
2728
2728
2729
        &:hover{
2729
        &:hover {
2730
            text-decoration: none;
2730
            text-decoration: none;
2731
        }
2731
        }
2732
    }
2732
    }
Lines 2827-2848 i { Link Here
2827
        &[type="submit"] {
2827
        &[type="submit"] {
2828
            background: #FFF none;
2828
            background: #FFF none;
2829
2829
2830
            &.approve{
2830
            &.approve {
2831
                background-color: #FEC32C;
2831
                background-color: #FEC32C;
2832
                color: #000;
2832
                color: #000;
2833
                text-shadow: 0 1px 0 #fff;
2833
                text-shadow: 0 1px 0 #FFFFFF;
2834
                border: none;
2834
                border: 0;
2835
                background-image: none;
2835
                background-image: none;
2836
                margin-top: 5px;
2836
                margin-top: 5px;
2837
2837
2838
                &:hover,
2838
                &:hover,
2839
                &:active,
2839
                &:active,
2840
                &:focus{
2840
                &:focus {
2841
                    background-color: #fec22c9f;
2841
                    background-color: #fec22c9f;
2842
                }
2842
                }
2843
            }
2843
            }
2844
2844
2845
            &.deny{
2845
            &.deny {
2846
                background-color: transparent;
2846
                background-color: transparent;
2847
                color: #696969;
2847
                color: #696969;
2848
                border: #696969 double 1px;
2848
                border: #696969 double 1px;
Lines 2865-2873 i { Link Here
2865
                border-radius: 4px;
2865
                border-radius: 4px;
2866
                user-select: none;
2866
                user-select: none;
2867
2867
2868
                &:hover{
2868
                &:hover {
2869
                    font-weight: bold;
2869
                    font-weight: bold;
2870
                    background-color: #f1f1f1;
2870
                    background-color: #F1F1F1;
2871
                    border: #696969 double 1px;
2871
                    border: #696969 double 1px;
2872
                    text-decoration: none;
2872
                    text-decoration: none;
2873
                }
2873
                }
Lines 2922-2928 i { Link Here
2922
    &.alert,
2922
    &.alert,
2923
    &.error {
2923
    &.error {
2924
        color: inherit;
2924
        color: inherit;
2925
        background-color: #fff;
2925
        background-color: #FFFFFF;
2926
        text-align: center;
2926
        text-align: center;
2927
        text-shadow: none;
2927
        text-shadow: none;
2928
2928
Lines 2992-3004 i { Link Here
2992
    color: #990000;
2992
    color: #990000;
2993
}
2993
}
2994
2994
2995
// style for shelving location in catalogsearch
2995
/* style for shelving location in catalogsearch */
2996
.shelvingloc {
2996
.shelvingloc {
2997
    display: block;
2997
    display: block;
2998
    font-style: italic;
2998
    font-style: italic;
2999
}
2999
}
3000
3000
3001
// style for bundled detail in catalogsearch
3001
/* style for bundled detail in catalogsearch */
3002
.bundled {
3002
.bundled {
3003
    display: block;
3003
    display: block;
3004
    font-style: italic;
3004
    font-style: italic;
Lines 3063-3069 i { Link Here
3063
    padding-top: 1em;
3063
    padding-top: 1em;
3064
    background-color: #e6e6e6;
3064
    background-color: #e6e6e6;
3065
    position: absolute;
3065
    position: absolute;
3066
    left: 0px;
3066
    left: 0;
3067
3067
3068
    li {
3068
    li {
3069
        a {
3069
        a {
Lines 3074-3080 i { Link Here
3074
            padding: .4em .3em;
3074
            padding: .4em .3em;
3075
            text-decoration: none;
3075
            text-decoration: none;
3076
3076
3077
            left: 0px;
3077
            left: 0;
3078
            color: #000;
3078
            color: #000;
3079
            display: block;
3079
            display: block;
3080
3080
Lines 3198-3218 li { Link Here
3198
    }
3198
    }
3199
}
3199
}
3200
3200
3201
#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper{
3201
#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper {
3202
    background-color: #fff;
3202
    background-color: #FFFFFF;
3203
    margin-top: 20px;
3203
    margin-top: 20px;
3204
    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
3204
    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
3205
    padding: 20px;
3205
    padding: 20px;
3206
}
3206
}
3207
3207
3208
#searchresults {
3208
#searchresults {
3209
    background-color: #fff;
3209
    background-color: #FFFFFF;
3210
    margin-top: 20px;
3210
    margin-top: 20px;
3211
    min-width: 100%;
3211
    min-width: 100%;
3212
    width: fit-content;
3212
    width: fit-content;
3213
    padding: 20px;
3213
    padding: 20px;
3214
3214
3215
    fieldset{
3215
    fieldset {
3216
        box-shadow: none;
3216
        box-shadow: none;
3217
    }
3217
    }
3218
3218
Lines 3223-3242 li { Link Here
3223
    }
3223
    }
3224
3224
3225
    td {
3225
    td {
3226
        border: none;
3226
        border: 0;
3227
3227
3228
3228
3229
        button, a{
3229
        button, a {
3230
            &.btn-default{
3230
            &.btn-default {
3231
                color: #71B443;
3231
                color: #71B443;
3232
                padding: .3em;
3232
                padding: .3em;
3233
                border: none;
3233
                border: 0;
3234
                background-color: transparent;
3234
                background-color: transparent;
3235
                border: none;
3235
                border: 0;
3236
                box-shadow: none;
3236
                box-shadow: none;
3237
                font-size: 100%;
3237
                font-size: 100%;
3238
3238
3239
                &:hover, &:active, &:focus, &:active:hover, &:active:focus{
3239
                &:hover, &:active, &:focus, &:active:hover, &:active:focus {
3240
                    background-color: transparent;
3240
                    background-color: transparent;
3241
                    color: #71B443;
3241
                    color: #71B443;
3242
                    text-decoration: underline;
3242
                    text-decoration: underline;
Lines 3311-3329 li { Link Here
3311
    }
3311
    }
3312
3312
3313
    .dropdown-menu {
3313
    .dropdown-menu {
3314
        background-color: #fff;
3314
        background-color: #FFFFFF;
3315
        color: #000;
3315
        color: #000;
3316
        height: fit-content;
3316
        height: fit-content;
3317
        top: 100%;
3317
        top: 100%;
3318
3318
3319
        a{
3319
        a {
3320
            color: #000;
3320
            color: #000;
3321
3321
3322
            &:hover{
3322
            &:hover {
3323
                background-image: none;
3323
                background-image: none;
3324
                color: #000;
3324
                color: #000;
3325
                text-decoration: underline;
3325
                text-decoration: underline;
3326
                background-color: #fff;
3326
                background-color: #FFFFFF;
3327
            }
3327
            }
3328
        }
3328
        }
3329
    }
3329
    }
Lines 3372-3378 li { Link Here
3372
    }
3372
    }
3373
}
3373
}
3374
3374
3375
.mini-inp{
3375
.mini-inp {
3376
    height: 12px;
3376
    height: 12px;
3377
    width: 30px;
3377
    width: 30px;
3378
}
3378
}
Lines 3385-3391 li { Link Here
3385
        border-bottom: 1px solid #71B443;
3385
        border-bottom: 1px solid #71B443;
3386
        border-radius: 4px 4px 0 0;
3386
        border-radius: 4px 4px 0 0;
3387
        font-size: 90%;
3387
        font-size: 90%;
3388
        color: #fff;
3388
        color: #FFFFFF;
3389
        margin: 0;
3389
        margin: 0;
3390
        padding: .4em .2em;
3390
        padding: .4em .2em;
3391
        text-align: center;
3391
        text-align: center;
Lines 3395-3401 li { Link Here
3395
        margin: 0;
3395
        margin: 0;
3396
        padding: .3em;
3396
        padding: .3em;
3397
3397
3398
        &.cadre{
3398
        &.cadre {
3399
            border: 3px solid #71B443;
3399
            border: 3px solid #71B443;
3400
        }
3400
        }
3401
3401
Lines 3486-3501 td { Link Here
3486
    }
3486
    }
3487
}
3487
}
3488
3488
3489
.highlight_toggle{
3489
.highlight_toggle {
3490
    color: #71B443;
3490
    color: #71B443;
3491
    padding: .3em;
3491
    padding: .3em;
3492
    border: none;
3492
    border: 0;
3493
    background-color: transparent;
3493
    background-color: transparent;
3494
    border: none;
3494
    border: 0;
3495
    box-shadow: none;
3495
    box-shadow: none;
3496
    font-size: 100%;
3496
    font-size: 100%;
3497
3497
3498
    &:hover{
3498
    &:hover {
3499
        text-decoration: underline;
3499
        text-decoration: underline;
3500
    }
3500
    }
3501
}
3501
}
Lines 3655-3661 td.bundle { Link Here
3655
#cartDetails {
3655
#cartDetails {
3656
    background-color: #352C2E;
3656
    background-color: #352C2E;
3657
    box-shadow: 1px 1px 3px 0 #666;
3657
    box-shadow: 1px 1px 3px 0 #666;
3658
    color: #fff;
3658
    color: #FFFFFF;
3659
    display: none;
3659
    display: none;
3660
    margin: 0;
3660
    margin: 0;
3661
    padding: 10px;
3661
    padding: 10px;
Lines 3666-3673 td.bundle { Link Here
3666
3666
3667
#cartmenulink {
3667
#cartmenulink {
3668
    position: relative;
3668
    position: relative;
3669
    left: 0px;
3669
    left: 0;
3670
    top: 0px;
3670
    top: 0;
3671
}
3671
}
3672
3672
3673
#basketcount {
3673
#basketcount {
Lines 3817-3823 td.bundle { Link Here
3817
}
3817
}
3818
3818
3819
.advsearch {
3819
.advsearch {
3820
    margin: 0em 1em 1em 0em;
3820
    margin: 0 1em 1em 0;
3821
3821
3822
    table {
3822
    table {
3823
        border-collapse: separate;
3823
        border-collapse: separate;
Lines 3933-3939 td.bundle { Link Here
3933
    display: none;
3933
    display: none;
3934
}
3934
}
3935
3935
3936
// Override core jQueryUI widgets
3936
/* Override core jQueryUI widgets */
3937
.ui-widget-content {
3937
.ui-widget-content {
3938
    background: #FFFFFF none;
3938
    background: #FFFFFF none;
3939
    border-radius: 4px;
3939
    border-radius: 4px;
Lines 3984-3990 td.bundle { Link Here
3984
    color: #CD0A0A;
3984
    color: #CD0A0A;
3985
}
3985
}
3986
3986
3987
// Override jQuery Autocomplete
3987
/* Override jQuery Autocomplete */
3988
.ui-autocomplete {
3988
.ui-autocomplete {
3989
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
3989
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
3990
    cursor: default;
3990
    cursor: default;
Lines 4023-4029 td.bundle { Link Here
4023
    background: #FFF url("../img/spinner-small.gif") right center no-repeat;
4023
    background: #FFF url("../img/spinner-small.gif") right center no-repeat;
4024
}
4024
}
4025
4025
4026
// jQuery UI standard tabs
4026
/* jQuery UI standard tabs */
4027
.ui-menu {
4027
.ui-menu {
4028
    li {
4028
    li {
4029
        list-style: none;
4029
        list-style: none;
Lines 4054-4074 td.bundle { Link Here
4054
        border-radius: 4px;
4054
        border-radius: 4px;
4055
        border: 3px solid #418940;
4055
        border: 3px solid #418940;
4056
4056
4057
        fieldset{
4057
        fieldset {
4058
            box-shadow: none;
4058
            box-shadow: none;
4059
        }
4059
        }
4060
    }
4060
    }
4061
    .ui-tabs-nav {
4061
    .ui-tabs-nav {
4062
        li {
4062
        li {
4063
            background: #71B443;
4063
            background: #71B443;
4064
            border: none;
4064
            border: 0;
4065
            margin-right: .4em;
4065
            margin-right: .4em;
4066
            border-radius: 4px 4px 0 0;
4066
            border-radius: 4px 4px 0 0;
4067
4067
4068
            &.ui-tabs-active, &.ui-state-hover {
4068
            &.ui-tabs-active, &.ui-state-hover {
4069
                background-color: #418940;
4069
                background-color: #418940;
4070
                border-radius: 4px 4px 0 0;
4070
                border-radius: 4px 4px 0 0;
4071
                border: none;
4071
                border: 0;
4072
                border-bottom-width: 0;
4072
                border-bottom-width: 0;
4073
                padding-bottom: 0;
4073
                padding-bottom: 0;
4074
4074
Lines 4088-4098 td.bundle { Link Here
4088
4088
4089
    .ui-state-default {
4089
    .ui-state-default {
4090
        a {
4090
        a {
4091
            color: #fff;
4091
            color: #FFFFFF;
4092
4092
4093
            &:link,
4093
            &:link,
4094
            &:visited {
4094
            &:visited {
4095
                color: #fff;
4095
                color: #FFFFFF;
4096
            }
4096
            }
4097
        }
4097
        }
4098
    }
4098
    }
Lines 4125-4133 td.bundle { Link Here
4125
4125
4126
.statictabs {
4126
.statictabs {
4127
4127
4128
    background-color: #fff;
4128
    background-color: #FFFFFF;
4129
    margin-top: 20px;
4129
    margin-top: 20px;
4130
    box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356);
4130
    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
4131
    padding: 20px;
4131
    padding: 20px;
4132
4132
4133
    h3{
4133
    h3{
Lines 4137-4143 td.bundle { Link Here
4137
    }
4137
    }
4138
4138
4139
    td {
4139
    td {
4140
        border: none;
4140
        border: 0;
4141
4141
4142
        ul {
4142
        ul {
4143
            li {
4143
            li {
Lines 4218-4236 td.bundle { Link Here
4218
                padding-bottom: 1px;
4218
                padding-bottom: 1px;
4219
4219
4220
                background-color: #418940;
4220
                background-color: #418940;
4221
                border: none;
4221
                border: 0;
4222
                border-bottom-width: 0;
4222
                border-bottom-width: 0;
4223
4223
4224
                a {
4224
                a {
4225
                    background: none repeat scroll 0 0 transparent;
4225
                    background: none repeat scroll 0 0 transparent;
4226
                    color: #fff;
4226
                    color: #FFFFFF;
4227
                    outline: 0 none;
4227
                    outline: 0 none;
4228
                    top: 1px;
4228
                    top: 1px;
4229
                }
4229
                }
4230
            }
4230
            }
4231
4231
4232
            a {
4232
            a {
4233
                color: #fff;
4233
                color: #FFFFFF;
4234
                cursor: pointer;
4234
                cursor: pointer;
4235
                float: left;
4235
                float: left;
4236
                padding: .5em 1em;
4236
                padding: .5em 1em;
Lines 4261-4267 td.bundle { Link Here
4261
            border-radius: 4px;
4261
            border-radius: 4px;
4262
            border: 3px solid #418940;
4262
            border: 3px solid #418940;
4263
4263
4264
            fieldset{
4264
            fieldset {
4265
                box-shadow: none;
4265
                box-shadow: none;
4266
            }
4266
            }
4267
        }
4267
        }
Lines 4391-4397 td.bundle { Link Here
4391
    }
4391
    }
4392
}
4392
}
4393
4393
4394
// jQuery UI Accordion
4394
/* jQuery UI Accordion */
4395
.ui-accordion-header,
4395
.ui-accordion-header,
4396
.ui-widget-content .ui-accordion-header {
4396
.ui-widget-content .ui-accordion-header {
4397
    font-size: 110%;
4397
    font-size: 110%;
Lines 4402-4408 video { Link Here
4402
    width: 480px;
4402
    width: 480px;
4403
}
4403
}
4404
4404
4405
// Bootstrap overrides
4405
/* Bootstrap overrides */
4406
4406
4407
.dropdown-header {
4407
.dropdown-header {
4408
    border-top: 1px solid #EEE;
4408
    border-top: 1px solid #EEE;
Lines 4425-4432 nav { Link Here
4425
        clear: both;
4425
        clear: both;
4426
        margin: 0;
4426
        margin: 0;
4427
        position: absolute;
4427
        position: absolute;
4428
        top: 0px;
4428
        top: 0;
4429
        left: 0px;
4429
        left: 0;
4430
4430
4431
        ol {
4431
        ol {
4432
            margin: 0;
4432
            margin: 0;
Lines 4445-4451 nav { Link Here
4445
                    width: .8em;
4445
                    width: .8em;
4446
                }
4446
                }
4447
4447
4448
                a:link, a:active, a:hover, a:focus{
4448
                a:link, a:active, a:hover, a:focus {
4449
                    padding: .6em .3em;
4449
                    padding: .6em .3em;
4450
                }
4450
                }
4451
            }
4451
            }
Lines 4458-4494 nav { Link Here
4458
    }
4458
    }
4459
}
4459
}
4460
4460
4461
.navbar{
4461
.navbar {
4462
    background-color: #352C2E;
4462
    background-color: #352C2E;
4463
    width: 100%;
4463
    width: 100%;
4464
}
4464
}
4465
4465
4466
.navbar-header, .collapse{
4466
.navbar-header, .collapse {
4467
    padding-left: 10px;
4467
    padding-left: 10px;
4468
    padding-right: 10px;
4468
    padding-right: 10px;
4469
    float: left;
4469
    float: left;
4470
4470
4471
    a{
4471
    a {
4472
        color: #fff;
4472
        color: #FFFFFF;
4473
      line-height: 40px;
4473
      line-height: 40px;
4474
    }
4474
    }
4475
}
4475
}
4476
4476
4477
.navbar-head{
4477
.navbar-head {
4478
    display: block !important;
4478
    display: block !important;
4479
    height: auto !important;
4479
    height: auto !important;
4480
}
4480
}
4481
4481
4482
#logo {
4482
#logo {
4483
    background: transparent url("../img/UIKit/picto-koha.svg") no-repeat scroll 0%;
4483
    background: transparent url("../img/UIKit/picto-koha.svg") no-repeat scroll 0%;
4484
    margin: .75em 0em .75em 0em;
4484
    margin: .75em 0 .75em 0;
4485
    background-size: 85%;
4485
    background-size: 85%;
4486
    width: 20px;
4486
    width: 20px;
4487
    height: 30px;
4487
    height: 30px;
4488
    float: left;
4488
    float: left;
4489
    position: relative;
4489
    position: relative;
4490
    top: 0px;
4490
    top: 0;
4491
    left: 0px;
4491
    left: 0;
4492
4492
4493
    a {
4493
    a {
4494
        border: 0;
4494
        border: 0;
Lines 4499-4543 nav { Link Here
4499
        text-decoration: none;
4499
        text-decoration: none;
4500
        position: absolute;
4500
        position: absolute;
4501
        top: -10px;
4501
        top: -10px;
4502
        left: 0px;
4502
        left: 0;
4503
    }
4503
    }
4504
}
4504
}
4505
4505
4506
#toplevelmenu{
4506
#toplevelmenu {
4507
    background-color: transparent;
4507
    background-color: transparent;
4508
    box-shadow: none;
4508
    box-shadow: none;
4509
    position: relative;
4509
    position: relative;
4510
    left: 0px;
4510
    left: 0;
4511
    top: 0px;
4511
    top: 0;
4512
}
4512
}
4513
4513
4514
.navbar-nav {
4514
.navbar-nav {
4515
    li {
4515
    li {
4516
        list-style: none;
4516
        list-style: none;
4517
4517
4518
        .upper{
4518
        .upper {
4519
            position: relative;
4519
            position: relative;
4520
            bottom: 3px;
4520
            bottom: 3px;
4521
            left: 300px;
4521
            left: 300px;
4522
        }
4522
        }
4523
4523
4524
        .filteraction{
4524
        .filteraction {
4525
            position: absolute;
4525
            position: absolute;
4526
            right: 35px;
4526
            right: 35px;
4527
            top: -5px;
4527
            top: -5px;
4528
            width: 25px;
4528
            width: 25px;
4529
            height: 30px;
4529
            height: 30px;
4530
            border: none;
4530
            border: 0;
4531
            padding-left: 5px;
4531
            padding-left: 5px;
4532
            padding-right: 5px;
4532
            padding-right: 5px;
4533
            margin: 0;
4533
            margin: 0;
4534
            display: inline;
4534
            display: inline;
4535
4535
4536
            a{
4536
            a {
4537
                color: #71B443;
4537
                color: #71B443;
4538
                vertical-align: middle;
4538
                vertical-align: middle;
4539
4539
4540
                &:hover, &:active{
4540
                &:hover, &:active {
4541
                    background-color: transparent;
4541
                    background-color: transparent;
4542
                    text-decoration: none;
4542
                    text-decoration: none;
4543
                    color: #71B443;
4543
                    color: #71B443;
Lines 4553-4563 nav { Link Here
4553
            background-color: transparent;
4553
            background-color: transparent;
4554
        }
4554
        }
4555
4555
4556
        .inactive{
4556
        .inactive {
4557
            display: none;
4557
            display: none;
4558
        }
4558
        }
4559
4559
4560
        #buttonssearch,#header_search{
4560
        #buttonssearch,#header_search {
4561
            padding: 10px;
4561
            padding: 10px;
4562
            border-radius: 28px;
4562
            border-radius: 28px;
4563
            height: 30px;
4563
            height: 30px;
Lines 4565-4595 nav { Link Here
4565
            z-index: 1;
4565
            z-index: 1;
4566
        }
4566
        }
4567
4567
4568
        #header_search{
4568
        #header_search {
4569
            position: relative;
4569
            position: relative;
4570
            left: 0px;
4570
            left: 0;
4571
            top: 0px;
4571
            top: 0;
4572
            width: 500px;
4572
            width: 500px;
4573
            display: block;
4573
            display: block;
4574
            margin: 10px 0;
4574
            margin: 10px 0;
4575
        }
4575
        }
4576
4576
4577
        #submit, #autocsubmit{
4577
        #submit, #autocsubmit {
4578
            background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
4578
            background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
4579
            position: absolute;
4579
            position: absolute;
4580
            min-width: 7px;
4580
            min-width: 7px;
4581
            right: 0;
4581
            right: 0;
4582
            top: 0px;
4582
            top: 0;
4583
            width: 25px;
4583
            width: 25px;
4584
            height: 30px;
4584
            height: 30px;
4585
            border: none;
4585
            border: 0;
4586
            padding-left: 5px;
4586
            padding-left: 5px;
4587
            padding-right: 5px;
4587
            padding-right: 5px;
4588
            margin: 0;
4588
            margin: 0;
4589
            display: inline;
4589
            display: inline;
4590
        }
4590
        }
4591
4591
4592
        #header_search{
4592
        #header_search {
4593
            width: 500px;
4593
            width: 500px;
4594
        }
4594
        }
4595
4595
Lines 4605-4621 nav { Link Here
4605
            justify-content: space-around;
4605
            justify-content: space-around;
4606
            align-items: center;
4606
            align-items: center;
4607
            color: white;
4607
            color: white;
4608
            box-shadow: 0px 0px 3px 0px #0000004d;
4608
            box-shadow: 0 0 3px 0 #0000004d;
4609
4609
4610
            li {
4610
            li {
4611
                background: transparent;
4611
                background: transparent;
4612
                border: none;
4612
                border: 0;
4613
                border-radius: 0;
4613
                border-radius: 0;
4614
4614
4615
                &.ui-tabs-active, &.ui-state-hover {
4615
                &.ui-tabs-active, &.ui-state-hover {
4616
                    background-color: transparent;
4616
                    background-color: transparent;
4617
                    border-radius: 4px 4px 0 0;
4617
                    border-radius: 4px 4px 0 0;
4618
                    border: none;
4618
                    border: 0;
4619
                    border-bottom-width: 0;
4619
                    border-bottom-width: 0;
4620
                    padding-bottom: 0;
4620
                    padding-bottom: 0;
4621
4621
Lines 4628-4643 nav { Link Here
4628
                }
4628
                }
4629
            }
4629
            }
4630
4630
4631
            span{
4631
            span {
4632
                &.name-icon{
4632
                &.name-icon {
4633
                    display: none;
4633
                    display: none;
4634
                }
4634
                }
4635
4635
4636
                &.name-icon:hover, &.name-icon.active{
4636
                &.name-icon:hover, &.name-icon.active {
4637
                    margin-right: 0;
4637
                    margin-right: 0;
4638
                    font-size: 0.85em;
4638
                    font-size: .85em;
4639
                    cursor: text;
4639
                    cursor: text;
4640
                    padding: 0.25em;
4640
                    padding: .25em;
4641
                    margin: 0;
4641
                    margin: 0;
4642
                    display: inline-block;
4642
                    display: inline-block;
4643
                    overflow: hidden;
4643
                    overflow: hidden;
Lines 4653-4666 nav { Link Here
4653
4653
4654
        .ui-state-default {
4654
        .ui-state-default {
4655
            a {
4655
            a {
4656
                color: #fff;
4656
                color: #FFFFFF;
4657
                cursor: pointer;
4657
                cursor: pointer;
4658
                padding: 3px;
4658
                padding: 3px;
4659
                font-size: .9em;
4659
                font-size: .9em;
4660
4660
4661
                &:link,
4661
                &:link,
4662
                &:visited {
4662
                &:visited {
4663
                    color: #fff;
4663
                    color: #FFFFFF;
4664
                    padding: 3px;
4664
                    padding: 3px;
4665
                    background-color: transparent;
4665
                    background-color: transparent;
4666
                }
4666
                }
Lines 4675-4682 nav { Link Here
4675
                font-size: .9em;
4675
                font-size: .9em;
4676
                background-color: transparent;
4676
                background-color: transparent;
4677
4677
4678
                i{
4678
                i {
4679
                    border-bottom: 2px solid #fff;
4679
                    border-bottom: 2px solid #FFFFFF;
4680
                    padding-bottom: 2px;
4680
                    padding-bottom: 2px;
4681
                }
4681
                }
4682
            }
4682
            }
Lines 4695-4705 nav { Link Here
4695
            }
4695
            }
4696
        }
4696
        }
4697
4697
4698
        input{
4698
        input {
4699
            display: none;
4699
            display: none;
4700
4700
4701
            &.head-searchbox{
4701
            &.head-searchbox {
4702
                outline-offset: 0px;
4702
                outline-offset: 0;
4703
                outline: 1px black;
4703
                outline: 1px black;
4704
                float: right;
4704
                float: right;
4705
                height: 30px;
4705
                height: 30px;
Lines 4707-4734 nav { Link Here
4707
                padding-left: 2em;
4707
                padding-left: 2em;
4708
                padding-right: 1.5em;
4708
                padding-right: 1.5em;
4709
                border: none ;
4709
                border: none ;
4710
                margin-left: 0px;
4710
                margin-left: 0;
4711
                position:absolute;
4711
                position:absolute;
4712
                top: 0px;
4712
                top: 0;
4713
                right: 30px;
4713
                right: 30px;
4714
                z-index	: -2;
4714
                z-index	: -2;
4715
                display: inline;
4715
                display: inline;
4716
                letter-spacing: normal;
4716
                letter-spacing: normal;
4717
                word-spacing: normal;
4717
                word-spacing: normal;
4718
                text-transform: none;
4718
                text-transform: none;
4719
                text-indent: 0px;
4719
                text-indent: 0;
4720
                text-shadow: none;
4720
                text-shadow: none;
4721
                text-align: start;
4721
                text-align: start;
4722
                cursor: text;
4722
                cursor: text;
4723
                font: 400 13.3333px Arial;
4723
                font: 400 13.3333px Arial;
4724
4724
4725
                &::placeholder{
4725
                &::placeholder {
4726
                    font-size: 85%;
4726
                    font-size: 85%;
4727
                }
4727
                }
4728
            }
4728
            }
4729
4729
4730
            &.multi-input{
4730
            &.multi-input {
4731
                outline-offset: 0px;
4731
                outline-offset: 0;
4732
                outline: 1px black;
4732
                outline: 1px black;
4733
                float: right;
4733
                float: right;
4734
                height: 30px;
4734
                height: 30px;
Lines 4736-4762 nav { Link Here
4736
                padding-left: 2em;
4736
                padding-left: 2em;
4737
                padding-right: 1.5em;
4737
                padding-right: 1.5em;
4738
                border: none ;
4738
                border: none ;
4739
                margin-left: 0px;
4739
                margin-left: 0;
4740
                position:absolute;
4740
                position:absolute;
4741
                top: 0px;
4741
                top: 0;
4742
                right: 30px;
4742
                right: 30px;
4743
                z-index	: -2;
4743
                z-index	: -2;
4744
                display: inline;
4744
                display: inline;
4745
                letter-spacing: normal;
4745
                letter-spacing: normal;
4746
                word-spacing: normal;
4746
                word-spacing: normal;
4747
                text-transform: none;
4747
                text-transform: none;
4748
                text-indent: 0px;
4748
                text-indent: 0;
4749
                text-shadow: none;
4749
                text-shadow: none;
4750
                text-align: start;
4750
                text-align: start;
4751
                cursor: text;
4751
                cursor: text;
4752
                font: 400 13.3333px Arial;
4752
                font: 400 13.3333px Arial;
4753
4753
4754
                &::placeholder{
4754
                &::placeholder {
4755
                    font-size: 85%;
4755
                    font-size: 85%;
4756
                }
4756
                }
4757
            }
4757
            }
4758
4758
4759
            &.titre{
4759
            &.titre {
4760
                float: none;
4760
                float: none;
4761
                position: relative;
4761
                position: relative;
4762
                width: 170px;
4762
                width: 170px;
Lines 4765-4795 nav { Link Here
4765
            }
4765
            }
4766
        }
4766
        }
4767
4767
4768
        #header_search.fold{
4768
        #header_search.fold {
4769
            width: 0px;
4769
            width: 0;
4770
            opacity: 0;
4770
            opacity: 0;
4771
            margin: 0;
4771
            margin: 0;
4772
            padding: 0;
4772
            padding: 0;
4773
        }
4773
        }
4774
4774
4775
        #backsearch{
4775
        #backsearch {
4776
            display: none;
4776
            display: none;
4777
            font-size: 1em;
4777
            font-size: 1em;
4778
4778
4779
        }
4779
        }
4780
4780
4781
        #header_search.fold #backsearch{
4781
        #header_search.fold #backsearch {
4782
            display: inline-block;
4782
            display: inline-block;
4783
            cursor: pointer;
4783
            cursor: pointer;
4784
        }
4784
        }
4785
4785
4786
        .description{
4786
        .description {
4787
            opacity: 0.6;
4787
            opacity: .6;
4788
            max-width: 50em;
4788
            max-width: 50em;
4789
            display: block;
4789
            display: block;
4790
            width: 100%;
4790
            width: 100%;
4791
        }
4791
        }
4792
        .description.hidden{
4792
        .description.hidden {
4793
            opacity: 0;
4793
            opacity: 0;
4794
        }
4794
        }
4795
4795
Lines 4803-4809 nav { Link Here
4803
                    font-size: 13px;
4803
                    font-size: 13px;
4804
4804
4805
                    &:hover,
4805
                    &:hover,
4806
                    &:focus{
4806
                    &:focus {
4807
                        background-color: #352C2E;
4807
                        background-color: #352C2E;
4808
                        background-image: none;
4808
                        background-image: none;
4809
                        text-decoration: underline;
4809
                        text-decoration: underline;
Lines 4815-4866 nav { Link Here
4815
        a {
4815
        a {
4816
            line-height: 40px;
4816
            line-height: 40px;
4817
            overflow: hidden;
4817
            overflow: hidden;
4818
            color: #fff;
4818
            color: #FFFFFF;
4819
4819
4820
            &:hover, &:active{
4820
            &:hover, &:active {
4821
                background-color: #352C2E;
4821
                background-color: #352C2E;
4822
                border-bottom: 1px 5px #fff;
4822
                border-bottom: 1px 5px #FFFFFF;
4823
                color: #fff;
4823
                color: #FFFFFF;
4824
            }
4824
            }
4825
        }
4825
        }
4826
    }
4826
    }
4827
4827
4828
    ul{
4828
    ul {
4829
        background-color: #352C2E;
4829
        background-color: #352C2E;
4830
    }
4830
    }
4831
}
4831
}
4832
4832
4833
4833
4834
4834
4835
#logged-in-menu{
4835
#logged-in-menu {
4836
    position: relative;
4836
    position: relative;
4837
    left: 0px;
4837
    left: 0;
4838
    top: 0px;
4838
    top: 0;
4839
    height: 50px;
4839
    height: 50px;
4840
4840
4841
    &:hover{
4841
    &:hover {
4842
        text-decoration: none;
4842
        text-decoration: none;
4843
    }
4843
    }
4844
}
4844
}
4845
4845
4846
.loggedinusername{
4846
.loggedinusername {
4847
    bottom: 5px;
4847
    bottom: 5px;
4848
    text-decoration: none;
4848
    text-decoration: none;
4849
    position: relative;
4849
    position: relative;
4850
    float: right;
4850
    float: right;
4851
    right: 0px;
4851
    right: 0;
4852
    height: 20px;
4852
    height: 20px;
4853
    width: 100%;
4853
    width: 100%;
4854
}
4854
}
4855
4855
4856
.logged-in-branch-name{
4856
.logged-in-branch-name {
4857
    position: relative;
4857
    position: relative;
4858
    right: 0px;
4858
    right: 0;
4859
    height: 20px;
4859
    height: 20px;
4860
    top: 10px;
4860
    top: 10px;
4861
    width: 100%;
4861
    width: 100%;
4862
4862
4863
    &:hover{
4863
    &:hover {
4864
        text-decoration: underline;
4864
        text-decoration: underline;
4865
    }
4865
    }
4866
}
4866
}
Lines 4923-4929 button, Link Here
4923
    border-radius: 4px;
4923
    border-radius: 4px;
4924
    user-select: none;
4924
    user-select: none;
4925
4925
4926
    &.toolbar-btn{
4926
    &.toolbar-btn {
4927
        font-family: 'Poppins', sans-serif;
4927
        font-family: 'Poppins', sans-serif;
4928
        font-weight: normal;
4928
        font-weight: normal;
4929
        text-align: center;
4929
        text-align: center;
Lines 4942-4972 button, Link Here
4942
        user-select: none;
4942
        user-select: none;
4943
        font-size: 105%;
4943
        font-size: 105%;
4944
        background-color: transparent;
4944
        background-color: transparent;
4945
        border: none;
4945
        border: 0;
4946
        display: inline-block;
4946
        display: inline-block;
4947
        margin: 5px 10px;
4947
        margin: 5px 10px;
4948
        color: #696969;
4948
        color: #696969;
4949
4949
4950
        &:hover, &:focus{
4950
        &:hover, &:focus {
4951
            text-decoration: none;
4951
            text-decoration: none;
4952
            background-color: #dadada;
4952
            background-color: #DADADA;
4953
        }
4953
        }
4954
4954
4955
        &:active{
4955
        &:active {
4956
            border: none;
4956
            border: 0;
4957
        }
4957
        }
4958
4958
4959
        &.word{
4959
        &.word {
4960
            margin-right: 0;
4960
            margin-right: 0;
4961
            padding-right: .1em;
4961
            padding-right: .1em;
4962
        }
4962
        }
4963
4963
4964
        &.arrow{
4964
        &.arrow {
4965
            margin-left: 0;
4965
            margin-left: 0;
4966
            border-radius: 4px;
4966
            border-radius: 4px;
4967
            padding-left: .1em;
4967
            padding-left: .1em;
4968
4968
4969
            &:active{
4969
            &:active {
4970
                border: 1px solid #000;
4970
                border: 1px solid #000;
4971
                border-radius: 4px;
4971
                border-radius: 4px;
4972
            }
4972
            }
Lines 5002-5039 button, Link Here
5002
        border-radius: 4px;
5002
        border-radius: 4px;
5003
        user-select: none;
5003
        user-select: none;
5004
5004
5005
        &:hover{
5005
        &:hover {
5006
            font-weight: bold;
5006
            font-weight: bold;
5007
            background-color: #f1f1f1;
5007
            background-color: #F1F1F1;
5008
            border: #696969 double 1px;
5008
            border: #696969 double 1px;
5009
            text-decoration: none;
5009
            text-decoration: none;
5010
        }
5010
        }
5011
    }
5011
    }
5012
}
5012
}
5013
5013
5014
#merge-patrons{
5014
#merge-patrons {
5015
    padding: 0 25px;
5015
    padding: 0 25px;
5016
}
5016
}
5017
5017
5018
#patronlist-menu{
5018
#patronlist-menu {
5019
    padding: 0 25px;
5019
    padding: 0 25px;
5020
}
5020
}
5021
5021
5022
.principal{
5022
.principal {
5023
    background-color: #FEC32C;
5023
    background-color: #FEC32C;
5024
    color: #000;
5024
    color: #000;
5025
    text-shadow: 0 1px 0 #fff;
5025
    text-shadow: 0 1px 0 #FFFFFF;
5026
    border: none;
5026
    border: 0;
5027
    padding: 6px 25px;
5027
    padding: 6px 25px;
5028
    background-image: none;
5028
    background-image: none;
5029
    margin: 5px;
5029
    margin: 5px;
5030
5030
5031
    &:hover,
5031
    &:hover,
5032
    &:active,
5032
    &:active,
5033
    &:focus{
5033
    &:focus {
5034
        background-color: #fec22c9f;
5034
        background-color: #fec22c9f;
5035
        color: #000;
5035
        color: #000;
5036
        border: none;
5036
        border: 0;
5037
    }
5037
    }
5038
}
5038
}
5039
5039
Lines 5049-5055 button, Link Here
5049
    background: #F4F8F9 none;
5049
    background: #F4F8F9 none;
5050
    box-shadow: none;
5050
    box-shadow: none;
5051
5051
5052
    &:hover{
5052
    &:hover {
5053
        background: #e3f1df none;
5053
        background: #e3f1df none;
5054
    }
5054
    }
5055
}
5055
}
Lines 5313-5319 label { Link Here
5313
.modal-content {
5313
.modal-content {
5314
    background-color: rgb(211, 223, 204);
5314
    background-color: rgb(211, 223, 204);
5315
5315
5316
    fieldset{
5316
    fieldset {
5317
        box-shadow: none;
5317
        box-shadow: none;
5318
    }
5318
    }
5319
}
5319
}
Lines 5367-5373 code { Link Here
5367
    > li {
5367
    > li {
5368
        > a {
5368
        > a {
5369
            background-color: #71B443;
5369
            background-color: #71B443;
5370
            color: #fff;
5370
            color: #FFFFFF;
5371
            line-height: 1.42857143;
5371
            line-height: 1.42857143;
5372
            margin-right: .4em;
5372
            margin-right: .4em;
5373
            padding: .5em 1em;
5373
            padding: .5em 1em;
Lines 5377-5383 code { Link Here
5377
                border-radius: 4px 4px 0 0;
5377
                border-radius: 4px 4px 0 0;
5378
                border: 1px solid #418940;
5378
                border: 1px solid #418940;
5379
                text-decoration: none;
5379
                text-decoration: none;
5380
                color: #fff;
5380
                color: #FFFFFF;
5381
            }
5381
            }
5382
        }
5382
        }
5383
5383
Lines 5387-5393 code { Link Here
5387
            a:focus {
5387
            a:focus {
5388
                background-color: #418940;
5388
                background-color: #418940;
5389
                border-radius: 4px 4px 0 0;
5389
                border-radius: 4px 4px 0 0;
5390
                color: #fff;
5390
                color: #FFFFFF;
5391
                cursor: default;
5391
                cursor: default;
5392
                font-weight: bold;
5392
                font-weight: bold;
5393
            }
5393
            }
Lines 5395-5401 code { Link Here
5395
    }
5395
    }
5396
}
5396
}
5397
5397
5398
// End Bootstrap overrides
5398
/* End Bootstrap overrides */
5399
.waiting {
5399
.waiting {
5400
    cursor: wait;
5400
    cursor: wait;
5401
}
5401
}
Lines 5466-5472 progress { Link Here
5466
    }
5466
    }
5467
}
5467
}
5468
5468
5469
// Class to be added to toolbar when it starts being fixed at the top of the screen
5469
/* Class to be added to toolbar when it starts being fixed at the top of the screen */
5470
.floating {
5470
.floating {
5471
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
5471
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
5472
    z-index: 100;
5472
    z-index: 100;
Lines 5981-5987 input.renew { Link Here
5981
    padding: 5px 7px;
5981
    padding: 5px 7px;
5982
    margin: 3px 0 3px 0;
5982
    margin: 3px 0 3px 0;
5983
    border-radius: 5px;
5983
    border-radius: 5px;
5984
    background-color: rgba(0, 0, 0, 0.1);
5984
    background-color: rgba(0, 0, 0, .1);
5985
}
5985
}
5986
5986
5987
#stage_list_headings {
5987
#stage_list_headings {
Lines 6053-6063 input.renew { Link Here
6053
    span {
6053
    span {
6054
        display: none;
6054
        display: none;
6055
        font-style: normal;
6055
        font-style: normal;
6056
      //  position: absolute;
6057
        //top: 10px;
6058
        //right: 20px;
6059
6056
6060
        &:hover{
6057
        &:hover {
6061
            text-decoration: underline;
6058
            text-decoration: underline;
6062
        }
6059
        }
6063
    }
6060
    }
Lines 6068-6081 input.renew { Link Here
6068
}
6065
}
6069
6066
6070
.loggedin-menu-label {
6067
.loggedin-menu-label {
6071
    color: #fff;
6068
    color: #FFFFFF;
6072
    font-size: 12px;
6069
    font-size: 12px;
6073
    line-height: 1.42857143;
6070
    line-height: 1.42857143;
6074
    padding: 4px 12px;
6071
    padding: 4px 12px;
6075
    white-space: nowrap;
6072
    white-space: nowrap;
6076
6073
6077
    span {
6074
    span {
6078
        color: #fff;
6075
        color: #FFFFFF;
6079
        font-weight: bold;
6076
        font-weight: bold;
6080
        left: 15px;
6077
        left: 15px;
6081
        top: 0;
6078
        top: 0;
Lines 6089-6099 input.renew { Link Here
6089
.lastborrower {
6086
.lastborrower {
6090
    background-image: linear-gradient(to left, #418940, #71B443);
6087
    background-image: linear-gradient(to left, #418940, #71B443);
6091
    box-shadow: 1px 1px 1px 0 #999;
6088
    box-shadow: 1px 1px 1px 0 #999;
6092
    color: #fff;
6089
    color: #FFFFFF;
6093
    margin: .4em 0;
6090
    margin: .4em 0;
6094
    border-radius: 5px 5px 5px 5px;
6091
    border-radius: 5px 5px 5px 5px;
6095
 //   position: absolute;
6096
   // right: 50px;
6097
}
6092
}
6098
6093
6099
6094
Lines 6124-6161 input.renew { Link Here
6124
6119
6125
#lastborrowerlink {
6120
#lastborrowerlink {
6126
    background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
6121
    background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%;
6127
    color: #fff;
6122
    color: #FFFFFF;
6128
    padding: .0em .0em .0em 1.3em;
6123
    padding: .0em .0em .0em 1.3em;
6129
6124
6130
    &:hover{
6125
    &:hover {
6131
        text-decoration: underline;
6126
        text-decoration: underline;
6132
    }
6127
    }
6133
}
6128
}
6134
6129
6135
/* ==== MODULE LINKS - Start ==== */
6130
/* ==== MODULE LINKS - Start ==== */
6136
.buttons-list {
6131
.buttons-list {
6137
    // List containing the module links
6132
    /* List containing the module links */
6138
    margin: 30px 0;
6133
    margin: 30px 0;
6139
    padding: 0;
6134
    padding: 0;
6140
    margin-left: 15px;
6135
    margin-left: 15px;
6141
6136
6142
    li {
6137
    li {
6143
        // Standard attributes for the list elements
6138
        /* Standard attributes for the list elements */
6144
        height: 60px;
6139
        height: 60px;
6145
        list-style-type: none;
6140
        list-style-type: none;
6146
        display: table;
6141
        display: table;
6147
        margin-bottom: 15px;
6142
        margin-bottom: 15px;
6148
6143
6149
        a {
6144
        a {
6150
            &.menucirc{
6145
            &.menucirc {
6151
                display: block;
6146
                display: block;
6152
                height: 60px;
6147
                height: 60px;
6153
                margin: 5px;
6148
                margin: 5px;
6154
6149
6155
                i{
6150
                i {
6156
6151
6157
                    &.fa{
6152
                    &.fa {
6158
                    color: #fff;
6153
                    color: #FFFFFF;
6159
                    border-radius: 50%;
6154
                    border-radius: 50%;
6160
                    background-color: #71B443;
6155
                    background-color: #71B443;
6161
                    width: 40px;
6156
                    width: 40px;
Lines 6170-6180 input.renew { Link Here
6170
                    border: solid 3px #71B443;
6165
                    border: solid 3px #71B443;
6171
                    }
6166
                    }
6172
6167
6173
                    &.fond{
6168
                    &.fond {
6174
                        opacity: 70%;
6169
                        opacity: 70%;
6175
                        position: relative;
6170
                        position: relative;
6176
                        top: 5px;
6171
                        top: 5px;
6177
                        border: none;
6172
                        border: 0;
6178
                        right: 20px;
6173
                        right: 20px;
6179
                        border-radius: 0;
6174
                        border-radius: 0;
6180
                        background-color: transparent;
6175
                        background-color: transparent;
Lines 6193-6215 input.renew { Link Here
6193
                    color: #000;
6188
                    color: #000;
6194
                }
6189
                }
6195
6190
6196
                &:hover, &:active, &:focus{
6191
                &:hover, &:active, &:focus {
6197
                    text-decoration: none;
6192
                    text-decoration: none;
6198
6193
6199
                    h1{
6194
                    h1{
6200
                        color: #418940;
6195
                        color: #418940;
6201
                    }
6196
                    }
6202
6197
6203
                    i{
6198
                    i {
6204
                        &.fa{
6199
                        &.fa {
6205
                            background-color: #418940;
6200
                            background-color: #418940;
6206
                            border: solid 3px #418940;
6201
                            border: solid 3px #418940;
6207
                        }
6202
                        }
6208
                        &.fond{
6203
                        &.fond {
6209
                            opacity: 70%;
6204
                            opacity: 70%;
6210
                            position: relative;
6205
                            position: relative;
6211
                            top: 5px;
6206
                            top: 5px;
6212
                            border: none;
6207
                            border: 0;
6213
                            right: 20px;
6208
                            right: 20px;
6214
                            border-radius: 0;
6209
                            border-radius: 0;
6215
                            background-color: transparent;
6210
                            background-color: transparent;
Lines 6246-6252 input.renew { Link Here
6246
    column-gap: 2em;
6241
    column-gap: 2em;
6247
}
6242
}
6248
6243
6249
// ==== MODULE LINKS - End ====
6244
/* ==== MODULE LINKS - End ==== */
6250
6245
6251
#tools_holidays {
6246
#tools_holidays {
6252
    .radio,
6247
    .radio,
Lines 6352-6358 input.renew { Link Here
6352
}
6347
}
6353
6348
6354
#user-menu {
6349
#user-menu {
6355
    top: 0px;
6350
    top: 0;
6356
    position: absolute;
6351
    position: absolute;
6357
    right: 5px;
6352
    right: 5px;
6358
}
6353
}
6359
- 

Return to bug 30952