From b2f7f556e7578b04ee5ee6948aabccefbc08006e Mon Sep 17 00:00:00 2001
From: Nicolas Stepien <mayhemydg@gmail.com>
Date: Sun, 1 Jan 2012 16:58:21 +0100
Subject: [PATCH] Gecko fixes.

---
 4chan_x.user.js | 8 ++++++--
 script.coffee   | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/4chan_x.user.js b/4chan_x.user.js
index 79dd61046..fdd3c3564 100644
--- a/4chan_x.user.js
+++ b/4chan_x.user.js
@@ -1301,7 +1301,6 @@
 }\
 .field {\
   border: 1px solid #CCC;\
-  box-sizing: border-box;\
   color: #333;\
   font: 13px sans-serif;\
   margin: 0;\
@@ -1312,6 +1311,10 @@
   -o-transition: color .25s, border .25s;\
   transition: color .25s, border .25s;\
 }\
+.field:-moz-placeholder,\
+.field:hover:-moz-placeholder {\
+  color: #AAA;\
+}\
 .field:hover, .field:focus {\
   border-color: #999;\
   color: #000;\
@@ -1336,6 +1339,7 @@ textarea.field {\
   width: 80%;\
 }\
 #qr [type=submit] {\
+  padding: 0 -moz-calc(1px); /* Gecko does not respect box-sizing: border-box */\
   width: 20%;\
 }\
 </style>\
@@ -1348,7 +1352,7 @@ textarea.field {\
 <form>\
   <div><input id=dump class=field type=button title="Dump mode" value=+><input name=name title=Name placeholder=Name class=field size=1><input name=email title=E-mail placeholder=E-mail class=field size=1><input name=subject title=Subject placeholder=Subject class=field size=1></div>\
   <div id=replies></div>\
-  <div><textarea title=Comment placeholder=Comment class=field></textarea><div>\
+  <div><textarea title=Comment placeholder=Comment class=field></textarea></div>\
   <div class=captcha><img></div>\
   <div><input name=captcha title=Verification placeholder=Verification class=field size=1></div>\
   <div><input type=file name=upfile multiple><input type=submit value=Submit></div>\
diff --git a/script.coffee b/script.coffee
index f46dbf90a..26a7331d2 100644
--- a/script.coffee
+++ b/script.coffee
@@ -966,7 +966,6 @@ qr =
 }
 .field {
   border: 1px solid #CCC;
-  box-sizing: border-box;
   color: #333;
   font: 13px sans-serif;
   margin: 0;
@@ -977,6 +976,10 @@ qr =
   -o-transition: color .25s, border .25s;
   transition: color .25s, border .25s;
 }
+.field:-moz-placeholder,
+.field:hover:-moz-placeholder {
+  color: #AAA;
+}
 .field:hover, .field:focus {
   border-color: #999;
   color: #000;
@@ -1001,6 +1004,7 @@ textarea.field {
   width: 80%;
 }
 #qr [type=submit] {
+  padding: 0 -moz-calc(1px); /* Gecko does not respect box-sizing: border-box */
   width: 20%;
 }
 </style>
@@ -1013,7 +1017,7 @@ textarea.field {
 <form>
   <div><input id=dump class=field type=button title="Dump mode" value=+><input name=name title=Name placeholder=Name class=field size=1><input name=email title=E-mail placeholder=E-mail class=field size=1><input name=subject title=Subject placeholder=Subject class=field size=1></div>
   <div id=replies></div>
-  <div><textarea title=Comment placeholder=Comment class=field></textarea><div>
+  <div><textarea title=Comment placeholder=Comment class=field></textarea></div>
   <div class=captcha><img></div>
   <div><input name=captcha title=Verification placeholder=Verification class=field size=1></div>
   <div><input type=file name=upfile multiple><input type=submit value=Submit></div>