Adjust the design of the XUL staff client patron registration screen

    1. Increase the font size.
    2. Right Justify the labels with the fields.
    3. Bold the labels.
    4. Add a colon after the labels.
    5. Underline each row.
    6. Increase the width of the input fields.
    7. Set a max width for labels, so long labels don't take up too
       much room.
    8. Set an opaque white background on the save dialog div.

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

diff --git a/Open-ILS/web/css/skin/default/register_custom.css b/Open-ILS/web/css/skin/default/register_custom.css
new file mode 100644 (file)
index 0000000..07a6d3b
--- /dev/null
+++ b/Open-ILS/web/css/skin/default/register_custom.css
@@ -0,0 +1,46 @@
+#uedit-tbody tr {
+  border-bottom: 2px solid #e0e0e0;
+  font-size: 110%;
+}
+
+/* Attempt to color every other row
+   But because hidden rows are included
+   this doesn't work very well.
+#uedit-tbody tr:nth-child(even) {
+  background-color: #CC9999;
+}
+*/
+
+#uedit-tbody td:nth-child(2) {
+  width: 210px;
+  text-align: right;
+  font-weight: bold;
+}
+
+#uedit-tbody td:nth-child(2):after {
+  content: ":";
+}
+
+
+#uedit-tbody .dijitTextBox {
+  width: 20em;
+}
+
+#uedit-tbody .dijitComboBox {
+  width: 20em;
+}
+
+
+td.uedit-help {
+  border:0px;
+}
+
+#uedit-save-div {
+  background-color: rgba(255,255,255,0.7);
+}
+
+#userSettings {
+  font-weight: bold;
+  font-size: 120%;
+
+}