From 8fa4bab1dfd166fd567f2b1a3910f0628c6278e7 Mon Sep 17 00:00:00 2001 From: raylu Date: Sat, 16 Jul 2011 23:29:34 -0700 Subject: form styling --- webroot/css/themes/light.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'webroot/css/themes') diff --git a/webroot/css/themes/light.css b/webroot/css/themes/light.css index b3b95ae..677557a 100644 --- a/webroot/css/themes/light.css +++ b/webroot/css/themes/light.css @@ -48,6 +48,28 @@ a.gradient:hover { color: #fff; } +form input, form textarea, form select { + background: #f7f7f7; + background: -moz-linear-gradient(top, #eee, #fff); + background: -webkit-linear-gradient(top, #eee, #fff); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#fff'); +} +input[type="button"], input[type="submit"], button { + background: #ddd; + background: -moz-linear-gradient(top, #ddd, #eee); + background: -webkit-linear-gradient(top, #ddd, #eee); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#eee'); +} +form input:focus, form textarea:focus, select:focus { + border-color: #88c; +} +input[type="button"]:hover, input[type="submit"]:hover, button:hover { + background: #eee; + background: -moz-linear-gradient(top, #e0e0e0, #f7f7f7); + background: -webkit-linear-gradient(top, #e0e0e0, #f7f7f7); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f7f7f7'); +} + footer { color: #666; } -- cgit v1.2.3