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

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

Return to bug 30952