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 (-59 / +280 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 188-194 a { Link Here
188
195
189
    &.highlight_toggle {
196
    &.highlight_toggle {
190
        @extend %initial_icon;
197
        @extend %initial_icon;
191
        background-position: -5px -841px; /* Highlight */
198
        background-position: -5px -836px; /* Highlight */
192
        display: none;
199
        display: none;
193
        padding-left: 35px;
200
        padding-left: 35px;
194
    }
201
    }
Lines 214-220 a { Link Here
214
    &.new {
221
    &.new {
215
        @extend %initial_icon;
222
        @extend %initial_icon;
216
        background-image: url( "../images/sprite.png" ); /* New */
223
        background-image: url( "../images/sprite.png" ); /* New */
217
        background-position: -4px -922px;
224
        background-position: -4px -919px;
218
        padding-left: 23px;
225
        padding-left: 23px;
219
    }
226
    }
220
227
Lines 226-232 a { Link Here
226
233
227
    &.print-large {
234
    &.print-large {
228
        @extend %initial_icon;
235
        @extend %initial_icon;
229
        background-position: -5px -186px; /* Toolbar print */
236
        background-position: -5px -183px; /* Toolbar print */
230
        padding-left: 35px;
237
        padding-left: 35px;
231
    }
238
    }
232
239
Lines 243-249 a { Link Here
243
250
244
    &.reserve {
251
    &.reserve {
245
        @extend %initial_icon;
252
        @extend %initial_icon;
246
        background-position: -6px -144px; /* Place hold */
253
        background-position: -6px -141px; /* Place hold */
247
        padding-left: 35px;
254
        padding-left: 35px;
248
    }
255
    }
249
256
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
.form-inline {
614
.form-inline {
Lines 592-643 th { Link Here
592
}
623
}
593
624
594
.main {
625
.main {
595
    @include border-radius-all( 7px );
596
    @include shadowed;
597
    background-color: #FFF;
626
    background-color: #FFF;
598
    border: 1px solid #D2D2CF;
627
    border: 1px solid #F0F3F3;
599
    margin-bottom: .5em;
628
    margin-bottom: .5em;
600
    margin-top: .5em;
629
    margin-top: .5em;
601
}
630
}
602
631
603
.mastheadsearch {
632
.mastheadsearch {
604
    @include border-radius-all( 7px );
633
    background: #f0f3f3;
605
    background: linear-gradient( to bottom, #C7C7C1 38%, #A7A7A2 100% );
606
    margin: .5em 0;
634
    margin: .5em 0;
607
    padding: .8em;
635
    padding: .8em;
608
636
609
    label {
637
    label {
638
        color: #727272;
610
        font-size: 115%;
639
        font-size: 115%;
611
        font-weight: bold;
640
        font-weight: bold;
612
    }
641
    }
613
}
642
}
614
643
644
.btn-primary {
645
    background-color: #85ca11;
646
    background-image: linear-gradient(to bottom, #85ca11, #77b50f);
647
    background-position: 0;
648
    font-family: 'NotoSansRegular'; 
649
    &:hover {
650
        background-color: #85ca11;
651
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
652
        background-position: 0;
653
    }
654
    &:active {
655
        background-color: #85ca11;
656
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
657
        background-position: 0;
658
    }
659
    &:visited {
660
        background-color: #85ca11;
661
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
662
        background-position: 0;
663
    }
664
    &:focus {
665
        background-color: #85ca11;
666
        background-image: linear-gradient(to bottom, #85ca11, #77b50f);
667
        background-position: 0;
668
    }
669
}
670
671
input[type="text"]:focus {
672
    border-color: #85ca11;
673
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
674
 }
675
 
676
 input[type="password"]:focus {
677
    border-color: #85ca11;
678
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
679
 }
680
681
 .navbar {
682
    .divider-vertical {
683
        border-left-color: #fcf9fc;
684
        border-right-color: #fcf9fc;
685
    }
686
    .nav li.dropdown > a {
687
        &:focus .caret {
688
        border-top-color: #85ca11;
689
        border-bottom-color: #85ca11;
690
        }
691
        &:hover .caret {
692
        border-top-color: #85ca11;
693
        border-bottom-color: #85ca11;
694
        }
695
    }    
696
}
697
615
.navbar-inverse {
698
.navbar-inverse {
616
    .brand {
699
    .brand {
617
        color: #9FE1FF;
700
        color: #9FE1FF;
618
        font-weight: bold;
701
        font-weight: bold;
619
    }
702
    }
620
703
704
    .navbar-inner {
705
        background: #fcf9fc none;
706
        border-color: #fcf9fc;
707
        box-shadow: none;
708
    }
709
621
    .nav {
710
    .nav {
622
        > li {
711
        > li {
623
            > a {
712
            > a {
624
                color: #9FE1FF;
713
                color: #727272;
625
                font-weight: bold;
714
                font-weight: bold;
715
                &:hover {
716
                    color: #85ca11;
717
                }
718
                &:focus {
719
                    color: #85ca11;
720
                }
626
            }
721
            }
627
        }
722
        }
723
        li.dropdown {
724
        > a {
725
            &:hover .caret {
726
                border-top-color: #85ca11;
727
                border-bottom-color: #85ca11;
728
            }
729
            &:focus .caret {
730
                border-top-color: #85ca11;
731
                border-bottom-color: #85ca11;
732
            }
733
        }
734
        &.open > .dropdown-toggle {
735
            background-color: transparent;
736
            color: #85ca11;
737
            .caret {
738
                border-top-color: #85ca11;
739
                border-bottom-color: #85ca11;
740
                &:hover {
741
                border-top-color: #85ca11;
742
                border-bottom-color: #85ca11;
743
                }
744
            }
745
        }
746
        }
628
    }
747
    }
629
}
748
}
630
749
750
.navbar-inner {
751
    background: #fcf9fc none;
752
}
753
631
.navbar-fixed-bottom {
754
.navbar-fixed-bottom {
632
    &.navbar-static-bottom {
755
    &.navbar-static-bottom {
633
        margin-top: .5em;
756
        margin-top: .5em;
634
        position: static;
757
        position: static;
635
    }
758
    }
759
    .navbar-inner {
760
        box-shadow: none;
761
    }
762
}
763
764
[class^="icon-"] {
765
    vertical-align: 0;
766
}
767
[class*=" icon-"] {
768
    vertical-align: 0;
636
}
769
}
637
770
638
.table-striped tbody > tr:nth-child(odd) > td,
771
.table-striped tbody > tr:nth-child(odd) > td,
639
.table-striped tbody > tr:nth-child(odd) > th {
772
.table-striped tbody > tr:nth-child(odd) > th {
640
    background-color: #F4F4F4;
773
    background-color: #F0F3F3;
774
}
775
776
#availability_facet {
777
    color: #727272;
778
}
779
780
#facet-holdings-library {
781
    color: #727272;
782
}
783
784
#toolbar.toolbar {
785
    background-color: #f0f3f3;
786
    border: 1px solid #f0f3f3;
787
    &.clearfix {
788
        background-color: #f0f3f3;
789
    }
641
}
790
}
642
791
643
792
Lines 656-662 th { Link Here
656
.ui-widget select,
805
.ui-widget select,
657
.ui-widget textarea,
806
.ui-widget textarea,
658
.ui-widget button {
807
.ui-widget button {
659
    font-family: inherit;
808
    font-family: 'NotoSansRegular';
660
    font-size: inherit;
809
    font-size: inherit;
661
}
810
}
662
811
Lines 671-677 ul { Link Here
671
.ui-tabs {
820
.ui-tabs {
672
    .ui-tabs-nav {
821
    .ui-tabs-nav {
673
        li {
822
        li {
674
            background: #F3F3F3 none;
823
            background: #F0F3F3 none;
675
            border-color: #D8D8D8;
824
            border-color: #D8D8D8;
676
            margin-right: .4em;
825
            margin-right: .4em;
677
826
Lines 681-693 ul { Link Here
681
                border-bottom: 0;
830
                border-bottom: 0;
682
831
683
                a {
832
                a {
684
                    color: #000;
833
                    color: #727272;
685
                    font-weight: bold;
834
                    font-weight: bold;
686
                }
835
                }
687
836
688
                &.ui-state-hover {
837
                &.ui-state-hover {
689
                    background: #FFF none;
838
                    background: #FFF none;
690
                }
839
                    &.ui-state-active {
840
                        background: #FFF none;
841
                    }
842
                }    
691
            }
843
            }
692
844
693
            &.ui-state-default.ui-state-hover {
845
            &.ui-state-default.ui-state-hover {
Lines 740-745 ul { Link Here
740
    }
892
    }
741
}
893
}
742
894
895
.ui-corner-top {
896
    border-radius: 0px;
897
}
898
743
.statictabs {
899
.statictabs {
744
    ul {
900
    ul {
745
        background: none repeat scroll 0 0 transparent;
901
        background: none repeat scroll 0 0 transparent;
Lines 1426-1434 div { Link Here
1426
}
1582
}
1427
1583
1428
.view {
1584
.view {
1429
    background-color: #F3F3F3;
1585
    background-color: #F0F3F3;
1430
    border: 1px solid #C9C9C9;
1586
    border: 1px solid #C9C9C9;
1431
    border-radius: 4px;
1587
    border-radius: 4px;
1588
    color: #727272;
1432
    display: inline-block;
1589
    display: inline-block;
1433
    padding: .2em .5em;
1590
    padding: .2em .5em;
1434
    white-space: nowrap;
1591
    white-space: nowrap;
Lines 1528-1533 div { Link Here
1528
    }
1685
    }
1529
}
1686
}
1530
1687
1688
.pagination ul {
1689
    box-shadow: none;
1690
    border-radius: 0;
1691
    > li {
1692
        > a {
1693
        border: 1px solid #d8d8d8;
1694
        border-left-width: 0;
1695
        &:focus {
1696
            background-color: #f0f3f3;
1697
        }
1698
        }
1699
        
1700
        &:first-child > a {
1701
        border-radius: 0;
1702
        }
1703
        
1704
        &:last-child > a {
1705
            border-radius: 0px; 
1706
        }
1707
    }
1708
    > .active > a {
1709
        color: #727272;
1710
        background-color: #f0f3f3;
1711
    }
1712
}
1713
1714
.pagination-small ul > li {
1715
    &:first-child > a {
1716
        border-radius: 0;
1717
    }
1718
    &:last-child > a {
1719
        border-radius: 0;
1720
    }
1721
}
1722
1531
.nav_results {
1723
.nav_results {
1532
    background-color: #F3F3F3;
1724
    background-color: #F3F3F3;
1533
    border: 1px solid #D0D0D0;
1725
    border: 1px solid #D0D0D0;
Lines 1538-1544 div { Link Here
1538
1730
1539
    .l_Results {
1731
    .l_Results {
1540
        a {
1732
        a {
1541
            background: #E1E1E1 url( "../images/sprite.png" ) no-repeat 0 -504px; /* Browse results menu */
1733
            background: #E2E2E8 url( "../images/sprite.png" ) no-repeat 0 -507px; /* Browse results menu */
1542
            color: #006699;
1734
            color: #006699;
1543
            display: block;
1735
            display: block;
1544
            padding: 8px 28px;
1736
            padding: 8px 28px;
Lines 1648-1654 div { Link Here
1648
1840
1649
/* action buttons */
1841
/* action buttons */
1650
#action {
1842
#action {
1651
    background-color: #F3F3F3;
1843
    background-color: #F0F3F3;
1652
    border: 1px solid #E8E8E8;
1844
    border: 1px solid #E8E8E8;
1653
    margin: .5em 0 0 0;
1845
    margin: .5em 0 0 0;
1654
    padding-bottom: 3px;
1846
    padding-bottom: 3px;
Lines 1733-1739 input { Link Here
1733
1925
1734
.newshelf {
1926
.newshelf {
1735
    @extend %initial_icon;
1927
    @extend %initial_icon;
1736
    background-position: 2px -764px; /* List new */
1928
    background-position: 2px -761px; /* List new */
1737
    border: 0;
1929
    border: 0;
1738
    color: #006699;
1930
    color: #006699;
1739
    cursor: pointer;
1931
    cursor: pointer;
Lines 2042-2050 input { Link Here
2042
}
2234
}
2043
2235
2044
.dropdown-menu {
2236
.dropdown-menu {
2237
    border-radius: 0px;
2045
    > li {
2238
    > li {
2046
        > a {
2239
        > a {
2047
            font-size: 90%;
2240
            font-size: 90%;
2241
            &:hover {
2242
                background: #85ca11 none;
2243
            }
2244
            &:focus {
2245
            background: #85ca11 none;
2246
            }
2048
        }
2247
        }
2049
    }
2248
    }
2050
}
2249
}
Lines 2073-2079 input { Link Here
2073
2272
2074
#search-facets,
2273
#search-facets,
2075
#menu {
2274
#menu {
2076
    @include border-radius-all( 7px );
2077
    border: 1px solid #D2D2CF;
2275
    border: 1px solid #D2D2CF;
2078
2276
2079
    ul {
2277
    ul {
Lines 2091-2100 input { Link Here
2091
        text-align: center;
2289
        text-align: center;
2092
2290
2093
        a {
2291
        a {
2094
            background-color: #F2F2EF;
2292
            background-color: #F0F3F3;
2095
            border-bottom: 1px solid #D8D8D8;
2293
            border-bottom: 1px solid #D8D8D8;
2096
            border-radius: 8px 8px 0 0;
2294
                        display: block;
2097
            display: block;
2098
            font-weight: bold;
2295
            font-weight: bold;
2099
            padding: .7em .2em;
2296
            padding: .7em .2em;
2100
            text-decoration: none;
2297
            text-decoration: none;
Lines 2140-2149 input { Link Here
2140
        list-style-type: none;
2337
        list-style-type: none;
2141
2338
2142
        a {
2339
        a {
2143
            background: #EEEEEE;
2340
            background-color: #F0F3F3;
2144
            border: 1px solid #D8D8D8;
2341
            border: 1px solid #D8D8D8;
2145
            border-bottom-color: #999;
2342
            border-bottom-color: #999;
2146
            border-radius: 5px 0 0 5px;
2147
            display: block;
2343
            display: block;
2148
            font-size: 111%;
2344
            font-size: 111%;
2149
            margin: .4em 0;
2345
            margin: .4em 0;
Lines 2203-2209 input { Link Here
2203
    a {
2399
    a {
2204
        &.highlight_toggle {
2400
        &.highlight_toggle {
2205
            background-image: url( "../images/sprite.png" ); /* Highlight */
2401
            background-image: url( "../images/sprite.png" ); /* Highlight */
2206
            background-position: -11px -841px;
2402
            background-position: -11px -837px;
2207
            background-repeat: no-repeat;
2403
            background-repeat: no-repeat;
2208
            display: none;
2404
            display: none;
2209
            font-weight: normal;
2405
            font-weight: normal;
Lines 2431-2439 button.closebtn { Link Here
2431
}
2627
}
2432
2628
2433
.suggestion {
2629
.suggestion {
2434
    @include border-radius-all( 3px );
2630
    background-color: #F0F3F3;
2435
    background-color: #EEEEEB;
2631
    border: 1px solid #F0F3F3;
2436
    border: 1px solid #DDDED3;
2632
    color: #727272;
2437
    margin: 1em auto;
2633
    margin: 1em auto;
2438
    padding: .5em;
2634
    padding: .5em;
2439
    width: 35%;
2635
    width: 35%;
Lines 2459-2465 button.closebtn { Link Here
2459
}
2655
}
2460
2656
2461
#logo {
2657
#logo {
2462
    background: transparent url( "../images/koha-logo-navbar.png" ) no-repeat scroll 0%;
2658
    background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2463
    border: 0;
2659
    border: 0;
2464
    float: left !important;
2660
    float: left !important;
2465
    margin: 0;
2661
    margin: 0;
Lines 2476-2481 button.closebtn { Link Here
2476
        padding: 40px 0 0;
2672
        padding: 40px 0 0;
2477
        text-decoration: none;
2673
        text-decoration: none;
2478
        width: 100px;
2674
        width: 100px;
2675
         &:focus {
2676
        background-color: transparent;
2677
         }
2479
    }
2678
    }
2480
}
2679
}
2481
2680
Lines 2483-2489 button.closebtn { Link Here
2483
    display: none;
2682
    display: none;
2484
2683
2485
    .icon-user {
2684
    .icon-user {
2486
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings-white.png" ) no-repeat;
2685
        background: transparent url( "../lib/bootstrap/img/glyphicons-halflings.png" ) no-repeat;
2487
        background-position: -168px 0;
2686
        background-position: -168px 0;
2488
        background-repeat: no-repeat;
2687
        background-repeat: no-repeat;
2489
        height: 14px;
2688
        height: 14px;
Lines 2500-2505 button.closebtn { Link Here
2500
    }
2699
    }
2501
}
2700
}
2502
2701
2702
#header-region .icon-white {
2703
    background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2704
}
2705
2503
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2706
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2504
.floating {
2707
.floating {
2505
    box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2708
    box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
Lines 2531-2547 button.closebtn { Link Here
2531
2734
2532
.table {
2735
.table {
2533
    .sorting_asc {
2736
    .sorting_asc {
2534
        background: url( "../images/asc.gif" ) no-repeat scroll right center #ECEDE6;
2737
        background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2535
        padding-right: 19px;
2738
        padding-right: 19px;
2536
    }
2739
    }
2537
2740
2538
    .sorting_desc {
2741
    .sorting_desc {
2539
        background: url( "../images/desc.gif" ) no-repeat scroll right center #ECEDE6;
2742
        background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2540
        padding-right: 19px;
2743
        padding-right: 19px;
2541
    }
2744
    }
2542
2745
2543
    .sorting {
2746
    .sorting {
2544
        background: url( "../images/ascdesc.gif" ) no-repeat scroll right center #ECEDE6;
2747
        background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2545
        padding-right: 19px;
2748
        padding-right: 19px;
2546
    }
2749
    }
2547
2750
Lines 2549-2555 button.closebtn { Link Here
2549
    .nosort.sorting_asc,
2752
    .nosort.sorting_asc,
2550
    .nosort.sorting_desc,
2753
    .nosort.sorting_desc,
2551
    .nosort.sorting {
2754
    .nosort.sorting {
2552
        background: #ECEDE6 none;
2755
        background: #E2E8E8 none;
2553
        padding-right: 19px;
2756
        padding-right: 19px;
2554
    }
2757
    }
2555
2758
Lines 2559-2564 button.closebtn { Link Here
2559
    }
2762
    }
2560
}
2763
}
2561
2764
2765
.table-bordered {
2766
    border-radius: 0;
2767
    thead:first-child tr:first-child > th {
2768
        &:last-child {
2769
        border-radius: 0;
2770
        }
2771
        &:first-child {
2772
        border-radius: 0;
2773
        }
2774
    }
2775
    tbody:last-child tr:last-child > td {
2776
        &:last-child {
2777
        border-radius: 0;
2778
        }
2779
        &:first-child {
2780
        border-radius: 0;
2781
        }
2782
    }
2783
}
2784
2562
.tags,
2785
.tags,
2563
.shelves {
2786
.shelves {
2564
    ul {
2787
    ul {
Lines 2948-2962 button.closebtn { Link Here
2948
3171
2949
#user_summary {
3172
#user_summary {
2950
    border: 1px solid #EAEAE6;
3173
    border: 1px solid #EAEAE6;
2951
    border-radius: 7px;
2952
    margin-bottom: 1em;
3174
    margin-bottom: 1em;
2953
    padding-bottom: .5em;
3175
    padding-bottom: .5em;
2954
3176
2955
    h3 {
3177
    h3 {
2956
        background-color: #EAEAE6;
3178
        background-color: #E2E8E8;
2957
        border-top-left-radius: 6px;
3179
        color: #727272;
2958
        border-top-right-radius: 6px;
2959
        box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
2960
        margin-top: 0;
3180
        margin-top: 0;
2961
        padding: .2em 0;
3181
        padding: .2em 0;
2962
        text-align: center;
3182
        text-align: center;
Lines 2974-2977 button.closebtn { Link Here
2974
    }
3194
    }
2975
}
3195
}
2976
3196
3197
2977
@import "responsive";
3198
@import "responsive";
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/doc-head-close.inc (+4 lines)
Lines 15-20 Link Here
15
    <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui_[% KOHA_VERSION %].css" />
15
    <link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui_[% KOHA_VERSION %].css" />
16
[% END %]
16
[% END %]
17
17
18
<!--Fonts -->
19
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/noto-sans-condensed" type="text/css"/> 
20
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/noto-sans-normal" type="text/css"/> 
21
18
[% SET opaclayoutstylesheet='opac_' _ KOHA_VERSION _ '.css' UNLESS opaclayoutstylesheet %]
22
[% SET opaclayoutstylesheet='opac_' _ KOHA_VERSION _ '.css' UNLESS opaclayoutstylesheet %]
19
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
23
[% IF (opaclayoutstylesheet.match('^https?:|^\/')) %]
20
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet %]" />
24
    <link rel="stylesheet" type="text/css" href="[% opaclayoutstylesheet %]" />

Return to bug 20554