From 9a345fb76e91f265c1b85d3e73255ad0ae3288a5 Mon Sep 17 00:00:00 2001
From: Dragan Babic <babicdragan+mba@gmail.com>
Date: Tue, 2 Apr 2013 20:21:14 +0200
Subject: [PATCH] Adding back the valid class. CLeaning up the error/ok
 messages.

---
 css/style.uni-form.css |  25 +++++++++++++++++++++----
 demos/fauxform.html    |   6 +++---
 img/ok.png             | Bin 468 -> 477 bytes
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/css/style.uni-form.css b/css/style.uni-form.css
index 65d31cd..69282bf 100644
--- a/css/style.uni-form.css
+++ b/css/style.uni-form.css
@@ -250,9 +250,11 @@
     border-radius: 3px;
   }
 
+/* Holder error */
+
 .uni-form .ctrl-holder.error,
 .uni-form .ctrl-holder.focused.error {
-  background: #ffdfdf;
+  background-color: #ffdfdf;
   border-color: #f3afb5;
 }
 
@@ -260,9 +262,7 @@
     .uni-form .ctrl-holder.error select.error,
     .uni-form .ctrl-holder.error textarea.error {
       color: #af4c4c;
-      margin: 0 0 6px 0;
-      padding: 4px;
-      border: 1px solid #c55f68;
+      border-color: #c55f68;
     }
 
 /* Success messages at the top of the form */
@@ -279,3 +279,20 @@
     .uni-form #okMsg p {
       margin: 0
     }
+
+/* Holder valid input */
+
+.ctrl-holder.valid {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAABpElEQVRIiWNgGAWDAfTvV+2vX6W0/v//UAN0OUZqWbLsoV7BodXv+mF8fUeexkzjGw0wPhM1LPn/v0LhyLp39chiF/d/qUf2GTM1LPqp/GT99y//NJDF2DiZHniZHa+E8Sn20bKHegUfXv1xQBefmGUeiMynyKL//0MNkOMFBvQdeRoZGVdfQBajKOi+yHzd/vvnfwlkMW5+5gvVPncj0dWS7aPpZzUavn78i5GMe1LMErGpJ8ui//9DDS7u/1KPLo4tyGAAI+j+/w81+Kn8bXndaiXGxU3PsWoiJchgAMVH//+HGmRPOL7/w6s/DusmvJq/649RAroGUoMMq0XZE47v//eXQQDGR7eMnCDDahE2ALPs///7AiVzTs1HlxcQYzmAXNTgAihlHSzokH2FbCB6xmRiZvgwtSDGkJGx4wEhi1B8xMi4+sLUAktHJmaGD+gKseV+myChRmIswbCIkGXIQECM5UCU/KUJxFiC1SJiLGNiZvjQHhuBN5URZREhy0gJMoIW4bKM1CAjCfz/H2pQv0ppfesW5fn//9/HSJGjgKYAAELOyUHrhNdJAAAAAElFTkSuQmCC);
+  background-position: 99% 1em;
+  background-repeat: no-repeat;
+  background-size: 18px auto;
+}
+  
+  .ctrl-holder.valid .input-text,
+  .ctrl-holder.valid .input-select,
+  .ctrl-holder.valid textarea,
+  .ctrl-holder.valid select {
+    border-color: #88a24f;
+    color: #88a24f;
+  }
\ No newline at end of file
diff --git a/demos/fauxform.html b/demos/fauxform.html
index 08a6840..df0d139 100755
--- a/demos/fauxform.html
+++ b/demos/fauxform.html
@@ -84,9 +84,9 @@ <h2 class="uni-form-title">Form Title</h2>
 
           <h3>Default Form Field Layout</h3>
 
-          <div class="ctrl-holder">
+          <div class="ctrl-holder valid">
             <label for=""><em>*</em> Default text input</label>
