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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (-1 / +1 lines)
Lines 240-246 Link Here
240
    }
240
    }
241
241
242
    #logo {
242
    #logo {
243
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
243
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings.png" ) no-repeat;
244
        background-position: 0 -24px;
244
        background-position: 0 -24px;
245
        margin: 14px 14px 0 14px;
245
        margin: 14px 14px 0 14px;
246
        width: 14px;
246
        width: 14px;
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-57 / +242 lines)
Lines 1-7 Link Here
1
@import "mixins";
1
@import "mixins";
2
2
3
body {
3
body {
4
    background-color: #EAEAE6;
4
    background: #FCF9FC none;
5
    font-family: 'NotoSansRegular';
6
    font-size: 16px;
5
}
7
}
6
8
7
/* Sticky footer styles */
9
/* Sticky footer styles */
Lines 37-49 body { Link Here
37
    height: auto !important;
39
    height: auto !important;
38
    height: 100%;
40
    height: 100%;
39
    min-height: 100%;
41
    min-height: 100%;
42
    padding-right: 40px;
43
    padding-left: 40px;
40
    /* Negative indent footer by it's height */
44
    /* Negative indent footer by it's height */
41
    // margin: 0 auto -60px;
45
    // margin: 0 auto -60px;
42
}
46
}
43
47
44
.fa.fa-icon-black,
48
.fa.fa-icon-black,
45
.fa.fa-icon-white {
49
.fa.fa-icon-white {
46
    color: #FFF;
50
    color: #000;
47
}
51
}
48
52
49
#changelanguage {
53
#changelanguage {
Lines 102-109 a { Link Here
102
    }
106
    }
103
107
104
    &.login-link {
108
    &.login-link {
105
        color: #A6D8ED;
109
        color: #005580;
106
        font-weight: bold;
110
        font-weight: bold;
111
        &.loginModal-trigger {
112
            color: #85ca11;
113
        }
107
    }
114
    }
