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

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/sci.css (-308 lines)
Lines 1-308 Link Here
1
body {
2
    background-color: #fcf9fc;
3
}
4
5
#wrap {
6
    padding-right: 40px;
7
    padding-left: 40px;
8
}
9
10
a, a:visited,
11
.ui-widget-content a,
12
.ui-widget-content a:visited {
13
    color: #0076B2;
14
}
15
16
a.title {
17
    font-weight: bold;
18
}
19
20
h1 {
21
    color: #727272;
22
    font-size : 140%;
23
    line-height: 150%;
24
}
25
h2 {
26
    color: #727272;
27
    font-size : 130%;
28
    line-height: 150%;
29
}
30
h3 {
31
    color: #727272;
32
    font-size : 120%;
33
    line-height: 150%;
34
}
35
h4 {
36
    color: #727272;
37
    font-size : 110%;
38
}
39
h5 {
40
    color: #727272;
41
    font-size : 100%;
42
}
43
caption {
44
    color: #727272;
45
    font-size: 120%;
46
    font-weight: bold;
47
    margin : .5em 0;
48
    text-align: left;
49
}
50
51
input,
52
textarea {
53
    width: auto;
54
}
55
56
/*Search bar border glow*/
57
input[type="text"]:focus {
58
   border-color: #85ca11;
59
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
60
}
61
62
input[type="password"]:focus {
63
   border-color: #85ca11;
64
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
65
}
66
67
legend {
68
    color: #727272;
69
    font-size: 110%;
70
    font-weight: bold;
71
}
72
73
th {
74
    background-color: #e2e8e8;
75
}
76
77
.main {
78
    background-color: #FFF;
79
    border-color: #f0f3f3;
80
    margin: 0.5em 20px;
81
    padding: 0.8em 0;
82
}
83
84
.navbar-inverse .navbar-inner {
85
    background: #fcf9fc none;
86
    border-color: #fcf9fc;
87
    box-shadow: none;
88
}
89
90
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
91
    color: #727272;
92
    font-weight: bold;
93
}
94
95
/*Dropdown menus in Header*/
96
.dropdown-menu {
97
   border-radius: 0px;
98
}
99
100
.dropdown-menu > li > a:hover {
101
   background: #85ca11 none;
102
   color: #FFFFFF;
103
}
104
105
.dropdown-menu > li > a:focus {
106
   background: #85ca11 none;
107
   color: #FFFFFF;
108
}
109
110
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
111
   border-top-color: #85ca11;
112
   border-bottom-color: #85ca11;
113
}
114
115
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
116
   border-top-color: #85ca11;
117
   border-bottom-color: #85ca11;
118
}
119
120
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
121
   background-color: transparent;
122
   color: #85ca11;
123
}
124
125
.navbar-inverse .nav li.dropdown > a:hover .caret {
126
   border-top-color: #85ca11;
127
   border-bottom-color: #85ca11;
128
}
129
130
.navbar .nav li.dropdown > a:focus .caret {
131
   border-top-color: #85ca11;
132
   border-bottom-color: #85ca11;
133
}
134
135
.navbar-inverse .nav li.dropdown > a:focus .caret {
136
   border-top-color: #85ca11;
137
   border-bottom-color: #85ca11;
138
}
139
140
.navbar .nav li.dropdown > a:hover .caret {
141
   border-top-color: #85ca11;
142
   border-bottom-color: #85ca11;
143
}
144
145
.navbar-inverse .nav > li > a {
146
   color: #727272;
147
}
148
149
.navbar-inverse .nav > li > a:hover {
150
   color: #85ca11;
151
}
152
153
.navbar-inverse .nav > li > a:focus {
154
   color: #85ca11;
155
}
156
157
.table-striped tbody > tr:nth-child(odd) > td,
158
.table-striped tbody > tr:nth-child(odd) > th {
159
  background-color: #f0f3f3;
160
}
161
/* Redefine a new style for Bootstrap's class "close" since we use that already */
162
/* Use <a class="closebtn" href="#">&times;</a> */
163
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
164
.modal-header .closebtn{margin-top:2px;}
165
.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);}
166
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
167
.btn-group label,
168
.btn-group select {
169
    font-size: 13px;
170
}
171
172
/* Override Bootstrap alert */
173
.alert {
174
    background: #fffbe5; /* Old browsers */
175
    background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
176
    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+ */
177
    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
178
    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
179
    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
180
    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
181
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
182
    border-color : #D6C43B;
183
    color: #333;
184
}
185
186
/* Override Bootstrap alert.alert-info */
187
.alert-info {
188
    background: #f4f6fa; /* Old browsers */
189
    background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
190
    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+ */
191
    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
192
    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
193
    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
194
    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
195
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
196
    border-color : #C5D1E5;
197
    color: #333;
198
}
199
200
/* Override Bootstrap alert.alert-success */
201
.alert-success {
202
    background: #f8ffe8; /* Old browsers */
203
    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
204
    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+ */
205
    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
206
    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
207
    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
208
    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
209
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
210
    border-color : #9FBA35;
211
    color: #333;
212
}
213
214
215
#members a.logout {
216
    color : #E8583C;
