From 0592a880b67b642c85313933f6b908eeec2dfc74 Mon Sep 17 00:00:00 2001 From: Thierry Parmentelat Date: Tue, 31 Aug 2010 13:07:17 +0200 Subject: [PATCH] nicer display of form inputs --- planetlab/css/plc_style.css | 26 ++++++++++++++++++++------ planetlab/icons/form_input_bg.png | Bin 0 -> 264 bytes 2 files changed, 20 insertions(+), 6 deletions(-) create mode 100644 planetlab/icons/form_input_bg.png diff --git a/planetlab/css/plc_style.css b/planetlab/css/plc_style.css index 7e5472e..6ab48c5 100644 --- 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 index 0000000000000000000000000000000000000000..1f4dd1fbdb2e6711e62f700895bd2f199f4dc647 GIT binary patch literal 264 zcmV+j0r&oiP)Px#1ZP1_K>z@;j|==^1poj5AY({UO#lFTCIA3{ga82g0001h=l}q9FaQARU;qF* zm;eA5aGbhPJOBUy7<5HgbW?9;ba!ELWdKlNX>N2bPDNB8b~7$9Fmkdbk^lezVo5|n zR47xm$Vm=@Pyhtc=KjZ&K#Vep@Mp@n>$ta)x2f(n1>}8)Q$Gish9%%Mt`VpE7IAvK z5>C%O;WWQ9PV13z+RlR09tuuJtT>&i;uLekDVK&*sTWSIT{!X6U&aUZ`f6|Ngx#V5 O0000