barbass: правка стилей (eterbug #1511)

default.php

@@ -8,14 +8,14 @@
         <p id="e_typos_desc">Выделите текст и нажмите кнопку "Отправить"</p>
         
         <p>
-            <nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activefield'"  size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
+            <nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
         </p>
           
         <p id="e_typos_error"></p>
         
         <p>     
-			<input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.post_data();" />
-			<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.close();" />
+			<input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_button" onclick="ETY.post_data();" />
+			<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_button" onclick="ETY.close();" />
 		</p>
     
 </div>

test.php

@@ -50,16 +50,11 @@
 	    padding: 3px;
 	}
     
-    .e_typos_activefield  {
-        background-color: #ffffff !important;
-        border: 1px solid #f01717;
-    }
-    
     #e_typos_error  {
         display: none;  
     }
     
-    .e_typos_idle  {
+    .e_typos_button  {
         border-radius: 10px;
 	    border: 1px solid #d0d0d0;
 	    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
@@ -70,7 +65,7 @@
 		background-color:#FFFFFF !important;
     }
     
-    .e_typos_activebutton  {
+    .e_typos_button:hover  {
         border: 1px solid #d0d0d0;
         background-color:#DDDDDD !important;
         border-radius: 10px; 
@@ -88,14 +83,14 @@
         <p id="e_typos_desc">Выделите текст и нажмите кнопку "Отправить"</p>
         
         <p>
-           <nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" class="e_typos_idle" onblur="this.className='e_typos_idle'" onfocus="this.className='e_typos_activefield'"  size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
+           <nobr>Комментарий: <input type="text" id="e_typos_comment" name="e_typos_comment" size='19' maxlength="50" placeholder="Должна быть буква..."/></nobr>
         </p>
           
         <p id="e_typos_error"></p>
         
         <p>     
-			<input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.post_data();" />
-			<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_idle" onblur="this.className='e_typos_idle'" onmouseup="this.className='e_typos_idle'" onmousedown="this.className='e_typos_activebutton'" onclick="ETY.close();" />
+			<input type="button" title="Отправить сообщение об опечатке" value="Отправить" class="e_typos_button" onclick="ETY.post_data();" />
+			<input type="button" title="Закрыть окно" value="Закрыть" class="e_typos_button" onclick="ETY.close();" />
 		</p>
         
 </div>

typos.css

@@ -43,16 +43,11 @@
 	    padding: 3px;
 	}
     
-    .e_typos_activefield  {
-        background-color: #ffffff !important;
-        border: 1px solid #f01717;
-    }
-    
     #e_typos_error  {
         display: none;  
     }
     
-    .e_typos_idle  {
+    .e_typos_button  {
         border-radius: 10px;
 	    border: 1px solid #d0d0d0;
 	    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2));
@@ -63,7 +58,7 @@
 		background-color:#FFFFFF !important;
     }
     
-    .e_typos_activebutton  {
+    .e_typos_button:hover {
         border: 1px solid #d0d0d0;
         background-color:#DDDDDD !important;
         border-radius: 10px;