LARL Custom CSS changes for readability and touch screen enhancements.

Signed-off-by: Josh Stompro <stompro@stompro.org>

diff --git a/Open-ILS/web/css/skin/default/selfcheck.css b/Open-ILS/web/css/skin/default/selfcheck.css
index 37b8dff..d8bfe9e 100644 (file)
--- a/Open-ILS/web/css/skin/default/selfcheck.css
+++ b/Open-ILS/web/css/skin/default/selfcheck.css
@@ -1,7 +1,7 @@
 
 body {
     font-family: Arial, Verdana;
-    font-size: 13px;
+    font-size: 14px;
 }
 
 #oils-selfck-top-div {
@@ -15,18 +15,23 @@ body {
     background: -ms-linear-gradient(top,  #00593d 0%,#007a54 100%); /* IE10+ */
     background: linear-gradient(to bottom,  #00593d 0%,#007a54 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00593d', endColorstr='#007a54',GradientType=0 ); /* IE6-8 */
-    padding-top: 20px;
+    /* padding-top: 20px; */
     /*margin: 2px;*/
     /*border: 1px solid #888;*/
     text-align: center;
     font-weight:bold;
 }
 
+#oils-selfck-dummy-a {
+    color: #00593d;
+}
+
 #oils-selfck-user-banner {
     position:fixed;
-    top:30px;
+    top:9px;
     /*right:30px;*/
     color: white;
+    font-size: 25px;
 }
 
 #oils-selfck-logo-div {
@@ -34,7 +39,7 @@ body {
 }
 
 #oils-selfck-scan-text {
-    font-size: 16px;
+    font-size: 27px;
     background: none repeat scroll 0 0 #252525;
     color: white;
     padding: 10px;
@@ -42,7 +47,7 @@ body {
 
 #oils-selfck-bottom-div {
     width: 98%;
-    padding: 10px;
+    padding: 5px;
 }
 
 #oils-self-circ-pic-cell {
@@ -76,13 +81,13 @@ body {
 
 
 #oils-selfck-content-div {
-    width: 70%;
+    width: 73%;
     position: float;
     float: left;
 }
 
 #oils-selfck-summary-div {
-    width: 28%;
+    width: 26%;
     float: right;
     /*border-left: 1px solid #888;*/
 }
@@ -90,14 +95,14 @@ body {
 #oils-selfck-content-header {
     text-align: right;
     width: 100%;
-    margin-top: 18px;
+    margin-top: 13px;
 }
 #oils-selfck-content-header span {
     padding-left: 5px;
 }
 
 #oils-selfck-info-nav {
-    margin: 15px 10px 15px 10px;
+    margin: 10px 10px 15px 10px;
     padding: 8px;
 }
 
@@ -135,6 +140,7 @@ body {
     color: #00593d;
     background-color: white;
     font-weight: bold;
+    font-size: large;
 }
 
 #oils-selfck-circ-info-div div {
@@ -148,6 +154,7 @@ body {
     font-weight: bold;
     vertical-align: middle;
     color: red;
+    font-size: 25px;
 }
 
 #oils-selfck-cc-payment-summary {
@@ -163,9 +170,10 @@ body {
     color: #FBF9F9;
     font-weight: bold;
     letter-spacing: 1px;
-    font-size: 94%;
+    font-size: 130%;
     text-shadow: 1px 1px 1px #555555;
     cursor: pointer !important;
+    -moz-border-radius: 12px;
     border-radius: 12px;
     border: 1px solid #007a54;
     background: linear-gradient(#007a54, #00593d);
@@ -174,6 +182,7 @@ body {
     background: -webkit-linear-gradient(#007a54, #00593d);
     background-color: #00593d;
     padding: 5px 10px 6px;
+    margin-bottom: 8px;
     outline: 0 none;
     text-decoration: none;
 }
@@ -212,8 +221,8 @@ A {
 
 #dijit_form_TextBox_0 {
    padding: 5px;
-   height: 28px;
-   font-size: 16px;
+   height: 30px;
+   font-size: 36px;
    box-shadow:         inset 0 0 8px #ADADB2;
    border-radius: 12px;
 }
@@ -226,5 +235,5 @@ input[type=checkbox]
   -webkit-transform: scale(2.3); /* Safari and Chrome */
   -o-transform: scale(2.3); /* Opera */
   padding: 10px;
-  transform: scale(1.5);
+  transform: scale(2.3);
 }