217
    padding : 0 .3em 0 .3em;
218
}
219
220
.inline {
221
    display: inline;
222
}
223
224
i.icon {
225
    background-repeat: no-repeat;
226
    display: inline-block;
227
    height: 16px;
228
    line-height: 16px;
229
    margin-right: 3px;
230
    vertical-align: text-top;
231
    width: 16px;
232
}
233
234
i.back {
235
    background : transparent url("../lib/famfamfam/arrow_left.png") no-repeat 0 0;
236
}
237
238
i.return {
239
    background : transparent url("../lib/famfamfam/book_previous.png") no-repeat 0 0;
240
}
241
242
i.renew {
243
    background : transparent url("../lib/famfamfam/arrow_refresh.png") no-repeat 0 0;
244
}
245
246
i.cancel {
247
    background : transparent url("../lib/famfamfam/cancel.png") no-repeat 0 0;
248
}
249
250
i.finish {
251
    background : transparent url("../lib/famfamfam/stop.png") no-repeat 0 0;
252
}
253
254
i.help {
255
    background : transparent url("../lib/famfamfam/help.png") no-repeat 0 0;
256
}
257
258
.table .sorting_asc {
259
    padding-right: 19px;
260
    background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
261
}
262
.table .sorting_desc {
263
    padding-right: 19px;
264
    background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
265
}
266
.table .sorting {
267
    padding-right: 19px;
268
    background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
269
}
270
.table .nosort,
271
.table .nosort.sorting_asc,
272
.table .nosort.sorting_desc,
273
.table .nosort.sorting {
274
    padding-right: 19px;
275
    background: #e2e8e8 none;
276
}
277
278
.table-bordered {
279
    border-radius: 0px;
280
}
281
282
.table-bordered thead:first-child tr:first-child > th:last-child {
283
   border-radius: 0px;
284
}
285
286
.table-bordered tbody:last-child tr:last-child > td:last-child {
287
   border-radius: 0px;
288
}
289
290
.table-bordered tbody:last-child tr:last-child > td:first-child {
291
   border-radius: 0px;
292
}
293
294
.table-bordered thead:first-child tr:first-child > th:first-child {
295
   border-radius: 0px;
296
}
297
298
#sci_logout {
299
    color: #E8583C;
300
}
301
302
#sci_checkin_button, #sci_refresh_button, #sci_append_button {
303
    margin-bottom: 10px;
304
}
305
306
#sci_refresh_button {
307
    color: rgb(51, 51, 51);
308
}
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc (-1 / +1 lines)
Lines 8-14 Link Here
8
                <a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-green-logo.png" alt=""></a>
8
                <a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-green-logo.png" alt=""></a>
9
                <div id="checkouthelp">
9
                <div id="checkouthelp">
10
                    <ul class="nav pull-right">
10
                    <ul class="nav pull-right">
11
                        <li><a href="/cgi-bin/koha/sco/help.pl"><i class="icon help"></i> Help</a></li>
11
                        <li><a href="/cgi-bin/koha/sco/help.pl"><i class="fa fa-info-circle"></i> Help</a></li>
12
                    </ul>
12
                    </ul>
13
                </div>
13
                </div>
