nicer display of form inputs

diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css
index 7e5472e..6ab48c5 100644 (file)
--- a/planetlab/css/plc_style.css
+++ b/planetlab/css/plc_style.css
@@ -1,7 +1,4 @@
-/* $Id$ */
-
 /* expanding links */
-
 .example {
     padding:10px; 
     color:#000; 
@@ -25,6 +22,26 @@ body {
     position: relative;
 }
 
+.bold {
+    font-weight: bold;
+}
+
+/* -------------------- 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;
+    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'] 
+*/
+
+/* -------------------- errors & warnings */
 .plc-warning {
     padding:    4px;
     background:  #ffa223; 
@@ -79,9 +96,6 @@ p.node_download {
     font-size: larger;
 }
 
-.bold {
-    font-weight: bold;
-}
 #download_button, #slice_add_button {
     text-align:center;
 }

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