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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss (+196 lines)
Line 0 Link Here
1
// Sticky footer styles
2
html,
3
body {
4
    height: 100%;
5
    // The html and body elements cannot have any padding or margin.
6
}
7
8
body {
9
    background: #FCF9FC none;
10
    font-family: sans-serif;
11
    font-size: 16px;
12
}
13
14
.fonts-loaded {
15
    body {
16
        font-family: "NotoSans";
17
    }
18
}
19
20
.navbar {
21
    .divider-vertical {
22
        border-left-color: #FCF9FC;
23
        border-right-color: #FCF9FC;
24
    }
25
26
    .nav {
27
        li {
28
            &.dropdown {
29
                > a {
30
                    &:focus {
31
                        .caret {
32
                            border-bottom-color: #85CA11;
33
                            border-top-color: #85CA11;
34
                        }
35
                    }
36
37
                    &:hover {
38
                        .caret {
39
                            border-bottom-color: #85CA11;
40
                            border-top-color: #85CA11;
41
                        }
42
                    }
43
                }
44
            }
45
        }
46
    }
47
}
48
49
.navbar-inverse {
50
    .brand {
51
        color: #9FE1FF;
52
        font-weight: bold;
53
    }
54
55
    .navbar-inner {
56
        background: #FCF9FC none;
57
        border-color: #FCF9FC;
58
        box-shadow: none;
59
60
        li {
61
            > a {
62
                color: #727272;
63
                font-weight: bold;
64
                text-shadow: none;
65
66
                &:hover {
67
                    color: #85CA11;
68
                }
69
70
                &:focus {
71
                    color: #85CA11;
72
                }
73
            }
74
75
            &.dropdown {
76
                > a {
77
                    &:hover {
78
                        .caret {
79
                            border-bottom-color: #85CA11;
80
                            border-top-color: #85CA11;
81
                        }
82
                    }
83
84
                    &:focus {
85
                        .caret {
86
                            border-bottom-color: #85CA11;
87
                            border-top-color: #85CA11;
88
                        }
89
                    }
90
                }
91
92
                &.open {
93
                    > .dropdown-toggle {
94
                        background-color: transparent;
95
                        color: #85CA11;
96
97
                        .caret {
98
                            border-bottom-color: #85CA11;
99
                            border-top-color: #85CA11;
100
101
                            &:hover {
102
                                border-bottom-color: #85CA11;
103
                                border-top-color: #85CA11;
104
                            }
105
                        }
106
                    }
107
                }
108
            }
109
        }
110
    }
111
}
112
113
.navbar-inner {
114
    background: #FCF9FC none;
115
}
116
117
.navbar-fixed-bottom {
118
    &.navbar-static-bottom {
119
        position: static;
120
    }
121
122
    .navbar-inner {
123
        box-shadow: none;
124
        min-height: $footer-height;
125
    }
126
}
127
128
// Wrapper for page content to push down footer
129
#wrap {
130
    height: auto !important;
131
    height: 100%;
132
    margin: 0 auto -#{$footer-height + 1};
133
    // Negative indent footer by its height
134
    min-height: 100%;
135
    padding-left: 40px;
136
    padding-right: 40px;
137
}
138
139
#changelanguage {
140
    clear: both;
141
    // Set the fixed height of the footer here
142
    min-height: $footer-height;
143
144
    .nav {
145
        > .active {
146
            > p {
147
                padding: 0 15px;
148
            }
149
        }
150
    }
151
}
152
153
#i18nMenu {
154
    margin-left: 1em;
155
156
    li {
157
        font-size: 85%;
158
159
        li {
160
            font-size: 100%;
161
162
            > a {
163
                font-size: 100%;
164
            }
165
166
            &:hover {
167
                color: #FFF;
168
            }
169
        }
170
171
        a {
172
            color: $links;
173
        }
174
    }
