outline disabled form fields

diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css
index 6ab48c5..e845e01 100644 (file)
--- a/planetlab/css/plc_style.css
+++ b/planetlab/css/plc_style.css
@@ -28,18 +28,20 @@ body {
 
 /* -------------------- inputs in forms */
 /* don't mess with other types of input, e.g. buttons might get affected */
-input[type="text"], textarea
-{
-    border: solid 1px #85b1de;
+input[type="text"], textarea {
+    border: solid 1px #444;
     background-image: url( '/planetlab/icons/form_input_bg.png' );
     background-repeat: repeat-x;
     background-position: top;
 }
 
-/*
-xxx todo - - tweak the layout of disabled fields
-st like [disabled="disabled'] 
-*/
+/* make disabled fields more obvious */
+input[type="text"][disabled], textarea[disabled] {
+    border: solid 1px #f8f8f8;
+    background-image: url( '/planetlab/icons/form_input_disabled.png' );
+    background-repeat: repeat-x;
+    background-position: top;
+}
 
 /* -------------------- errors & warnings */
 .plc-warning {

diff --git a/planetlab/icons/form_input_disabled.png b/planetlab/icons/form_input_disabled.png
new file mode 100644 (file)
index 0000000..c0b06e8
Binary files /dev/null and b/planetlab/icons/form_input_disabled.png differ