Attachment #87780 for bug #22274

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




body {
    background-color: #fcf9fc;
}

#wrap {
    padding-right: 40px;
    padding-left: 40px;
}

a, a:visited,
.ui-widget-content a,
.ui-widget-content a:visited {
    color: #0076B2;
}

a.title {
    font-weight: bold;
}

h1 {
    color: #727272;
    font-size : 140%;
    line-height: 150%;
}
h2 {
    color: #727272;
    font-size : 130%;
    line-height: 150%;
}
h3 {
    color: #727272;
    font-size : 120%;
    line-height: 150%;
}
h4 {
    color: #727272;
    font-size : 110%;
}
h5 {
    color: #727272;
    font-size : 100%;
}
caption {
    color: #727272;
    font-size: 120%;
    font-weight: bold;
    margin : .5em 0;
    text-align: left;
}

input,
textarea {
    width: auto;
}

/*Search bar border glow*/
input[type="text"]:focus {
   border-color: #85ca11;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
}

input[type="password"]:focus {
   border-color: #85ca11;
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
}

legend {
    color: #727272;
    font-size: 110%;
    font-weight: bold;
}

th {
    background-color: #e2e8e8;
}

.main {
    background-color: #FFF;
    border-color: #f0f3f3;
    margin: 0.5em 20px;
    padding: 0.8em 0;
}

.navbar-inverse .navbar-inner {
    background: #fcf9fc none;
    border-color: #fcf9fc;
    box-shadow: none;
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #727272;
    font-weight: bold;
}

/*Dropdown menus in Header*/
.dropdown-menu {
   border-radius: 0px;
}

.dropdown-menu > li > a:hover {
   background: #85ca11 none;
   color: #FFFFFF;
}

.dropdown-menu > li > a:focus {
   background: #85ca11 none;
   color: #FFFFFF;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
   border-top-color: #85ca11;
   border-bottom-color: #85ca11;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
   border-top-color: #85ca11;
   border-bottom-color: #85ca11;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
   background-color: transparent;
   color: #85ca11;
}

.navbar-inverse .nav li.dropdown > a:hover .caret {
   border-top-color: #85ca11;
   border-bottom-color: #85ca11;
}

.navbar .nav li.dropdown > a:focus .caret {
   border-top-color: #85ca11;
   border-bottom-color: #85ca11;
}

.navbar-inverse .nav li.dropdown > a:focus .caret {
   border-top-color: #85ca11;
   border-bottom-color: #85ca11;
}

.navbar .nav li.dropdown > a:hover .caret {
   border-top-color: #85ca11;
   border-bottom-color: #85ca11;
}

.navbar-inverse .nav > li > a {
   color: #727272;
}

.navbar-inverse .nav > li > a:hover {
   color: #85ca11;
}

.navbar-inverse .nav > li > a:focus {
   color: #85ca11;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f0f3f3;
}
/* Redefine a new style for Bootstrap's class "close" since we use that already */
/* Use <a class="closebtn" href="#">&times;</a> */
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
.modal-header .closebtn{margin-top:2px;}
.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);}
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
.btn-group label,
.btn-group select {
    font-size: 13px;
}

/* Override Bootstrap alert */
.alert {
    background: #fffbe5; /* Old browsers */
    background: -moz-linear-gradient(top,  #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
    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+ */
    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
    border-color : #D6C43B;
    color: #333;
}

/* Override Bootstrap alert.alert-info */
.alert-info {
    background: #f4f6fa; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
    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+ */
    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
    border-color : #C5D1E5;
    color: #333;
}

/* Override Bootstrap alert.alert-success */
.alert-success {
    background: #f8ffe8; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
    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+ */
    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
    border-color : #9FBA35;
    color: #333;
}


#members a.logout {
    color : #E8583C;
    padding : 0 .3em 0 .3em;
}

.inline {
    display: inline;
}

i.icon {
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-right: 3px;
    vertical-align: text-top;
    width: 16px;
}

i.back {
    background : transparent url("../lib/famfamfam/arrow_left.png") no-repeat 0 0;
}

i.return {
    background : transparent url("../lib/famfamfam/book_previous.png") no-repeat 0 0;
}

i.renew {
    background : transparent url("../lib/famfamfam/arrow_refresh.png") no-repeat 0 0;
}