175
176
    .dropdown-menu {
177
        li {
178
            p {
179
                clear: both;
180
                display: block;
181
                font-weight: normal;
182
                line-height: 20px;
183
                padding: 3px 20px;
184
                white-space: nowrap;
185
            }
186
        }
187
    }
188
}
189
190
#koha_url {
191
    p {
192
        color: #666666;
193
        float: right;
194
        margin: 0;
195
    }
196
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_fonts.scss (+35 lines)
Line 0 Link Here
1
@font-face {
2
    font-family: "NotoSans";
3
    font-style: normal;
4
    font-weight: 400;
5
    src: local("Noto Sans Regular"),
6
    url("fonts/NotoSans-Regular-webfont.woff2") format("woff2"),
7
    url("fonts/NotoSans-Regular-webfont.woff") format("woff");
8
}
9
10
@font-face {
11
    font-family: "NotoSans";
12
    font-style: bold;
13
    font-weight: 700;
14
    src: local("Noto Sans Bold"),
15
    url("fonts/NotoSans-Bold-webfont.woff2") format("woff2"),
16
    url("fonts/NotoSans-Bold-webfont.woff") format("woff");
17
}
18
19
@font-face {
20
    font-family: "NotoSans";
21
    font-style: italic;
22
    font-weight: 400;
23
    src: local("Noto Sans Italic"),
24
    url("fonts/NotoSans-Italic-webfont.woff2") format("woff2"),
25
    url("fonts/NotoSans-Italic-webfont.woff") format("woff");
26
}
27
28
@font-face {
29
    font-family: "NotoSans";
30
    font-style: italic;
31
    font-weight: 700;
32
    src: local("Noto Sans Bold Italic"),
33
    url("fonts/NotoSans-BoldItalic-webfont.woff2") format("woff2"),
34
    url("fonts/NotoSans-BoldItalic-webfont.woff") format("woff");
35
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_mixins.scss (-1 / +5 lines)
Lines 1-5 Link Here
1
$color: #999999;
1
$color: #999999;
2
$links: #0076B2;
2
$links: #0076B2;
3
$footer-height: 45px;
4
5
$sci-link-color: #0076B6;
6
$sci-heading-color: #727272;
3
7
4
@mixin shadowed {
8
@mixin shadowed {
5
    box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
9
    box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, .2 );
Lines 7-10 $links: #0076B2; Link Here
7
11
8
@mixin border-radius-all( $radius: 3px ) {
12
@mixin border-radius-all( $radius: 3px ) {
9
    border-radius: $radius;
13
    border-radius: $radius;
10
}
14
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (-207 / +3 lines)
Lines 1-60 Link Here
1
@import "mixins";
1
@import "mixins";
2
2
@import "fonts";
3
@font-face {
3
@import "common";
4
    font-family: 'NotoSans';
5
    font-style: normal;
6
    font-weight: 400;
7
    src: local('Noto Sans Regular'),
8
        url('fonts/NotoSans-Regular-webfont.woff2') format('woff2'),
9
        url('fonts/NotoSans-Regular-webfont.woff') format('woff');
10
}
11
12
@font-face {
13
    font-family: 'NotoSans';
14
    font-style: bold;
15
    font-weight: 700;
16
    src: local('Noto Sans Bold'),
17
        url('fonts/NotoSans-Bold-webfont.woff2') format('woff2'),
18
        url('fonts/NotoSans-Bold-webfont.woff') format('woff');
19
}
20
21
@font-face {
22
    font-family: 'NotoSans';
23
    font-style: italic;
24
    font-weight: 400;
25
    src: local('Noto Sans Italic'),
26
        url('fonts/NotoSans-Italic-webfont.woff2') format('woff2'),
27
        url('fonts/NotoSans-Italic-webfont.woff') format('woff');
28
}
29
30
@font-face {
31
    font-family: 'NotoSans';
32
    font-style: italic;
33
    font-weight: 700;
34
    src: local('Noto Sans Bold Italic'),
35
        url('fonts/NotoSans-BoldItalic-webfont.woff2') format('woff2'),
36
        url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff');
37
}
38
4
39
$footer-height: 45px;
5
$footer-height: 45px;
40
6
41
body {
42
    background: #FCF9FC none;
43
    font-family: sans-serif;
44
    font-size: 16px;
45
}
46
47
.fonts-loaded body {
48
    font-family: 'NotoSans';
49
}
50
51
/* Sticky footer styles */
52
html,
53
body {
54
    height: 100%;
55
    /* The html and body elements cannot have any padding or margin. */
56
}
57
58
.no-js {
7
.no-js {
59
    .dateformat {
8
    .dateformat {
60
        display: inline;
9
        display: inline;
Lines 76-110 body { Link Here
76
    }
25
    }
77
}
26
}
78
27
79
/* Wrapper for page content to push down footer */
80
#wrap {
81
    height: auto !important;
82
    height: 100%;
83
    min-height: 100%;
84
    padding-left: 40px;
85
    padding-right: 40px;
86
    /* Negative indent footer by its height */
87
    margin: 0 auto -#{$footer-height + 1};
88
}
89
90
.fa.fa-icon-black,
28
.fa.fa-icon-black,
91
.fa.fa-icon-white {
29
.fa.fa-icon-white {
92
    color: #000;
30
    color: #000;
93
}
31
}
94
32
95
#changelanguage {
96
    clear: both;
97
    /* Set the fixed height of the footer here */
98
    min-height: $footer-height;
99
    .nav {
100
        > .active {
101
            > p {
102
                padding: 0 15px;
103
            }
104
        }
105
    }
106
}
107
108
.popup {
33
.popup {
109
    padding-left: 0;
34
    padding-left: 0;
110
    padding-right: 0;
35
    padding-right: 0;
Lines 482-495 th { Link Here
482
    }
407
    }
483
}
408
}
484
409
485
#koha_url {
486
    p {
487
        color: #666666;
488
        float: right;
489
        margin: 0;
490
    }
491
}
492
493
#moresearches {
410
#moresearches {
494
    margin: .5em 0;