108
115
109
    &.listmenulink {
116
    &.listmenulink {
Lines 137-149 a { Link Here
137
144
138
    &.addtocart {
145
    &.addtocart {
139
        @extend %initial_icon;
146
        @extend %initial_icon;
140
        background-position: -5px -265px; /* Cart */
147
        background-position: -5px -262px; /* Cart */
141
        padding-left: 35px;
148
        padding-left: 35px;
142
    }
149
    }
143
150
144
    &.addtoshelf {
151
    &.addtoshelf {
145
        @extend %initial_icon;
152
        @extend %initial_icon;
146
        background-position: -5px -225px; /* Virtual shelf */
153
        background-position: -5px -222px; /* Virtual shelf */
147
        padding-left: 35px;
154
        padding-left: 35px;
148
    }
155
    }
149
156
Lines 187-193 a { Link Here
187
194
188
    &.highlight_toggle {
195
    &.highlight_toggle {
189
        @extend %initial_icon;
196
        @extend %initial_icon;
190
        background-position: -5px -841px; /* Highlight */
197
        background-position: -5px -836px; /* Highlight */
191
        display: none;
198
        display: none;
192
        padding-left: 35px;
199
        padding-left: 35px;
193
    }
200
    }
Lines 241-247 a { Link Here
241
248
242
    &.reserve {
249
    &.reserve {
243
        @extend %initial_icon;
250
        @extend %initial_icon;
244
        background-position: -6px -144px; /* Place hold */
251
        background-position: -6px -141px; /* Place hold */
245
        padding-left: 35px;
252
        padding-left: 35px;
246
    }
253
    }
247
254
Lines 277-282 a { Link Here
277
h1 {
284
h1 {
278
    font-size: 140%;
285
    font-size: 140%;
279
    line-height: 150%;
286
    line-height: 150%;
287
    color: #727272;
280
288
281
    &#libraryname {
289
    &#libraryname {
282
        background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
290
        background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
Lines 301-311 h1 { Link Here
301
}
309
}
302
310
303
h2 {
311
h2 {
312
    color: #727272;
304
    font-size: 130%;
313
    font-size: 130%;
305
    line-height: 150%;
314
    line-height: 150%;
306
}
315
}
307
316
308
h3 {
317
h3 {
318
    color: #727272;
309
    font-size: 120%;
319
    font-size: 120%;
310
    line-height: 150%;
320
    line-height: 150%;
311
}
321
}
Lines 316-324 h4 { Link Here
316
326
317
h5 {
327
h5 {
318
    font-size: 100%;
328
    font-size: 100%;
329
    color: #727272;
319
}
330
}
320
331
321
caption {
332
caption {
333
    color: #727272;
322
    font-size: 120%;
334
    font-size: 120%;
323
    font-weight: bold;
335
    font-weight: bold;
324
    margin: 0;
336
    margin: 0;
Lines 337-342 textarea { Link Here
337
legend {
349
legend {
338
    font-size: 110%;
350
    font-size: 110%;
339
    font-weight: bold;
351
    font-weight: bold;
352
    color: #727272;
340
}
353
}
341
354
342
table {
355
table {
Lines 358-364 td { Link Here
358
    }
371
    }
359
372
360
    .sum {
373
    .sum {
361
        background-color: #FFC;
374
        background-color: #FFFFE5;
362
        font-weight: bold;
375
        font-weight: bold;
363
    }
376
    }
364
377
Lines 372-378 td { Link Here
372
}
385
}
373
386
374
th {
387
th {
375
    background-color: #ECEDE6;
388
    background-color: #E2E8E8;
376
389
377
    &.sum {
390
    &.sum {
378
        text-align: right;
391
        text-align: right;
Lines 398-406 th { Link Here
398
411
399
    span {
412
    span {
400
        @include border-radius-all( 3px );
413
        @include border-radius-all( 3px );
401
        background-color: #FFC;
414
        background-color: #85ca11;
402
        color: #000;
415
        color: #FFF;
403
        display: inline;
416
        display: inline;
417
        font-family: 'NotoSansRegular';
404
        font-size: 80%;
418
        font-size: 80%;
405
        font-weight: normal;
419
        font-weight: normal;
406
        margin: 0 0 0 .9em;
420
        margin: 0 0 0 .9em;
Lines 413-419 th { Link Here
413
    display: block;
427
    display: block;
414
428
415
    p {
429
    p {
416
        color: #EEE;
430
        color: #727272;
417
    }
431
    }
418
432
419
    a {
433
    a {
Lines 465-477 th { Link Here
465
.newscontainer {
479
.newscontainer {
466
    border: 1px solid #DDD;
480
    border: 1px solid #DDD;
467
    border-bottom-width: 0;
481
    border-bottom-width: 0;
468
    border-top-left-radius: 5px;
469
    border-top-right-radius: 5px;
470
}
482
}
471
483
472
.newsheader {
484
.newsheader {
473
    background-color: #ECEDE6;
485
    background-color: #f0f3f3;
474
    border-bottom: 1px solid #DDD;
486
    border-bottom: 1px solid #DDD;
487
    color: #727272;
475
    margin: 0;
488
    margin: 0;
476
    padding: 8px;
489
    padding: 8px;
477
}
490
}
Lines 487-500 th { Link Here
487
}
500
}
488
501
489
#opacheader {
502
#opacheader {
490
    background-color: #DDD;
503
    background-color: #fcf9fc;
504
}
505
506
#numresults {
507
    color: #727272;
508
}
509
510
#selections {
511
    color: #727272;
512
    font-weight: bold;
513
}
514
515
#selections-toolbar {
516
    background: #e2e8e8 none;
517
    border-bottom: none;
518
    margin-top: 3px;
491
}
519
}
492
520
493
#selections,
494
.selections {
521
.selections {
495
    font-weight: bold;
522
    font-weight: bold;
496
}
523
}
497
524
525
.selections-toolbar.toolbar {
526
    background: #e2e8e8 none;
527
}
528
498
.actions {
529
.actions {
499
    a {
530
    a {
500
        background-repeat: no-repeat;
531
        background-repeat: no-repeat;
Lines 504-510 th { Link Here
504
535
505
        &.hold {
536
        &.hold {
506
            background-image: url( "../images/sprite.png" ); /* Place hold small */
537
            background-image: url( "../images/sprite.png" ); /* Place hold small */
507
            background-position: -5px -542px;
538
            background-position: -5px -539px;
508
            padding-left: 21px;
539
            padding-left: 21px;
509
        }
540
        }
510
541
Lines 516-528 th { Link Here
516
547
517
        &.addtocart {
548
        &.addtocart {
518
            background-image: url( "../images/sprite.png" ); /* Cart small */
549
            background-image: url( "../images/sprite.png" ); /* Cart small */
519
            background-position: -5px -572px;
550
            background-position: -5px -570px;
520
            padding-left: 20px;
551
            padding-left: 20px;
521
        }
552
        }
522
553
523
        &.addtoshelf {
554
        &.addtoshelf {
524
            background-image: url( "../images/sprite.png" ); /* MARC view */
555
            background-image: url( "../images/sprite.png" ); /* MARC view */
525
            background-position: -5px -27px;
556
            background-position: -5px -24px;
526
            padding-left: 20px;
557
            padding-left: 20px;
527
        }
558
        }
528
559
Lines 576-587 th { Link Here
576
}
607
}
577
608
578
.breadcrumb {
609
.breadcrumb {
579
    @include border-radius-all( 7px );
610
    background-color: #F0F3F3;
580
    background-color: #F2F2EF;
581
    font-size: 85%;
611
    font-size: 85%;
582
    list-style: none outside none;
612
    list-style: none outside none;
583
    margin: 10px 20px;
613
    margin: 10px 20px;
584
    padding: 5px 10px;
614
    padding: 5px 10px;
615
    border-radius: 0px;
585
}
616
}
586
617
587
.buttons-print {
618
.buttons-print {
Lines 606-657 th { Link Here
606
}
637
}
607
638
608
.main {
639
.main {
609
    @include border-radius-all( 7px );
610
    @include shadowed;
611
    background-color: #FFF;
640
    background-color: #FFF;
612
    border: 1px solid #D2D2CF;
641
    border: 1px solid #F0F3F3;
613
    margin-bottom: .5em;
642
    margin-bottom: .5em;
614
    margin-top: .5em;
643
    margin-top: .5em;
615
}
644
}
616
645
617
.mastheadsearch {
646
.mastheadsearch {
618
    @include border-radius-all( 7px );
647
    background: #f0f3f3;
619
    background: linear-gradient( to bottom, #C7C7C1 38%, #A7A7A2 100% );
620
    margin: .5em 0;
648
    margin: .5em 0;
621
    padding: .8em;
649
    padding: .8em;
622
650
623
    label {
651
    label {
652
        color: #727272;
624
        font-size: 115%;
653
        font-size: 115%;
625
        font-weight: bold;
654
        font-weight: bold;
626
    }
655
    }
627
}
656
}
628
657
658
.btn-primary {
659
    background-color: #85ca11;
660
    background-image: linear-gradient(to bottom, #85ca11, #77b50f);
661
    background-position: 0;
662
    font-family: 'NotoSansRegular';
663
    &:hover {
664
        background-color: #85ca11;
665
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
666
        background-position: 0;
667
    }
668
    &:active {
669
        background-color: #85ca11;
670
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
671
        background-position: 0;
672
    }
673
    &:visited {
674
        background-color: #85ca11;
675
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
676
        background-position: 0;
677
    }
678
    &:focus {
679
        background-color: #85ca11;
680
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
681
        background-position: 0;
682
    }
683
}
684
685
input[type="text"]:focus {
686
    border-color: #85ca11;
687
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
688
 }
689
690
 input[type="password"]:focus {
691
    border-color: #85ca11;
692
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
693
 }
694
695
 .navbar {
696
    .divider-vertical {
697
        border-left-color: #fcf9fc;
698
        border-right-color: #fcf9fc;
699
    }
700
    .nav li.dropdown > a {
701
        &:focus .caret {
702
        border-top-color: #85ca11;
703
        border-bottom-color: #85ca11;
704
        }
705
        &:hover .caret {
706
        border-top-color: #85ca11;
707
        border-bottom-color: #85ca11;
708
        }
709
    }
710
}
711
629
.navbar-inverse {
712
.navbar-inverse {
630
    .brand {
713
    .brand {
631
        color: #9FE1FF;
714
        color: #9FE1FF;
632
        font-weight: bold;
715
        font-weight: bold;
633
    }
716
    }
634
717
718
    .navbar-inner {
719
        background: #fcf9fc none;
720
        border-color: #fcf9fc;
721
        box-shadow: none;
722
    }
723
635
    .nav {
724
    .nav {
636
        > li {
725
        > li {
637
            > a {
726
            > a {
638
                color: #9FE1FF;
727
                color: #727272;
639
                font-weight: bold;
728
                font-weight: bold;
729
                &:hover {
730
                    color: #85ca11;
731
                }
732
                &:focus {
733
                    color: #85ca11;
734
                }
640
            }
735
            }
641
        }
736
        }
737
        li.dropdown {
738
        > a {
739
            &:hover .caret {
740
                border-top-color: #85ca11;
741
                border-bottom-color: #85ca11;
742
            }
743
            &:focus .caret {
744
                border-top-color: #85ca11;
745
                border-bottom-color: #85ca11;
746
            }
747
        }
748
        &.open > .dropdown-toggle {
749
            background-color: transparent;
750
            color: #85ca11;
751
            .caret {
752
                border-top-color: #85ca11;
753
                border-bottom-color: #85ca11;
754
                &:hover {
755
                border-top-color: #85ca11;
756
                border-bottom-color: #85ca11;
757
                }
758
            }
759
        }
760
        }
642
    }
761
    }
643
}
762
}
644
763
764
.navbar-inner {
765
    background: #fcf9fc none;
766
}
767
645
.navbar-fixed-bottom {
768
.navbar-fixed-bottom {
646
    &.navbar-static-bottom {
769
    &.navbar-static-bottom {
647
        margin-top: .5em;
770
        margin-top: .5em;
648
        position: static;
771
        position: static;
649
    }
772
    }
773
    .navbar-inner {
774
        box-shadow: none;
775
    }
776
}
777
778
[class^="icon-"] {
779
    vertical-align: 0;
780
}
781
[class*=" icon-"] {
782
    vertical-align: 0;
650
}
783
}
651
784
652
.table-striped tbody > tr:nth-child(odd) > td,
785
.table-striped tbody > tr:nth-child(odd) > td,
653
.table-striped tbody > tr:nth-child(odd) > th {
786
.table-striped tbody > tr:nth-child(odd) > th {
654
    background-color: #F4F4F4;
787
    background-color: #F0F3F3;
788
}
789
790
#availability_facet {
791
    color: #727272;
792
}
793
794
#facet-holdings-library {
795
    color: #727272;
796
}
797
798
#toolbar.toolbar {
799
    background-color: #f0f3f3;
800
    border: 1px solid #f0f3f3;
801
    &.clearfix {
802
        background-color: #f0f3f3;
803
    }
655
}
804
}
656
805
657
806
Lines 670-676 th { Link Here
670
.ui-widget select,
819
.ui-widget select,
671
.ui-widget textarea,
820
.ui-widget textarea,
672
.ui-widget button {
821
.ui-widget button {
673
    font-family: inherit;
822
    font-family: 'NotoSansRegular';
674
    font-size: inherit;
823
    font-size: inherit;
675
}
824
}
676
825
Lines 685-691 ul { Link Here
685
.ui-tabs {
834
.ui-tabs {
686
    .ui-tabs-nav {
835
    .ui-tabs-nav {
687
        li {
836
        li {
688
            background: #F3F3F3 none;
837
            background: #F0F3F3 none;
689
            border-color: #D8D8D8;
838
            border-color: #D8D8D8;
690
            margin-right: .4em;
839
            margin-right: .4em;
691
840
Lines 695-706 ul { Link Here
695
                border-bottom: 0;
844
                border-bottom: 0;
696
845
697
                a {
846
                a {
698
                    color: #000;
847
                    color: #727272;
699
                    font-weight: bold;
848
                    font-weight: bold;
700
                }
849
                }
701
850
702
                &.ui-state-hover {
851
                &.ui-state-hover {
703
                    background: #FFF none;
852
                    background: #FFF none;
853
                    &.ui-state-active {
854
                        background: #FFF none;
855
                    }
704
                }
856
                }
705
            }
857
            }
706
858
Lines 754-759 ul { Link Here
754
    }
906
    }
755
}
907
}
756
908
909
.ui-corner-top {
910
    border-radius: 0px;
911
}
912
757
.statictabs {
913
.statictabs {
758
    ul {
914
    ul {
759
        background: none repeat scroll 0 0 transparent;
915
        background: none repeat scroll 0 0 transparent;
Lines 1415-1423 div { Link Here
1415
}
1571
}
1416
1572
1417
.view {
1573
.view {
1418
    background-color: #F3F3F3;
1574
    background-color: #F0F3F3;
1419
    border: 1px solid #C9C9C9;
1575
    border: 1px solid #C9C9C9;
1420
    border-radius: 4px;
1576
    border-radius: 4px;
1577
    color: #727272;
1421
    display: inline-block;
1578
    display: inline-block;
1422
    padding: .2em .5em;
1579
    padding: .2em .5em;
1423
    white-space: nowrap;
1580
    white-space: nowrap;
Lines 1640-1646 div { Link Here
1640
1797
1641
/* action buttons */
1798
/* action buttons */
1642
#action {
1799
#action {
1643
    background-color: #F3F3F3;
1800
    background-color: #F0F3F3;
1644
    border: 1px solid #E8E8E8;
1801
    border: 1px solid #E8E8E8;
1645
    margin: .5em 0 0 0;
1802
    margin: .5em 0 0 0;
1646
    padding-bottom: 3px;
1803
    padding-bottom: 3px;
Lines 1725-1731 input { Link Here
1725
1882
1726
.newshelf {
1883
.newshelf {
1727
    @extend %initial_icon;
1884
    @extend %initial_icon;
1728
    background-position: 2px -764px; /* List new */
1885
    background-position: 2px -761px; /* List new */
1729
    border: 0;
1886
    border: 0;
1730
    color: #006699;
1887
    color: #006699;
1731
    cursor: pointer;
1888
    cursor: pointer;
Lines 2038-2046 input { Link Here
2038
}
2195
}
2039
2196
2040
.dropdown-menu {
2197
.dropdown-menu {
2198
    border-radius: 0px;
2041
    > li {
2199
    > li {
2042
        > a {
2200
        > a {
2043
            font-size: 90%;
2201
            font-size: 90%;
2202
            &:hover {
2203
                background: #85ca11 none;
2204
            }
2205
            &:focus {
2206
            background: #85ca11 none;
2207
            }
2044
        }
2208
        }
2045
    }
2209
    }
2046
}
2210
}
Lines 2069-2075 input { Link Here
2069
2233
2070
#search-facets,
2234
#search-facets,
2071
#menu {
2235
#menu {
2072
    @include border-radius-all( 7px );
2073
    border: 1px solid #D2D2CF;
2236
    border: 1px solid #D2D2CF;
2074
2237
2075
    ul {
2238
    ul {
Lines 2087-2096 input { Link Here
2087
        text-align: center;
2250
        text-align: center;
2088
2251
2089
        a {
2252
        a {
2090
            background-color: #F2F2EF;
2253
            background-color: #F0F3F3;
2091
            border-bottom: 1px solid #D8D8D8;
2254
            border-bottom: 1px solid #D8D8D8;
2092
            border-radius: 8px 8px 0 0;
2255
                        display: block;
2093
            display: block;
2094
            font-weight: bold;
2256
            font-weight: bold;
2095
            padding: .7em .2em;
2257
            padding: .7em .2em;
2096
            text-decoration: none;
2258
            text-decoration: none;
Lines 2136-2145 input { Link Here
2136
        list-style-type: none;
2298
        list-style-type: none;
2137
2299
2138
        a {
2300
        a {
2139
            background: #EEEEEE;
2301
            background-color: #F0F3F3;
2140
            border: 1px solid #D8D8D8;
2302
            border: 1px solid #D8D8D8;
2141
            border-bottom-color: #999;
2303
            border-bottom-color: #999;
2142
            border-radius: 5px 0 0 5px;
2143
            display: block;
2304
            display: block;
2144
            font-size: 111%;
2305
            font-size: 111%;
2145
            margin: .4em 0;
2306
            margin: .4em 0;
Lines 2199-2205 input { Link Here
2199
    a {
2360
    a {
2200
        &.highlight_toggle {
2361
        &.highlight_toggle {
2201
            background-image: url( "../images/sprite.png" ); /* Highlight */
2362
            background-image: url( "../images/sprite.png" ); /* Highlight */
2202
            background-position: -11px -841px;
2363
            background-position: -11px -837px;
2203
            background-repeat: no-repeat;
2364
            background-repeat: no-repeat;
2204
            display: none;
2365
            display: none;
2205
            font-weight: normal;
2366
            font-weight: normal;
Lines 2403-2415 button.closebtn { Link Here
2403
        width: 100%;
2564
        width: 100%;
2404
2565
2405
        &[type='submit'] {
2566
        &[type='submit'] {
2406
            background: #006DCC none;
2407
            font-size: 100%;
2567
            font-size: 100%;
2408
            padding: .5em;
2568
            padding: .5em;
2409
            transition: background-color .5s ease;
2569
            transition: background-color .5s ease;
2410
2570
2411
            &:hover {
2571
            &:hover {
2412
                background: #0088CC none;
2572
                background: #77b50f none;
2413
            }
2573
            }
2414
        }
2574
        }
2415
    }
2575
    }
Lines 2480-2488 button.closebtn { Link Here
2480
}
2640
}
2481
2641
2482
.suggestion {
2642
.suggestion {
2483
    @include border-radius-all( 3px );
2643
    background-color: #F0F3F3;
2484
    background-color: #EEEEEB;
2644
    border: 1px solid #F0F3F3;
2485
    border: 1px solid #DDDED3;
2645
    color: #727272;
2486
    margin: 1em auto;
2646
    margin: 1em auto;
2487
    padding: .5em;
2647
    padding: .5em;
2488
    width: 35%;
2648
    width: 35%;
Lines 2508-2514 button.closebtn { Link Here
2508
}
2668
}
2509
2669
2510
#logo {
2670
#logo {
2511
    background: transparent url( "../images/koha-logo-navbar.png" ) no-repeat scroll 0%;
2671
    background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2512
    border: 0;
2672
    border: 0;
2513
    float: left !important;
2673
    float: left !important;
2514
    margin: 0;
2674
    margin: 0;
Lines 2525-2530 button.closebtn { Link Here
2525
        padding: 40px 0 0;
2685
        padding: 40px 0 0;
2526
        text-decoration: none;
2686
        text-decoration: none;
2527
        width: 100px;
2687
        width: 100px;
2688
         &:focus {
2689
        background-color: transparent;
2690
         }
2528
    }
2691
    }
2529
}
2692
}
2530
2693
Lines 2543-2548 button.closebtn { Link Here
2543
    }
2706
    }
2544
}
2707
}
2545
2708
2709
#header-region .icon-white {
2710
    background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2711
}
2712
2546
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2713
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2547
.floating {
2714
.floating {
2548
    box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2715
    box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
Lines 2574-2590 button.closebtn { Link Here
2574
2741
2575
.table {
2742
.table {
2576
    .sorting_asc {
2743
    .sorting_asc {
2577
        background: url( "../images/asc.gif" ) no-repeat scroll right center #ECEDE6;
2744
        background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2578
        padding-right: 19px;
2745
        padding-right: 19px;
2579
    }
2746
    }
2580
2747
2581
    .sorting_desc {
2748
    .sorting_desc {
2582
        background: url( "../images/desc.gif" ) no-repeat scroll right center #ECEDE6;
2749
        background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2583
        padding-right: 19px;
2750
        padding-right: 19px;
2584
    }
2751
    }
2585
2752
2586
    .sorting {
2753
    .sorting {
2587
        background: url( "../images/ascdesc.gif" ) no-repeat scroll right center #ECEDE6;
2754
        background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2588
        padding-right: 19px;
2755
        padding-right: 19px;
2589
    }
2756
    }
2590
2757
Lines 2592-2598 button.closebtn { Link Here
2592
    .nosort.sorting_asc,
2759
    .nosort.sorting_asc,
2593
    .nosort.sorting_desc,
2760
    .nosort.sorting_desc,
2594
    .nosort.sorting {
2761
    .nosort.sorting {
2595
        background: #ECEDE6 none;
2762
        background: #E2E8E8 none;
2596
        padding-right: 19px;
2763
        padding-right: 19px;
2597
    }
2764
    }
2598
2765
Lines 2602-2607 button.closebtn { Link Here
2602
    }
2769
    }
2603
}
2770
}
2604
2771
2772
.table-bordered {
2773
    border-radius: 0;
2774
    thead:first-child tr:first-child > th {
2775
        &:last-child {
2776
        border-radius: 0;
2777
        }
2778
        &:first-child {
2779
        border-radius: 0;
2780
        }
2781
    }
2782
    tbody:last-child tr:last-child > td {
2783
        &:last-child {
2784
        border-radius: 0;
2785
        }
2786
        &:first-child {
2787
        border-radius: 0;
2788
        }
2789
    }
2790
}
2791
2605
.tags,
2792
.tags,
2606
.shelves {
2793
.shelves {
2607
    ul {
2794
    ul {
Lines 2992-3006 button.closebtn { Link Here
2992
3179
2993
#user_summary {
3180
#user_summary {
2994
    border: 1px solid #EAEAE6;
3181
    border: 1px solid #EAEAE6;
2995
    border-radius: 7px;
2996
    margin-bottom: 1em;
3182
    margin-bottom: 1em;
2997
    padding-bottom: .5em;
3183
    padding-bottom: .5em;
2998
3184
2999
    h3 {
3185
    h3 {
3000
        background-color: #EAEAE6;
3186
        background-color: #E2E8E8;
3001
        border-top-left-radius: 6px;
3187
        color: #727272;
3002
        border-top-right-radius: 6px;
3003
        box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
3004
        margin-top: 0;
3188
        margin-top: 0;
3005
        padding: .2em 0;
3189
        padding: .2em 0;
3006
        text-align: center;
3190
        text-align: center;
Lines 3018-3021 button.closebtn { Link Here
3018
    }
3202
    }
3019
}
3203
}
3020
3204
3205
3021
@import "responsive";
3206
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (-1 / +5 lines)
Lines 17-23 Link Here
17
    [% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
17
    [% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
18
[% END %]
18
[% END %]
19
19
20
[% SET opaclayoutstylesheet='opac.css' UNLESS opaclayoutstylesheet %]
20
<!--Fonts -->
21
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/noto-sans-condensed" type="text/css"/>
22
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/noto-sans-normal" type="text/css"/>
23
24
[% SET opaclayoutstylesheet='opac_' _ KOHA_VERSION _ '.css' UNLESS opaclayoutstylesheet %]
21
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
25
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
22
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | html %]" />
26
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet | html %]" />
23
[% ELSE %]
27
[% ELSE %]

Return to bug 20554