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 dec13c438a48bb275922f9d30eb449b19f4b78d7..6474f5bda4a7991fca885e05a8876ee15736a3fe 100644 (file)
--- a/root/static/css/common.css
+++ b/root/static/css/common.css
@@ -22,6 +22,11 @@ a:hover {
        border-bottom: 1px dotted blue;
 }
 
+label {
+       width: 150px;
+       float: left;
+}
+
 
 .left {
        float: left;
@@ -36,7 +41,7 @@ a:hover {
 
 #outer {
        margin: 0 auto 0 auto;
-       width: 640px;
+       width: 720px;
        border: 2px solid black;
        background: #99c;
 }
@@ -45,6 +50,7 @@ a:hover {
        margin: 5px;
        padding: 10px;
        border: 2px solid black;
+       border-radius: 5px;
        background: white;
 }
 
@@ -52,26 +58,46 @@ a:hover {
        font-size: 1.3em;
 }
 
+#inner h2 {
+       font-size: 1.2em;
+}
+
 #footer {
-       padding: 0;
+       padding: 10px 0 0 0;
        height: 31px;
        line-height: 31px;
        font-size: 0.8em;
 }
 
 #error {
+       line-height: 24px;
        margin: 5px;
-       padding: 10px;
+       padding: 10px 0 10px 44px;
        border: 2px solid black;
-       background: white;
+       background: white url('../img/warning.png') 10px 50% no-repeat;
+       display: none;
+       cursor: pointer;
        color: red;
        font-weight: bold;
 }
 
 #message {
+       line-height: 24px;
        margin: 5px;
-       padding: 10px;
+       padding: 10px 0 10px 44px;
        border: 2px solid black;
-       background: white;
+       background: white url('../img/info.png') 10px 50% no-repeat;
+       display: none;
+       cursor: pointer;
+}
+
+/* error message */
+.error {
+       background: #c66;
+}
+
+form div {
+       height: 32px;
+       line-height: 32px;
 }