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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/sco.css (-52 / +208 lines)
Lines 1-5 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
}
36
1
body {
37
body {
2
    background-color: #EAEAE6;
38
    background: #FCF9FC none;
39
    font-family: 'NotoSans';
40
    font-size: 16px;
41
}
42
43
#wrap {
44
    height: auto !important;
45
    height: 100%;
46
    min-height: 100%;
47
    padding-right: 40px;
48
    padding-left: 40px;
49
}
50
51
#logo {
52
  background: transparent url("../images/koha-green-logo.png") no-repeat scroll 0%;
53
  border: 0;
54
  float: left !important;
55
  margin: 0;
56
  padding: 0;
57
  width: 100px;
58
}
59
#logo a {
60
  border: 0;
61
  cursor: pointer;
62
  display: block;
63
  height: 0 !important;
64
  margin: 0;
65
  overflow: hidden;
66
  padding: 40px 0 0;
67
  text-decoration: none;
68
  width: 100px;
69
}
70
#logo a:focus {
71
  background-color: transparent;
3
}
72
}
4
73
5
a, a:visited,
74
a, a:visited,
Lines 9-28 a, a:visited, Link Here
9
}
78
}
10
79
11
a.title {
80
a.title {
81
    font-size: 108%;
12
    font-weight: bold;
82
    font-weight: bold;
13
}
83
}
14
84
15
h1 {
85
h1 {
16
    font-size : 140%;
86
    font-size : 140%;
17
    line-height: 150%;
87
    line-height: 150%;
88
    color: #727272;
18
}
89
}
19
h2 {
90
h2 {
20
91
92
    color: #727272;
21
    font-size : 130%;
93
    font-size : 130%;
22
    line-height: 150%;
94
    line-height: 150%;
23
}
95
}
24
h3 {
96
h3 {
25
97
98
    color: #727272;
26
    font-size : 120%;
99
    font-size : 120%;
27
    line-height: 150%;
100
    line-height: 150%;
28
}
101
}
Lines 33-46 h4 { Link Here
33
h5 {
106
h5 {
34
107
35
    font-size : 100%;
108
    font-size : 100%;
109
    color: #727272;
36
}
110
}
37
caption {
111
caption {
112
    color: #727272;
38
    font-size: 120%;
113
    font-size: 120%;
39
    font-weight: bold;
114
    font-weight: bold;
40
    margin : .5em 0;
115
    margin: 0;
41
    text-align: left;
116
    text-align: left;
42
}
117
}
43
118
119
input[type="text"]:focus {
120
    border-color: #85ca11;
121
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
122
}
123
44
input,
124
input,
45
textarea {
125
textarea {
46
    width: auto;
126
    width: auto;
Lines 49-82 textarea { Link Here
49
legend {
129
legend {
50
    font-size: 110%;
130
    font-size: 110%;
51
    font-weight: bold;
131
    font-weight: bold;
132
    color: #727272;
52
}
133
}
53
th {
134
th {
54
    background-color: #ECEDE6;
135
    background-color: #E2E8E8;
136
}
137
@media only screen and (min-width:768px)
138
{
139
    .main {
140
        margin-left:20px;
141
        margin-right:20px;
55
}
142
}
56
.main {
143
.main {
57
    background-color: #FFF;
144
    background-color: #FFF;
58
    border: 1px solid #D2D2CF;
145
    border: 1px solid #F0F3F3;
59
    border-radius: 8px 8px 8px 8px;
146
    margin-bottom: .5em;
60
    margin: 0.5em 20px;
147
    margin-top: .5em;
61
    padding: 0.8em 0;
148
}
62
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
149
63
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
150
.navbar .divider-vertical {
64
}
151
  border-left-color: #fcf9fc;
65
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
152
  border-right-color: #fcf9fc;
66
    color: #9FE1FF;
153
}
67
    font-weight: bold;
154
.navbar .nav li.dropdown > a:focus .caret {
155
  border-top-color: #85ca11;
156
  border-bottom-color: #85ca11;
157
}
158
.navbar .nav li.dropdown > a:hover .caret {
159
  border-top-color: #85ca11;
160
  border-bottom-color: #85ca11;
161
}
162
.navbar-inverse .brand {
163
  color: #9fe1ff;
164
  font-weight: bold;
165
}
166
.navbar-inverse .navbar-inner {
167
  background: #fcf9fc none;
168
  border-color: #fcf9fc;
169
  box-shadow: none;
170
}
171
.navbar-inverse .nav > li > a {
172
  color: #727272;
173
  font-weight: bold;
174
  text-shadow: none;
175
}
176
.navbar-inverse .nav > li > a:hover {
177
  color: #85ca11;
178
}
179
.navbar-inverse .nav > li > a:focus {
180
  color: #85ca11;
181
}
182
.navbar-inverse .nav li.dropdown > a:hover .caret {
183
  border-top-color: #85ca11;
184
  border-bottom-color: #85ca11;
185
}
186
.navbar-inverse .nav li.dropdown > a:focus .caret {
187
  border-top-color: #85ca11;
188
  border-bottom-color: #85ca11;
189
}
190
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
191
  background-color: transparent;
192
  color: #85ca11;
193
}
194
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
195
  border-top-color: #85ca11;
196
  border-bottom-color: #85ca11;
197
}
198
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
199
  border-top-color: #85ca11;
200
  border-bottom-color: #85ca11;
201
}
202
.navbar-inner {
203
  background: #fcf9fc none;
204
}
205
.navbar-fixed-bottom.navbar-static-bottom {
206
  margin-top: 0.5em;
207
  position: static;
208
}
209
.navbar-fixed-bottom .navbar-inner {
210
  box-shadow: none;
68
}
211
}
69
212
70
.table-striped tbody > tr:nth-child(odd) > td,
213
.table-striped tbody > tr:nth-child(odd) > td,
71
.table-striped tbody > tr:nth-child(odd) > th {
214
.table-striped tbody > tr:nth-child(odd) > th {
72
  background-color: #F4F4F4;
215
  background-color: #F0F3F3;
73
}
216
}
217
74
/* Redefine a new style for Bootstrap's class "close" since we use that already */
218
/* Redefine a new style for Bootstrap's class "close" since we use that already */
75
/* Use <a class="closebtn" href="#">&times;</a> */
219
/* Use <a class="closebtn" href="#">&times;</a> */
76
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
220
.modal-header .closebtn {
77
.modal-header .closebtn{margin-top:2px;}
221
  margin-top: 2px;
78
.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
222
}
79
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
223
.closebtn {
224
  color: #000;
225
  float: right;
226
  font-size: 20px;
227
  font-weight: bold;
228
  line-height: 20px;
229
  opacity: 0.2;
230
  text-shadow: 0 1px 0 #fff;
231
}
232
.closebtn:hover {
233
  color: #000;
234
  cursor: pointer;
235
  opacity: 0.4;
236
  text-decoration: none;
237
}
238
button.closebtn {
239
  background: transparent;
240
  border: 0;
241
  cursor: pointer;
242
  padding: 0;
243
}
244
80
.btn-group label,
245
.btn-group label,
81
.btn-group select {
246
.btn-group select {
82
    font-size: 13px;
247
    font-size: 13px;
Lines 84-139 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit Link Here
84
249
85
/* Override Bootstrap alert */
250
/* Override Bootstrap alert */
86
.alert {
251
.alert {
87
    background: #fffbe5; /* Old browsers */
252
    background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
88
    background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
253
    border-color: #D6C43B;
89
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
90
    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
91
    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
92
    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
93
    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
94
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
95
    border-color : #D6C43B;
96
    color: #333;
254
    color: #333;
255
256
    /* Redefine a new style for Bootstrap's class "close" since we use that already */
257
    /* Use <a class="closebtn" href="#">&times;</a> */
258
259
    .closebtn {
260
        line-height: 20px;
261
        position: relative;
262
        right: -21px;
263
        top: -2px;
264
    }
97
}
265
}
98
266
99
/* Override Bootstrap alert.alert-info */
267
/* Override Bootstrap alert.alert-info */
100
.alert-info {
268
.alert-info {
101
    background: #f4f6fa; /* Old browsers */
269
    background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
102
    background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
270
    border-color: #C5D1E5;
103
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
104
    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
105
    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
106
    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
107
    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
108
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
109
    border-color : #C5D1E5;
110
    color: #333;
271
    color: #333;
111
}
272
}
112
273
113
/* Override Bootstrap alert.alert-success */
274
/* Override Bootstrap alert.alert-success */
114
.alert-success {
275
.alert-success {
115
    background: #f8ffe8; /* Old browsers */
276
    background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
116
    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
277
    border-color: #9FBA35;
117
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
118
    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
119
    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
120
    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
121
    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
122
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
123
    border-color : #9FBA35;
124
    color: #333;
278
    color: #333;
125
}
279
}
280
126
#members p {
281
#members p {
127
    color : #EEE;
282
    color : #727272;
128
}
283
}
129
284
130
#members a {
285
#members a {
131
    color: #A6D8ED;
286
    color: #E8583C;
132
    font-weight: bold;
287
    font-weight: bold;
133
}
288
}
134
289
135
#members a.logout {
290
#members a.logout {
136
    color : #E8583C;
