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 / +278 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-42 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
}
Lines 97-104 a { Link Here
97
    }
101
    }
98
102
99
    &.login-link {
103
    &.login-link {
100
        color: #A6D8ED;
104
        color: #005580;
101
        font-weight: bold;
105
        font-weight: bold;
106
        &.loginModal-trigger {
107
            color: #85ca11;
108
        }
102
    }
109
    }
103
110
104
    &.listmenulink {
111
    &.listmenulink {
Lines 132-144 a { Link Here
132
139
133
    &.addtocart {
140
    &.addtocart {
134
        @extend %initial_icon;
141
        @extend %initial_icon;
135
        background-position: -5px -265px; /* Cart */
142
        background-position: -5px -262px; /* Cart */
136
        padding-left: 35px;
143
        padding-left: 35px;
137
    }
144
    }
138
145
139
    &.addtoshelf {
146
    &.addtoshelf {
140
        @extend %initial_icon;
147
        @extend %initial_icon;
141
        background-position: -5px -225px; /* Virtual shelf */
148
        background-position: -5px -222px; /* Virtual shelf */
142
        padding-left: 35px;
149
        padding-left: 35px;
143
    }
150
    }
144
151
Lines 182-188 a { Link Here
182
189
183
    &.highlight_toggle {
190
    &.highlight_toggle {
184
        @extend %initial_icon;
191
        @extend %initial_icon;
185
        background-position: -5px -841px; /* Highlight */
192
        background-position: -5px -836px; /* Highlight */
186
        display: none;
193
        display: none;
187
        padding-left: 35px;
194
        padding-left: 35px;
188
    }
195
    }
Lines 208-214 a { Link Here
208
    &.new {
215
    &.new {
209
        @extend %initial_icon;
216
        @extend %initial_icon;
210
        background-image: url( "../images/sprite.png" ); /* New */
217
        background-image: url( "../images/sprite.png" ); /* New */
211
        background-position: -4px -922px;
218
        background-position: -4px -919px;
212
        padding-left: 23px;
219
        padding-left: 23px;
213
    }
220
    }
214
221
Lines 237-243 a { Link Here
237
244
238
    &.reserve {
245
    &.reserve {
239
        @extend %initial_icon;
246
        @extend %initial_icon;
240
        background-position: -6px -144px; /* Place hold */
247
        background-position: -6px -141px; /* Place hold */
241
        padding-left: 35px;
248
        padding-left: 35px;
242
    }
249
    }
243
250
Lines 273-278 a { Link Here
273
h1 {
280
h1 {
274
    font-size: 140%;
281
    font-size: 140%;
275
    line-height: 150%;
282
    line-height: 150%;
283
    color: #727272;
276
284
277
    &#libraryname {
285
    &#libraryname {
278
        background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
286
        background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
Lines 297-307 h1 { Link Here
297
}
305
}
298
306
299
h2 {
307
h2 {
308
    color: #727272;
300
    font-size: 130%;
309
    font-size: 130%;
301
    line-height: 150%;
310
    line-height: 150%;
302
}
311
}
303
312
304
h3 {
313
h3 {
314
    color: #727272;
305
    font-size: 120%;
315
    font-size: 120%;
306
    line-height: 150%;
316
    line-height: 150%;
307
}
317
}
Lines 312-320 h4 { Link Here
312
322
313
h5 {
323
h5 {
314
    font-size: 100%;
324
    font-size: 100%;
325
    color: #727272;
315
}
326
}
316
327
317
caption {
328
caption {
329
    color: #727272;
318
    font-size: 120%;
330
    font-size: 120%;
319
    font-weight: bold;
331
    font-weight: bold;
320
    margin: 0;
332
    margin: 0;
Lines 333-338 textarea { Link Here
333
legend {
345
legend {
334
    font-size: 110%;
346
    font-size: 110%;
335
    font-weight: bold;
347
    font-weight: bold;
348
    color: #727272;
336
}
349
}
337
350
338
table {
351
table {
Lines 354-360 td { Link Here
354
    }
367
    }
355
368
356
    .sum {
369
    .sum {
357
        background-color: #FFC;
370
        background-color: #FFFFE5;
358
        font-weight: bold;
371
        font-weight: bold;
359
    }
372
    }
360
373
Lines 368-374 td { Link Here
368
}
381
}
369
382
370
th {
383
th {
371
    background-color: #ECEDE6;
384
    background-color: #E2E8E8;
372
385
373
    &.sum {
386
    &.sum {
374
        text-align: right;
387
        text-align: right;
Lines 394-402 th { Link Here
394
407
395
    span {
408
    span {
396
        @include border-radius-all( 3px );
409
        @include border-radius-all( 3px );
397
        background-color: #FFC;
410
        background-color: #85ca11;
398
        color: #000;
411
        color: #FFF;
399
        display: inline;
412
        display: inline;
413
        font-family: 'NotoSansRegular';
400
        font-size: 80%;
414
        font-size: 80%;
401
        font-weight: normal;
415
        font-weight: normal;
402
        margin: 0 0 0 .9em;
416
        margin: 0 0 0 .9em;
Lines 409-415 th { Link Here
409
    display: block;
423
    display: block;
410
424
411
    p {
425
    p {
412
        color: #EEE;
426
        color: #727272;
413
    }
427
    }
414
428
415
    a {
429
    a {
Lines 461-473 th { Link Here
461
.newscontainer {
475
.newscontainer {
462
    border: 1px solid #DDD;
476
    border: 1px solid #DDD;
463
    border-bottom-width: 0;
477
    border-bottom-width: 0;
464
    border-top-left-radius: 5px;
465
    border-top-right-radius: 5px;
466
}
478
}
467
479
468
.newsheader {
480
.newsheader {
469
    background-color: #ECEDE6;
481
    background-color: #f0f3f3;
470
    border-bottom: 1px solid #DDD;
482
    border-bottom: 1px solid #DDD;
483
    color: #727272;
471
    margin: 0;
484
    margin: 0;
472
    padding: 8px;
485
    padding: 8px;
473
}
486
}
Lines 483-496 th { Link Here
483
}
496
}
484
497
485
#opacheader {
498
#opacheader {
486
    background-color: #DDD;
499
    background-color: #fcf9fc;
500
}
501
502
#numresults {
503
    color: #727272;
504
}
505
506
#selections {
507
    color: #727272;
508
    font-weight: bold;
509
}
510
511
#selections-toolbar {
512
    background: #e2e8e8 none;
513
    border-bottom: none;
514
    margin-top: 3px;
487
}
515
}
488
516
489
#selections,
490
.selections {
517
.selections {
491
    font-weight: bold;
518
    font-weight: bold;
492
}
519
}
493
520
521
.selections-toolbar.toolbar {
522
    background: #e2e8e8 none;
523
}
524
494
.actions {
525
.actions {
495
    a {
526
    a {
496
        background-repeat: no-repeat;
527
        background-repeat: no-repeat;
Lines 500-506 th { Link Here
500
531
501
        &.hold {
532
        &.hold {
502
            background-image: url( "../images/sprite.png" ); /* Place hold small */
533
            background-image: url( "../images/sprite.png" ); /* Place hold small */
503
            background-position: -5px -542px;
534
            background-position: -5px -539px;
504
            padding-left: 21px;
535
            padding-left: 21px;
505
        }
536
        }
506
537
Lines 512-524 th { Link Here
512
543
513
        &.addtocart {
544
        &.addtocart {
514
            background-image: url( "../images/sprite.png" ); /* Cart small */
545
            background-image: url( "../images/sprite.png" ); /* Cart small */
515
            background-position: -5px -572px;
546
            background-position: -5px -570px;
516
            padding-left: 20px;
547
            padding-left: 20px;
517
        }
548
        }
518
549
519
        &.addtoshelf {
550
        &.addtoshelf {
520
            background-image: url( "../images/sprite.png" ); /* MARC view */
551
            background-image: url( "../images/sprite.png" ); /* MARC view */
521
            background-position: -5px -27px;
552
            background-position: -5px -24px;
522
            padding-left: 20px;
553
            padding-left: 20px;
523
        }
554
        }
524
555
Lines 572-583 th { Link Here
572
}
603
}
573
604
574
.breadcrumb {
605
.breadcrumb {
575
    @include border-radius-all( 7px );
606
    background-color: #F0F3F3;
576
    background-color: #F2F2EF;
577
    font-size: 85%;
607
    font-size: 85%;
578
    list-style: none outside none;
608
    list-style: none outside none;
579
    margin: 10px 20px;
609
    margin: 10px 20px;
580
    padding: 5px 10px;
610
    padding: 5px 10px;
611
    border-radius: 0px;
581
}
612
}
582
613
583
.buttons-print {
614
.buttons-print {
Lines 602-653 th { Link Here
602
}
633
}
603
634
604
.main {
635
.main {
605
    @include border-radius-all( 7px );
606
    @include shadowed;
607
    background-color: #FFF;
636
    background-color: #FFF;
608
    border: 1px solid #D2D2CF;
637
    border: 1px solid #F0F3F3;
609
    margin-bottom: .5em;
638
    margin-bottom: .5em;
610
    margin-top: .5em;
639
    margin-top: .5em;
611
}
640
}
612
641
613
.mastheadsearch {
642
.mastheadsearch {
614
    @include border-radius-all( 7px );
643
    background: #f0f3f3;
615
    background: linear-gradient( to bottom, #C7C7C1 38%, #A7A7A2 100% );
616
    margin: .5em 0;
644
    margin: .5em 0;
617
    padding: .8em;
645
    padding: .8em;
618
646
619
    label {
647
    label {
648
        color: #727272;
620
        font-size: 115%;
649
        font-size: 115%;
621
        font-weight: bold;
650
        font-weight: bold;
622
    }
651
    }
623
}
652
}
624
653
654
.btn-primary {
655
    background-color: #85ca11;
656
    background-image: linear-gradient(to bottom, #85ca11, #77b50f);
657
    background-position: 0;
658
    font-family: 'NotoSansRegular';
659
    &:hover {
660
        background-color: #85ca11;
661
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
662
        background-position: 0;
663
    }
664
    &:active {
665
        background-color: #85ca11;
666
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
667
        background-position: 0;
668
    }
669
    &:visited {
670
        background-color: #85ca11;
671
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
672
        background-position: 0;
673
    }
674
    &:focus {
675
        background-color: #85ca11;
676
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
677
        background-position: 0;
678
    }
679
}
680
681
input[type="text"]:focus {
682
    border-color: #85ca11;
683
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
684
 }
685
686
 input[type="password"]:focus {
687
    border-color: #85ca11;
688
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
689
 }
690
691
 .navbar {
692
    .divider-vertical {
693
        border-left-color: #fcf9fc;
694
        border-right-color: #fcf9fc;
695
    }
696
    .nav li.dropdown > a {
697
        &:focus .caret {
698
        border-top-color: #85ca11;
699
        border-bottom-color: #85ca11;
700
        }
701
        &:hover .caret {
702
        border-top-color: #85ca11;
703
        border-bottom-color: #85ca11;
704
        }
705
    }
706
}
707
625
.navbar-inverse {
708
.navbar-inverse {
626
    .brand {
709
    .brand {
627
        color: #9FE1FF;
710
        color: #9FE1FF;
628
        font-weight: bold;
711
        font-weight: bold;
629
    }
712
    }
630
713
714
    .navbar-inner {
715
        background: #fcf9fc none;
716
        border-color: #fcf9fc;
717
        box-shadow: none;
718
    }
719
631
    .nav {
720
    .nav {
632
        > li {
721
        > li {
633
            > a {
722
            > a {
634
                color: #9FE1FF;
723
                color: #727272;
635
                font-weight: bold;
724
                font-weight: bold;
725
                &:hover {
726
                    color: #85ca11;
727
                }
728
                &:focus {
729
                    color: #85ca11;
730
                }
731
            }
732
        }
733
        li.dropdown {
734
        > a {
735
            &:hover .caret {
736
                border-top-color: #85ca11;
737
                border-bottom-color: #85ca11;
738
            }
739
            &:focus .caret {
740
                border-top-color: #85ca11;
741
                border-bottom-color: #85ca11;
742
            }
743
        }
744
        &.open > .dropdown-toggle {
745
            background-color: transparent;
746
            color: #85ca11;
747
            .caret {
748
                border-top-color: #85ca11;
749
                border-bottom-color: #85ca11;
750
                &:hover {
751
                border-top-color: #85ca11;
752
                border-bottom-color: #85ca11;
753
                }
636
            }
754
            }
637
        }
755
        }
756
        }
638
    }
757
    }
639
}
758
}
640
759
760
.navbar-inner {
761
    background: #fcf9fc none;
762
}
763
641
.navbar-fixed-bottom {
764
.navbar-fixed-bottom {
642
    &.navbar-static-bottom {
765
    &.navbar-static-bottom {
643
        margin-top: .5em;
766
        margin-top: .5em;
644
        position: static;
767
        position: static;
645
    }
768
    }
769
    .navbar-inner {
770
        box-shadow: none;
771
    }
772
}
773
774
[class^="icon-"] {
775
    vertical-align: 0;
776
}
777
[class*=" icon-"] {
778
    vertical-align: 0;
646
}
779
}
647
780
648
.table-striped tbody > tr:nth-child(odd) > td,
781
.table-striped tbody > tr:nth-child(odd) > td,
649
.table-striped tbody > tr:nth-child(odd) > th {
782
.table-striped tbody > tr:nth-child(odd) > th {
650
    background-color: #F4F4F4;
783
    background-color: #F0F3F3;
784
}
785
786
#availability_facet {
787
    color: #727272;
788
}
789
790
#facet-holdings-library {
791
    color: #727272;
792
}
793
794
#toolbar.toolbar {
795
    background-color: #f0f3f3;
796
    border: 1px solid #f0f3f3;
797
    &.clearfix {
798
        background-color: #f0f3f3;
799
    }
651
}
800
}
652
801
653
802
Lines 666-672 th { Link Here
666
.ui-widget select,
815
.ui-widget select,
667
.ui-widget textarea,
816
.ui-widget textarea,
668
.ui-widget button {
817
.ui-widget button {
669
    font-family: inherit;
818
    font-family: 'NotoSansRegular';
670
    font-size: inherit;
819
    font-size: inherit;
671
}
820
}
672
821
Lines 681-687 ul { Link Here
681
.ui-tabs {
830
.ui-tabs {
682
    .ui-tabs-nav {
831
    .ui-tabs-nav {
683
        li {
832
        li {
684
            background: #F3F3F3 none;
833
            background: #F0F3F3 none;
685
            border-color: #D8D8D8;
834
            border-color: #D8D8D8;
686
            margin-right: .4em;
835
            margin-right: .4em;
687
836
Lines 691-702 ul { Link Here
691
                border-bottom: 0;
840
                border-bottom: 0;
692
841
693
                a {
842
                a {
694
                    color: #000;
843
                    color: #727272;
695
                    font-weight: bold;
844
                    font-weight: bold;
696
                }
845
                }
697
846
698
                &.ui-state-hover {
847
                &.ui-state-hover {
699
                    background: #FFF none;
848
                    background: #FFF none;
849
                    &.ui-state-active {
850
                        background: #FFF none;
851
                    }
700
                }
852
                }
701
            }
853
            }
702
854
Lines 750-755 ul { Link Here
750
    }
902
    }
751
}
903
}
752
904
905
.ui-corner-top {
906
    border-radius: 0px;
907
}
908
753
.statictabs {
909
.statictabs {
754
    ul {
910
    ul {
755
        background: none repeat scroll 0 0 transparent;
911
        background: none repeat scroll 0 0 transparent;
Lines 1411-1419 div { Link Here
1411
}
1567
}
1412
1568
1413
.view {
1569
.view {
1414
    background-color: #F3F3F3;
1570
    background-color: #F0F3F3;
1415
    border: 1px solid #C9C9C9;
1571
    border: 1px solid #C9C9C9;
1416
    border-radius: 4px;
1572
    border-radius: 4px;
1573
    color: #727272;
1417
    display: inline-block;
1574
    display: inline-block;
1418
    padding: .2em .5em;
1575
    padding: .2em .5em;
1419
    white-space: nowrap;
1576
    white-space: nowrap;
Lines 1513-1518 div { Link Here
1513
    }
1670
    }
1514
}
1671
}
1515
1672
1673
.pagination ul {
1674
    box-shadow: none;
1675
    border-radius: 0;
1676
    > li {
1677
        > a {
1678
        border: 1px solid #d8d8d8;
1679
        border-left-width: 0;
1680
        &:focus {
1681
            background-color: #f0f3f3;
1682
        }
1683
        }
1684
1685
        &:first-child > a {
1686
        border-radius: 0;
1687
        }
1688
1689
        &:last-child > a {
1690
            border-radius: 0px;
1691
        }
1692
    }
1693
    > .active > a {
1694
        color: #727272;
1695
        background-color: #f0f3f3;
1696
    }
1697
}
1698
1699
.pagination-small ul > li {
1700
    &:first-child > a {
1701
        border-radius: 0;
1702
    }
1703
    &:last-child > a {
1704
        border-radius: 0;
1705
    }
1706
}
1707
1516
.nav_results {
1708
.nav_results {
1517
    background-color: #F3F3F3;
1709
    background-color: #F3F3F3;
1518
    border: 1px solid #D0D0D0;
1710
    border: 1px solid #D0D0D0;
Lines 1523-1529 div { Link Here
1523
1715
1524
    .l_Results {
1716
    .l_Results {
1525
        a {
1717
        a {
1526
            background: #E1E1E1 url( "../images/sprite.png" ) no-repeat 0 -504px; /* Browse results menu */
1718
            background: #E2E2E8 url( "../images/sprite.png" ) no-repeat 0 -507px; /* Browse results menu */
1527
            color: #006699;
1719
            color: #006699;
1528
            display: block;
1720
            display: block;
1529
            padding: 8px 28px;
1721
            padding: 8px 28px;
Lines 1633-1639 div { Link Here
1633
1825
1634
/* action buttons */
1826
/* action buttons */
1635
#action {
1827
#action {
1636
    background-color: #F3F3F3;
1828
    background-color: #F0F3F3;
1637
    border: 1px solid #E8E8E8;
1829
    border: 1px solid #E8E8E8;
1638
    margin: .5em 0 0 0;
1830
    margin: .5em 0 0 0;
1639
    padding-bottom: 3px;
1831
    padding-bottom: 3px;
Lines 1718-1724 input { Link Here
1718
1910
1719
.newshelf {
1911
.newshelf {
1720
    @extend %initial_icon;
1912
    @extend %initial_icon;
1721
    background-position: 2px -764px; /* List new */
1913
    background-position: 2px -761px; /* List new */
1722
    border: 0;
1914
    border: 0;
1723
    color: #006699;
1915
    color: #006699;
1724
    cursor: pointer;
1916
    cursor: pointer;
Lines 2031-2039 input { Link Here
2031
}
2223
}
2032
2224
2033
.dropdown-menu {
2225
.dropdown-menu {
2226
    border-radius: 0px;
2034
    > li {
2227
    > li {
2035
        > a {
2228
        > a {
2036
            font-size: 90%;
2229
            font-size: 90%;
2230
            &:hover {
2231
                background: #85ca11 none;
2232
            }
2233
            &:focus {
2234
            background: #85ca11 none;
2235
            }
2037
        }
2236
        }
2038
    }
2237
    }
2039
}
2238
}
Lines 2062-2068 input { Link Here
2062
2261
2063
#search-facets,
2262
#search-facets,
2064
#menu {
2263
#menu {
2065
    @include border-radius-all( 7px );
2066
    border: 1px solid #D2D2CF;
2264
    border: 1px solid #D2D2CF;
2067
2265
2068
    ul {
2266
    ul {
Lines 2080-2089 input { Link Here
2080
        text-align: center;
2278
        text-align: center;
2081
2279
2082
        a {
2280
        a {
2083
            background-color: #F2F2EF;
2281
            background-color: #F0F3F3;
2084
            border-bottom: 1px solid #D8D8D8;
2282
            border-bottom: 1px solid #D8D8D8;
2085
            border-radius: 8px 8px 0 0;
2283
                        display: block;
2086
            display: block;
2087
            font-weight: bold;
2284
            font-weight: bold;
2088
            padding: .7em .2em;
2285
            padding: .7em .2em;
2089
            text-decoration: none;
2286
            text-decoration: none;
Lines 2129-2138 input { Link Here
2129
        list-style-type: none;
2326
        list-style-type: none;
2130
2327
2131
        a {
2328
        a {
2132
            background: #EEEEEE;
2329
            background-color: #F0F3F3;
2133
            border: 1px solid #D8D8D8;
2330
            border: 1px solid #D8D8D8;
2134
            border-bottom-color: #999;
2331
            border-bottom-color: #999;
2135
            border-radius: 5px 0 0 5px;
2136
            display: block;
2332
            display: block;
2137
            font-size: 111%;
2333
            font-size: 111%;
2138
            margin: .4em 0;
2334
            margin: .4em 0;
Lines 2192-2198 input { Link Here
2192
    a {
2388
    a {
2193
        &.highlight_toggle {
2389
        &.highlight_toggle {
2194
            background-image: url( "../images/sprite.png" ); /* Highlight */
2390
            background-image: url( "../images/sprite.png" ); /* Highlight */
2195
            background-position: -11px -841px;
2391
            background-position: -11px -837px;
2196
            background-repeat: no-repeat;
2392
            background-repeat: no-repeat;
2197
            display: none;
2393
            display: none;
2198
            font-weight: normal;
2394
            font-weight: normal;
Lines 2420-2428 button.closebtn { Link Here
2420
}
2616
}
2421
2617
2422
.suggestion {
2618
.suggestion {
2423
    @include border-radius-all( 3px );
2619
    background-color: #F0F3F3;
2424
    background-color: #EEEEEB;
2620
    border: 1px solid #F0F3F3;
2425
    border: 1px solid #DDDED3;
2621
    color: #727272;
2426
    margin: 1em auto;
2622
    margin: 1em auto;
2427
    padding: .5em;
2623
    padding: .5em;
2428
    width: 35%;
2624
    width: 35%;
Lines 2448-2454 button.closebtn { Link Here
2448
}
2644
}
2449
2645
2450
#logo {
2646
#logo {
2451
    background: transparent url( "../images/koha-logo-navbar.png" ) no-repeat scroll 0%;
2647
    background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2452
    border: 0;
2648
    border: 0;
2453
    float: left !important;
2649
    float: left !important;
2454
    margin: 0;
2650
    margin: 0;
Lines 2465-2470 button.closebtn { Link Here
2465
        padding: 40px 0 0;
2661
        padding: 40px 0 0;
2466
        text-decoration: none;
2662
        text-decoration: none;
2467
        width: 100px;
2663
        width: 100px;
2664
         &:focus {
2665
        background-color: transparent;
2666
         }
2468
    }
2667
    }
2469
}
2668
}
2470
2669
Lines 2472-2478 button.closebtn { Link Here
2472
    display: none;
2671
    display: none;
2473
2672
2474
    .icon-user {
2673
    .icon-user {
2475
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
2674
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings.png" ) no-repeat;
2476
        background-position: -168px 0;
2675
        background-position: -168px 0;
2477
        background-repeat: no-repeat;
2676
        background-repeat: no-repeat;
2478
        height: 14px;
2677
        height: 14px;
Lines 2489-2494 button.closebtn { Link Here
2489
    }
2688
    }
2490
}
2689
}
2491
2690
2691
#header-region .icon-white {
2692
    background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2693
}
2694
2492
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2695
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2493
.floating {
2696
.floating {
2494
    box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2697
    box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
Lines 2520-2536 button.closebtn { Link Here
2520
2723
2521
.table {
2724
.table {
2522
    .sorting_asc {
2725
    .sorting_asc {
2523
        background: url( "../images/asc.gif" ) no-repeat scroll right center #ECEDE6;
2726
        background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2524
        padding-right: 19px;
2727
        padding-right: 19px;
2525
    }
2728
    }
2526
2729
2527
    .sorting_desc {
2730
    .sorting_desc {
2528
        background: url( "../images/desc.gif" ) no-repeat scroll right center #ECEDE6;
2731
        background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2529
        padding-right: 19px;
2732
        padding-right: 19px;
2530
    }
2733
    }
2531
2734
2532
    .sorting {
2735
    .sorting {
2533
        background: url( "../images/ascdesc.gif" ) no-repeat scroll right center #ECEDE6;
2736
        background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2534
        padding-right: 19px;
2737
        padding-right: 19px;
2535
    }
2738
    }
2536
2739
Lines 2538-2544 button.closebtn { Link Here
2538
    .nosort.sorting_asc,
2741
    .nosort.sorting_asc,
2539
    .nosort.sorting_desc,
2742
    .nosort.sorting_desc,
2540
    .nosort.sorting {
2743
    .nosort.sorting {
2541
        background: #ECEDE6 none;
2744
        background: #E2E8E8 none;
2542
        padding-right: 19px;
2745
        padding-right: 19px;
2543
    }
2746
    }
2544
2747
Lines 2548-2553 button.closebtn { Link Here
2548
    }
2751
    }
2549
}
2752
}
2550
2753
2754
.table-bordered {
2755
    border-radius: 0;
2756
    thead:first-child tr:first-child > th {
2757
        &:last-child {
2758
        border-radius: 0;
2759
        }
2760
        &:first-child {
2761
        border-radius: 0;
2762
        }
2763
    }
2764
    tbody:last-child tr:last-child > td {
2765
        &:last-child {
2766
        border-radius: 0;
2767
        }
2768
        &:first-child {
2769
        border-radius: 0;
2770
        }
2771
    }
2772
}
2773
2551
.tags,
2774
.tags,
2552
.shelves {
2775
.shelves {
2553
    ul {
2776
    ul {
Lines 2937-2951 button.closebtn { Link Here
2937
3160
2938
#user_summary {
3161
#user_summary {
2939
    border: 1px solid #EAEAE6;
3162
    border: 1px solid #EAEAE6;
2940
    border-radius: 7px;
2941
    margin-bottom: 1em;
3163
    margin-bottom: 1em;
2942
    padding-bottom: .5em;
3164
    padding-bottom: .5em;
2943
3165
2944
    h3 {
3166
    h3 {
2945
        background-color: #EAEAE6;
3167
        background-color: #E2E8E8;
2946
        border-top-left-radius: 6px;
3168
        color: #727272;
2947
        border-top-right-radius: 6px;
2948
        box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
2949
        margin-top: 0;
3169
        margin-top: 0;
2950
        padding: .2em 0;
3170
        padding: .2em 0;
2951
        text-align: center;
3171
        text-align: center;
Lines 2963-2966 button.closebtn { Link Here
2963
    }
3183
    }
2964
}
3184
}
2965
3185
3186
2966
@import "responsive";
3187
@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