411
    margin: .5em 0;
495
    padding: 0 .8em;
412
    padding: 0 .8em;
Lines 772-861 input[type="text"]:focus { Link Here
772
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
689
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
773
 }
690
 }
774
691
775
 .navbar {
776
    .divider-vertical {
777
        border-left-color: #fcf9fc;
778
        border-right-color: #fcf9fc;
779
    }
780
    .nav li.dropdown > a {
781
        &:focus .caret {
782
        border-top-color: #85ca11;
783
        border-bottom-color: #85ca11;
784
        }
785
        &:hover .caret {
786
        border-top-color: #85ca11;
787
        border-bottom-color: #85ca11;
788
        }
789
    }
790
}
791
792
.navbar-inverse {
793
    .brand {
794
        color: #9FE1FF;
795
        font-weight: bold;
796
    }
797
798
    .navbar-inner {
799
        background: #fcf9fc none;
800
        border-color: #fcf9fc;
801
        box-shadow: none;
802
    }
803
804
    .nav {
805
        > li {
806
            > a {
807
                color: #727272;
808
                font-weight: bold;
809
                text-shadow: none;
810
                &:hover {
811
                    color: #85ca11;
812
                }
813
                &:focus {
814
                    color: #85ca11;
815
                }
816
            }
817
        }
818
        li.dropdown {
819
        > a {
820
            &:hover .caret {
821
                border-top-color: #85ca11;
822
                border-bottom-color: #85ca11;
823
            }
824
            &:focus .caret {
825
                border-top-color: #85ca11;
826
                border-bottom-color: #85ca11;
827
            }
828
        }
829
        &.open > .dropdown-toggle {
830
            background-color: transparent;
831
            color: #85ca11;
832
            .caret {
833
                border-top-color: #85ca11;
834
                border-bottom-color: #85ca11;
835
                &:hover {
836
                border-top-color: #85ca11;
837
                border-bottom-color: #85ca11;
838
                }
839
            }
840
        }
841
        }
842
    }
843
}
844
845
.navbar-inner {
846
    background: #fcf9fc none;
847
}
848
849
.navbar-fixed-bottom {
850
    &.navbar-static-bottom {
851
        position: static;
852
    }
853
    .navbar-inner {
854
        box-shadow: none;
855
        min-height: $footer-height;
856
    }
857
}
858
859
[class^="icon-"] {
692
[class^="icon-"] {
860
    vertical-align: 0;
693
    vertical-align: 0;
861
}
694
}
Lines 1519-1525 div { Link Here
1519
1352
1520
#selections-toolbar,
1353
#selections-toolbar,
1521
.selections-toolbar {
1354
.selections-toolbar {
1522
    background: linear-gradient( top, #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1355
    background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1523
    margin: 0 0 1em;
1356
    margin: 0 0 1em;
1524
    padding-left: 10px;
1357
    padding-left: 10px;
1525
    padding-top: .5em;
1358
    padding-top: .5em;
Lines 2886-2928 button.closebtn { Link Here
2886
    float: right;
2719
    float: right;
2887
}
2720
}
2888
2721
2889
#i18nMenu {
2890
    margin-left: 1em;
2891
2892
    li {
2893
        font-size: 85%;
2894
2895
        li {
2896
            font-size: 100%;
2897
2898
            > a {
2899
                font-size: 100%;
2900
            }
2901
2902
            &:hover {
2903
                color: #FFF;
2904
            }
2905
        }
2906
2907
        a {
2908
            color: $links;
2909
        }
2910
    }
2911
2912
    .dropdown-menu {
2913
        li {
2914
            p {
2915
                clear: both;
2916
                display: block;
2917
                font-weight: normal;
2918
                line-height: 20px;
2919
                padding: 3px 20px;
2920
                white-space: nowrap;
2921
            }
2922
        }
2923
    }
2924
}
2925
2926
#subjectsList,
2722
#subjectsList,
2927
#authorSearch {
2723
#authorSearch {
2928
    label {
2724
    label {
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/sci.scss (+340 lines)
Line 0 Link Here
1
@import "mixins";
2
@import "fonts";
3
@import "common";
4
5
body {
6
    background-color: #FCF9FC;
7
}
8
9
a {
10
    color: $sci-link-color;
11
12
    &:visited {
13
        color: $sci-link-color;
14
    }
15
16
    &.title {
17
        font-weight: bold;
18
    }
19
}
20
21
.ui-widget-content {
22
    a,
23
    a:visited {
24
        color: $sci-link-color;
25
    }
26
}
27
28
h1 {
29
    color: $sci-heading-color;
30
    font-size: 140%;
31
    line-height: 150%;
32
}
33
34
h2 {
35
    color: $sci-heading-color;
36
    font-size: 130%;
37
    line-height: 150%;
38
}
39
40
h3 {
41
    color: $sci-heading-color;
42
    font-size: 120%;
43
    line-height: 150%;
44
}
45
46
h4 {
47
    color: $sci-heading-color;
48
    font-size: 110%;
49
}
50
51
h5 {
52
    color: $sci-heading-color;
53
    font-size: 100%;
54
}
55
56
caption {
57
    color: $sci-heading-color;
58
    font-size: 120%;
59
    font-weight: bold;
60
    margin: .5em 0;
61
    text-align: left;
62
}
63
64
input,
65
textarea {
66
    width: auto;
67
}
68
69
// Search bar border glow
70
input {
71
    &[type="text"],
72
    &[type="password"] {
73
        &:focus {
74
            border-color: #85CA11;
75
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(194, 228, 136, .6);
76
        }
77
    }
78
}
79
80
legend {
81
    color: $sci-heading-color;
82
    font-size: 110%;
83
    font-weight: bold;
84
}
85
86
th {
87
    background-color: #E2E8E8;
88
}
89
90
.main {
91
    background-color: #FFF;
92
    border-color: #F0F3F3;
93
    margin: .5em 20px;
94
    padding: .8em 0;
95
}
96
97
.navbar-inverse {
98
    .navbar-inner {
99
        background: #FCF9FC none;
100
        border-color: #FCF9FC;
101
        box-shadow: none;
102
    }
103
104
    .brand {
105
        color: $sci-heading-color;
106
        font-weight: bold;
107
    }
108
109
    .nav {
110
        li {
111
            a,
112
            a:hover,
113
            a:focus {
114
                color: $sci-heading-color;
115
                font-weight: bold;
116
            }
117
118
            &.dropdown {
119
120
                a {
121
                    &:hover,
122
                    &:focus {
123
                        .caret {
124
                            border-bottom-color: #85CA11;
125
                            border-top-color: #85CA11;
126
                        }
127
                    }
128
                }
129
130
                &.open {
131
                    &> .dropdown-toggle {
132
                        background-color: transparent;
133
                        color: #85CA11;
134
135
                        .caret {
136
                            border-bottom-color: #85CA11;
137
                            border-top-color: #85CA11;
138
139
                            &:hover {
140
                                border-bottom-color: #85CA11;
141
                                border-top-color: #85CA11;
142
                            }
143
                        }
144
                    }
145
                }
146
            }
147
        }
148
    }
149
}
150
151
.navbar {
152
    .nav {
153
        li {
154
            &.dropdown {
155
                &> a {
156
                    &:focus,
157
                    &:hover {
158
                        .caret {
159
                            border-bottom-color: #85CA11;
160
                            border-top-color: #85CA11;
161
                        }
162
                    }
163
                }
164
            }
165
        }
166
    }
167
}
168
169
// Dropdown menus in Header
170
.dropdown-menu {
171
    border-radius: 0;
172
173
    &> li {
174
        &> a {
175
            &:hover,
176
            &:focus {
177
                background: #85CA11 none;
178
                color: #FFFFFF;
179
            }
180
        }
181
    }
182
}
183
184
185
.table-striped tbody > tr:nth-child(odd) > td,
186
.table-striped tbody > tr:nth-child(odd) > th {
187
    background-color: #F0F3F3;
188
}
189
190
.modal-header {
191
    .closebtn {
192
        margin-top: 2px;
193
    }
194
}
195
196
.closebtn {
197
    color: #000000;
198
    filter: alpha(opacity=20);
199
    float: right;
200
    font-size: 20px;
201
    font-weight: bold;
202
    line-height: 20px;
203
    opacity: .2;
204
    text-shadow: 0 1px 0 #FFFFFF;
205
206
    &:hover {
207
        color: #000000;
208
        cursor: pointer;
209
        filter: alpha(opacity=40);
210
        opacity: .4;
211
        text-decoration: none;
212
    }
213
}
214
215
button {
216
    &.closebtn {
217
        background: transparent;
218
        border: 0;
219
        cursor: pointer;
220
        padding: 0;
221
    }
222
}
223
224
.btn-group {
225
    label,
226
    select {
227
        font-size: 13px;
228
    }
229
}
230
231
// Override Bootstrap alert
232
.alert {
233
    background: linear-gradient(to bottom,  #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100%);
234
    border-color: #D6C43B;
235
    color: #333;
236
237
    // Redefine a new style for Bootstrap's class "close" since we use that already
238
    // Use <a class="closebtn" href="#">&times;</a>
239
    .closebtn {
240
        line-height: 20px;
241
        position: relative;
242
        right: -21px;
243
        top: -2px;
244
    }
245
}
246
247
// Override Bootstrap alert.alert-info
248
.alert-info {
249
    background: linear-gradient(to bottom,  #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100%);
250
    border-color: #C5D1E5;
251
    color: #333;
252
}
253
254
// Override Bootstrap alert.alert-success
255
.alert-success {
256
    background: linear-gradient(to bottom,  #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100%);
257
    border-color: #9FBA35;
258
    color: #333;
259
}
260
261
262
#members {
263
    a {
264
        &.logout {
265
            color: #E8583C;
266
            padding: 0 .3em 0 .3em;
267
        }
268
    }
269
}
270
271
.inline {
272
    display: inline;
273
}
274
275
.table {
276
    .sorting_asc {
277
        background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
278
        padding-right: 19px;
279
    }
280
281
    .sorting_desc {
282
        background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
283
        padding-right: 19px;
284
    }
285
286
    .sorting {
287
        background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
288
        padding-right: 19px;
289
    }
290
291
    .nosort,
292
    .nosort.sorting_asc,
293
    .nosort.sorting_desc,
294
    .nosort.sorting {
295
        background: #E2E8E8 none;
296
        padding-right: 19px;
297
    }
298
}
299
300
.table-bordered {
301
    border-radius: 0;
302
303
    thead {
304
        &:first-child {
305
            tr {
306
                &:first-child {
307
                    &> th {
308
                        &:first-child,
309
                        &:last-child {
310
                            border-radius: 0;
311
                        }
312
                    }
313
                }
314
315
                &:last-child {
316
                    &> th {
317
                        &:first-child,
318
                        &:last-child {
319
                            border-radius: 0;
320
                        }
321
                    }
322
                }
323
            }
324
        }
325
    }
326
}
327
328
#sci_logout {
329
    color: #E8583C;
330
}
331
332
#sci_checkin_button,
333
#sci_refresh_button,
334
#sci_append_button {
335
    margin-bottom: 10px;
336
}
337
338
#sci_refresh_button {
339
    color: rgb(51, 51, 51);
340
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt (-4 / +3 lines)
Lines 54-61 Link Here
54
                <a class="brand" href="/cgi-bin/koha/sci/sci-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-green-logo.png" alt=""></a>
54
                <a class="brand" href="/cgi-bin/koha/sci/sci-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-green-logo.png" alt=""></a>
55
                <div id="checkouthelp">
55
                <div id="checkouthelp">
56
                    <ul class="nav pull-right">
56
                    <ul class="nav pull-right">
57
                        <li><a href="/cgi-bin/koha/sci/sci-main.pl" class="helpModal-trigger" role="button" data-toggle="modal"><i class="icon help"></i> Help</a></li>
57
                        <li><a href="/cgi-bin/koha/sci/sci-main.pl" class="helpModal-trigger" role="button" data-toggle="modal"><i class="fa fa-info-circle"></i> Help</a></li>
58
                        <li><a id="sci_logout" href="/cgi-bin/koha/sci/sci-main.pl?logout.x=1" class="logout">Logout</a></li>
58
                        <li><a id="sci_logout" href="/cgi-bin/koha/sci/sci-main.pl?logout.x=1" class="logout">Log out</a></li>
59
                    </ul>
59
                    </ul>
60
                </div>
60
                </div>
61
61
Lines 122-128 Link Here
122
                                </table>
122
                                </table>
123
                                <div>
123
                                <div>
124
                                    <form method="post" action="#" id="finish_form">
124
                                    <form method="post" action="#" id="finish_form">
125
                                        <button id="sci_finish_button" type="submit" class="btn"><i class="icon finish"></i> Finish</button>
125
                                        <button id="sci_finish_button" type="submit" class="btn"><i class="fa fa-check"></i> Finish</button>
126
                                    </form>
126
                                    </form>
127
                                </div>
127
                                </div>
128
                        [% ELSE %]
128
                        [% ELSE %]
129
- 

Return to bug 22638