From ed89c2b10099183d6adb804dd918fda6e27a1243 Mon Sep 17 00:00:00 2001 From: Thierry Parmentelat Date: Tue, 31 Aug 2010 14:52:33 +0200 Subject: [PATCH] outline disabled form fields --- planetlab/css/plc_style.css | 16 +++++++++------- planetlab/icons/form_input_disabled.png | Bin 0 -> 269 bytes 2 files changed, 9 insertions(+), 7 deletions(-) create mode 100644 planetlab/icons/form_input_disabled.png diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css index 6ab48c5..e845e01 100644 --- 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 index 0000000000000000000000000000000000000000..c0b06e858051f20f32410e69e8d0225a7043791e GIT binary patch literal 269 zcmV+o0rLKdP)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2igc9 z3^M{$1Z0^20050iL_t&-(@l^u76U;DLO)rfIqtSO{611>X2wnh1ogddV}k^kxULtN zRgqahgFr-Pf@W=qtlD_HDN@TA6IsbwQCaJV#73Cbj;xx-7>M^FDooU(7`3r#a$6lsLYk4tyi57L(lX0Z>q1^J|FZ0UZpu4 T>&LbP00000NkvXXu0mjf%qn5+ literal 0 HcmV?d00001 -- 2.47.0