14
14
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt (-1 / +1 lines)
Lines 33-39 Link Here
33
[% Asset.css("lib/bootstrap/css/bootstrap.min.css") | $raw %]
33
[% Asset.css("lib/bootstrap/css/bootstrap.min.css") | $raw %]
34
[% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
34
[% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
35
[% Asset.css("lib/font-awesome/css/font-awesome.min.css") | $raw %]
35
[% Asset.css("lib/font-awesome/css/font-awesome.min.css") | $raw %]
36
[% Asset.css("css/sci.css") | $raw %]
36
[% Asset.css("css/sco.css") | $raw %]
37
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') | $raw %]</style>[% END %]
37
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') | $raw %]</style>[% END %]
38
[% IF ( Koha.Preference('SelfCheckInUserCSS') ) %]<style>[% Koha.Preference('SelfCheckInUserCSS') | $raw %]</style>[% END %]
38
[% IF ( Koha.Preference('SelfCheckInUserCSS') ) %]<style>[% Koha.Preference('SelfCheckInUserCSS') | $raw %]</style>[% END %]
39
<!--[if lt IE 9]>
39
<!--[if lt IE 9]>
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt (-8 / +8 lines)
Lines 12-17 Link Here
12
<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
<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" />
13
[% Asset.css("lib/bootstrap/css/bootstrap.min.css") | $raw %]
13
[% Asset.css("lib/bootstrap/css/bootstrap.min.css") | $raw %]
14
[% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
14
[% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
15
[% Asset.css("lib/font-awesome/css/font-awesome.min.css") | $raw %]
15
[% Asset.css("css/sco.css") | $raw %]
16
[% Asset.css("css/sco.css") | $raw %]
16
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') | $raw %]</style>[% END %]
17
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') | $raw %]</style>[% END %]
17
[% IF ( Koha.Preference('SCOUserCSS') ) %]<style>[% Koha.Preference('SCOUserCSS') | $raw %]</style>[% END %]
18
[% IF ( Koha.Preference('SCOUserCSS') ) %]<style>[% Koha.Preference('SCOUserCSS') | $raw %]</style>[% END %]
Lines 87-93 Link Here
87
                                    <input type="hidden" name="patronid" value="[% patronid | html %]" />
88
                                    <input type="hidden" name="patronid" value="[% patronid | html %]" />
88
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
89
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
89
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
90
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
90
                                    <button type="submit" name="returnbook" class="btn"><i class="return"></i> Return this item</button>
91
                                    <button type="submit" name="returnbook" class="btn"><i class="fa fa-undo"></i> Return this item</button>
91
                                </form>
92
                                </form>
92
                            [% END %]
93
                            [% END %]
93
94
Lines 115-121 Link Here
115
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
116
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
116
                                    <input type="hidden" name="confirmed" value="" />
117
                                    <input type="hidden" name="confirmed" value="" />
117
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
118
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
118
                                    <button type="submit" name="returnbook" class="btn"><i class="icon return"></i> Return this item</button>
119
                                    <button type="submit" name="returnbook" class="btn"><i class="fa fa-undo"></i> Return this item</button>
119
                                </form>
120
                                </form>
120
                            [% END %]
121
                            [% END %]
121
122
Lines 126-132 Link Here
126
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
127
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
127
                                    <input type="hidden" name="confirmed" value="1" />
128
                                    <input type="hidden" name="confirmed" value="1" />
128
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
129
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
129
                                    <button type="submit" name="confirm" class="btn"><i class="icon renew"></i> Renew item</button>
130
                                    <button type="submit" name="confirm" class="btn"><i class="fa fa-refresh"></i> Renew item</button>
130
                                  </form>
131
                                  </form>
131
                            [% ELSE %]
132
                            [% ELSE %]
132
                                <form action="/cgi-bin/koha/sco/sco-main.pl" name="confirmForm" class="inline" method="post">
133
                                <form action="/cgi-bin/koha/sco/sco-main.pl" name="confirmForm" class="inline" method="post">
Lines 135-141 Link Here
135
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
136
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
136
                                    <input type="hidden" name="confirmed" value="1" />
137
                                    <input type="hidden" name="confirmed" value="1" />
137
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
138
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
138
                                    <button type="submit" class="btn"><i class="icon renew"></i> Renew item</button>
139
                                    <button type="submit" class="btn"><i class="fa fa-refresh"></i> Renew item</button>
139
                                </form>
140
                                </form>
140
                            [% END %]
141
                            [% END %]
141
142
Lines 143-149 Link Here
143
                                <input type="hidden" name="op" value="" />
144
                                <input type="hidden" name="op" value="" />
144
                                <input type="hidden" name="patronid" value="[% patronid | html %]" />
145
                                <input type="hidden" name="patronid" value="[% patronid | html %]" />
145
                                <input type="hidden" name="newissues" value="[% newissues | html %]" />
146
                                <input type="hidden" name="newissues" value="[% newissues | html %]" />
146
                                <button type="submit" class="btn"><i class="icon cancel"></i> Cancel</button>
147
                                <button type="submit" class="btn"><i class="fa fa-cancel"></i> Cancel</button>
147
                            </form>
148
                            </form>
148
                        </div>
149
                        </div>
149
                    [% END # / IF confirm %]
150
                    [% END # / IF confirm %]
Lines 235-248 Link Here
235
236
236
                                <div>
237
                                <div>
237
                                    <form method="post" action="#" id="logout_form">
238
                                    <form method="post" action="#" id="logout_form">
238
                                        <button type="submit" class="btn"><i class="icon finish"></i> Finish</button>
239
                                        <button type="submit" class="btn"><i class="fa fa-check"></i> Finish</button>
239
                                    </form>
240
                                    </form>
240
                                </div>
241
                                </div>
241
                            </div> <!-- / #newcheckout -->
242
                            </div> <!-- / #newcheckout -->
242
                </div> <!-- / .span12/12 -->
243
                </div> <!-- / .span12/12 -->
243
                [% IF ( display_patron_image ) %]
244
                [% IF ( display_patron_image ) %]
244
                    <div class="span2">
245
                    <div class="span2">
245
                        <img src="/cgi-bin/koha/sco/sco-patron-image.pl?borrowernumber=[% borrowernumber | html %]&csrf_token=[% csrf_token | html %]" alt="" />
246
                        <img src="/cgi-bin/koha/sco/sco-patron-image.pl?borrowernumber=[% borrowernumber | uri %]&csrf_token=[% csrf_token | uri %]" alt="" />
246
                    </div>
247
                    </div>
247
                [% END %]
248
                [% END %]
248
            </div> <!-- / .row-fluid -->
249
            </div> <!-- / .row-fluid -->
249
- 

Return to bug 22274