Attachment #72181 for bug #15492

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




body {
    background-color: #EAEAE6;
}

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

a.title {
    font-weight: bold;
}

h1 {
    font-size : 140%;
    line-height: 150%;
}
h2 {

    font-size : 130%;
    line-height: 150%;
}
h3 {

    font-size : 120%;
    line-height: 150%;
}
h4 {

    font-size : 110%;
}
h5 {

    font-size : 100%;
}
caption {
    font-size: 120%;
    font-weight: bold;
    margin : .5em 0;
    text-align: left;
}

input,
textarea {
    width: auto;
}

legend {
    font-size: 110%;
    font-weight: bold;
}
th {
    background-color: #ECEDE6;
}
.main {
    background-color: #FFF;
    border: 1px solid #D2D2CF;
    border-radius: 8px 8px 8px 8px;
    margin: 0.5em 20px;
    padding: 0.8em 0;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #9FE1FF;
    font-weight: bold;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #F4F4F4;
}
/* 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 p {
    color : #EEE;
}

#members a {
    color: #A6D8ED;
    font-weight: bold;
}

#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/silk/arrow_left.png") no-repeat 0 0;
}

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

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

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

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

i.help {
    background : transparent url("../lib/famfamfam/silk/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: #EEEEEE none;
}

#sci_logout {
    color: #E8583C;
}

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

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




<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/sci.css" />
[% IF ( Koha.Preference('OPACUserCSS') ) %]<style type="text/css">[% Koha.Preference('OPACUserCSS') %]</style>[% END %]
[% IF ( Koha.Preference('SelfCheckInUserCSS') ) %]<style type="text/css">[% Koha.Preference('SelfCheckInUserCSS') %]</style>[% END %]
<!--[if lt IE 9]>
    <script src="[% interface %]/[% theme %]/lib/respond.min.js"></script>
<![endif]-->

            </div> <!-- / .row-fluid -->
        </div> <!-- / .container-fluid -->

        [% IF ( Koha.Preference('SelfCheckInMainUserBlock' ) ) %]
            <div id="SelfCheckInMainUserBlock">[% Koha.Preference('SelfCheckInMainUserBlock' ) %]</div>
        [% END %]
    </div> <!-- / .main -->


        function timerIncrement() {
            if ( $("#sci_finish_button").is(":visible") || $("#sci_refresh_button").is(":visible") ) {
                idleTime = idleTime + 1;
                idleTimeout = [% refresh_timeout %];
                if (idleTime >= idleTimeout ) {
                    if ( $("#sci_finish_button").is(":visible") ) $("#sci_finish_button").click();
                    if ( $("#sci_refresh_button").is(":visible") ) $("#sci_refresh_button").click();
                }

        }
    </script>

    [% IF ( Koha.Preference('SelfCheckInUserJS') ) %]<script type="text/javascript">[% Koha.Preference('SelfCheckInUserJS') %]</script>[% END %]
[% END %]
- 

Return to bug 15492

Lines 31-39 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt (-7 / +7 lines)
31	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/bootstrap/css/bootstrap.min.css" />	31	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/bootstrap/css/bootstrap.min.css" />
32	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui.css" />	32	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/jquery/jquery-ui.css" />
33	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/font-awesome/css/font-awesome.min.css" />	33	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/lib/font-awesome/css/font-awesome.min.css" />
34	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/sco.css" />	34	<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/sci.css" />
35	[% IF ( Koha.Preference('OPACUserCSS') ) %]<style type="text/css">[% Koha.Preference('OPACUserCSS') %]</style>[% END %]	35	[% IF ( Koha.Preference('OPACUserCSS') ) %]<style type="text/css">[% Koha.Preference('OPACUserCSS') %]</style>[% END %]
36	[% IF ( Koha.Preference('SCOUserCSS') ) %]<style type="text/css">[% Koha.Preference('SCOUserCSS') %]</style>[% END %]	36	[% IF ( Koha.Preference('SelfCheckInUserCSS') ) %]<style type="text/css">[% Koha.Preference('SelfCheckInUserCSS') %]</style>[% END %]
37	<!--[if lt IE 9]>	37	<!--[if lt IE 9]>
38	<script src="[% interface %]/[% theme %]/lib/respond.min.js"></script>	38	<script src="[% interface %]/[% theme %]/lib/respond.min.js"></script>
39	<![endif]-->	39	<![endif]-->
Lines 168-175 Link Here
168	</div> <!-- / .row-fluid -->	168	</div> <!-- / .row-fluid -->
169	</div> <!-- / .container-fluid -->	169	</div> <!-- / .container-fluid -->
170		170
171	[% IF ( Koha.Preference('SCOMainUserBlock' ) ) %]	171	[% IF ( Koha.Preference('SelfCheckInMainUserBlock' ) ) %]
172	<div id="scomainuserblock">[% Koha.Preference('SCOMainUserBlock' ) %]</div>	172	<div id="SelfCheckInMainUserBlock">[% Koha.Preference('SelfCheckInMainUserBlock' ) %]</div>
173	[% END %]	173	[% END %]
174	</div> <!-- / .main -->	174	</div> <!-- / .main -->
175		175
Lines 260-266 Link Here
260	function timerIncrement() {	260	function timerIncrement() {
261	if ( $("#sci_finish_button").is(":visible") \|\| $("#sci_refresh_button").is(":visible") ) {	261	if ( $("#sci_finish_button").is(":visible") \|\| $("#sci_refresh_button").is(":visible") ) {
262	idleTime = idleTime + 1;	262	idleTime = idleTime + 1;
263	if (idleTime >= 30 ) { // 30 seconds	263	idleTimeout = [% refresh_timeout %];
		264	if (idleTime >= idleTimeout ) {
264	if ( $("#sci_finish_button").is(":visible") ) $("#sci_finish_button").click();	265	if ( $("#sci_finish_button").is(":visible") ) $("#sci_finish_button").click();
265	if ( $("#sci_refresh_button").is(":visible") ) $("#sci_refresh_button").click();	266	if ( $("#sci_refresh_button").is(":visible") ) $("#sci_refresh_button").click();
266	}	267	}
Lines 268-272 Link Here
268	}	269	}
269	</script>	270	</script>
270		271
271	[% IF ( Koha.Preference('SCOUserJS') ) %]<script type="text/javascript">[% Koha.Preference('SCOUserJS') %]</script>[% END %]	272	[% IF ( Koha.Preference('SelfCheckInUserJS') ) %]<script type="text/javascript">[% Koha.Preference('SelfCheckInUserJS') %]</script>[% END %]
272	[% END %]	273	[% END %]
273	-

Line 0 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/sci.css (+208 lines)
		1	body {
		2	background-color: #EAEAE6;
		3	}
		4
		5	a, a:visited,
		6	.ui-widget-content a,
		7	.ui-widget-content a:visited {
		8	color: #0076B2;
		9	}
		10
		11	a.title {
		12	font-weight: bold;
		13	}
		14
		15	h1 {
		16	font-size : 140%;
		17	line-height: 150%;
		18	}
		19	h2 {
		20
		21	font-size : 130%;
		22	line-height: 150%;
		23	}
		24	h3 {
		25
		26	font-size : 120%;
		27	line-height: 150%;
		28	}
		29	h4 {
		30
		31	font-size : 110%;
		32	}
		33	h5 {
		34
		35	font-size : 100%;
		36	}
		37	caption {
		38	font-size: 120%;
		39	font-weight: bold;
		40	margin : .5em 0;
		41	text-align: left;
		42	}
		43
		44	input,
		45	textarea {
		46	width: auto;
		47	}
		48
		49	legend {
		50	font-size: 110%;
		51	font-weight: bold;
		52	}
		53	th {
		54	background-color: #ECEDE6;
		55	}
		56	.main {
		57	background-color: #FFF;
		58	border: 1px solid #D2D2CF;
		59	border-radius: 8px 8px 8px 8px;
		60	margin: 0.5em 20px;
		61	padding: 0.8em 0;
		62	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
		63	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
		64	}
65	.navbar-inverse .brand, .navbar-inverse .nav > li > a {
66	color: #9FE1FF;
67	font-weight: bold;
68	}
69
70	.table-striped tbody > tr:nth-child(odd) > td,
71	.table-striped tbody > tr:nth-child(odd) > th {
72	background-color: #F4F4F4;
73	}
74	/* Redefine a new style for Bootstrap's class "close" since we use that already */
75	/* Use <a class="closebtn" href="#">×</a> */
76	.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
77	.modal-header .closebtn{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);}
79	button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
80	.btn-group label,
81	.btn-group select {
82	font-size: 13px;
83	}
84
85	/* Override Bootstrap alert */
86	.alert {
87	background: #fffbe5; /* Old browsers */
88	background: -moz-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
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;
97	}
98
99	/* Override Bootstrap alert.alert-info */
100	.alert-info {
101	background: #f4f6fa; /* Old browsers */
102	background: -moz-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
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;
111	}
112
113	/* Override Bootstrap alert.alert-success */
114	.alert-success {
115	background: #f8ffe8; /* Old browsers */
116	background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
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;
125	}
126	#members p {
127	color : #EEE;
128	}
129
130	#members a {
131	color: #A6D8ED;
132	font-weight: bold;
133	}
134
135	#members a.logout {
136	color : #E8583C;
137	padding : 0 .3em 0 .3em;
138	}
139
140	.inline {
141	display: inline;
142	}
143
144	i.icon {
145	background-repeat: no-repeat;
146	display: inline-block;
147	height: 16px;
148	line-height: 16px;
149	margin-right: 3px;
150	vertical-align: text-top;
151	width: 16px;
152	}
153
154	i.back {
155	background : transparent url("../lib/famfamfam/silk/arrow_left.png") no-repeat 0 0;
156	}
157
158	i.return {
159	background : transparent url("../lib/famfamfam/silk/book_previous.png") no-repeat 0 0;
160	}
161
162	i.renew {
163	background : transparent url("../lib/famfamfam/silk/arrow_refresh.png") no-repeat 0 0;
164	}
165
166	i.cancel {
167	background : transparent url("../lib/famfamfam/silk/cancel.png") no-repeat 0 0;
168	}
169
170	i.finish {
171	background : transparent url("../lib/famfamfam/silk/stop.png") no-repeat 0 0;
172	}
173
174	i.help {
175	background : transparent url("../lib/famfamfam/silk/help.png") no-repeat 0 0;
176	}
177
178	.table .sorting_asc {
179	padding-right: 19px;
180	background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
181	}
182	.table .sorting_desc {
183	padding-right: 19px;
184	background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
185	}
186	.table .sorting {
187	padding-right: 19px;
188	background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
189	}
190	.table .nosort,
191	.table .nosort.sorting_asc,
192	.table .nosort.sorting_desc,
193	.table .nosort.sorting {
194	padding-right: 19px;
195	background: #EEEEEE none;
196	}
197
198	#sci_logout {
199	color: #E8583C;
200	}
201
202	#sci_checkin_button, #sci_refresh_button, #sci_append_button {
203	margin-bottom: 10px;
204	}
205
206	#sci_refresh_button {
207	color: rgb(51, 51, 51);
208	}