-            <input name="" id="" data-default-value="Placeholder text" size="35" maxlength="50" type="text" class="input-text large"/>
+            <input name="" id="" data-default-value="Placeholder text" size="35" maxlength="50" type="text" class="input-text" value="Valid value">
             <p class="form-hint">This is a form hint.</p>
           </div>
 
@@ -98,7 +98,7 @@ <h3>Default Form Field Layout</h3>
           
           <div class="ctrl-holder error" id="error1">
             <label for=""><em>*</em> Medium text input</label>
-            <input name="" id="" value="Invalid value" size="35" maxlength="50" type="text" class="input-text medium error"/>
+            <input name="" id="" data-default-value="Placeholder text" value="Invalid value" size="35" maxlength="50" type="text" class="input-text medium error"/>
             <p class="form-hint">.medium on .input-text</p>
           </div>
           
diff --git a/img/ok.png b/img/ok.png
index 5f889334be087ae278b140b01e3c9eadb22838d2..819595e7d19afa37409e6baeb73e836a12fe12c0 100644
GIT binary patch
literal 477
zcmV<30V4j1P)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F0004`Nkl<ZNQq-$
z7zKj?^zT>guV1CK{{R0_19Uk?YFV=Ep<cnE)$jUYe0@ir#!TZI4KO|vH7xo6ze3^2
zx_9-+Vi)&+sYmu1Gc_#wsr+R9_b>l6kj2<InI3qV9j}D(DfZE_hk6AcUj1=E7oV7A
z9*E4R$fE!MLk*DQ1qSpTc^VlRS6@IDqbTUU$b8-Y`{#cNWHD}j<_pz6cO%i&lI^4E
zXEhqWe*BA(jC)ed60xZ#%cB4PLk%wO|5A@GjxESw03+!B{|`0zsr+qu-D)Mq#ZAw#
zY9b}bU;xEO|Nn;?WKTH0|HG?44(leon!oFhQ3ARKQiBYuMcEUM@BjCgK>)@_w~U-1
z!)g&W0JH4>|N8<Zb56}imlqIYIe=W$-~uRR9W3aOeT8fwdd6g8X816*AjXi9vEu<D
zi%@*T$hi8#)B;OKCT4~Y=nAprew!enMq(_%u!xXl$Us1h<v^7Dr3u7Xg4H5oEMsD3
z_|P63fj5;AWf39ENC`567U8mt)F2}X{Qn<nP`^rPed`wG`Tzgl$4HT*fTjQdLe9xS
T>x9=y00000NkvXXu0mjfETQ1p

literal 468
zcmV;_0W1EAP)<h;3K|Lk000e1NJLTq000gE000gM1^@s6A4o0H0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzc1c7*RCwBAoV-br0SSl#aUBo`0<kny
z>=6*J0pcbg{s>dZgro_i_$m<RAZY>tIUp{A%6Xt`Oa|h0P#bXpkYU@Q7JxM>0`WAQ
z%KtMl{QsuR!0?X^Cb9@*0Z3yS5VK*|#mK<$&Wk~wvy_4PT{ujT2joH)nAKpzKN$l}
z=3rptKMvIMkKz9tF9v7x0tPKDErusgj2JeYUkp>~%>s2Q80g8AFtD?;Gn~1)66nIu
zKuv{UO(1aZ!wh7nsDm{Ah4G|RJ}{_C`!h&NN-})?`W3F}@ReGIOZVp?Yy1n+coT>X
zK)l`O^BMjFp_+UETm?we#rt#7J%0@pILlzXfB%0m>^Wb+aOc@(hX4QnG912Ik4+N@
ztYieH98f6TLyki>W<dsVAw7o2uMc9=1WHM&ARE5`aRd<mg30{)`yQ7jklIj?5?IRF
z2gD{od<sv>0hy!+Q^SHJaT$oMfH(mfw-QkCr_e;c7}*qn00RK^A!(}=TFq_%0000<
KMNUMnLSTXoTfgrB