I had to turn off my 4chan Pass once and it was terrible.

css/layout.css

@@ -1157,7 +1157,7 @@ if _conf['Compact Post Form Inputs'] then "
   height: 14.8em;
   min-height: 9em;
 }
-#qr.captcha textarea.field {
+#qr.has-captcha textarea.field {
   height: 9em;
 }
 
@@ -1174,7 +1174,7 @@ if _conf['Compact Post Form Inputs'] then "
   height: 11.6em;
   min-height: 6em;
 }
-#qr.captcha textarea.field {
+#qr.has-captcha textarea.field {
   height: 6em;
 }"
 }
@@ -1190,16 +1190,16 @@ input.field.tripped:not(:hover):not(:focus) {
 #qr textarea {
   resize: #{_conf['Textarea Resize']};
 }
-.captchaimg {
+.captcha-img {
   margin: 1px 0 0;
   text-align: center;
 }
-.captchaimg img {
+.captcha-img img {
   width: 100%;
   height: 4em;
   width: 246px;
 }
-.captchainput .field {
+.captcha-input {
   width: 100%;
   margin: 1px 0 0;
 }

css/theme.css

@@ -57,7 +57,7 @@ html {
   border-color: #{theme["Reply Border"]};
   border-style: solid;
 }
-.captchaimg img {
+.captcha-img img {
   #{Style.filter theme["Text"], theme["Input Background"]}
 }
 #boardTitle,
@@ -116,7 +116,7 @@ span[style="left: 5px; position: absolute;"] a {
 #dump,
 #qr-filename-container,
 #appchanx-settings input,
-.captchaimg,
+.captcha-img,
 .dump #dump:not(:hover):not(:focus),
 .qr-preview,
 .selectrice,

src/appchan.coffee

@@ -103,13 +103,13 @@ Style =
   filter: (text, background) ->
 
     matrix = (fg, bg) -> "
-#{bg.r} #{-fg.r} 0 0 #{fg.r}
-#{bg.g} #{-fg.g} 0 0 #{fg.g}
-#{bg.b} #{-fg.b} 0 0 #{fg.b}
+ #{bg.r} #{-fg.r} 0 0 #{fg.r}
+ #{bg.g} #{-fg.g} 0 0 #{fg.g}
+ #{bg.b} #{-fg.b} 0 0 #{fg.b}
 "
 
-    fgHex = Style.colorToHex(text) or 'ffffff'
-    bgHex = Style.colorToHex(background) or '000000'
+    fgHex = Style.colorToHex(text)
+    bgHex = Style.colorToHex(background)
     string = matrix {
       r: parseInt(fgHex.substr(0, 2), 16) / 255
       g: parseInt(fgHex.substr(2, 2), 16) / 255
@@ -120,7 +120,7 @@ Style =
       b: parseInt(bgHex.substr(4, 2), 16) / 255
     }
 
-    return "filter: url(\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='filters' color-interpolation-filters='sRGB'><feColorMatrix values='#{string} 0 0 0 1 0' /></filter></svg>#filters\");"
+    return """filter: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='filters' color-interpolation-filters='sRGB'><feColorMatrix values='#{string} 0 0 0 1 0' /></filter></svg>#filters");"""
 
   layout: ->
     _conf   = Conf

src/qr.coffee

@@ -638,6 +638,7 @@ QR =
         title: 'Verification'
         autocomplete: 'off'
         spellcheck: false
+        tabindex:   55
       @nodes =
         challenge: $.id 'recaptcha_challenge_field_holder'
         img:       imgContainer.firstChild
@@ -652,6 +653,8 @@ QR =
 
       $.on imgContainer, 'click',   @reload.bind @
       $.on input,        'keydown', @keydown.bind @
+      $.on input,        'focus', -> $.addClass QR.nodes.el, 'focus'
+      $.on input,        'blur',  -> $.rmClass  QR.nodes.el, 'focus'
       $.get 'captchas', [], (item) =>
         @sync item['captchas']
       $.sync 'captchas', @sync
@@ -659,7 +662,7 @@ QR =
       @reload()
 
       $.addClass QR.nodes.el, 'has-captcha'
-      $.after QR.nodes.com.parentNode, [imgContainer, input]
+      $.after QR.nodes.dumpList.parentElement, [imgContainer, input]
     
     sync: (@captchas) ->
       QR.captcha.count()