better client-side form validation; layout tweaks

[chaz/chatty] / root / static / css / common.css

diff --git a/root/static/css/common.css b/root/static/css/common.css
index ff89b5b6774fbf8ac726a2936b43eb29ad32de8f..6474f5bda4a7991fca885e05a8876ee15736a3fe 100644 (file)
--- a/root/static/css/common.css
+++ b/root/static/css/common.css
@@ -23,7 +23,7 @@ a:hover {
 }
 
 label {
-       width: 100px;
+       width: 150px;
        float: left;
 }
 
@@ -41,7 +41,7 @@ label {
 
 #outer {
        margin: 0 auto 0 auto;
-       width: 640px;
+       width: 720px;
        border: 2px solid black;
        background: #99c;
 }
@@ -50,6 +50,7 @@ label {
        margin: 5px;
        padding: 10px;
        border: 2px solid black;
+       border-radius: 5px;
        background: white;
 }
 
@@ -62,7 +63,7 @@ label {
 }
 
 #footer {
-       padding: 0;
+       padding: 10px 0 0 0;
        height: 31px;
        line-height: 31px;
        font-size: 0.8em;
@@ -92,25 +93,11 @@ label {
 
 /* error message */
 .error {
-       /* supply height to ensure consistent positioning for every browser */
-       height:15px;
-       background-color:#FFFE36;
-       border:1px solid #E1E16D;
-       font-size:11px;
-       color:#000;
-       padding:3px 10px;
-       margin-left:-2px;
-
-
-       /* CSS3 spicing for mozilla and webkit */
-       -moz-border-radius:4px;
-       -webkit-border-radius:4px;
-       -moz-border-radius-bottomleft:0;
-       -moz-border-radius-topleft:0;
-       -webkit-border-bottom-left-radius:0;
-       -webkit-border-top-left-radius:0;
-
-       -moz-box-shadow:0 0 6px #ddd;
-       -webkit-box-shadow:0 0 6px #ddd;
+       background: #c66;
+}
+
+form div {
+       height: 32px;
+       line-height: 32px;
 }