X-Git-Url: http://git.rot13.org/?a=blobdiff_plain;f=examples%2Fselfcheck.html;h=3d576b8cd35f2af3b857f09de66b37bb1b8acc92;hb=3935574aa2bfcef6e6f54b5eaacfb0fa9c4f93e9;hp=5aa1012541721d50a3d996ad2f7361f612574b5a;hpb=431ef752883869816f880f431349bdab07728bc0;p=Biblio-RFID.git diff --git a/examples/selfcheck.html b/examples/selfcheck.html index 5aa1012..3d576b8 100644 --- a/examples/selfcheck.html +++ b/examples/selfcheck.html @@ -8,11 +8,16 @@ body, input { font-family: 'Roboto', sans-serif; - background: #eee; - font-size: 150%; + font-size: 110%; + /* disable selection which brings havoc on touchscreens */ + -webkit-user-select: none; + -moz-user-select: -moz-none; + -ms-user-select: none; + user-select: none; } body { + background: #f0f0ff; margin: 2em; } @@ -43,10 +48,34 @@ body { } 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: -8em; /* width + 2 * padding / 2 */ + margin-top: -2.5em; + width: 12em; height: 5em; + background: #ff8; + padding: 2em; + border: 0.5em solid #f00; + text-align: center; } @@ -61,6 +90,14 @@ RFID reader not found or driver program not started.