i.cancel {
    background : transparent url("../lib/famfamfam/cancel.png") no-repeat 0 0;
}

i.finish {
    background : transparent url("../lib/famfamfam/stop.png") no-repeat 0 0;
}

i.help {
    background : transparent url("../lib/famfamfam/help.png") no-repeat 0 0;
}

.table .sorting_asc {
    padding-right: 19px;
    background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
}
.table .sorting_desc {
    padding-right: 19px;
    background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
}
.table .sorting {
    padding-right: 19px;
    background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
}
.table .nosort,
.table .nosort.sorting_asc,
.table .nosort.sorting_desc,
.table .nosort.sorting {
    padding-right: 19px;
    background: #e2e8e8 none;
}

.table-bordered {
    border-radius: 0px;
}

.table-bordered thead:first-child tr:first-child > th:last-child {
   border-radius: 0px;
}

.table-bordered tbody:last-child tr:last-child > td:last-child {
   border-radius: 0px;
}

.table-bordered tbody:last-child tr:last-child > td:first-child {
   border-radius: 0px;
}

.table-bordered thead:first-child tr:first-child > th:first-child {
   border-radius: 0px;
}

#sci_logout {
    color: #E8583C;
}

#sci_checkin_button, #sci_refresh_button, #sci_append_button {
    margin-bottom: 10px;
}

#sci_refresh_button {
    color: rgb(51, 51, 51);
}

Lines 8-14 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc (-1 / +1 lines)
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

Lines 33-39 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt (-1 / +1 lines)
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]>




<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" />
[% Asset.css("lib/bootstrap/css/bootstrap.min.css") | $raw %]
[% Asset.css("lib/jquery/jquery-ui.css") | $raw %]
[% Asset.css("lib/font-awesome/css/font-awesome.min.css") | $raw %]
[% Asset.css("css/sco.css") | $raw %]
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') | $raw %]</style>[% END %]
[% IF ( Koha.Preference('SCOUserCSS') ) %]<style>[% Koha.Preference('SCOUserCSS') | $raw %]</style>[% END %]

                                    <input type="hidden" name="patronid" value="[% patronid | html %]" />
                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
                                    <button type="submit" name="returnbook" class="btn"><i class="fa fa-undo"></i> Return this item</button>
                                </form>
                            [% END %]


                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
                                    <input type="hidden" name="confirmed" value="" />
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
                                    <button type="submit" name="returnbook" class="btn"><i class="fa fa-undo"></i> Return this item</button>
                                </form>
                            [% END %]


                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
                                    <input type="hidden" name="confirmed" value="1" />
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
                                    <button type="submit" name="confirm" class="btn"><i class="fa fa-refresh"></i> Renew item</button>
                                  </form>
                            [% ELSE %]
                                <form action="/cgi-bin/koha/sco/sco-main.pl" name="confirmForm" class="inline" method="post">

                                    <input type="hidden" name="barcode" value="[% barcode | html %]" />
                                    <input type="hidden" name="confirmed" value="1" />
                                    <input type="hidden" name="newissues" value="[% newissues | html %]" />
                                    <button type="submit" class="btn"><i class="fa fa-refresh"></i> Renew item</button>
                                </form>
                            [% END %]


                                <input type="hidden" name="op" value="" />
                                <input type="hidden" name="patronid" value="[% patronid | html %]" />
                                <input type="hidden" name="newissues" value="[% newissues | html %]" />
                                <button type="submit" class="btn"><i class="fa fa-cancel"></i> Cancel</button>
                            </form>
                        </div>
                    [% END # / IF confirm %]


                                <div>
                                    <form method="post" action="#" id="logout_form">
                                        <button type="submit" class="btn"><i class="fa fa-check"></i> Finish</button>
                                    </form>
                                </div>
                            </div> <!-- / #newcheckout -->
                </div> <!-- / .span12/12 -->
                [% IF ( display_patron_image ) %]
                    <div class="span2">
                        <img src="/cgi-bin/koha/sco/sco-patron-image.pl?borrowernumber=[% borrowernumber | uri %]&csrf_token=[% csrf_token | uri %]" alt="" />
                    </div>
                [% END %]
            </div> <!-- / .row-fluid -->
- 

Return to bug 22274

Lines 1-308 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/sci.css (-308 lines)
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="#">×</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	}

Lines 12-17 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt (-8 / +8 lines)
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	-