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%;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+}
+
+#timeout {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin-left: -10em;
+ margin-top: -5em;
+ width: 10em;
height: 5em;
+ background: #ff8;
+ padding: 2em;
+ border: 0.5em solid #f00;
}
</style>
<h1>Knjižnica Filozofskog fakulteta</h1>
+<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">
<!--
<h2>Dokumenti</h2>
<ul>
-<li>Posuđeno: <span class="hold_items">0</span>
-<li>Kašnjenje: <span class="overdue_items">0</span>
-<!-- Koha doesn't support charged items or fine items
-<li>Trenutno rezervacija: 0
-<li>Spremno za podizanje: 0
--->
+<li>Hold items: <span class="hold_items">0</span>
+<li>Overdue items: <span class="overdue_items">0</span>
+<li>Charged items: <span class="charged_items">0</span>
+<li>Fine items: <span class="fine_items">0</span>
</ul>
<h2>Dugovanje</h2>
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>