291
    color : #E8583C;
292
    font-weight: bold;
137
    padding : 0 .3em 0 .3em;
293
    padding : 0 .3em 0 .3em;
138
}
294
}
139
295
Lines 177-198 i.help { Link Here
177
333
178
.table .sorting_asc {
334
.table .sorting_asc {
179
    padding-right: 19px;
335
    padding-right: 19px;
180
    background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
336
    background: url("../images/asc.gif") no-repeat scroll 100% 80% #E2E8E8;
181
}
337
}
182
.table .sorting_desc {
338
.table .sorting_desc {
183
    padding-right: 19px;
339
    padding-right: 19px;
184
    background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
340
    background: url("../images/desc.gif") no-repeat scroll 100% 80% #E2E8E8;
185
}
341
}
186
.table .sorting {
342
.table .sorting {
187
    padding-right: 19px;
343
    padding-right: 19px;
188
    background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
344
    background: url("../images/ascdesc.gif") no-repeat scroll 100% 75% #E2E8E8;
189
}
345
}
190
.table .nosort,
346
.table .nosort,
191
.table .nosort.sorting_asc,
347
.table .nosort.sorting_asc,
192
.table .nosort.sorting_desc,
348
.table .nosort.sorting_desc,
193
.table .nosort.sorting {
349
.table .nosort.sorting {
194
    padding-right: 19px;
350
    padding-right: 19px;
195
    background: #EEEEEE none;
351
    background: #E2E8E8 none;
196
}
352
}
197
353
198
#sci_logout {
354
#sci_logout {
Lines 205-208 i.help { Link Here
205
361
206
#sci_refresh_button {
362
#sci_refresh_button {
207
    color: rgb(51, 51, 51);
363
    color: rgb(51, 51, 51);
208
}
364
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc (-2 / +4 lines)
Lines 5-14 Link Here
5
    <div class="navbar navbar-inverse navbar-static-top">
5
    <div class="navbar navbar-inverse navbar-static-top">
6
        <div class="navbar-inner">
6
        <div class="navbar-inner">
7
            <div class="container-fluid">
7
            <div class="container-fluid">
8
                <a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-logo-navbar.png" alt=""></a>
8
                <h1 id="logo">
9
                    <a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"></a>
10
                </h1>
9
                <div id="checkouthelp">
11
                <div id="checkouthelp">
10
                    <ul class="nav pull-right">
12
                    <ul class="nav pull-right">
11
                        <li><a href="/cgi-bin/koha/sco/help.pl"><i class="icon help"></i> Help</a></li>
13
                        <li><a href="/cgi-bin/koha/sco/help.pl"><i class="fa fa-question-circle" aria-hidden="true"></i> Help</a></li>
12
                    </ul>
14
                    </ul>
13
                </div>
15
                </div>
14
16
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt (+1 lines)
Lines 11-16 Link Here
11
<link rel="shortcut icon" href="[% IF ( Koha.Preference('OpacFavicon') ) %][% Koha.Preference('OpacFavicon') | url %][% ELSE %][% interface | html %]/[% theme | html %]/images/favicon.ico[% END %]" type="image/x-icon" />
11
<link rel="shortcut icon" href="[% IF ( Koha.Preference('OpacFavicon') ) %][% Koha.Preference('OpacFavicon') | url %][% ELSE %][% interface | html %]/[% theme | html %]/images/favicon.ico[% END %]" type="image/x-icon" />
12
[% Asset.css("lib/bootstrap/css/bootstrap.min.css") | $raw %]
12
[% Asset.css("lib/bootstrap/css/bootstrap.min.css") | $raw %]
13
[% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
13
[% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
14
[% Asset.css("lib/font-awesome/css/font-awesome.min.css") | $raw %]
14
[% Asset.css("css/sco.css") | $raw %]
15
[% Asset.css("css/sco.css") | $raw %]
15
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') | $raw %]</style>[% END %]
16
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') | $raw %]</style>[% END %]
16
[% IF ( Koha.Preference('SCOUserCSS') ) %]<style>[% Koha.Preference('SCOUserCSS') | $raw %]</style>[% END %]
17
[% IF ( Koha.Preference('SCOUserCSS') ) %]<style>[% Koha.Preference('SCOUserCSS') | $raw %]</style>[% END %]

Return to bug 22274