body, input {
font-family: 'Roboto', sans-serif;
- background: #eee;
- font-size: 150%;
+ font-size: 120%;
}
body {
+ background: #f0f0ff;
margin: 2em;
}
}
input[type=button] {
+ display: block;
+ float: left;
+ width: 100%;
+ height: 3em;
+}
+
+.button {
margin-top: 1em;
display: block;
width: 100%;
- height: 5em;
+ position: absolute;
+ left: 0;
+ bottom: 0;
}
#timeout {
left: 50%;
margin-left: -10em;
margin-top: -5em;
- width: 20em;
- height: 10em;
+ width: 10em;
+ height: 5em;
background: #ff8;
padding: 2em;
border: 0.5em solid #f00;
<div id="timeout">
Timeout in <span id="tick">99</span> seconds.
+<div class="button">
<input type=button value="continue" onClick="start_timeout();">
</div>
+</div>
<div class="page" id="start">
Ako želite vratiti knjigu, pristisnite ovaj gumb.
+<div class="button">
<input name=checkin type=button value="Povrat" onClick="change_page('checkin')">
</div>
+</div>
<div class="page" id="borrower_info">
<!--
Greeting from Koha.
+<div class="button">
<input type="button" value="OK" onClick="change_page(circulation_type)">
-
+</div>
</div>
Dokumenata: <span id="books_count">0</span>
-<div style="display: block">
-<input type="button" value="Završi" onClick="change_page('end')">
+<div class="button">
<input class="checkout" type="button" value="Informacije o članu" onClick="change_page('borrower_info')">
+<input type="button" value="Završi" onClick="change_page('end')">
</div>
</div>