add register template; improved message feedback

[chaz/chatty] / root / static / css / validationEngine.jquery.css

diff --git a/root/static/css/validationEngine.jquery.css b/root/static/css/validationEngine.jquery.css
new file mode 100755 (executable)
index 0000000..5500bee
--- /dev/null
+++ b/root/static/css/validationEngine.jquery.css
@@ -0,0 +1,142 @@
+.inputContainer {\r
+       position: relative;\r
+       float: left;\r
+}\r
+\r
+.formError {\r
+       position: absolute;\r
+       top: 300px;\r
+       left: 300px;\r
+       display: block;\r
+       z-index: 5000;\r
+       cursor: pointer;\r
+}\r
+\r
+.ajaxSubmit {\r
+       padding: 20px;\r
+       background: #55ea55;\r
+       border: 1px solid #999;\r
+       display: none\r
+}\r
+\r
+.formError .formErrorContent {\r
+       width: 100%;\r
+       background: #ee0101;\r
+       position:relative;\r
+       z-index:5001;\r
+       color: #fff;\r
+       width: 150px;\r
+       font-family: tahoma;\r
+       font-size: 11px;\r
+       border: 2px solid #ddd;\r
+       box-shadow: 0 0 6px #000;\r
+       -moz-box-shadow: 0 0 6px #000;\r
+       -webkit-box-shadow: 0 0 6px #000;\r
+       padding: 4px 10px 4px 10px;\r
+       border-radius: 6px;\r
+       -moz-border-radius: 6px;\r
+       -webkit-border-radius: 6px;\r
+}\r
+\r
+.greenPopup .formErrorContent {\r
+       background: #33be40;\r
+}\r
+\r
+.blackPopup .formErrorContent {\r
+       background: #393939;\r
+       color: #FFF;\r
+}\r
+\r
+.formError .formErrorArrow {\r
+       width: 15px;\r
+       margin: -2px 0 0 13px;\r
+  position:relative;\r
+  z-index: 5006;\r
+}\r
+\r
+.formError .formErrorArrowBottom {\r
+  box-shadow: none;\r
+  -moz-box-shadow: none;\r
+  -webkit-box-shadow: none;\r
+       margin: 0px 0 0 12px;\r
+  top:2px;\r
+}\r
+\r
+.formError .formErrorArrow div {\r
+       border-left: 2px solid #ddd;\r
+       border-right: 2px solid #ddd;\r
+       box-shadow: 0 2px 3px #444;\r
+       -moz-box-shadow: 0 2px 3px #444;\r
+       -webkit-box-shadow: 0 2px 3px #444;\r
+       font-size: 0px;\r
+       height: 1px;\r
+       background: #ee0101;\r
+       margin: 0 auto;\r
+       line-height: 0;\r
+       font-size: 0;\r
+       display: block;\r
+}\r
+\r
+.formError .formErrorArrowBottom div {\r
+  box-shadow: none;\r
+  -moz-box-shadow: none;\r
+  -webkit-box-shadow: none;\r
+}\r
+\r
+.greenPopup .formErrorArrow div {\r
+       background: #33be40;\r
+}\r
+\r
+.blackPopup .formErrorArrow div {\r
+       background: #393939;\r
+       color: #FFF;\r
+}\r
+\r
+.formError .formErrorArrow .line10 {\r
+       width: 15px;\r
+       border: none;\r
+}\r
+\r
+.formError .formErrorArrow .line9 {\r
+       width: 13px;\r
+       border: none;\r
+}\r
+\r
+.formError .formErrorArrow .line8 {\r
+       width: 11px;\r
+}\r
+\r
+.formError .formErrorArrow .line7 {\r
+       width: 9px;\r
+}\r
+\r
+.formError .formErrorArrow .line6 {\r
+       width: 7px;\r
+}\r
+\r
+.formError .formErrorArrow .line5 {\r
+       width: 5px;\r
+}\r
+\r
+.formError .formErrorArrow .line4 {\r
+       width: 3px;\r
+}\r
+\r
+.formError .formErrorArrow .line3 {\r
+       width: 1px;\r
+       border-left: 2px solid #ddd;\r
+       border-right: 2px solid #ddd;\r
+       border-bottom: 0 solid #ddd;\r
+}\r
+\r
+.formError .formErrorArrow .line2 {\r
+       width: 3px;\r
+       border: none;\r
+       background: #ddd;\r
+}\r
+\r
+.formError .formErrorArrow .line1 {\r
+       width: 1px;\r
+       border: none;\r
+       background: #ddd;\r
+}